.segmented{--segmented-gap:4px;grid-template-columns:repeat(var(--segmented-count), minmax(0, 1fr));padding:var(--segmented-gap);border-radius:var(--radius-pill);background:var(--surface);isolation:isolate;display:grid;position:relative;box-shadow:inset 0 0 0 1px #1f1c1a0f}.segmented:before{content:"";z-index:-1;top:var(--segmented-gap);bottom:var(--segmented-gap);left:var(--segmented-gap);width:calc((100% - 2 * var(--segmented-gap)) / var(--segmented-count));border-radius:var(--radius-pill);background:var(--ink);opacity:0;transform:translateX(calc(var(--segmented-index) * 100%));transition:transform .32s var(--ease-motion), opacity var(--dur-lift) var(--ease-motion);position:absolute}.segmented[data-selected=true]:before{opacity:1}.segmented__option{min-width:0;position:relative}.segmented__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.segmented__text{border-radius:var(--radius-pill);height:100%;min-height:44px;font-family:var(--sans);color:var(--muted);text-align:center;cursor:pointer;transition:color var(--dur-lift) var(--ease-motion);justify-content:center;align-items:center;padding:6px 12px;font-size:.9375rem;font-weight:500;line-height:1.2;display:flex}@media (hover:hover){.segmented__input:not(:checked)+.segmented__text:hover{color:var(--ink)}}.segmented__input:checked+.segmented__text{color:var(--ground)}.segmented__input:focus-visible+.segmented__text{outline:1px solid var(--focus);outline-offset:1px}