@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html{box-sizing:border-box;font-size:62.5%}html,body,#root{margin:0;padding:0}#root{margin-left:auto;margin-right:auto}body{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/bg.jpg);background-size:cover;background-position:center;color:#fff;font-size:1.1458333333vw;font-optical-sizing:auto;overflow-x:hidden;min-height:100vh}a{color:#0037e9;transition:color .25s ease;outline:none!important;text-decoration:none}a:hover,a:focus{color:#0037e9;text-decoration:none}.sentry-loading{height:1px}button{outline:none!important}img{display:inline-block;max-width:100%}.container{max-width:100%!important}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:700}.mb0{margin-bottom:0!important}.text-red{color:#8a1f19!important}.text-yellow{color:#f5c778!important}.text-green{color:#00ff90!important}.text-underline{text-decoration:underline!important}.text-ellips{display:inline-block;vertical-align:middle;overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis;padding-right:3px}.no-wrap .text-ellips{max-width:88%}.has-error{filter:drop-shadow(0 0 .1vh #ff3535) drop-shadow(0 0 .2vh #ff3535) drop-shadow(0 0 .2vh #ff3535) drop-shadow(0 0 .2vh #ff3535)}.no-wrap{white-space:nowrap}.icon-edit{display:inline-block;vertical-align:middle;transform:translateY(-5%)}.icon-edit img{display:block;width:100%}.text-large{font-size:1.875vw!important;text-transform:uppercase;font-weight:700}.text-preline{white-space:pre-line}.text-white{color:#fff!important}.text-stroke{display:inline-block;position:relative;-webkit-text-stroke:2px #5e6bd1;paint-order:stroke fill}.text-stroke:before{content:attr(data-text);position:absolute;font-size:inherit;font-weight:inherit;top:0;left:0;text-shadow:0 .4vh 0 #5e6bd1}.text-stroke-yellow{display:inline-block;position:relative;-webkit-text-stroke:3px #b07633;paint-order:stroke fill}.text-stroke-yellow:before{content:attr(data-text);position:absolute;font-size:inherit;font-weight:inherit;top:0;left:0;text-shadow:0 .4vh 0 #b07633}.text-blue{color:#1c61df!important}.text-ellipsis{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center}.text-shadow{text-shadow:.2vh .3vh 0 #005240}strong{font-weight:700}::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{width:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar:vertical{width:.4166666667vw}}::-webkit-scrollbar:horizontal{height:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar:horizontal{height:.4166666667vw}}::-webkit-scrollbar-thumb{width:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar-thumb{width:.4166666667vw}}::-webkit-scrollbar-track{width:.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){::-webkit-scrollbar-track{width:.4166666667vw}}@font-face{font-family:ProjectD;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/fonts/ProjectDTypeCurve-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.btn{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/bg-button.png);background-size:100% 100%;text-transform:uppercase;font-family:ProjectD,sans-serif;color:#dbdbdb;font-size:2.962962963vh;line-height:3.3333333333vh;min-width:41.6666666667vh;padding:1.8518518519vh 9.2592592593vh;border:none;box-shadow:inset 0 0 0 .0925925926vh #dbdbdb;position:relative;display:flex;align-items:center;justify-content:center;display:inline-flex;text-align:center;font-weight:700;z-index:1;transition:all .2s ease}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{line-height:1.875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{min-width:23.4375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{padding:1.0416666667vw 5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn{box-shadow:inset 0 0 0 .0520833333vw #dbdbdb}}.btn:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0e181980;z-index:-1;transition:all .2s ease}.btn:hover:after{background:transparent}.btn.primary{color:#0ff796;box-shadow:inset 0 0 0 .0925925926vh #0ff796,inset 0 -.2777777778vh #0ff796}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.primary{box-shadow:inset 0 0 0 .0520833333vw #0ff796,inset 0 -.15625vw #0ff796}}.btn.secondary{color:#f5c778;box-shadow:inset 0 0 0 .0925925926vh #f5c778,inset 0 -.2777777778vh #f5c778}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.secondary{box-shadow:inset 0 0 0 .0520833333vw #f5c778,inset 0 -.15625vw #f5c778}}.btn.medium{min-width:19.7222222222vh;padding:1.3888888889vh .462962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.medium{min-width:11.09375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.medium{padding:.78125vw .2604166667vw}}.btn.small{min-width:26.2962962963vh;padding:.9259259259vh 1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.small{min-width:14.7916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.small{padding:.5208333333vw 1.0416666667vw}}.btn.large{min-width:32.8703703704vh;padding:4.6296296296vh 1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.large{min-width:18.4895833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.btn.large{padding:2.6041666667vw 1.0416666667vw}}.btn:disabled{color:#3d3d3d;box-shadow:inset 0 0 0 .0925925926vh #72727280;cursor:not-allowed}@media screen and (max-aspect-ratio: 1920 / 1080){.btn:disabled{box-shadow:inset 0 0 0 .0520833333vw #72727280}}.btn:disabled:hover:after{background:#0e181980}.ScrollbarsCustom-Wrapper{right:0!important}.ScrollbarsCustom-Track{width:.7407407407vh!important;right:-1.3888888889vh!important;z-index:1;background:#eaebeb1a!important}@media screen and (max-aspect-ratio: 1920 / 1080){.ScrollbarsCustom-Track{width:.4166666667vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.ScrollbarsCustom-Track{right:-.78125vw!important}}.ScrollbarsCustom-Thumb{background:#eaebeb33!important}.modal-scrollbar{height:100%!important}.list-scrollbar{height:66.6666666667vh!important}@media screen and (max-aspect-ratio: 1920 / 1080){.list-scrollbar{height:37.5vw!important}}.swal2-container{z-index:1070!important;padding:0!important;width:100%!important;height:100%!important;margin:auto!important}.swal2-container.swal2-backdrop-show,.swal2-container.swal2-noanimation{background:#000000e6!important}.swal2-popup{width:122.2222222222vh;min-height:72.1296296296vh;border-radius:0!important;box-shadow:none!important;border:0 none!important;padding:2.5925925926vh 4.8148148148vh 1.4814814815vh!important;display:flex!important;align-items:center;flex-direction:column;justify-content:center;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/bg-modal.jpg) 0 0/100% 100% no-repeat!important}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{width:68.75vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{min-height:40.5729166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup{padding:1.4583333333vw 2.7083333333vw .8333333333vw!important}}.swal2-popup .swal2-html-container{width:100%;margin-bottom:4.6296296296vh;color:#000!important;overflow-y:visible;overflow-x:visible}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-html-container{margin-bottom:2.6041666667vw}}.swal2-popup .swal2-title{margin:0;padding:0;display:flex!important;justify-content:center;align-items:center;font-size:5.5555555556vh;line-height:5.9259259259vh;width:100%;font-weight:700;color:#8a1f19;text-align:center;text-transform:uppercase;line-height:1em;position:absolute;top:1.8518518519vh;left:50%;transform:translate(-50%)}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{font-size:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{line-height:3.3333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-title{top:1.0416666667vw}}.swal2-popup .swal2-header,.swal2-popup .swal2-content{padding:0!important}.swal2-popup .swal2-actions{display:flex;align-items:center;justify-content:center;position:absolute;bottom:1.3888888889vh;left:0;width:100%}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions{bottom:.78125vw}}.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{display:flex;padding:2.7777777778vh 9.2592592593vh;justify-content:center;align-items:center;gap:.9259259259vh;flex-shrink:0;width:41.6666666667vh!important;height:8.8888888889vh!important;background:url(/images/BtnBG.png);background-size:100% 100%;font-size:2.962962963vh!important;font-weight:700!important;line-height:3.3333333333vh!important;border-radius:0}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{padding:1.5625vw 5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{width:23.4375vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{height:5vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{font-size:1.6666666667vw!important}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-actions .swal2-confirm,.swal2-popup .swal2-actions .swal2-cancel{line-height:1.875vw!important}}.swal2-popup .swal2-actions .swal2-confirm{border-top:1px solid var(--Sec_05, #08a173);border-right:1px solid var(--Sec_05, #08a173);border-bottom:3px solid var(--Sec_05, #08a173);border-left:1px solid var(--Sec_05, #08a173);color:#0ff796;text-transform:uppercase}.swal2-popup .swal2-actions .swal2-confirm:hover{border-top:1px solid var(--Sec_05, #0ff796);border-right:1px solid var(--Sec_05, #0ff796);border-bottom:3px solid var(--Sec_05, #0ff796);border-left:1px solid var(--Sec_05, #0ff796)}.swal2-popup .swal2-actions .swal2-cancel{border-top:1px solid var(--Neutral_00, #dbdbdb);border-right:1px solid var(--Neutral_00, #dbdbdb);border-bottom:3px solid var(--Neutral_00, #dbdbdb);border-left:1px solid var(--Neutral_00, #dbdbdb);color:#dbdbdb;text-transform:uppercase}.swal2-popup .swal2-actions .swal2-cancel:hover{border-top:1px solid var(--Neutral_00, #fff);border-right:1px solid var(--Neutral_00, #fff);border-bottom:3px solid var(--Neutral_00, #fff);border-left:1px solid var(--Neutral_00, #fff)}.swal2-popup .swal2-close{width:12.037037037vh;height:9.9074074074vh;color:transparent;outline:none;left:auto;bottom:auto;display:inline-block;position:absolute;box-shadow:none!important;top:0;right:-12.037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{width:6.7708333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{height:5.5729166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .swal2-close{right:-6.7708333333vw}}.swal2-popup .swal2-close img{object-fit:contain}.swal2-popup .popup-alert__message{flex:1;color:var(--Neutral_01, #f6ecdf);font-family:Chakra Petch;font-size:2.2222222222vh;width:92.5925925926vh;margin:0 auto;text-align:center;line-height:2.5925925926vh;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message{width:52.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__message{line-height:1.4583333333vw}}.swal2-popup .popup-alert__message span.red{color:#8a1f19}.swal2-popup .popup-alert__message span.gold{color:#f5c778}.swal2-popup .popup-alert__message span.purple{color:#b71bd7}.swal2-popup .popup-alert__message span.blue{color:#1c61df}.swal2-popup .popup-alert__message span.green{color:#00ff90}.swal2-popup .popup-alert__message span.white{color:#fff}.swal2-popup .popup-alert__actions{display:flex;align-items:center;justify-content:center;margin-top:2.7777777778vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions{margin-top:1.5625vw}}.swal2-popup .popup-alert__actions a{display:block}.swal2-popup .popup-alert__actions a~a{margin-left:2.7777777778vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions a~a{margin-left:1.5625vw}}.swal2-popup .popup-alert__actions a img{height:11.1111111111vh;border-radius:50%;border:.2777777778vh solid #6bd995}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions a img{height:6.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__actions a img{border:.15625vw solid #6bd995}}.swal2-popup .popup-alert__items{width:100%;position:relative;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;margin-top:1.4814814815vh;gap:1.8518518519vh}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__items{margin-top:.8333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__items{gap:1.0416666667vw}}.swal2-popup .popup-alert__items--1,.swal2-popup .popup-alert__items--2,.swal2-popup .popup-alert__items--3{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.swal2-popup .popup-alert__item{height:23.7037037037vh;width:23.7037037037vh;box-sizing:content-box;border:2px solid #475458}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item{height:13.3333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item{width:13.3333333333vw}}.swal2-popup .popup-alert__item--icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.swal2-popup .popup-alert__item--icon img{width:95%;height:95%;object-fit:contain}.swal2-popup .popup-alert__item.red{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier6, #da5758) 100%)}.swal2-popup .popup-alert__item.gold{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier5, #d0814d) 100%)}.swal2-popup .popup-alert__item.purple{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,#9a71dc 100%)}.swal2-popup .popup-alert__item.blue{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier3, #589fdc) 100%)}.swal2-popup .popup-alert__item.green{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier2, #2aca96) 100%)}.swal2-popup .popup-alert__item.white{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier1, #c4c4c2) 100%)}.swal2-popup .popup-alert__item--name{color:#fff;font-size:1.8518518519vh;line-height:2.2222222222vh;margin-top:.7407407407vh;font-family:Chakra Petch,sans-serif}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item--name{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item--name{line-height:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.swal2-popup .popup-alert__item--name{margin-top:.4166666667vw}}.swal2-popup.popup-no-title .swal2-title{display:none!important}.ReactModal__Overlay{display:flex!important;position:fixed!important;top:0!important;right:0!important;bottom:0;left:0!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:10px!important;background:#0009!important;z-index:1069!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important}.ReactModal__Overlay.modal-dice-overlay{padding:0!important}.ReactModal__Content{display:flex;position:relative;flex-direction:column;font-family:inherit;font-size:1rem;box-sizing:border-box;margin:auto;border-radius:0!important;width:118.5185185185vh;min-height:66.6666666667vh;padding:0;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/bg-modal.jpg) no-repeat center bottom;background-size:100% 100%;padding:2.5925925926vh 4.8148148148vh 1.4814814815vh;outline:none;z-index:1;gap:2.7777777778vh;font-size:2.962962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{width:66.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{min-height:37.5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{padding:1.4583333333vw 2.7083333333vw .8333333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{gap:1.5625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content{font-size:1.6666666667vw}}.ReactModal__Content.modal-large{padding:1.1111111111vh 8.4259259259vh;width:122.2222222222vh;height:72.1296296296vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{padding:.625vw 4.7395833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{width:68.75vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-large{height:40.5729166667vw}}.ReactModal__Content .modal-description{width:100%;margin-left:auto;margin-right:auto}.ReactModal__Content .modal-description .modal-title{text-align:center;text-transform:uppercase;color:var(--Primary_01, #fff);font-size:6.6666666667vh;line-height:7.037037037vh;font-weight:700;position:relative;margin:auto;width:fit-content;text-shadow:-1px 0 2px var(--Mandel-Yellow, #f4cf67),2px 0 2px var(--Ahsarah-Green, #0ff796)}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{font-size:3.75vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-description .modal-title{line-height:3.9583333333vw}}.ReactModal__Content .modal-content{flex:1;color:var(--Neutral_01, #eaebeb);font-family:Chakra Petch;font-size:1.8518518519vh;line-height:2.2222222222vh;font-weight:700;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-content{line-height:1.25vw}}.ReactModal__Content .modal-content span{color:#fff}.ReactModal__Content .modal-content .center-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.ReactModal__Content .modal-button{display:flex;justify-content:center;align-items:center;gap:33px}.ReactModal__Content .modal-button>button{display:flex;padding:1.8518518519vh 9.2592592593vh;justify-content:center;align-items:center;gap:.9259259259vh;flex-shrink:0;width:41.6666666667vh;height:7.4074074074vh;background:url(/images/BtnBG.png);background-size:100% 100%;font-size:2.962962963vh;font-weight:700;line-height:3.3333333333vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{padding:1.0416666667vw 5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{width:23.4375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{height:4.1666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .modal-button>button{line-height:1.875vw}}.ReactModal__Content .modal-button .modal-button-confirm{border-top:1px solid var(--Sec_05, #08a173);border-right:1px solid var(--Sec_05, #08a173);border-bottom:3px solid var(--Sec_05, #08a173);border-left:1px solid var(--Sec_05, #08a173);color:#0ff796;text-transform:uppercase}.ReactModal__Content .modal-button .modal-button-confirm:hover{border-top:1px solid var(--Sec_05, #0ff796);border-right:1px solid var(--Sec_05, #0ff796);border-bottom:3px solid var(--Sec_05, #0ff796);border-left:1px solid var(--Sec_05, #0ff796)}.ReactModal__Content .modal-button .modal-button-cancel{border-top:1px solid var(--Neutral_00, #dbdbdb);border-right:1px solid var(--Neutral_00, #dbdbdb);border-bottom:3px solid var(--Neutral_00, #dbdbdb);border-left:1px solid var(--Neutral_00, #dbdbdb);color:#dbdbdb;text-transform:uppercase}.ReactModal__Content .modal-button .modal-button-cancel:hover{border-top:1px solid var(--Neutral_00, #fff);border-right:1px solid var(--Neutral_00, #fff);border-bottom:3px solid var(--Neutral_00, #fff);border-left:1px solid var(--Neutral_00, #fff)}.ReactModal__Content.modal-small{width:92.5925925926vh;min-height:50.462962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small{width:52.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small{min-height:28.3854166667vw}}.ReactModal__Content.modal-small h2{font-size:5.5555555556vh;height:9.2592592593vh;line-height:9.2592592593vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small h2{font-size:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small h2{height:5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-small h2{line-height:5.2083333333vw}}.ReactModal__Content.modal-normal{background:url(/images/popup-reward.png) no-repeat center bottom;background-size:100% 100%;width:80.8333333333vh;min-height:41.8518518519vh;padding:2.3148148148vh 2.3148148148vh 4.6296296296vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{width:45.46875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{min-height:23.5416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{padding:1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal{padding-bottom:2.6041666667vw}}.ReactModal__Content.modal-normal p,.ReactModal__Content.modal-normal li{font-size:2.7777777778vh;line-height:120%;font-weight:700;color:#5e6bd1;text-shadow:none}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-normal p,.ReactModal__Content.modal-normal li{font-size:1.5625vw}}.ReactModal__Content.modal-duplicated{background:url(/images/popup-duplicated.png) no-repeat center bottom;background-size:100% 100%;width:94.2592592593vh;min-height:41.8518518519vh;padding:2.3148148148vh 2.3148148148vh 4.6296296296vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{width:53.0208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{min-height:23.5416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{padding:1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated{padding-bottom:2.6041666667vw}}.ReactModal__Content.modal-duplicated p,.ReactModal__Content.modal-duplicated li{font-size:2.7777777778vh;line-height:120%;font-weight:700;color:#5e6bd1;text-shadow:none}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-duplicated p,.ReactModal__Content.modal-duplicated li{font-size:1.5625vw}}.ReactModal__Content.modal-info{margin-top:23.1481481481vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-info{margin-top:13.0208333333vw}}.ReactModal__Content.modal-list{width:164.4444444444vh;min-height:79.537037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-list{width:92.5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content.modal-list{min-height:44.7395833333vw}}.ReactModal__Content.modal-list .close{right:0;bottom:98%;top:auto}.ReactModal__Content h3{text-transform:uppercase;font-weight:800;font-size:5.5555555556vh;color:#fff}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content h3{font-size:3.125vw}}.ReactModal__Content .close{position:absolute;width:12.037037037vh;height:9.9074074074vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/close.png) no-repeat center;background-size:100%;box-shadow:none!important;top:0;right:-12.037037037vh;opacity:1;font-size:4rem;outline:none!important;color:#fff!important;font-family:serif;font-weight:300;z-index:9;text-indent:-9999px;transition:transform .25s ease;cursor:pointer}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{width:6.7708333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{height:5.5729166667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content .close{right:-6.7708333333vw}}.ReactModal__Content h2{font-size:6.4814814815vh;margin-bottom:0;padding:0;color:#dbdbdb;width:100%;text-transform:uppercase;font-weight:700;line-height:110%;position:absolute;bottom:102%;left:0;text-align:center}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content h2{font-size:3.6458333333vw}}.ReactModal__Content p,.ReactModal__Content li{font-size:1.8518518519vh;line-height:2.2222222222vh;font-weight:700;line-height:120%;margin-bottom:1.3888888889vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content p,.ReactModal__Content li{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content p,.ReactModal__Content li{line-height:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content p,.ReactModal__Content li{margin-bottom:.78125vw}}.ReactModal__Content p strong,.ReactModal__Content li strong{font-weight:700}.ReactModal__Content ul{margin-bottom:2.3148148148vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content ul{margin-bottom:1.3020833333vw}}.ReactModal__Content ul li{margin-bottom:.462962963vh}@media screen and (max-aspect-ratio: 1920 / 1080){.ReactModal__Content ul li{margin-bottom:.2604166667vw}}.clearfix:after{clear:both;content:"";display:table}.hidden{opacity:0;visibility:hidden}.show{opacity:1;visibility:visible}.spinner{width:40px;height:40px;position:relative;margin:100px auto}.double-bounce1,.double-bounce2{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner-dot{margin:0 auto;width:70px;text-align:center}.spinner-dot>div{width:18px;height:18px;background-color:#fff;opacity:.6;border-radius:100%;display:inline-block;-webkit-animation:sk-bouncedelay 1.4s infinite ease-in-out both;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner-dot .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner-dot .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes sk-bouncedelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}.btn:disabled,.grayscale{filter:gray;-webkit-filter:grayscale(1);filter:grayscale(1);transition:filter .25s ease}.none-grayscale{filter:none;-webkit-filter:grayscale(0%)}.has-title{position:relative}.has-title:hover{z-index:5}.has-title:hover .title{opacity:1}.title{position:absolute;top:0;left:50%;transform:translate(-50%);white-space:nowrap;display:inline-block;background:#000c;font-size:1.0416666667vw;color:#fff;padding:.5208333333vw;border:1px solid #fff;border-radius:.5vh;opacity:0;pointer-events:none;z-index:5}.has-title--right .title{right:0;left:auto;transform:none}.has-title--left .title{left:0;transform:none}.has-title--top .title{bottom:100%;top:auto}.title--show{opacity:1!important}@media screen and (max-width: 767px){.title{font-size:1.4583333333vw}}.owned>*{filter:brightness(40%)!important}.owned:after{content:"";position:absolute;top:55%;left:50%;display:inline-block;transform:translate(-50%,-50%);width:3.125vw;height:3.125vw;background:url(/images/checkmark.png) no-repeat top center;background-size:100% 100%;z-index:2}.owned.pr:after{top:50%}.screen-loader{position:fixed;width:100%;height:100%;top:0;left:0;z-index:99999;transition:opacity .25s ease,visibility .25s ease;visibility:visible;opacity:1;pointer-events:none}.screen-loader--off{opacity:0;visibility:hidden}.loader{border:5px solid #fff;width:3.125vw;height:3.125vw;border-width:.4166666667vw;border-bottom-color:#bd3e39;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;position:absolute;top:50%;left:50%;margin-top:-1.5625vw;margin-left:-1.5625vw}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-screen-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;color:#e3e3e3;text-align:center;background-color:#2e215a}.app-screen-popup.vertical .app-screen-icon{width:50vw;height:30vw;animation:swingOne 1.5s ease infinite alternate}.app-screen-popup.vertical .app-screen-text{margin-top:10.4166666667vw;font-size:2.6041666667vw}.app-screen-popup.horizontal .app-screen-icon{width:30vw;height:18vw;animation:swingTwo 1.5s ease infinite alternate}.app-screen-popup.horizontal .app-screen-text{margin-top:5.2083333333vw;font-size:2.0833333333vw}.app-screen-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5%}.app-screen-icon{margin:auto;background:url(https://dl.dir.freefiremobile.com/common/web_event/common/images/scape.png) center/contain no-repeat}@media screen and (orientation: portrait){.app-screen-popup.vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}}@media screen and (orientation: landscape){.app-screen-popup.horizontal{display:flex;flex-direction:column;align-items:center;justify-content:center}}@keyframes swingOne{0%{transform:rotate(-90deg)}30%{transform:rotate(-90deg)}70%{transform:rotate(0)}to{transform:rotate(0)}}.h100{height:100vh}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.simplebar-track.simplebar-horizontal{display:none}.dot-carousel{position:relative;left:-9999px;display:inline-block;width:10px;height:10px;border-radius:5px;background-color:#66e28e;color:#66e28e;box-shadow:9984px 0 #66e28e,9999px 0 #66e28e,10014px 0 #66e28e;-webkit-animation:dot-carousel 1.5s infinite linear;animation:dot-carousel 1.5s infinite linear}@-webkit-keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e}50%{box-shadow:10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e}to{box-shadow:9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e}}@keyframes dot-carousel{0%{box-shadow:9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e}50%{box-shadow:10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e,9999px 0 0 1px #66e28e}to{box-shadow:9999px 0 0 1px #66e28e,10014px 0 0 -1px #66e28e,9984px 0 0 -1px #66e28e}}label.checkbox{position:relative;padding-left:6.1458333333vw;font-weight:700;min-width:4.84375vw;min-height:4.6875vw;font-size:1.5625vw}label.checkbox input:checked~span:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/checked.png);background-size:100% 100%}label.checkbox span{content:"";position:absolute;width:1.4583333333vw;height:1.4583333333vw;background-image:url(/images/uncheck.png);background-size:100% 100%;top:50%;left:0;transform:translateY(-50%)}.input-checkbox{opacity:0;position:absolute}@keyframes flashing{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@keyframes pointing{0%,20%,30%,to{transform:rotate(0)}15%,25%{transform:rotate(3deg)}}@keyframes appearing{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(1rem)}}@keyframes glowing{0%,to{opacity:1}50%{opacity:.6}}@keyframes heartBeat{0%,40%,80%,to{transform:scale(1)}20%,60%{transform:scale(1.1)}}@keyframes heartBeatLow{0%,40%,80%,to{transform:scale(1)}20%,60%{transform:scale(1.05)}}@keyframes ping{0%,20%,40%,to{transform:translateY(0)}10%,30%{transform:translateY(-1rem)}}@keyframes ping-right{0%,20%,40%,to{transform:translate(0)}10%,30%{transform:translate(-1rem)}}@keyframes scaling{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}90%{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}}@keyframes won{0%,30%,60%,to{opacity:1}15%,45%,75%{opacity:.5}}@keyframes wonScale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes flutter{0%{background-position:-200% 0px}30%{background-position:-60% 5px}70%{background-position:70% -5px}to{background-position:200% 0px}}@keyframes flagWaving{0%{transform:rotateY(10deg) translate(-50%)}to{transform:rotateY(-10deg) translate(-50%)}}@keyframes fadeInAppearing{0%{opacity:0}to{opacity:1}}@keyframes flareGlowing{0%,to{left:15%}50%{left:40%}}@keyframes rotating2{0%,50%,to{transform:rotate(0)}25%{transform:rotate(9deg)}75%{transform:rotate(-9deg)}}@keyframes fireworks{0%{opacity:0;transform:scale(.5)}15%{opacity:1}50%{opacity:1;transform:scale(1)}to{opacity:0}}.swing-in-top-fwd{-webkit-animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both;animation:swing-in-top-fwd .5s cubic-bezier(.175,.885,.32,1.275) both}@-webkit-keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}}@keyframes swing-in-top-fwd{0%{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}}.swing-out-top-bck{-webkit-animation:swing-out-top-bck .25s cubic-bezier(.6,-.28,.735,.045) both;animation:swing-out-top-bck .25s cubic-bezier(.6,-.28,.735,.045) both}@-webkit-keyframes swing-out-top-bck{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}to{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}}@keyframes swing-out-top-bck{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0);-webkit-transform-origin:top;transform-origin:top;opacity:1}to{-webkit-transform:rotateX(-100deg);transform:rotateX(-100deg);-webkit-transform-origin:top;transform-origin:top;opacity:0}}@keyframes falling{0%{top:-10%}to{top:105%}}@keyframes heartFaded{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(5)}to{opacity:0;transform:scale(5)}}@keyframes levelUp{0%{opacity:0;transform:translateY(0)}80%{opacity:1;transform:translateY(-100%)}to{opacity:0;transform:translateY(-100%)}}@keyframes floatingUp{0%{transform:scale(1);opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;transform:scale(1.8)}}@-webkit-keyframes pingOpacity{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}80%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}to{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}@keyframes pingOpacity{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}80%{-webkit-transform:scale(1.6);transform:scale(1.6);opacity:0}to{-webkit-transform:scale(2.2);transform:scale(2.2);opacity:0}}table{width:100%;border-collapse:collapse}table thead{background-color:#8a1f19;color:#af7049;position:sticky;top:0;z-index:10}table thead tr th{height:5.5555555556vh;font-size:2.5925925926vh;line-height:2.962962963vh;overflow:hidden;text-align:center;text-overflow:ellipsis;font-weight:700;text-transform:uppercase;border:none!important;padding:0}@media screen and (max-aspect-ratio: 1920 / 1080){table thead tr th{height:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table thead tr th{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table thead tr th{line-height:1.6666666667vw}}table tbody tr td{height:7.4074074074vh;text-align:center;font-weight:400;color:#fff;font-size:2.037037037vh;line-height:1.1em;padding:0;position:relative;border-bottom:1px solid #818284}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td{height:4.1666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){table tbody tr td{font-size:1.1458333333vw}}body{font-family:ProjectD,sans-serif}.header{display:flex;justify-content:space-between;align-items:center;padding:2.3148148148vh 5.5555555556vh 0}@media screen and (max-aspect-ratio: 1920 / 1080){.header{padding:1.3020833333vw 3.125vw 0}}.header__left{position:relative;display:flex;align-items:center;gap:1.1111111111vh;padding-top:.9259259259vh}@media screen and (max-aspect-ratio: 1920 / 1080){.header__left{gap:.625vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__left{padding-top:.5208333333vw}}.header__left__title{font-size:6.6666666667vh;line-height:7.037037037vh;font-weight:700;text-transform:uppercase;color:var(--White, #fff);text-align:center;leading-trim:both;text-edge:cap;text-shadow:-1px 0 2px var(--Mandel-Yellow, #f4cf67),2px 0 2px var(--Ahsarah-Green, #0ff796)}@media screen and (max-aspect-ratio: 1920 / 1080){.header__left__title{font-size:3.75vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__left__title{line-height:3.9583333333vw}}.header__left__rules{border:none;width:12.037037037vh;height:9.9074074074vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/question.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.header__left__rules{width:6.7708333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__left__rules{height:5.5729166667vw}}.header__left__subtitle{position:absolute;top:10.1851851852vh;width:168.5185185185vh;left:0;z-index:10}@media screen and (max-aspect-ratio: 1920 / 1080){.header__left__subtitle{top:5.7291666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__left__subtitle{width:94.7916666667vw}}.header__left__subtitle span{width:100%;display:block;color:#fff;font-family:ProjectD,sans-serif;font-size:2.2222222222vh;line-height:2.962962963vh;font-weight:500;position:absolute;top:0;left:0;opacity:0;transform:translateY(100%);transition:all .4s cubic-bezier(.4,0,.2,1)}@media screen and (max-aspect-ratio: 1920 / 1080){.header__left__subtitle span{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__left__subtitle span{line-height:1.6666666667vw}}.header__left__subtitle span.active{opacity:1;transform:translateY(0)}.header__left__subtitle span.exit{opacity:0;transform:translateY(-100%)}.header__right{display:flex;align-items:center;gap:2.3148148148vh}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right{gap:1.3020833333vw}}.header__right__language-wrapper{position:relative}.header__right__language{border:none;width:4.0740740741vh;height:4.0740740741vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/icon_globe.png);background-size:100% 100%;cursor:pointer}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language{width:2.2916666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language{height:2.2916666667vw}}.header__right__language-dropdown{position:absolute;top:100%;right:0;background:#11181a;z-index:100;width:23.1481481481vh;height:23.1481481481vh;overflow:scroll}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown{width:13.0208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown{height:13.0208333333vw}}.header__right__language-dropdown::-webkit-scrollbar{display:none}.header__right__language-dropdown__item{display:flex;align-items:center;gap:.7407407407vh;padding:.7407407407vh;cursor:pointer;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item{gap:.4166666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item{padding:.4166666667vw}}.header__right__language-dropdown__item:hover{background:#ffffff14}.header__right__language-dropdown__item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:93%;height:.0925925926vh;background:var(--Grey03, #727272)}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item:after{height:.0520833333vw}}.header__right__language-dropdown__item .indicator{display:none}.header__right__language-dropdown__item .name{color:var(--Grey01, #979797);font-family:ProjectD,sans-serif;font-size:1.8518518519vh;line-height:2.2222222222vh;font-weight:700}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item .name{font-size:1.0416666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item .name{line-height:1.25vw}}.header__right__language-dropdown__item.active .indicator{display:block;width:1.2037037037vh;height:1.2037037037vh;border-radius:50%;background:#0ff796}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item.active .indicator{width:.6770833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.header__right__language-dropdown__item.active .indicator{height:.6770833333vw}}.header__right__language-dropdown__item.active .name{color:#0ff796}#main-body{position:relative;overflow:hidden;width:177.7777777778vh;height:100vh;margin:auto;transition:all .3s ease;display:flex;flex-direction:column}@media screen and (max-aspect-ratio: 1920 / 1080){#main-body{width:100vw}}@media screen and (max-aspect-ratio: 1920 / 1080){#main-body{height:56.25vw}}.home{flex:1;position:relative;font-family:Chakra Petch,sans-serif}.home .reward{position:absolute;top:4.6296296296vh;left:5.5555555556vh;height:55.0925925926vh;width:96.2962962963vh;padding:3.5185185185vh 4.4444444444vh;border-top:1px solid #eaebeb;border-right:1px solid #eaebeb;border-bottom:.9259259259vh solid #EAEBEB;border-left:1px solid #eaebeb;background:#0d0f109b;position:relative}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward{top:2.6041666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward{left:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward{height:30.9895833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward{width:54.1666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward{padding:1.9791666667vw 2.5vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward{border-bottom:.5208333333vw solid #EAEBEB}}.home .reward:before{content:"";position:absolute;top:0;left:0;width:.9259259259vh;height:.9259259259vh;background:var(--data-white, #eaebeb)}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward:before{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward:before{left:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward:before{width:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward:before{height:.5208333333vw}}.home .reward:after{content:"";position:absolute;top:0;right:0;width:.9259259259vh;height:.9259259259vh;background:var(--data-white, #eaebeb)}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward:after{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward:after{right:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward:after{width:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward:after{height:.5208333333vw}}.home .reward__name{display:flex;gap:.9259259259vh;padding:.3703703704vh .9259259259vh .3703703704vh 2.2222222222vh;align-items:center;align-self:stretch;color:#fff;text-align:center;font-family:ProjectD,sans-serif;font-size:3.3333333333vh;line-height:3.7037037037vh;margin-bottom:3.3333333333vh;font-weight:400}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward__name{gap:.5208333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward__name{padding:.2083333333vw .5208333333vw .2083333333vw 1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward__name{font-size:1.875vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward__name{line-height:2.0833333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward__name{margin-bottom:1.875vw}}.home .reward__name.red{background:linear-gradient(180deg,var(--sec_13, #da5758) 0%,var(--tier6, #da5758) 100%)}.home .reward__name.gold{background:linear-gradient(180deg,var(--sec_13, #d0814d) 0%,var(--tier5, #d0814d) 100%)}.home .reward__name.purple{background:linear-gradient(180deg,var(--sec_13, #9A71DC) 0%,#9A71DC 100%)}.home .reward__name.blue{background:linear-gradient(180deg,var(--sec_13, #589fdc) 0%,var(--tier3, #589fdc) 100%)}.home .reward__name.green{background:linear-gradient(180deg,var(--sec_13, #2aca96) 0%,var(--tier2, #2aca96) 100%)}.home .reward__name.white{background:linear-gradient(180deg,var(--sec_13, #c4c4c2) 0%,var(--tier1, #c4c4c2) 100%);color:#000}.home .reward__image{height:39.9074074074vh;animation:floating 3s ease infinite}@media screen and (max-aspect-ratio: 1920 / 1080){.home .reward__image{height:22.4479166667vw}}.home .reward__image img{width:100%;height:100%;object-fit:contain}.home .shop,.home .topup{position:absolute;bottom:27.037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.home .shop,.home .topup{bottom:15.2083333333vw}}.home .shop.shop,.home .topup.shop{right:40.7407407407vh}@media screen and (max-aspect-ratio: 1920 / 1080){.home .shop.shop,.home .topup.shop{right:22.9166666667vw}}.home .shop.topup,.home .topup.topup{right:5.5555555556vh}@media screen and (max-aspect-ratio: 1920 / 1080){.home .shop.topup,.home .topup.topup{right:3.125vw}}.home .milestone{position:absolute;bottom:9.2592592593vh;right:5.5555555556vh;height:1.2962962963vh;width:153.7037037037vh}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone{bottom:5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone{right:3.125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone{height:.7291666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone{width:86.4583333333vw}}.home .milestone__item{width:9.2592592593vh;position:absolute;top:-.5555555556vh;transform:translate(-50%)}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item{width:5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item{top:-.3125vw}}.home .milestone__item-content{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;bottom:4.2592592593vh;position:absolute;background:#0d0f1099;border:2px solid rgba(211,232,229,.2)}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item-content{bottom:2.3958333333vw}}.home .milestone__item-content.red{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier6, #da5758) 100%)}.home .milestone__item-content.gold{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier5, #d0814d) 100%)}.home .milestone__item-content.purple{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,#9a71dc 100%)}.home .milestone__item-content.blue{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier3, #589fdc) 100%)}.home .milestone__item-content.green{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier2, #2aca96) 100%)}.home .milestone__item-content.white{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier1, #c4c4c2) 100%)}.home .milestone__item-content-image{width:100%;height:9.2592592593vh}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item-content-image{height:5.2083333333vw}}.home .milestone__item-content-image img{width:100%;height:100%;object-fit:contain}.home .milestone__item-points{width:9.2592592593vh;font-size:2.5925925926vh;line-height:2.962962963vh;font-weight:700;color:#eaebeb;text-align:center}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item-points{width:5.2083333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item-points{font-size:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item-points{line-height:1.6666666667vw}}.home .milestone__item-points:before{margin:auto;content:"";display:block;width:2.5925925926vh;height:2.5925925926vh;margin-bottom:.9259259259vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/milstone.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item-points:before{width:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item-points:before{height:1.4583333333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item-points:before{margin-bottom:.5208333333vw}}.home .milestone__item-points div{position:absolute;width:200%;left:50%;transform:translate(-50%)}.home .milestone__item.center .milestone__item-points{margin:auto}.home .milestone__item.right .milestone__item-content{left:35%}.home .milestone__item.right .milestone__item-points{margin-left:auto;text-align:right}.home .milestone__item.right .milestone__item-points:before{margin-left:auto;margin-right:0}.home .milestone__item.active .milestone__item-content{animation:heartBeatLow 3s ease infinite;border-top:.1851851852vh solid var(--Mandel-Yellow, #f4cf67);border-right:.1851851852vh solid var(--Mandel-Yellow, #f4cf67);border-bottom:.5555555556vh solid var(--Mandel-Yellow, #f4cf67);border-left:.1851851852vh solid var(--Mandel-Yellow, #f4cf67);box-shadow:0 0 10px 0 var(--Mandel-Yellow, #f4cf67)}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item.active .milestone__item-content{border-top:.1041666667vw solid var(--Mandel-Yellow, #f4cf67)}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item.active .milestone__item-content{border-right:.1041666667vw solid var(--Mandel-Yellow, #f4cf67)}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item.active .milestone__item-content{border-bottom:.3125vw solid var(--Mandel-Yellow, #f4cf67)}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item.active .milestone__item-content{border-left:.1041666667vw solid var(--Mandel-Yellow, #f4cf67)}}.home .milestone__item.active .milestone__item-content.red{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier6, #da5758) 100%)}.home .milestone__item.active .milestone__item-content.gold{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier5, #d0814d) 100%)}.home .milestone__item.active .milestone__item-content.purple{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,#9a71dc 100%)}.home .milestone__item.active .milestone__item-content.blue{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier3, #589fdc) 100%)}.home .milestone__item.active .milestone__item-content.green{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier2, #2aca96) 100%)}.home .milestone__item.active .milestone__item-content.white{background:linear-gradient(180deg,var(--sec_13, #0c1317) 0%,var(--tier1, #c4c4c2) 100%)}.home .milestone__item.active .milestone__item-points{color:#f5c778}.home .milestone__item.active .milestone__item-points:before{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/milstone-active.png);background-size:100% 100%}.home .milestone__item.claimed .milestone__item-content{background:#0006}.home .milestone__item.claimed .milestone__item-checked{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item.claimed .milestone__item-checked{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item.claimed .milestone__item-checked{left:0}}.home .milestone__item.claimed .milestone__item-checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6.1111111111vh;height:4.8148148148vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/tick.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item.claimed .milestone__item-checked:before{width:3.4375vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__item.claimed .milestone__item-checked:before{height:2.7083333333vw}}.home .milestone__item.claimed .milestone__item-points{color:#818284}.home .milestone__item.claimed .milestone__item-points:before{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/df-topup/images/milstone-claimed.png);background-size:100% 100%}.home .milestone__progress{transition:all 1s ease;border-radius:3px;background:linear-gradient(90deg,#ffe59a 0%,var(--Mandel-Yellow, #f4cf67) 100%);height:100%}.home .milestone__progress:before{content:"";position:absolute;z-index:-1;top:0;left:0;height:100%;width:153.7037037037vh;border-radius:3px;background:var(--data-white, #eaebeb)}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__progress:before{top:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__progress:before{left:0}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__progress:before{width:86.4583333333vw}}.home .milestone__user-point{position:absolute;top:-2.3148148148vh;left:-13.8888888889vh;color:var(--sec_5, #f6ecdf);font-size:2.2222222222vh;line-height:3.3333333333vh;font-weight:700;font-family:ProjectD,sans-serif}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__user-point{top:-1.3020833333vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__user-point{left:-7.8125vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__user-point{font-size:1.25vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__user-point{line-height:1.875vw}}.home .milestone__user-point>div{font-size:2.962962963vh;line-height:3.3333333333vh;font-weight:700;color:#f5c778;text-align:center}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__user-point>div{font-size:1.6666666667vw}}@media screen and (max-aspect-ratio: 1920 / 1080){.home .milestone__user-point>div{line-height:1.875vw}}