.sc{grid-template-columns:repeat(var(--sc-n), minmax(0, 1fr));border:1px solid var(--color-ink);isolation:isolate;border-radius:2px;display:inline-grid;position:relative;overflow:hidden}.sc-block{width:calc(100% / var(--sc-n));background:var(--color-ink);transform:translateX(calc(100% * var(--sc-i)));transition:transform .4s var(--ease-out-quart);z-index:-1;position:absolute;top:0;bottom:0;left:0}.sc-seg{min-width:112px;color:var(--color-ink);cursor:pointer;white-space:nowrap;padding-inline:22px;font-size:14px;transition:color .3s}.sc-md .sc-seg{height:44px}.sc-sm .sc-seg{min-width:96px;height:34px;font-size:13px}.sc-seg[aria-selected=true]{color:var(--color-white)}.sc-panel{animation:sc-in .45s var(--ease-out-quart);margin-top:28px}@keyframes sc-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.sc-block,.sc-seg{transition:none}.sc-panel{animation:none}}