.icon-marker {
  --marker-icon-color: #ffffff;
  color: var(--marker-icon-color, #fff);
  transition: color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.icon-marker i {
  color: inherit;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}

.icon-marker.layer-hazards {
  border: 2px solid var(--marker-icon-color, #fff);
  border-radius: 50%;
  box-shadow: 0 0 18px rgba(0, 0, 0, 0.9), 0 0 30px rgba(119, 0, 0, 0.75);
  background: rgba(0, 0, 0, 0.25);
  animation: pulse 3s infinite ease-in-out;
}

@keyframes pulse {

  0%,
  100% {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.9), 0 0 2rem rgba(119, 0, 0, 0.75);
  }

  50% {
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 1), 0 0 3rem rgba(119, 0, 0, 0.95);
  }
}