:root{
	--default-state-color: #EB686C;
	--circle-state-color: #EB686C;
	--hover-state-color:var(--primary-color);
	--active-state-color:var(--primary-color-dark);
	--disabled-state-color:#5F0D0F;
	--state-text-color:#fff
}
.svg-map, .svg-map * {transition: var(--transition);}
.svg-map{width:460px;height:465px}
.svg-map path{fill:var(--default-state-color);stroke:#fff;stroke-width:1.0404;stroke-linecap:round;stroke-linejoin:round}
.svg-map text{fill:var(--state-text-color);font-size:12px;cursor:pointer}
.svg-map a:hover{cursor:pointer}
.svg-map a:hover path{fill:var(--hover-state-color)!important;}
.svg-map .circle{fill:var(--circle-state-color);color:#222}
.svg-map a:hover .circle{fill:var(--hover-state-color)!important;cursor:pointer}
.svg-map a[data-selected-state] path{fill:var(--active-state-color)}
.svg-map a[data-disabled-state]{pointer-events:none}
.svg-map a[data-disabled-state] path{fill:var(--disabled-state-color)}
@media screen and (max-width: 576px) {
	.svg-map{transform: scale(.65); margin-left: -30%;}
}