.heat-map {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

.heat-map__svg {
	display: block;
	width: 100%;
	height: auto;
	overflow: visible;
}

.heat-map__dot {
	transform-box: fill-box;
}

.heat-map__city-core {
	fill: var(--heat-map-hot, #7af4e6);
	stroke: #05060f;
	stroke-width: 1.5;
}

.heat-map__city-label-pill {
	fill: var(--heat-map-label-bg, #050927);
	stroke: var(--heat-map-label-border, #16385a);
	stroke-width: 1;
}

.heat-map__city-label-text {
	fill: var(--heat-map-label-text, #eaf6ff);
	font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.02em;
}