.progress[data-v-f8d67e3e]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-f8d67e3e]{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-f8d67e3e]{font-size:16px;color:#43266d}.progress .outside[data-v-f8d67e3e]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-f8d67e3e]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-f8d67e3e]{height:100%}.progress .bar .left[data-v-f8d67e3e]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-f8d67e3e]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-f8d67e3e]{width:100px}.tooltip[data-v-f8d67e3e]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-f8d67e3e]{flex:1;white-space:nowrap}.myExercise[data-v-f8d67e3e]{position:relative}.myExercise>div[data-v-f8d67e3e]:first-child{display:flex}.myExercise>div:first-child>div[data-v-f8d67e3e]{position:absolute;top:-95px}.myExercise>div:first-child>div button[data-v-f8d67e3e]{padding:8px 20px}.myExercise>div:first-child>div[data-v-f8d67e3e]:first-child{left:5%}.myExercise>div:first-child>div[data-v-f8d67e3e]:nth-child(2){right:5%}.myExercise>.exercise-table[data-v-f8d67e3e]{position:absolute;top:-40px;left:5%;border-radius:20px;border:3px solid #000;background-color:#fff;width:90%;padding:20px}.myExercise>.exercise-table .tbody .num[data-v-f8d67e3e],.myExercise>.exercise-table .thead .num[data-v-f8d67e3e]{color:#43266d;font-weight:500;line-height:30px}.myExercise>.exercise-table .tbody .category[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .grade[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .num[data-v-f8d67e3e],.myExercise>.exercise-table .thead .category[data-v-f8d67e3e],.myExercise>.exercise-table .thead .grade[data-v-f8d67e3e],.myExercise>.exercise-table .thead .num[data-v-f8d67e3e]{flex:0.6;line-height:30px}.myExercise>.exercise-table .tbody .category>span[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .grade>span[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .num>span[data-v-f8d67e3e],.myExercise>.exercise-table .thead .category>span[data-v-f8d67e3e],.myExercise>.exercise-table .thead .grade>span[data-v-f8d67e3e],.myExercise>.exercise-table .thead .num>span[data-v-f8d67e3e]{display:block;padding:0 15px;border-radius:20px}.myExercise>.exercise-table .tbody .category>span.demo[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .grade>span.demo[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .num>span.demo[data-v-f8d67e3e],.myExercise>.exercise-table .thead .category>span.demo[data-v-f8d67e3e],.myExercise>.exercise-table .thead .grade>span.demo[data-v-f8d67e3e],.myExercise>.exercise-table .thead .num>span.demo[data-v-f8d67e3e]{background:#07f}.myExercise>.exercise-table .tbody .category>span.excellent[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .grade>span.excellent[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .num>span.excellent[data-v-f8d67e3e],.myExercise>.exercise-table .thead .category>span.excellent[data-v-f8d67e3e],.myExercise>.exercise-table .thead .grade>span.excellent[data-v-f8d67e3e],.myExercise>.exercise-table .thead .num>span.excellent[data-v-f8d67e3e]{background:#28c7ca}.myExercise>.exercise-table .tbody .category>span.good[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .grade>span.good[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .num>span.good[data-v-f8d67e3e],.myExercise>.exercise-table .thead .category>span.good[data-v-f8d67e3e],.myExercise>.exercise-table .thead .grade>span.good[data-v-f8d67e3e],.myExercise>.exercise-table .thead .num>span.good[data-v-f8d67e3e]{background:#2ca719}.myExercise>.exercise-table .tbody .category>span.improve[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .grade>span.improve[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .num>span.improve[data-v-f8d67e3e],.myExercise>.exercise-table .thead .category>span.improve[data-v-f8d67e3e],.myExercise>.exercise-table .thead .grade>span.improve[data-v-f8d67e3e],.myExercise>.exercise-table .thead .num>span.improve[data-v-f8d67e3e]{background:#fe0}.myExercise>.exercise-table .tbody .category>span.unsatisfied[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .grade>span.unsatisfied[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .num>span.unsatisfied[data-v-f8d67e3e],.myExercise>.exercise-table .thead .category>span.unsatisfied[data-v-f8d67e3e],.myExercise>.exercise-table .thead .grade>span.unsatisfied[data-v-f8d67e3e],.myExercise>.exercise-table .thead .num>span.unsatisfied[data-v-f8d67e3e]{background:red}.myExercise>.exercise-table .tbody .category>span.waitForReview[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .grade>span.waitForReview[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .num>span.waitForReview[data-v-f8d67e3e],.myExercise>.exercise-table .thead .category>span.waitForReview[data-v-f8d67e3e],.myExercise>.exercise-table .thead .grade>span.waitForReview[data-v-f8d67e3e],.myExercise>.exercise-table .thead .num>span.waitForReview[data-v-f8d67e3e]{background:#f8f8f8}.myExercise>.exercise-table .tbody .category>span.debug[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .grade>span.debug[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .num>span.debug[data-v-f8d67e3e],.myExercise>.exercise-table .thead .category>span.debug[data-v-f8d67e3e],.myExercise>.exercise-table .thead .grade>span.debug[data-v-f8d67e3e],.myExercise>.exercise-table .thead .num>span.debug[data-v-f8d67e3e]{background:#0a5131}.myExercise>.exercise-table .tbody .category>span.disobey[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .grade>span.disobey[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .num>span.disobey[data-v-f8d67e3e],.myExercise>.exercise-table .thead .category>span.disobey[data-v-f8d67e3e],.myExercise>.exercise-table .thead .grade>span.disobey[data-v-f8d67e3e],.myExercise>.exercise-table .thead .num>span.disobey[data-v-f8d67e3e]{background:#43266d;animation:fade-f8d67e3e 1.5s infinite}.myExercise>.exercise-table .tbody .exerciseName[data-v-f8d67e3e],.myExercise>.exercise-table .thead .exerciseName[data-v-f8d67e3e]{flex:2.4;line-height:30px}.myExercise>.exercise-table .tbody .difficulty[data-v-f8d67e3e],.myExercise>.exercise-table .thead .difficulty[data-v-f8d67e3e]{flex:0.5}.myExercise>.exercise-table .tbody .classmate button[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .done button[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .idea button[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .link button[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .sampleCode button[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .status button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .classmate button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .done button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .idea button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .link button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .sampleCode button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .status button[data-v-f8d67e3e]{font-size:14px;height:30px}.myExercise>.exercise-table .tbody .idea[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .link[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .sampleCode[data-v-f8d67e3e],.myExercise>.exercise-table .thead .idea[data-v-f8d67e3e],.myExercise>.exercise-table .thead .link[data-v-f8d67e3e],.myExercise>.exercise-table .thead .sampleCode[data-v-f8d67e3e]{flex:0.7}.myExercise>.exercise-table .tbody .idea button[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .link button[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .sampleCode button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .idea button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .link button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .sampleCode button[data-v-f8d67e3e]{font-size:14px;width:60px}.myExercise>.exercise-table .tbody .classmate[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .status[data-v-f8d67e3e],.myExercise>.exercise-table .thead .classmate[data-v-f8d67e3e],.myExercise>.exercise-table .thead .status[data-v-f8d67e3e]{flex:0.7}.myExercise>.exercise-table .tbody .classmate>div[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .status>div[data-v-f8d67e3e],.myExercise>.exercise-table .thead .classmate>div[data-v-f8d67e3e],.myExercise>.exercise-table .thead .status>div[data-v-f8d67e3e]{font-size:16px;color:#828282}.myExercise>.exercise-table .tbody .classmate button[data-v-f8d67e3e],.myExercise>.exercise-table .tbody .status button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .classmate button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .status button[data-v-f8d67e3e]{font-size:14px;width:55px}.myExercise>.exercise-table .tbody .done[data-v-f8d67e3e],.myExercise>.exercise-table .thead .done[data-v-f8d67e3e]{flex:0.9}.myExercise>.exercise-table .tbody .done button[data-v-f8d67e3e],.myExercise>.exercise-table .thead .done button[data-v-f8d67e3e]{width:90px}@media (max-width:768px){.myExercise>div[data-v-f8d67e3e]:first-child{position:static;padding:10px 3%;gap:10px}.myExercise>div:first-child>div[data-v-f8d67e3e]{position:static}.myExercise>.exercise-table[data-v-f8d67e3e]{position:static;width:94%;margin:10px auto;overflow-x:auto;padding:10px}.myExercise>.exercise-table .tbody[data-v-f8d67e3e],.myExercise>.exercise-table .thead[data-v-f8d67e3e]{min-width:900px}}@keyframes fade-f8d67e3e{0%{opacity:1}50%{opacity:0}to{opacity:1}}