/* Winston V3 — skeleton loader. */

.skel {
  background: linear-gradient(
    90deg,
    var(--surface-2) 0%,
    var(--surface-3) 50%,
    var(--surface-2) 100%
  );
  background-size: 200% 100%;
  border-radius: var(--radius-sm);
  animation: skel-shimmer 1.8s infinite linear;
  display: inline-block;
}
@keyframes skel-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.skel-line { display: block; height: 14px; margin: 6px 0; }
.skel-hero { display: block; height: 56px; width: 320px; max-width: 80%; }