/* ShinyText (React Bits) — CSS/vanilla port */
.shiny-text {
  display: inline-block;
  background-image: linear-gradient(
    120deg,
    var(--shiny-color, #fdb714) 0%,
    var(--shiny-color, #fdb714) 35%,
    var(--shiny-shine, #fff8e0) 50%,
    var(--shiny-color, #fdb714) 65%,
    var(--shiny-color, #fdb714) 100%
  );
  background-size: 200% auto;
  background-position: 150% center;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  animation: shiny-text-sweep var(--shiny-speed, 2.4s) linear infinite;
}

.shiny-text--paused,
.shiny-text.shiny-text--pause-hover:hover {
  animation-play-state: paused;
}

@keyframes shiny-text-sweep {
  0% {
    background-position: 150% center;
  }
  70% {
    background-position: -50% center;
  }
  100% {
    background-position: -50% center;
  }
}

@media (prefers-reduced-motion: reduce) {
  .shiny-text {
    animation: none;
    background-position: 40% center;
  }
}