.google-map-container {
	position: relative;
}

.google-map-container img {
	max-width: none;
}

.google-map-container .gm-style-iw-d>div>h3:empty {
	display: none;
}

.wd-google-map-wrapper {
	z-index: 1;
}

.wd-google-map {
	position: absolute !important;
}

.wd-google-map-content-wrap {
	position: relative;
	display: flex;
	margin: 0 auto;
	padding: 50px 15px;
	width: 90%;
	height: 100%;
}

.wd-google-map-content {
	z-index: 2;
	margin-bottom: 0;
	padding: 30px;
	max-width: 300px;
	width: 100%;
	background-color: var(--bgcolor-white);
	box-shadow: 0 0 12px rgba(0, 0, 0, .22);
}

.map-mask-dark {
	background-color: #000;
}

.map-mask-dark .wd-google-map-wrapper {
	opacity: .6;
}

.map-mask-light {
	background-color: #fff;
}

.map-mask-light .wd-google-map-wrapper {
	opacity: .7;
}

.wd-map-placeholder {
	display: flex;
	overflow: hidden;
}

.wd-map-placeholder img {
	width: 100%;
	height: 100%;
	object-position: 50% 50%;
	object-fit: cover;
}

.wd-init-map {
	display: flex;
	align-items: center;
}

.wd-init-map svg {
	margin-top: -2px;
	margin-right: 10px;
	width: 25px;
	height: 25px;
}

.wd-init-map span {
	margin-top: 4px;
}

.google-map-container .wd-init-map-wrap {
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
}

.map-lazy-loading:not(.wd-map-inited) .wd-google-map-content-wrap {
	display: none;
}

.wd-map-inited .wd-map-placeholder, .wd-map-inited .wd-init-map-wrap {
	display: none;
}