.landing-ui-mediaservice-url-preview {
	background: #ffffff;
	display: flex;
	height: 100px;
	padding: 10px;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.15);
	transition: box-shadow 200ms ease;
	cursor: pointer;
}

.landing-ui-mediaservice-url-preview:hover {
	box-shadow: 0 8px 13px 0 rgba(0,0,0,0.15);
}

.landing-ui-mediaservice-url-preview-image {
	background-size: cover;
	flex-basis: 120px;
	flex-shrink: 0;
}

.landing-ui-mediaservice-url-preview-text {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	font-size: 13px;
	margin-left: 10px;
	line-height: 15px;
}

.landing-ui-mediaservice-url-preview-text-title {
	font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-bold, 700);
	margin-bottom: 8px;
}


.landing-ui-mediaservice-url-preview-map {
	background: url("/bitrix/images/landing/map_preview.png");
	background-repeat: no-repeat;
	background-size: cover;
	align-items: center;
	align-self: center;
	position: relative;
}

.landing-ui-mediaservice-url-preview-map::before {
	background: rgba(255, 255, 255, .4);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	z-index: 0;
}

.landing-ui-mediaservice-url-preview-map .landing-ui-mediaservice-url-preview-text {
	position: relative;
	flex-grow: 1;
	margin: 0;
	text-align: center;
	z-index: 301;
}

.landing-ui-mediaservice-url-preview-map .landing-ui-mediaservice-url-preview-text-title {
	margin-bottom: 0;
}