.segmentedControl{gap:var(--spacing-8);padding:var(--spacing-8);background:var(--surface-secondary);border-radius:var(--radius-track);box-shadow:var(--shadow-inset);flex-shrink:0;display:inline-flex}.segmentedControl__segment{cursor:pointer;display:inline-flex;position:relative}.segmentedControl__input{pointer-events:none;opacity:0;width:1px;height:1px;position:absolute}.segmentedControl__label{height:var(--control-36);padding:0 var(--spacing-16);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);color:var(--foreground-muted);border-radius:var(--radius-ui);transition:box-shadow var(--dur-hover) var(--ease),color var(--dur-press) var(--ease),background var(--dur-press) var(--ease);background:0 0;border:0;align-items:center;line-height:1;display:inline-flex}.segmentedControl__input:focus-visible+.segmentedControl__label{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-offset)}.segmentedControl__segment--active .segmentedControl__label{color:var(--surface-foreground);background:var(--surface);box-shadow:var(--shadow-raised-sm)}.segmentedControl--slidingIndicator{position:relative}.segmentedControl--slidingIndicator:before{inset-block:var(--spacing-8);width:var(--segmented-control-indicator-width,0);pointer-events:none;content:"";background:var(--surface);border-radius:var(--radius-ui);box-shadow:var(--shadow-raised-sm);opacity:0;translate:var(--segmented-control-indicator-inline-start,0) 0;position:absolute;inset-inline-start:0}.segmentedControl--slidingIndicator[data-indicator-ready]:before{opacity:1;transition:opacity var(--dur-press) var(--ease),translate .2s cubic-bezier(.2, 0, 0, 1),width .2s cubic-bezier(.2, 0, 0, 1)}.segmentedControl--slidingIndicator .segmentedControl__segment{z-index:1}.segmentedControl--slidingIndicator .segmentedControl__label{width:100%;box-shadow:none;background:0 0;justify-content:center}.segmentedControl--slidingIndicator .segmentedControl__segment--active .segmentedControl__label{box-shadow:none;background:0 0}@media (prefers-reduced-motion:reduce){.segmentedControl--slidingIndicator[data-indicator-ready]:before{transition:none}}@media (hover:hover){.segmentedControl__segment:hover .segmentedControl__label{color:var(--surface-secondary-foreground)}.segmentedControl__segment--active:hover .segmentedControl__label{color:var(--surface-foreground)}}@media (max-width:768px){.segmentedControl__label{height:var(--control-44)}}