:root{--filter-drawer-offset-top: 40px}.filter-drawer-overlay{position:fixed;top:var(--filter-drawer-offset-top, 40px);left:0;width:100%;height:calc(100vh - var(--filter-drawer-offset-top, 40px));background-color:#000000b3;z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.filter-drawer-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.filter-drawer{position:fixed;top:0;right:-100%;width:100%;max-width:500px;height:100vh;background-color:rgb(var(--color-background));z-index:1000;display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a;transition:right .25s ease;overflow:hidden}.filter-drawer.is-open{right:0}body.filter-drawer-open{overflow:hidden;scrollbar-gutter:stable}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid rgba(var(--color-foreground),.1);flex-shrink:0}.filter-drawer__title{margin:0;font-size:1.5rem;font-weight:600;text-transform:uppercase;color:rgb(var(--color-foreground))}.filter-drawer__close{background:none;border:none;padding:.5rem;cursor:pointer;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;margin-left:auto}.filter-drawer__close svg,.filter-drawer__close .icon{width:1.5rem;height:1.5rem;flex-shrink:0}.filter-drawer__close:hover{opacity:.7}.filter-drawer__content{flex:1;overflow-y:auto;padding:1.5rem;-webkit-overflow-scrolling:touch}.filter-drawer__group{margin-bottom:2rem}.filter-drawer__group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(var(--color-foreground),.1)}.filter-drawer__group-title{margin:0;font-size:1.4rem;font-weight:600;color:rgb(var(--color-foreground))}.filter-drawer__clear{background:none;border:none;padding:0;font-size:1.25rem;color:rgb(var(--color-link));cursor:pointer;text-decoration:underline}.filter-drawer__clear:hover{opacity:.7}.filter-drawer__options{display:flex;flex-wrap:wrap;gap:.5rem}.filter-drawer__option{display:flex;align-items:center;font-size:1.4rem;cursor:pointer;flex:0 0 calc(50% - .5rem);min-width:0}.filter-drawer__checkbox{margin-right:.5rem;cursor:pointer;flex-shrink:0}.filter-drawer__option-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--color-foreground))}.filter-drawer__option--disabled{opacity:.5;cursor:not-allowed}.filter-drawer__footer{padding:1.5rem;border-top:1px solid rgba(var(--color-foreground),.1);flex-shrink:0}.filter-drawer__apply{width:100%;padding:1rem;font-size:1.4rem;text-transform:uppercase;font-weight:600;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));border:1px solid rgb(var(--color-button));cursor:pointer;transition:opacity .2s ease}.filter-drawer__apply:hover{opacity:.9}.filter-drawer__apply:disabled{opacity:.5;cursor:not-allowed}.header__icon--filter{display:flex;align-items:center;justify-content:center;padding:.5rem}.header__icon--filter svg{width:2rem;height:2rem}@media screen and (max-width:1366px){.filter-drawer{max-width:50%}.filter-drawer__title{font-size:1.75rem}.filter-drawer__group-title{font-size:1.5rem}.filter-drawer__option{font-size:1.125rem;flex:0 0 calc(50% - .5rem)}.filter-drawer__apply{padding:1.25rem;font-size:1.25rem}}@media screen and (max-width:1024px){.filter-drawer{max-width:75%}}@media screen and (max-width:834px){.filter-drawer{max-width:90%}}@media screen and (max-width:768px){.filter-drawer{max-width:90%}.filter-drawer__group-title{font-size:1.25rem}.filter-drawer__clear{font-size:1rem}}@media screen and (max-width:680px){.filter-drawer__option{flex:0 0 calc(50% - .5rem);font-size:1rem}.filter-drawer__apply{font-size:1.125rem}}@media screen and (max-width:475px){.filter-drawer{max-width:100%}.filter-drawer__option{font-size:.875rem}.filter-drawer__apply{font-size:1rem}}@media screen and (max-width:360px){.filter-drawer{max-width:100%}.filter-drawer__option{font-size:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/filter-drawer.css.map */