:root,[data-theme=dark],[data-theme=light]{--bg-color:#121212;--text-color:#fff;--bg-secondary:#1a1a1a;--text-secondary:#bbb;--border-color:#2e2e2e;--shadow-color:rgba(0,0,0,.5)}html{color:var(--text-color)}body,html{background-color:var(--bg-color);transition:background-color .2s ease,color .2s ease}body,dd,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,p,ul{margin:0;padding:0}*{box-sizing:border-box}body{color:var(--text-color)}.MuiAppBar-root *,.MuiBox-root *,.MuiButton-root,.MuiCard-root *,.MuiContainer-root *,.MuiDialog-root *,.MuiFormLabel-root,.MuiInputBase-input,.MuiInputBase-root,.MuiMenuItem-root,.MuiPaper-root *,.MuiTab-root,.MuiTextField-root,.MuiToolbar-root *,.MuiTypography-root,a,body,button,div,h1,h2,h3,h4,h5,h6,input,label,li,p,select,span,td,textarea,th{font-family:Kanit,sans-serif!important}.MuiButton-root.public-btn{border-radius:24px!important}#__next,#root,.css-*,.next-error-h1,:after,:before,[class*=Mui],[class*=mui]{font-family:Kanit,sans-serif!important}ol,ul{list-style:none}em,i{font-style:normal}a{text-decoration:none;color:#333}img{vertical-align:middle}input{border:none;outline:none;color:#333}.fl{float:left}.fr{float:right}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.wrapper{margin:0 auto}.light{color:#000}.dark{color:#fff}button{text-transform:none!important}.vh-center{display:flex;align-items:center;justify-content:center}body,html{min-height:100%;overflow-x:hidden}body::-webkit-scrollbar{width:8px;height:8px;background:transparent}body::-webkit-scrollbar-thumb{background:hsla(0,0%,71%,.35);border-radius:8px;transition:background .2s}body::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,47%,.45)}body::-webkit-scrollbar-track{background:transparent}body.dark::-webkit-scrollbar-thumb,body[data-theme=dark]::-webkit-scrollbar-thumb{background:hsla(0,0%,47%,.35)}body.dark::-webkit-scrollbar-thumb:hover,body[data-theme=dark]::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,47%,.55)}body{scrollbar-width:thin;scrollbar-color:hsla(0,0%,54%,.35) transparent;background-color:var(--bg-color)!important}body.dark,body[data-theme=dark]{scrollbar-color:hsla(0,0%,47%,.7) transparent}.bg-page{position:fixed;top:0;left:0;width:100%;min-height:100vh;height:100vh;background:url(/static/img/white/icon/bg.png) no-repeat;background-size:cover;z-index:0}body.dark .app-container:after,body[data-theme=dark] .app-container:after{display:none}body,body.dark,body[data-theme=dark],body[data-theme=light]{color:#fff!important;background:#121212!important;background-color:#121212!important}body .app-container,body.dark .app-container,body[data-theme=dark] .app-container,body[data-theme=light] .app-container{color:#fff!important}.main-content,footer,header{position:relative;z-index:2}.activity-notification{border-radius:100px;border:1px solid #c7ffdf;background:linear-gradient(180deg,hsla(0,0%,100%,.15),rgba(199,255,223,.15));box-shadow:0 11.392px 22.336px 0 rgba(1,253,107,.09),inset 0 -2px 1px 0 rgba(1,253,107,.4)}.activity-notification .t1{font-weight:400}.activity-notification .t2{color:#fff;font-weight:700}.MuiButton-root.send-btn{color:#000;width:100%;height:48px;padding:0 24px;border-radius:24px;font-size:14px;border:1px solid #fff;background-blend-mode:plus-lighter,normal;background:url(/static/img/white/icon/btn-bg.png) repeat 0 0/30px 30px,linear-gradient(180deg,#01fd6b,#00d057)!important;box-shadow:inset 0 1px 18px 2px #d9fff0,inset 0 1px 4px 2px #d9fff0,0 10.268px 13.398px 0 rgba(0,229,141,.22),0 3.714px 4.846px 0 rgba(0,229,141,.15);background-size:400px 400px,cover}.send-btn:hover{box-shadow:inset 0 1px 1px #d9fff0,inset 0 1px 6px #d9fff0,0 10px 20px rgba(0,229,141,.34),0 24px 40px rgba(80,255,153,.12)!important;transition:all .3s ease-in-out}.send-btn.Mui-disabled{background:url(/static/img/white/icon/btn-bg.png) repeat 0 0/30px 30px,linear-gradient(180deg,rgba(1,253,107,.3),rgba(0,208,87,.3))!important;background-blend-mode:plus-lighter,normal;box-shadow:inset 0 1px 18px 2px #d9fff0,inset 0 1px 4px 2px #d9fff0,0 10.268px 13.398px 0 rgba(0,229,141,.22),0 3.714px 4.846px 0 rgba(0,229,141,.15)}.MuiButton-root.value-selector-btn{height:32px;padding:10px 16px;border-radius:16px;background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.1));color:#fff}.MuiButton-root.value-selector-btn-hover,.MuiButton-root.value-selector-btn:hover{border-radius:24px;font-size:14px;border:1px solid #fff;background-blend-mode:plus-lighter,normal;background:url(/static/img/white/icon/btn-bg.png) repeat 0 0/30px 30px,linear-gradient(180deg,#01fd6b,#00d057)!important;box-shadow:inset 0 1px 18px 2px #d9fff0,inset 0 1px 4px 2px #45b387,0 10.268px 13.398px 0 rgba(0,229,141,.22),0 3.714px 4.846px 0 rgba(0,229,141,.15);background-size:400px 400px,cover!important;color:#000}.pubilc-box{border-radius:24px;background-blend-mode:plus-lighter;border:1px solid hsla(0,0%,100%,.2);box-shadow:inset 3px 4px 1px -3.5px hsla(0,0%,100%,.8),inset -3px -3px 2px -2px rgba(0,0,0,.8),inset 0 0 0 1px #a6a6a6,inset 0 0 2px 0 #f2f2f2}.dailog-pubilc-box,.pubilc-box{backdrop-filter:blur(12px);background-color:hsla(0,0%,100%,.05)}