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