.collection-wrapper.collection-wrapper--drop-down-ui{display:block;padding-top:0;border-top:0}.collection-wrapper--drop-down-ui>#ProductGridContainer{position:relative;z-index:0}.collection-banner--drop-down-empty{display:none}.collection-banner--drop-down-heading .collection-hero__text-wrapper:empty{display:none}.drop-down-filters-container{width:100%}.collection-wrapper.collection-wrapper--drop-down-ui .drop-down-filters-container{display:block;margin:0;padding:0;border:0;top:var(--drop-down-sticky-top, 0px)!important;transition:none;z-index:11}.drop-down-filters{display:block;position:relative;z-index:11;margin-bottom:2.4rem;background:rgb(var(--color-background))}.drop-down-filters [hidden]{display:none!important}.drop-down-filters__toolbar{display:flex;align-items:center;gap:2rem;padding-block:2rem}.drop-down-filters__heading{flex:1;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:2.8rem;text-transform:uppercase}.drop-down-filters__heading .page-header,.drop-down-filters__heading .page-header__inner,.drop-down-filters__heading .collection-hero__title{margin:0;padding:0;border:0;text-align:start}.drop-down-filters__heading .collection-hero__title{font-size:inherit;line-height:1.2}.drop-down-filters__quick-list,.drop-down-filters__actions{display:flex;align-items:center;gap:1.6rem}.drop-down-filters button,.drop-down-filters__sort,.drop-down-filters__value,.drop-down-filters__summary,.drop-down-filters__chip,.drop-down-filters facet-remove{font-family:var(--font-heading-family);text-transform:uppercase}.drop-down-filters__quick{display:flex;align-items:center;gap:.8rem;padding:.6rem 0;border:0;background:transparent;color:inherit;font-size:1.2rem;cursor:pointer}.drop-down-filters__quick svg,.drop-down-filters__summary svg{width:1.6rem;height:1.6rem;flex:none}.drop-down-filters__quick[aria-expanded=true] svg,.drop-down-filters__group[open]>summary svg{transform:rotate(180deg)}.drop-down-filters__all,.drop-down-filters__sort{position:relative;display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:3.2rem;min-width:12rem;padding:.6rem 1.2rem;border:1px solid currentColor;color:rgb(var(--color-foreground));background:rgb(var(--color-background));font-size:1.2rem;line-height:1;cursor:pointer}.drop-down-filters__all svg,.drop-down-filters__sort svg{width:1.4rem;height:1.4rem}.drop-down-filters__all[aria-expanded=true]{color:rgb(var(--color-button-text));background:rgb(var(--color-button));border-color:rgb(var(--color-button))}.drop-down-filters__sort label{display:flex;align-items:center;gap:.6rem;pointer-events:none}.drop-down-filters__sort select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop-down-filters__sort:focus-within,.drop-down-filters button:focus-visible,.drop-down-filters summary:focus-visible,.drop-down-filters a:focus-visible{outline:2px solid currentColor;outline-offset:3px}.drop-down-filters__active{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;min-width:0}.drop-down-filters__active:not(:empty){padding-block:0 2rem}.drop-down-filters__chip{display:inline-flex;align-items:center;gap:.8rem;padding:.3rem .7rem;font-size:1.2rem;line-height:1.2;color:inherit;background:rgba(var(--color-foreground),.1);text-decoration:none}.drop-down-filters__chip svg{width:.9rem;height:.9rem}.drop-down-filters__reset-all{margin-inline-start:auto}.drop-down-filters facet-remove a:not(.drop-down-filters__chip){color:inherit;text-decoration:underline;text-underline-offset:.2rem;font-size:1.2rem;font-weight:600}.drop-down-filters__panel{position:absolute;top:100%;inset-inline:0;z-index:2;display:grid;grid-template-rows:0fr;opacity:0;transform:translateY(-1rem);transition:grid-template-rows .2s ease,opacity .2s ease,transform .2s ease;background:rgb(var(--color-background))}.drop-down-filters.is-open .drop-down-filters__panel{grid-template-rows:1fr;opacity:1;transform:translateY(0)}.drop-down-filters[data-mode=all] .drop-down-filters__panel{inset-inline:auto;left:calc(-1 * var(--panel-left-gutter, 0px));right:calc(-1 * var(--panel-right-gutter, 0px));padding-left:var(--panel-left-gutter, 0px);padding-right:var(--panel-right-gutter, 0px)}.drop-down-filters__panel-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;max-height:var(--panel-height, 70vh)}.drop-down-filters__columns{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(4,minmax(0,1fr));gap:3.2rem;padding:1rem 0 2.4rem;min-height:0;overflow-y:auto;overscroll-behavior:contain}.drop-down-filters__group{min-width:0}.drop-down-filters__summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem;font-size:1.5rem;list-style:none;cursor:pointer}.drop-down-filters__summary::-webkit-details-marker{display:none}.drop-down-filters__values{max-height:35rem;overflow-y:auto;overscroll-behavior:contain}.drop-down-filters__columns::-webkit-scrollbar,.drop-down-filters__values::-webkit-scrollbar{width:var(--swiper-scrollbar-size, 4px)}.drop-down-filters__columns::-webkit-scrollbar-track,.drop-down-filters__values::-webkit-scrollbar-track{background:var(--swiper-scrollbar-bg-color, #0000001a);border-radius:var(--swiper-scrollbar-border-radius, 10px)}.drop-down-filters__columns::-webkit-scrollbar-thumb,.drop-down-filters__values::-webkit-scrollbar-thumb{background:var(--swiper-scrollbar-drag-bg-color, #00000080);border-radius:var(--swiper-scrollbar-border-radius, 10px)}@supports not selector(::-webkit-scrollbar){.drop-down-filters__columns,.drop-down-filters__values{scrollbar-width:thin;scrollbar-color:var(--swiper-scrollbar-drag-bg-color, #00000080) var(--swiper-scrollbar-bg-color, #0000001a)}}.drop-down-filters__list{display:flex;flex-direction:column;gap:.2rem;border:0;padding:0;margin:0;min-width:0}.drop-down-filters__value{display:flex;align-items:center;gap:.8rem;min-height:3.2rem;padding:.5rem .8rem;font-size:1.2rem;line-height:1.25;background:rgba(var(--color-foreground),.1);cursor:pointer;overflow-wrap:anywhere}.drop-down-filters__value input{-webkit-appearance:none;appearance:none;flex:none;position:static;width:1.6rem;height:1.6rem;margin:0;border:1px solid rgba(var(--color-foreground),.15);border-radius:0;background:rgb(var(--color-background));cursor:inherit}.drop-down-filters__value input:checked:after{content:"";display:block;width:.5rem;height:.9rem;margin:.1rem auto 0;border:solid rgb(var(--color-foreground));border-width:0 2px 2px 0;transform:rotate(45deg)}.drop-down-filters__value input:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.drop-down-filters__value:has(input:disabled){opacity:.45;cursor:default}.drop-down-filters__swatch{flex:none;width:2rem;height:2rem;border:1px solid rgba(var(--color-foreground),.2);background:var(--swatch-color);background-size:cover;background-position:center}.drop-down-filters__footer{display:flex;align-items:center;gap:3.2rem;padding-block:1.6rem 2.4rem;background:rgb(var(--color-background))}.drop-down-filters__footer .button--results{min-width:22rem;border-radius:0}.drop-down-filters__footer .button--results.loading{pointer-events:none;opacity:.65}.drop-down-filters__overlay{position:absolute;top:100%;inset-inline:0;z-index:1;width:100%;height:var(--overlay-height, 100vh);padding:0;border:0;background:#0000004d}.drop-down-filters[data-mode=quick] .drop-down-filters__panel{left:var(--quick-left, 0px);right:auto;width:min(32rem,100%);padding:1.6rem;box-shadow:0 .6rem 2rem #00000026}.drop-down-filters[data-mode=quick] .drop-down-filters__columns{display:block;padding:0}.drop-down-filters[data-mode=quick] .drop-down-filters__footer,.drop-down-filters[data-mode=quick] .drop-down-filters__summary{display:none}.drop-down-filters[data-mode=quick] .drop-down-filters__values{max-height:var(--panel-height, 50vh)}@media(min-width:990px){.drop-down-filters[data-mode=all] .drop-down-filters__summary{cursor:default}.drop-down-filters[data-mode=all] .drop-down-filters__summary svg{display:none}}@media(max-width:989px){.drop-down-filters__toolbar{flex-direction:column;align-items:stretch;gap:1.6rem}.drop-down-filters__quick-list{display:none}.drop-down-filters__actions>*{flex:1;min-width:0}.drop-down-filters__columns{display:block;padding:0}.drop-down-filters__group{border-bottom:1px solid rgba(var(--color-foreground),.15)}.drop-down-filters__summary{margin:0;padding-block:1.6rem}.drop-down-filters__values{max-height:none;overflow:visible;padding-bottom:1.6rem}.drop-down-filters__footer{flex-direction:column;align-items:stretch;gap:1.6rem;text-align:center}.drop-down-filters__footer .button--results{width:100%}}@media(prefers-reduced-motion:reduce){.drop-down-filters__panel{transition:none;transform:none}}.drop-down-filters__drawer-header{display:none}@media(min-width:990px){.drop-down-filters[data-desktop-ui=slideout] .drop-down-filters__quick-list{display:none}}.drop-down-filters[data-layout=slideout] .drop-down-filters__quick-list{display:none}.collection-wrapper.collection-wrapper--drop-down-ui .drop-down-filters-container:has(.is-open[data-layout=slideout]){z-index:8002001!important}.drop-down-filters[data-layout=slideout][data-mode] .drop-down-filters__panel{position:fixed;top:0;left:0;right:auto;width:min(40rem,90vw);height:100vh;height:100dvh;padding:0 2rem;grid-template-rows:1fr;transform:translate(-100%)}.drop-down-filters[data-layout=slideout].is-open .drop-down-filters__panel{transform:translate(0)}.drop-down-filters[data-layout=slideout] .drop-down-filters__panel-inner{max-height:100%;height:100%}.drop-down-filters[data-layout=slideout] .drop-down-filters__drawer-header{display:flex;align-items:center;justify-content:space-between;flex:none;padding-block:2rem;font-size:2rem}.drop-down-filters__drawer-header button{display:flex;padding:.8rem;border:0;background:transparent;color:inherit;cursor:pointer}.drop-down-filters__drawer-header svg{width:1.8rem;height:1.8rem}.drop-down-filters[data-layout=slideout] .drop-down-filters__columns{display:block;flex:1;padding:0}.drop-down-filters[data-layout=slideout] .drop-down-filters__group{border-bottom:1px solid rgba(var(--color-foreground),.15)}.drop-down-filters[data-layout=slideout] .drop-down-filters__summary{margin:0;padding-block:1.6rem;cursor:pointer}.drop-down-filters[data-layout=slideout] .drop-down-filters__summary svg{display:block}.drop-down-filters[data-layout=slideout] .drop-down-filters__values{max-height:none;overflow:visible;padding-bottom:1.6rem}.drop-down-filters[data-layout=slideout] .drop-down-filters__footer{flex:none;flex-direction:column;align-items:stretch;gap:1.6rem;padding-block:1.6rem}.drop-down-filters[data-layout=slideout] .drop-down-filters__overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh}@media(prefers-reduced-motion:reduce){.drop-down-filters[data-layout=slideout][data-mode] .drop-down-filters__panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/186/assets/collection-filters-drop-down.css.map */