.tutorial-item[data-v-aff7bad8]{border-radius:8px;border:1px solid rgb(255 255 255 / 10%);background:#20282c;cursor:pointer}.tutorial-container[data-v-aff7bad8]{display:flex;flex-direction:column;gap:41px;padding:15px}.tutorial-container.ended[data-v-aff7bad8]{opacity:.6}.tutorial-item.selected[data-v-aff7bad8]{background:#20282c;border:1px solid rgb(255 255 255 / 60%)}.tutorial-item.completed[data-v-aff7bad8]{border:1px solid rgb(0 255 163 / 20%);background:#00ffa31a}.tutorial-item.completed.selected[data-v-aff7bad8]{border:1px solid rgb(0 255 163 / 60%);background:#00ffa324}.tutorial-item[data-v-aff7bad8]:not(.selected):hover,.tutorial-item[data-v-aff7bad8]:not(.selected):focus{opacity:.8}.tutorial-header[data-v-aff7bad8]{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}.tutorial-title[data-v-aff7bad8]{font-weight:500;font-size:16px;line-height:20px;letter-spacing:4%;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-tag[data-v-aff7bad8]{display:flex;align-items:center;gap:8px}.status-dot[data-v-aff7bad8]{width:8px;height:8px;border-radius:50%;background-color:#00ffa3}.tutorial-item.ended .status-dot[data-v-aff7bad8]{background-color:#fff}.status-tag span[data-v-aff7bad8]{font-size:14px;line-height:18px;color:#fffc}.tutorial-content[data-v-aff7bad8]{display:flex;flex-direction:column;gap:12px}.countdown[data-v-aff7bad8]{display:flex;align-items:center;gap:8px}.countdown-icon[data-v-aff7bad8]{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.countdown span[data-v-aff7bad8]{font-size:14px;color:#fffc}.countdown-time[data-v-aff7bad8]{display:flex;align-items:center;gap:10px}.time-block[data-v-aff7bad8]{display:flex;justify-content:center;align-items:center;background-color:#0006;border-radius:4px;padding:2px 4px;width:32px;height:19px}.time-value[data-v-aff7bad8]{font-size:12px;color:#fff}.time-unit[data-v-aff7bad8]{font-size:12px;color:#fffc}.time-separator[data-v-aff7bad8]{width:4px;height:4px;background-color:#fff6}.tutorial-status-row[data-v-aff7bad8]{display:flex;justify-content:space-between;align-items:center;width:100%}.started-info[data-v-aff7bad8]{display:flex;align-items:center;gap:6px}.started-icon[data-v-aff7bad8]{display:flex;align-items:center;justify-content:center}.started-info span[data-v-aff7bad8]{font-size:14px;color:#fffc}.task-progress-info[data-v-aff7bad8]{font-size:12px;font-weight:500;color:#fff}.completed-info[data-v-aff7bad8]{display:flex;align-items:center;gap:6px;position:relative;width:100%}.completed-icon[data-v-aff7bad8],.star-icon[data-v-aff7bad8]{display:flex;align-items:center;justify-content:center}.completed-info span[data-v-aff7bad8]{font-size:14px;font-weight:500;color:#fff}.completed-time[data-v-aff7bad8]{margin-left:auto;font-size:12px!important;color:#fff9!important;font-weight:400!important}.task-progress[data-v-aff7bad8]{display:flex;flex-direction:column;gap:12px;width:100%}.progress-info[data-v-aff7bad8]{display:flex;justify-content:space-between;align-items:center}.progress-info span[data-v-aff7bad8]{font-size:12px;font-weight:500;color:#fff}.progress-bar[data-v-aff7bad8]{width:100%;height:4px;background-color:#ffffff1a;border-radius:100px;overflow:hidden}.progress-fill[data-v-aff7bad8]{height:100%;background-color:#cbff01;border-radius:100px}.not-started[data-v-aff7bad8]{display:flex;align-items:center;gap:8px}.not-started-icon[data-v-aff7bad8]{display:flex;align-items:center;justify-content:center}.not-started span[data-v-aff7bad8]{font-size:14px;font-weight:400;letter-spacing:4%;color:#fff9}