.column-box{background:url(../images/bg.jpg) no-repeat 50%/cover;height:105px}.column-box a.active{--un-text-opacity:1;color:rgb(0 224 56 / var(--un-text-opacity))}.trending-box{margin-left:auto;margin-right:auto;width:90%}@media(min-width:768px){.trending-box{width:80%}}.rank-box{margin-left:auto;margin-right:auto;margin-top:15px;display:flex;column-gap:15px}.rank-box span{position:relative;cursor:pointer;padding:5px}.rank-box span.active{--un-text-opacity:1;color:rgb(0 224 56 / var(--un-text-opacity))}.rank-box span.active:before{content:"";position:absolute;left:50%;bottom:0;width:10px;height:3px;--un-translate-x:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));--un-bg-opacity:1;background-color:rgb(0 224 56 / var(--un-bg-opacity))}.trending-info{display:flex;flex-shrink:0;flex-direction:column;justify-content:space-between;padding-top:8px;padding-bottom:8px}.trending-info .trending-desc__type{display:inline-block;width:calc(100vw - 220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.trending-info .trending-desc__type{width:calc(100vw - 580px)}}@media(min-width:1280px){.trending-info .trending-desc__type{width:50vw}}.trending-info .trending-desc__info{width:calc(100vw - 240px);--un-text-opacity:.4;color:rgb(255 255 255 / var(--un-text-opacity));display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media(min-width:768px){.trending-info .trending-desc__info{width:calc(100vw - 580px)}}@media(min-width:1280px){.trending-info .trending-desc__info{width:50vw}}
