.segmented-control{--segment-accent:#087fff;--segment-motion:.26s cubic-bezier(.22, .8, .25, 1);isolation:isolate;grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));vertical-align:middle;background:#e8e8ea;border-radius:8px;width:max-content;padding:2px;display:inline-grid;position:relative;box-shadow:0 0 0 1px #0000000a}.segmented-control-option{box-sizing:border-box;color:#171719;min-width:42px;height:30px;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 10px;font-size:.8rem;font-weight:500;display:inline-flex;position:relative}.segmented-control-option svg{flex-shrink:0}button.segmented-control-option:focus-visible{outline:2px solid var(--segment-accent);outline-offset:4px}.segmented-control-highlight{z-index:-1;width:calc((100% - 4px) / var(--segment-count));background:var(--segment-accent);transform:translateX(calc(var(--segment-index) * 100%));transition:transform var(--segment-motion);border-radius:6px;position:absolute;top:2px;bottom:2px;left:2px;box-shadow:inset 0 1px #ffffff40,0 1px 3px #0032782e}.segmented-control-ink{grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));pointer-events:none;transition:clip-path var(--segment-motion);display:grid;position:absolute;inset:2px}.segmented-control-ink .segmented-control-option{color:#fff}.segmented-control [hidden]{display:none}@media (prefers-reduced-motion:reduce){.segmented-control-highlight,.segmented-control-ink{transition:none}}