.seg{background:var(--pill);scrollbar-width:none;max-width:100%;height:var(--ctl,auto);border-radius:999px;flex:none;padding:3px;display:inline-flex;position:relative;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{z-index:1;appearance:none;min-height:calc(var(--ctl,38px) - 6px);font:600 14px/1 var(--font);letter-spacing:-.005em;white-space:nowrap;color:var(--muted);cursor:pointer;transition:color .25s var(--ease);background:0 0;border:0;border-radius:999px;flex:none;margin:0;padding:0 14px;position:relative}.seg button[aria-pressed=true],.seg button[aria-selected=true]{color:var(--fg)}@media (hover:hover) and (pointer:fine){.seg button:hover:not(:disabled){color:var(--fg)}}.seg button:disabled{opacity:.35;cursor:default}.seg button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:-2px}.seg-pill{isolation:isolate;background:var(--glass-quiet-sheen), var(--seg-glass);box-shadow:var(--glass-quiet-edge);transition:transform var(--dur) var(--ease), width var(--dur) var(--ease), opacity .22s var(--ease);border-radius:999px;position:absolute;top:3px;bottom:3px;left:0}.seg-pill.instant{transition:none}.seg-pill:after{content:"";border-radius:inherit;background:var(--glass-quiet-ring);-webkit-mask-composite:xor;opacity:var(--glass-quiet-rim);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}:root{--seg-glass:var(--glass-quiet)}@media (prefers-color-scheme:dark){:root:where(:root:not([data-theme=light]),:root:not([data-theme=light]) *){--seg-glass:color-mix(in srgb, var(--fg) 12%, transparent)}}:root:where(:root[data-theme=dark],:root[data-theme=dark] *){--seg-glass:color-mix(in srgb, var(--fg) 12%, transparent)}.seg:has(>.seg-pill:not([style]))>button:is([aria-pressed=true],[aria-selected=true]){background:var(--glass-quiet-sheen), var(--seg-glass);box-shadow:var(--glass-quiet-edge)}.seg-pill.none{opacity:0}@media (prefers-reduced-motion:reduce){.seg-pill{transition:none}}