.mod-world-map {
  width: 100%;
}

.mod-world-map__title {
  margin: 0 0 1rem;
}

.mod-world-map__map {
  width: 100%;
  height: var(--mod-world-map-height);
  background-color: var(--mod-world-map-background-color, #fff);
}

.mod-world-map__map .svgMap-container,
.mod-world-map__map .svgMap-map-container,
.mod-world-map__map .svgMap-map-wrapper {
  height: 100%;
}

.mod-world-map__map .svgMap-map-wrapper {
  padding-top: 0;
  background: var(--mod-world-map-background-color, #fff);
}

.svgMap-tooltip,
.svgMap-persistent-tooltip {
  background: var(--mod-world-map-tooltip-background-color, #fff);
  color: var(--mod-world-map-tooltip-text-color, #111);
  border-bottom-color: var(--mod-world-map-tooltip-text-color, #111);
}

.svgMap-tooltip.svgMap-tooltip-flipped,
.svgMap-persistent-tooltip.svgMap-tooltip-flipped {
  border-top-color: var(--mod-world-map-tooltip-text-color, #111);
}

.svgMap-tooltip .svgMap-tooltip-pointer::after,
.svgMap-persistent-tooltip .svgMap-tooltip-pointer::after {
  background: var(--mod-world-map-tooltip-background-color, #fff);
  border-color: var(--mod-world-map-tooltip-text-color, #111);
}

.mod-world-map-tooltip__country {
  color: var(--mod-world-map-tooltip-text-color, #111);
  font-weight: 700;
}

.mod-world-map-tooltip__text {
  margin-top: .35rem;
  color: var(--mod-world-map-tooltip-text-color, #111);
  line-height: 1.45;
  white-space: pre-line;
}

.mod-world-map-country--no-tooltip {
  pointer-events: none;
}

@media (max-width: 767.98px) {
  .mod-world-map__map {
    height: var(--mod-world-map-mobile-height, var(--mod-world-map-height));
  }
}
