#nmap svg g[data-type="map"] path {
    cursor: pointer;
    transition: 0.1s ease-out;
}

#nmap svg g[data-type="map"] g[data-production-category="1"] {
    color: #09c9c9;
}
#nmap svg g[data-type="map"] g[data-production-category="5"] {
    color: #18a8a8;
}
#nmap svg g[data-type="map"] g[data-production-category="12"] {
    color: #169099;
}
#nmap svg g[data-type="map"] g[data-production-category="100"] {
    color: #084c51;
}
#nmap svg g[data-type="map"] > g:has(path:hover) {
  color: #cdcdcd;
}

#nmap svg g[data-type="marks"] {
  pointer-events: none;
}
#nmap svg g[data-type="marks"] path {
  filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.3));
}

.region-tooltip {
  position: absolute;
  display: none;
  background: rgba(255, 255, 255, 0.9);
  padding: 1.5rem 1rem;
  line-height: 1.5;
  pointer-events: none;
  z-index: 1000;
  width: 310px;
  min-height: 142px;
  padding: 20px;
}

.region-tooltip__title {
  color: #579999;
  font-size: 18px;
  font-width: 800;
  margin-bottom: 15px;
}

.region-tooltip__text .percentages {
  color: #579999;
}

.item-value {
  display: flex;
  justify-content: space-between;
  align-items: center;
}