.hae-map-box {
  height: 400px;
}

.mapboxgl-popup-content .card {
  border: none;
  width: 200px;
}
.mapboxgl-popup-content .card-body {
  padding: 0;
}
.mapboxgl-popup-content .card-img-top {
  margin-bottom: 10px;
}
.mapboxgl-popup-content .card-title {
  margin-bottom: 5px;
}
.mapboxgl-popup-content .mapboxgl-popup-close-button {
  z-index: 1;
}

.hae-map-box-effect {
  --map-box-effect-color1: rgba(38, 38, 38, 0.3);
  --map-box-effect-color2: #666;
}
.hae-map-box-effect .mapboxgl-marker:before, .hae-map-box-effect .mapboxgl-marker:after {
  width: 200px;
  height: 200px;
  border: 2px solid #666;
  border-radius: 50%;
  background-clip: padding-box;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: hae-map-animationSignal linear 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  display: block;
  content: "";
}
.hae-map-box-effect .mapboxgl-marker:before {
  -webkit-box-shadow: inset 0 0 35px 10px var(--map-box-effect-color1);
  box-shadow: inset 0 0 35px 10px var(--map-box-effect-color1);
  border-color: rgba(38, 38, 38, 0.4);
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}
.hae-map-box-effect .mapboxgl-marker:after {
  -webkit-box-shadow: inset 0 0 35px 10px var(--map-box-effect-color2);
  box-shadow: inset 0 0 35px 10px var(--map-box-effect-color2);
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.hae-map-box-effect .mapboxgl-marker.no-image {
  left: 0;
  top: -15px;
  width: unset;
  height: unset;
}

@keyframes hae-map-animationSignal {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
    transform: translate(-50%, -50%) scale(0.3);
  }
  1% {
    -webkit-transform: translate(-50%, -50%) scale(0.32);
    transform: translate(-50%, -50%) scale(0.32);
    -webkit-opacity: 0.1;
    -moz-opacity: 0.1;
    opacity: 0.1;
  }
  20% {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
    -webkit-transform: translate(-50%, -50%) scale(0.45);
    transform: translate(-50%, -50%) scale(0.45);
  }
  60% {
    -webkit-transform: translate(-50%, -50%) scale(0.75);
    transform: translate(-50%, -50%) scale(0.75);
    -webkit-opacity: 0.35;
    -moz-opacity: 0.35;
    opacity: 0.35;
  }
}

/*# sourceMappingURL=mapbox.css.map */