.segmented{background:var(--tile-sunk);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;flex-shrink:0;padding:2px;display:inline-flex;position:relative}.segment{z-index:1;height:30px;font-size:var(--text-xs);color:var(--ink-2);white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:999px;place-items:center;padding:0 14px;font-weight:500;line-height:1;transition:color .25s;display:grid;position:relative}.segment:before{content:"";position:absolute;inset:-7px 0}.segment:focus-visible{outline-offset:-2px}.segment.is-on{color:var(--ink);font-weight:600}.segment-thumb{width:var(--w,0);background:var(--glass-lens);box-shadow:var(--glass-lens-shadow), 0 0 0 .5px var(--glass-border);transform:translateX(var(--x,0));border-radius:999px;position:absolute;top:2px;bottom:2px;left:2px}.segment-thumb[data-glide]{transition:transform .45s var(--ease-out), width .45s var(--ease-out)}.segment-label{flex-direction:column;align-items:center;display:inline-flex;position:relative}.segment-label:after{content:attr(data-label);visibility:hidden;pointer-events:none;height:0;font-weight:600;overflow:hidden}@media (hover:hover) and (pointer:fine){.segment:not(.is-on):hover{color:var(--ink)}}.segmented-scroll{scrollbar-width:none;min-width:0;max-width:100%;margin:-8px -2px;padding:8px 2px;overflow-x:auto}.segmented-scroll[data-overflow]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000);mask-image:linear-gradient(90deg,#0000,#000 14px calc(100% - 14px),#0000)}.segmented-scroll::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.segment-thumb[data-glide]{transition:none}}