/* static/pulsing.css */

.pulse-icon {
  width: 16px;
  height: 16px;
  background: rgba(0, 180, 0, 0.8); /* greenish pulse */
  border-radius: 50%;
  box-shadow: 0 0 0 rgba(0, 180, 0, 0.4);
  animation: pulse 1.4s ease-out infinite;
  display: none; /* start hidden */
  transform: translate(-8px, -8px); /* center the 16×16 circle on the lat/lng */
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 180, 0, 0.7);
  }
  50% {
    box-shadow: 0 0 0 12px rgba(0, 180, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 180, 0, 0);
  }
}