svg#usa-map {
  width: 100%;
  height: auto;
  display: block;
}

.state-region {
  fill: #e2e2e2;
}

.state-region.active {
  fill: #46b9a6;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.state-region.active:hover {
  fill: #b1e0d8;
}

.state-label {
  font-size: 13px;
  font-weight: 600;
  fill: #3c3c3c;
  pointer-events: none;
  /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); */
}

.state-label.active {
  fill: #fff;
}

.small-state-label {
  font-size: 11px;
  fill: #2c3e50;
  font-weight: 700;
}

.connection-lines {
  stroke: #000;
  stroke-width: 1.2;
  opacity: 0.6;
}

.map-frame {
  fill: none;
  stroke: #7f8c8d;
  stroke-width: 2.5;
  opacity: 0.8;
}