@layer components{.variant-picker{display:grid;gap:var(--space-4)}.variant-picker__group{display:grid;gap:var(--space-2);margin:0;padding:0;border:0}.variant-picker__legend{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);padding:0}.variant-picker__selected{font-size:var(--type-body-s);color:var(--color-foreground-muted)}.variant-picker__values{display:flex;flex-wrap:wrap;gap:var(--space-2)}.variant-option{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-button);background-color:transparent;color:var(--color-foreground);font-size:var(--type-body-s);cursor:pointer}.variant-option:hover{border-color:var(--color-foreground)}.variant-option:has(.variant-option__input:checked){border-color:var(--color-foreground);background-color:var(--color-foreground);color:var(--color-background)}.variant-option:has(.variant-option__input:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.variant-option--unavailable{color:var(--color-foreground-muted);border-color:var(--color-border)}.variant-option--unavailable .variant-option__label{text-decoration:line-through}.variant-option__delta{font-variant-numeric:tabular-nums;opacity:.85}.variant-option--swatch{padding:0 var(--space-3) 0 var(--space-2)}.variant-option__swatch{inline-size:24px;block-size:24px;border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background-color:var(--swatch-colour, var(--color-surface-sunken));overflow:hidden;flex:0 0 auto}.variant-option__swatch-image{inline-size:100%;block-size:100%;object-fit:cover}.variant-picker__select{min-height:44px;inline-size:100%;padding:0 var(--space-3);background-color:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-button);color:inherit;font-family:var(--font-body);font-size:var(--type-body-s)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-variant-picker.css.map */