.variant-switcher{display:flex;flex-wrap:wrap;gap:4px;width:100%}.variant-switcher-option{position:relative;flex:1 1 0;min-width:fit-content;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;margin:0;border:1px solid var(--line-subtle);border-radius:12px;background:var(--surface-fill);font-weight:500;color:var(--ink-muted);cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:color .15s ease}.variant-switcher-option[aria-checked=true]{color:var(--ink-heading)}.variant-switcher-option[aria-checked=true] .variant-switcher-thumb{opacity:1}.variant-switcher-thumb{position:absolute;inset:-1px;border:1px solid var(--line-subtle);border-radius:12px;background:var(--surface-raised);box-shadow:var(--shadow-tactile);opacity:0;transition:opacity .15s ease}.variant-switcher-option-label{position:relative;white-space:nowrap}