filters-drawer{position:fixed;z-index:1000;left:0;top:0;width:100vw;height:100%;background-color:#0000;transition:visibility .3s ease,background-color .3s ease;visibility:hidden}filters-drawer.active{visibility:visible;background-color:#00000080}filters-drawer.active .filters-drawer__content{transform:translate(0)}filters-drawer .filters-drawer{position:fixed;top:0;left:0;width:100vw;height:100%;display:grid;justify-content:end}filters-drawer .filters-drawer__overlay{position:fixed;top:0;right:0;bottom:0;left:0}filters-drawer .filters-drawer__content{height:100%;overflow:hidden;width:100vw;transition:transform .3s ease-in-out;background:white;transform:translate(100%)}@media (min-width: 740px){filters-drawer .filters-drawer__content{width:550px}}