.filter-drawer .backdrop{position:fixed;top:0;right:0;width:100vw;height:100dvh;background-color:#00000080;z-index:9;pointer-events:none;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease}.filter-drawer .backdrop.active{pointer-events:auto;visibility:visible;opacity:1}.filter-drawer{position:fixed;top:0;left:-100vw;width:calc(100vw - 2rem);height:100dvh;background-color:var(--white);z-index:10;transition:left .3s ease;display:flex;flex-direction:column;max-width:350px;overflow:hidden}.filter-drawer.open{left:0}.filter-drawer .filter-drawer-content{position:relative;display:flex;flex-direction:column;height:100%}.filter-drawer .filter-drawer-header{display:flex;justify-content:space-between;align-items:center}.filter-drawer .filter-menu-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.filter-drawer .title,.filter-drawer .icon-close{padding:var(--page-padding-mobile)}.filter-drawer .filter-menu-list{list-style:none;padding:0}.filter-drawer .summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;list-style:none;position:relative;padding:var(--page-padding-mobile);border-bottom:1px solid var(--dark);text-transform:capitalize}.filter-drawer .select{position:relative;border:1px solid var(--dark);height:2rem;width:180px}.filter-drawer .select select{-webkit-appearance:none;-moz-appearance:none;text-indent:1px;text-overflow:"";width:100%;height:100%;padding-left:.5rem}.filter-drawer .select svg{position:absolute;right:.25rem;top:5px;transform:rotate(-90deg);pointer-events:none}.filter-drawer .filter-menu{position:absolute;top:5.7rem;left:0;width:100%;height:100%;background-color:var(--white);padding:var(--page-padding-mobile);transform:translate(100%);transition:transform .3s ease;z-index:1;border-top:1px solid var(--dark)}.filter-drawer .filter-menu.open,.filter-drawer details[open] .filter-menu{transform:translate(0)}.filter-drawer .filter-menu-list svg{transform:rotate(180deg);width:1.5rem;height:1.5rem}.filter-drawer .filter-menu-header svg{transform:rotate(0)}.filter-drawer .filter-menu ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.filter-drawer .filter-item{height:2.5rem}.filter-drawer .filter-item input+label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:.5rem 1rem;border:1px solid var(--dark);cursor:pointer;transition:all .3s ease}.filter-drawer .filter-item input:checked+label{background-color:var(--dark);color:var(--white)}.filter-drawer .filter-item input:disabled+label{opacity:.3;cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/3/assets/filter-drawer.css.map */