.segmented{background:var(--bg-sunken);border:1px solid var(--hairline-strong);border-radius:calc(var(--radius-md) + 4px);gap:4px;width:100%;max-width:100%;padding:4px;display:flex}.segmented__item{flex:1 1 0}.segmented--fill{width:100%;display:flex}.segmented--fill .segmented__item{overflow-wrap:anywhere;white-space:normal;flex:1;min-width:0;line-height:1.2}.segmented__item{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-family:var(--font-body);min-height:46px;transition:background var(--dur-mid) var(--ease-reveal), border-color var(--dur-mid) var(--ease-reveal), color var(--dur-fast) var(--ease-reveal);white-space:nowrap;background:0 0;border:1px solid #0000;padding-inline:18px;font-size:1.02rem;font-weight:650;position:relative}@media (hover:hover) and (pointer:fine){.segmented__item:hover{background:var(--hairline-faint);color:var(--text)}}.segmented__item[data-state=on]{background:var(--surface-4);border-color:var(--hairline-strong);color:var(--text);box-shadow:inset 0 1px #ffffff0f,0 4px 14px #00000038}:root[data-theme=light] .segmented__item[data-state=on]{background:#fff;box-shadow:0 2px 8px #10224624}@media (width<=1279px){.segmented__item{min-height:44px;padding-inline:14px;font-size:.98rem}}.segmented__item:focus-visible{box-shadow:var(--glow-ring);z-index:1;outline:none}.segmented__item:after{background-image:var(--sweep-ring);border-radius:inherit;content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-reveal);background-size:200%;padding:1px;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.segmented__item:focus-visible:after{opacity:1}@media (hover:hover) and (pointer:fine){.segmented__item:hover:after{opacity:1}}:root:not([data-motion-tier="0"]) .segmented__item:focus-visible:after{animation:2.2s linear infinite aurora-sweep}@media (hover:hover) and (pointer:fine){:root:not([data-motion-tier="0"]) .segmented__item:hover:after{animation:2.2s linear infinite aurora-sweep}}.tabs-root{display:contents}.tabs-scroll{transition:-webkit-mask-image var(--dur-fast) var(--ease-reveal);transition:mask-image var(--dur-fast) var(--ease-reveal);-webkit-mask-image:linear-gradient(90deg,#000 0% 100%);mask-image:linear-gradient(90deg,#000 0% 100%)}.tabs-scroll[data-edge=start]{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 24px 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 24px 100%)}.tabs-scroll[data-edge=end]{-webkit-mask-image:linear-gradient(90deg,#000 0% calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0% calc(100% - 24px),#0000 100%)}.tabs-scroll[data-edge=both]{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 24px calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 24px calc(100% - 24px),#0000 100%)}.tabs{border-bottom:1px solid var(--hairline-strong);scroll-behavior:smooth;scrollbar-width:none;flex-wrap:nowrap;gap:2px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tabs__tab{color:var(--text-muted);min-width:max-content;min-height:54px;transition:color var(--dur-fast) var(--ease-reveal);white-space:nowrap;flex:1 1 0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:1.06rem;font-weight:650;display:inline-flex;position:relative}.tabs__tab[aria-selected=true]{color:var(--text)}@media (hover:hover) and (pointer:fine){.tabs__tab:hover{color:var(--text)}}.tabs__tab[aria-selected=true]:after{background:var(--sweep);content:"";background-size:300% 100%;border-radius:3px 3px 0 0;height:3px;animation:6s linear infinite kit-sweep;position:absolute;bottom:-1px;left:10px;right:10px}.tabs__tab:before{background-image:var(--sweep-ring);border-radius:var(--radius-md);content:"";-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity var(--dur-fast) var(--ease-reveal);background-size:200%;padding:1px;position:absolute;inset:6px 4px;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.tabs__tab:focus-visible:before{opacity:1}@media (hover:hover) and (pointer:fine){.tabs__tab:hover:before{opacity:1}}:root:not([data-motion-tier="0"]) .tabs__tab:focus-visible:before{animation:2.2s linear infinite aurora-sweep}@media (hover:hover) and (pointer:fine){:root:not([data-motion-tier="0"]) .tabs__tab:hover:before{animation:2.2s linear infinite aurora-sweep}}@media (width<=1279px){.tabs__tab{min-height:50px;padding:0 14px;font-size:1rem}}.tabs__tab:focus-visible{box-shadow:var(--glow-ring);outline:none}.tabs__count{background:var(--surface-3);border:1px solid var(--hairline-strong);color:var(--text);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:22px;min-height:22px;margin-left:8px;padding:0 7px;font-size:.76rem;font-weight:700;display:inline-flex}.tabs__tab[data-tone],.seg button[data-tone]{transition:background var(--dur-mid) var(--ease-reveal), color var(--dur-fast) var(--ease-reveal)}.tabs__tab[data-tone]{border-radius:var(--radius-md) var(--radius-md) 0 0}.tabs__tab[data-tone=ok],.seg button[data-tone=ok]{background:var(--ok-soft)}.tabs__tab[data-tone=warn],.seg button[data-tone=warn]{background:var(--warn-soft)}.tabs__tab[data-tone=bad],.seg button[data-tone=bad]{background:var(--danger-soft)}.seg button[data-tone=ok][aria-selected=true]{background:color-mix(in srgb, var(--ok) 26%, var(--surface-4))}.seg button[data-tone=warn][aria-selected=true]{background:color-mix(in srgb, var(--warn) 26%, var(--surface-4))}:root[data-theme=light] .seg button[data-tone=ok][aria-selected=true]{background:color-mix(in srgb, var(--ok) 16%, #fff)}:root[data-theme=light] .seg button[data-tone=warn][aria-selected=true]{background:color-mix(in srgb, var(--warn) 16%, #fff)}
