@keyframes shimmer {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes popIn {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(18px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.site-card,
.group-card,
.metric-card,
.widget-card,
.hero-card,
.setting-card,
.sidebar-card,
.toast {
  animation: popIn 0.24s ease;
}

.toast {
  animation: slideInRight 0.22s ease;
}