.trending-articles-component{margin:60px auto 0;width:915pt}
@media(max-width:1219px){.trending-articles-component{width:728px}
}
@media(max-width:767px){.trending-articles-component{width:calc(100% - 40px)}
}
.trending-articles-component-title{text-align:center}
.trending-articles-component-content{margin-top:24px}
.trending-articles-component-content .top-3{grid-column-gap:24px;display:grid;grid-template-columns:598px 598px}
@media(max-width:1219px){.trending-articles-component-content .top-3{grid-template-columns:22pc 22pc}
}
@media(max-width:767px){.trending-articles-component-content .top-3{grid-column-gap:unset;grid-row-gap:40px;grid-template-columns:1fr;margin-bottom:0}
}
.trending-articles-component-content .other-trending-articles{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:1px solid var(--pastel-gray);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;justify-content:space-between;margin:40px auto 0;width:806px}
@media(max-width:1219px){.trending-articles-component-content .other-trending-articles{width:728px}
}
@media(max-width:767px){.trending-articles-component-content .other-trending-articles{width:100%}
}
.trending-articles-component-content .trending-article{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}
.trending-articles-component-content .trending-article .trending-article-image{border-radius:24px;height:21pc;margin-bottom:1pc;overflow:hidden;position:relative;width:100%}
@media(max-width:1219px){.trending-articles-component-content .trending-article .trending-article-image{border-radius:9pt;height:198px}
}
@media(max-width:767px){.trending-articles-component-content .trending-article .trending-article-image{height:0;padding-bottom:56%;position:relative}
}
.trending-articles-component-content .trending-article .trending-article-image:after{background-color:rgba(0,0,0,.2);bottom:0;content:"";left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;-webkit-transition:all .3s;transition:all .3s;z-index:-1}
.trending-articles-component-content .trending-article .trending-article-image img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}
@media(max-width:767px){.trending-articles-component-content .trending-article .trending-article-image img{bottom:0;left:0;max-height:100%;max-width:100%;min-height:100%;min-width:100%;position:absolute;right:0;top:0}
}
.trending-articles-component-content .trending-article:first-of-type .trending-article-image{border-radius:2pc}
@media(max-width:1219px){.trending-articles-component-content .trending-article:first-of-type .trending-article-image{border-radius:24px}
}
@media(max-width:767px){.trending-articles-component-content .trending-article:first-of-type .trending-article-image{border-radius:9pt}
}
.trending-articles-component-content .trending-article .date-read-wrapper{color:var(--silver);margin:0 10px;min-height:1pc;text-align:center}
@media(max-width:767px){.trending-articles-component-content .trending-article .date-read-wrapper{margin:0 8px;min-height:14px}
}
.trending-articles-component-content .trending-article .trending-article-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-weight:600;margin:4px 10px 9pt;overflow:hidden;text-align:center;text-overflow:ellipsis}
.trending-articles-component-content .trending-article .trending-article-title a{color:var(--black);display:block;width:100%}
.trending-articles-component-content .trending-article .trending-article-title a:active,.trending-articles-component-content .trending-article .trending-article-title a:hover{color:var(--primary-color)}
@media(max-width:1219px){.trending-articles-component-content .trending-article .trending-article-title{max-height:66px}
}
@media(max-width:767px){.trending-articles-component-content .trending-article .trending-article-title{margin:4px 8px 9pt;max-height:unset}
}
.trending-articles-component-content .trending-article .trending-article-tags{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:8px;justify-content:center;margin:0;max-height:78px;overflow:hidden}
@media(max-width:767px){.trending-articles-component-content .trending-article .trending-article-tags{max-height:unset}
}
.trending-articles-component-content .trending-article .trending-article-tags .trending-article-tag{margin:0}
.trending-articles-component-content .trending-article:first-child{grid-column-end:3;grid-column-start:1;margin:0 auto 40px;width:806px}
@media(max-width:1219px){.trending-articles-component-content .trending-article:first-child{width:100%}
}
@media(max-width:767px){.trending-articles-component-content .trending-article:first-child{grid-column:unset;margin-bottom:0}
}
.trending-articles-component-content .trending-article:first-child .trending-article-image{height:452px}
@media(max-width:1219px){.trending-articles-component-content .trending-article:first-child .trending-article-image{height:411px}
}
@media(max-width:767px){.trending-articles-component-content .trending-article:first-child .trending-article-image{height:188px}
}
.trending-articles-component-content .trending-article>a:hover .trending-article-image:after{opacity:1;-webkit-transition:all .3s;transition:all .3s;z-index:1}
.trending-articles-component-content .trending-article>a:hover~.trending-article-title a{color:var(--primary-color);-webkit-transition:all .3s;transition:all .3s}
.trending-articles-component-content .other-trending-article{border-top:1px solid var(--pastel-gray);height:auto;margin-bottom:8px;padding:20px 14px 9pt;width:391px}
@media(max-width:1219px){.trending-articles-component-content .other-trending-article{width:22pc}
}
@media(max-width:767px){.trending-articles-component-content .other-trending-article{margin-bottom:0;padding:18px 10px;width:100%}
}
.trending-articles-component-content .other-trending-article:nth-child(odd){padding-right:38px;width:415px}
@media(max-width:1219px){.trending-articles-component-content .other-trending-article:nth-child(odd){width:376px}
}
@media(max-width:767px){.trending-articles-component-content .other-trending-article:nth-child(odd){margin-bottom:0;padding:18px 10px;width:100%}
}
.trending-articles-component-content .other-trending-article .date-read-wrapper{color:var(--silver);margin-bottom:8px;min-height:1pc}
@media(max-width:767px){.trending-articles-component-content .other-trending-article .date-read-wrapper{min-height:0}
}
.trending-articles-component-content .other-trending-article .trending-article-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}
.trending-articles-component-content .other-trending-article .trending-article-title a{color:var(--black);display:block;width:100%}
.trending-articles-component-content .other-trending-article .trending-article-title a:active,.trending-articles-component-content .other-trending-article .trending-article-title a:hover{color:var(--primary-color)}
@media(max-width:1219px){.trending-articles-component-content .other-trending-article .trending-article-title{font-size:1pc}
}
.trending-articles-component-content [data-tippy-root] .tippy-box{background:rgba(0,0,0,.6);border-radius:4px;-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.15);box-shadow:0 4px 20px 0 rgba(0,0,0,.15);color:#FFF;font:normal 400 9pt Roboto;line-height:14px;margin-top:20px;max-width:287px}
.trending-articles-component-content [data-tippy-root] .tippy-box .tippy-content{padding:10px 6px 10px 10px}