/* Notification animations */
.notification {
  opacity: 0;
  transform: translateY(1rem);
  transition:
    opacity 300ms ease-out,
    transform 300ms ease-out;
}

.notification.translate-y-0 {
  opacity: 1;
  transform: translateY(0);
}

.notification.translate-y-2 {
  opacity: 0;
  transform: translateY(1rem);
}