fabric-filters-component{display:contents}.fab-block__wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;grid-column:var(--grid-column--desktop);--grid-column--desktop: var(--centered);padding:16px 0}.fab-block__header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-bottom:16px;gap:20px}.fab-block__categories{display:flex;flex-wrap:wrap;flex:1;gap:var(--filter-tabs-spacing, 12px);justify-content:var(--filter-tabs-justify, flex-start);min-width:0}.fab-block__controls{display:flex;align-items:center;gap:12px;flex-shrink:0;position:relative;z-index:2}.fab-block__controls .products-count-wrapper{display:flex}.fab-block__controls .sort-by{position:relative}.fab-block__controls .sort-by__dropdown{position:absolute;top:100%;right:0;margin-top:8px;z-index:10}.fab-block__controls floating-panel-component{right:75px!important}.fab-chips-row__controls .sorting-filter{position:relative}.fab-chips-row__controls .sorting-filter__options{position:absolute;top:100%;right:0;margin-top:8px;z-index:10}.fab-category-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background-color:unset;border:var(--filter-tabs-border-width, 0px) solid var(--filter-tabs-border-color, var(--color-border));border-radius:var(--filter-tabs-border-radius, 0px);cursor:pointer;transition:background-color .3s ease,border-color .3s ease;font-family:var(--font-paragraph--family);font-size:var(--font-paragraph--size);font-weight:400}.fab-category-button:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5))}.fab-category-button--active{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5));border-color:var( --filter-tabs-border-color-active, var(--filter-tabs-border-color, var(--color-border)) );font-size:var(--font-paragraph--size);font-weight:700}.fab-category-label{display:inline-block;position:relative}.fab-category-label:after{content:attr(data-text);height:0;visibility:hidden;overflow:hidden;-webkit-user-select:none;user-select:none;pointer-events:none;font-weight:700;display:block;font-size:inherit;line-height:0}@media speech{.fab-category-label:after{display:none}}.fab-category-icon{display:flex;align-items:center;transition:transform .3s ease}fabric-filters-component.fab-morphing .fab-category-icon{transition:none}.fab-category-button--active .fab-category-icon{transform:rotate(180deg)}.fab-expandable-wrapper{padding:0}.fab-expandable-wrapper summary{list-style:none;display:none}.fab-expandable-wrapper summary::-webkit-details-marker{display:none}.fab-expandable-wrapper:not([open]) .fab-block__category-options{border-top:1px solid var(--color-border);padding:0 20px;max-height:0;overflow:hidden;opacity:0;position:relative;z-index:1}.fab-expandable-wrapper[open] .fab-block__category-options{border-top:1px solid var(--color-border);padding:16px 0;min-height:155px;max-height:1000px;opacity:1;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;position:relative;z-index:1;display:flex;align-items:flex-start}.fab-category-content{display:none;opacity:0;transition:opacity .2s ease;width:100%}.fab-category-content--active{display:block}.fab-category-content--visible{opacity:1}.fab-category-content--fading-out{opacity:0}.fab-filter-options{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px}.fab-filter-options--text{flex-direction:row;gap:8px;padding:2px;align-items:center}.fab-filter-options--swatches{display:grid;grid-template-columns:repeat(auto-fill,75px);gap:20px;padding:6px;justify-content:start}.fab-filter-options--images{display:flex;flex-wrap:wrap;gap:20px;padding:6px;align-items:center;width:100%}.fab-filter-option{position:relative}.fab-filter-option--disabled{opacity:.5;pointer-events:none}.fab-filter-option__input{position:absolute;opacity:0;cursor:pointer}.fab-filter-option__text-wrapper{display:flex;align-items:center;cursor:pointer}.fab-filter-option__label--text{display:flex;cursor:pointer;align-items:center;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35));border-radius:4px;padding:16px 32px;gap:4px;background-color:transparent;transition:background-color .2s ease,transform .2s ease}.fab-filter-option__label--text:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5));transform:scale(1.02)}.fab-filter-option__input:checked+.fab-filter-option__label--text,.fab-filter-option__input:checked~.fab-filter-option__label--text{border-color:var(--color-foreground);font-weight:600}.fab-filter-option__text{flex:1}.fab-filter-option__count{color:rgb(var(--color-foreground-rgb) / .6);font-size:.9em}.fab-filter-option__fieldset--swatch{border:none;padding:0;margin:0}.fab-filter-option__swatch-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.fab-filter-option__swatch-block{position:relative;width:75px;height:75px;border:.5px solid rgb(var(--color-foreground-rgb) / var(--opacity-15));border-radius:4px;transition:outline .2s ease,transform .2s ease;outline:1.5px solid transparent;outline-offset:4px}.fab-filter-option__swatch-block:hover{transform:scale(1.05)}.fab-filter-option__input:checked~.fab-filter-option__swatch-block,.fab-filter-option__fieldset--swatch:has(input:checked) .fab-filter-option__swatch-block{outline-color:var(--color-foreground)}.fab-filter-option__swatch-block--disabled{opacity:.5}.fab-filter-option__swatch-text{font-size:.875em;text-align:center;color:var(--color-foreground)}.fab-filter-option__fieldset--image{border:none;padding:0;margin:0}.fab-filter-option__image-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;flex:1;min-width:0}.fab-filter-option__image-wrapper{position:relative;width:100%;max-height:75px;height:75px;border-radius:8px;overflow:hidden;transition:outline .2s ease,transform .2s ease;outline:1.5px solid transparent;outline-offset:4px}.fab-filter-option__image-wrapper img{width:100%;height:100%;object-fit:cover}.fab-filter-option__image-wrapper:hover{transform:scale(1.02)}.fab-filter-option__input:checked+.fab-filter-option__image-label .fab-filter-option__image-wrapper{outline-color:var(--color-foreground)}.fab-filter-option__label--image{font-size:.9em;text-align:center;color:var(--color-foreground)}.fab-filter-option__disabled-line{position:absolute;top:0;left:0;stroke:rgb(var(--color-foreground-rgb) / .3);stroke-width:2;pointer-events:none}.fab-active-chips-row{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%}.fab-active-chips{display:flex;flex-wrap:wrap;gap:12px;align-items:center;flex:1}.fab-chips-row__controls{display:flex;align-items:center;gap:16px;margin-left:auto;flex-shrink:0}.fab-chips-row__controls .products-count-wrapper{display:flex;font-size:14px;color:var(--color-foreground)}.fab-chips-row__controls .facets__panel{padding:0 8px}.fab-chip{display:inline-flex;align-items:center;gap:8px;padding:12px;background-color:transparent;border:1px solid var(--color-foreground);border-radius:5px;font-family:var(--font-paragraph--family);font-size:14px;color:var(--color-foreground);cursor:default;transition:all .2s ease}.fab-chip__label{line-height:1;white-space:nowrap}.fab-chip__remove{display:flex;align-items:center;justify-content:center;padding:0;margin:0;background:none;border:none;cursor:pointer;color:var(--color-foreground);transition:transform .2s ease}.fab-chip__remove:hover{transform:scale(1.2)}.fab-chip--clear-all{background-color:transparent;border:none;text-decoration:underline;cursor:pointer;padding:8px 12px;font-weight:400}.fab-chip--clear-all:hover{opacity:.7}.fab-chip--clear-all .fab-chip__label{text-transform:uppercase;font-size:12px;letter-spacing:.5px}@media screen and (max-width:749px){.fab-block__wrapper{display:none}}.fab-mobile-toggle{--icon-offset: -3px;display:flex;justify-content:space-between;align-items:center;min-height:var(--minimum-touch-target);margin:var(--facets-margin, 0);padding-block:var(--facets-inner-padding-block, 8px);padding-inline:var(--facets-inner-padding-inline, var(--padding-lg));gap:16px}@media screen and (min-width:750px){.fab-mobile-toggle{display:none}}.fab-mobile-toggle__wrapper{margin-left:var(--icon-offset)}.fab-mobile-toggle__button{display:flex;align-items:center;gap:8px;padding:8px 0;background:none;border:none;cursor:pointer;font-family:var(--font-paragraph--family);font-size:var(--font-paragraph--size);color:var(--color-foreground)}.fab-mobile-toggle__button .svg-wrapper{display:flex;align-items:center}.fab-mobile-toggle__button .svg-wrapper svg{width:20px;height:20px}.fab-filter-count-bubble{position:relative;width:20px;aspect-ratio:1;border-radius:50%;display:grid;line-height:normal;place-content:center;color:var(--color-foreground);border:var(--icon-stroke-width, 1px) solid var(--color-background)}.fab-filter-count-bubble__background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-10-25, .15));border-radius:50%}.fab-filter-count-bubble__text{font-size:11px;font-weight:var(--font-paragraph--weight, 400);aspect-ratio:1 / 1;position:relative;z-index:1}.fab-mobile-controls{display:flex;align-items:center;gap:var(--gap-sm, 12px);justify-content:flex-end}.fab-mobile-controls .sorting-filter__container .facets__label{display:none}.fab-mobile-controls .sorting-filter__container{padding:0;margin:0}.fab-mobile-controls .sorting-filter__select{font-size:var(--font-paragraph--size);font-family:var(--font-paragraph--family)}.fab-mobile-controls .sorting-filter__select-wrapper{padding:0}.fab-mobile-controls .sorting-filter__select-wrapper:has(:focus-visible){outline:none}.fab-mobile-controls .sorting-filter__select:focus,.fab-mobile-controls .sorting-filter__select:focus-visible{outline:none}.fab-drawer-wrapper{position:fixed;z-index:var(--layer-modal, 1000)}@media screen and (min-width:750px){.fab-drawer-wrapper{display:none!important;visibility:hidden!important;pointer-events:none!important}.fab-drawer-wrapper,.fab-drawer-wrapper *{position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;opacity:0!important}}.fab-drawer{display:flex;flex-direction:column;overflow:hidden;max-width:var(--drawer-max-width, 400px);width:var(--drawer-width, 100%);max-height:100vh;height:100%;margin:0;padding:0;background-color:var(--color-background);border-left:var(--style-border-drawer, 1px solid var(--color-border));box-shadow:var(--shadow-drawer, -4px 0 20px rgba(0, 0, 0, .1));border-radius:0}.fab-drawer[open]{display:flex}@media screen and (min-width:750px){.fab-drawer,.fab-drawer[open]{display:none!important}}.fab-drawer__title-wrapper{display:flex;flex-shrink:0;position:sticky;top:0;background-color:var(--color-background);color:var(--color-foreground);justify-content:space-between;align-items:center;padding:24px 12px 24px 24px;border-bottom:1px solid var(--color-border);z-index:10}.fab-drawer__title{margin:0;display:flex;align-items:center;gap:var(--gap-xs, 8px);font-size:var(--font-h3--size, 1.25rem)}.fab-drawer__bubble{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-size:var(--font-size--xs, 12px);font-family:var(--font-paragraph--family);font-weight:var(--font-paragraph--weight, 400);background-color:rgb(var(--color-foreground-rgb) / var(--opacity-10-25, .15));border-radius:50%}.fab-drawer__close{display:flex;position:relative;width:var(--minimum-touch-target);height:var(--minimum-touch-target);cursor:pointer;padding:8px;background:none;background-color:transparent;color:var(--color-foreground);justify-content:center;align-items:center;z-index:var(--layer-flat);border-radius:50%;border:none}.fab-drawer__close .svg-wrapper{display:flex}.fab-drawer__form-wrapper,.fab-drawer__form{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.fab-drawer__filters{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;padding:0 24px}.fab-drawer__filter-group{border-bottom:1px solid var(--color-border)}.fab-drawer__filter-group[open] .fab-drawer__filter-icon{transform:rotate(180deg)}.fab-drawer__filter-summary{display:flex;align-items:center;padding:24px 0;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.fab-drawer__filter-summary::-webkit-details-marker{display:none}.fab-drawer__filter-label{flex:1;font-size:var(--font-h5--size, 1rem);font-weight:500;color:var(--color-foreground)}.fab-drawer__filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-right:8px;font-size:12px;background-color:rgb(var(--color-foreground-rgb) / var(--opacity-10-25, .15));border-radius:50%}.fab-drawer__filter-icon{display:flex;align-items:center;transition:transform .3s ease;color:rgb(var(--color-foreground-rgb) / .5)}.fab-drawer__filter-content{padding:12px 0 24px}.fab-drawer__filter-options{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md, 16px)}.fab-drawer__filter-options--swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md, 16px)}.fab-drawer__filter-options--images{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md, 16px)}.fab-drawer__filter-options--text{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fab-drawer__filter-option{position:relative}.fab-drawer__filter-option--disabled{opacity:.5;pointer-events:none}.fab-drawer__filter-input{position:absolute;opacity:0;cursor:pointer}.fab-drawer__filter-fieldset{border:none;padding:0;margin:0}.fab-drawer__filter-text-wrapper{display:flex;align-items:center;width:100%}.fab-drawer__filter-text-label{display:flex;cursor:pointer;align-items:center;justify-content:center;width:100%;border:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35, .35));border-radius:4px;padding:16px 12px;gap:4px;background-color:transparent;transition:background-color .2s ease,border-color .2s ease;text-align:center}.fab-drawer__filter-text-label:hover{background-color:rgb(var(--color-foreground-rgb) / var(--opacity-5, .05))}.fab-drawer__filter-input:checked+.fab-drawer__filter-text-label,.fab-drawer__filter-input:checked~.fab-drawer__filter-text-label{border-color:var(--color-foreground);font-weight:600}.fab-drawer__filter-checkbox-icon{display:none}.fab-drawer__filter-text{font-size:var(--font-paragraph--size);color:var(--color-foreground)}.fab-drawer__filter-text-count{color:rgb(var(--color-foreground-rgb) / .6);font-size:.9em}.fab-drawer__filter-swatch-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.fab-drawer__filter-swatch{position:relative;width:80px;height:80px;border:.5px solid rgb(var(--color-foreground-rgb) / var(--opacity-15, .15));border-radius:4px;transition:outline .2s ease,transform .2s ease;outline:2px solid transparent;outline-offset:3px}.fab-drawer__filter-swatch:hover{transform:scale(1.05)}.fab-drawer__filter-input:checked~.fab-drawer__filter-swatch,.fab-drawer__filter-fieldset--swatch:has(input:checked) .fab-drawer__filter-swatch{outline-color:var(--color-foreground)}.fab-drawer__filter-swatch--disabled{opacity:.5}.fab-drawer__filter-swatch-text{font-size:12px;text-align:center;color:var(--color-foreground);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fab-drawer__filter-image-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.fab-drawer__filter-image-wrapper{position:relative;width:100%;height:120px;border-radius:6px;overflow:hidden;transition:outline .2s ease,transform .2s ease;outline:2px solid transparent;outline-offset:3px}.fab-drawer__filter-image-wrapper img{width:100%;height:100%;object-fit:cover}.fab-drawer__filter-image-wrapper:hover{transform:scale(1.02)}.fab-drawer__filter-input:checked+.fab-drawer__filter-image-label .fab-drawer__filter-image-wrapper{outline-color:var(--color-foreground)}.fab-drawer__filter-image-text{font-size:12px;text-align:center;color:var(--color-foreground)}.fab-drawer__sorting{padding:var(--padding-md, 16px) var(--drawer-padding, 20px);border-top:1px solid var(--color-border)}.fab-drawer .facets__actions{flex-shrink:0;background-color:var(--color-background);border-top:none;padding:24px;gap:unset}#filters-drawer .facets__clear-all{display:none!important}.fab-drawer-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex-shrink:0;padding:16px 24px;border-top:1px solid var(--color-border)}.fab-drawer-chip{padding:12px;font-size:12px}.fab-drawer-chip .fab-chip__remove svg{width:10px;height:10px}.fab-drawer-chips .fab-chip--clear-all{padding:6px 10px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/fabric-filters.css.map */