void-skeleton {
  display: block;
  background: var(--void-color-bg-hover);
  border-radius: var(--void-radius-md);
  animation: void-skeleton-pulse 1.8s ease-in-out infinite;
}

@keyframes void-skeleton-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

/* Text variant — single line height */
void-skeleton[variant="text"] {
  height: 1em;
  width: 100%;
  border-radius: var(--void-radius-xs);
}

/* Circular variant */
void-skeleton[variant="circular"] {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--void-radius-full);
}

/* Rectangular variant */
void-skeleton[variant="rectangular"] {
  width: 100%;
  height: 6rem;
}