.svg-map-tooltip {
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	position: absolute;
	z-index: 2;
	border-radius: 2px;
	background: #fff;
	transform: translate(-50%, -100%);
	border-bottom: 1px solid #000;
	display: none;
	pointer-events: none;
	min-width: 60px;
	&.svg-map-tooltip-flipped {
		transform: translate(-50%, 0);
		border-bottom: 0;
		border-top: 1px solid #000;
	}
	&.svg-map-active {
		display: block;
	}
	.svg-map-tooltip-content-container {
		position: relative;
		padding: 10px 20px;
		.svg-map-tooltip-flag-container {
			text-align: center;
			margin: 2px 0 5px;
			&.svg-map-tooltip-flag-container-emoji {
				font-size: 50px;
				line-height: 0;
				padding: 25px 0 15px;
			}
			.svg-map-tooltip-flag {
				display: block;
				margin: auto;
				width: auto;
				height: 32px;
				padding: 2px;
				border-radius: 2px;
			}
		}
	}
	.svg-map-tooltip-title {
		white-space: nowrap;
		font-size: 18px;
		line-height: 28px;
		padding: 0 0 8px;
		text-align: center;
	}
	.svg-map-tooltip-content {
		white-space: nowrap;
		font-size: 14px;
		color: $textColorLight;
		margin: -5px 0 0;
		table.svg-map-tooltip-content-table {
			padding: 0;
			border-spacing: 0px;
			margin: auto;
			td {
				padding: 2px 0;
				text-align: left;
				span {
					color: $textColor;
				}
				&:first-child {
					padding-right: 10px;
					text-align: right;
				}
				sup {
					vertical-align: baseline;
					position: relative;
					top: -5px;
				}
			}
		}
		.svg-map-tooltip-no-data {
			padding: 2px 0;
			color: $textColorLight;
			font-style: italic;
			text-align: center;
		}
	}
	.svg-map-tooltip-pointer {
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		overflow: hidden;
		height: 10px;
		width: 30px;
		&:after {
			content: '';
			width: 20px;
			height: 20px;
			background: #fff;
			border: 1px solid #000;
			position: absolute;
			bottom: 6px;
			left: 50%;
			transform: translateX(-50%) rotate(45deg);
		}
	}
	&.svg-map-tooltip-flipped {
		.svg-map-tooltip-pointer {
			bottom: auto;
			top: -10px;
			transform: translateX(-50%) scaleY(-1);
		}
	}
}