.component-filters{overflow-y:scroll;z-index:10000;display:block;position:fixed;top:0;left:0;width:calc(100% - 4rem);height:100vh;padding:8rem 3rem 3rem;border-top:.1rem solid rgb(var(--color-border));background-color:rgb(var(--color-background));visibility:hidden;transform:translate(-100%);transition-property:transform,visibility;transition-duration:var(--duration-long);transition-timing-function:ease}.component-filters .button{background-color:#000;color:#fff;box-shadow:none;border:1px solid #000}.component-filters .button:hover{background-color:#fff;color:#000}.component-filters .button:after{display:none}@media(min-width:768px){.component-filters{width:45rem}}.component-filters.is-active{visibility:visible;transform:translate(0)}.component-filters__icon{top:.5rem;width:25px;height:25px}.component-filters__icon.is-pop{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.component-filters__content{display:block;position:relative;overflow:hidden;opacity:1;max-height:0px;transition-duration:var(--duration-long);transition-timing-function:ease}.component-filters__content.is-open{opacity:1;max-height:10000px}.component-filters__content-check{display:flex;justify-content:center;align-items:center;position:relative;width:18px;height:18px;border:1px solid #C3C3C3;background-color:#f9f9f9}.component-filters__content-check.is-active{border:1px solid black;background-color:#000}.component-filters__check{visibility:hidden}.component-filters__check path{fill:#fff}.component-filters__check.is-active{visibility:visible}.component-filters__back{opacity:0;z-index:10000;display:block!important;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(var(--color-overlay),.5);cursor:url(cross.svg),url(cross.png),zoom-out;visibility:hidden;transition:opacity var(--duration-long) ease}.component-filters__back.menu-filter-open{opacity:1;visibility:visible}.component-filters__charge{visibility:hidden;z-index:10;opacity:.5;display:block!important;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff}.component-filters__charge.is-active{visibility:visible}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-filters.css.map */