/* Nebula Scans — Home weekly trends presentation. */
#trend-row .trend-item{position:relative!important;display:block!important;flex:0 0 236px!important;width:236px!important;min-width:236px!important;padding-left:66px!important;box-sizing:border-box!important;overflow:visible!important;scroll-snap-align:start!important;isolation:isolate!important}
#trend-row .trend-main{position:relative!important;width:auto!important;min-width:0!important;z-index:3!important}
#trend-row .trend-num{position:absolute!important;left:0!important;top:52px!important;width:62px!important;height:96px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:Cinzel,Georgia,serif!important;font-size:5.05rem!important;font-weight:900!important;font-style:normal!important;line-height:.8!important;letter-spacing:-.16em!important;color:transparent!important;background:linear-gradient(145deg,#ffffff 0%,#e9ddff 26%,#b894ff 58%,#6d28d9 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-stroke:.8px rgba(219,195,255,.38)!important;text-align:center!important;opacity:1!important;visibility:visible!important;z-index:2!important;pointer-events:none!important;filter:drop-shadow(0 10px 18px rgba(0,0,0,.62)) drop-shadow(0 0 10px rgba(167,139,250,.62)) drop-shadow(0 0 30px rgba(124,58,237,.42))!important;text-shadow:0 0 2px rgba(255,255,255,.72),0 0 12px rgba(196,181,253,.68),0 0 28px rgba(124,58,237,.44)!important}
#trend-row .trend-num::before{content:'';position:absolute;inset:26% 8% 20%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.48) 0%,rgba(124,58,237,.25) 32%,rgba(124,58,237,0) 72%);filter:blur(10px);transform:scale(1.18);pointer-events:none}
#trend-row .trend-num::after{display:none!important;content:none!important}
#trend-row .trend-item:nth-child(1) .trend-num{font-size:5.45rem!important;background:linear-gradient(145deg,#fffdf0 0%,#ffe9a6 28%,#f7d774 56%,#b77912 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-stroke:1px rgba(255,226,145,.56)!important;filter:drop-shadow(0 11px 20px rgba(0,0,0,.65)) drop-shadow(0 0 12px rgba(255,226,145,.82)) drop-shadow(0 0 32px rgba(255,196,61,.48))!important;text-shadow:0 0 2px rgba(255,255,255,.9),0 0 14px rgba(255,226,145,.8),0 0 34px rgba(255,193,7,.52)!important}
#trend-row .trend-item:nth-child(1) .trend-num::before{background:radial-gradient(circle,rgba(255,226,145,.58) 0%,rgba(255,193,7,.25) 30%,rgba(255,193,7,0) 72%)}
#trend-row .trend-item:nth-child(n+4) .trend-num{font-size:4.6rem!important}
#trend-row .trend-cover{width:100%!important;aspect-ratio:3/4!important;display:block!important;position:relative!important;z-index:3!important}
#trend-row .trend-meta{position:relative!important;z-index:4!important}
#trend-row .trend-item:hover .trend-num{transform:translateY(-4px) scale(1.035)!important;transition:transform .28s ease,filter .28s ease!important}

@media(max-width:720px){
  #trend-row .trend-item{flex-basis:188px!important;width:188px!important;min-width:188px!important;padding-left:52px!important}
  #trend-row .trend-main{width:auto!important}
  #trend-row .trend-num{left:0!important;top:42px!important;width:48px!important;height:80px!important;font-size:3.85rem!important;letter-spacing:-.12em!important}
  #trend-row .trend-item:nth-child(1) .trend-num{font-size:4.1rem!important}
  #trend-row .trend-item:nth-child(n+4) .trend-num{font-size:3.55rem!important}
}
