.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}.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-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}.sort-by-dropdown{position:relative;display:inline-block}.sort-by-trigger{display:flex;align-items:center;gap:6px;border:1px solid #ccc;border-radius:4px;padding:10px 16px;background:#fff;cursor:pointer}.sort-by-trigger__label{text-decoration:underline;font-weight:600}.sort-by-trigger__icon{transition:transform .2s ease}.sort-by-dropdown[open] .sort-by-trigger__icon,.sort-by-trigger[aria-expanded=true] .sort-by-trigger__icon{transform:rotate(180deg)}.sort-by-panel{display:none;position:absolute;top:calc(100% + 4px);right:0;bottom:0;min-width:240px;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 12px #0000001a;list-style:none;margin:0;padding:8px 0;z-index:500;min-height:300px;overflow:auto}.sort-by-trigger[aria-expanded=true]+.sort-by-panel{display:block}.sort-by-option{display:block;padding:12px 16px;color:inherit;text-decoration:none}.sort-by-option:hover{background:#f5f5f5}.sort-by-option.is-active{border:1px solid #333;border-radius:4px;margin:0 8px;background:#f0f0f0;width:calc(100% - 16px)}.grid-top-bar{justify-self:end}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-facets.css.map */