.filter-drawer-overlay{position:fixed;top:var(--header-height, 7.2rem);inset-inline:0;bottom:0;background-color:color-mix(in srgb,var(--color-foreground) 50%,transparent);z-index:48;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--easing-base)}.filter-drawer-overlay.is-visible{opacity:1;pointer-events:auto}.filter-drawer{position:fixed;top:var(--header-height, 7.2rem);left:0;width:var(--fluid-290-435);height:auto;max-height:calc(100dvh - var(--header-height, 7.2rem));background-color:var(--color-background);z-index:49;display:flex;flex-direction:column;transform:translateY(calc(-100% - var(--header-height, 7.2rem)));transition:transform var(--duration-long, .3s) var(--easing-base, cubic-bezier(.25, .46, .45, .94));will-change:transform;overflow:hidden}.filter-drawer.is-open{transform:translateY(0)}.filter-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--fluid-24-24) var(--fluid-16-24);flex-shrink:0}.filter-drawer__title{font-family:inherit;font-size:var(--fluid-14-16);font-weight:700;letter-spacing:.01em;color:var(--color-foreground);margin:0}.filter-drawer__close{display:flex;align-items:center;justify-content:center;width:var(--fluid-18-27);height:var(--fluid-18-27);background:none;border:none;cursor:pointer;color:var(--color-foreground, var(--color-foreground));padding:0;border-radius:50%;transition:background-color var(--duration-short, .15s) var(--easing-base, ease)}.filter-drawer__close:hover{background-color:color-mix(in srgb,var(--color-foreground, var(--color-foreground)) 8%,transparent)}.filter-drawer__close:focus-visible{outline:2px solid var(--color-border-focus, var(--color-accent, var(--color-button)));outline-offset:2px}.filter-drawer__close-icon{width:var(--fluid-18-27);height:var(--fluid-18-27);pointer-events:none}.filter-drawer__close-icon path{stroke-width:var(--fluid-stroke-accordion)}.filter-drawer__active-tags{display:flex;flex-wrap:wrap;gap:var(--fluid-12-16);padding:var(--spacing-4, var(--fluid-8-12)) var(--spacing-8, var(--fluid-16-24));overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--color-border, var(--color-border));scrollbar-width:none}.filter-drawer__active-tags:empty{display:none}.filter-drawer__active-tags::-webkit-scrollbar{display:none}.filter-drawer__tag{display:inline-flex;align-items:center;gap:var(--fluid-8-12);padding:var(--fluid-5-8) var(--fluid-8-12);background-color:transparent;color:var(--color-foreground);border:var(--fluid-border-filter) solid var(--color-border);border-radius:0;font-family:inherit;font-size:var(--fluid-14-16);letter-spacing:.01em;white-space:nowrap;cursor:default;flex-shrink:0}.filter-drawer__tag-remove{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;width:var(--fluid-8-12);height:var(--fluid-8-12);color:var(--color-foreground);cursor:pointer;border-radius:50%;line-height:1;font-size:var(--fluid-8-12);transition:opacity var(--duration-short, .15s) ease}.filter-drawer__tag-remove:hover{opacity:.7}.filter-drawer__tag-remove:focus-visible{outline:2px solid var(--color-background, var(--color-background));outline-offset:1px}.filter-drawer__body{flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border, var(--color-border)) transparent}.filter-drawer__body::-webkit-scrollbar{width:4px}.filter-drawer__body::-webkit-scrollbar-thumb{background-color:var(--color-border, var(--color-border));border-radius:2px}.filter-drawer__group{border-top:var(--fluid-border-filter) solid var(--color-border);margin:0 var(--fluid-16-24)}.filter-drawer__group--price{border-top:none}.filter-drawer__summary{display:flex;align-items:center;justify-content:space-between;padding:var(--fluid-10-15) 0 var(--fluid-24-32);list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:inherit;font-size:var(--fluid-14-16);letter-spacing:.01em;text-transform:uppercase;color:var(--color-foreground);transition:background-color var(--duration-short, .15s) ease}.filter-drawer__summary::-webkit-details-marker{display:none}.filter-drawer__summary:focus-visible{outline:2px solid var(--color-border-focus, var(--color-accent, var(--color-button)));outline-offset:-2px}.filter-drawer__summary-icon{width:calc(var(--fluid-18-27) / 2);height:calc(var(--fluid-18-27) / 4);flex-shrink:0;transition:transform var(--duration-base) var(--easing-base);pointer-events:none;color:var(--color-foreground, var(--color-foreground))}.filter-drawer__summary-icon path{stroke:currentColor;stroke-width:var(--fluid-stroke-accordion)}.filter-drawer__group[open] .filter-drawer__summary-icon{transform:rotate(180deg)}.filter-drawer__group-content{padding:0 0 var(--fluid-24-32)}.filter-drawer__summary--static{cursor:default;pointer-events:none}.filter-drawer__summary--static:hover{background-color:transparent}.filter-drawer__price-labels{display:flex;justify-content:space-between;margin-top:var(--fluid-8-16);font-size:var(--fluid-14-18);line-height:1.1;letter-spacing:.01em;text-transform:uppercase;color:var(--color-foreground, var(--color-foreground))}.filter-drawer__price-range-track{--price-track-height: var(--fluid-5-6);--price-track-radius: var(--fluid-10-15);--price-thumb-size: var(--fluid-14-16);position:relative;display:flex;align-items:center}.filter-drawer__price-range-track input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;appearance:none;-webkit-appearance:none;background:transparent;pointer-events:none;margin:0}.filter-drawer__price-range-track input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--price-thumb-size);height:var(--price-thumb-size);border-radius:50%;background-color:var(--color-foreground);border:none;cursor:pointer;pointer-events:auto;transition:opacity var(--duration-short) var(--easing-base)}.filter-drawer__price-range-track input[type=range]::-moz-range-thumb{width:var(--price-thumb-size);height:var(--price-thumb-size);border-radius:50%;background-color:var(--color-foreground);border:none;cursor:pointer;pointer-events:auto;transition:opacity var(--duration-short) var(--easing-base)}@media(min-width:768px){.filter-drawer__price-range-track{--price-thumb-width: var(--fluid-4-6);--price-thumb-height: var(--fluid-8-13)}.filter-drawer__price-range-track input[type=range]::-webkit-slider-thumb{width:var(--price-thumb-width);height:var(--price-thumb-height);border-radius:var(--price-track-radius)}.filter-drawer__price-range-track input[type=range]::-moz-range-thumb{width:var(--price-thumb-width);height:var(--price-thumb-height);border-radius:var(--price-track-radius)}}.filter-drawer__price-range-track input[type=range]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-border-focus, var(--color-accent, var(--color-button)));outline-offset:2px}.filter-drawer__price-range-track input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--color-border-focus, var(--color-accent, var(--color-button)));outline-offset:2px}.filter-drawer__price-range-track:before{content:"";position:absolute;left:0;right:0;height:var(--price-track-height);background-color:var(--color-border, var(--color-border));border-radius:var(--price-track-radius);pointer-events:none}.filter-drawer__price-range-fill{position:absolute;height:var(--price-track-height);background-color:var(--color-foreground);border-radius:var(--price-track-radius);pointer-events:none;left:var(--range-fill-left, 0%);right:var(--range-fill-right, 0%)}.filter-drawer__checkboxes{display:flex;flex-wrap:wrap;gap:var(--fluid-12-16) var(--fluid-16-24);list-style:none;margin:0;padding:var(--spacing-2, var(--fluid-8-12)) 0}#FilterGroup-size .filter-drawer__checkboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--fluid-12-16)}#FilterGroup-band .filter-drawer__checkboxes{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--fluid-12-16)}#FilterGroup-band .filter-drawer__checkboxes>li{flex:1 1 calc(25% - var(--fluid-12-16))}.filter-drawer__checkbox-label{display:flex;align-items:center;gap:var(--fluid-5-8);cursor:pointer;font-size:var(--fluid-12-14);color:var(--color-foreground);letter-spacing:.01em}#FilterGroupContent-band .filter-drawer__checkbox-label{justify-content:center}#FilterGroupContent-size .filter-drawer__checkbox-label{justify-content:flex-end}.filter-drawer__checkbox-count{display:none}.filter-drawer__checkbox-label input[type=checkbox]{appearance:none;-webkit-appearance:none;width:var(--fluid-15-22);height:var(--fluid-15-22);border:var(--fluid-border-filter) solid var(--color-foreground);background-color:transparent;border-radius:2px;cursor:pointer;flex-shrink:0;position:relative;transition:background-color var(--duration-short) var(--easing-base),border-color var(--duration-short) var(--easing-base)}.filter-drawer__checkbox-label input[type=checkbox]:checked{background-color:var(--color-foreground);border-color:var(--color-foreground);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4L3.5 6.5L9 1' stroke='%23fff6ea' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:70% 70%;background-repeat:no-repeat;background-position:center}.filter-drawer__checkbox-label input[type=checkbox]:checked:after{display:none}.filter-drawer__checkbox-label input[type=checkbox]:focus-visible{outline:2px solid var(--color-border-focus, var(--color-accent, var(--color-button)));outline-offset:2px}.filter-drawer__checkbox-count{margin-left:auto;font-size:var(--fluid-12-14, .75rem);color:var(--color-accent)}.filter-drawer__swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--fluid-12-16);list-style:none;margin:0;padding:var(--spacing-2, var(--fluid-8-12)) 0}#FilterGroup-case .filter-drawer__swatches{grid-template-columns:repeat(3,1fr)}.filter-drawer__swatch-item{display:flex;flex-direction:column;align-items:center;gap:var(--fluid-6-12);cursor:pointer}.filter-drawer__swatch-btn{position:relative;width:var(--fluid-15-22);height:var(--fluid-15-22);border-radius:50%;border:var(--fluid-border-filter) solid var(--color-foreground);background-color:var(--swatch-color, #ccc);cursor:pointer;padding:0;transition:box-shadow var(--duration-short) var(--easing-base);overflow:visible}.filter-drawer__swatch-btn:focus-visible{outline:2px solid var(--color-border-focus, var(--color-accent, var(--color-button)));outline-offset:3px}.filter-drawer__swatch-btn[aria-pressed=true],.filter-drawer__swatch-btn[aria-checked=true]{box-shadow:0 0 0 2px var(--color-background, var(--color-background)),0 0 0 4px var(--color-foreground)}.filter-drawer__swatch-label{font-size:var(--fluid-12-14);letter-spacing:.01em;color:var(--color-foreground);text-align:center;word-break:break-word;line-height:1.5}.filter-drawer__footer{display:flex;gap:var(--fluid-12-16);padding:var(--spacing-6, var(--fluid-12-20)) var(--spacing-8, var(--fluid-16-24));flex-shrink:0}.filter-drawer__btn-reset{flex:1;padding:var(--fluid-6-12) var(--fluid-24-32);background:none;border:1.19px solid var(--color-foreground);border-radius:60px;font-family:inherit;font-size:var(--fluid-14-18);line-height:1.4;letter-spacing:.01em;color:var(--color-foreground);cursor:pointer;transition:border-color var(--duration-short) var(--easing-base),background-color var(--duration-short) var(--easing-base)}.filter-drawer__btn-reset:hover{background-color:color-mix(in srgb,var(--color-foreground) 8%,transparent)}.filter-drawer__btn-reset:focus-visible{outline:2px solid var(--color-border-focus, var(--color-accent, var(--color-button)));outline-offset:2px}.filter-drawer__btn-done{flex:1;padding:var(--fluid-6-12) var(--fluid-24-32);background-color:var(--color-button);border:1px solid var(--color-button);border-radius:40px;font-family:inherit;font-size:var(--fluid-14-18);line-height:1.4;letter-spacing:.01em;color:var(--color-background);cursor:pointer;transition:background-color var(--duration-short) var(--easing-base),border-color var(--duration-short) var(--easing-base)}.filter-drawer__btn-done:hover{background-color:color-mix(in srgb,var(--color-accent, var(--color-button)) 85%,#000);border-color:color-mix(in srgb,var(--color-accent, var(--color-button)) 85%,#000)}.filter-drawer__btn-done:focus-visible{outline:2px solid var(--color-border-focus, var(--color-accent, var(--color-button)));outline-offset:2px}@media screen and (max-width:767px){.filter-drawer__swatches{grid-template-columns:repeat(3,1fr)}#FilterGroup-case .filter-drawer__swatches{grid-template-columns:repeat(2,1fr)}.filter-drawer__checkboxes,#FilterGroup-size .filter-drawer__checkboxes,#FilterGroup-band .filter-drawer__checkboxes{display:flex;flex-direction:column;gap:var(--fluid-12-16);justify-items:unset}}.filter-drawer__fab{position:fixed;bottom:var(--spacing-8, var(--fluid-16-24));left:50%;translate:-50% 0;display:none;align-items:center;gap:var(--spacing-3, var(--fluid-8-12));padding:var(--spacing-4, var(--fluid-8-12)) var(--spacing-8, var(--fluid-16-24));background-color:var(--color-foreground);color:var(--color-background, var(--color-background));border:none;border-radius:40px;font-family:inherit;font-size:var(--fluid-14-16, .875rem);letter-spacing:var(--letter-spacing-label, .08em);text-transform:uppercase;cursor:pointer;z-index:90;box-shadow:0 4px 16px color-mix(in srgb,var(--color-foreground) 30%,transparent);transition:background-color var(--duration-short) var(--easing-base),box-shadow var(--duration-short) var(--easing-base)}.filter-drawer__fab:hover{background-color:var(--color-foreground);box-shadow:0 6px 20px color-mix(in srgb,var(--color-foreground) 40%,transparent)}.filter-drawer__fab:focus-visible{outline:2px solid var(--color-border-focus, var(--color-accent, var(--color-button)));outline-offset:3px}@media screen and (max-width:767px){.filter-drawer-open .filter-drawer__fab,.filter-drawer__fab[hidden]{display:none}#FilterGroupContent-band .filter-drawer__checkbox-label,#FilterGroupContent-size .filter-drawer__checkbox-label{justify-content:flex-start}}.filter-drawer__fab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.125em;height:1.125em;padding:0 .2em;background-color:var(--color-accent, var(--color-button));color:var(--color-button-label, var(--color-background));border-radius:40px;font-size:.625em;line-height:1}@media(prefers-reduced-motion:reduce){.filter-drawer,.filter-drawer-overlay,.filter-drawer__summary-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/filter-drawer.css.map */