.filter-modal{background:var(--soft);border-left:1px solid var(--lineColor);height:calc(var(--vh) * 100 - var(--gap-top));overflow:scroll;right:0;top:var(--gap-top);transform:translate(100%);transition:transform .5s cubic-bezier(.82,.01,.1,1.01);width:86vw;will-change:transform;z-index:4}.is-top-bar .filter-modal{top:calc(var(--gap-top) + 3.6rem);height:calc((var(--vh) * 100) - var(--gap-top) - 3.6rem)}@media only screen and (min-width:580px)and (max-width:1024px){.filter-modal{width:36rem}}.filter-modal__hold{padding:2rem 0;height:auto}.filter-modal__close{background:var(--soft);border-bottom:1px solid var(--lineColor);border-left:1px solid var(--lineColor);display:flex;height:2rem;justify-content:flex-end;margin:.4rem 0 0;position:fixed;right:0;top:0;width:86vw}@media only screen and (min-width:580px)and (max-width:1024px){.filter-modal__close{width:36rem}}.filter-modal__close svg{margin:0 var(--gap) 0 0;width:1.5rem}.filter-modal .active-filters{border-top:none}.is-filtermodal{height:100vh;overflow:hidden}.is-filtermodal .filter-modal{transform:translate(0)}.is-filtermodal .screen-fader{opacity:1;pointer-events:auto}
/*# sourceMappingURL=/cdn/shop/t/7/assets/filter-modal.css.map */