.segmented-control{position:relative;isolation:isolate;display:flex;flex-direction:row;align-items:stretch;gap:var(--space-1);padding:var(--space-1);background:var(--bg-item);border:1px solid var(--border-color);border-radius:var(--control-radius-default)}.segmented-control-track{position:absolute;inset:var(--space-1);pointer-events:none}.segmented-control-track[hidden]{display:none}.segmented-control-indicator{position:absolute;inset-block:0;left:0;width:calc((100% - (var(--segmented-count) - 1) * var(--space-1)) / var(--segmented-count));transform:translate(calc(var(--segmented-index) * (100% + var(--space-1))));background:var(--segmented-selected-bg, var(--bg-color));border-radius:var(--segmented-selected-radius, var(--control-radius-compact));box-shadow:var(--segmented-selected-shadow, 0 1px 3px rgba(0, 0, 0, .12));transition:transform .2s cubic-bezier(.4,0,.2,1)}.segmented-control-option{position:relative;z-index:1;flex:1;min-width:0;min-height:var(--control-height-default);display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--control-radius-compact);background:transparent;color:var(--text-color-secondary);font-size:var(--type-body-size);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}.segmented-control-option:hover:not(.segmented-control-option-selected){color:var(--text-color)}.segmented-control-option:focus-visible{outline:none;box-shadow:var(--control-focus-ring)}.segmented-control-option.segmented-control-option-selected{color:var(--accent-color)}.segmented-control-option.segmented-control-option-selected:focus-visible{box-shadow:var(--control-focus-ring)}@media(prefers-reduced-motion:reduce){.segmented-control-indicator,.segmented-control-option{transition:none!important}}.segmented-control-label{color:inherit}.segmented-control-icon{display:flex;align-items:center}.segmented-control-icon svg{width:18px;height:18px}