.cmpnt-trending{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;align-self:flex-start;align-items:flex-start;width:100%;background-color:#fff}
.cmpnt-trending__section{position:relative;flex-basis:calc(100%/3)}
.cmpnt-trending__section[data-design='small']{aspect-ratio:1/0.5}
.cmpnt-trending__section[data-design='small'][data-order='1']{aspect-ratio:1/1}
.cmpnt-trending__section[data-design='small'][data-order='8']{position:absolute;right:0;bottom:0;width:calc(100%/3)}
.cmpnt-trending__section[data-design='wide']{flex-basis:calc((100%/3)*2);aspect-ratio:2/1;overflow:hidden}
.cmpnt-trending__section[data-design='square']{aspect-ratio:1/1}
.cmpnt-trending__section[data-design='square'][data-order='3']{aspect-ratio:1/0.5}
.cmpnt-trending__section[data-design='square'][data-order='3']>div{position:absolute;left:0;bottom:0;width:100%}
.cmpnt-trending__section[data-order='1']{order:1}
.cmpnt-trending__section[data-order='2']{order:2}
.cmpnt-trending__section[data-order='3']{order:3}
.cmpnt-trending__section[data-order='4']{order:4}
.cmpnt-trending__section[data-order='5']{order:5}
.cmpnt-trending__section[data-order='6']{order:6}
.cmpnt-trending__section[data-order='7']{order:7}
.cmpnt-trending__section[data-order='8']{order:8}
.cmpnt-trending__link{position:relative;display:inline-block;width:100%;height:100%;box-sizing:border-box;text-decoration:none}
.cmpnt-trending__link:hover{text-decoration:none}
.cmpnt-trending__text,.cmpnt-trending__counter{position:absolute;left:30px;right:30px;bottom:30px;color:#fff;font-family:HyundaiMedium;z-index:10}
.cmpnt-trending__text.txt-black{color:#000}
.cmpnt-trending__media img,.cmpnt-trending__media video{width:100%;height:auto;object-fit:cover}
.cmpnt-trending__title{display:block;font-size:24px;line-height:24px}
.cmpnt-trending__title span{display:block;font-size:14px;line-height:1em;margin-bottom:10px}
.cmpnt-trending__description{font-family:HyundaiTextRegular;font-size:16px;line-height:24px}
.cmpnt-trending__title+.cmpnt-trending__description{margin-top:20px}
.cmpnt-trending__topic{font-size:13px;line-height:1em}
.cmpnt-trending__topic span+span::before{content:"|";margin:0 6px;opacity:1}
.cmpnt-trending__headline{font-size:20px;line-height:24px}
.cmpnt-trending__topic+.cmpnt-trending__headline{margin-top:9px}
.cmpnt-trending__counter{display:flex;gap:45px}
.cmpnt-trending__counter span{position:relative;font-size:60px;line-height:1em}
.cmpnt-trending__counter .days::after{content:"·";font-family:HyundaiTextRegular;font-size:32px;position:absolute;right:-25px}
.cmpnt-trending__counter .hours,.cmpnt-trending__counter .minutes{margin-right:3px}
.cmpnt-trending__counter .hours::after,.cmpnt-trending__counter .minutes::after{content:":";font-family:HyundaiTextRegular;font-size:30px;position:absolute;right:-28px;top:-5px}
.cmpnt-trending--qlink{background-color:#f6f3f2;aspect-ratio:1/0.5}
.cmpnt-trending--qlink>a{display:flex;flex-direction:column;justify-content:center;background:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/btn_arrow_right-s.png') bottom 50% right 30px;background-repeat:no-repeat;padding:0 30px;text-decoration:none}
.cmpnt-trending--qlink>a:hover{background-color:#002c5f;color:#fff;background-image:url('../../../../../../../../content/dam/hyundai/ww/en/images/newsroom/home/btn_arrow_right-s-wh.png');transition:opacity .5s ease}
.cmpnt-trending--upcoming .cmpnt-trending__text{bottom:initial;top:30px}
.cmpnt-trending--upcoming a::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4)}
.cmpnt-trending--post{position:relative}
.cmpnt-trending--post .cmpnt-trending__media{position:relative}
.cmpnt-trending--post .cmpnt-trending__media::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:260px;background:linear-gradient(0,rgba(102,102,102,0.5) 0,rgba(102,102,102,0) 100%)}
.cmpnt-trending--post>a::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,44,95,1);opacity:0;-ms-transition:opacity .5s ease;-o-transition:opacity .5s ease;-moz-transition:opacity .5s ease;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
.cmpnt-trending--hashtag{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background-color:#f6f3f2;height:100%;padding:0 30px}
.cmpnt-trending--hashtag>a{display:inline-block;font-family:HyundaiMedium;font-size:45px;line-height:48px;color:#002c5f;text-decoration:none;box-sizing:border-box}
.cmpnt-trending--hashtag>a+a{margin-top:52px}
.cmpnt-trending--hashtag>a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px;color:#002c5f}
.cmpnt-trending--hashtag.txt-black>a,.cmpnt-trending--hashtag.txt-black>a:hover{color:#000}
.cmpnt-trending--hashtag.txt-gray>a,.cmpnt-trending--hashtag.txt-gray>a:hover{color:#666}
.cmpnt-trending__section[data-design='small'] .cmpnt-trending--hashtag>a{font-size:30px;line-height:1}
.cmpnt-trending__section[data-design='small'] .cmpnt-trending--hashtag>a+a{margin-top:30px}
@media print,screen and (min-width:1024px) and (max-width:20000px){.cmpnt-trending__section[data-design='small'] .cmpnt-trending__media img,.cmpnt-trending__section[data-design='small'] .cmpnt-trending__media video{aspect-ratio:1/0.5}
.cmpnt-trending__section[data-design='wide'] .cmpnt-trending__media img,.cmpnt-trending__section[data-design='wide'] .cmpnt-trending__media video{aspect-ratio:2/1}
.cmpnt-trending__section[data-design='square'] .cmpnt-trending__media img,.cmpnt-trending__section[data-design='square'] .cmpnt-trending__media video{aspect-ratio:1/1}
.cmpnt-trending__description{width:350px}
.cmpnt-trending__section[data-design='wide'] .cmpnt-trending__headline{max-width:870px}
.cmpnt-trending--hashtag>a{padding-left:27px;text-indent:-27px}
.cmpnt-trending--post,.cmpnt-trending--upcoming{overflow:hidden}
.cmpnt-trending--post .cmpnt-trending__media img,.cmpnt-trending--upcoming .cmpnt-trending__media img{transform:scale(1.01);transition:transform .5s cubic-bezier(0.21,0.88,0.38,1.01)}
.cmpnt-trending--post>a:hover .cmpnt-trending__media img,.cmpnt-trending--upcoming>a:hover .cmpnt-trending__media img{transform:scale(1.2)}
}
@media print,screen and (min-width:1024px) and (max-width:1400px){.cmpnt-trending__section[data-design='small'] .cmpnt-trending--hashtag>a{font-size:25px}
.cmpnt-trending__section[data-design='small'] .cmpnt-trending--hashtag>a+a{margin-top:20px}
}
@media print,screen and (min-width:1024px) and (max-width:1160px){.cmpnt-trending__text,.cmpnt-trending__counter{left:20px;right:20px;bottom:15px}
.cmpnt-trending__headline{font-size:18px;line-height:22px}
.cmpnt-trending__section[data-design='small'] .cmpnt-trending--hashtag>a{font-size:22px}
.cmpnt-trending__counter span{font-size:48px}
}
@media screen and (min-width:0) and (max-width:1023px){.cmpnt-trending__section{flex-basis:50%;width:50%}
.cmpnt-trending__section[data-design='small'],.cmpnt-trending__section[data-design='wide'],.cmpnt-trending__section[data-design='square']{flex-basis:50%;aspect-ratio:9/5;line-height:0}
.cmpnt-trending__section[data-design='small'][data-order='1'],.cmpnt-trending__section[data-design='square'][data-order='3']{aspect-ratio:9/5}
.cmpnt-trending__section[data-design='square'][data-order='3']>div{position:static}
.cmpnt-trending__section[data-design='small'][data-order='8']{position:static;width:50%}
.cmpnt-trending__title{font-size:20px;line-height:20px}
.cmpnt-trending__title span{font-size:12px}
.cmpnt-trending__description{font-size:14px;line-height:20px;padding-right:30px}
.cmpnt-trending__title+.cmpnt-trending__description{margin-top:15px}
.cmpnt-trending__topic+.cmpnt-trending__headline{margin-top:5px}
.cmpnt-trending__topic{font-size:12px}
.cmpnt-trending__headline{font-size:16px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.cmpnt-trending__text,.cmpnt-trending__counter{left:25px;right:25px;bottom:25px}
.cmpnt-trending__counter{gap:28px}
.cmpnt-trending__counter span{font-size:35px}
.cmpnt-trending__counter .days::after{font-size:28px;right:-18px}
.cmpnt-trending__counter .hours,.cmpnt-trending__counter .minutes{margin-right:8px}
.cmpnt-trending__counter .hours::after,.cmpnt-trending__counter .minutes::after{font-size:20px;right:-22px;top:-2px}
.cmpnt-trending--post .cmpnt-trending__media::after{height:170px}
.cmpnt-trending__media img,.cmpnt-trending__media video{width:100%;aspect-ratio:9/5}
.ios .cmpnt-trending__media video{width:102%;margin:0 -1%}
.cmpnt-trending--qlink{aspect-ratio:auto;height:200px}
.cmpnt-trending--qlink>a{padding:0 25px;background-position:bottom 50% right 25px}
.cmpnt-trending--hashtag{height:240px;padding:0 25px}
.cmpnt-trending--hashtag>a{font-size:25px;line-height:1em}
.cmpnt-trending--hashtag>a{padding-left:18px;text-indent:-18px}
.cmpnt-trending--hashtag>a+a{margin-top:20px}
.cmpnt-trending__section[data-design='small'] .cmpnt-trending--hashtag{height:100%}
.cmpnt-trending__section[data-design='small'] .cmpnt-trending--hashtag>a{font-size:20px}
.cmpnt-trending__section[data-design='small'] .cmpnt-trending--hashtag>a+a{margin-top:20px}
}
@media screen and (min-width:0) and (max-width:767px){.cmpnt-trending{flex-direction:column}
.cmpnt-trending__section{flex-basis:100%;width:100%}
.cmpnt-trending__section[data-design='small'],.cmpnt-trending__section[data-design='wide'],.cmpnt-trending__section[data-design='square']{flex-basis:100%}
.cmpnt-trending__section[data-design='small'][data-order='8']{width:100%}
}