.filter-form .filter-group{border-bottom:1px solid var(--drawers-borders)}.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;transform-origin:center left}.filter-option label:hover{background-color:var(--drawers-background-darken);transform:scale(1.1)}.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-radius));width:14px;height:14px;left:-6px;top:-2px;background:var(--drawers-background);border:1px solid;box-shadow:inset 0 0 0 2.5px var(--drawers-background);z-index:1}.filter-option input:checked.for-swatch{box-shadow:0 0 0 1px var(--button-primary-background)}.filter-option input:checked.for-swatch+.swatch:before{background:var(--button-primary-background);border-color:var(--button-primary-background)}.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-radius));padding:12px;justify-content:center;transform-origin:center;height:100%}.filter-option input.as-button{border-radius:min(4px,var(--button-radius));position:absolute;left:0;top:0;width:100%;height:100%;margin:0;border:1px solid var(--drawers-borders)}.filter-option input.as-button:checked{border-color:var(--button-primary-background)}.filter-option input.as-button:before{content:"";position:absolute;width:14px;height:14px;left:3px;top:3px;background:var(--drawers-background);border:1px solid var(--drawers-borders);box-shadow:inset 0 0 0 3px var(--drawers-background);z-index:1;border-radius:min(3px,var(--button-radius))}.filter-option input.as-button:checked:before{background:var(--button-primary-background);border-color:var(--button-primary-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(--button-primary-background);outline:0!important}
/*# sourceMappingURL=/cdn/shop/t/40/assets/component-facets.css.map */