.filter-drawer__panel{position:fixed;right:0;bottom:0;left:0;top:80px;z-index:-1;display:flex;justify-content:flex-start;opacity:0;visibility:hidden;background:rgba(var(--color-foreground),.5);transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.filter-drawer__panel[open]{opacity:1;visibility:visible;z-index:1000}.filter-drawer__content{position:relative;width:40rem;max-width:100vw;height:100%;background:rgb(var(--color-background));overflow-y:auto;padding:3.2rem 2.4rem;display:flex;flex-direction:column;animation:filterDrawerIn var(--duration-default) ease}@keyframes filterDrawerIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.filter-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2.4rem}.filter-drawer__heading{font-family:var(--font-heading-family);font-size:2.4rem;margin:0}.filter-drawer__close{margin:-1rem -1rem 0 0}.filter-drawer__groups{flex:1;display:flex;flex-direction:column}.filter-drawer__group{border-top:.1rem solid rgba(var(--color-foreground),.1);padding:1.6rem 0}.filter-drawer__group:last-child{border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.filter-drawer__group-summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;font-size:1.5rem}.filter-drawer__group-summary::-webkit-details-marker{display:none}.filter-drawer__group-icon{position:relative;width:1.2rem;height:1.2rem;flex-shrink:0}.filter-drawer__group-icon:before,.filter-drawer__group-icon:after{content:"";position:absolute;background:rgb(var(--color-foreground));transition:transform .15s ease}.filter-drawer__group-icon:before{top:50%;left:0;width:100%;height:.1rem;transform:translateY(-50%)}.filter-drawer__group-icon:after{left:50%;top:0;width:.1rem;height:100%;transform:translate(-50%)}.filter-drawer__group[open] .filter-drawer__group-icon:after{transform:translate(-50%) scaleY(0)}.filter-drawer__group-body{padding-top:1.6rem}.filter-drawer__values{list-style:none;margin:0;padding:0 .4rem 0 0;max-height:32rem;overflow-y:auto;scrollbar-width:thin}.filter-drawer__value{margin-bottom:1.6rem}.filter-drawer__value:last-child{margin-bottom:0}.filter-drawer__value-label{display:flex;align-items:center;gap:1.2rem;cursor:pointer;font-size:1.5rem}.filter-drawer__value-label--disabled{cursor:not-allowed;opacity:.4}.filter-drawer__value-count{margin-left:auto;color:rgba(var(--color-foreground),.55);font-size:1.4rem}.filter-drawer__value-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1.8rem;height:1.8rem;min-width:1.8rem;margin:0;border:.1rem solid rgba(var(--color-foreground),.35);border-radius:.2rem;cursor:pointer;display:inline-grid;place-content:center}.filter-drawer__value-label input[type=checkbox]:before{content:"";width:1rem;height:1rem;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background:rgb(var(--color-background));transform:scale(0);transition:transform .1s ease-in-out}.filter-drawer__value-label input[type=checkbox]:checked{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.filter-drawer__value-label input[type=checkbox]:checked:before{transform:scale(1)}.filter-drawer__value-label input[type=checkbox]:disabled{cursor:not-allowed}.filter-drawer__footer{display:flex;gap:1.2rem;padding-top:2.4rem;margin-top:auto}.filter-drawer__clear,.filter-drawer__apply{flex:1}@media screen and (max-width:749px){.filter-drawer__panel{top:0}.filter-drawer__content{width:100vw}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-filter-drawer.css.map */