.mobile-facets{display:flex;flex-direction:column;height:100%;max-height:100%}.menu-drawer--facets{position:fixed;top:0;height:100vh;height:100dvh;overflow:hidden}.menu-drawer--facets~.modal__backdrop{position:fixed;top:0;height:100vh;height:100dvh;transition:none;pointer-events:all;z-index:calc(var(--layer-sticky) + 1)}.mobile-facets-wrapper{display:block;position:sticky;top:0;height:100%}.mobile-facets__scroll{--facet-header-height: 79px;--facet-footer-height: 94px;position:relative;flex-grow:1;max-height:calc(100dvh - var(--facet-header-height) - var(--facet-footer-height))}.mobile-facets__inner{display:flex;height:100%;padding:10px 30px;overflow:hidden;overflow-y:auto}.mobile-facets__main{flex:1}.mobile-facets__open-wrapper{position:fixed;display:inline-flex;left:50%;bottom:30px;z-index:var(--layer-heightened);transform:translate(-50%);transition:var(--duration-medium) var(--transition-primary);transition-property:opacity,transform,bottom}.mobile-facets__wrapper:has(.mobile-facets__main:empty){display:none}@media screen and (max-width:1024px){body:has(.bottom-navigation:not(.bottom-navigation--hidden)) .mobile-facets__open-wrapper{bottom:74px}}.mobile-facets__open-wrapper.is-hidden{opacity:0;transform:translate(-50%,101%)}.mobile-facets__open{max-width:calc(100vw - 30px);text-align:center}.mobile-facets__open .button{--color-button: var(--color-background);--color-button-text: var(--color-base);--color-button-hover: var(--color-base);--color-button-text-hover: var(--color-background);box-shadow:var(--sticky-button-shadow)}@media screen and (min-width:577px){.mobile-facets__open{width:min(300px,calc(100vw - 30px))}.mobile-facets__open .button{width:100%}}.mobile-facets__header{display:flex;position:sticky;padding:30px 30px 20px;top:0;z-index:var(--layer-sticky)}.mobile-facets__header-inner{position:relative;display:grid;grid-template-columns:1fr 30px;column-gap:30px}.mobile-facets__header-inner .loading-spinner{position:relative}.mobile-facets__header .mobile-facets__close{position:absolute;inset-inline-end:20px}.mobile-facets__footer{position:sticky;display:flex;bottom:0;padding:20px 30px 30px;z-index:var(--layer-sticky);background-color:var(--color-background)}.mobile-facets__sort{display:flex;justify-content:space-between}.mobile-facets__sort label{flex-shrink:0}.mobile-facets__sort .select{width:auto}.mobile-facets__sort .select .icon-caret{right:0}.mobile-facets__list{overflow-y:auto}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-facets-drawer.css.map */
