@layer components{.variant-picker{display:flex;flex-direction:column;gap:var(--space-4)}.variant-picker__option{border:0;padding:0;margin:0;min-width:0}.variant-picker__legend{display:flex;align-items:baseline;gap:var(--space-2);width:100%;margin-block-end:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.variant-picker__legend-name{text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs);color:var(--color-text-muted)}.variant-picker__legend-value{color:var(--color-text);font-weight:var(--font-weight-medium);font-size:var(--text-sm)}.variant-picker__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.variant-picker__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.variant-picker__chip{--chip-bg: var(--color-surface);--chip-border: var(--color-border);--chip-fg: var(--color-text);display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-target-min);min-width:var(--tap-target-min);padding:8px var(--space-3);background:var(--chip-bg);border:1.5px solid var(--chip-border);border-radius:var(--radius-pill);color:var(--chip-fg);font-size:var(--text-sm);font-weight:var(--font-weight-medium);line-height:1.1;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),transform var(--duration-fast) var(--ease-out)}.variant-picker__chip:hover{border-color:var(--color-accent)}.variant-picker__input:checked+.variant-picker__chip{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-fg)}.variant-picker__input:focus-visible+.variant-picker__chip{outline:2px solid var(--color-focus);outline-offset:2px}.variant-picker__chip[data-soldout=true]{text-decoration:line-through;opacity:.6}.variant-picker__chip[data-unavailable=true]{opacity:.35;cursor:not-allowed}.variant-picker__chip--strength{--chip-tone: var(--strength-20);background:color-mix(in srgb,var(--chip-tone) 14%,var(--color-surface));border-color:color-mix(in srgb,var(--chip-tone) 50%,transparent);color:var(--chip-tone);font-weight:var(--font-weight-semibold)}.variant-picker__chip--strength[data-strength="0"]{--chip-tone: var(--strength-0)}.variant-picker__chip--strength[data-strength="3"]{--chip-tone: var(--strength-3)}.variant-picker__chip--strength[data-strength="6"]{--chip-tone: var(--strength-6)}.variant-picker__chip--strength[data-strength="10"]{--chip-tone: var(--strength-10)}.variant-picker__chip--strength[data-strength="20"]{--chip-tone: var(--strength-20)}.variant-picker__input:checked+.variant-picker__chip--strength{background:var(--chip-tone);border-color:var(--chip-tone);color:var(--color-text-inverse)}.variant-picker__chip--strength:hover{border-color:var(--chip-tone)}.variant-picker__no-js-select{width:100%;min-height:var(--tap-target-min);padding:8px 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-base)}@media(prefers-reduced-motion:reduce){.variant-picker__chip{transition:none}}}@layer components{.variant-picker__chip-label{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill, 999px);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.variant-picker__chip-label:hover{border-color:var(--color-accent)}input[type=radio]:checked+.variant-picker__chip-label,.variant-picker__chip-label[data-selected=true]{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}input[type=radio]:focus-visible+.variant-picker__chip-label{outline:2px solid var(--color-focus);outline-offset:2px}input[type=radio][disabled]+.variant-picker__chip-label,.variant-picker__chip-label[data-soft-disabled=true]{opacity:.4;cursor:not-allowed;text-decoration:line-through}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-variant-picker.css.map */