@keyframes flash {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.flash-3x {
  animation: flash 0.4s ease-in-out 3;
}

@keyframes pop-in {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.animate-pop {
  animation: pop-in 0.4s ease-out;
}