.segmented-control{isolation:isolate;background:var(--color-tint);border-radius:999px;flex-shrink:0;padding:4px;display:grid;position:relative}.segmented-control-indicator{border-radius:inherit;background:var(--color-surface);pointer-events:none;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 3px #00000012}.segmented-control[data-motion=pointer] .segmented-control-indicator{transition:transform .2s cubic-bezier(.23,1,.32,1)}.segmented-control>button{border-radius:inherit;min-width:0;min-height:44px;color:var(--color-muted);font:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:8px 16px;font-weight:600;position:relative}.segmented-control>button[aria-pressed=true]{color:var(--color-ink)}.segmented-control>button:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:2px}.segmented-control[data-compact=true]{background:color-mix(in srgb, var(--color-line) 42%, transparent)}.segmented-control[data-compact=true]>button{padding:5px 12px;font-size:12px}.segmented-control[data-icon-only=true]>button{place-items:center;min-width:44px;padding:8px;display:grid}.segmented-control[data-icon-only=true] svg{width:18px;height:18px;display:block}.segmented-control[data-compact=true][data-icon-only=true]{background:0 0;min-height:44px;padding:0 4px}.segmented-control[data-compact=true][data-icon-only=true]:before{content:"";z-index:-1;border-radius:inherit;background:color-mix(in srgb, var(--color-line) 42%, transparent);position:absolute;inset:4px 0}.segmented-control[data-compact=true][data-icon-only=true] .segmented-control-indicator{top:6px;bottom:6px}@media (prefers-reduced-motion:reduce){.segmented-control[data-motion] .segmented-control-indicator{transition:none}}@media (forced-colors:active){.segmented-control{border:1px solid buttontext}.segmented-control>button[aria-pressed=true]{outline-offset:-2px;outline:2px solid highlight}}