.setting-avatar[data-v-284886f4]{width:3rem;height:3rem}.setting-username[data-v-284886f4]{font-size:2rem;color:var(--color-black)}.setting-card[data-v-284886f4]{border-radius:1rem;background-color:var(--color-white);padding:1.333rem 2rem}.setting-card[data-v-284886f4]:hover{cursor:pointer}.setting-card-radio-site[data-v-3d5cce1a]{padding:1.667rem 2rem}.setting-card-radio-site.selected[data-v-3d5cce1a]{background-color:#d8fbf6}.setting-card-radio-site .logo[data-v-3d5cce1a]{border-radius:1rem;border:.083rem solid #e5e5e5;width:3.333rem;height:3.333rem}.setting-card-radio-site .logo img[data-v-3d5cce1a]{max-height:100%;width:auto}.setting-card-radio-site input[data-v-3d5cce1a]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;height:100%;width:100%;margin:-1.667rem -2rem}.setting-card-radio-site input[data-v-3d5cce1a]:before{content:"";height:1.667rem;width:1.667rem;position:absolute;top:50%;right:2rem;border:.083rem solid #e5e5e5;border-radius:50%;transform:translateY(-50%)}.setting-card-radio-site input[data-v-3d5cce1a]:after{content:"";height:.833rem;width:.833rem;position:absolute;top:50%;right:2.4rem;border-radius:50%;transform:translateY(-50%)}.setting-card-radio-site input[data-v-3d5cce1a]:checked:before{border-color:var(--color-green)}.setting-card-radio-site input[data-v-3d5cce1a]:checked:after{background-color:var(--color-green)}.setting-card-checkbox-phase[data-v-dc5542f6]{padding:1.667rem 2rem}.setting-card-checkbox-phase input[data-v-dc5542f6]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;height:100%;width:100%;margin:-1.667rem -2rem}.setting-card-checkbox-phase input[data-v-dc5542f6]:before{content:"";height:1.667rem;width:1.667rem;position:absolute;top:50%;right:2rem;border:.083rem solid #e5e5e5;border-radius:50%;transform:translateY(-50%)}.setting-card-checkbox-phase input[data-v-dc5542f6]:after{content:"\2713";font-size:1.2rem;height:1.667rem;width:1.667rem;position:absolute;top:50%;right:2rem;border-radius:50%;transform:translateY(-50%);color:var(--color-white);text-align:center}.setting-card-checkbox-phase input[data-v-dc5542f6]:checked:before{border-color:var(--color-green)}.setting-card-checkbox-phase input[data-v-dc5542f6]:checked:after{background-color:var(--color-green)}.setting-card-radio-theme[data-v-d74b9126]{background-color:var(--color-white);border-radius:1rem;padding:1rem}.setting-card-radio-theme img[data-v-d74b9126]{border-radius:.5rem}.setting-card-radio-theme input[data-v-d74b9126]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;height:100%;width:100%;margin:-1rem;border-radius:1rem;border:.083rem solid #e5e5e5}.setting-card-radio-theme input[data-v-d74b9126]:checked{border-color:var(--color-green)}.setting-card-radio-theme input[data-v-d74b9126]:before{content:"";height:1.667rem;width:1.667rem;position:absolute;top:1rem;left:1rem;border:.083rem solid #e5e5e5;border-radius:50%}.setting-card-radio-theme input[data-v-d74b9126]:after{content:"";height:.833rem;width:.833rem;position:absolute;top:1.4rem;left:1.4rem;background-color:var(--color-white);border-radius:50%}.setting-card-radio-theme input[data-v-d74b9126]:checked:before{border-color:var(--color-green)}.setting-card-radio-theme input[data-v-d74b9126]:checked:after{background-color:var(--color-green)}.setting-card-radio-language[data-v-c18b3532]{padding:1.667rem 2rem}.setting-card-radio-language.selected[data-v-c18b3532]{background-color:#d8fbf6}.setting-card-radio-language .logo[data-v-c18b3532]{width:2rem;height:2rem}.setting-card-radio-language .logo img[data-v-c18b3532]{max-height:100%;width:auto}.setting-card-radio-language input[data-v-c18b3532]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;height:100%;width:100%;margin:-1.667rem -2rem}.setting-card-radio-language input[data-v-c18b3532]:before{content:"";height:1.667rem;width:1.667rem;position:absolute;top:50%;right:2rem;border:.083rem solid #e5e5e5;border-radius:50%;transform:translateY(-50%)}.setting-card-radio-language input[data-v-c18b3532]:after{content:"";height:.833rem;width:.833rem;position:absolute;top:50%;right:2.4rem;border-radius:50%;transform:translateY(-50%)}.setting-card-radio-language input[data-v-c18b3532]:checked:before{border-color:var(--color-green)}.setting-card-radio-language input[data-v-c18b3532]:checked:after{background-color:var(--color-green)}.header[data-v-34e1624e]{top:0;position:fixed;left:0;right:0;padding:1.575rem 0;display:flex;align-items:center}.btn-setting[data-v-34e1624e]{position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:var(--color-button-light);border-radius:.6rem 0 0 .6rem;width:2.1rem;height:2.1rem;border:0;padding:0}.btn-setting i[data-v-34e1624e]{color:var(--color-green);font-size:1rem;vertical-align:middle}.btn-setting i[data-v-34e1624e]:before{animation:gear-rotate-34e1624e 1s linear infinite}@keyframes gear-rotate-34e1624e{0%{transform:rotate(0deg)}to{transform:rotate(-180deg)}}.h4[data-v-34e1624e],h4[data-v-34e1624e]{font-size:3.5rem;line-height:normal}.h5[data-v-34e1624e],h5[data-v-34e1624e]{font-size:2.5rem;line-height:normal}.loader[data-v-6cac09ba]{width:10vw;height:10vw;border:.75rem dotted var(--color-green);border-style:solid solid dotted dotted;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation-6cac09ba 2s linear infinite}.loader[data-v-6cac09ba]:after{content:"";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:.75rem dotted var(--color-green);border-style:solid solid dotted;width:5vw;height:5vw;border-radius:50%;animation:rotationBack-6cac09ba 1s linear infinite;transform-origin:center center}@keyframes rotation-6cac09ba{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotationBack-6cac09ba{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}h3[data-v-3191aa04]{color:var(--color-green);font-size:2rem}@font-face{font-family:Gotham;src:url(/fonts/GothamBook.fa6d26a1.woff2) format("woff2");size-adjust:60%}@font-face{font-family:Gotham;font-weight:500;src:url(/fonts/GothamBold.b39fde8b.woff2) format("woff2");size-adjust:60%}@font-face{font-family:Kittithada;src:url(/fonts/KittithadaRoman55.e3a67b4f.woff) format("woff")}@font-face{font-family:Kittithada;font-weight:500;src:url(/fonts/KittithadaMedium65.9909c15f.woff2) format("woff2")}@font-face{font-family:Kittithada;font-weight:600;src:url(/fonts/KittithadaBold75.99e88287.woff2) format("woff2")}:root{--color-green:#00b49d;--color-green-bold:#008b79;--color-white:#fff;--color-white-thin:#ffffffb3;--color-gray:#f8f8f8d9;--color-gray-thin:#f4f4f4;--color-gray-bold:#707070;--color-purple:#472f92;--color-black:#3e3e3e;--color-black-thin:#000000bf;--color-gradient-landscape:linear-gradient(90deg,#00b49d,#f5f5f5);--color-gradient-portrait:linear-gradient(180deg,#00b49d,#f5f5f5);--color-gradient:linear-gradient(180deg,#fff,#dcf5f1)}html{font-size:7px}body{font-family:Gotham,Kittithada,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#app,body{position:relative}#app{height:100vh;overflow:hidden}.ff-kittithada{font-family:Kittithada,sans-serif!important}.betagen{--color-overlay:var(--color-black-thin);--color-border:var(--color-white);--color-footer:var(--color-white);--color-card:var(--color-white);--color-button-light:var(--color-white);--border-radius:1.2rem;--border-width:0.25rem}.green_world{--color-overlay:var(--color-white-thin);--color-border:var(--color-green);--color-footer:var(--color-black);--color-card:var(--color-gray);--color-button-light:var(--color-gray-thin);--border-radius:2.1rem;--border-width:0.1rem}hr{opacity:1;border-width:var(--border-width)}.card,hr{border-color:var(--color-border)}.card{background-color:var(--color-card);border-radius:var(--border-radius);border-width:var(--border-width)}.card-img-top{border-bottom:var(--border-width) solid var(--color-border);height:12.275rem}.vr{opacity:1;width:var(--border-width);height:100%;background-color:var(--color-border)}.text-green{color:var(--color-green)}.text-purple{color:var(--color-purple)}.text-footer{color:var(--color-footer)}.site-name{overflow:hidden}.site-name h3{display:inline-block;white-space:nowrap;line-height:1.2}.bg-gradient{background:var(--color-gradient)!important}.bg-gradient-landscape{background:var(--color-gradient-landscape)!important}.bg-gradient-other,.bg-gradient-portrait{background:var(--color-gradient-portrait)!important}.bg-none{background:none!important}.border-end{border-right:var(--border-width) solid var(--color-border)!important}.main-app{background-repeat:no-repeat;background-position:50%;background-size:cover;height:100vh;position:relative;overflow:hidden}.main-app .container-fluid{margin:0 2.1rem;overflow:hidden;position:relative}.overlay{position:absolute;background-color:var(--color-overlay);top:0;bottom:0;left:0;right:0}.img-logo{height:3.5rem}.img-logo img{max-height:100%}.header-auth{line-height:5.333rem}.header-auth-avatar{width:3rem;height:3rem}.header-auth-logo{width:16.667rem}.header-auth-flag{width:2rem}.header-auth-title{font-size:3rem}.header-auth-username{font-size:2rem}.main-auth{height:100vh;padding-top:5.333rem;padding-bottom:6.667rem;overflow:hidden}.dropdown{height:5.333rem}.dropdown-toggle,.dropdown-toggle:hover{border:.083rem solid #e5e5e5}.dropdown-item,.dropdown-toggle span{font-size:2rem;line-height:1.667rem}.dropdown-item{margin:.125rem 0;display:flex;align-items:center}.wrapper-box{width:34.333rem}.marquee{width:150%;overflow:hidden;position:relative;white-space:nowrap}.marquee h3{width:100%;position:absolute;animation:scroll-left 10s linear infinite;animation-delay:3s}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.container-fluid{padding:0 2.1rem}.btn-primary{--bs-btn-bg:var(--color-green);--bs-btn-border-color:var(--color-green);--bs-btn-hover-bg:var(--color-green);--bs-btn-hover-border-color:var(--color-green);--bs-btn-active-bg:var(--color-green);--bs-btn-active-border-color:var(--color-green);--bs-btn-disabled-bg:#c2c4ca;--bs-btn-disabled-border-color:#c2c4ca}.btn-outline-primary{--bs-btn-color:var(--color-green);--bs-btn-border-color:var(--color-green);--bs-btn-hover-bg:var(--color-green);--bs-btn-hover-border-color:var(--color-green);--bs-btn-active-bg:var(--color-green);--bs-btn-active-border-color:var(--color-green)}.btn:not(.dropdown-toggle){font-size:2rem}.btn-lg,.btn:not(.dropdown-toggle){height:4rem;padding:0 2rem;border-radius:8.333rem}.btn-lg{font-size:2.667rem}.btn i{font-size:1rem;vertical-align:middle}.btn-lg i{font-size:1.667rem;vertical-align:bottom}.offcanvas{width:35rem!important}.offcanvas-header{padding:1.333rem 2rem}.offcanvas-body{padding:2rem}.offcanvas-footer{padding:1.333rem 2rem}.alert-success{background-color:var(--color-green);color:var(--color-white);margin:0 auto;width:-moz-fit-content;width:fit-content;padding:0 2rem;border-radius:8.333rem;height:4rem}.alert-success span{font-size:2.667rem}.alert-danger{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:1.5rem;line-height:1rem}.setting-btn{font-size:2rem;height:2rem;background:none;border:0}.setting-btn i{vertical-align:bottom}.setting-title{font-size:2.333rem;line-height:2rem;color:var(--color-green)}.setting-subtitle{font-size:2rem;line-height:1.667rem}.setting-value{font-size:1.667rem;line-height:1.5rem;color:var(--color-gray-bold)}.separator{animation:blinker 1s linear infinite}.icon-total{width:5.5rem;height:5.5rem}.icon-topic{width:3.75rem;height:3.75rem}.icon-total-other{width:6.154rem;height:6.154rem}.icon-topic-other{width:4.615rem;height:4.615rem}.rounded-other{border-radius:5.818rem}.width-other{width:.182rem}.border-width-other{border-width:.182rem}.border-end-other{border-right:.182rem solid var(--color-border)!important}@keyframes blinker{0%{opacity:0}49%{opacity:0}50%{opacity:1}to{opacity:1}}@media screen and (min-width:992px){html{font-size:12px}}@media (min-width:720px) and (min-height:1280px),screen and (min-width:1280px) and (min-height:720px){html{font-size:13px}}@media (min-width:900px) and (min-height:1600px),screen and (min-width:1600px) and (min-height:900px){html{font-size:16px}}@media (min-width:1080px) and (min-height:1920px),screen and (min-width:1920px) and (min-height:1080px){html{font-size:20px}}@media (min-width:1440px) and (min-height:2560px),screen and (min-width:2560px) and (min-height:1440px){html{font-size:26px}}@media (min-width:2160px) and (min-height:3840px),screen and (min-width:3840px) and (min-height:2160px){html{font-size:40px}.card-img-top{height:11rem}}