.county-explorer { max-width: 100%; }
.county-map-label {
  color: #f8f6ee;
  font: 600 13px/1.45 "DM Sans", sans-serif;
  letter-spacing: .025em;
  min-height: 2.9em;
  max-width: 390px;
  margin-top: 8px;
}
.county-explorer .county { cursor: pointer; }
.county-explorer .county[aria-pressed="true"],
.county-explorer .county:focus-visible {
  fill: #edffab;
  stroke: #173c30;
  stroke-width: 1.6;
  outline: none;
  opacity: 1;
  animation: none;
}
@media (hover: hover) {
  .county-explorer .county:hover { fill: #edffab; }
}
.county-explorer .location-finish {
  pointer-events: none;
  animation: county-marker-in .24s ease-out 3.5s both;
}
@keyframes county-marker-in {
  from { opacity: 0; }
  to { opacity: 1; }
}
.motion-paused .county-explorer .county,
.motion-paused .county-explorer .location-finish,
.motion-paused .county-explorer .location-ring {
  animation: none;
}
.motion-paused .county-explorer .county,
.motion-paused .county-explorer .location-finish { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .county-explorer .location-finish { animation: none; opacity: 1; }
}
@media (max-width: 700px) {
  .county-map-label { text-align: center; }
}