.seg-switch{background:color-mix(in oklab, var(--color-ink) 8%, transparent);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative;box-shadow:inset 0 1px #0000000f}.seg-switch:before{content:"";background:var(--color-honey);width:calc(50% - 4px);transition:transform .42s var(--ease-spring);border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:inset 0 -3px #0000002e,0 6px 14px -8px #0006}.seg-switch[data-active=right]:before{transform:translate(100%)}.seg-switch>button{z-index:1;min-height:2.5rem;font-family:var(--font-display);white-space:nowrap;color:var(--color-ink-soft);text-align:center;transition:color .25s var(--ease-out-soft);border-radius:999px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.9rem;font-weight:500;display:inline-flex;position:relative}.seg-switch>button[aria-checked=true]{color:var(--color-ink)}.seg-switch>button:focus-visible{outline:3px solid var(--color-teal);outline-offset:2px}@media (prefers-reduced-motion:reduce){.seg-switch:before{transition:none}}