.filter-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-drawer);pointer-events:none}.filter-panel[data-open=true]{pointer-events:auto}.filter-panel__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--color-black);opacity:0;transition:opacity .3s ease;pointer-events:none}.filter-panel[data-open=true] .filter-panel__overlay{opacity:var(--opacity-dimmer);pointer-events:auto}.filter-panel__panel{position:inherit;display:flex;flex-direction:column;width:100%;max-width:100%;background-color:var(--color-white);transform:translate(-100%);transition:transform .3s ease;height:100vh;height:100dvh}@container style(--min-md: true){.filter-panel__panel{max-width:27.1875rem}}.filter-panel[data-open=true] .filter-panel__panel{transform:translate(0)}.filter-panel__header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);flex-shrink:0;position:sticky;top:0;z-index:1;background-color:var(--color-white)}@container style(--min-md: true){.filter-panel__header{position:static}}.filter-panel__title{margin:0;text-transform:uppercase}.filter-panel__close{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;width:var(--icon-l);height:var(--icon-l)}.filter-panel__close svg{width:var(--icon-l);height:var(--icon-l)}.filter-panel__close:hover{opacity:.7}.filter-panel__active-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);padding:0;flex-shrink:0;margin-bottom:var(--spacing-l)}.filter-panel__active-filters:empty{display:none}.filter-panel__chip{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-2xs) var(--spacing-xs) var(--spacing-2xs) var(--spacing-s);background-color:#f5f5f5;background-color:var(--color-surface-secondary, #f5f5f5);border:none;cursor:pointer;text-transform:uppercase;color:var(--color-foreground);white-space:nowrap}.filter-panel__chip:hover{background-color:#ebebeb;background-color:var(--color-surface-tertiary, #ebebeb)}.filter-panel__chip:focus-visible{outline:.125rem solid var(--color-foreground);outline-offset:.125rem}.filter-panel__chip-label{pointer-events:none}.filter-panel__chip-close{display:flex;align-items:center;pointer-events:none}.filter-panel__chip-close svg{width:.625rem;height:.625rem}.filter-panel__body{flex:1;min-height:0;overflow-y:auto;padding:0 var(--spacing-3xl)}.filter-panel__body::-webkit-scrollbar{width:var(--spacing-2xs)}.filter-panel__body::-webkit-scrollbar-track{background:transparent}.filter-panel__body::-webkit-scrollbar-thumb{background-color:var(--color-disabled);border-radius:6.25rem}.filter-panel__section{border-top:.0625rem solid rgba(0,0,0,.1);border-top:.0625rem solid var(--color-border-light, rgba(0, 0, 0, .1));padding-left:.0625rem;padding-right:.0625rem}.filter-panel__section:last-child{border-bottom:none}.filter-panel__section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-xl) 0;background:none;border:none;cursor:pointer;text-transform:uppercase;color:var(--color-foreground);gap:var(--spacing-xs);transition:opacity .2s ease;font-size:var(--text-2xs);font-style:normal;font-weight:var(--font-weight-bold);line-height:136%;letter-spacing:var(--tracking-normal)}.filter-panel__section-icon{display:flex;align-items:center;transition:transform .3s ease;margin-left:auto;transform:rotate(90deg)}.filter-panel__section-icon svg{width:var(--icon-l);height:var(--icon-l)}[aria-expanded=true]>.filter-panel__section-icon{transform:rotate(-90deg)}.filter-panel__active-count{font-size:var(--text-4xs);font-weight:var(--font-weight-bold);line-height:1.3;vertical-align:super}.filter-panel__section-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.filter-panel__section-content[data-section-open]{grid-template-rows:1fr}.filter-panel__section-inner{overflow:hidden;min-height:0}.filter-panel__sort-options{display:flex;flex-direction:column;gap:var(--spacing-xs);border:none;margin:0;padding:0 0 var(--spacing-l) 0}.filter-panel__radio{display:flex;align-items:center;gap:var(--spacing-s);cursor:pointer;padding:var(--spacing-s) 0;transition:opacity .2s ease}.filter-panel__radio input[type=radio]{position:absolute;opacity:0;width:0;height:0}.filter-panel__radio input[type=radio]:checked~.filter-panel__radio-label{-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:20%}.filter-panel__radio-indicator{display:flex;align-items:center;justify-content:center;width:.625rem;height:.625rem;border-radius:50%;border:.0625rem solid var(--color-foreground);flex-shrink:0;transition:border-color .2s ease}input[type=radio]:checked+.filter-panel__radio-indicator:after{content:"";width:.375rem;height:.375rem;border-radius:50%;background-color:var(--color-foreground)}.filter-panel__radio-label{text-transform:uppercase;color:var(--color-foreground)}.filter-panel__checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-xs);border:none;margin:0;padding:0 0 var(--spacing-l) 0}.filter-panel__checkbox{display:flex;align-items:center;gap:var(--spacing-m);cursor:pointer;padding:var(--spacing-s) 0;transition:opacity .2s ease}.filter-panel__checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.filter-panel__checkbox input[type=checkbox]:focus-visible+.filter-panel__checkbox-indicator,.filter-panel__checkbox input[type=checkbox]:focus-visible~.filter-panel__color-swatch{outline:.125rem solid var(--color-foreground);outline-offset:.125rem}.filter-panel__checkbox-indicator{display:flex;align-items:center;justify-content:center;width:.5rem;height:.5rem;border:.0625rem solid var(--color-foreground);flex-shrink:0;transition:background-color .2s ease}input[type=checkbox]:checked+.filter-panel__checkbox-indicator:after{content:"";width:.25rem;height:.25rem;background-color:var(--color-foreground)}.filter-panel__color-swatch{position:relative;width:1rem;height:1rem;border-radius:50%;flex-shrink:0;overflow:hidden}.filter-panel__color-swatch-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.filter-panel__disc-swatch{width:1rem;height:1rem;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.filter-panel__checkbox-label{text-transform:uppercase;color:var(--color-foreground)}input[type=checkbox]:checked~.filter-panel__checkbox-label{-webkit-text-decoration:underline;text-decoration:underline;text-underline-offset:20%}.filter-panel__checkbox-count{color:var(--color-text-secondary)}.filter-panel__checkbox--color .filter-panel__checkbox-indicator{display:none}.filter-panel__checkbox--color .filter-panel__color-swatch{width:.5rem;height:.5rem;border-radius:0;transition:border-color .2s ease,box-shadow .2s ease}.filter-panel__checkbox--color .filter-panel__color-swatch-image{width:.5rem;height:.5rem}.filter-panel__checkbox--color input[type=checkbox]:checked~.filter-panel__color-swatch{border:.0625rem solid var(--color-foreground)}.filter-panel__checkbox--color input[type=checkbox]:checked~.filter-panel__color-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:.0625rem solid white;pointer-events:none}.filter-panel__price-range{display:flex;align-items:center;gap:var(--spacing-s);padding:0 0 var(--spacing-l) 0}.filter-panel__price-field{display:flex;align-items:center;gap:var(--spacing-2xs);border:.0625rem solid rgba(0,0,0,.1);border:.0625rem solid var(--color-border-light, rgba(0, 0, 0, .1));padding:var(--spacing-xs) var(--spacing-s);flex:1;transition:border-color .2s ease}.filter-panel__price-field:focus-within{border-color:var(--color-foreground)}.filter-panel__price-currency{color:var(--color-text-secondary);flex-shrink:0}.filter-panel__price-input{border:none;background:none;width:100%;color:var(--color-foreground);outline:none;text-transform:uppercase}.filter-panel__price-input::-webkit-inner-spin-button,.filter-panel__price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.filter-panel__price-input{-moz-appearance:textfield}.filter-panel__price-separator{color:var(--color-text-secondary);flex-shrink:0}.filter-panel__footer{display:flex;gap:var(--spacing-s);flex-shrink:0;width:100%;padding:var(--spacing-2xl) 2.375rem var(--spacing-3xl);background:linear-gradient(180deg,#fff0,#fff 17.86%)}@container style(--max-md: true){.filter-panel__footer{gap:var(--spacing-xl);flex-direction:column-reverse;padding:var(--spacing-xl)}}.filter-panel__clear{flex:1;height:3rem;background-color:var(--color-white);color:var(--color-foreground);border:.0625rem solid #757575;border:.0625rem solid var(--color-border-secondary, #757575);cursor:pointer;text-transform:uppercase;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-weight-bold)}.filter-panel__clear:hover{background-color:#f5f5f5;background-color:var(--color-surface-secondary, #f5f5f5)}@container style(--max-md: true){.filter-panel__clear{font-weight:var(--font-weight-normal);line-height:136%;border:none}.filter-panel__clear:hover{background-color:transparent}}.filter-panel__submit{flex:1;height:3rem;background-color:var(--color-foreground);border:.0625rem solid var(--color-foreground);color:var(--color-white);cursor:pointer;text-transform:uppercase;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-weight-bold);padding:var(--spacing-m)}.filter-panel__submit:hover{opacity:.9}.filter-panel__submit[data-loading=true]{opacity:.6;pointer-events:none}.filter-panel__submit:disabled{background:transparent;border:.0625rem solid var(--color-dark-grey);color:var(--color-dark-grey);cursor:not-allowed}
/*# sourceMappingURL=/cdn/shop/t/3/assets/collection-filter-panel.css.map */