[v-cloak]>*{display:none}:root{--bgc-color:#fff;--primary-color:"#4cc8f7"}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}*{padding:0;margin:0}body{font-family:Roboto,sans-serif}.h-full{height:100%}.flex{display:flex}.pt-20{padding-top:20px}.mt-20{margin-top:20px}.fs-20{font-size:20px}.header{height:50px}.header[data-v-55ac5a96]{padding:0 12px;height:auto;flex-wrap:nowrap}.header .brand[data-v-55ac5a96]{width:6rem;flex-shrink:0}.header .brand .q-icon[data-v-55ac5a96]{color:#424242}.header .dragable[data-v-55ac5a96]{width:100%;background:transparent;height:100%;cursor:move}.header .func-menu[data-v-55ac5a96]{flex-shrink:0;width:6rem;justify-content:end;margin-right:1rem}.header .dot-group .dot[data-v-55ac5a96]{width:12px;height:12px;border-radius:50%;margin-left:10px;cursor:pointer}.header .dot-group .dot.red[data-v-55ac5a96]{background:#ff5252}.header .dot-group .dot.green[data-v-55ac5a96]{background:#43a047}.header .dot-group .dot.yellow[data-v-55ac5a96]{background:#ffd600}.header .dot-group .dot.blue[data-v-55ac5a96]{background:#2962ff}.logo-title[data-v-55ac5a96]{font-size:1rem}.logo>.q-icon[data-v-55ac5a96]{font-size:2rem!important}.q-item__label[data-v-55ac5a96]{font-size:5vw}