.segmented-control{border:1px solid var(--input);background:color-mix(in srgb, var(--surface) 60%, transparent);isolation:isolate;border-radius:999px;flex-shrink:0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;padding:3px;display:grid}.segmented-control .segmented-control-tab{min-width:60px;height:32px;color:var(--muted);font-size:var(--text-ui);font-weight:var(--weight-label);line-height:var(--leading-ui);background:0 0;border-radius:999px;padding:0 12px;transition:color .16s;position:relative}.segmented-control .segmented-control-tab:hover{color:var(--foreground)}.segmented-control .segmented-control-tab[aria-selected=true]{color:var(--brand-foreground)}.segmented-control-selection{border-radius:inherit;background:var(--brand);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff24,0 1px 3px #0002}.segmented-control-label{z-index:1;position:relative}.segmented-control-count{font-variant-numeric:tabular-nums;margin-left:6px}.segmented-control-tab:focus-visible{z-index:2}@media (pointer:coarse),(max-width:760px){.segmented-control .segmented-control-tab{min-width:50px;height:44px;padding-inline:10px}}@media (prefers-reduced-motion:reduce){html:not([data-dialout-reduced-motion=off]) .segmented-control .segmented-control-tab{transition:none}}