/* API SVG Map styles */
.api-svg-map-wrapper { position: relative; max-width: 100%; }
.api-svg-map-figure { position: relative; }
.api-svg-map-svg { width: 100%; height: auto; display: block; }
.api-svg-map-svg .api-region { cursor: pointer; transition: opacity .15s ease; }
.api-svg-map-svg .api-region:hover { opacity: .85; outline: none; }
.api-svg-map-svg .api-nodata { fill: #eeeeee; stroke: #cccccc; }

.api-svg-map-tooltip {
  position: absolute;
  pointer-events: none;
  padding: 8px 10px;
  background: rgba(0,0,0,.85);
  color: #fff;
  font-size: 12px;
  border-radius: 6px;
  opacity: 0;
  transform: translate(-50%, -120%);
  white-space: nowrap;
  z-index: 5;
}
.api-svg-map-tooltip.show { opacity: 1; }

.api-svg-map-legend { margin-top: 8px; }
.api-svg-map-legend-list { display:flex; flex-wrap:wrap; gap:8px 16px; }
.api-svg-map-legend-item { display:flex; align-items:center; gap:8px; font-size: 13px; }
.api-svg-map-legend-item .swatch { width: 14px; height: 14px; display:inline-block; border-radius: 3px; border: 1px solid rgba(0,0,0,.1); }

.api-svg-table table { width: 100%; border-collapse: collapse; }
.api-svg-table th, .api-svg-table td { padding: 6px 8px; border-bottom: 1px solid #eaeaea; text-align: left; }