@charset "UTF-8";
.world-map {
  position: relative;
}
.world-map .map-modal {
  position: absolute;
  display: none;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: max-content;
  max-width: 22.5rem;
  padding: 1.5rem;
}
.world-map .map-modal.active {
  display: block;
}
.world-map .map-modal > img {
  margin-bottom: 1em;
}
.world-map .map-modal .close {
  background: transparent;
  border: none;
  color: #000;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5em;
}
.world-map .map-modal .close::before {
  content: "×";
  position: static;
  box-shadow: none;
  opacity: 1;
  font-size: 2em;
  line-height: 0;
}
.world-map .map-location[data-modal] {
  animation: pulse 2s infinite;
}
.world-map .map-location[data-modal]:nth-child(odd) {
  animation-delay: 0.15s;
}
.world-map .map-location[data-modal]:nth-child(even) {
  animation-delay: 0.25s;
}
.world-map .map-location[data-modal]:nth-child(3n) {
  animation-delay: 0.5s;
}
.world-map .map-location[data-modal]:nth-child(4n) {
  animation-delay: 0.75s;
}
.world-map .map-location[data-modal]:nth-child(5n) {
  animation-delay: 1s;
}
.world-map .map-location[data-modal]:nth-child(6n) {
  animation-delay: 1.25s;
}
.world-map .map-location[data-modal]:nth-child(7n) {
  animation-delay: 1.5s;
}
.world-map .map-location[data-modal]:hover {
  animation: grow 0.5s forwards;
  animation-delay: 0;
}
.world-map .map-location[data-modal].active {
  fill: #d85204;
  stroke: #d85204;
  animation: none;
  stroke-width: 1%;
}

@keyframes pulse {
  0% {
    stroke-opacity: 1;
    stroke-width: 0;
  }
  50% {
    stroke-opacity: 0;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 3%;
  }
}
@keyframes grow {
  0% {
    stroke-width: 0;
  }
  100% {
    stroke-width: 1%;
  }
}
/*# sourceMappingURL=world-map.css.map */