.chip{border-radius:var(--radius-chip);border:1px solid var(--divider);height:28px;color:var(--text-muted);font-family:var(--font-family-base);cursor:pointer;transition:transform var(--motion-instant) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;align-items:center;padding:0 11px;font-size:12px;font-weight:500;display:inline-flex;position:relative}.chip:active{transform:scale(var(--motion-press-scale))}.chip:after{content:"";position:absolute;inset:-8px}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.chip-selected{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.segmented{border-radius:var(--radius-button);background:var(--surface-elevated);gap:4px;padding:4px;display:inline-flex}.segmented-option{min-height:44px;padding:0 var(--space-3);border-radius:calc(var(--radius-button) - 4px);color:var(--text-muted);font-family:var(--font-family-base);cursor:pointer;transition:transform var(--motion-instant) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);background:0 0;border:none;font-size:14px;font-weight:500}.segmented-option:active{transform:scale(var(--motion-press-scale))}.segmented-option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.segmented-option[aria-selected=true]{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent-ink);font-weight:600}.segmented-sm{gap:2px;padding:3px}.segmented-sm .segmented-option{min-width:44px;min-height:32px;padding:0 var(--space-3);border-radius:calc(var(--radius-button) - 3px);font-size:13px;position:relative}.segmented-sm .segmented-option:after{content:"";position:absolute;inset:-6px 0}
