@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap);.container-payment-failure{height:100%}.container-payment-failure .box-error{padding:10px 20px;width:100%;max-width:420px;aspect-ratio:1;position:relative;background-color:#221e2a;border-radius:32px;overflow:hidden}.container-payment-failure .box-error .icon-status{width:120px;height:120px;object-fit:contain}.container-payment-failure .box-error .text-fail{font-size:22px;font-weight:500;color:#fff}.container-payment-failure .box-error:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:url(/static/media/red-bubbles-before.3c7b2803.svg);background-repeat:no-repeat;background-position:0 100%;background-size:20%}.container-payment-failure .box-error:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background-image:url(/static/media/red-bubbles-after.21fd3a77.svg);background-repeat:no-repeat;background-position:100% 0;background-size:10%}.wave-container .wave{margin-top:15px;float:left;width:20px;height:50px;box-sizing:border-box;border:3px solid #ece61f;margin-left:-2px;animation:slide .6s linear infinite}.wave-container .wave:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.wave-container .wave:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.wave-container .wave:nth-child(odd){animation-delay:.3s}@keyframes slide{50%{margin-top:30px}}.container-payment-success{height:100%}.container-payment-success .box-success{padding:10px 20px;width:100%;max-width:420px;aspect-ratio:1/1.2;position:relative;background-color:#221e2a;border-radius:32px;overflow:hidden;background-image:url(/static/media/green-bubbles-after.dbb9ceeb.svg);background-repeat:no-repeat;background-position:100% 0;background-size:10%}.container-payment-success .box-success .icon-status{width:120px;height:120px;object-fit:contain}.container-payment-success .box-success .text-white{font-size:22px;font-weight:500;color:#fff}.container-payment-success .box-success:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:url(/static/media/green-bubbles-before.beef6303.svg);background-repeat:no-repeat;background-position:0 100%;background-size:20%}.container-payment-success .box-success .btn-redirect{background:#ba81ff;border:none;color:#fff;margin-bottom:0}.container-payment-success .box-success .btn-redirect:hover{background:#ab66ff}.container-payment-success .box-success .btn-keep-buy{background:linear-gradient(73.6deg,#85ffc4 2.11%,#5cc6ff 42.39%,#bc85ff 85.72%);border:none;color:#fff}.container-payment-success .box-success .btn-keep-buy.disabled{background:#343a40;border:1px solid #1d2124}.form-payment{width:100%;padding:40px 40px 80px}@media(max-width:991px){.form-payment{padding:20px 0}}.logo{width:250px;height:auto;object-fit:contain}.text-logo{white-space:nowrap;font-size:35px;color:#fff;font-weight:700;letter-spacing:2px;text-transform:uppercase}.box-card-type{top:0;right:0;height:100%;pointer-events:none;z-index:3}.point-item-border{padding:1px;border-radius:8px;background-color:#1c1924;transition:all .3s}.point-item-border:hover{background:linear-gradient(47deg,#85ffc4,#5cc6ff 50%,#bc85ff)}.point-item{background-color:#1c1924;border-radius:8px}hr{margin:10px 0!important;margin-bottom:0}.img-card-type{height:20px;object-fit:contain}.input-card-number{z-index:1}.transition-field{transition:all .3s}label{font-size:14px;font-weight:700}.width-form-point{width:50%;background-color:#332d3f;border-radius:28px 0 0 28px}@media(max-width:991px){.width-form-point{width:100%;border-radius:28px 28px 0 0}.width-form-point .current-package{background-image:none}.width-form-point .box-coin{flex-direction:column-reverse}}.form-full-width{width:100%}.width-form-payment{width:50%}.btn-submit{height:44px}.total-pay{font-size:42px;font-weight:600}.hidden{width:0;opacity:0;height:0!important;overflow:hidden;padding:0!important;border:0!important;box-shadow:none!important}.text-money,.text-point{text-align:center;font-size:20px}.width-current-package{max-width:250px;width:100%}.cursor-pointer{cursor:pointer}.clear-current-point{top:0;right:0;font-size:25px;margin-top:-20px;margin-right:-10px;color:#a71d2a;cursor:pointer}.payment-info,.point-package{opacity:1;border-radius:28px}.current-package,.payment-info{padding:20px;transition:opacity .3s}.list-package-point{padding:20px;border-radius:28px}.form-payment-container,.list-package-point{background-color:#221e2b;box-shadow:0 16px 24px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.04)}.form-payment-container{border-radius:0 28px 28px 0}@media(max-width:991px){.form-payment-container{border-radius:0 0 28px 28px}.form-payment-container .box-title-form-payment{display:none}}@media(max-width:991px){.two-form-content{flex-direction:column}.two-form-content .payment-info,.two-form-content .point-package{width:100%}}.rccs__expiry>div:first-child,.rccs__name{display:none}.text-error{color:#f33;font-size:14px}.input-error{border-color:#f33!important;box-shadow:0 0 32px -15px #f33!important}.btn-back,.btn-confirm{height:44px}.btn-back{background:#ba81ff;border:none;font-weight:700;text-transform:uppercase;color:#fff}.btn-back:disabled,.btn-back:hover{background:#ab66ff}.btn-confirm,.btn-submit{background:linear-gradient(73.6deg,#85ffc4 2.11%,#5cc6ff 42.39%,#bc85ff 85.72%);border:none;font-weight:700;text-transform:uppercase;color:#fff}.btn-confirm.disabled,.btn-submit.disabled{background:#343a40;border:1px solid #1d2124}.payment-success .icon-check{width:100px;height:100px;object-fit:contain}.payment-success .text-success{color:#0c9921}.fetching-data{min-height:400px}@media(max-width:991px){.fetching-data{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content}}.box-empty{width:100px;height:100px;opacity:.5;box-shadow:0 10px 6px -6px #746e6e}.height-fit-content{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.show-error-payment{font-size:16px;background:#e0b3b3;color:#7d2d2d}.StripeElement,input{display:block;padding:10px 14px;font-family:"Source Code Pro",monospace;box-shadow:0 1px 3px rgba(50,50,93,.14902),0 1px 0 rgba(0,0,0,.0196078);border:0;outline:0;border-radius:4px;height:40px!important;z-index:999}.input-style{background-color:#332d3f!important;color:#fff;border:1px solid #57575c}.input-style.disabled{background-color:#2c2c2f!important}input::-webkit-input-placeholder{color:#aab7c4}input:-ms-input-placeholder{color:#aab7c4}input::placeholder{color:#aab7c4}.StripeElement--focus,input:focus{box-shadow:0 4px 6px rgba(50,50,93,.109804),0 1px 3px rgba(0,0,0,.0784314);transition:all .15s ease}.StripeElement.FpxBankElement,.StripeElement.IdealBankElement,.StripeElement.PaymentRequestButton{padding:0}.box-space{width:40px;transition:all .3s}.box-space .icon{font-size:30px}.box-space:hover{color:#007bff}.rccs{max-width:290px}.rccs,.rccs .rccs__card{width:100%}.notification-container{width:350px!important}.notification-container .notification{box-shadow:none}.current-package{background-image:url(/static/media/map-jp.88340c83.svg);background-repeat:no-repeat;background-size:80%;background-position:100% 100%}@media(max-width:991px){.current-package .title-package{display:none}}@media(min-width:992px){.current-package .title-package-mobile{display:none}}.box-coin,.current-point{display:flex;flex-direction:column}.current-point{justify-content:center;align-items:center}@media(max-width:991px){.current-point{display:none}}.current-point-mobile{display:flex;justify-content:center;align-items:center;margin-top:40px}.current-point-mobile img{height:80px;object-fit:contain;margin-right:20px}.current-point-mobile .text-point{text-align:left}.current-point-mobile .total-pay{font-size:40px}@media(min-width:992px){.current-point-mobile{display:none}}.space-1{line-height:22px;min-height:22px}.space-2{line-height:22px;min-height:44px}button{height:40px}.box-language{position:fixed;top:0;right:0;z-index:999;margin-right:20px;margin-top:20px}.box-language img{width:40px;height:auto;object-fit:contain;margin:10px;opacity:.5;transition:opacity .3;cursor:pointer}.box-language img.active{opacity:1}@media(max-width:576px){.box-language img{width:30px}}body{margin:0;font-family:-apple-system,"Roboto";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;width:100vw;background-color:#f6f8fb!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#root{min-height:100vh;height:100%;width:100vw;overflow-y:auto;overflow-x:hidden;background-color:#191720;color:#fff}
/*# sourceMappingURL=main.75544e0d.chunk.css.map */