@keyframes shimmer{to{transform:translate(100%)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.overlay.is-visible{opacity:1;visibility:visible}.facet-drawer{position:fixed;top:0;right:0;bottom:0;z-index:1000;visibility:hidden;transition:visibility .3s ease;box-shadow:-2px 0 15px #0003}.facet-drawer.is-open{visibility:visible}.facet-drawer.is-open .drawer-overlay{opacity:1;visibility:visible}.facet-drawer.is-open .facet-drawer-content{transform:translate(0)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.facet-drawer-content{position:fixed;top:0;right:0;width:45rem;max-width:100%;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;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;background:#fff;height:5rem}.facet-drawer-header h2{margin:0;font-size:1.5rem;text-transform:uppercase;font-weight:600}.facet-drawer-header .drawer-close{background:none;border:none;padding:0;cursor:pointer;border-radius:50%;transition:background .2s;color:#000}.facet-drawer-header .drawer-close:hover{background:#f5f5f5}.facet-drawer-header .drawer-close svg{width:2rem;height:2rem;display:block}.facet-drawer-form{display:flex;flex-direction:column;height:100%}.facet-drawer-body{flex:1;overflow-y:auto;background:#fff}.facet-drawer-body .facet-group{border-bottom:1px solid #eee;padding:2rem 2.5%}.facet-drawer-body .facet-group:last-child{border-bottom:none;margin-bottom:0}.facet-drawer-body .facet-group .facet-group-label{padding:.5rem 0}.facet-drawer-body .facet-group .facet-group-values{padding:1rem 0 .5rem}.facet-drawer-body .facet-group .facet-group-values .label{display:inline-flex;align-items:center;margin-right:1rem;transition:.4s ease-in;line-height:1.2;position:relative}.facet-drawer-body .facet-group .facet-group-values .label .colors{height:2.8rem;width:2.8rem;border-radius:100%;border:.1rem solid var(--color-third);display:flex;justify-content:center;align-items:center;overflow:hidden;margin-right:.5rem;transition:border-color .3s ease-in-out}.facet-drawer-body .facet-group .facet-group-values .label .color{width:150%;height:150%}.facet-drawer-body .facet-group .facet-group-values .label .tooltip{position:absolute;z-index:2;left:50%;top:-20px;transform:translate(-50%);display:inline-block;padding:.4rem .6rem;border-radius:.2rem;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-group .facet-group-values .label:hover .tooltip{opacity:1;color:var(--color-secondary)}.facet-drawer-body .facet-group .facet-group-values .facet-checkbox{display:inline-flex;align-items:center;margin-right:1rem;transition:.4s ease-in;line-height:1.2;position:relative}.facet-drawer-body .facet-group .facet-group-values .facet-checkbox .colors{height:2.8rem;width:2.8rem;border-radius:100%;border:.1rem solid var(--color-third);display:flex;justify-content:center;align-items:center;overflow:hidden;margin-right:.5rem}.facet-drawer-body .facet-group .facet-group-values .facet-checkbox .color{width:150%;height:150%}.facet-drawer-body .facet-group .facet-group-values .facet-checkbox .tooltip{position:absolute;z-index:2;left:50%;top:-20px;transform:translate(-50%);display:inline-block;padding:.4rem .6rem;border-radius:.2rem;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-group .facet-group-values .facet-checkbox:hover .tooltip{opacity:1;color:var(--color-secondary)}.facet-drawer-body .facet-group .facet-group-values .facet-checkbox .hidden-input{display:none}.facet-drawer-body .facet-group .facet-group-values .facet-checkbox.size-circle{margin-right:1rem}.facet-drawer-body .facet-group .facet-group-values .facet-checkbox.size-circle .size-label{display:flex;justify-content:center;align-items:center;height:2.8rem;width:2.8rem;border-radius:100%;border:.1rem solid var(--color-third);background-color:var(--color-secondary);color:var(--color-primary);text-align:center;font-size:1.2rem;transition:border-color .3s ease-in-out}.facet-drawer-body .facet-group .facet-group-values .facet-checkbox input:checked+.colors,.facet-drawer-body .facet-group .facet-group-values .facet-checkbox input:checked+.size-label,.facet-drawer-body .facet-group .facet-group-values .facet-checkbox .colors:hover,.facet-drawer-body .facet-group .facet-group-values .facet-checkbox .size-label:hover{border:.2rem solid black}.facet-checkbox{display:flex;align-items:center;padding:.5rem 0;cursor:pointer;transition:color .2s}.facet-checkbox:hover{color:var(--color-primary)}.facet-checkbox input{margin-right:.5rem;width:1.8rem;height:1.8rem;border:2px solid #ddd;border-radius:3px;-webkit-appearance:none;appearance:none;position:relative;cursor:pointer}.facet-checkbox input:checked{background:var(--color-primary);border-color:var(--color-primary)}.facet-checkbox input:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.facet-checkbox span{font-weight:400}.facet-drawer-footer{padding:1.5rem;border-top:1px solid #eee;display:flex;gap:1rem;background:#fff}.facet-drawer-footer .button{flex:1;padding:1rem;border:none;cursor:pointer;font-weight:600;transition:opacity .2s;text-decoration:none;text-align:center;display:block;text-transform:uppercase}.facet-drawer-footer .button--primary{background:var(--color-primary);color:#fff;border:none;width:100%;cursor:pointer}.facet-drawer-footer .button--secondary{background:#f5f5f5;color:#333}
/*# sourceMappingURL=/cdn/shop/t/3/assets/facet-drawer.css.map */