.filter-drawer{--color-filter-bubble: rgb(var(--color-foreground));--checkbox-size: 1.6rem;--loading-size: 1.6rem;--filter-spacing: 1.6rem;--drawer-width: 350px;z-index:999999}.filter-drawer .drawer__inner{max-width:var(--drawer-width);width:100%}.filter-drawer .drawer__header{padding:0;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}filter-drawer .filter-drawer__header{padding:1.8rem 2.4rem}@media(max-width:639.98px){filter-drawer .filter-drawer__header{padding:1.2rem 1.6rem}}filter-drawer .filter-drawer__message{padding:1.2rem 1.5rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.filter-drawer .drawer__body{--cart-padding-start: 0;--cart-padding-x: 0;--cart-padding-end: 0;padding:0}filter-drawer .filter-drawer__body-content{padding:0 2.4rem}@media(max-width:639.98px){filter-drawer .filter-drawer__body-content{padding:0 1.6rem}}filter-drawer .filter-drawer__footer{--page-padding: 2rem;border-top:.1rem solid rgba(var(--color-foreground),.1);padding:1rem;box-shadow:0 -5px 10px rgba(var(--color-foreground),.08);margin-top:auto;display:flex;justify-content:flex-end}@media(max-width:639.98px){filter-drawer .filter-drawer__footer{--page-padding: 1.6rem;padding:2rem 1.6rem 2.4rem}}filter-drawer .filter-drawer__empty{padding:3.2rem 2.4rem;text-align:center}@media(max-width:639.98px){filter-drawer .filter-drawer__empty{padding:2.4rem 1.6rem}}filter-drawer .filter-content-container{padding:1.6rem 0}filter-drawer .filter-items-list{display:flex;flex-direction:column;gap:1.6rem}filter-drawer .filter-placeholder{text-align:center;padding:3.2rem 2.4rem;color:rgba(var(--color-foreground),.6);font-size:1.4rem}filter-drawer .filter-loading,filter-drawer .filter-loading-initial{text-align:center;padding:3.2rem 2.4rem}filter-drawer .filter-loading-initial p{margin-top:1.2rem;color:rgba(var(--color-foreground),.6);font-size:1.4rem}filter-drawer .filter-error{margin:1.6rem 2.4rem}filter-drawer .filter-drawer__footer{--page-padding: 2rem;border-top:.1rem solid rgba(var(--color-foreground),.1);padding:1rem 2.4rem;box-shadow:0 -5px 10px rgba(var(--color-foreground),.08);margin-top:auto;display:flex;justify-content:space-between;gap:1.6rem}@media(max-width:639.98px){filter-drawer .filter-drawer__footer{--page-padding: 1.6rem;padding:1.6rem;gap:1.2rem}}filter-drawer .filter-drawer__footer .btn{width:calc(50% - .8rem);min-height:3rem;font-weight:600;font-size:1.4rem;text-align:center;padding:.8rem 2.5rem;flex:0 0 calc(50% - .8rem);max-width:calc(50% - .8rem)}@media(max-width:639.98px){filter-drawer .filter-drawer__footer .btn{width:calc(50% - .6rem);flex:0 0 calc(50% - .6rem);max-width:calc(50% - .6rem);min-height:3rem;font-size:1.3rem;padding:.6rem 1.8rem}}@media(max-width:365px){filter-drawer .filter-drawer__footer .btn{min-height:2.8rem;font-size:1.2rem;padding:.4rem 1.2rem}}@media(max-width:767.98px){filter-drawer .filter-items-list{gap:1.2rem}}.filter-drawer button:focus-visible{outline:.2rem solid rgb(var(--color-button, var(--color-foreground)));outline-offset:.2rem}filter-drawer .filter-loading-initial .loading-spinner,filter-drawer .filter-loading .loading-spinner{margin:0 auto 1.2rem}filter-drawer .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}filter-drawer .filter-group{border-bottom:.1rem solid rgba(var(--color-foreground),.1)}filter-drawer .filter-group:last-child{border-bottom:none}filter-drawer .filter-details{border:none;padding:0;margin:0}filter-drawer .filter-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:1.6rem 0;cursor:pointer;-webkit-user-select:none;user-select:none}filter-drawer .filter-summary::-webkit-details-marker{display:none}filter-drawer .filter-summary::marker{display:none}filter-drawer .filter-label{font-size:2rem;font-weight:600;color:rgb(var(--color-foreground))}filter-drawer .filter-icon{font-size:1.8rem;color:rgba(var(--color-foreground),.6);transition:transform .2s ease;display:flex;align-items:center}filter-drawer .filter-details[open] .filter-icon{transform:rotate(180deg)}filter-drawer .filter-options{padding-bottom:1.6rem}filter-drawer .filter-option{display:flex;align-items:center;padding:1rem 0;cursor:pointer;position:relative}filter-drawer .filter-option:hover{background:rgba(var(--color-foreground),.02)}filter-drawer .filter-option-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1.2rem}filter-drawer .filter-option-label{font-size:1.4rem;color:rgba(var(--color-foreground),.8);flex:1}filter-drawer .filter-count{color:rgba(var(--color-foreground),.5);font-size:1.3rem;margin-left:.4rem}filter-drawer .filter-checkmark{width:2rem;height:2rem;border:.2rem solid rgba(var(--color-foreground),.3);border-radius:.4rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;background:rgb(var(--color-background))}filter-drawer .filter-checkmark i{font-size:1.4rem;color:#fff;opacity:0;transition:opacity .2s ease}filter-drawer .filter-checkbox:checked+.filter-option-content .filter-checkmark{background:#3b82f6;border-color:#3b82f6}filter-drawer .filter-checkbox:checked+.filter-option-content .filter-checkmark i{opacity:1}filter-drawer .filter-checkbox:focus+.filter-option-content .filter-checkmark{box-shadow:0 0 0 .3rem #3b82f633}filter-drawer .filter-price-range{padding:1rem 0}filter-drawer .price-inputs{display:flex;gap:1.2rem}filter-drawer .price-field{flex:1;display:flex;flex-direction:column;gap:.6rem}filter-drawer .price-field label{font-size:1.3rem;color:rgba(var(--color-foreground),.7);font-weight:500}filter-drawer .price-field input{padding:.8rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;font-size:1.4rem;width:100%}filter-drawer .price-field input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 .3rem #3b82f61a}@media(max-width:639.98px){filter-drawer .filter-label{font-size:1.4rem}filter-drawer .filter-option-label{font-size:1.3rem}}filter-drawer .filter-checkbox{position:absolute;opacity:0;pointer-events:none}filter-drawer .filter-checkmark{width:20px;height:20px;border:2px solid #e5e5e5;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0;background:rgb(var(--color-background))}filter-drawer .filter-checkmark svg{opacity:0;transform:scale(.8);transition:all .15s ease;width:16px;height:16px}filter-drawer .filter-checkbox:checked+.filter-option-content .filter-checkmark{background-color:#000;border-color:#000}filter-drawer .filter-checkbox:checked+.filter-option-content .filter-checkmark svg{opacity:1;transform:scale(1)}filter-drawer .filter-checkmark svg path{stroke:#fff}filter-drawer .filter-checkbox:focus+.filter-option-content .filter-checkmark{box-shadow:0 0 0 .3rem #0003}filter-drawer .filter-option--has-swatch{display:flex;align-items:center}filter-drawer .filter-option--has-swatch .filter-option-content{display:flex;align-items:center;gap:1rem}filter-drawer .filter-swatch{width:2.4rem;height:2.4rem;border-radius:.4rem;object-fit:cover;border:.1rem solid rgba(var(--color-foreground),.1);flex-shrink:0}filter-drawer .filter-swatch--error{display:none!important}filter-drawer .filter-option--has-swatch .filter-option-label{flex:1;display:flex;align-items:center;gap:.4rem}filter-drawer.filter-drawer__search{padding:0 0 1.2rem;margin-bottom:.8rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}filter-drawer.filter-drawer__search-input{width:100%;padding:.8rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:.4rem;font-size:1.4rem;transition:all .2s ease}filter-drawer.filter-drawer__search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 .3rem #3b82f61a}
/*# sourceMappingURL=/cdn/shop/t/6/assets/filter-drawer.css.map */