.segmented{background:var(--color-surface-2);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.segmented__item{min-width:var(--control-height);height:calc(var(--control-height) - 6px);padding:0 var(--space-3);border-radius:calc(var(--radius-sm) - 2px);color:var(--color-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard)}.segmented__item:hover{color:var(--color-fg)}.segmented__item[data-state=on]{background:var(--color-surface);color:var(--color-fg);box-shadow:var(--shadow-1)}.segmented--sm .segmented__item{height:calc(var(--control-height-sm) - 4px);padding:0 var(--space-2)}