@import"https://fonts.googleapis.com/css2?family=Kanit:wght@200;300;400;500;600;700&display=swap";body{margin:0;padding:0;font-family:Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input{font-family:Kanit,sans-serif}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus{-webkit-text-fill-color:#6c757e;-webkit-box-shadow:0 0 0px 40rem #ffff inset}input:-moz-autofill,input:-moz-autofill:hover,input:-moz-autofill:focus{-moz-text-fill-color:#6c757e;-moz-box-shadow:0 0 0px 40rem #ffff inset}input:-ms-autofill,input:-ms-autofill:hover,input:-ms-autofill:focus{-ms-text-fill-color:#6c757e;-ms-box-shadow:0 0 0px 40rem #ffff inset}input:-webkit-autofill,input:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s!important;color:#6c757e!important}button{font-family:Kanit,sans-serif}::-webkit-scrollbar{width:7px;right:20px;background-color:#f5f5f5;transition:width .3s ease}::-webkit-scrollbar-thumb{background-color:#888;height:50px;border-radius:5px;transition:background-color .3s ease}::-webkit-scrollbar-thumb:hover{background-color:#555}::-webkit-scrollbar-thumb:active{background-color:#444}.box-center{display:flex;justify-content:center;align-items:center}.contianer{width:100%;max-width:1095px;min-width:360px}.icon-lg{width:110px;height:110px}.line-logo{width:70px;height:70px}.icon-profile{width:85px;height:85px}.icon-back{width:20px;height:32px}.icon-md{width:50px;height:50px}.icon-link{width:30px;height:24px}.icon-bolt{width:24px;height:27px}.icon-bolt-lg{height:80px}.icon-pen{width:20px;height:20px}.icon-28{width:28px;height:28px}.icon-18{width:18px;height:18px}.icon-20{width:20px;height:20px}.icon{width:24px;height:24px}.icon-arrow-down{width:14px;height:16px}.icon-eighteen{width:18px;height:18px}.card-box{width:90%;max-width:1095px;min-width:300px}.box-column{display:flex;flex-direction:column}.container-line{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:220px}.box-row{display:flex;flex-direction:row}.card{width:90%;max-width:1095px;min-width:300px;border-radius:10px;box-shadow:#00000040 1px 1px 5px}.card-header{padding:8px 20px;box-sizing:border-box;background-color:#e1e1e1;border-radius:8px 8px 0 0;text-align:center;border-bottom:1px solid #96959d}.header-text{box-sizing:border-box;word-wrap:break-word}.card-content{padding:12px;background-color:#fff;text-align:center}.card-footer{padding:8px 20px;background-color:#fff;border-radius:0 0 8px 8px;text-align:center;border-top:2px solid #96959d}.notfound-container{max-width:610px}.notfound-title{font-size:500%;font-weight:500;color:#1a85c7}.notfound-content{font-size:120%;font-weight:300}.blink{animation:blink-animation 2s infinite}.divider{width:100%;height:2px;background-color:#d9d9d9}.divider-main{width:100%;height:2px;background-color:#96959d}.topup-amount{display:flex;justify-content:center;align-items:center;width:60px;height:40px;color:#6c757e;background-color:#f8f9f9;border:1px solid #96959d;border-radius:10px;cursor:pointer}.topup-amount:hover,.topup-amount-active{display:flex;justify-content:center;align-items:center;width:60px;height:40px;color:#fff;background-color:#6c757e;border:1px solid #96959d;border-radius:10px;cursor:pointer}.input-field{display:flex;align-items:center;justify-content:start;border:1px solid #96959d;border-radius:20px;width:100%;box-sizing:border-box;max-width:290px}.input-field .input-icon{display:flex;justify-content:center;align-items:center;margin:0 5px}.input-field input{font-size:16px;outline:none;border:0;width:100%;max-width:218px;font-weight:300;color:#6c757e}.input-field input:focus{outline:none}.input-field input::value{color:#6c757e}.field-custom{display:flex;align-items:center;justify-content:start;border:1px solid #96959d;border-radius:42px;height:42px;box-sizing:border-box;width:290px}.field-custom .input-icon{display:flex;justify-content:center;align-items:center;margin:0 5px}.field-custom input{font-size:16px;outline:none;border:0;width:100%;font-weight:300;color:#6c757e!important}.field-custom input:focus{outline:none}.field-custom input::value{color:#6c757e}.text-field-custom{display:flex;align-items:center;justify-content:start;border:1px solid #96959d;width:100%;box-sizing:border-box;max-width:290px}.text-field-custom .input-icon{display:flex;justify-content:center;align-items:center;margin:0 5px}.text-field-custom input{font-size:16px;outline:none;border:0;width:100%;font-weight:400;color:#6c757e}.text-field-custom input:focus{outline:none}.text-field-custom input::value{color:#6c757e}.input-otp input{border:2px solid #96959d;border-radius:5px}.input-otp input:focus{border:2px solid #0784c7;border-radius:5px}.input-otp input:not(:placeholder-shown){outline:none;font-size:16px;font-weight:500;color:#6c757e}.input-slider{width:290px}.input-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:15px;background-color:#fff;border:1px solid #c6c6c6;border-radius:50px;outline:none;-webkit-transition:.2s;transition:opacity .2s;margin-bottom:15px}.input-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:30px;height:30px;border-radius:50%;box-shadow:#0684c7;background:#0684c7;cursor:pointer}.input-slider input[type=range]::-moz-range-thumb{width:30px;height:30px;border-radius:50%;box-shadow:#0684c7;background:#0684c7;cursor:pointer}.input-amount{display:flex;align-items:center;justify-content:start;border:1px solid #96959d;border-radius:20px;box-sizing:border-box;height:42px;width:290px}.input-amount .input-icon{display:flex;justify-content:center;align-items:center;margin:0 5px;color:#6c757e}.input-amount input{font-size:16px;outline:none;border:0;width:100%;max-width:218px;box-sizing:border-box;direction:ltr;text-align:right;font-weight:300;color:#6c757e}.input-amount input:focus{outline:none}.input-amount input::value{color:#6c757e}.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-show{display:block;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#0006}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:10px 10px 20px;border:1px solid #888;width:90%;max-width:330px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border-radius:10px;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}.copy-button-container{position:relative;cursor:pointer}.tooltip{position:absolute;top:-45px;left:100px;transform:translate(-50%);background-color:#333;color:#fff;padding:6px;border-radius:4px;font-size:12px;opacity:1;transition:opacity .3s ease-in-out}.tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #333 transparent}.phone-field{border:1px solid #96959d;border-radius:42px;height:42px;box-sizing:border-box;width:290px}.phone-field .phone-field-container{display:flex;justify-content:start;align-items:center;position:relative}.phone-field .phone-field-container .selected-country{padding-left:0}.phone-field .phone-field-container .selected-country .country-button{display:flex;justify-content:start;align-items:center;padding-left:18px}.phone-field .phone-field-container .selected-country .country-button .country{padding:8px;font-size:16px;font-weight:300;color:#6c757e}.phone-field .phone-field-container .selected-country .dropdown-open{padding:8px 0;box-sizing:border-box;position:absolute;z-index:2;left:0;top:100%;max-height:300px;background-color:#fff;border-radius:10px;border:1px solid #96959d;max-width:290px;min-width:276px}.phone-field .phone-field-container .selected-country .dropdown-open .options{max-height:276px;box-sizing:border-box;overflow-y:auto}.phone-field .phone-field-container .selected-country .dropdown-open .options input{font-size:16px;border:1px solid #96959d;border-radius:10px;padding:8px;box-sizing:border-box;width:90%;margin:0 0 0 5px}.phone-field .phone-field-container .selected-country .dropdown-open .options input::placeholder{font-weight:300;color:#6c757e}.phone-field .phone-field-container .selected-country .dropdown-open .options input:focus{outline:none;border:1px solid #5dade2}.phone-field .phone-field-container .selected-country .dropdown-open .options input:focus::placeholder{font-size:16px;font-weight:300;color:#6c757e;padding:0}.phone-field .phone-field-container .selected-country .dropdown-open .options input:not(:placeholder-shown){font-size:16px;font-weight:300;color:#6c757e}.phone-field .phone-field-container .selected-country .dropdown-open .options .option{display:flex;padding:5px;font-size:16px;font-weight:300;color:#6c757e}.phone-field .phone-field-container .selected-country .dropdown-open .options .option:hover{background-color:#d6eaf8}.phone-field .phone-field-container .selected-country .dropdown-open .options .country-not-found{display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:300;color:#6c757e}.phone-field .phone-field-container .phone-input{display:flex;justify-content:flex-start;align-items:center;padding:6px 8px;border-left:1px solid #96959d}.phone-field .phone-field-container .phone-input .code{padding:0 5px 0 0;font-size:16px;font-weight:300;color:#6c757e}.phone-field .phone-field-container .phone-input input{font-size:16px;outline:none;border:0;width:100%;font-weight:300;color:#6c757e!important}.phone-field .phone-field-container .phone-input input:focus{outline:none}.phone-field .phone-field-container .phone-input input::value{color:#6c757e}.skeleton{width:200px;height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{to{background-position:-200% 0}}@keyframes blink-animation{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animated-element{animation:fadeIn 1s ease-out}@media (min-width: 300px) and (max-width: 768px){.notfound-container{max-width:260px}.notfound-title{font-size:200%;font-weight:500;color:#1a85c7}.notfound-content{font-size:80%;font-weight:300}}.text-capitalize{text-transform:capitalize}.button-download{border:1px solid #7b7d7d;background-color:#fff;padding:2px 8px;border-radius:5px;cursor:pointer;font-size:16px;color:#6c757e}input[type=range]{touch-action:pan-y}input[type=range]::-webkit-slider-thumb{touch-action:manipulation}.buttoncus{outline:none;position:relative;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:300;white-space:nowrap;text-align:center;background-image:none;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;user-select:none;touch-action:manipulation;color:#000000e0;box-sizing:border-box;font-size:14px;line-height:1.5;height:32px;padding:4px 15px;border-radius:6px;width:fit-content}.buttoncus-cancel{color:#fff;background:#e9e9e9;box-shadow:0 2px #0591ff1a;border-color:#e9e9e9}.buttoncus-cancel:hover{color:#fff;background:#efefef;box-shadow:0 2px #0591ff1a;border-color:#efefef}.buttoncus-cancel:active{color:#fff;background:#e1e1e1;box-shadow:0 0 10px #8d8e8f80;border-color:#e1e1e1}.buttoncus-disconnect{color:#fff;background:#ee5d5d;box-shadow:0 2px #0591ff1a;border-color:#ee5d5d}.buttoncus-disconnect:hover{color:#fff;background:#f58b8b;box-shadow:0 2px #0591ff1a;border-color:#f58b8b}.buttoncus-disconnect:active{color:#fff;background:#d24f4f;box-shadow:0 0 10px #ff050580;border-color:#d24f4f}.buttoncus-dismiss{color:#fff;background:#a9a9a9;box-shadow:0 2px #5f60611a;border-color:#a9a9a9}.buttoncus-dismiss:hover{color:#fff;background:#ccc9c9;box-shadow:0 2px #5556571a;border-color:#ccc9c9}.buttoncus-dismiss:active{color:#fff;background:#777;box-shadow:0 0 10px #6b686880;border-color:#777}.buttoncus-outlined{color:#0784c7;background:#fff;box-shadow:0 2px #68beff1a;border-color:#0784c7}.buttoncus-outlined:hover{color:#0784c7;background:#ebf5fb;box-shadow:0 2px #83c9ff1a;border-color:#0784c7}.buttoncus-outlined:active{color:#0784c7;background:#85c1e9;box-shadow:0 0 2px #05a3ff80;border-color:#0784c7}.loaderPage{width:48px;height:48px;border:5px solid #fff;border-bottom-color:#0784c7;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotationPage 1s linear infinite}@keyframes rotationPage{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.alert-background.hide{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000040}.alert-background.show{display:block;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000040}.alert{position:relative;background-color:#fefefe;margin:auto;padding:10px 10px 20px;border:1px solid #888;width:80%;max-width:320px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border-radius:10px;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.alert-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.alert-container .row-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%}.icon-notify{width:35px;height:35px}.chanon-modal-background.hide{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000040}.chanon-modal-background.show{display:block;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000040}.chanon-modal{position:relative;background-color:#fff;margin:auto;border:1px solid #888;width:80%;max-width:320px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;border-radius:10px;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.chanon-modal-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;box-sizing:border-box}.chanon-modal-container .row-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%}.chanon-modal-container .row-center{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.chanon-modal-container .icon-bell{height:68px}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.change-pass-container{position:relative;height:400px;width:320px;padding:20px 10px 10px;background-color:#fff;border:1px solid #7B7D7D;border-radius:20px}.button-theme-loader{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;content:"";width:26px;height:26px;border:6px solid rgba(59,59,59,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chanons{width:90px;height:90px;padding:0;background-color:#fff}.chanons-success{border-radius:50%;border:4px solid #a5dc86;box-sizing:content-box;height:80px;padding:0;position:relative;background-color:#fff;width:80px}.chanons-success:after,.chanons-success:before{background:#fff;content:"";height:120px;position:absolute;transform:rotate(45deg);width:60px}.chanons-success:before{border-radius:40px 0 0 40px;width:26px;height:80px;top:-17px;left:5px;transform-origin:60px 60px;transform:rotate(-45deg)}.chanons-success:after{border-radius:0 120px 120px 0;left:30px;top:-11px;transform-origin:0 60px;transform:rotate(-45deg);animation:rotatePlaceholder 4.25s ease-in}.chanons-success-placeholder{border-radius:50%;border:4px solid rgba(165,220,134,.251);box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}.chanons-success-fix{background-color:#fff;height:90px;left:28px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}.chanons-success-tip,.chanons-success-long{background-color:#a5dc86;border-radius:2px;height:5px;position:absolute;z-index:2}.chanons-success-tip{left:14px;top:46px;transform:rotate(45deg);width:25px;animation:animateSuccessTip .75s}.chanons-success-long{right:8px;top:38px;transform:rotate(-45deg);width:47px;animation:animateSuccessLong .75s}@keyframes animateSuccessTip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessLong{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes rotatePlaceholder{0%,5%{transform:rotate(-45deg)}to,12%{transform:rotate(-405deg)}}