@keyframes shimmer {
  0% {
    background-position: -468px 0;
  }
  to {
    background-position: 468px 0;
  }
}

.Skeleton {
  background: linear-gradient(90deg, var(--skeleton-bg-1) 8%, var(--skeleton-bg-2) 18%, var(--skeleton-bg-1) 33%);
  background-size: 800px 104px;
  animation: 1.25s linear infinite forwards shimmer;
}

.Skeleton--r-sm {
  border-radius: 2px;
}

.Skeleton--r-md {
  border-radius: 6px;
}

.Skeleton--r-xl {
  border-radius: 32px;
}