@media screen and (min-width:990px){.facets-vertical{--filter-width: calc(22% + 1rem) ;column-gap:var(--grid-desktop-horizontal-spacing)}.facets-vertical--hide-filter .facets-wrapper--vertical{opacity:0;visibility:hidden}.facets-vertical--hide-filter .product-grid-container{margin-inline-start:calc(-1 * var(--filter-width) - var(--grid-desktop-horizontal-spacing))}.facets-wrapper--vertical{min-width:var(--filter-width);width:var(--filter-width);position:sticky;top:1rem;max-height:calc(100vh - 1rem);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding-inline-end:1.5rem;padding-inline-start:.5rem;margin-inline-start:-.5rem;margin-inline-end:-.5rem;transition:top .5s ease,max-height .5s ease,opacity .5s ease,visibility .5s ease}.facets__vertical-heading{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:0 0 2rem;margin-bottom:2.4rem;border-bottom:1px solid rgba(var(--color-foreground),.06)}.facets__vertical-heading-label{gap:.8rem;color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-size:calc(1.8rem * var(--font-body-scale));font-weight:var(--font-body-weight-bold);line-height:1.2}.facets__vertical-heading-label .icon-filter{width:1.6rem;height:1.6rem}.facets__vertical-clear{color:rgb(var(--color-foreground),.72);font-size:calc(1.3rem * var(--font-body-scale));line-height:1.2;text-underline-offset:.2rem}.facets-wrapper--vertical .facets-wrap{overflow-y:visible;margin:0;padding:0;max-height:none}.shopify-section-header-sticky.animate:not(.shopify-section-header-hidden)~.content-for-layout .facets-wrapper--vertical{top:calc(var(--header-height) - var(--nav-height, 0rem) + 1rem);max-height:calc(100vh - var(--header-height) + var(--nav-height, 0rem) - 1rem)}.shopify-section-header-sticky.animate:not(.shopify-section-header-hidden).toggle-nav.open-nav~.content-for-layout .facets-wrapper--vertical{top:calc(var(--header-height) + 1rem);max-height:calc(100vh - var(--header-height) - 1rem)}.product-grid-container{transition:margin-left .5s ease}.show-filter-text{display:none}.facets-vertical--hide-filter .show-filter-text{display:block}.facets-vertical--hide-filter .hide-filter-text{display:none}}@media screen and (min-width:990px)and (hover:hover){.facets-wrapper--vertical::-webkit-scrollbar{width:0;height:0}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/component-facets-vertical.css.map */