.state-label-layer {
  pointer-events: none;
}
.map-shell .state-label {
  fill: #071521;
  stroke: #fff;
  stroke-width: 3px;
  paint-order: stroke fill;
  text-anchor: middle;
  font: 800 13px/1 system-ui, Segoe UI, sans-serif;
  letter-spacing: .02em;
  user-select: none;
}
.map-shell .state-label-small {
  font-size: 10px;
}
.map-shell .state-label-line {
  stroke: #17304a;
  stroke-width: 1.5px;
  vector-effect: non-scaling-stroke;
}
.map-shell .state-label-callout {
  pointer-events: all;
  cursor: pointer;
}
.map-shell .state-label-callout circle {
  fill: var(--callout-color, #65d8ff);
  stroke: #fff;
  stroke-width: 2px;
  vector-effect: non-scaling-stroke;
  transition: filter .15s ease, stroke-width .15s ease;
}
.map-shell .state-label-callout:hover circle,
.map-shell .state-label-callout:focus circle {
  filter: brightness(1.15) saturate(1.15);
  stroke: #071521;
  stroke-width: 3px;
}
.map-shell .state-label-callout:focus {
  outline: none;
}