:root{--default-grid-pixels:8px;--default-header-height:64px}.newsfeed{--image-width:330px}.newsfeed>div{flex-wrap:wrap;gap:16px;display:flex}@media (width<=430px){.newsfeed>div{flex-direction:column}}.newsfeed>div .news-card{width:calc(50% - 8px);max-width:calc(50% - 8px);min-width:calc(var(--image-width) * 2)}@media (width<=430px){.newsfeed>div .news-card{width:100%;min-width:100%;max-width:100%}}.newsfeed>div .news-card>.container>.body{display:flex;position:relative}.newsfeed>div .news-card>.container>.body .placeholder{width:calc(var(--image-width) + 8px);height:184px;margin-right:16px;position:relative}.newsfeed>div .news-card>.container>.body .image{background-color:hsla(var(--comp-secondary-light3), 1);width:var(--image-width);background-position:50%;background-size:cover;height:216px;position:absolute;top:0;left:0;overflow:hidden}.newsfeed>div .news-card>.container>.body .content{max-width:calc(100% - var(--image-width));flex-direction:column;justify-content:space-between;width:100%;display:flex}.newsfeed>div .news-card>.container>.body .content h2{color:inherit}.newsfeed>div .news-card>.container>.body .content .action{justify-content:flex-end;display:flex}@media (width<=430px){.newsfeed>div .news-card>.container>.body{--image-width:100%;flex-direction:column}.newsfeed>div .news-card>.container>.body .placeholder{margin-bottom:32px}.newsfeed>div .news-card>.container>.body .content{max-width:100%}}