/* Animations Styles */

/* Flash Messages Animations */
@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideUp {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100%);
  }
}

.flash-message {
  animation: slideDown 0.3s ease-out;
}

.flash-message.fade-out {
  animation: slideUp 0.3s ease-in forwards;
}

/* Map Section Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#selected-point-info {
  animation: fadeInUp 0.5s ease-out;
  transition: opacity 0.2s ease-in-out;
}

#selected-point-info.updating {
  opacity: 0.7;
}