/* Skeleton Base */
.skeleton {
  background: #eee;
  background: linear-gradient(110deg, #ececec 8%, #f5f5f5 18%, #ececec 33%);
  border-radius: 5px;
  background-size: 200% 100%;
  animation: 1.5s shine linear infinite;
}

@keyframes shine {
  to {
    background-position-x: -200%;
  }
}

/* Skeleton Layout Wrappers */
.skeleton-image {
  width: 100%;
  height: 400px;
  margin-bottom: 20px;
}

.skeleton-title {
  height: 40px;
  width: 80%;
  margin-bottom: 20px;
}

.skeleton-meta {
  height: 20px;
  width: 40%;
  margin-bottom: 30px;
}

.skeleton-text {
  height: 15px;
  width: 100%;
  margin-bottom: 12px;
}

.skeleton-text.short {
  width: 60%;
}

/* Specific to your sidebar */
.story-card-skeleton {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.skeleton-thumb {
  height: 160px;
  width: 100%;
  border-radius: 14px;
}