/* Map marker animations and styles */

@keyframes dropIn {
  from {
    transform: translate(-50%, -200%) scale(0.3);
    opacity: 0;
  }
  to {
    transform: translate(-50%, -100%) scale(1);
    opacity: 1;
  }
}

@keyframes pulse {
  0%, 100% { 
    box-shadow: 0 0 0 0 rgba(234, 67, 53, 0.7);
  }
  50% { 
    box-shadow: 0 0 0 20px rgba(234, 67, 53, 0);
  }
}

.marker-appearing {
  animation: dropIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
  animation-fill-mode: backwards; /* Keep markers invisible during animation-delay */
}

.marker-active {
  /* Base state - no animation */
}

.marker-dimming {
  opacity: 0.5 !important;
  filter: grayscale(1);
  transition: all 0.4s ease-in-out;
}

.marker-removing {
  opacity: 0 !important;
  transform: translate(-50%, -100%) scale(0.5) !important;
  transition: all 0.3s ease-in;
}

.marker-pulse {
  animation: pulse 2s ease-in-out infinite;
}