/* SKELETON LOADING */
.skeleton {
  background: linear-gradient(90deg, #1a1a1a 25%, #2a2a2a 50%, #1a1a1a 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 8px;
  display: block;
}

@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.sk-text { height: 16px; margin-bottom: 8px; width: 80%; }
.sk-text-short { height: 16px; margin-bottom: 8px; width: 40%; }
.sk-card { height: 120px; width: 100%; margin-bottom: 16px; }
.sk-title { height: 28px; width: 60%; margin-bottom: 16px; }
.sk-circle { width: 40px; height: 40px; border-radius: 50%; }