/* Minimal jVectorMap CSS */
.jvectormap-container { position: relative; width: 100%; height: 100%; touch-action: manipulation; }
.jvectormap-zoomin, .jvectormap-zoomout {
  position: absolute; left: 10px; width: 18px; height: 18px; line-height: 18px; text-align: center;
  border-radius: 3px; background: rgba(0,0,0,0.6); color: #fff; cursor: pointer; user-select: none;
  font: 12px/18px Arial, sans-serif;
}
.jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; }
.jvectormap-tip {
  position: absolute; display: none; padding: 6px 8px; background: rgba(0,0,0,0.8); color: #fff;
  border-radius: 4px; font: 12px/1.2 Arial, sans-serif; pointer-events: none; z-index: 9999; max-width: 240px; white-space: nowrap;
}
#world-map { width: 100%; height: 480px; }
@media (max-width: 640px) { #world-map { height: 360px; } }