.progress[data-v-5a9bfb86]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-5a9bfb86]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-5a9bfb86]{font-size:16px;color:#43266d}.progress .outside[data-v-5a9bfb86]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-5a9bfb86]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-5a9bfb86]{height:100%}.progress .bar .left[data-v-5a9bfb86]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-5a9bfb86]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-5a9bfb86]{width:100px}.tooltip[data-v-5a9bfb86]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-5a9bfb86]{flex:1;white-space:nowrap}.uploadCode[data-v-5a9bfb86]{background:#ffbf00;min-height:100vh;padding:80px 0 0;position:relative}.uploadCode>div[data-v-5a9bfb86]:first-child{position:absolute;left:5%;top:105px}.uploadCode>div:first-child button[data-v-5a9bfb86]{padding:8px 20px}.uploadCode>div[data-v-5a9bfb86]:nth-child(2){font-size:36px;font-weight:700;text-align:center;color:#43266d;margin-bottom:38px}.uploadCode>div[data-v-5a9bfb86]:nth-child(3){padding:0 5%}.uploadCode>div:nth-child(3)>div[data-v-5a9bfb86]{margin-bottom:12px}.uploadCode>div:nth-child(3)>div.qDesc[data-v-5a9bfb86],.uploadCode>div:nth-child(3)>div.qTitle[data-v-5a9bfb86]{width:100%;background:#fff;position:relative;font-size:24px}.uploadCode>div:nth-child(3)>div.qDesc .fieldTitle[data-v-5a9bfb86],.uploadCode>div:nth-child(3)>div.qTitle .fieldTitle[data-v-5a9bfb86]{color:#43266d;font-weight:700}.uploadCode>div:nth-child(3)>div.qTitle[data-v-5a9bfb86]{height:60px;border-radius:100px}.uploadCode>div:nth-child(3)>div.qTitle>span[data-v-5a9bfb86]:first-child{position:absolute;top:17px;left:30px}.uploadCode>div:nth-child(3)>div.qTitle>span[data-v-5a9bfb86]:nth-child(2){padding-left:150px;line-height:60px}.uploadCode>div:nth-child(3)>div.qDesc[data-v-5a9bfb86]{height:216px;border-radius:15px;padding:17px 30px}.uploadCode>div:nth-child(3)>div.qDesc>div[data-v-5a9bfb86]:nth-child(2){margin-top:8px}.uploadCode>div:nth-child(3)>div.importAndSelect>div[data-v-5a9bfb86]:nth-child(2),.uploadCode>div:nth-child(3)>div.importAndSelect[data-v-5a9bfb86]{display:flex;justify-content:space-between;align-items:center}.uploadCode>div:nth-child(3)>div.importAndSelect>div:nth-child(2)>div[data-v-5a9bfb86]:first-child{margin-right:15px}.uploadCode>div:nth-child(3)>div.importAndSelect>div:nth-child(2)>div:first-child>label[data-v-5a9bfb86]{margin-left:5px}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn[data-v-5a9bfb86]{width:-moz-fit-content;width:fit-content;height:40px;color:#43266d;font-weight:700}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn img[data-v-5a9bfb86]{width:18px;height:auto;margin-right:5px}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn input[data-v-5a9bfb86]{display:none}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload[data-v-5a9bfb86]{display:flex;align-items:center;font-size:20px;cursor:pointer;padding:5px 20px;border-radius:100px;border:3px solid #43266d;background-color:#ffdc76}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload[data-v-5a9bfb86]:hover{background-color:#43266d;border:3px solid #43266d;color:#fff}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload:hover img[data-v-5a9bfb86]:last-child{display:block}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload:hover img[data-v-5a9bfb86]:nth-child(2),.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload img[data-v-5a9bfb86]:last-child{display:none}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload img[data-v-5a9bfb86]:last-child:hover{display:block}.uploadCode>div:nth-child(3)>div.importAndSelect .uploadBtn .button-file-upload img[data-v-5a9bfb86]:nth-child(2):hover{display:none}.uploadCode>div:nth-child(3)>div.notice[data-v-5a9bfb86]{color:#43266d;font-weight:700}.uploadCode>div:nth-child(3)>div.code[data-v-5a9bfb86]{border-radius:15px;overflow:hidden}.uploadCode>div:nth-child(3)>div.code .monaco-editor[data-v-5a9bfb86]{height:calc(100vh - 380px);padding:5px 0}.uploadCode>div:nth-child(3)>div.footer[data-v-5a9bfb86]{display:flex;justify-content:space-between}.uploadCode>div:nth-child(3)>div.footer .arrow[data-v-5a9bfb86]{margin-right:10px;width:0;height:0;border-style:solid}.uploadCode>div:nth-child(3)>div.footer .arrow.up[data-v-5a9bfb86]{border-width:0 7px 13px 7px;border-color:transparent transparent #fff transparent}.uploadCode>div:nth-child(3)>div.footer .arrow.down[data-v-5a9bfb86]{border-width:13px 7px 0 7px;border-color:#fff transparent transparent transparent}.uploadCode>div:nth-child(3)>div.footer img[data-v-5a9bfb86]{width:18px;height:auto;margin-right:10px}.uploadCode>div:nth-child(3)>div.footer button[data-v-5a9bfb86]{width:-moz-fit-content;width:fit-content;font-size:24px;padding:4px 20px;border-radius:100px;display:flex;align-items:center}.uploadCode>div:nth-child(3)>div.footer button.purple[data-v-5a9bfb86]{border:3px solid #43266d;background-color:#43266d;color:#fff}.uploadCode>div:nth-child(3)>div.footer button.red[data-v-5a9bfb86]{border:3px solid #e84964;background-color:#ffdc76;color:#e84964;margin-right:30px}.uploadCode>div:nth-child(3)>div.footer button.red img[data-v-5a9bfb86]:nth-child(2){display:none}.uploadCode>div:nth-child(3)>div.footer button.red[data-v-5a9bfb86]:hover{background-color:#e84964;color:#fff}.uploadCode>div:nth-child(3)>div.footer button.red:hover img[data-v-5a9bfb86]:nth-child(2){display:block}.uploadCode>div:nth-child(3)>div.footer button.red:hover img[data-v-5a9bfb86]:first-child{display:none}.uploadCode>div:nth-child(3)>div.footer>div[data-v-5a9bfb86]:first-child{position:relative}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades[data-v-5a9bfb86]{display:flex;align-items:center}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div[data-v-5a9bfb86]{padding:5px;margin-left:15px;background:#f8f8f8}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.demo[data-v-5a9bfb86]{background:#07f}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.excellent[data-v-5a9bfb86]{background:#28c7ca}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.good[data-v-5a9bfb86]{background:#2ca719}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.improve[data-v-5a9bfb86]{background:#fe0}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.unsatisfied[data-v-5a9bfb86]{background:red}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.waitForReview[data-v-5a9bfb86]{background:#f8f8f8}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.debug[data-v-5a9bfb86]{background:#0a5131}.uploadCode>div:nth-child(3)>div.footer>div:first-child .grades>div.disobey[data-v-5a9bfb86]{background:#43266d;animation:fade-5a9bfb86 1.5s infinite}.uploadCode>div:nth-child(3)>div.footer>div:first-child .showGradeSelect[data-v-5a9bfb86]{position:absolute;bottom:50px}.uploadCode>div:nth-child(3)>div.footer>div:first-child .showGradeSelect>div[data-v-5a9bfb86]{width:120px;margin-top:10px;border-radius:100px;padding:4px 20px;border:3px solid #43266d;background:#fff;color:#43266d;text-align:center;font-size:24px;font-weight:500}.uploadCode>div:nth-child(3)>div.footer>div:first-child .showGradeSelect>div.active[data-v-5a9bfb86]{background:#43266d;color:#fff}.uploadCode>div:nth-child(3)>div.footer>div:first-child .showGradeSelect>div[data-v-5a9bfb86]:hover{background:#43266d;color:#fff;cursor:pointer}.uploadCode>div:nth-child(3)>div.footer>div[data-v-5a9bfb86]:nth-child(2){display:flex}@keyframes fade-5a9bfb86{0%{opacity:1}50%{opacity:0}to{opacity:1}}