._header_1qs0r_1{position:fixed;display:flex;z-index:10;right:0}._header--content_1qs0r_7{display:flex;align-items:center;justify-content:center;justify-content:flex-end;position:relative;right:3.2vh;height:12vh;padding-right:3.2vh}@media screen and (max-aspect-ratio: 1340 / 750){._header--content_1qs0r_7{right:1.7910447761vw}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content_1qs0r_7{height:6.7164179104vw}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content_1qs0r_7{padding-right:1.7910447761vw}}._header--content--btn-change_1qs0r_32{display:flex;align-items:center;justify-content:center;width:25.7333333333vh!important;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/button.png);background-size:100% 100%;margin-right:1.0666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--btn-change_1qs0r_32{width:14.4029850746vw!important}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--btn-change_1qs0r_32{margin-right:.5970149254vw}}._header--content--btn-change_1qs0r_32 span{display:inline-block;color:#000;font-size:3.2vh;font-weight:600;text-transform:uppercase;margin-bottom:1.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--btn-change_1qs0r_32 span{font-size:1.7910447761vw}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--btn-change_1qs0r_32 span{margin-bottom:.7462686567vw}}._header--content--login_1qs0r_69{font-size:3.2vh;font-weight:700;color:#000;text-transform:uppercase;display:flex;align-items:center;justify-content:center;width:21.3333333333vh!important;height:8.2666666667vh;margin-bottom:1.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--login_1qs0r_69{font-size:1.7910447761vw}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--login_1qs0r_69{width:11.9402985075vw!important}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--login_1qs0r_69{height:4.6268656716vw}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--login_1qs0r_69{margin-bottom:.7462686567vw}}._header--content--login_1qs0r_69:hover{color:#000;transform:none!important}._header--content_1qs0r_7 a{display:flex;align-items:center;justify-content:center;width:6.4vh;height:8.2666666667vh;transition:all .3s linear}@media screen and (max-aspect-ratio: 1340 / 750){._header--content_1qs0r_7 a{width:3.5820895522vw}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content_1qs0r_7 a{height:4.6268656716vw}}._header--content_1qs0r_7 a:hover{transform:scale(1.05)}._header--content--user_1qs0r_126{display:flex;flex-direction:column;margin-left:1.0666666667vh;max-width:46.6666666667vh;margin-bottom:2vh}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--user_1qs0r_126{margin-left:.5970149254vw}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--user_1qs0r_126{max-width:26.1194029851vw}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--user_1qs0r_126{margin-bottom:1.1194029851vw}}._header--content--user_1qs0r_126 a{display:inline;max-width:40vh!important;min-width:33.3333333333vh!important;height:4.2666666667vh;font-size:2.6666666667vh;text-transform:uppercase;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--user_1qs0r_126 a{max-width:22.3880597015vw!important}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--user_1qs0r_126 a{min-width:18.6567164179vw!important}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--user_1qs0r_126 a{height:2.3880597015vw}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--user_1qs0r_126 a{font-size:1.4925373134vw}}._header--content--user_1qs0r_126 a:hover{color:#000;transform:none!important}._header--content--user_1qs0r_126 span{font-size:3.2vh;text-transform:uppercase;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:33.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--user_1qs0r_126 span{font-size:1.7910447761vw}}@media screen and (max-aspect-ratio: 1340 / 750){._header--content--user_1qs0r_126 span{max-width:18.6567164179vw}}html{box-sizing:border-box;font-size:62.5%}html,body,#root{margin:0;padding:0}#root{margin-left:auto;margin-right:auto}body{color:#fff;font-size:1.6417910448vw;font-family:GFF Latin,sans-serif;font-optical-sizing:auto;overflow-x:hidden;background-color:#001514;background-image:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/bg.png);background-size:cover;background-position:center center;min-height:100vh;position:relative}a{outline:none!important;text-decoration:none}a:hover,a:focus{text-decoration:none}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:#a03a3c!important}.text-yellow{color:#fdf57a!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:2.6865671642vw!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:1.0666666667vh;border-radius:2vh}@media screen and (max-aspect-ratio: 1340 / 750){::-webkit-scrollbar:vertical{width:.5970149254vw}}::-webkit-scrollbar:horizontal{height:1.0666666667vh;border-radius:2vh}@media screen and (max-aspect-ratio: 1340 / 750){::-webkit-scrollbar:horizontal{height:.5970149254vw}}::-webkit-scrollbar-thumb{background:#6a6a6a;width:1.0666666667vh;border-radius:2vh;border:0px solid #6a6a6a}@media screen and (max-aspect-ratio: 1340 / 750){::-webkit-scrollbar-thumb{width:.5970149254vw}}::-webkit-scrollbar-track{width:1.0666666667vh;border-radius:2vh;background-color:#fff;border:1px solid white}@media screen and (max-aspect-ratio: 1340 / 750){::-webkit-scrollbar-track{width:.5970149254vw}}@keyframes swingLeft{0%{transform:rotate(0)}50%{transform:rotate(-5deg)}to{transform:rotate(0)}}@keyframes swingRight{0%{transform:rotateY(180deg) rotate(0)}50%{transform:rotateY(180deg) rotate(5deg)}to{transform:rotateY(180deg) rotate(0)}}@font-face{font-family:GFF Latin;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Regular.eot);src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Regular.eot?#iefix) format("embedded-opentype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Regular.woff2) format("woff2"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Regular.woff) format("woff"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Regular.ttf) format("truetype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Regular.svg#GFF-Latin-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GFF Latin;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Medium.eot);src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Medium.eot?#iefix) format("embedded-opentype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Medium.woff2) format("woff2"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Medium.woff) format("woff"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Medium.ttf) format("truetype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Medium.svg#GFF-Latin-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:GFF Latin;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Bold.eot);src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Bold.eot?#iefix) format("embedded-opentype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Bold.woff2) format("woff2"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Bold.woff) format("woff"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Bold.ttf) format("truetype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Bold.svg#GFF-Latin-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:GFF Latin;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-ExtraBold.eot);src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-ExtraBold.eot?#iefix) format("embedded-opentype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-ExtraBold.woff2) format("woff2"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-ExtraBold.woff) format("woff"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-ExtraBold.ttf) format("truetype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-ExtraBold.svg#GFF-Latin-ExtraBold) format("svg");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:SVN;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/AgencyFB-Black.eot);src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/AgencyFB-Black.eot?#iefix) format("embedded-opentype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/AgencyFB-Black.woff2) format("woff2"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/AgencyFB-Black.woff) format("woff"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/AgencyFB-Black.ttf) format("truetype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/AgencyFB-Black.svg#GFF-Latin-ExtraBold) format("svg");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:GFF Latin;src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Black.eot);src:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Black.eot?#iefix) format("embedded-opentype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Black.woff2) format("woff2"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Black.woff) format("woff"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Black.ttf) format("truetype"),url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/fonts/GFF-Latin-Black.svg#GFF-Latin-Black) format("svg");font-weight:900;font-style:normal;font-display:swap}.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{background:url(/images/btn.png);background-size:100% 100%;color:#fff!important;font-size:4.6666666667vh;min-width:31.4666666667vh;height:11.4666666667vh;padding-right:2vh;padding-left:2vh;padding-bottom:1.2vh;padding-bottom:0;border:0!important;outline:none!important;box-shadow:none!important;text-transform:uppercase;position:relative;display:flex;align-items:center;justify-content:center;display:inline-flex;text-align:center;font-weight:700;z-index:1;text-decoration:none!important}@media screen and (max-aspect-ratio: 1340 / 750){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{font-size:2.6119402985vw}}@media screen and (max-aspect-ratio: 1340 / 750){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{min-width:17.6119402985vw}}@media screen and (max-aspect-ratio: 1340 / 750){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{height:6.4179104478vw}}@media screen and (max-aspect-ratio: 1340 / 750){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{padding-right:1.1194029851vw}}@media screen and (max-aspect-ratio: 1340 / 750){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{padding-left:1.1194029851vw}}@media screen and (max-aspect-ratio: 1340 / 750){.btn,.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{padding-bottom:.671641791vw}}.btn__icon,.swal2-container .swal2-popup .swal2-styled.swal2-confirm__icon,.swal2-container .swal2-popup .swal2-styled.swal2-cancel__icon{display:block;width:4.4vh;margin-right:2.6666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){.btn__icon,.swal2-container .swal2-popup .swal2-styled.swal2-confirm__icon,.swal2-container .swal2-popup .swal2-styled.swal2-cancel__icon{width:2.4626865672vw}}@media screen and (max-aspect-ratio: 1340 / 750){.btn__icon,.swal2-container .swal2-popup .swal2-styled.swal2-confirm__icon,.swal2-container .swal2-popup .swal2-styled.swal2-cancel__icon{margin-right:1.4925373134vw}}.btn--big,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--big,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--big{font-size:5.6vh;min-width:57.3333333333vh;height:13.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.btn--big,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--big,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--big{font-size:3.1343283582vw}}@media screen and (max-aspect-ratio: 1340 / 750){.btn--big,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--big,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--big{min-width:32.0895522388vw}}@media screen and (max-aspect-ratio: 1340 / 750){.btn--big,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--big,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--big{height:7.4626865672vw}}.btn--enter,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--enter,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--enter{position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.btn--gray,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--gray,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--gray{background:url(/images/btn-grayout.png);background-size:100% 100%}.btn--fw,.swal2-container .swal2-popup .swal2-styled.swal2-confirm--fw,.swal2-container .swal2-popup .swal2-styled.swal2-cancel--fw{width:100%;min-width:initial!important}.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{font-weight:700;font-size:3.3333333333vh;min-width:37.3333333333vh;height:9.3333333333vh;padding-top:0}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{font-size:1.8656716418vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{min-width:20.8955223881vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container .swal2-popup .swal2-styled.swal2-confirm,.swal2-container .swal2-popup .swal2-styled.swal2-cancel{height:5.223880597vw}}.swal2-container .swal2-popup .swal2-styled.swal2-cancel{background:url(/images/btn-grayout.png)!important;background-size:100% 100%}.ScrollbarsCustom-Wrapper{right:0!important}.ScrollbarsCustom-Track{width:1.3333333333vh!important;right:-3.3333333333vh!important;border-radius:1.3333333333vh!important;z-index:1;background:none!important}@media screen and (max-aspect-ratio: 1340 / 750){.ScrollbarsCustom-Track{width:.7462686567vw!important}}@media screen and (max-aspect-ratio: 1340 / 750){.ScrollbarsCustom-Track{right:-1.8656716418vw!important}}@media screen and (max-aspect-ratio: 1340 / 750){.ScrollbarsCustom-Track{border-radius:.7462686567vw!important}}.ScrollbarsCustom-Thumb{background:#fff!important;border-radius:0!important;border-radius:1.3333333333vh!important}@media screen and (max-aspect-ratio: 1340 / 750){.ScrollbarsCustom-Thumb{border-radius:.7462686567vw!important}}.modal-scrollbar{height:100%!important}.list-scrollbar{height:96vh!important}@media screen and (max-aspect-ratio: 1340 / 750){.list-scrollbar{height:53.7313432836vw!important}}.swal2-container.swal2-backdrop-show{background-color:#000c!important}.swal2-container.swal2-backdrop-show .swal2-popup{display:flex}.swal2-container.swal2-backdrop-show.overlay-toast{background:transparent!important}.swal2-html-container{align-self:center;overflow:visible!important}.swal2-container{padding:0!important;z-index:10000!important}.swal2-container.swal2-center .swal2-popup{width:139.8666666667vh;height:96.2666666667vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/boardModal.png) no-repeat center bottom;background-size:100% 100%;padding:30vh 8vh 20vh 36vh;border-radius:0!important;border:0!important}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup{width:78.2835820896vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup{height:53.8805970149vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup{padding:16.7910447761vw 4.4776119403vw 11.1940298507vw 20.1492537313vw}}.swal2-container.swal2-center .swal2-popup.popup-transparent{background:transparent!important;padding-top:10.6666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-transparent{padding-top:5.9701492537vw}}.swal2-container.swal2-center .swal2-popup.popup-toast{background:#c34222;background:-webkit-linear-gradient(90deg,rgba(195,66,34,0) 0%,rgb(199,62,62) 50%,rgba(255,209,117,0) 100%);background:-moz-linear-gradient(90deg,rgba(195,66,34,0) 0%,rgb(199,62,62) 50%,rgba(255,209,117,0) 100%);background:linear-gradient(90deg,#c3422200,#c73e3e,#ffd17500);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#C34222",endColorstr="#FFD175",GradientType=1);padding:0!important}.swal2-container.swal2-center .swal2-popup.popup-toast:before,.swal2-container.swal2-center .swal2-popup.popup-toast:after{display:none}.swal2-container.swal2-center .swal2-popup.popup-toast .swal2-html-container{margin:0 auto;padding:0}.swal2-container.swal2-center .swal2-popup.popup-toast p{text-align:center;margin-bottom:0;line-height:120%;font-size:4.5333333333vh!important;color:#fff!important}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-toast p{font-size:2.5373134328vw!important}}.swal2-container.swal2-center .swal2-popup.popup-message,.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container{position:relative}.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container p{color:#eae352;font-weight:900;margin-top:16vh}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container p{margin-top:8.9552238806vw}}.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin{position:absolute;height:4.2666666667vh;background-color:#202c40;display:flex;align-items:center;justify-content:center;padding:0 1.6vh;border-radius:3.2vh;gap:.5333333333vh;top:-5.3333333333vh;right:6.6666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin{height:2.3880597015vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin{padding:0 .8955223881vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin{border-radius:1.7910447761vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin{gap:.2985074627vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin{top:-2.9850746269vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin{right:3.7313432836vw}}.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin span{color:#fff;font-size:2.4vh;font-weight:600}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin span{font-size:1.3432835821vw}}.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin img{width:3.2vh;margin-bottom:.5333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin img{width:1.7910447761vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-html-container .total-coin img{margin-bottom:.2985074627vw}}.swal2-container.swal2-center .swal2-popup.popup-message .swal2-title{position:absolute;top:26.6666666667vh;padding-left:33.3333333333vh;left:0}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-title{top:14.9253731343vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-message .swal2-title{padding-left:18.6567164179vw}}.swal2-container.swal2-center .swal2-popup.popup-reward{position:relative}.swal2-container.swal2-center .swal2-popup.popup-reward .reward-image{width:31.0666666667vh;height:31.0666666667vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/borderRectangle.png);background-size:100% 100%;display:flex;align-items:center;justify-content:center;margin-left:50%;transform:translate(-50%);margin-top:6.6666666667vh;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-reward .reward-image{width:17.3880597015vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-reward .reward-image{height:17.3880597015vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-reward .reward-image{margin-top:3.7313432836vw}}.swal2-container.swal2-center .swal2-popup.popup-reward .reward-image img{height:20.5333333333vh;width:auto}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-reward .reward-image img{height:11.4925373134vw}}.swal2-container.swal2-center .swal2-popup.popup-reward .reward-image p{font-size:4.2666666667vh;font-weight:800;text-transform:uppercase;color:#eae352!important;position:absolute;bottom:-9.3333333333vh;left:50%;width:66.6666666667vh;transform:translate(-50%)}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-reward .reward-image p{font-size:2.3880597015vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-reward .reward-image p{bottom:-5.223880597vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-reward .reward-image p{width:37.3134328358vw}}.swal2-container.swal2-center .swal2-popup.popup-reward .swal2-title{position:absolute;top:26.6666666667vh;padding-left:33.3333333333vh;left:0}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-reward .swal2-title{top:14.9253731343vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup.popup-reward .swal2-title{padding-left:18.6567164179vw}}.swal2-container.swal2-center .swal2-popup.popup-image{background:transparent!important;box-shadow:none!important;padding:0!important;border:0!important;border-radius:0!important}.swal2-container.swal2-center .swal2-popup.popup-image img{max-width:100%;margin-left:auto;margin-right:auto;display:block;backface-visibility:hidden;width:100%}.swal2-container.swal2-center .swal2-popup.popup-image #swal2-html-container{width:100%;margin:0}.swal2-container.swal2-center .swal2-popup.popup-image .swal2-close,.swal2-container.swal2-center .swal2-popup.popup-image .close{top:0;left:102%}.swal2-container.swal2-center .swal2-popup .swal2-actions{width:100%}.swal2-container.swal2-center .swal2-popup .swal2-close,.swal2-container.swal2-center .swal2-popup .close{position:absolute;width:7.7333333333vh;height:8.5333333333vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/close.png) no-repeat center;background-size:100%;box-shadow:none!important;top:10.6666666667vh;right:-6.6666666667vh;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}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-close,.swal2-container.swal2-center .swal2-popup .close{width:4.328358209vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-close,.swal2-container.swal2-center .swal2-popup .close{height:4.776119403vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-close,.swal2-container.swal2-center .swal2-popup .close{top:5.9701492537vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-close,.swal2-container.swal2-center .swal2-popup .close{right:-3.7313432836vw}}.swal2-container.swal2-center .swal2-popup .swal2-html-container{line-height:120%;height:100%!important;width:100%;font-size:4.5333333333vh;margin:0 auto;color:#000;line-height:1.5;padding-top:0;text-transform:uppercase;font-weight:700;position:relative}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-html-container{font-size:2.5373134328vw}}.swal2-container.swal2-center .swal2-popup .swal2-html-container small{text-transform:none;font-size:80%;font-weight:400}.swal2-container.swal2-center .swal2-popup .swal2-html-container p{line-height:150%;font-size:3.4666666667vh;margin-bottom:1.3333333333vh;color:#eae352;text-transform:uppercase;font-weight:700}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-html-container p{font-size:1.9402985075vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-html-container p{margin-bottom:.7462686567vw}}.swal2-container.swal2-center .swal2-popup h3{font-size:4vh!important}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup h3{font-size:2.2388059701vw!important}}.swal2-container.swal2-center .swal2-popup .swal2-confirm{width:39.3333333333vh;height:13.7333333333vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/btnAccept.png);background-size:100% 100%;font-size:4.2666666667vh;color:#000!important;text-transform:uppercase;margin-bottom:13.3333333333vh;padding-bottom:1.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-confirm{width:22.0149253731vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-confirm{height:7.6865671642vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-confirm{font-size:2.3880597015vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-confirm{margin-bottom:7.4626865672vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-confirm{padding-bottom:.7462686567vw}}.swal2-container.swal2-center .swal2-popup .swal2-cancel{width:39.3333333333vh;height:13.7333333333vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/btnCancel.png)!important;background-size:100% 100%!important;font-size:4.2666666667vh;color:#000!important;text-transform:uppercase;margin-bottom:13.3333333333vh;padding-bottom:1.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-cancel{width:22.0149253731vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-cancel{height:7.6865671642vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-cancel{font-size:2.3880597015vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-cancel{margin-bottom:7.4626865672vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-cancel{padding-bottom:.7462686567vw}}.swal2-container.swal2-center .swal2-popup .swal2-title,.swal2-container.swal2-center .swal2-popup h2{pointer-events:none;font-size:4.2666666667vh;margin-bottom:0;font-weight:700;color:#fff;width:100%;text-transform:uppercase;font-weight:800;display:flex;align-items:center;justify-content:center;position:absolute;top:21.3333333333vh;padding-left:30vh}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-title,.swal2-container.swal2-center .swal2-popup h2{font-size:2.3880597015vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-title,.swal2-container.swal2-center .swal2-popup h2{top:11.9402985075vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-title,.swal2-container.swal2-center .swal2-popup h2{padding-left:16.7910447761vw}}.swal2-container.swal2-center .swal2-popup .swal2-title .gold-icon,.swal2-container.swal2-center .swal2-popup h2 .gold-icon{width:4.2666666667vh;margin-bottom:1.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-title .gold-icon,.swal2-container.swal2-center .swal2-popup h2 .gold-icon{width:2.3880597015vw}}@media screen and (max-aspect-ratio: 1340 / 750){.swal2-container.swal2-center .swal2-popup .swal2-title .gold-icon,.swal2-container.swal2-center .swal2-popup h2 .gold-icon{margin-bottom:.7462686567vw}}.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:#000c!important;z-index:9999!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:139.8666666667vh;height:96.2666666667vh;padding:0;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/boardModal.png) no-repeat center bottom;background-size:100% 100%;padding:30vh 8vh 20vh 36vh;outline:none;z-index:1;font-size:4.2666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content{width:78.2835820896vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content{height:53.8805970149vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content{padding:16.7910447761vw 4.4776119403vw 11.1940298507vw 20.1492537313vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content{font-size:2.3880597015vw}}.ReactModal__Content .modal-description{width:100%;margin-left:auto;margin-right:auto}.ReactModal__Content.modal-small{width:133.3333333333vh;min-height:72.6666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-small{width:74.6268656716vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-small{min-height:40.671641791vw}}.ReactModal__Content.modal-small h2{font-size:8vh;height:13.3333333333vh;line-height:13.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-small h2{font-size:4.4776119403vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-small h2{height:7.4626865672vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-small h2{line-height:7.4626865672vw}}.ReactModal__Content.modal-normal{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/popup-reward.png) no-repeat center bottom;background-size:100% 100%;width:116.4vh;min-height:60.2666666667vh;padding:3.3333333333vh 3.3333333333vh 6.6666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-normal{width:65.1492537313vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-normal{min-height:33.7313432836vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-normal{padding:1.8656716418vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-normal{padding-bottom:3.7313432836vw}}.ReactModal__Content.modal-normal p,.ReactModal__Content.modal-normal li{font-size:4vh;line-height:120%;font-weight:700;color:#000;text-shadow:none}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-normal p,.ReactModal__Content.modal-normal li{font-size:2.2388059701vw}}.ReactModal__Content.modal-duplicated{background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/popup-duplicated.png) no-repeat center bottom;background-size:100% 100%;width:135.7333333333vh;min-height:60.2666666667vh;padding:3.3333333333vh 3.3333333333vh 6.6666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-duplicated{width:75.9701492537vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-duplicated{min-height:33.7313432836vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-duplicated{padding:1.8656716418vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-duplicated{padding-bottom:3.7313432836vw}}.ReactModal__Content.modal-duplicated p,.ReactModal__Content.modal-duplicated li{font-size:4vh;line-height:120%;font-weight:700;color:#5e6bd1;text-shadow:none}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-duplicated p,.ReactModal__Content.modal-duplicated li{font-size:2.2388059701vw}}.ReactModal__Content.modal-info{margin-top:33.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-info{margin-top:18.6567164179vw}}.ReactModal__Content.modal-list{width:236.8vh;min-height:114.5333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-list{width:132.5373134328vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content.modal-list{min-height:64.1044776119vw}}.ReactModal__Content.modal-list .close{right:0;bottom:98%;top:auto}.ReactModal__Content h3{text-transform:uppercase;font-weight:800;font-size:8vh;color:#000}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content h3{font-size:4.4776119403vw}}.ReactModal__Content .close{position:absolute;width:7.7333333333vh;height:8.5333333333vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/close.png) no-repeat center;background-size:100%;box-shadow:none!important;top:10.6666666667vh;right:-6.6666666667vh;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: 1340 / 750){.ReactModal__Content .close{width:4.328358209vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content .close{height:4.776119403vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content .close{top:5.9701492537vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content .close{right:-3.7313432836vw}}.ReactModal__Content strong{font-weight:900}.ReactModal__Content h2{font-size:4.2666666667vh;margin-bottom:0;padding:0;color:#fff;width:100%;text-transform:uppercase;text-shadow:none;font-weight:700;line-height:110%;position:absolute;top:24vh;padding-left:24vh;left:0;text-align:center}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content h2{font-size:2.3880597015vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content h2{top:13.4328358209vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content h2{padding-left:13.4328358209vw}}.ReactModal__Content p,.ReactModal__Content li{font-size:3.2vh;line-height:120%;font-weight:700;margin-bottom:2vh;color:#000;text-shadow:none;word-wrap:break-word;white-space:normal}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content p,.ReactModal__Content li{font-size:1.7910447761vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content p,.ReactModal__Content li{margin-bottom:1.1194029851vw}}.ReactModal__Content p strong,.ReactModal__Content li strong{font-weight:900}.ReactModal__Content ul{margin-bottom:3.3333333333vh;margin-left:3.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content ul{margin-bottom:1.8656716418vw}}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content ul{margin-left:1.8656716418vw}}.ReactModal__Content ul li{margin-bottom:.6666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){.ReactModal__Content ul li{margin-bottom:.3731343284vw}}.to-browser{position:fixed;top:12%;right:10.6666666667vh;width:22.9333333333vh!important;height:17.6vh}@media screen and (max-aspect-ratio: 1340 / 750){.to-browser{right:5.9701492537vw}}@media screen and (max-aspect-ratio: 1340 / 750){.to-browser{width:12.8358208955vw!important}}@media screen and (max-aspect-ratio: 1340 / 750){.to-browser{height:9.8507462687vw}}.hidden{display:none!important}.camera{position:absolute;right:0;bottom:5%;width:17.8666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){.camera{width:10vw}}.btn-modal{position:absolute!important;left:32%!important;z-index:1!important;bottom:0!important;transform:translateY(50%)!important}.login-icon{margin-top:13.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.login-icon{margin-top:7.4626865672vw}}.login-icon a{display:inline-block;width:13.3333333333vh;height:13.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.login-icon a{width:7.4626865672vw}}@media screen and (max-aspect-ratio: 1340 / 750){.login-icon a{height:7.4626865672vw}}.login-icon a img{height:100%;display:block}.modal-actions{position:absolute;bottom:0;left:0;width:100%;transform:translateY(50%)}.modal-leader-board{width:137.7333333333vh;height:78.2666666667vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/boardModalLarge.png) no-repeat center bottom;background-size:100% 100%;padding:12vh 8vh 8vh;text-transform:uppercase}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board{width:77.0895522388vw}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board{height:43.8059701493vw}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board{padding:6.7164179104vw 4.4776119403vw 4.4776119403vw}}.modal-leader-board h2{position:absolute;top:4.9333333333vh;padding:0;width:100%;color:#fff;text-shadow:none;font-size:4.5333333333vh;font-weight:700;text-transform:uppercase}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board h2{top:2.7611940299vw}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board h2{padding:0}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board h2{font-size:2.5373134328vw}}.modal-leader-board .close{top:-6.6666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .close{top:-3.7313432836vw}}.modal-leader-board .content{display:flex;align-items:center;justify-content:center;gap:4vh}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content{gap:2.2388059701vw}}.modal-leader-board .content .left{font-size:2.6666666667vh;font-weight:800;flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4vh}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content .left{font-size:1.4925373134vw}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content .left{gap:2.2388059701vw}}.modal-leader-board .content .left .item{display:flex;align-items:center;justify-content:center;flex-direction:column}.modal-leader-board .content .left .item .item-title{font-weight:600;text-transform:uppercase;text-align:center}.modal-leader-board .content .left .item .item-title span{color:#fff244}.modal-leader-board .content .left .item .item{width:15.3333333333vh;height:15.3333333333vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/borderRectangle.png);background-size:100% 100%}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content .left .item .item{width:8.5820895522vw}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content .left .item .item{height:8.5820895522vw}}.modal-leader-board .content .left .item .item .react-tooltip{z-index:999}.modal-leader-board .content .leader-board-table{width:86.6666666667vh;padding-top:.1333333333vh;height:100%}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content .leader-board-table{width:48.5074626866vw}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content .leader-board-table{padding-top:.0746268657vw}}.modal-leader-board .content .end-time{font-size:2.6666666667vh;font-weight:600;text-transform:uppercase;text-align:center;position:absolute;bottom:.9333333333vh;left:0;right:0;padding:.6666666667vh}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content .end-time{font-size:1.4925373134vw}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content .end-time{bottom:.5223880597vw}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content .end-time{left:0}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content .end-time{right:0}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-leader-board .content .end-time{padding:.3731343284vw}}.modal-switch{padding-top:22.6666666667vh;position:relative}@media screen and (max-aspect-ratio: 1340 / 750){.modal-switch{padding-top:12.6865671642vw}}.modal-switch .no-mission{font-size:3.7333333333vh;font-weight:600;text-transform:uppercase;color:#000;text-align:center;margin-top:13.3333333333vh}@media screen and (max-aspect-ratio: 1340 / 750){.modal-switch .no-mission{font-size:2.0895522388vw}}@media screen and (max-aspect-ratio: 1340 / 750){.modal-switch .no-mission{margin-top:7.4626865672vw}}table{width:100%;margin:auto}table thead{font-size:3.4666666667vh;font-weight:700;color:#fff244;line-height:1em}@media screen and (max-aspect-ratio: 1340 / 750){table thead{font-size:1.9402985075vw}}table thead tr{border-width:.2666666667vh;border:solid white}@media screen and (max-aspect-ratio: 1340 / 750){table thead tr{border-width:.1492537313vw}}table thead tr td,table thead tr th{padding:2.1333333333vh 1.0666666667vh;text-align:center}@media screen and (max-aspect-ratio: 1340 / 750){table thead tr td,table thead tr th{padding:1.1940298507vw .5970149254vw}}table tbody tr{border-width:.2666666667vh;border:solid white}@media screen and (max-aspect-ratio: 1340 / 750){table tbody tr{border-width:.1492537313vw}}table tbody tr td,table tbody tr th{height:6vh;text-align:center;padding:2.1333333333vh 1.0666666667vh;color:#fff;font-size:3.4666666667vh;font-weight:600;line-height:1.1em}@media screen and (max-aspect-ratio: 1340 / 750){table tbody tr td,table tbody tr th{height:3.3582089552vw}}@media screen and (max-aspect-ratio: 1340 / 750){table tbody tr td,table tbody tr th{padding:1.1940298507vw .5970149254vw}}@media screen and (max-aspect-ratio: 1340 / 750){table tbody tr td,table tbody tr th{font-size:1.9402985075vw}}table tbody tr td .list-rewards,table tbody tr th .list-rewards{display:flex;flex-wrap:wrap;gap:2.1333333333vh;justify-content:center}@media screen and (max-aspect-ratio: 1340 / 750){table tbody tr td .list-rewards,table tbody tr th .list-rewards{gap:1.1940298507vw}}table tbody tr td .list-rewards>span,table tbody tr th .list-rewards>span{width:9.3333333333vh;height:9.3333333333vh;position:relative}@media screen and (max-aspect-ratio: 1340 / 750){table tbody tr td .list-rewards>span,table tbody tr th .list-rewards>span{width:5.223880597vw}}@media screen and (max-aspect-ratio: 1340 / 750){table tbody tr td .list-rewards>span,table tbody tr th .list-rewards>span{height:5.223880597vw}}table tbody tr td .list-rewards>span img,table tbody tr th .list-rewards>span img{width:100%;height:100%;position:relative;object-fit:contain}table tbody tr td .list-rewards>span>span,table tbody tr th .list-rewards>span>span{font-size:2.1333333333vh;position:absolute;bottom:-2vh;right:0;color:var(--Primary_01, #0ff796);text-align:right;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@media screen and (max-aspect-ratio: 1340 / 750){table tbody tr td .list-rewards>span>span,table tbody tr th .list-rewards>span>span{font-size:1.1940298507vw}}@media screen and (max-aspect-ratio: 1340 / 750){table tbody tr td .list-rewards>span>span,table tbody tr th .list-rewards>span>span{bottom:-1.1194029851vw}}table tbody tr.is-mine td{color:#6adbfb}.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,.swal2-container .swal2-popup .swal2-styled.swal2-confirm:disabled,.swal2-container .swal2-popup .swal2-styled.swal2-cancel: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.4925373134vw;color:#fff;padding:.7462686567vw;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:2.0895522388vw}}.owned>*{filter:brightness(40%)!important}.owned:after{content:"";position:absolute;top:55%;left:50%;display:inline-block;transform:translate(-50%,-50%);width:4.4776119403vw;height:4.4776119403vw;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:4.4776119403vw;height:4.4776119403vw;border-width:.5970149254vw;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:-2.2388059701vw;margin-left:-2.2388059701vw}@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:14.9253731343vw;font-size:3.7313432836vw}.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:7.4626865672vw;font-size:2.9850746269vw}.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:8.8059701493vw;font-weight:700;min-width:6.9402985075vw;min-height:6.7164179104vw;font-size:2.2388059701vw}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/ff-back-to-school-2025/images/checked.png);background-size:100% 100%}label.checkbox span{content:"";position:absolute;width:2.0895522388vw;height:2.0895522388vw;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) rotate(-8deg)}50%{transform:scale(1.1) rotate(-8deg)}}@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}}body{font-family:GFF Latin,sans-serif}#main-body{position:relative;overflow:hidden;height:100vh;width:100%}.text-medium{font-weight:500}.text-medium strong{font-weight:500;color:#00ff90}.ping{animation:ping 2s infinite}.floating{animation:floating 5s infinite linear}.bounce{animation:bounce 1.5s infinite}.heartBeat{animation:heartBeat 1.5s infinite}@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.content-main{position:absolute;width:118.8vh;height:67.4666666667vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/boardPickType.png);background-size:100% 100%;z-index:5;right:5.3333333333vh;top:24vh}@media screen and (max-aspect-ratio: 1340 / 750){.content-main{width:66.4925373134vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-main{height:37.7611940299vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-main{right:2.9850746269vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-main{top:13.4328358209vw}}.content-main:after{content:"";position:absolute;top:-16.6666666667vh;left:-52vh;width:52.4vh;height:148.6666666667vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/nhanvat.png);background-size:100% 100%;animation:floating 2s infinite linear}@media screen and (max-aspect-ratio: 1340 / 750){.content-main:after{top:-9.328358209vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-main:after{left:-29.1044776119vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-main:after{width:29.328358209vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-main:after{height:83.2089552239vw}}.content-mission{position:absolute;width:108.2666666667vh;height:61.6vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/board.png);background-size:100% 100%;z-index:5;right:5.3333333333vh;top:20vh}@media screen and (max-aspect-ratio: 1340 / 750){.content-mission{width:60.5970149254vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-mission{height:34.4776119403vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-mission{right:2.9850746269vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-mission{top:11.1940298507vw}}.content-mission:after{content:"";position:absolute;top:-7.3333333333vh;left:-56vh;width:52.4vh;height:148.6666666667vh;background:url(https://cdn.vn.garenanow.com/web/ddt/ffcafe/ff-back-to-school-2025/images/nhanvat.png);background-size:100% 100%;animation:floating 2s infinite linear}@media screen and (max-aspect-ratio: 1340 / 750){.content-mission:after{top:-4.1044776119vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-mission:after{left:-31.3432835821vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-mission:after{width:29.328358209vw}}@media screen and (max-aspect-ratio: 1340 / 750){.content-mission:after{height:83.2089552239vw}}
