/* Shared illustration system for the Explorer, State Lab, and Allocation Lab maps. */
body[data-page="explorer"] .map-wrap,
#stateLabMap,
.lab-map-stage {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 5px;
  background-color: #fbfcfb;
  background-image:
    linear-gradient(rgba(38, 54, 49, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(38, 54, 49, 0.045) 1px, transparent 1px);
  background-size: 38px 38px;
}

#districtMap,
#stateLabMap,
#labMap {
  overflow: hidden;
  aspect-ratio: 640 / 430;
}

.district-shape,
.state-map-district,
.lab-district-shape {
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.district-shape.assigned-d,
.state-map-district.dem,
.lab-district-shape.assigned-d {
  fill: #557fae;
}

.district-shape.assigned-r,
.state-map-district.rep,
.lab-district-shape.assigned-r {
  fill: #c96868;
}

.district-shape.is-flipped,
.state-map-district.is-flip,
.lab-district-shape.is-flipped {
  stroke: var(--gold);
  stroke-width: 6;
}

.district-map-label-group {
  pointer-events: none;
}

.district-map-number,
.district-map-vote-share {
  fill: #ffffff;
  stroke: rgba(18, 27, 31, 0.82);
  stroke-width: 3px;
  stroke-linejoin: round;
  paint-order: stroke fill;
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0;
}