/* Start:/bitrix/templates/zaborkin/components/bitrix/news.list/regions/style.css?17903508881399*/
.city-markers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 20px 0;
}

.city-marker {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	min-height: 42px;
	padding: 9px 16px;

	background: #f7f8f8;
	border: 1px solid #e4e7e5;
	border-radius: 8px;

	color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	text-decoration: none !important;

	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease,
		transform .2s ease,
		box-shadow .2s ease;
}

.city-marker__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;

	color: #159447;
}

.city-marker__icon svg {
	display: block;
	width: 16px;
	height: 20px;
}

.city-marker__name {
	display: block;
	white-space: nowrap;
}

/* Наведение */
.city-marker:hover {
	color: #159447;
	background: #f2fbf5;
	border-color: #159447;

	box-shadow: 0 4px 12px rgba(21, 148, 71, .10);
	transform: translateY(-2px);
}

/* Нажатие */
.city-marker:active {
	transform: translateY(0);
	box-shadow: none;
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 767px) {

	.city-markers {
		gap: 8px;
		margin: 15px 0;
	}

	.city-marker {
		min-height: 38px;
		padding: 8px 12px;
		gap: 7px;

		font-size: 13px;
		border-radius: 7px;
	}

	.city-marker__icon svg {
		width: 14px;
		height: 18px;
	}
}
/* End */
/* /bitrix/templates/zaborkin/components/bitrix/news.list/regions/style.css?17903508881399 */