@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}.facet-drawer{position:fixed;top:0;right:0;bottom:0;z-index:2000;visibility:hidden}.facet-drawer.is-open{visibility:visible}.facet-drawer.is-open .facet-drawer-overlay{opacity:1}.facet-drawer.is-open .facet-drawer-content{transform:translate(0)}.facet-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .3s ease}.facet-drawer-content{position:fixed;top:0;right:0;width:55rem;max-width:100%;height:100vh;max-height:100dvh;background:#fff;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:-2px 0 8px #0000001a}@media(max-width:767px){.facet-drawer-content{max-width:100%}}.facet-drawer-header{padding:1.5rem 2.5%;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#fff}.facet-drawer-header h2{margin:0;font-size:1.6rem;font-weight:400}.facet-drawer-header .drawer-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-primary);flex-shrink:0;width:3rem;display:flex;align-items:center;justify-content:flex-end;padding:0}.facet-drawer-header .drawer-close:hover{background:#f5f5f5}.facet-drawer-header .drawer-close svg{width:2.4rem;height:2.4rem;stroke:var(--color-primary);fill:none;margin-right:-.5rem}.facet-drawer-body{flex:1;overflow-y:auto;padding:1rem 0 8rem;padding-top:0;background:#fff}.facet-drawer-body .facet-group{margin-bottom:0;border-bottom:1px solid #eee;padding:1rem 2.5%}.facet-drawer-body .facet-group:last-child{border-bottom:none;margin-bottom:0}.facet-drawer-body .facet-group .facet-group-header{width:100%;background:none;border:none;padding:.5rem 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1.6rem;font-weight:500;color:#333;transition:color .2s}.facet-drawer-body .facet-group .facet-group-header:hover{color:var(--color-primary)}.facet-drawer-body .facet-group .facet-group-header .facet-group-arrow{width:1rem;height:1rem;border-right:2px solid #000;border-bottom:2px solid #000;transform:rotate(45deg);transition:transform .2s}.facet-drawer-body .facet-group .facet-group-header.is-open .facet-group-arrow{transform:rotate(-135deg)}.facet-drawer-body .facet-group .facet-group-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.facet-drawer-body .facet-group .facet-group-content.is-open{max-height:40rem}.facet-drawer-body .facet-group .facet-group-values{padding:0}.facet-drawer-body .facet-checkbox{display:flex;align-items:center;padding:.5rem 0;cursor:pointer;transition:color .2s}.facet-drawer-body .facet-checkbox:hover{color:var(--color-primary)}.facet-drawer-body .facet-checkbox input{margin-right:.8rem;width:1.8rem;height:1.8rem;border:2px solid #000;border-radius:.2rem;background:#fff;-webkit-appearance:none;appearance:none;position:relative;cursor:pointer;transition:all .3s ease;flex-shrink:0}.facet-drawer-body .facet-checkbox input:checked{background:#000;border-color:#000}.facet-drawer-body .facet-checkbox input:checked:after{content:"";position:absolute;top:50%;left:50%;width:.8rem;height:.5rem;border:2px solid #fff;border-top:none;border-right:none;transform:translate(-50%,-60%) rotate(-45deg)}.facet-drawer-body .facet-checkbox span{font-size:1.4rem}.facet-drawer-body .facet-checkbox.facet-checkbox-swatch{display:inline-flex;position:relative;padding:0;margin-right:.8rem;margin-bottom:.8rem}.facet-drawer-body .facet-checkbox.facet-checkbox-swatch input.hidden-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;margin:0}.facet-drawer-body .facet-checkbox.facet-checkbox-swatch .label{display:inline-block;text-decoration:none;position:relative;cursor:pointer}.facet-drawer-body .facet-checkbox.facet-checkbox-swatch .label .colors{height:2.8rem;width:2.8rem;border-radius:100%;border:.1rem solid var(--color-third, #ddd);display:flex!important;justify-content:center;align-items:center;overflow:hidden;flex-shrink:0;position:relative;transition:border-color .2s}.facet-drawer-body .facet-checkbox.facet-checkbox-swatch .label .colors.current{border:.2rem solid var(--color-primary)}.facet-drawer-body .facet-checkbox.facet-checkbox-swatch .label .colors .color{width:100%!important;height:100%!important;display:block!important;border-radius:100%;background-size:cover;background-position:center}.facet-drawer-body .facet-checkbox.facet-checkbox-swatch .label .tooltip{position:absolute;z-index:2;left:50%;top:-20px;transform:translate(-50%);display:inline-block;padding:.4rem .6rem;border-radius:.4rem;font-size:1rem;background-color:var(--color-primary);color:var(--color-secondary);line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}.facet-drawer-body .facet-checkbox.facet-checkbox-swatch .label:hover .tooltip{opacity:1}.facet-drawer-body .facet-checkbox.facet-checkbox-swatch .label.current .colors{border-color:var(--color-primary);border-width:.2rem}.facet-drawer-body .facet-checkbox.facet-checkbox-swatch input:checked~.label .colors{border-color:var(--color-primary);border-width:.2rem}.facet-drawer-body .facet-checkbox-swatch .label .colors{display:flex!important}.facet-drawer-body .facet-checkbox-swatch .label .colors .color{display:block!important}.facet-drawer-body .facet-checkbox-size{display:inline-flex;padding:0;margin-right:.5rem;margin-bottom:.5rem}.facet-drawer-body .facet-checkbox-size input.hidden-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;margin:0}.facet-drawer-body .facet-checkbox-size .facet-size-button{min-width:3rem;height:3rem;padding:0;border:1px solid var(--color-third, #D0D0D0);border-radius:50%;background:transparent;color:var(--color-primary);font-size:1.2rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;text-align:center}.facet-drawer-body .facet-checkbox-size .facet-size-button:hover:not(.selected){background:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary)}.facet-drawer-body .facet-checkbox-size .facet-size-button.selected{background:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary)}.facet-drawer-body .facet-checkbox-size input:checked~.facet-size-button{background:var(--color-primary);color:var(--color-secondary);border-color:var(--color-primary)}.facet-drawer-body .facet-group-label{font-size:1.6rem;font-weight:400;margin-bottom:1rem}.facet-drawer-footer{position:absolute;bottom:0;left:0;right:0;padding:1.5rem;border-top:1px solid #eee;display:flex;gap:1rem;background:#fff}.facet-drawer-footer .btn-primary,.facet-drawer-footer .btn-default{flex:1}
/*# sourceMappingURL=/cdn/shop/t/3/assets/facet-drawer.css.map */