.svx{--svx-active:#000;--svx-idle:rgba(0,0,0,.4);display:inline-flex;align-items:center;gap:var(--tabs-gap);padding:var(--tabs-pad);border:1px solid var(--tabs-border);border-radius:calc(var(--tabs-h)/2 + var(--tabs-pad));background:var(--tabs-track)}@supports (corner-shape:squircle){.svx{corner-shape:squircle;border-radius:calc(var(--tabs-h)*.53 + var(--tabs-pad))}}.svx{position:relative;font-family:var(--font-sans)}.svx__pill{background:var(--tabs-knob);box-shadow:var(--tabs-knob-shadow);color:var(--ink);position:absolute;top:var(--tabs-pad);left:0;height:var(--tabs-h);border-radius:calc(var(--tabs-h)/2)}@supports (corner-shape:squircle){.svx__pill{corner-shape:squircle;border-radius:calc(var(--tabs-h)*.53)}}.svx__pill{transition:transform .3s,width .3s;will-change:transform,width;opacity:0}.svx__pill.is-ready{opacity:1}.svx__seg{display:inline-flex;align-items:center;justify-content:center;height:var(--tabs-h);padding:0 var(--tabs-px);border:0;border-radius:calc(var(--tabs-h)/2);font-size:var(--tabs-fs);font-weight:var(--tabs-fw);line-height:1;white-space:nowrap}@supports (corner-shape:squircle){.svx__seg{corner-shape:squircle;border-radius:calc(var(--tabs-h)*.53)}}.svx__seg{position:relative;z-index:1;gap:6px;background:transparent;color:var(--svx-idle);font-family:inherit;cursor:pointer;transition:color .3s}.svx__seg.is-active{color:var(--svx-active)}.svx__count{font-size:13px;font-weight:500;color:currentColor;opacity:.6;font-variant-numeric:tabular-nums}[data-theme=dark] .svx{--svx-active:#fff;--svx-idle:hsla(0,0%,100%,.4)}