/* Notification Disappear Animation - Bounce + Fade Effect */

@keyframes notificationBounceFade {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-10px) scale(0.98);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
  }
}

.notification-exit {
  animation: notificationBounceFade 450ms cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  pointer-events: none;
}

/* Ensure notifications have proper transition setup */
.notification-message {
  transition: opacity 0.2s ease, transform 0.2s ease;
}