.ui-autocomplete {
  z-index: 1001 !important;
}

.leaflet-container a {
  color: var(--bs-primary) !important;
}

.leaflet-bar a {
  background-color: var(--bs-primary) !important;
  text-decoration: none !important;
  color: var(--bs-white) !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: var(--bs-primary) !important;
  color: var(--bs-white) !important;
}

.leaflet-container a.leaflet-popup-close-button {
  color: var(--bs-white) !important;
}

#mePin {
  fill: var(--bs-primary) !important;
}

#mePin .ring_outer {
  fill: var(--bs-primary) !important;
  animation: opacityPulse 2s cubic-bezier(1, 0.14, 1, 1);
  animation-iteration-count: infinite;
  opacity: 0.5;
}

#mePin .ring_inner {
  fill: var(--bs-primary) !important;
  animation: opacityPulse 2s cubic-bezier(0.4, 0.74, 0.56, 0.82);
  animation-iteration-count: infinite;
  opacity: 0.8;
}

@keyframes opacityPulse {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    transform: translate3d(0, 5px, 0);
  }

  75% {
    transform: translate3d(0, -3px, 0);
  }

  90% {
    transform: translate3d(0, 5px, 0);
  }

  to {
    transform: none;
  }
}