.segmented-control{isolation:isolate;grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));border-radius:var(--radius-pill);background:color-mix(in srgb, var(--foreground) 5%, transparent);padding:2px;display:grid;position:relative}.segmented-control-indicator{z-index:-1;inset-block:2px;width:calc((100% - 4px) / var(--segment-count));border-radius:var(--radius-pill);background:var(--background);transform:translateX(calc(var(--segment-index) * 100%));transition:transform .22s cubic-bezier(.25,1,.5,1);position:absolute;left:2px;box-shadow:0 1px 3px #0000000f}.segmented-control>button{min-width:0;min-height:var(--control-target);border-radius:var(--radius-pill);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 2px;transition:color .16s ease-out}.segmented-control>button[aria-checked=true],.segmented-control>button:not(:disabled):hover{color:inherit}.segmented-control>button:disabled{opacity:.4;cursor:not-allowed}.segmented-control>button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.segmented-control-indicator,.segmented-control>button{transition:none}}