/**
 * Skeleton Loader for Icon Grid
 * Matches real .mi-card styling exactly
 */

.mi-icon-skeleton {
  background: #F5F5F5;
  border: none;
  border-radius: 10px;
  padding: 16px 8px 12px;
  min-height: 120px;
  animation: skeleton-pulse 1.5s ease-in-out infinite;
}

/* Density variations */
.mi-grid.density-compact .mi-icon-skeleton {
  padding: 12px 8px 10px;
  min-height: 90px;
}

.mi-grid.density-detailed .mi-icon-skeleton {
  padding: 20px 12px 16px;
  min-height: 150px;
}