/* =========================================
   SKELETON LOADING TILES
   ========================================= */

.skeleton-tile {
  display: block;
  background: linear-gradient(
    110deg,
    #eeebe7 30%,
    #f5f2ee 50%,
    #eeebe7 70%
  );
  background-size: 200% 100%;
  animation: shimmer 1.5s ease-in-out infinite;
  aspect-ratio: 3 / 4;
  border-radius: var(--radius-sm, 8px);
}

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