.skeleton {
  display: block;
  width: 100%;
  height: 16px;
  border-radius: var(--radius-pill);
  background: var(--color-surface);
  animation: pulse 1.2s ease-in-out infinite;
}

@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}

@media (prefers-reduced-motion: reduce) {
  .skeleton {
    animation: none;
  }
}