.ce-seg{position:relative;display:inline-flex;align-items:center;background:color-mix(in oklch,var(--muted) 60%,transparent);border:1px solid var(--border);border-radius:10px;padding:4px;gap:2px}.ce-seg--fluid{display:flex;width:100%}.ce-seg--fluid .ce-seg__opt{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis}.ce-seg__pill{position:absolute;top:4px;bottom:4px;border-radius:7px;background:var(--primary);box-shadow:0 1px 2px color-mix(in oklch,var(--primary) 22%,transparent);transition:left .26s var(--ease-out),width .26s var(--ease-out),opacity .16s ease-out;pointer-events:none;z-index:0}.ce-seg__opt{position:relative;z-index:1;flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;cursor:pointer;font-family:inherit;font-weight:600;color:var(--muted-foreground);transition:color .2s ease-out}.ce-seg__opt:hover:not(.ce-seg__opt--active){color:var(--foreground)}.ce-seg__opt--active{color:var(--primary-foreground);font-weight:700}.ce-seg__opt:focus-visible{outline:none;box-shadow:0 0 0 2px var(--background),0 0 0 4px color-mix(in oklch,var(--primary) 55%,transparent)}.ce-tabs{position:relative;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;touch-action:pan-x;overscroll-behavior-x:contain}.ce-tabs::-webkit-scrollbar{display:none}.ce-tabs__row{position:relative;display:flex;min-width:100%}.ce-tabs--wrap{overflow:visible;touch-action:auto;overscroll-behavior-x:auto}.ce-tabs--wrap .ce-tabs__row{flex-wrap:wrap;row-gap:2px}.ce-tabs__hover{position:absolute;border-radius:8px;background:color-mix(in oklch,var(--muted-foreground) 14%,transparent);transition:left .28s var(--ease-out),top .28s var(--ease-out),width .28s var(--ease-out),opacity .18s ease-out;pointer-events:none;z-index:0}.ce-tabs__underline{height:2px;transition:left .28s var(--ease-out),top .28s var(--ease-out),width .28s var(--ease-out),opacity .18s ease-out;z-index:1}.ce-tabs__glow,.ce-tabs__underline{position:absolute;border-radius:99px;background:var(--primary);pointer-events:none}.ce-tabs__glow{height:8px;filter:blur(7px);opacity:0;transition:left .28s var(--ease-out),top .28s var(--ease-out),width .28s var(--ease-out),opacity .2s ease-out;z-index:0}.dark .ce-tabs__glow{opacity:.45}.ce-tabs__tab{position:relative;z-index:2;flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;white-space:nowrap;cursor:pointer;font-family:inherit;font-weight:600;color:var(--muted-foreground);display:inline-flex;align-items:center;gap:6px;transition:color .28s ease-out}.ce-tabs__tab:hover:not(.ce-tabs__tab--active):not(:disabled){color:var(--foreground)}.ce-tabs__tab--active{color:var(--primary);font-weight:700}.ce-tabs__tab:disabled{cursor:not-allowed}.ce-tabs__tab:focus-visible{outline:none;border-radius:8px;box-shadow:inset 0 0 0 2px color-mix(in oklch,var(--primary) 55%,transparent)}.ce-tabs__livedot{width:6px;height:6px;border-radius:99px;background:#ef4444;box-shadow:0 0 0 0 color-mix(in oklch,#ef4444 60%,transparent);animation:ce-segtabs-pulse 1.6s ease-in-out infinite}@keyframes ce-segtabs-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 color-mix(in oklch,#ef4444 55%,transparent)}50%{opacity:.55;box-shadow:0 0 0 3px color-mix(in oklch,#ef4444 0%,transparent)}}.ce-tabs__badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;border-radius:99px;font-size:10px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;background:color-mix(in oklch,var(--muted-foreground) 16%,transparent);color:var(--muted-foreground)}.ce-tabs__tab--active .ce-tabs__badge{background:color-mix(in oklch,var(--primary) 18%,transparent);color:var(--primary)}@media (prefers-reduced-motion:reduce){.ce-seg__pill,.ce-tabs__glow,.ce-tabs__hover,.ce-tabs__underline{transition:opacity .12s ease-out}.ce-tabs__glow,.ce-tabs__hover,.ce-tabs__underline{transition-property:opacity}.ce-tabs__livedot{animation:none}}