#HomeBanner .banner-track{direction:ltr;display:flex;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}#HomeBanner .banner-track.no-transition{transition:none!important}#HomeBanner .banner-track.ssr-initial{transform:translate(-100%)}@media screen and (min-width:1024px){#HomeBanner .banner-track.ssr-initial{transform:translate(-875px)}}#HomeBanner .banner-item{border-radius:8px;cursor:pointer;flex-shrink:0;height:150px;overflow:hidden;width:100%}@media screen and (min-width:1024px){#HomeBanner .banner-item{border-radius:12px;height:260px;opacity:.8;transform:scale(.96);transition:opacity .4s ease,transform .4s ease;width:1050px}#HomeBanner .banner-item.active{opacity:1;transform:scale(1)}}#HomeBanner .banner-item .banner-img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#HomeBanner .banner-nav-area{align-items:center;bottom:0;cursor:pointer;justify-content:center;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:180px;z-index:10}#HomeBanner .banner-nav-area .nav-arrow{display:block;height:32px;opacity:0;position:relative;transition:opacity .3s ease;width:32px;z-index:2}#HomeBanner .banner-nav-area .nav-arrow:before{border-radius:2px;border-right:2.5px solid #fff;border-top:2.5px solid #fff;content:"";height:14px;left:50%;position:absolute;top:50%;width:14px}#HomeBanner .banner-nav-area .nav-arrow.nav-arrow-right:before{transform:translate(-65%,-50%) rotate(45deg)}#HomeBanner .banner-nav-area .nav-arrow.nav-arrow-left:before{transform:translate(-35%,-50%) rotate(-135deg)}#HomeBanner .banner-nav-area:hover,#HomeBanner .banner-nav-area:hover .nav-arrow{opacity:1}#HomeBanner .banner-nav-left{border-radius:0 12px 12px 0;left:0}#HomeBanner .banner-nav-right{border-radius:12px 0 0 12px;right:0}.bs-card{border-radius:.75rem;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;width:9rem;--tw-bg-opacity:1;background-color:rgb(30 30 46/var(--tw-bg-opacity,1));transition-duration:.3s;transition-property:transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bs-card:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 6px 20px rgba(155,93,229,.15);--tw-shadow-colored:0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media(min-width:1024px){.bs-card{flex-shrink:1;width:auto}}.bs-thumb{aspect-ratio:14/9;overflow:hidden;position:relative}.bs-rank{align-items:center;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));border-radius:.375rem;font-size:10px;font-weight:800;height:1.25rem;inset-inline-start:.375rem;justify-content:center;position:absolute;top:.375rem;width:1.25rem;z-index:10;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.bs-info,.bs-rank{display:flex}.bs-info{flex:1 1 0%;flex-direction:column;padding:.5rem}