.cb-filters{background:var(--bg-canvas);border:var(--border-1) solid var(--border-default);border-radius:var(--radius-16);padding:var(--space-20);box-shadow:var(--elevation-card)}.cb-filters__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding-bottom:var(--space-12);border-bottom:var(--border-1) solid var(--border-subtle);margin-bottom:var(--space-16)}.cb-filters__title{font:var(--type-heading-s);letter-spacing:var(--type-heading-s-tracking);color:var(--text-primary);margin:0}@media(min-width:1024px){.cb-filters{position:sticky;top:var(--space-24);max-height:calc(100vh - (var(--space-24) * 2));overflow-y:auto;overscroll-behavior:contain}}.cb-facet{border-top:var(--border-1) solid var(--border-subtle);padding-block:var(--space-12)}.cb-facet:first-of-type{border-top:0}.cb-facet__summary{display:flex;align-items:center;gap:var(--space-8);cursor:pointer;list-style:none;min-height:var(--size-touch-target);font:var(--type-label-overline);letter-spacing:var(--type-label-overline-tracking);text-transform:uppercase;color:var(--text-tertiary)}.cb-facet__summary::-webkit-details-marker{display:none}.cb-facet__summary:focus-visible{box-shadow:var(--elevation-focus);border-radius:var(--radius-4)}.cb-facet__name{flex:1 1 auto}.cb-facet__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding-inline:var(--space-4);border-radius:var(--radius-full);background:var(--action-primary-bg);color:var(--action-primary-text);font:var(--type-label-s)}.cb-facet__chevron{color:var(--text-tertiary);display:inline-flex;transition:transform .18s ease-out}.cb-facet[open] .cb-facet__chevron{transform:rotate(180deg)}.cb-facet__body{overflow:hidden;max-height:1600px;transition:max-height .22s ease-out,opacity .2s ease-out}.cb-facet:not([open]) .cb-facet__body{max-height:0;opacity:0}.cb-facet[open] .cb-facet__body{opacity:1;animation:cb-facet-in .22s ease-out}@keyframes cb-facet-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cb-facet__toggle{margin-top:var(--space-8);background:none;border:0;padding:var(--space-4) 0;font:var(--type-label-m);color:var(--text-link);cursor:pointer}.cb-facet__toggle:hover{text-decoration:underline}.cb-stock-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);padding:var(--space-12);margin-bottom:var(--space-16);border-radius:var(--radius-12);background:var(--bg-subtle);cursor:pointer}.cb-stock-row.cb-facet__option--disabled{opacity:.55;cursor:not-allowed}.cb-stock-row__text{display:flex;flex-direction:column;gap:2px}.cb-stock-row__title{font:var(--type-label-m);color:var(--text-primary)}.cb-stock-row__hint{font:var(--type-body-xs);color:var(--text-tertiary)}.cb-swatches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8)}.cb-swatch{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12) var(--space-8);border:var(--border-1) solid var(--border-default);border-radius:var(--radius-12);background:var(--bg-canvas);cursor:pointer;text-align:center;transition:border-color .15s ease-out,background-color .15s ease-out,transform .1s ease-out}.cb-swatch:hover{border-color:var(--border-strong)}.cb-swatch:active:not(.is-disabled){transform:scale(.98)}.cb-swatch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cb-swatch input:focus-visible~.cb-swatch__label{box-shadow:var(--elevation-focus);border-radius:var(--radius-4)}.cb-swatch__mark{display:inline-flex}.cb-swatch__hex{fill:var(--bg-subtle);stroke:var(--border-strong)}.cb-swatch__nucleus{fill:var(--text-disabled)}.cb-swatch__organelle{fill:var(--border-strong)}.cb-swatch__label{font:var(--type-label-s);letter-spacing:var(--type-label-s-tracking);color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cb-swatch__count{font:var(--type-body-xs);color:var(--text-tertiary)}.cb-swatch__check{position:absolute;top:calc(-1 * var(--space-4));right:calc(-1 * var(--space-4));width:18px;height:18px;border-radius:var(--radius-full);background:var(--action-primary-bg);color:var(--action-primary-text);border:var(--border-2) solid var(--bg-canvas);display:none;align-items:center;justify-content:center}.cb-swatch.is-selected{border-color:var(--action-primary-bg);border-width:var(--border-2);background:var(--bg-brand-subtle);padding:calc(var(--space-12) - 1px) calc(var(--space-8) - 1px)}.cb-swatch.is-selected .cb-swatch__hex{fill:var(--bg-canvas);stroke:var(--action-primary-bg)}.cb-swatch.is-selected .cb-swatch__nucleus{fill:var(--action-primary-bg)}.cb-swatch.is-selected .cb-swatch__organelle{fill:var(--color-red-300)}.cb-swatch.is-selected .cb-swatch__label{color:var(--text-brand);font-weight:600}.cb-swatch.is-selected .cb-swatch__check{display:inline-flex}.cb-swatch.is-disabled{opacity:.45;cursor:not-allowed}.cb-swatch.is-disabled input{cursor:not-allowed}.cb-dots{display:flex;flex-wrap:wrap;gap:var(--space-8)}.cb-dot-tag{position:relative;display:inline-flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);border:var(--border-1) solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-canvas);cursor:pointer;transition:border-color .15s ease-out,background-color .15s ease-out}.cb-dot-tag:hover{border-color:var(--border-strong)}.cb-dot-tag input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cb-dot-tag__dot{width:10px;height:10px;border-radius:var(--radius-full);background:var(--cb-dot-hue, var(--text-tertiary));flex:none}.cb-dot-tag__label{font:var(--type-label-s);color:var(--text-primary)}.cb-dot-tag__count{font:var(--type-body-xs);color:var(--text-tertiary)}.cb-dot-tag.is-selected{border-color:var(--action-primary-bg);background:var(--bg-brand-subtle)}.cb-dot-tag.is-selected .cb-dot-tag__label{color:var(--text-brand);font-weight:600}.cb-dot-tag.is-disabled{opacity:.45;cursor:not-allowed}.cb-dot-tag input:focus-visible~.cb-dot-tag__label{box-shadow:var(--elevation-focus);border-radius:var(--radius-4)}.cb-dot-tag--0{--cb-dot-hue: var(--color-teal-500)}.cb-dot-tag--1{--cb-dot-hue: var(--color-blue-500)}.cb-dot-tag--2{--cb-dot-hue: var(--color-amber-500)}.cb-dot-tag--3{--cb-dot-hue: var(--color-green-500)}.cb-dot-tag--4{--cb-dot-hue: var(--color-red-500)}.cb-dot-tag--5{--cb-dot-hue: #6D4AA8}.cb-dot-tag--6{--cb-dot-hue: var(--color-teal-700)}.cb-dot-tag--7{--cb-dot-hue: var(--color-blue-700)}.cb-segmented{display:flex;gap:var(--space-2);padding:var(--space-4);background:var(--bg-subtle);border-radius:var(--radius-12)}.cb-segment{position:relative;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:var(--space-8) var(--space-4);border-radius:var(--radius-8);cursor:pointer;text-align:center;transition:background-color .15s ease-out,box-shadow .15s ease-out}.cb-segment input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cb-segment__label{font:var(--type-label-s);color:var(--text-secondary)}.cb-segment__count{font:var(--type-body-xs);color:var(--text-tertiary)}.cb-segment.is-selected{background:var(--bg-canvas);box-shadow:var(--elevation-card)}.cb-segment.is-selected .cb-segment__label{color:var(--text-brand);font-weight:600}.cb-segment.is-disabled{opacity:.45;cursor:not-allowed}.cb-segment input:focus-visible~.cb-segment__label{box-shadow:var(--elevation-focus);border-radius:var(--radius-4)}.cb-facet__option{position:relative}.cb-checkbox{position:relative;display:inline-flex;flex:none}.cb-checkbox input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cb-checkbox__box{width:18px;height:18px;border:var(--border-2) solid var(--border-strong);border-radius:var(--radius-4);background:var(--bg-canvas);display:flex;align-items:center;justify-content:center;color:var(--action-primary-text);transition:background-color .15s ease-out,border-color .15s ease-out,transform .1s ease-out}.cb-checkbox__box svg{opacity:0;transform:scale(.6);transition:opacity .12s ease-out,transform .12s ease-out}.cb-checkbox input:checked+.cb-checkbox__box{background:var(--action-primary-bg);border-color:var(--action-primary-bg)}.cb-checkbox input:checked+.cb-checkbox__box svg{opacity:1;transform:scale(1)}.cb-checkbox input:focus-visible+.cb-checkbox__box{box-shadow:var(--elevation-focus)}.cb-checkbox input:disabled+.cb-checkbox__box{opacity:.5}.cb-checkbox input:active:not(:disabled)+.cb-checkbox__box{transform:scale(.92)}.cb-facet__option-label{flex:1 1 auto}.cb-switch-row{display:flex;align-items:center;gap:var(--space-8);min-height:var(--size-touch-target);padding-inline:var(--space-4);border-radius:var(--radius-4);cursor:pointer;font:var(--type-body-s);color:var(--text-secondary)}.cb-switch-row:hover{background:var(--action-quiet-hover)}.cb-switch-row.cb-facet__option--disabled{color:var(--text-disabled);cursor:not-allowed}.cb-switch{position:relative;display:inline-flex;flex:none;width:36px;height:22px}.cb-switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cb-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);background:var(--action-disabled-bg);border:var(--border-1) solid var(--border-default);transition:background-color .15s ease-out,border-color .15s ease-out}.cb-switch__thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--bg-canvas);box-shadow:var(--elevation-card);transition:transform .15s ease-out}.cb-switch input:checked~.cb-switch__track{background:var(--action-primary-bg);border-color:var(--action-primary-bg)}.cb-switch input:checked~.cb-switch__track .cb-switch__thumb{transform:translate(14px)}.cb-switch input:focus-visible~.cb-switch__track{box-shadow:var(--elevation-focus)}.cb-switch input:disabled~.cb-switch__track{opacity:.5}.cb-switch__label{flex:1 1 auto}.cb-range{padding-block:var(--space-component-sm)}.cb-range__readout{display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.cb-range__current{font:var(--type-label-m);color:var(--text-brand)}.cb-range__track{position:relative;height:4px;border-radius:var(--radius-full);background:var(--bg-muted);margin-block:var(--space-16)}.cb-range__fill{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:var(--radius-full);background:var(--action-primary-bg)}.cb-range__sliders{position:relative;height:0}.cb-range__input{position:absolute;top:calc(-1 * (var(--space-16) + 2px));left:0;width:100%;margin:0;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none}.cb-range__input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:16px;height:16px;border-radius:var(--radius-full);background:var(--bg-canvas);border:var(--border-2) solid var(--action-primary-bg);box-shadow:var(--elevation-card);cursor:pointer;margin-top:0}.cb-range__input::-moz-range-thumb{pointer-events:auto;width:16px;height:16px;border-radius:var(--radius-full);background:var(--bg-canvas);border:var(--border-2) solid var(--action-primary-bg);box-shadow:var(--elevation-card);cursor:pointer}.cb-range__input::-webkit-slider-runnable-track{background:transparent}.cb-range__input::-moz-range-track{background:transparent}.cb-range__input:focus-visible::-webkit-slider-thumb{box-shadow:var(--elevation-focus)}.cb-range__input:focus-visible::-moz-range-thumb{box-shadow:var(--elevation-focus)}.cb-range__values{display:flex;align-items:flex-end;gap:var(--space-8);margin-top:var(--space-component-sm)}.cb-range__field{display:flex;flex-direction:column;gap:var(--space-4);font:var(--type-body-xs);color:var(--text-tertiary);flex:1 1 0}.cb-range__field input{width:100%}.cb-range__sep{color:var(--text-tertiary);padding-bottom:var(--space-8)}@media(prefers-reduced-motion:reduce){.cb-facet__body,.cb-facet__chevron,.cb-swatch,.cb-dot-tag,.cb-segment,.cb-switch__thumb,.cb-checkbox__box{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/cb-filters.css.map */