.ds-segmented{--seg-h:40px;border-radius:var(--r-pill);background:var(--c-surface-2);box-shadow:inset 0 1px 2px rgba(var(--shadow-rgb), .1), inset 0 0 0 1px var(--c-line);isolation:isolate;grid-auto-columns:1fr;grid-auto-flow:column;padding:4px;display:inline-grid;position:relative}.ds-segmented--sm{--seg-h:32px}.ds-segmented__thumb{width:calc((100% - 8px) / var(--seg-count));transform:translateX(calc(100% * var(--seg-index)));border-radius:var(--r-pill);background:var(--c-surface);box-shadow:var(--gloss-top), 0 3px 8px -3px rgba(var(--shadow-rgb), .3), inset 0 0 0 1px var(--c-line);transition:transform var(--dur-panel) var(--ease-spring);z-index:-1;position:absolute;top:4px;bottom:4px;left:4px}.ds-segmented__option{min-width:44px;height:var(--seg-h);padding:0 var(--s-3);border-radius:var(--r-pill);color:var(--c-ink-2);font-size:var(--fs-sm);white-space:nowrap;cursor:pointer;transition:color var(--dur-micro) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;font-weight:700;line-height:1;display:inline-flex}.ds-segmented--sm .ds-segmented__option{min-width:36px;font-size:var(--fs-xs);padding:0 var(--s-2)}.ds-segmented__option:hover,.ds-segmented__option.is-checked{color:var(--c-ink)}