.root[data-text-shimmer] {
  background-image: linear-gradient(
    90deg,
    currentColor calc(50% - var(--dsh-text-shimmer-spread)),
    color-mix(in oklab, currentColor 50%, transparent),
    currentColor calc(50% + var(--dsh-text-shimmer-spread))
  );
  background-position: 100% center;
  background-repeat: no-repeat;
  background-size: 250% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: dsh-text-shimmer 1.5s cubic-bezier(0.33, 0, 0.67, 1) infinite;
}

@keyframes dsh-text-shimmer {
  66.6667%, 100% { background-position: 0% center; }
}

@media (prefers-reduced-motion: reduce) {
  .root[data-text-shimmer] {
    background-image: none;
    -webkit-text-fill-color: currentColor;
    animation: none;
  }
}