:root{--filters-bg: color-mix(in srgb, var(--color-background, #faf9f6) 100%, transparent);--filters-surface: color-mix(in srgb, currentColor 3%, transparent);--filters-surface-strong: color-mix(in srgb, currentColor 6%, transparent);--filters-line: color-mix(in srgb, currentColor 14%, transparent);--filters-line-soft: color-mix(in srgb, currentColor 8%, transparent);--filters-ink-muted: color-mix(in srgb, currentColor 55%, transparent);--filters-accent: var(--color-accent, var(--collection-accent, currentColor));--filters-ease: cubic-bezier(.19, 1, .22, 1);--filters-ease-snap: cubic-bezier(.22, 1, .36, 1)}.collection-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.75rem;padding-block:.75rem;position:relative}.collection-toolbar:before,.collection-toolbar:after{background:var(--filters-line);content:"";height:1px;inset-inline:0;position:absolute}.collection-toolbar:before{top:0}.collection-toolbar:after{bottom:0}.refine-button{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.75rem;font-weight:500;gap:.875rem;letter-spacing:.14em;padding:.25rem 0;position:relative;text-transform:uppercase;transition:color .3s ease}.refine-button__icon{align-items:center;display:inline-flex;height:1.125rem;justify-content:center;transition:transform .4s var(--filters-ease);width:1.125rem}.refine-button__icon .icon-filter{height:100%;width:100%}.refine-button:hover .refine-button__icon{transform:rotate(90deg)}.refine-button__count{align-items:center;background:currentColor;border-radius:999px;color:var(--color-background, #faf9f6);display:inline-flex;font-size:.6875rem;font-weight:500;height:1.25rem;justify-content:center;letter-spacing:0;min-width:1.25rem;padding-inline:.375rem;transform:scale(0);transition:transform .4s var(--filters-ease)}.refine-button[data-active-count]:not([data-active-count="0"]) .refine-button__count{transform:scale(1)}.sort-by{align-items:center;display:inline-flex;gap:0;position:relative}.sort-by__label{color:var(--filters-ink-muted);font-family:var(--font-body);font-size:.6875rem;font-weight:500;letter-spacing:.16em;margin-right:.625rem;text-transform:uppercase;white-space:nowrap}.sort-by__control{align-items:center;background:transparent;border:1px solid var(--filters-line);border-radius:7px;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.8125rem;font-weight:500;gap:.5rem;padding:.5rem 2.25rem .5rem 1rem;position:relative;transition:border-color .3s ease,background .3s ease}.sort-by__control:hover{border-color:currentColor;background:var(--filters-surface)}.sort-by__control:after{border-bottom:1px solid currentColor;border-right:1px solid currentColor;content:"";height:6px;opacity:.6;position:absolute;right:1rem;top:50%;transform:translateY(-75%) rotate(45deg);transition:transform .35s var(--filters-ease);width:6px}.sort-by select{-webkit-appearance:none;appearance:none;background:transparent;border:none;color:inherit;cursor:pointer;font:inherit;outline:none;padding:0}@media(max-width:767px){.sort-by__label{display:none}.collection-toolbar{flex-wrap:nowrap}}.collection-filters-overlay{background:#0f0e0c38;z-index:115;transition:opacity .6s var(--filters-ease),backdrop-filter .6s var(--filters-ease),visibility 0s linear .6s}.collection-filters-overlay.is-open{backdrop-filter:blur(6px) saturate(1.1);-webkit-backdrop-filter:blur(6px) saturate(1.1);opacity:1;transition:opacity .6s var(--filters-ease),backdrop-filter .6s var(--filters-ease),visibility 0s linear 0s}.collection-filters-aside{background:var(--filters-bg);box-shadow:0 0 0 1px color-mix(in srgb,currentColor 6%,transparent),24px 0 60px -20px #0f0e0c40;max-width:min(560px,92vw);padding:0;z-index:120;scrollbar-width:thin;scrollbar-color:var(--filters-line) transparent}@media(min-width:768px){.collection-filters-aside{max-width:520px}}.collection-filters-aside::-webkit-scrollbar{width:4px}.collection-filters-aside::-webkit-scrollbar-thumb{background:var(--filters-line);border-radius:4px}.collection-filters-aside:before{background-image:radial-gradient(circle at 20% 20%,color-mix(in srgb,currentColor 4%,transparent) 0%,transparent 55%),radial-gradient(circle at 80% 80%,color-mix(in srgb,currentColor 3%,transparent) 0%,transparent 50%);content:"";top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;opacity:.5;pointer-events:none;position:absolute}.collection-filters__inner{display:flex;flex-direction:column;min-height:100%;padding:clamp(1.5rem,3vw,2.5rem);position:relative;z-index:1}.collection-filters__header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:clamp(1.5rem,3vw,2.25rem);padding-bottom:1.25rem;position:relative}.collection-filters__header:after{background:linear-gradient(to right,currentColor 0%,currentColor 32%,transparent 100%);bottom:0;content:"";height:1px;left:0;opacity:.35;position:absolute;right:0}.collection-filters__eyebrow{color:var(--filters-ink-muted);display:block;font-family:var(--font-body);font-size:.6875rem;font-weight:500;letter-spacing:.2em;margin-bottom:.5rem;text-transform:uppercase}.collection-filters__title{font-family:var(--font-heading);font-size:clamp(2rem,4.5vw,2.75rem);font-weight:300;letter-spacing:-.03em;line-height:.95;margin:0;text-transform:lowercase}.collection-filters__title:first-letter{text-transform:uppercase}.collection-filters__close{align-items:center;background:transparent;border:1px solid var(--filters-line);border-radius:50%;color:inherit;cursor:pointer;display:inline-flex;height:44px;justify-content:center;padding:0;transition:background .35s ease,border-color .35s ease,transform .45s var(--filters-ease);width:44px}.collection-filters__close:hover{background:currentColor;border-color:currentColor;transform:rotate(90deg)}.collection-filters__close:hover svg{color:var(--color-background, #faf9f6)}.collection-filters__summary{align-items:center;color:var(--filters-ink-muted);display:flex;font-family:var(--font-body);font-size:.75rem;gap:.625rem;justify-content:space-between;letter-spacing:.04em;margin-bottom:1.5rem}.collection-filters__summary strong{color:var(--color-text);font-weight:500}.collection-filters__clear{background:none;border:none;color:inherit;cursor:pointer;font:inherit;font-size:.6875rem;font-weight:500;letter-spacing:.14em;padding:0;position:relative;text-transform:uppercase}.collection-filters__clear:after{background:currentColor;bottom:-3px;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(1);transform-origin:right;transition:transform .55s var(--filters-ease)}.collection-filters__clear:hover:after{animation:filter-underline-swipe .8s var(--filters-ease)}@keyframes filter-underline-swipe{0%{transform:scaleX(1);transform-origin:right}45%{transform:scaleX(0);transform-origin:right}55%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.filter-group{border-top:1px solid var(--filters-line-soft);padding-block:1.25rem;position:relative}.filter-group:first-of-type{border-top:none;padding-top:0}.filter-group:last-of-type{padding-bottom:.25rem}.filter-group__summary{align-items:baseline;cursor:pointer;display:grid;gap:.875rem;grid-template-columns:auto 1fr auto auto;list-style:none;padding-block:.25rem;-webkit-user-select:none;user-select:none}.filter-group__summary::-webkit-details-marker{display:none}.filter-group__index{color:var(--filters-ink-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.6875rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.08em}.filter-group__label{font-family:var(--font-heading);font-size:clamp(1.125rem,1vw + .75rem,1.5rem);font-weight:400;letter-spacing:-.015em;line-height:1.1;text-transform:lowercase;transition:letter-spacing .45s var(--filters-ease)}.filter-group__label:first-letter{text-transform:uppercase}.filter-group:hover .filter-group__label{letter-spacing:-.005em}.filter-group__count{color:var(--filters-ink-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.6875rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;opacity:0;transform:translateY(2px);transition:opacity .4s ease,transform .4s var(--filters-ease)}.filter-group[data-active-count]:not([data-active-count="0"]) .filter-group__count{opacity:1;transform:translateY(0)}.filter-group__toggle{height:18px;position:relative;width:18px}.filter-group__toggle:before,.filter-group__toggle:after{background:currentColor;content:"";left:50%;position:absolute;top:50%;transition:transform .55s var(--filters-ease)}.filter-group__toggle:before{height:1px;margin-left:-8px;margin-top:-.5px;width:16px}.filter-group__toggle:after{height:16px;margin-left:-.5px;margin-top:-8px;width:1px}.filter-group[open] .filter-group__toggle:after{transform:rotate(90deg) scale(0)}.filter-group__body{overflow:hidden;padding-top:1.125rem}@media(prefers-reduced-motion:no-preference){.filter-group[open] .filter-option,.filter-group[open] .price-range-slider{animation:filter-fade-up .55s var(--filters-ease) both;animation-delay:calc(60ms + var(--stagger-index, 0) * 40ms)}}@keyframes filter-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.filter-options{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.filter-option{border-radius:10px;position:relative;transition:background .35s ease}.filter-option:hover{background:var(--filters-surface)}.filter-option__label{align-items:center;cursor:pointer;display:grid;gap:.875rem;grid-template-columns:auto 1fr auto;padding:.625rem .875rem .625rem .625rem;position:relative}.filter-option__input{-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--filters-line);border-radius:3px;cursor:pointer;height:18px;margin:0;position:relative;transition:border-color .35s ease,background .35s ease;width:18px}.filter-option__input:before{border-bottom:1.5px solid var(--color-background, #faf9f6);border-right:1.5px solid var(--color-background, #faf9f6);content:"";height:9px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-65%) rotate(45deg) scale(.6);transition:opacity .3s ease,transform .45s var(--filters-ease);width:5px}.filter-option__input:hover{border-color:currentColor}.filter-option__input:checked{background:currentColor;border-color:currentColor}.filter-option__input:checked:before{opacity:1;transform:translate(-50%,-65%) rotate(45deg) scale(1)}.filter-option__input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent);outline:none}.filter-option__text{font-family:var(--font-body);font-size:.875rem;font-weight:400;letter-spacing:0;line-height:1.4;transition:transform .4s var(--filters-ease)}.filter-option:hover .filter-option__text{transform:translate(2px)}.filter-option__count{color:var(--filters-ink-muted);font-family:var(--font-mono, ui-monospace, monospace);font-size:.6875rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;opacity:.7;transition:opacity .3s ease}.filter-option:hover .filter-option__count{opacity:1}.filter-option--disabled{pointer-events:none}.filter-option--disabled .filter-option__text,.filter-option--disabled .filter-option__count{opacity:.35;text-decoration:line-through;text-decoration-thickness:1px}.filter-option--disabled .filter-option__input{opacity:.35}.filter-option:has(.filter-option__input:checked){background:var(--filters-surface-strong)}.filter-option:has(.filter-option__input:checked):before{background:currentColor;content:"";height:14px;left:-2px;position:absolute;top:50%;transform:translateY(-50%);width:2px;animation:filter-marker-in .55s var(--filters-ease)}@keyframes filter-marker-in{0%{transform:translateY(-50%) scaleY(0)}to{transform:translateY(-50%) scaleY(1)}}.price-range-slider{padding-top:.75rem}.price-range-slider__track{height:44px;position:relative}.price-range-slider__rail{background:var(--filters-line);border-radius:999px;height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.price-range-slider__fill{background:currentColor;border-radius:999px;height:100%;position:absolute}.price-range-input{-webkit-appearance:none;appearance:none;background:transparent;height:44px;top:0;right:0;bottom:0;left:0;margin:0;pointer-events:none;position:absolute;width:100%}.price-range-input::-webkit-slider-runnable-track{background:transparent;height:2px}.price-range-input::-moz-range-track{background:transparent;border:none;height:2px}.price-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-background, #faf9f6);border:1px solid currentColor;border-radius:50%;box-shadow:0 1px 4px #0f0e0c26;cursor:grab;height:20px;margin-top:-10px;pointer-events:all;position:relative;transition:transform .35s var(--filters-ease),box-shadow .35s ease;width:20px;z-index:1}.price-range-input::-moz-range-thumb{background:var(--color-background, #faf9f6);border:1px solid currentColor;border-radius:50%;box-shadow:0 1px 4px #0f0e0c26;cursor:grab;height:20px;pointer-events:all;transition:transform .35s var(--filters-ease),box-shadow .35s ease;width:20px}.price-range-input:hover::-webkit-slider-thumb,.price-range-input:focus::-webkit-slider-thumb{box-shadow:0 2px 10px #0f0e0c38;transform:scale(1.1)}.price-range-input:active::-webkit-slider-thumb{cursor:grabbing}.price-range-input--max::-webkit-slider-thumb{z-index:2}.price-range-slider__inputs{align-items:stretch;display:grid;gap:.625rem;grid-template-columns:1fr auto 1fr;margin-top:.75rem}.price-range-slider__input{align-items:center;background:var(--filters-surface);border:1px solid transparent;border-radius:8px;display:flex;gap:.375rem;padding:.625rem .875rem;transition:border-color .3s ease,background .3s ease}.price-range-slider__input:focus-within{background:transparent;border-color:var(--filters-line)}.price-range-slider__input-eyebrow{color:var(--filters-ink-muted);font-family:var(--font-body);font-size:.625rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}.price-range-slider__input input{background:transparent;border:none;color:inherit;flex:1;font:inherit;font-size:.875rem;font-variant-numeric:tabular-nums;min-width:0;outline:none;text-align:right}.price-range-slider__input input::-webkit-inner-spin-button,.price-range-slider__input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-range-slider__input input[type=number]{-moz-appearance:textfield}.price-range-slider__divider{align-items:center;color:var(--filters-ink-muted);display:flex;justify-content:center;width:20px}.price-range-slider__divider:after{background:currentColor;content:"";height:1px;width:10px}.filter-pills{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:1.5rem;position:relative}.filter-pills:before{background:linear-gradient(to right,currentColor 0%,currentColor 28%,transparent 100%);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.filter-pill{align-items:center;background:transparent;border:1px solid var(--filters-line);border-radius:999px;color:inherit;display:inline-flex;font-family:var(--font-body);font-size:.6875rem;font-weight:500;gap:.5rem;letter-spacing:.14em;overflow:hidden;padding:.375rem .5rem .375rem .875rem;position:relative;text-decoration:none;text-transform:uppercase;transition:color .35s ease,border-color .35s ease}.filter-pill:before{background:currentColor;border-radius:999px;content:"";height:100%;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:right;transition:transform .55s var(--filters-ease);width:100%;z-index:0}.filter-pill>*{position:relative;z-index:1}.filter-pill:hover{border-color:currentColor;color:var(--color-background, #faf9f6)}.filter-pill:hover:before{transform-origin:left;transform:scaleX(1)}.filter-pill__close{align-items:center;border:1px solid color-mix(in srgb,currentColor 50%,transparent);border-radius:50%;display:inline-flex;height:18px;justify-content:center;transition:border-color .35s ease,transform .45s var(--filters-ease);width:18px}.filter-pill:hover .filter-pill__close{border-color:currentColor;transform:rotate(90deg)}.filter-pill__close svg{height:9px;width:9px}.collection-filters__footer{align-items:center;background:linear-gradient(to top,var(--filters-bg) 70%,transparent);bottom:0;display:flex;gap:.75rem;justify-content:space-between;margin-inline:calc(-1*clamp(1.5rem,3vw,2.5rem));margin-top:auto;padding:1.25rem clamp(1.5rem,3vw,2.5rem);position:sticky}.collection-filters__footer:before{background:linear-gradient(to right,currentColor 0%,currentColor 32%,transparent 100%);content:"";height:1px;inset-inline:clamp(1.5rem,3vw,2.5rem);opacity:.25;position:absolute;top:0}.collection-filters__footer-btn{align-items:center;background:currentColor;border:1px solid currentColor;border-radius:7px;cursor:pointer;display:inline-flex;flex:1;font-family:var(--font-body);font-size:12px;font-weight:500;gap:0;justify-content:center;letter-spacing:0;overflow:hidden;padding:12px 24px;position:relative;text-transform:uppercase;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .5s ease,color 0s}.collection-filters__footer-btn span{color:var(--color-background, #faf9f6);position:relative;z-index:1}.collection-filters__footer-btn:before{background:var(--color-background, #faf9f6);border-radius:7px;content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1);z-index:0}.collection-filters__footer-btn:hover{transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .5s ease,color 0s .5s}.collection-filters__footer-btn:hover:before{transform:scaleX(1)}.collection-filters__footer-btn:hover span{color:var(--color-text)}.collection-filters__footer-reset{background:transparent;border:none;color:inherit;cursor:pointer;font-family:var(--font-body);font-size:.6875rem;font-weight:500;letter-spacing:.16em;padding:.875rem 0;position:relative;text-transform:uppercase;white-space:nowrap}.collection-filters__footer-reset:after{background:currentColor;bottom:.5rem;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(.4);transform-origin:left;transition:transform .55s var(--filters-ease)}.collection-filters__footer-reset:hover:after{transform:scaleX(1)}.collection-filters-aside .collection-filters__header,.collection-filters-aside .collection-filters__summary,.collection-filters-aside .filter-group{opacity:0;transform:translateY(14px);transition:opacity .55s var(--filters-ease),transform .55s var(--filters-ease)}.collection-filters-aside.is-open .collection-filters__header{transition-delay:.12s}.collection-filters-aside.is-open .collection-filters__summary{transition-delay:.18s}.collection-filters-aside.is-open .filter-group{transition-delay:calc(.22s + var(--stagger-index, 0) * 60ms)}.collection-filters-aside.is-open .collection-filters__header,.collection-filters-aside.is-open .collection-filters__summary,.collection-filters-aside.is-open .filter-group{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.collection-filters-aside .collection-filters__header,.collection-filters-aside .collection-filters__summary,.collection-filters-aside .filter-group{opacity:1;transform:none;transition:none}.filter-group[open] .filter-option,.filter-group[open] .price-range-slider{animation:none}}.collection-grid[aria-busy=true]{opacity:.6;transition:opacity .25s ease}.collection-grid{transition:opacity .25s ease}
/*# sourceMappingURL=/cdn/shop/t/11/assets/collection-filters.css.map */
