@layer old,common,page,component,overrides;@layer component{._card_16uko_4{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{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_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_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);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 */