body.fullpagebg{background:var(--w-bg-color) url("../images/bg-sm.webp") no-repeat center top scroll;background-size:100vw auto}body:not(.fullpagebg) #section-01{background:url("../images/block001/bg-sm.webp") no-repeat center 0em scroll;background-size:100vw auto}body:not(.fullpagebg) #section-02{background:url("../images/block002/bg-sm.webp") no-repeat center 0em scroll;background-size:100vw auto}body:not(.fullpagebg) #section-03{background:url("../images/block003/bg-sm.webp") no-repeat center 0em scroll;background-size:100vw auto}body:not(.fullpagebg) #section-04{background:url("../images/block004/bg-sm.webp") no-repeat center 0em scroll;background-size:100vw auto}body:not(.fullpagebg) #section-05{background:url("../images/block005/bg-sm.webp") no-repeat center 0em scroll;background-size:100vw auto}body:not(.fullpagebg) #section-06{background:url("../images/block006/bg-sm.webp") no-repeat center 0em scroll;background-size:100vw auto}#section-vgp{background-color:#111}@media(min-width: 1024px){body.fullpagebg{background:var(--w-bg-color) url("../images/bg-lg.webp") no-repeat center top scroll;background-size:100vw auto}body:not(.fullpagebg) #section-01{background-image:url(../images/block001/bg-lg.webp)}body:not(.fullpagebg) #section-02{background-image:url(../images/block002/bg-lg.webp)}body:not(.fullpagebg) #section-03{background-image:url(../images/block003/bg-lg.webp)}body:not(.fullpagebg) #section-04{background-image:url(../images//block004/bg-lg.webp)}body:not(.fullpagebg) #section-05{background-image:url(../images/block005/bg-lg.webp)}body:not(.fullpagebg) #section-06{background-image:url(../images/block006/bg-lg.webp)}.wcontainer{width:75%}.layout-section03{grid-template-areas:"wheel slogan" "wheel status" "wheel button"}}form input,form select{color:#414141}.block-status{padding:1em 2em;background-color:rgba(0,0,0,.2);border:1px solid var(--w-secondary);border-radius:.5em;display:flex;justify-content:center;align-items:center}.block-status span{color:var(--w-highlight)}.cum-button{border:1px solid var(--w-secondary);border-radius:.5em;overflow:hidden}.cum-button button{padding:.69em 0;background-color:hsla(0,0%,100%,.69);border-left:1px solid var(--w-secondary)}.cum-button button:first-child{border-left:0px solid var(--w-secondary)}.cum-button button:hover{color:var(--w-secondary);background-color:#fff}.cum-button.dark{border:1px solid var(--w-primary)}.cum-button.dark button{background-color:rgba(0,0,0,.5);border-left:1px solid var(--w-primary);color:#fff}.cum-button.dark button:hover{color:var(--w-highlight);background-color:var(--w-secondary)}#section-menu-nav a{margin:0 .75em;display:block;text-align:center;opacity:.8;transition:opacity .36s ease}#section-menu-nav a:hover{opacity:1}.page-nav a{opacity:.8}.page-nav a:hover{opacity:1}.wbadge{color:#fff;padding:.25em .5em;position:absolute;border-radius:.5em}#section-final{background:rgba(0,0,0,0) url("../images/block-final.webp") no-repeat center center;background-size:cover}.block-img-store{background:rgba(0,0,0,0) url("../images/store-badge/img-store.webp") no-repeat center center;background-size:100% 100%}.block-img-store a{overflow:hidden;display:block;text-indent:-9999px}.search-box{background-color:hsla(0,0%,100%,.9);border-radius:1em;border:1px solid var(--w-primary)}.block-hoatdong button,.block-hoatdong button>img{transition:all .36s ease}.block-hoatdong button:hover{filter:drop-shadow(0px 0px 0.5em rgba(125, 238, 255, 0.5))}.block-hoatdong button:hover>img{transform:scale(1.05)}.alert{color:red;margin:.5em auto}#page-num{position:fixed;top:50%;left:1em;transform:translateY(-50%)}#page-num ul li a{width:.75em;height:.75em;text-indent:-9999px;overflow:hidden;background-color:#fff;display:block;border-radius:100%;opacity:.5;transition:opacity .36s ease}#page-num a.active{opacity:1}.content-04{background-color:#fff;border:1px dotted var(--w-tertiary);border-radius:2em;padding:3em 2em}.content-04 .h-fit{font-size:1.6rem}.content-04 .h-fit h3{color:var(--w-tertiary);font-size:1.5em;text-transform:uppercase;text-align:center;margin:0em auto 1em auto}.content-04 .swiper-slide{height:calc((100% - 30px)/2) !important}.content-04 .item{background:rgba(0,0,0,0) url("../images/item/bg-item.png") no-repeat center center;background-size:100% 100%;display:grid;padding:1em;border-radius:1em;text-align:center;gap:1em;cursor:pointer}.content-04 .item .name{line-height:1.25;color:var(--w-primary);text-transform:uppercase;font-size:.8em}.content-04 .item>button{background-color:var(--w-primary);padding:.35em .75em;color:#fff;border-radius:.5em}.doiqua-pagination,.gal-pagination{opacity:1;display:flex;justify-content:center;align-items:center;gap:0em}.doiqua-pagination span,.gal-pagination span{display:flex;justify-content:center;align-items:center;width:1.5em;height:1.5em;opacity:1;color:#fff;background-color:var(--w-tertiary);opacity:.25;transition:all .36s ease}.doiqua-pagination span.swiper-pagination-bullet-active,.gal-pagination span.swiper-pagination-bullet-active{opacity:1}.disabled{filter:grayscale(0.9);pointer-events:none}.offcanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:var(--w-backdrop-color);opacity:1;transition:opacity .36s ease}.offcanvas-content{background-color:var(--w-offcanvas);opacity:1;color:#fff;transition:all .36s ease;overflow:hidden;height:100vh;filter:drop-shadow(0em 0em 0.5em rgba(0, 0, 0, 0.5))}.offcanvas-content>.icon{padding:1em;background-color:var(--w-primary)}.offcanvas-content .link a{display:flex;justify-content:center;align-items:center;border-bottom:var(--w-offcanvas-border);font-size:1em;line-height:4}@media(min-width: 1024px){.offcanvas-content .link a{font-size:1em}}.offcanvas:not(.show){opacity:0;z-index:-1}.offcanvas:not(.show) .offcanvas-content{opacity:0;margin-left:-50%}.btn-login-vgp{background-color:var(--w-primary);border-radius:100em}.btn-login-vgp span.content{width:0;margin:0;transition:width .36s ease;overflow:hidden;white-space:nowrap}.btn-login-vgp:hover span.content{width:fit-content;margin:0 .5em}.ztimeline{background:rgba(0,0,0,0) url("../images/block003/progress/base.webp") no-repeat center center;background-size:100% 100%;position:relative}.ztimeline .timeline-bar{background:rgba(0,0,0,0) url("../images/block003/progress/bar.webp") no-repeat 0% center;background-size:auto 100%;height:100%}.ztimeline .timeline-button{position:absolute;top:0;left:0;width:100%;height:100%}.ztimeline .timeline-button>button{width:100%;height:100%;opacity:0}.timeline-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.ztimeline .timeline-gifts{background:rgba(0,0,0,0) url("../images/block003/progress/front.webp") no-repeat 0% center;background-size:auto 100%;height:100%;position:absolute;z-index:1;top:0;left:0}.btn-close-modal{background:rgba(0,0,0,0) url("../images/btn-close-modal.webp") no-repeat center center;background-size:100% 100%;position:absolute;top:0%;left:50%;transform:translateY(-50%) translateX(-50%);transition:all .36s ease;width:8em;aspect-ratio:184/50;border:none;border-radius:1em;transition:all .36s ease}.btn-close-modal:hover{filter:brightness(1.2)}.wmodal-dialog{background:rgba(0,0,0,0) url("../images/bg-popup.png") no-repeat center center;background-size:100% 100%;transform:scale(1);transition:transform .5s ease;width:80%;padding:0;color:#414141}.wmodal-dialog>.content{padding-bottom:3em}.wmodal-dialog .title{text-align:center;text-transform:uppercase;height:6em;line-height:6em}.wmodal-dialog .content-scroll{overflow:auto;max-height:42em;padding:0 3em 4em 3em}.btn-close-modal:hover{filter:brightness(1.5)}.wmodal{position:fixed;width:100%;height:100%;background-color:var(--w-backdrop-color);top:0;right:0;z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .36s ease;overflow:hidden;color:#414141;font-size:1em}.wmodal-content{background-color:hsla(0,0%,100%,.95);border:solid 1px var(--w-primary);filter:drop-shadow(0 0 1em rgba(0, 0, 0, 0.15));border-radius:2em;transform:scale(1);transition:transform .5s ease;width:90%;padding:2em;padding-top:3em}.wmodal-content .title{text-align:center;padding-bottom:1em;text-transform:uppercase;margin-bottom:.5em;letter-spacing:.5em;border-bottom:1px var(--w-primary) dotted}.wmodal-content.youtube{padding:0em;background:rgba(0,0,0,0);border:none}.wmodal:not(.show){opacity:0;z-index:-1}.wmodal:not(.show) .wmodal-content,.wmodal:not(.show) .wmodal-dialog{transform:scale(0.8)}.wmodal>.wmodal-content>.wrap{background-color:var(--w-popup-color);border-radius:1em;overflow:hidden}.wmodal-dialog .title span,.wmodal-content .title span{font-size:1.5em;color:var(--w-primary)}.content-scroll{max-height:69vh;overflow:auto}@media(min-width: 1024px){.btn-close-modal{width:8em}.wmodal-content{max-width:30em;padding-bottom:2em}.wmodal-content.youtube{max-width:50em}.wmodal-dialog{max-width:32em;padding-bottom:2em}.wmodal-dialog .title{height:6em;line-height:6em}.wmodal-content .title span,.wmodal-dialog .title span{font-size:1.75em}.wmodal-dialog .content-scroll{font-size:1rem;height:33em;padding:0 3em 4em 3em}.wmodal-content .h-fit,.wmodal-dialog .content-scroll .h-fit{font-size:1rem}}.bgvideo{width:100%;position:absolute;top:0;left:0;z-index:1}.bgvideo video{width:100%}.animate__loop{animation-duration:2s;animation-timing-function:ease;animation-iteration-count:infinite}.animate__glow{animation-name:glow}@keyframes glow{0%{filter:brightness(1)}50%{filter:brightness(1.3)}100%{filter:brightness(1)}}.animate__bling{animation-name:bling}@keyframes bling{0%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.3);transform:scale(1.05)}100%{filter:brightness(1);transform:scale(1)}}.animate__blingbling{animation-name:blingbling}@keyframes blingbling{0%{filter:brightness(1);transform:translateY(0)}50%{filter:brightness(1.3);transform:translateY(2%)}100%{filter:brightness(1);transform:translateY(0)}}.animate__laploe{animation-name:laploe}@keyframes laploe{0%{filter:brightness(1);opacity:1;transform:scale(1)}50%{filter:brightness(1.2);opacity:.5;transform:scale(0.95) rotate(3deg)}100%{filter:brightness(1);opacity:1;transform:scale(1)}}.animate__breath{animation-name:breath;transform-origin:center center}@keyframes breath{0%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.2);transform:scale(1.01)}100%{filter:brightness(1);transform:scale(1)}}.animte__updown{animation-name:updown}@keyframes updown{0%{transform:translateY(0)}50%{transform:translateY(5%)}100%{transform:translateY(0)}}.e-btn-click{transition:all .36s ease}.e-btn-click:active{transform:scale(0.98)}.e-btn-hover-glow{transition:all .36s ease}.e-btn-hover-glow:hover,.w-image-button:hover{transform:scale(1.01);filter:brightness(1.1) drop-shadow(0 0 2em rgba(255, 255, 255, 0.15))}.ztimeline{position:relative}.timeline-gifts{position:absolute;inset:0;pointer-events:none}.gift-point{--size: clamp(40px, 8vw, 90px);position:absolute;left:var(--pos);top:50%;transform:translate(-50%, -50%);width:var(--size);height:var(--size);border-radius:9999px;pointer-events:auto;background:rgba(0,0,0,0);border:0;cursor:pointer}.gift-point:focus-visible{outline:2px dashed hsla(0,0%,100%,.6);outline-offset:4px}.gift-point:hover{box-shadow:0 0 0 6px hsla(0,0%,100%,.08) inset}.vgp-modal{display:none}.vgp-modal.show{display:block}.timeline{position:relative;margin-top:1em}@media(min-width: 1024px){.timeline{margin-top:1em}}.timeline .gifts{width:90%;gap:2em;display:grid;margin:auto;position:absolute;left:50%;top:.5em;transform:translateX(-50%)}@media(min-width: 1024px){.timeline .gifts{width:80%;gap:7em;top:2em}}.tabs-button button:not(.active){filter:brightness(0.69) grayscale(0.1);transition:all .36s ease}.tabs-content .content:not(.active){display:none}#scroll-truyuc::-webkit-scrollbar{display:none}#scroll-truyuc{cursor:grab;-ms-overflow-style:none;scrollbar-width:none}.scroll{background:rgba(0,0,0,0) url("../images/scroll/scroll.png") no-repeat center center;background-size:100% 100%}.button-scroll button{font-size:1.69em;line-height:3;background-color:rgba(0,0,0,.8);border-radius:.25em;border:solid 1px var(--w-secondary)}.pic{width:49.33em;position:relative}.pic-01{background:rgba(0,0,0,0) url("../images/scroll/active/img-01.png") no-repeat center center;background-size:100% 100%}.pic-02{background:rgba(0,0,0,0) url("../images/scroll/active/img-02.png") no-repeat center center;background-size:100% 100%}.pic-03{background:rgba(0,0,0,0) url("../images/scroll/active/img-03.png") no-repeat center center;background-size:100% 100%}.btn-nhancode{position:absolute;top:80%;left:50%;transform:translate(-50%, -50%);width:18em;z-index:0}.mask{position:absolute;top:0;z-index:1;transition:all .25s ease}.mask.hide{opacity:0;display:none}.mask-01{width:100%;height:100%;mask:url("../images/scroll/mask/01.png") no-repeat;mask-size:100% 100%}.mask-02{width:100%;height:100%;mask:url("../images/scroll/mask/02.png") no-repeat;mask-size:100% 100%}.mask-03{width:100%;height:100%;mask:url("../images/scroll/mask/03.png") no-repeat;mask-size:100% 100%}.mask-04{width:100%;height:100%;mask:url("../images/scroll/mask/04.png") no-repeat;mask-size:100% 100%}.mask-05{width:100%;height:100%;mask:url("../images/scroll/mask/05.png") no-repeat;mask-size:100% 100%}.mask-06{width:100%;height:100%;mask:url("../images/scroll/mask/09.png") no-repeat;mask-size:100% 100%}.mask-07{width:100%;height:100%;mask:url("../images/scroll/mask/08.png") no-repeat;mask-size:100% 100%}.mask-08{width:100%;height:100%;mask:url("../images/scroll/mask/07.png") no-repeat;mask-size:100% 100%}.mask-09{width:100%;height:100%;mask:url("../images/scroll/mask/06.png") no-repeat;mask-size:100% 100%}.checkin-small .w-image-button{width:90%;margin:0 auto}.checkin-small span{font-size:1.5em;color:#fff;letter-spacing:.15em}.checkin>.w-image-button{background:rgba(0,0,0,0) url("../images/block003/active/gift-01.png") no-repeat center center;background-size:100% auto}.checkin .w-image-button:nth-child(1){background-image:url("../images/block003/active/gift-01.png")}.checkin .w-image-button:nth-child(2){background-image:url("../images/block003/active/gift-02.png")}.checkin .w-image-button:nth-child(3){background-image:url("../images/block003/active/gift-03.png")}.checkin .w-image-button:nth-child(4){background-image:url("../images/block003/active/gift-04.png")}.checkin .w-image-button:nth-child(5){background-image:url("../images/block003/active/gift-05.png")}.checkin .active>img{opacity:0}.block-float{position:fixed;transition:transform .36s ease,height .36s ease;z-index:11}.block-float .link a{display:flex;justify-content:center;align-items:center;text-transform:uppercase}.block-float:not(.minimize){background:rgba(0,0,0,0) url("../images/float/float-bg.webp") no-repeat center center;background-size:100% 100%;top:50%;right:0;transform:translateY(-50%)}.block-float:not(.minimize) .block-mini{display:none}.block-float.minimize{padding:0;bottom:0;right:0;transform:translateY(0);aspect-ratio:auto}.block-float.minimize>*{display:none}.block-float.minimize .block-mini{display:block}.text-share{background:rgba(0,0,0,0) url("../images/text-share.png") no-repeat center center;background-size:100% 100%;aspect-ratio:261/62;text-align:center;line-height:1;display:flex;align-items:center;justify-content:center}.block-gal .swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}.block-gal .swiper-slide{height:calc((100% - 30px)/2) !important;display:flex;justify-content:center;align-items:center}.block-gal .item{background:rgba(0,0,0,0) url("../images/gal/bg-item.png") no-repeat center center;background-size:100% 100%;padding:6.9%;position:relative;cursor:pointer;transition:all .36s ease}.block-gal .item>.info{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.69);color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .25s ease-in}.block-gal .item>.info span{color:#ccc}.block-gal .item:hover{filter:brightness(1.1)}.block-gal .item:hover>.info{opacity:1}.block-gal .item .w-image-block{border:1px var(--w-secondary) solid;border-radius:1em}.block-gal .item button{color:#fff;background-color:var(--w-secondary);padding:.15em .75em;border-radius:.75em}.btn-gal-tangbanh button{height:2em;width:2em;background-color:var(--w-secondary);color:#fff}.btn-gal-tangbanh input{height:2em;width:3em;text-align:center;padding:0 1em}.block-top10{background:rgba(0,0,0,0) url("../images/gal/bg-top10.png") no-repeat center center;background-size:100% 100%;padding:16.5em 3em 0em 3em}.block-top10 .border{border:none;border-bottom:1px var(--w-secondary) dotted}.block-top10 td span{width:1.5em;height:1.5em;line-height:1.5em;background-color:#111;color:#fff;border-radius:.25em;display:block}.block-top10 tr:nth-child(1) td span,.block-top10 tr:nth-child(2) td span,.block-top10 tr:nth-child(3) td span{background-color:var(--w-secondary)}.btn-dapngay{top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.btn-dapngay .tag-luotdap{background-color:rgba(0,0,0,.69);padding:.5em;border-radius:1em;border:1px solid var(--w-primary);position:absolute;bottom:5%;left:50%;transform:translateX(-50%);z-index:1}.block-items{background-color:#ccc;border:#ccc solid 1px}.block-items .item{background-color:#fff;padding:1.75em 1em}.block-items .item button{padding:.5em .75em;background-color:var(--w-primary);color:#fff;border-radius:1em}.char-slide{position:relative}.char-slide>a{width:11em;margin:-1em auto 0 auto}@media(min-width: 1024px){.char-slide>a{width:20em;margin:0 auto;position:absolute;bottom:3%;left:50%;margin-left:-10em}}.char-pagination{--swiper-pagination-bullet-inactive-opacity: 0.5}.char-pagination span{text-indent:-9999px;overflow:hidden;background:rgba(0,0,0,0) no-repeat center center;background-size:100% 100%;width:6em;height:6em}.char-pagination span:nth-child(1){background-image:url("../images/block002/character/thumb01.webp")}.char-pagination span:nth-child(2){background-image:url("../images/block002/character/thumb02.webp")}.char-pagination span:nth-child(3){background-image:url("../images/block002/character/thumb03.webp")}.char-pagination span:nth-child(4){background-image:url("../images/block002/character/thumb04.webp")}.char-pagination span:nth-child(5){background-image:url("../images/block002/character/thumb05.webp")}.wwheel .w-image-block,.wwheel .w-image-button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.wwheel{background:rgba(0,0,0,0) url("../images/block005/wheelbg.png") center center scroll;background-size:100% 100%;aspect-ratio:1/1;position:relative;cursor:pointer}.wwheel .num{position:absolute;background-color:#fff;padding:.25em .5em;border-radius:1em;font-weight:bold;transform:translateX(-50%);left:50%}.wheel{aspect-ratio:1/1;transform-origin:center center}.wheel>img{width:100%;height:auto;display:block}.modal-gift-content{background-color:#ccc;gap:1px;overflow:hidden}.modal-gift-content>li{background-color:#fff;display:grid;grid-template-columns:1fr 2fr 1fr;gap:1px}.modal-gift-content>li>div{padding:.5em;text-align:center;display:flex;justify-content:center;align-items:center}.modal-gift-content>li .icon{display:block;background:url("https://api.iconify.design/material-symbols/check-circle-rounded.svg?color=%230c6") no-repeat center center/contain;aspect-ratio:1/1}.board{background:url("../images/block006/board.webp") no-repeat center 0em scroll;background-size:100% 100%}@media(min-width: 1024px){.feature{background-size:100% auto;animation-name:blingbling;animation-duration:3s;animation-timing-function:ease;animation-iteration-count:infinite}.feature button img{opacity:0}}.block-character{margin-top:5.2em;overflow:hidden;height:fit-content;position:relative}@media(min-width: 1024px){.block-character{background-size:100% auto;margin-top:17.2em}}.character-slide{aspect-ratio:758/600}.character-slide .swiper-slide>img{position:absolute;top:0;left:0em;width:175%;max-width:200% !important;height:auto}.character-slide .swiper-slide .icon-skill{display:none !important;aspect-ratio:288/92;background:rgba(0,0,0,0) no-repeat center center/cover;position:absolute;top:12.5em;left:4em;width:8em;height:auto;display:grid;grid-template-columns:23% 23% 23% 40%}@media(min-width: 1024px){.character-slide .swiper-slide .icon-skill{width:15em;top:29em;left:12em}}.character-slide .swiper-slide .icon-skill>div{position:relative}.character-slide .swiper-slide video{position:absolute;bottom:0%;right:-10%;aspect-ratio:1330/600;background-color:#000;width:100%;height:100%;display:none}.character-slide .btn-xemvideo{width:8em;height:fit-content;position:absolute;bottom:15%;right:5%}@media(min-width: 1024px){.character-slide .btn-xemvideo{width:8em;top:1em;right:1em}}.character-thumb-slide{position:absolute !important;width:60%;bottom:0%;left:50%;transform:translateX(-50%);z-index:100}@media(min-width: 1024px){.character-thumb-slide{width:25em;bottom:1em}}.character-thumb-slide .swiper-slide:not(.swiper-slide-thumb-active) img{opacity:1;filter:brightness(0.5)}@media(min-width: 1024px){.block-character{aspect-ratio:1285/553}.character-slide{aspect-ratio:1285/553}.character-slide .swiper-slide img{width:100%;left:0em}.character-slide .swiper-slide video{display:block}}.hidden-sm{display:none !important}@media(min-width: 1024px){.hidden-sm{display:block !important}}.hidden-lg{display:block}@media(min-width: 1024px){.hidden-lg{display:none !important}}:root{--thumb-size: 3.5em;--thumb-gap: 3px}@media(min-width: 1024px){:root{--thumb-size: 6em;--thumb-gap: 1em}}.mchar{flex-direction:column}@media(min-width: 1024px){.mchar{flex-direction:row}}.block-character .character-thumb-slide{position:absolute;left:3em;top:0em;width:130px;height:calc(var(--thumb-size)*5 + var(--thumb-gap)*0);overflow:hidden !important;z-index:5;padding:.5em 0 0;margin:2.5em 0}@media(min-width: 1024px){.block-character .character-thumb-slide{left:7em;top:5.5em;width:130px;height:calc(var(--thumb-size)*4 + var(--thumb-gap)*6)}}.block-character .character-thumb-slide .swiper-slide{width:100% !important;height:var(--thumb-size) !important;display:flex;justify-content:center}.block-character .character-thumb-slide .w-image-block{width:var(--thumb-size);height:var(--thumb-size);border-radius:9999px;overflow:hidden;border:2px solid hsla(0,0%,100%,.25);background:rgba(0,0,0,.25)}.block-character .character-thumb-slide .swiper-slide-thumb-active .w-image-block{border-color:#ffd24a;box-shadow:0 0 0 3px rgba(255,210,74,.35)}.block-character .character-thumb-slide .swiper-slide+.swiper-slide{margin-top:var(--thumb-gap)}.thumb-nav{position:absolute;left:2.4em;top:1em;width:32px;display:flex;flex-direction:column;justify-content:space-between;z-index:10;pointer-events:none;height:21em}.thumb-nav .thumb-prev,.thumb-nav .thumb-next{width:20px;height:15px;background:rgba(0,0,0,0);border:0;padding:0;display:grid;place-items:center;cursor:pointer;pointer-events:auto}.thumb-nav .thumb-prev::before,.thumb-nav .thumb-next::before{content:"";display:block;width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);--tri: #d9dde6}.thumb-nav .thumb-prev::before{border-bottom:5px solid var(--tri)}.thumb-nav .thumb-next::before{border-top:5px solid var(--tri)}.thumb-nav .thumb-prev:hover::before,.thumb-nav .thumb-next:hover::before{filter:brightness(1.1)}.block-video .video-icon{height:15em}.ranking-content{color:var(--w-primary);line-height:2;background-color:#fbf4e4;border:solid 2px var(--w-primary);border-radius:1em;padding:8em 1em 1em .5em}@media(min-width: 1024px){.ranking-content{padding:17em 2.6em 2em 2.5em}}.ranking-content thead{border-bottom:#ccc 1px solid;background:rgba(0,0,0,0) url("../images/block006/bghead.webp") no-repeat center;background-size:cover;color:#fff;font-weight:normal}.ranking-content thead th{font-size:.6em;font-weight:normal}@media(min-width: 1024px){.ranking-content thead th{font-size:1.2em}}.ranking-content table{font-size:.7em !important}@media(min-width: 1024px){.ranking-content table{font-size:1em !important}}.ranking-content table tr{line-height:1.5}@media(min-width: 1024px){.ranking-content table tr{line-height:2}}.ranking-content table tr:nth-child(n+4) td span{background:rgba(0,0,0,0) url("../images/block006/rank2.webp") no-repeat center;color:#fff;background-size:contain;padding:.8em;font-size:.7em}@media(min-width: 1024px){.ranking-content table tr:nth-child(n+4) td span{padding:1em;font-size:.8em}}.ranking-content table td{line-height:1.5;font-size:.95em}.ranking-content table td span{background:rgba(0,0,0,0) url("../images/block006/rank1.webp") no-repeat center;background-size:contain;color:hsl(57,100%,50%);padding:.8em;font-size:.7em}@media(min-width: 1024px){.ranking-content table td span{padding:1em;font-size:.8em}}@media(min-width: 1024px){.ranking-content table td{font-size:1.2em;line-height:2}}.quatop{line-height:1.1}.quatop>li{display:grid;grid-template-columns:5em auto;gap:1em;overflow:hidden;border-top:1px solid rgba(226,103,66,.3);padding:1em 0}.quatop>li>span{font-size:.9em;display:flex;align-items:center}.quatop>li .w-image-block{display:flex;align-items:center}.ranking-content{background-color:rgba(0,0,0,0);border:none;line-height:2;height:21em}@media(min-width: 1024px){.ranking-content{height:53em}}.ranking-content>.content{display:grid;grid-template-columns:50% 50%;gap:1em}.ranking-content .quatop{width:95%;border:1px solid rgba(226,103,66,.3);padding:0em 1.5em;aspect-ratio:1/1;display:grid;grid-template-rows:20% 20% 20% 20% 20%}.ranking-content .quatop li:nth-child(1){border:none}.mbutton{width:30%}@media(min-width: 1024px){.mbutton{width:20%}}.timestamp{font-size:.7em;text-align:center;margin-top:1em;color:#fe0000}@media(min-width: 1024px){.timestamp{margin-top:2em;font-size:1em}}.ranking-content>.content{height:100%;align-items:stretch}.table-scroll{height:100%;max-height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.table-scroll table{width:100%;border-collapse:separate;border-spacing:0}.table-scroll thead{position:sticky;top:0;z-index:2}.table-scroll::-webkit-scrollbar{width:8px}.table-scroll::-webkit-scrollbar-thumb{border-radius:8px;background:rgba(0,0,0,.2)}.w-btn{padding:.5em 1em;border:1px var(--w-secondary) solid;border-radius:1em}@media(min-width: 1024px){.block-001{height:54.5555em}.block-001 .wcontainer{width:100%}}.block-001 .mvid{height:21em}@media(min-width: 1024px){.block-001 .mvid{height:46em}}.block-001 .group-button{width:70%;display:flex;flex-wrap:wrap;justify-content:center;margin:auto;gap:0 .5em}@media(min-width: 1024px){.block-001 .group-button{width:90%}}.block-001 .group-button button{width:30%}@media(min-width: 1024px){.block-001 .group-button button{width:15%}}.block-002{height:22.5em}@media(min-width: 1024px){.block-002{height:58em}}.block-002 .desc{padding:5em 4em 0}@media(min-width: 1024px){.block-002 .desc{padding:17em 8em 0}}.block-002 .desc .mtext{font-size:1em;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;text-align:center}@media(min-width: 1024px){.block-002 .desc .mtext{width:70%;font-size:2em;margin-top:.5em}}.block-002 .desc .mtext span{display:block;color:#fffd36;font-size:2.2em}.block-002 .desc button{width:30%;margin:0em auto}@media(min-width: 1024px){.block-002 .desc button{width:20%;margin-top:0}}.block-002 .desc .items{width:35%;margin:auto}.block-002 .desc .items button{width:95%;margin-top:.5em}.block-002 .ztimeline{margin-top:1em}@media(min-width: 1024px){.block-002 .ztimeline{margin-top:3em}}.block-003{height:29.5em}@media(min-width: 1024px){.block-003{height:69em}}.block-003 .info{color:#05072b;text-align:center;background:#fff;border:1px solid #0e2f85;border-radius:15px;padding:1em;margin:8em auto 2em;width:70%;font-size:.8em}@media(min-width: 1024px){.block-003 .info{width:45%;margin-top:12em;font-size:1em}}.block-003 .info a{color:#fd8a19}.block-003 .gifts{gap:1em}@media(min-width: 1024px){.block-003 .gifts{width:90%;margin:0 auto 1em}}@media(min-width: 1024px){.block-003 .gifts button{width:90%}}.block-003 .group-buttons{display:flex;justify-content:center;width:80%;align-items:baseline;gap:1em;margin:1em auto}.block-003 .group-buttons button{width:50%}.block-003 .group-buttons button:nth-child(2){width:70%}.block-004{height:27.5em}@media(min-width: 1024px){.block-004{height:71em}}.block-004 .wcontainer{width:100%}.block-005{height:21em}@media(min-width: 1024px){.block-005{height:56em}}.block-005 .feature-slide{margin-top:7.5em}@media(min-width: 1024px){.block-005 .feature-slide{margin-top:16em}}.block-005 .button-prev{left:-2em;right:auto;width:7%}@media(min-width: 1024px){.block-005 .button-prev{left:-4em}}.block-005 .button-next{left:auto;right:-2em;width:7%}@media(min-width: 1024px){.block-005 .button-next{right:-7em}}.block-006{height:26em}@media(min-width: 1024px){.block-006{height:66em}.block-006 .wcontainer{width:71%}}.block-006 .wselect{width:100%;margin:auto;text-align:center;margin-bottom:.5em;border:1px solid;border-radius:.5em;display:flex;margin-bottom:.5em}@media(min-width: 1024px){.block-006 .wselect{width:70%;padding:.5em}}/*# sourceMappingURL=wwstyle.min.css.map */