.switch-container{width:62px;height:32px;display:inline-block;position:relative}.switch-container input{opacity:0;width:0;height:0}.switch-class{cursor:pointer;background-color:#efefff;transition:all .4s;position:absolute;inset:0}.switch-class:before{z-index:9;content:"";background-color:#3263e4;width:25px;height:25px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.switch-class{background-color:#2c2947}input:checked+.switch-class:before{transform:translate(30px)}.switch-class.round{border-radius:20px}.switch-class.round:before{border-radius:50%}.sidebar_link{border-radius:100px;justify-content:center;align-items:center;width:55px;height:52px;display:flex}.sidebar_link:hover .icon-fill path{fill:var(--main-01)}.dark .sidebar_link:hover .icon-fill path{fill:#fff}.sidebar_link:hover .icon-stroke path,.sidebar_link:hover .icon-stroke ellipse,.sidebar_link:hover .icon-stroke circle{stroke:var(--main-01)}.dark .sidebar_link:hover .icon-stroke path,.dark .sidebar_link:hover .icon-stroke ellipse,.dark .sidebar_link:hover .icon-stroke circle{stroke:#fff}.sidebar_link--active{min-width:150px;height:52px;color:var(--main-01);z-index:1;border-radius:100px;justify-content:center;gap:8px;padding:20px 0;display:flex;position:relative}.navigation-tab-overlay{background-color:var(--bg-button);z-index:3;pointer-events:none;border-radius:100px;width:150px;height:52px;transition:left .3s;position:absolute}@media (max-width:1023px){.sidebar_link--active{min-width:122px;height:40px}.sidebar_link{height:40px}.navigation-tab-overlay{width:122px;height:40px}}@media (max-width:767px){.sidebar_link--active{background-color:#0000;border-radius:0;min-width:0;padding:0}.sidebar_link{border-radius:0;padding:0}.sidebar_link:hover{background-color:#0000}}
.game-banner{position:relative}.dark .game-banner:before,.dark .game-banner:after{content:"";z-index:1;background:radial-gradient(50% 50%,#9470ed1c 0%,#fff0 83.85%);border-radius:730px;flex-shrink:0;width:730px;height:711px;position:absolute}.dark .game-banner:before{top:30px;left:-300px}.dark .game-banner:after{top:60px;right:-300px}.trending_card:hover .animate_buttons{opacity:1;transform:translateY(0)}.trending_card:hover .animate_info{opacity:0;transform:translateY(-15px)}.animate_buttons{opacity:0;transition:all .4s .25s;transform:translateY(15px)}.animate_background{transition:all 1s .5s;animation:1s translate-background}.hover-icon:hover,.dark .hover-icon:hover,.hover-icon:active,.dark .hover-icon:active,.hover-icon:focus,.dark .hover-icon:focus{background:var(--main-01)}.hover-icon:hover>svg path,.dark .hover-icon:hover>svg path,.hover-icon:focus>svg path,.dark .hover-icon:focus>svg path,.hover-icon:active>svg path,.dark .hover-icon:active>svg path{stroke:#fff}.game-detail-banner{width:100vw;height:100vh}@keyframes translate-background{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.CollapsibleContent{overflow:hidden}.CollapsibleContent[data-state=open]{animation:.3s ease-out slideDown}.CollapsibleContent[data-state=closed]{animation:.3s ease-out slideUp}.icon-scroll-down{fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;width:20px}.icon-scroll-down path{fill:none;stroke:#fff;stroke-width:20px}.icon-scroll-down #wheel{animation:1.5s infinite scroll}@keyframes slideDown{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes slideUp{0%{height:var(--radix-collapsible-content-height)}to{height:0}}@keyframes scroll{0%{transform:translateY(0)}30%{transform:translateY(100px)}}.gamedetailcontent img{display:inline-block}.gamedetailcontent a{color:#3263e4;text-underline-offset:2px;text-decoration:underline;display:inline-block}.dark .gamedetailcontent a{color:#83acea}
.banner-store-detail{background-image:url(../media/store-detail-banner.0d_-5ao87i6va.png);background-repeat:no-repeat;background-size:100% 100%}.giftcode-banner{background-image:url(../media/banner_giftcode.0yzm35d_176ot.png);background-position:50%;background-repeat:no-repeat;background-size:cover}.bg-qua-tro-luc{background-image:url(../media/bg_qua_tro_luc.09.0c~_04dr8p.png);background-repeat:no-repeat;background-size:100% 100%}.bg-qua-tro-luc-image{background-image:url(../media/qua-tro-luc.0av9q~_e95omr.png);background-repeat:no-repeat;background-size:100% 100%}.text-transparent{-webkit-text-fill-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(90deg,#fffc -1.66%,#fff9 59.04%,#fff3 108.51%);-webkit-background-clip:text;background-clip:text}.giftcode-list .swiper{overflow:scroll}.border-giftcode:before{content:"";background:var(--bg-color);border:1px solid attr(data-activeid);border-radius:12px;width:12px;height:12px;position:absolute;top:-6px;left:-6px}.border-giftcode[data-activeid=\#0000001A]:before{border:1px solid #0000001a}.border-giftcode[data-activeid=\#ffffff1a]:before{border:1px solid #ffffff1a}.border-giftcode:after{content:"";background:var(--bg-color);border:1px solid attr(data-activeid);border-radius:12px;width:12px;height:12px;position:absolute;bottom:-6px;left:-6px}.border-giftcode[data-activeid=\#0000001A]:after{border:1px solid #0000001a}.border-giftcode[data-activeid=\#ffffff1a]:after{border:1px solid #ffffff1a}.border-voucher:before{content:"";background:#1c1e32;border-radius:12px;width:12px;height:12px;position:absolute;top:-6px;left:-6px}.dark .border-voucher:before,.dark .border-voucher:after{background:#1c1e32}.border-voucher[data-activeid=\#6CDB00]:before{border:1px solid #6cdb00}.border-voucher[data-activeid=\#2D3153]:before{border:1px solid #2d3153}.border-voucher[data-activeid=\#3263E4]:before{border:1px solid #3263e4}.border-voucher[data-activeid=\#342E55]:before{border:1px solid #342e55}.border-voucher[data-activeid=\#afafaf]:before{border:1px solid #afafaf}.border-voucher[data-activeid=\#e2e2e2]:before{border:1px solid #e2e2e2}.border-voucher:after{content:"";border:1px solid attr(data-activeid);background:#1c1e32;border-radius:12px;width:12px;height:12px;position:absolute;bottom:-6px;left:-6px}.border-voucher[data-activeid=\#6CDB00]:after{border:1px solid #6cdb00}.border-voucher[data-activeid=\#2D3153]:after{border:1px solid #2d3153}.border-voucher[data-activeid=\#3263E4]:after{border:1px solid #3263e4}.border-voucher[data-activeid=\#afafaf]:after{border:1px solid #afafaf}.border-voucher[data-activeid=\#e2e2e2]:after{border:1px solid #e2e2e2}.border-voucher[data-activeid=\#342E55]:after{border:1px solid #342e55}.rotate{animation:1s linear infinite rotate}.rotate-back{animation:1s linear infinite rotate-back}.result-payment-container{min-height:calc(100vh - 84px)}.scale-card:hover img{transform:scale(1.03)}.scale-card img{transform:scale(1)}.border-voucher-icon:after{content:"";background:#fff;border:1px solid #3263e4;border-radius:10px;width:10px;height:10px;position:absolute;top:8px;right:-18px}.border-voucher-icon:before{content:"";background:#fff;border:1px solid #3263e4;border-radius:10px;width:10px;height:10px;position:absolute;top:8px;left:-18px}.dark .border-voucher-icon:before,.dark .border-voucher-icon:after{background:#1d1933}@media (max-width:767px){.result-payment-container{min-height:calc(100vh - 148px)}.giftcode-banner{background-image:none}}@keyframes rotate{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}}@keyframes rotate-back{0%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg)}to{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0)}}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{opacity:1;background:#faf8ff;border-radius:12px;width:12px;height:12px}.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#3263e4;width:32px}.dark .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#ffe4b4;width:32px}@media (max-width:576px){.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px}.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{width:16px}}.cart-container,.cart-text{transition:all .2s cubic-bezier(.87,-.41,.19,1.44)}.cart-container:hover .cart-text{transform:translateY(-50%)!important}.svg-stroke:active svg path{stroke:#dad9fe}.svg-fill:active svg path{fill:#dad9fe}.data-method:hover div{background:#ececee}.dark .data-method:hover div{background:#ececee1a}.data-method:hover p{color:#3263e4}
.pagination-container{list-style-type:none;display:flex}.pagination-item{text-align:center;box-sizing:border-box;border-radius:16px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:13px;display:flex}.pagination-item .dots:hover{cursor:default;background-color:#0000}.pagination-item:hover{cursor:default;background-color:#0000000a}.pagination-item .selected{background-color:#00000014}
.container{justify-content:center;align-items:center;height:40px;display:flex}.slider{width:278px;position:relative}.slider__track,.slider__range,.slider__left-value,.slider__right-value{position:absolute}.slider__track,.slider__range{border-radius:16px;height:8px}.slider__track{z-index:1;background-color:#ececee;width:278px}.slider__range{z-index:2;background-color:#9f9ded}.slider__left-value,.slider__right-value{color:#dee2e6;margin-top:20px;font-size:12px}.slider__left-value{left:6px}.slider__right-value{right:-4px}.thumb{-webkit-appearance:none}.thumb::-webkit-slider-thumb{-webkit-appearance:none}.thumb{pointer-events:none;outline:none;width:278px;height:0;position:absolute}.thumb--left{z-index:3}.thumb--right{z-index:4}.thumb::-webkit-slider-thumb{cursor:pointer;pointer-events:all;background-color:#3263e4;border:none;border-radius:50%;width:16px;height:16px;margin-top:6px;position:relative}.thumb::-moz-range-thumb{cursor:pointer;pointer-events:all;background-color:#3263e4;border:none;border-radius:50%;width:16px;height:16px;margin-top:4px;position:relative}@media (max-width:1139px){.slider,.thumb,.slider__track{width:308px}}@media (max-width:576px){.slider,.thumb,.slider__track{width:235px}}
.card-reward[data-activeid=active]:hover{background:#907ed9;transition:all .3s}.card-reward[data-activeid=active]:hover .text-point{color:#fff}.card-reward{transition:all .3s}.spin-bg{background:url(../media/bg-spin.0n5-xxs.hau~..png) top/cover no-repeat}.bg-button-1{background:url(../media/bg-button-1.0u8swm-wogbwp.png) top/cover no-repeat}.bg-button-2{background:url(../media/bg-button-2.0nc872g9vlgtu.png) top/cover no-repeat}.scroll-text{animation:20s linear infinite my-animation;display:flex;transform:translate(100%)}.scroll-text p{white-space:nowrap;align-items:center;gap:5px;display:flex;position:relative}.scroll-text p:after{content:"";background:#ca34de;border-radius:3px;width:3px;height:3px;position:absolute;top:50%;right:-13px}.text-spin{text-transform:uppercase;background:linear-gradient(#fff280 0%,#faff00 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:29px;font-weight:900;line-height:35px}.text-button-modal{-webkit-text-fill-color:transparent;background:linear-gradient(92deg,#ce9dc9 1.05%,#a690e0 112.87%);-webkit-background-clip:text;background-clip:text}@keyframes my-animation{0%{transform:translate(100%)}to{transform:translate(-100%)}}.point-filter:hover{background:#efefff}.point-filter:hover>svg>path{fill:#6945c2}@media (max-width:576px){.luckySpin{transform-origin:50%;transform:scale(.7)}}.bg-white-blur{-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);background:#fff6;border:1px solid #ffffff1a;border-radius:10px}.bg-violet-blur{box-sizing:border-box;-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);border:1px solid;background:#160a3099;border-image-source:linear-gradient(92.59deg,#fff0 9.84%,#ffffff1a 92.1%);border-radius:10px}.bg-violet-blur *{color:#fff}.item-action{bottom:-1px;right:-1px}.item-action button{background-color:#0000;border:none;outline:none;width:100px;height:32px}.item-action button .bg-btn-buy{opacity:.7;background:url(../media/bg-button-buy.0l7zdositgoaf.png) 0 0/100% no-repeat;position:absolute;inset:0}@media (max-width:640px){.item-action button{width:49px;height:30px}.item-action button .bg-btn-buy{background:url(../media/bg-btn-buy-mob.17.w2hbuqcy00.png) 0 0/100% no-repeat}.bg-white-blur{padding:8px}}.item-action:hover button .bg-btn-buy{opacity:1}.gift-item:hover .btn-preview-gift{display:flex}.custom-swiper .swiper-pagination-bullet{background:#fff!important}.custom-swiper .swiper-pagination-bullet-active{background-color:#907ed9!important}.hidden-scroll ::-webkit-scrollbar{background:#000;width:0!important;height:0!important}.hidden-scroll ::-webkit-scrollbar-track{background:0 0;border-radius:10px;width:0!important;height:0!important}.hidden-scroll ::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:10px}.spin-modal .ReactModal__Content--after-open{outline:none;width:100%;max-width:580px;margin:0 auto;position:fixed;transform:translate(-50%,-45%);background:no-repeat!important;border:none!important;top:45%!important;left:50%!important}.result-spin-modal .ReactModal__Content--after-open{outline:none;width:100%;max-width:580px;position:fixed;transform:translate(-50%,-45%);background:no-repeat!important;border:none!important;padding:0!important;top:45%!important;left:50%!important}.error-spin-modal .ReactModal__Content--after-open{outline:none;width:100%;max-width:500px;position:fixed;transform:translate(-50%,-45%);background:no-repeat!important;border:none!important;padding:0!important;top:45%!important;left:50%!important}.rule-spin-modal .ReactModal__Content--after-open{outline:none;width:100%;max-width:668px;position:fixed;transform:translate(-50%,-45%);background:no-repeat!important;border:none!important;padding:0!important;top:45%!important;left:50%!important}@media screen and (max-width:991px){.error-spin-modal .ReactModal__Content--after-open{max-width:unset;width:auto;height:unset;padding:0!important}.spin-modal .ReactModal__Content--after-open,.result-spin-modal .ReactModal__Content--after-open{max-width:unset;width:auto;height:unset;min-height:unset;padding:0!important}}@media screen and (max-width:767px){.error-spin-modal .ReactModal__Content--after-open{width:90%;padding:0!important}.result-spin-modal .ReactModal__Content--after-open,.spin-modal .ReactModal__Content--after-open{width:100%;padding:0!important}}.ReactModalPortal .ReactModal__Overlay--after-open{z-index:9999999;background-color:#000000b3!important}.ReactModal__Content .ReactModal__Content--after-open{width:100%;max-width:576px;margin:0 auto;position:fixed;transform:translate(-50%,-45%);background:var(--block-color)!important;max-height:700px!important;inset:unset!important;border-radius:15px!important;top:45%!important;left:50%!important}.lixi-modal .ReactModal__Content--after-open{outline:none;width:100%;max-width:662px;min-height:447px;position:fixed;transform:translate(-50%,-45%);max-height:700px!important;inset:unset!important;background:no-repeat!important;border:none!important;top:45%!important;left:50%!important}.lixi-other .ReactModal__Content--after-open{outline:none;width:100%;max-width:500px;min-height:447px;position:fixed;transform:translate(-50%,-45%);max-height:700px!important;inset:unset!important;background:no-repeat!important;border:none!important;top:45%!important;left:50%!important}
.bg-dua-top{background:url(../media/banner_dua_top_moi_ban.17zvapxgfhev1.png) 0 0/100% no-repeat;height:148.298vw}.bg-dua-top-mobile{background:url(../media/banner_dua_top_moi_ban_mobile.069q_58_cmlyt.png) 0 0/100% no-repeat;height:386.533vw;display:none}@media (max-width:750px){.bg-dua-top{display:none}.bg-dua-top-mobile{display:block}}
.rotate-animation{transform-origin:top;transition:transform 10s;animation:10s linear infinite rotate-animation}.lixi-animation{transform-origin:top;transition:transform 1s;animation:1s ease-in-out infinite shake}@keyframes rotate-animation{0%{transform:rotate(8deg)}50%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}@keyframes shake{0%{transform-origin:bottom;transform:translate(-50%,-50%)}5%{transform-origin:bottom;transform:translate(-52.5%,-50%)rotate(-2.25deg)}10%{transform-origin:bottom;transform:translate(-55%,-50%)rotate(-4.5deg)}15%{transform-origin:bottom;transform:translate(-51.25%,-50%)rotate(-2.25deg)}20%{transform-origin:bottom;transform:translate(-45%,-50%)rotate(4deg)}25%{transform-origin:bottom;transform:translate(-49%,-50%)rotate(-.875deg)}30%{transform-origin:bottom;transform:translate(-53%,-50%)rotate(-3.5deg)}35%{transform-origin:bottom;transform:translate(-48%,-50%)rotate(-1.75deg)}40%{transform-origin:bottom;transform:translate(-47%,-50%)rotate(3deg)}45%{transform-origin:bottom;transform:translate(-51%,-50%)rotate(.25deg)}50%{transform-origin:bottom;transform:translate(-54%,-50%)rotate(-2.5deg)}55%{transform-origin:bottom;transform:translate(-46.5%,-50%)rotate(1.5deg)}60%{transform-origin:bottom;transform:translate(-46%,-50%)rotate(2deg)}70%{transform-origin:bottom;transform:translate(-53%,-50%)rotate(-1.5deg)}75%{transform-origin:bottom;transform:translate(-48.5%,-50%)rotate(-.75deg)}80%{transform-origin:bottom;transform:translate(-47%,-50%)rotate(1deg)}85%{transform-origin:bottom;transform:translate(-50.5%,-50%)rotate(-.25deg)}90%{transform-origin:bottom;transform:translate(-51%,-50%)rotate(-.5deg)}95%{transform-origin:bottom;transform:translate(-50%,-50%)rotate(.125deg)}to{transform-origin:bottom;transform:translate(-49%,-50%)}}
.membership_banner{background:url(../media/membership-banner.0c9j8gzch45w6.png) 50%/cover no-repeat;height:480px}.text-transparent-membership{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#2179e8 -1.73%,#b653f9 67.94%);-webkit-background-clip:text;background-clip:text}.border-membership:before{content:"";background:var(--bg-color);border:1px solid #3263e4;border-radius:16px;width:16px;height:16px;position:absolute;top:-8px;left:-6px}.border-membership:after{content:"";background:var(--bg-color);border:1px solid #3263e4;border-radius:16px;width:16px;height:16px;position:absolute;bottom:-8px;left:-6px}@media (max-width:767px){.membership_banner{height:192px}.border-membership:before,.border-membership:after{width:12px;height:12px;left:-4px}.border-membership:before{top:-6px}.border-membership:after{bottom:-6px}}