.tabs button { transition: box-shadow .2s ease, border-color .2s ease; }
.tabs button[aria-selected=true] {
  background: linear-gradient(110deg,var(--chip-a) 0%,var(--chip-b) 48%,var(--chip-a) 100%);
  background-size:220% 100%;
  animation:cc-chip-flow 5s ease-in-out infinite alternate;
  color:#fff;border-color:transparent;
  box-shadow:0 4px 12px color-mix(in srgb,var(--chip-a) 22%,transparent),inset 0 1px 0 #ffffff4d;
}
[data-rest] .tabs button[aria-selected=true] { animation-play-state: paused; }
.tabs button:hover { border-color:var(--chip-a); }
.tabs button:focus-visible { outline:3px solid #2563eb;outline-offset:2px; }
@media(prefers-reduced-motion:reduce){.tabs button{animation:none!important;transition:none}}