.hvl-zmap {
	position: relative;
	display: block;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px rgba(20, 22, 29, 0.08);
	font-family: var(--e-global-typography-text-font-family), sans-serif;
	line-height: 1.5;
}

.hvl-zmap iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	border: 0;
}

.hvl-zmap.hvl-zmap--locked iframe {
	pointer-events: none;
}

.hvl-zmap.hvl-zmap--locked.is-active iframe {
	pointer-events: auto;
}

.hvl-zmap--locked {
	cursor: pointer;
}

.hvl-zmap--locked.is-active {
	cursor: auto;
}

.hvl-zmap__flags {
	position: absolute;
	z-index: 2;
	top: 14px;
	right: 16px;
	display: inline-flex;
	gap: 6px;
	padding: 5px 6px;
	border-radius: 99px;
	box-shadow: 0 1px 3px rgba(20, 22, 29, 0.18);
}

.hvl-zmap__hint {
	position: absolute;
	z-index: 2;
	left: 14px;
	bottom: 12px;
	padding: 5px 10px;
	border-radius: 99px;
	font-size: 11.5px;
	font-weight: 600;
	letter-spacing: -0.01em;
	box-shadow: 0 1px 3px rgba(20, 22, 29, 0.18);
	transition: opacity 0.2s ease;
	pointer-events: none;
}

.hvl-zmap.is-active .hvl-zmap__hint {
	opacity: 0;
}