/* ATTACK SECURITY WEB PANEL - ANIMATIONS STYLESHEET */

@keyframes goldPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(229, 193, 88, 0.4);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(229, 193, 88, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(229, 193, 88, 0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

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

.fade-in {
  animation: fadeIn 0.35s ease forwards;
}

.gold-pulse-btn {
  animation: goldPulse 2s infinite;
}

.skeleton-loading {
  background: linear-gradient(90deg, #181820 25%, #252532 50%, #181820 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: var(--radius-sm);
}