@keyframes markerWave {
	0% {
		transform: scale(1);
		opacity: .8;
	}

	20% {
		opacity: .8;
	}

	100% {
		transform: scale(5.5);
		opacity: 0;
	}
}

.lqd-custom-map-marker,
.pixel-custom-map-marker {
	position: absolute;
	width: 18px;
	height: 18px;
	margin: -9px 0 0 -9px;
	border-radius: 50%;
	background-color: var(--color-primary, #f42958);
	transform-origin: center;
	z-index: 9999999;
	pointer-events: auto;
}

.lqd-custom-map-marker div,
.pixel-custom-map-marker div {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	opacity: 1;
	background-color: inherit;
	transform-origin: center;
	pointer-events: none;
}

.lqd-custom-map-marker > div:first-child,
.pixel-custom-map-marker > div:first-child {
	animation: markerWave 1.5s cubic-bezier(.4, 0, .2, 1) infinite forwards;
}

.lqd-custom-map-marker > div:first-child + div,
.pixel-custom-map-marker > div:first-child + div {
	animation: markerWave 1.5s .45s cubic-bezier(0, 0, .2, 1) infinite forwards;
}