.jet-map-box {
	.jet-map-close {
		position: absolute;
		right: 0;
		top: 0;
		cursor: pointer;
		z-index: 9999;
	}
}

.jet-map-marker {
	font-size: 40px;
	cursor: pointer;

	&.is-svg-icon {
		display: inline-flex;

		.e-font-icon-svg {
			fill: currentColor;
		}

		svg {
			width: 1em;
			height: 1em;
		}
		img {
			width: 1em;
			height: auto;
		}
	}
}

.jet-map-box {
	.popup-has-pin & {
		&:after {
			content: '';
			position: absolute;
			top: 100%;
			width: 0;
			height: 0;
			border-style: solid;
			left: 50%;
			margin: 0 0 0 -10px;
			border-width: 10px 10px 0 10px;
			border-color: transparent;
			border-top-color: #fff;
		}
	}
	.jet-map-preloader {
		width: 100%;
		padding: 20px 0;
		box-sizing: border-box;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
		.jet-map-loader {
			display: block;
			width: 24px;
			height: 24px;
			margin: 0 auto;
			border: 3px solid currentColor;
			border-top-color: transparent;
			border-radius: 50%;
			animation: jet-engine-map-spin 1s infinite linear;
		}
	}
}

.jet-map-marker-wrap {
	padding: 5px;
	position: relative;
	margin: 0 0 10px;
	background: #fff;
	z-index: 999;
	cursor: pointer;
	text-align: center;
	&:after {
		content: '';
		position: absolute;
		top: 100%;
		width: 0;
		height: 0;
		border-style: solid;
		left: 50%;
		margin: 0 0 0 -10px;
		border-width: 10px 10px 0 10px;
		border-color: transparent;
		border-top-color: #fff;
	}
}

.jet-map-listing {
	.gm-svpc {
		img {
			max-width: none;
		}
	}
}

@keyframes jet-engine-map-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(359deg);
	}
}
