.trending-article-comp{width:100%;padding-left:16px;position:relative}
.trending-article-comp .articles-wrapper{max-width:1170px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:20px;position:relative}
.trending-article-comp .top-headline{margin-bottom:0}
.trending-article-comp .toparticles-container{position:relative;overflow:hidden}
.trending-article-comp .toparticles-scroll-wrapper{position:relative;overflow-x:scroll;overflow-y:hidden;scrollbar-color:#ccc transparent;scrollbar-width:thin}
.trending-article-comp .toparticles-cards-container{display:flex;position:relative;margin-bottom:15px;z-index:2;overflow-x:visible;gap:20px}
.trending-article-comp .toparticles-cards-container::-webkit-scrollbar{display:none}
.trending-article-comp .toparticles-card{flex:0 0 218px}
.trending-article-comp .article-block{display:flex;flex-direction:column;gap:8px}
.trending-article-comp .toparticles-img{width:100%;height:121px;border-radius:8px;overflow:hidden}
.trending-article-comp .toparticles-img img{width:100%;height:100%;object-fit:cover}
.trending-article-comp .content-section{height:44px;padding:0}
.trending-article-comp .toparticle-title{font-weight:700;color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:left}
.trending-article-comp .toparticles-cards-container{scroll-snap-type:x mandatory}
.trending-article-comp .toparticles-card{scroll-snap-align:start}
.trending-article-comp .toparticles-card a:hover,.trending-article-comp .toparticles-card a:focus,.trending-article-comp .toparticles-card a:visited{text-decoration:none}
.trending-article-comp .scroll-left,.trending-article-comp .scroll-right{display:none;visibility:hidden}
.trending-article-comp .scroll-right{right:0}
@media(min-width:1200px){.trending-article-comp{padding-left:0}
}
@media(min-width:1270px){.trending-article-comp{max-width:1170px;margin-left:auto;margin-right:auto;padding-left:0}
.trending-article-comp .toparticles-cards-container{overflow-x:hidden}
.trending-article-comp .toparticles-scroll-wrapper{scrollbar-width:none}
.trending-article-comp .scroll-left,.trending-article-comp .scroll-right{width:52px;height:52px;display:flex;justify-content:center;align-items:center;visibility:visible;position:absolute;top:50%;transform:translateY(-50%);z-index:10}
.trending-article-comp .scroll-left{left:-64px}
.trending-article-comp .scroll-right{right:-64px}
.trending-article-comp .scroll-left.visible,.trending-article-comp .scroll-right.visible{opacity:1;pointer-events:auto}
.trending-article-comp .scroll-left.hidden,.trending-article-comp .scroll-right.hidden{opacity:0;pointer-events:none}
.trending-article-comp .scroll-left:hover svg rect:first-of-type,.trending-article-comp .scroll-right:hover svg rect:first-of-type{fill:#ccc}
.trending-article-comp .horizontal-flip{transform:scaleX(-1)}
}