.seg{border:1px solid var(--line);border-radius:var(--pill);background:var(--surface);padding:4px;display:inline-flex;position:relative}.seg button{z-index:1;border-radius:var(--pill);height:32px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding-inline:14px;font-size:12.5px;font-weight:600;transition:color .25s;position:relative}.seg button.on{color:var(--on-ink)}.seg button:disabled{opacity:.45;cursor:not-allowed}.seg .thumb{border-radius:var(--pill);background:var(--ink);transition:inset-inline-start .4s var(--spring),width .4s var(--spring);z-index:0;position:absolute;inset-block:4px}.seg:not(.ready) .thumb,html.static .seg .thumb{transition:none}@media (pointer:coarse){.seg button{min-block-size:var(--touch-target);height:auto}}