g[id^="map-group-"] rect[id^="map-point-"] {
	fill: transparent;
	transform-box: fill-box;
	transform-origin: center;
	pointer-events: all;
	transition: 
		transform 0.2s ease,
		fill 0.2s ease;
}
g[id^="map-group-"] text[id^="map-text-"] {
	fill: transparent;
	pointer-events: none;
	transition: fill 0.2s ease;
}
svg#map path[id^="map-local-"] { pointer-events: all; }
g[id^="map-group-"]:hover rect[id^="map-point-"],
g[id^="map-group-"].clicked rect[id^="map-point-"] {
	fill: cornflowerblue;
	transform: scale(1.4);
}
g[id^="map-group-"]:hover text[id^="map-text-"],
g[id^="map-group-"].clicked text[id^="map-text-"] {
	fill: white;
}
svg#map path[id^="map-local-"] {
    transition: 
        stroke 0.2s ease,
        stroke-width 0.2s ease;
}
svg#map:has(g#map-group-1:hover, g#map-group-1.clicked) #map-local-1,
svg#map:has(g#map-group-2:hover, g#map-group-2.clicked) #map-local-1,
svg#map:has(g#map-group-3:hover, g#map-group-3.clicked) #map-local-2,
svg#map:has(g#map-group-4:hover, g#map-group-4.clicked) #map-local-2,
svg#map:has(g#map-group-5:hover, g#map-group-5.clicked) #map-local-3,
svg#map:has(g#map-group-6:hover, g#map-group-6.clicked) #map-local-4,
svg#map:has(g#map-group-7:hover, g#map-group-7.clicked) #map-local-5,
svg#map:has(g#map-group-8:hover, g#map-group-8.clicked) #map-local-8,
svg#map:has(g#map-group-9:hover, g#map-group-9.clicked) #map-local-7,
svg#map:has(g#map-group-10:hover, g#map-group-10.clicked) #map-local-6,
svg#map path[id^="map-local-"]:hover {
    stroke-width: 1.5;
    stroke: white; 
}