@layer old,common,page,component,overrides;

@layer component {
	._card_16uko_4 {
		grid-column-gap: 16px;
		-moz-column-gap: 16px;
		column-gap: 16px;
		display: grid;
		grid-template-columns: [poster-start] 182px [poster-end content-start date-start] 1fr [date-end icons-start] auto [icons-end content-end];
		grid-template-rows: [poster-start header-start] auto [header-end info-start] 24px [info-end poster-end];
		padding-right: 16px;
	}@	container (width <= 500px) {
		._card_16uko_4{-moz-column-gap: 12px;
		column-gap: 12px;
		grid-template-columns: [poster-start] 119px [poster-end content-start date-start] 1fr [date-end icons-start] auto [icons-end content-end];
		padding-right: 16px;
	}
}

@media (hover:hover) {
	._card_16uko_4[\:has\(\.header\:hover\)] ._poster_16uko_19 img,._card_16uko_4[\:has\(\.poster\:hover\)] ._poster_16uko_19 img {
		transform: scale(1.1);
	}

	._card_16uko_4:has(._header_16uko_20:hover) ._poster_16uko_19 img,._card_16uko_4:has(._poster_16uko_19:hover) ._poster_16uko_19 img {
		transform: scale(1.1);
	}

	._card_16uko_4[\:has\(\.header\:hover\)] ._header_16uko_20,._card_16uko_4[\:has\(\.poster\:hover\)] ._header_16uko_20 {
		color: var(--brand-red);
	}

	._card_16uko_4:has(._header_16uko_20:hover) ._header_16uko_20,._card_16uko_4:has(._poster_16uko_19:hover) ._header_16uko_20 {
		color: var(--brand-red);
	}
}

._poster_16uko_19 {
	grid-area: poster;
}

._poster_16uko_19 picture {
	background: var(--backdrop-image);
	background-size: 239px 150px;
	border-radius: 8px;
	display: block;
	height: 103px;
	overflow: hidden;
	width: 182px;
}

._poster_16uko_19 picture img {
	border-radius: 8px;
	display: block;
	height: 100%;
	transition: transform .3s ease-in-out;
	width: 100%;
}

@container (width <= 500px) {
	._poster_16uko_19 picture {
		height: 90px;
		width: 119px;
	}
}

._header_16uko_20 {
	--line-height: 24px;
	--line-clamp: 2;
	text-wrap: balance;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--line-clamp);
	align-self: center;
	color: var(--v9-color-text-header);
	display: -webkit-box;
	font-family: Rubik,sans-serif;
	font-size: 16px;
	grid-column: content;
	grid-row: header;
	line-height: var(--line-height);
	overflow: hidden;
	text-decoration: none;
}

@container (width <= 500px) {
	._header_16uko_20 {
		--line-clamp: 3;
		--line-height: 21px;
		font-size: 14px;
	}
}

._date_16uko_92 {
	align-self: center;
	color: var(--v9-color-text-gray);
	grid-column: date;
	grid-row: info;
	line-height: 1;
	white-space: nowrap;
}

@container (width <= 500px) {
	._date_16uko_92 {
		font-size: 14px;
	}
}

._comments_16uko_106 {
	align-items: center;
	color: var(--v9-color-text-gray);
	-moz-column-gap: 4px;
	column-gap: 4px;
	display: flex;
	grid-column: icons;
	grid-row: info;
	justify-self: end;
	text-decoration: none;
}

._comments_16uko_106 svg {
	height: 24px;
	width: 24px;
}

._comments_16uko_106 ._new-comments_16uko_122 {
	color: var(--green);
}

@media (hover:hover) {
	._comments_16uko_106:hover {
		color: var(--brand-red);
	}
}

@container (width <= 500px) {
	._comments_16uko_106 {
		font-size: 14px;
	}

	._comments_16uko_106 svg {
		height: 20px;
		width: 20px;
	}
}}
/*# sourceMappingURL=news-card.css.map */