@import url(https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&family=Pridi:wght@200;300;400;500;600;700&family=Protest+Guerrilla&family=Sixtyfour&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Honk&display=swap);.redirecting-page[data-v-67588a5a]{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-image:url(/img/background.337c7f39.png);background-size:cover;background-position:50%;background-repeat:no-repeat}.redirecting-page p[data-v-67588a5a]{text-align:center}#logo[data-v-67588a5a]{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:75px;margin-bottom:24px}*{font-family:Ubuntu,Noto Sans Thai,sans-serif;margin:0}#app,#display{height:100vh;width:100vw;display:flex;flex-direction:row;-webkit-user-select:none;-moz-user-select:none;user-select:none}#router-view{flex:1}.circle-container{position:relative;width:50px;height:50px;overflow:hidden;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.circle-container img{width:100%;height:auto;display:block}.material-symbols-rounded{font-size:36px}.menu-expand{display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin:0 8px;opacity:.7}.menu-expand span{color:#ddd;font-size:16px;font-weight:900}.menu-open{position:fixed;top:0;left:4px;padding-top:18px;padding-left:16px;font-size:28px;opacity:.8}.circular-border{border-radius:25%;border:1px solid #ddd;display:inline-block;padding:2px;cursor:pointer}.top-bar{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center}.top-bar-container{flex-direction:row;margin-top:16px;margin-right:48px}.top-bar-container,.top-bar-content{display:flex;align-items:center;justify-content:center}.top-bar-content{flex-direction:column;opacity:.7}.menu-bar{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:start;padding-left:8px;padding-right:8px;background-color:rgba(0,0,0,.9);border-bottom-right-radius:15px;border-top-right-radius:15px;transition:height .5s ease;z-index:1000}.menu-bar img{width:100px;align-self:center}.menu-bar.closed{height:0;visibility:hidden}.menu-bar:not(.closed){height:100vh;visibility:visible}.menu-bar:hover .showHover{position:relative;opacity:1;max-height:100px;color:#fff;transition:opacity 1s ease,max-height 1s ease}.showHover{position:absolute;opacity:0;max-height:0;overflow:hidden;transition:opacity .1s ease,max-height .3s ease}.menu-item{height:32px;color:#eee;margin-top:8px;margin-bottom:8px;padding:16px 16px;display:flex;border-radius:15px;flex-direction:row;justify-content:start;align-items:center;opacity:.5;cursor:pointer}.menu-item p{font-size:16px;margin-left:16px;font-weight:100}.menu-item img{width:32px;height:32px}.menu-item span{font-size:32px}.menu-item span.small{font-size:14px}.menu-item:hover{color:#fff;transition:transform .3s ease;opacity:1}.app-content-container{margin-left:7vw;margin-right:5vw;flex:1;display:flex;flex-direction:column;transition:transform .3s ease}.active{color:#fff;background-color:hsla(0,0%,100%,.1);transition:transform .3s ease;opacity:1}input::-moz-placeholder{color:#999}input::placeholder{color:#999}.loading{position:fixed;display:flex;justify-content:center;align-items:center;z-index:1000}.loading,.overlay{top:0;left:0;width:100%;height:100%}.overlay{position:absolute;background-color:hsla(0,0%,100%,.8)}.circle{width:100px;height:100px;border-radius:50%;border:1px solid transparent;border-top-color:#a14df2;border-bottom-color:#a14df2;animation:spin 1s linear infinite;background:linear-gradient(90deg,#a14df2,#449de5)}.loading-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;font-size:16px;font-weight:100;color:#eee}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:767px){.app-content-container{margin-bottom:9vh}.circle{width:50px;height:50px}.top-bar-container{margin-right:8px;margin-top:8px}.top-bar-content h4{font-size:12px}.top-bar-content h6{font-size:10px}.menu-bar{flex-direction:row;bottom:0;top:auto;width:100vw;height:9vh!important;padding-left:0;padding-right:0;border-bottom-right-radius:0;border-top-right-radius:0}.app-content-container{margin-left:0;margin-right:0}.menu-item{height:25px}.menu-item img{width:25px;height:25px}.expand-icon{display:none}.menu-item span{font-size:28px}#app,#display{overflow:hidden}.menu-open{padding-top:18px!important}}@media(max-width:992px){.menu-open{padding-top:28px}}