.filter-option .checkbox{margin:0!important;flex-shrink:0;position:relative}.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 span{flex:1;min-width:0}.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{display:flex;align-items:center;gap:12px;border-radius:min(4px,var(--button-border-radius));padding:10px 12px;border:1px solid var(--color-borders);background:var(--color-background, #fff);width:100%;text-align:left;justify-content:flex-start}.filter-option label.filter-type-as-button:has(input:checked){border-color:var(--color-button-background);background:var(--color-background-alt, #f5f5f5)}.filter-option input.as-button{width:18px;height:18px;margin:0;border:1px solid var(--color-borders);border-radius:min(3px,var(--button-border-radius));background:var(--color-background);-webkit-appearance:none;appearance:none;cursor:pointer;flex-shrink:0;position:relative}.filter-option input.as-button:checked{background:var(--color-button-background);border-color:var(--color-button-background);box-shadow:inset 0 0 0 3px var(--color-background)}.filter-option label.filter-type-as-button span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-options-list.as-button{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.filter-options-list.as-button li.filter-option{width:100%}.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}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-facets.css.map */