/* Start:/local/templates/.default/components/bitrix/news/.default/bitrix/news.list/.default/style.css?17873115205243*/
div.news-list {
	word-wrap: break-word;
}

div.news-list img.preview_picture {
	float: left;
	margin: 0 4px 6px 0;
}

.news-date-time {
	color: #486DAA;
}

/* Место под картинку карточки держится, даже если картинки нет. Пропорция 3:2 — самая
   частая у картинок анонса (на ve так снято 106 материалов из 144), в таком боксе они
   встают целиком, без обрезки. Шаблон рядом сверяется с этим же числом. */
.news_card-img-wrapper {
	width: 100%;
	aspect-ratio: 3/2;
	background-color: var(--bs-white);
	display: flex;
	overflow: hidden;
	position: relative;
}

.news_card-img-wrapper a {
	display: block;
	width: 100%;
	flex: 1;
}

/* Высоту обёртки задаёт пропорция, и отдавать её нельзя: карточка — колоночный флекс, а
   блоку текста в общем style.css задана height:100%. Он забирает всю высоту карточки себе,
   обёртка сжимается под него, и от пропорции ничего не остаётся — картинка обрезается
   сильнее, чем задумано. Поэтому обёртке запрещено сжиматься, а текст занимает остаток;
   дату внутри текста по-прежнему прижимает к низу её собственный margin-top: auto. */
.news_cards .news_card .news_card-img-wrapper {
	flex: 0 0 auto;
}

.news_cards .news_card .news_card-info {
	height: auto;
	flex: 1 1 auto;
}

/* Селектор длиннее, чем кажется нужным: общий style.css сайта задаёт .news_cards
   .news_card img фиксированную высоту и подключается позже этого файла, поэтому при
   равной специфичности побеждал бы он и картинка не заполняла бы отведённое место. */
.news_cards .news_card .news_card-img-wrapper img.news_card-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Картинку нельзя ни растянуть, ни обрезать без потерь: показываем её целиком по центру,
   а поле вокруг закрывает размытая копия той же картинки (адрес — в --news-card-backdrop). */
.news_cards .news_card .news_card-img-wrapper--fit a {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.news_cards .news_card .news_card-img-wrapper--fit::before {
	content: "";
	position: absolute;
	/* с запасом за края: размытие съедает края подложки внутрь */
	inset: -10%;
	background: var(--news-card-backdrop) center / cover no-repeat;
	filter: blur(16px) saturate(1.2);
	opacity: 0.55;
}

/* Мелкую картинку показывать пиксель-в-пиксель — значит оставить марку посреди карточки:
   исходник в 89px занял бы пятую часть ширины. Поэтому увеличиваем, но не больше чем вдвое,
   дальше уже видна нерезкость; ширину исходника шаблон передаёт в --news-card-img-width.
   Картинку крупнее карточки ограничение не задевает — её ужимает min() до ширины бокса. */
.news_cards .news_card .news_card-img-wrapper--fit img.news_card-img {
	width: min(100%, calc(var(--news-card-img-width) * 2));
	height: 100%;
	object-fit: contain;
}

.news_card-img-wrapper a.news_card-img-placeholder,
.news_card-img-wrapper a.news_card-img-placeholder:hover {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--opdev-gray-300);
	text-decoration: none;
	color: var(--opdev-gray-500, #6c757d);
	font-size: 0.875rem;
	padding: 1rem;
	cursor: default;
	overflow: hidden;
}

.news_cards .news_card .news_card-placeholder-logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	max-width: 40%;
	max-height: 40%;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.4;
}

/* Limit preview text with ellipsis */
.news_card-preview {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	/* Limit to 3 lines */
	line-clamp: 3;
	/* Standard property for compatibility */
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5;
	word-break: break-word;
	overflow-wrap: break-word;
}

/* Limit title to 2 lines with ellipsis */
.news_card-title {
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* Limit to 2 lines */
	line-clamp: 2;
	/* Standard property for compatibility */
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	word-break: break-word;
	max-height: calc(1.4em * 2);
	/* Fallback for older browsers */
}
/* End */
/* /local/templates/.default/components/bitrix/news/.default/bitrix/news.list/.default/style.css?17873115205243 */