/* skeleton.css */
.skeleton {
  background-color: #e2e8f0;  /* Tailwind's gray-300 */
  border-radius: 0.25rem;     /* Tailwind's rounded */
  position: relative;
  overflow: hidden;
}

.skeleton::after {
  content: '';
  display: block;
  position: absolute;
  top: 0; left: -150px;
  height: 100%;
  width: 150px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  animation: pulse 1.5s infinite;
}

@keyframes pulse {
  0% {
    left: -150px;
  }
  100% {
    left: 100%;
  }
}