.facets{display:block;font-size:var(--text-sm)}.facets__form{display:flex;flex-direction:column;gap:var(--space-3)}.facets__group{border-block-end:1px solid var(--color-border);padding-block:var(--space-3)}.facets__group[open] .facets__summary-chev{transform:rotate(180deg)}.facets__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);cursor:pointer;list-style:none;padding:var(--space-2) 0;min-height:var(--tap-target-min);font-weight:var(--font-weight-semibold);color:var(--color-text)}.facets__summary::-webkit-details-marker{display:none}.facets__summary:focus-visible{outline-offset:4px}.facets__summary-chev{transition:transform var(--duration-fast) var(--ease-out);color:var(--color-text-muted)}.facets__body{padding-block-start:var(--space-2)}.facets__list{display:flex;flex-direction:column;gap:var(--space-1);max-height:320px;overflow-y:auto;scrollbar-width:thin}.facets__list::-webkit-scrollbar{width:6px}.facets__list::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:4px}.facets__list--chips{flex-direction:row;flex-wrap:wrap;max-height:none;gap:var(--space-2)}.facets__list--segmented{display:flex;flex-wrap:wrap;gap:2px;background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:2px;max-height:none}.facets__list--brand{max-height:380px}.facets__list--toggle{max-height:none}.facets__item{position:relative;display:block}.facets__item--disabled{opacity:.4}.facets__input{position:absolute;opacity:0;pointer-events:none}.facets__chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap-target-min);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.facets__chip-thumb{display:block;width:24px;height:24px;object-fit:contain;border-radius:var(--radius-sm);background:var(--color-surface-elevated)}.facets__chip-label{flex:1;text-align:start}.facets__chip-count{color:var(--color-text-subtle);font-variant-numeric:tabular-nums;font-size:var(--text-xs)}.facets__chip--row{width:100%;background:transparent}.facets__chip--row:before{content:"";width:18px;height:18px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);flex-shrink:0}.facets__input:checked+.facets__chip--row:before{background:var(--color-accent);border-color:var(--color-accent);background-image:linear-gradient(to bottom,transparent 0,transparent 100%)}.facets__input:checked+.facets__chip--row{color:var(--color-text);background:var(--color-accent-soft)}.facets__chip--row:hover{background:var(--color-accent-soft)}.facets__chip--strength{border:1px solid var(--color-border);background:var(--color-surface);position:relative;padding-inline-start:calc(var(--space-3) + 16px)}.facets__chip--strength:before{content:"";position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:var(--strength-20)}.facets__chip--strength[data-strength="0"]:before{background:var(--strength-0)}.facets__chip--strength[data-strength="3"]:before{background:var(--strength-3)}.facets__chip--strength[data-strength="6"]:before{background:var(--strength-6)}.facets__chip--strength[data-strength="10"]:before{background:var(--strength-10)}.facets__chip--strength[data-strength="20"]:before{background:var(--strength-20)}.facets__input:checked+.facets__chip--strength{border-color:var(--color-accent);background:var(--color-accent-soft)}.facets__chip--flavour{border:1px solid var(--color-border);background:var(--color-surface)}.facets__input:checked+.facets__chip--flavour{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}.facets__chip--segment{flex:1;justify-content:center;background:transparent;font-weight:var(--font-weight-medium);font-size:var(--text-xs);text-align:center;border-radius:var(--radius-sm);min-height:36px;padding-inline:var(--space-2)}.facets__input:checked+.facets__chip--segment{background:var(--color-accent);color:var(--color-accent-fg)}.facets__chip--multibuy{border:1px solid var(--color-border-strong);background:var(--color-surface);border-radius:var(--radius-pill)}.facets__input:checked+.facets__chip--multibuy{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-fg)}.facets__chip--brand{width:100%;background:transparent}.facets__chip--brand:hover{background:var(--color-accent-soft)}.facets__input:checked+.facets__chip--brand{background:var(--color-accent-soft);outline:1px solid var(--color-accent);outline-offset:-1px}.facets__chip--toggle{width:100%;justify-content:space-between;padding-block:var(--space-3)}.facets__chip--toggle:after{content:"";flex-shrink:0;width:36px;height:20px;border-radius:var(--radius-pill);background:var(--color-border-strong);position:relative;transition:background var(--duration-fast) var(--ease-out)}.facets__chip--toggle:before{content:"";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:var(--color-text);transition:right var(--duration-fast) var(--ease-out);z-index:1}.facets__input:checked+.facets__chip--toggle:after{background:var(--color-cta)}.facets__input:checked+.facets__chip--toggle:before{right:4px}.facets__search{display:block;margin-block-end:var(--space-3)}.facets__search-input{width:100%;min-height:var(--tap-target-min);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm)}.facets__search-input:focus-visible{outline-offset:0;border-color:var(--color-accent)}.facets__price-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2)}.facets__price-field{display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding-inline:var(--space-2);min-height:var(--tap-target-min)}.facets__price-field:focus-within{border-color:var(--color-accent)}.facets__price-prefix{color:var(--color-text-muted);padding-inline-end:2px}.facets__price-input{flex:1;background:transparent;border:0;padding:0;color:var(--color-text);font-size:var(--text-sm);outline:none;-moz-appearance:textfield}.facets__price-input::-webkit-outer-spin-button,.facets__price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.facets__price-sep{color:var(--color-text-subtle)}.facets__price-help{margin-block-start:var(--space-2);font-size:var(--text-xs)}.facets__actions{position:sticky;bottom:0;display:flex;flex-direction:column;gap:var(--space-2);padding-block:var(--space-3);background:linear-gradient(to top,var(--color-surface) 60%,transparent)}.facets__submit{width:100%}.facets__clear{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:underline;text-underline-offset:3px}.facets__clear:hover{color:var(--color-accent)}.js .facets__submit{display:none}@media(min-width:990px){.facets__actions{position:static;background:none}}@layer components{.facets__summary-label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-text)}.facets__price{display:flex;align-items:center;gap:var(--space-2);margin-block-start:var(--space-2)}.facets__price input{width:100%;padding:8px 10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm)}.facets__price input:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-accent)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-facet-form.css.map */