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