.filter-option .checkbox{margin:0!important}.filter-option label{--swatch-size: 32px;display:flex;width:100%;align-items:center;gap:12px;cursor:pointer;padding:6px 12px;position:relative;transition:all .2s ease-in-out;border-radius:8px}@media(hover:hover)and (pointer:fine){.filter-option label:hover{background-color:var(--color-background-alt);transform:scale(1.025)}}.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+.swatch:before{content:"";position:absolute;border-radius:min(3px,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}.filter-option input:checked.for-swatch+.swatch:before{background:var(--color-foreground)}.filter-option label.filter-type-color .swatch{position:absolute;left:12px;border:0;--swatch-size: inherit}.filter-option label.filter-type-as-button{text-align:center;border-radius:min(4px,var(--button-border-radius));padding:12px;justify-content:center;transform-origin:center;height:100%}.filter-option input.as-button{border-radius:min(4px,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(3px,var(--button-border-radius))}.filter-option input.as-button:checked:before{background:var(--color-button-background);border-color:var(--color-button-background)}.filter-group:first-child summary{border-top:0}.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!important}.filter-option--refined input.checkbox{position:relative;border-radius:min(4px,var(--button-border-radius))}.filter-option--refined input.checkbox:checked:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:9px;border:solid var(--chkbg);border-width:0 2px 2px 0;transform:rotate(45deg)}.sort-by-popover{position:relative}.sort-by-popover>summary.sort-by-popover__trigger{border-top:0}.sort-by-popover__panel{position:absolute;z-index:5;top:calc(100% + 8px);right:0;min-width:280px;background-color:var(--color-background);border-radius:min(var(--button-border-radius),16px);box-shadow:0 0 0 1px var(--color-borders),0 8px 24px #0000001f;padding:8px}.sort-by-popover__panel fieldset{border:0;margin:0;padding:0}.sort-options-list{display:flex;flex-direction:column;gap:2px}.sort-option__label{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border-radius:min(var(--button-border-radius),10px);cursor:pointer;transition:background-color .2s ease-in-out;white-space:nowrap}@media(hover:hover)and (pointer:fine){.sort-option__label:hover{background-color:var(--color-background-alt)}}.sort-option.is-selected .sort-option__label{background-color:var(--color-background-alt)}.sort-option__icon{display:inline-flex;flex-shrink:0;width:18px;height:18px}.sort-option__icon svg{width:100%;height:100%}.sort-option__text{flex:1}.sort-option.is-selected .sort-option__text{font-weight:600}.sort-option__radio{display:inline-flex;flex-shrink:0}.sort-option__radio input[type=radio]{border-radius:50%;height:18px;width:18px}.sort-by-ratios .sort-options-list{gap:4px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-facets.css.map */