.segmented-control{--spring-pill-bg:#3a3a3a;isolation:isolate;background:color-mix(in srgb,var(--foreground) 8%,transparent);border-radius:999px;align-items:center;gap:0;min-height:48px;padding:6px;display:inline-flex;position:relative}.light-mode .segmented-control{--spring-pill-bg:#fff}.segmented-control>button{min-height:36px;color:var(--muted);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:999px;place-items:center;padding:7px 20px;font:600 16px/1.35 Time Rounded,Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;transition:color .2s;display:grid;position:relative}.segmented-control>button>span{justify-content:center;align-items:center;gap:8px;transition:transform .28s cubic-bezier(.16,1.35,.32,1);display:inline-flex}.segmented-control>button:hover,.segmented-control>button[aria-pressed=true]{color:var(--foreground)}.segmented-control>button:hover>span{transform:scale(1.04)}.segmented-control>button:active>span{transform:scale(.96)}.segmented-control>button:focus-visible{outline:1px solid var(--foreground);outline-offset:4px}.segmented-control>button:disabled{opacity:.4;cursor:default}.segmented-control>button:disabled>span{transform:none}.segmented-control:not([data-spring-ready=true])>button[aria-pressed=true]{background:var(--spring-pill-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--foreground) 6%,transparent),0 3px 12px #0000000f}@media (prefers-reduced-motion:reduce){.segmented-control>button,.segmented-control>button>span{transition:none}}