@charset "UTF-8";
/*Mod classes for .grid-news:
.has-big
.has-big.big-to-right
.without-images
.flow
.flow.single-row
*/
.grid-news, .grid-news .el {
		list-style: none;
		margin: 0;
		padding: 0;
}
.grid-news .el:before {
		display: none;
}
.grid-news {
		gap: var(--gap-inner);
		display: grid;
		grid-template-columns: 1fr;
		flex: 1 0 auto;
		width: 100%;
}
@media only screen and (min-width: 720px) {
		.grid-news.has-big {
				grid-template-columns: 1fr 1fr;
		}
		.grid-news.has-big .el:first-child {
				grid-row: 1/4;
		}
		.grid-news.has-big.big-to-right .el:first-child {
				grid-column: 2/3;
		}
		.grid-news.flow {
				grid-template-columns: repeat(2, 1fr);
		}
}
@media only screen and (min-width: 720px) and (max-width: 1099.99px) {
		.grid-news.flow.single-row li:nth-child(odd):last-child {
				display: none;
		}
}
@media only screen and (min-width: 1100px) {
		.grid-news.flow {
				grid-template-columns: repeat(3, 1fr);
		}
}
.grid-news .el {
		width: 100%;
		display: flex;
		flex-direction: column;
		container-type: inline-size;
		container-name: grid-news-li;
}
.grid-news .el > * {
		flex: 1 0 auto;
		width: 100%;
}
.news-link {
		user-select: none;
		text-align: left;
		white-space: normal;
		position: relative;
		background: var(--white);
		border: 1px solid var(--grey-light1) !important;
		border-radius: var(--radius);
		padding: 20px;
		text-decoration: none;
		color: var(--txt);
		font: 500 16px/1.21 var(--font);
		display: flex;
		flex-direction: column;
		gap: 12px;
}
.news-link:has(> img), .news-link:has(> svg) {
		padding-right: 120px;
		min-height: 124px;
}
.news-link > img, .news-link > svg {
		position: absolute;
		top: 0;
		right: 0;
		width: 100px;
		height: 75px;
		border-radius: 0 calc(var(--radius) - 1px) 0 var(--radius);
		object-position: center;
		background-color: var(--color1);
}
.news-link > img {
		object-fit: cover;
}
.news-link > svg {
		object-fit: contain;
		fill: var(--color2);
}
@container grid-news-li (min-width: 400px) {
		.news-link:has(> img), .news-link:has(> svg) {
				padding-right: 200px;
				min-height: 164px;
		}
		.news-link > img, .news-link > svg {
				width: 180px;
				height: 135px;
		}
}
.news-link .name {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		transition: color 0.4s ease;
}
.news-link:has(> img) .name {
		height: calc(1.21em * 3);
}
@media (pointer:fine) {
		.news-link:hover .name {
				color: var(--color3);
		}
}
.news-link .name a {
		color: var(--txt);
}
@media (pointer:fine) {
		.news-link .name a:hover {
				color: var(--color3);
		}
}
.grid-news.has-big .el:first-child .news-link {
		padding-right: 20px;
		flex-direction: column-reverse;
		justify-content: flex-end;
		font-size: 20px;
}
.grid-news.has-big .el:first-child .news-link:has(> img) {
		padding-top: 288px;
}
.grid-news.has-big .el:first-child .news-link > img {
		width: 100%;
		height: 268px;
		border-radius: calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;
}
.grid-news.has-big .el:first-child .news-link .name {
		-webkit-line-clamp: 4;
}
.grid-news.has-big .el:first-child .news-link:has(> img) .name {
		height: calc(1.21em * 4);
}
@container grid-news-li (min-width: 400px) {
		.grid-news.has-big .el:first-child .news-link:has(> img) {
				padding-top: 350px;
		}
		.grid-news.has-big .el:first-child .news-link > img {
				height: 330px;
		}
}
.grid-news.without-images {
		background: var(--white);
		border: 1px solid var(--grey-light1);
		border-radius: var(--radius);
		gap: 0;
}
.grid-news.without-images .el:not(:first-child) {
		border-top: 1px solid var(--grey-light1);
}
.grid-news.without-images .news-link {
		border: 0!important;
		background: none;
		border-radius: 0;
		min-height: 0;
		padding-right: 20px;
		font-weight: normal;
}
.grid-news.without-images .news-link > img, .grid-news.without-images .news-link .date {
		display: none;
}