.facets__swatch{--swatch-color-size: 18px;--swatch-gap: 6px;display:inline-block;flex:none;box-sizing:content-box;width:var(--swatch-color-size);height:var(--swatch-color-size);padding:var(--swatch-gap);border:0;border-radius:0;position:relative}.filter-option .checkbox{padding:0;margin:0}.filter-option label{--swatch-size: 32px;display:flex;width:100%;min-height:36px;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-1) 0;position:relative;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1.3;letter-spacing:normal;text-transform:none}@media(pointer:coarse){.filter-option label{min-height:44px}}.filter-option input.for-swatch{width:var(--swatch-size);height:var(--swatch-size);border-radius:50%;box-shadow:0 0 0 1px;margin:0}.filter-option input.for-swatch+.facets__swatch:before{content:"";position:absolute;border-radius:min(var(--radius-sm),var(--button-border-radius));width:16px;height:16px;left:-6px;top:-2px;background:var(--color-background);border:1px solid var(--color-foreground);box-shadow:inset 0 0 0 2.5px var(--color-background);z-index:1}.for-swatch:checked+.facets__swatch:before{background:var(--color-foreground)}.filter-option label.filter-type-color .facets__swatch{position:absolute;left:0;border:0;--swatch-size: inherit}.filter-option label.filter-type-as-button{text-align:center;border-radius:min(var(--radius-sm),var(--button-border-radius));padding:var(--space-3);justify-content:center;transform-origin:center;height:100%}.filter-option input.as-button{border-radius:min(var(--radius-sm),var(--button-border-radius));position:absolute;left:0;top:0;width:100%;height:100%;margin:0;border:1px solid var(--color-borders)}.filter-option input.as-button:checked{border-color:var(--color-button-background)}.filter-option input.as-button:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:var(--color-background);border:1px solid var(--color-borders);box-shadow:inset 0 0 0 3px var(--color-background);z-index:1;border-radius:min(var(--radius-sm),var(--button-border-radius))}.filter-option input.as-button:checked:before{background:var(--color-button-background);border-color:var(--color-button-background)}.filter-option input.for-swatch:focus-visible{box-shadow:0 0 0 3px}.filter-option input:checked.for-swatch:focus-visible{box-shadow:0 0 0 3px var(--color-button-background);outline:0}html[lang=ar] .filter-option label.filter-type-color .facets__swatch{left:auto;right:0}html[lang=ar] .filter-option input.for-swatch+.facets__swatch:before{left:20px}
/*# sourceMappingURL=/cdn/shop/t/79/assets/component-facets.css.map */