.segment{--segment-dur:250ms;--segment-ease:cubic-bezier(0.22,1,0.36,1);--segment-inset:2px;position:relative;display:inline-flex;align-items:center;gap:3px;padding:var(--segment-inset);border-radius:var(--radius-pill);background:var(--surface-muted)}.segment--icon{--segment-tab-h:28px;--segment-tab-px:10px}.segment--text{--segment-tab-h:32px;--segment-tab-px:16px}.segment-tab{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;appearance:none;border:0;background:transparent;height:var(--segment-tab-h);padding:0 var(--segment-tab-px);color:var(--ink-faint);cursor:pointer;border-radius:var(--radius-pill);transition:color var(--segment-dur) var(--segment-ease)}.segment-tab-label{font-size:var(--type-ui);font-weight:500;line-height:1;letter-spacing:var(--tracking-body)}.segment-tab[aria-selected=true]{color:var(--ink)}.segment-pill{position:absolute;top:var(--segment-inset);left:0;z-index:0;height:var(--segment-tab-h);width:0;background:var(--surface);border-radius:var(--radius-pill);transform:translateX(0);transition:transform var(--segment-dur) var(--segment-ease),width var(--segment-dur) var(--segment-ease);will-change:transform,width;pointer-events:none}@media (prefers-reduced-motion:reduce){.segment-pill,.segment-tab{transition:none!important}}