.lesson-progress-bar[data-v-9305b1b1],.progress-bar-container[data-v-9305b1b1]{box-sizing:border-box;width:100%}.progress-bar-container[data-v-9305b1b1]{border:1px solid var(--grey-dark);border-radius:4px;display:flex;height:17px}.progress-step[data-v-9305b1b1]{align-items:center;border-right:1px solid var(--grey-dark);box-sizing:border-box;cursor:pointer;display:flex;height:100%;justify-content:center;transition:box-shadow .2s ease,background-color .3s ease}.progress-step[data-v-9305b1b1]:last-child{border-right:none}.progress-step.first-step[data-v-9305b1b1]{border-bottom-left-radius:3px;border-top-left-radius:3px}.progress-step.last-step[data-v-9305b1b1]{border-bottom-right-radius:3px;border-right:none;border-top-right-radius:3px}.step-content[data-v-9305b1b1]{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;width:100%}.step-icon[data-v-9305b1b1]{color:var(--beige);display:block;height:10px;width:10px}.progress-step.state-correct[data-v-9305b1b1]{background-color:var(--green)}.progress-step.state-correct[data-v-9305b1b1]:hover{box-shadow:0 0 12px 4px color-mix(in srgb,var(--green) 30%,transparent);z-index:1}.progress-step.state-incorrect[data-v-9305b1b1]{background-color:var(--orange)}.progress-step.state-incorrect[data-v-9305b1b1]:hover{box-shadow:0 0 12px 4px color-mix(in srgb,var(--orange) 30%,transparent);z-index:1}.progress-step.state-in-progress[data-v-9305b1b1]{background-color:var(--yellow-light)}.progress-step.state-in-progress[data-v-9305b1b1]:hover{box-shadow:0 0 12px 4px color-mix(in srgb,var(--yellow) 30%,transparent);z-index:1}.progress-step.state-not-started[data-v-9305b1b1]{background-color:var(--blue-light)}.progress-step.state-not-started[data-v-9305b1b1]:hover{box-shadow:0 0 12px 4px color-mix(in srgb,var(--blue) 30%,transparent);z-index:1}.progress-step.state-reading[data-v-9305b1b1]{background-color:var(--blue);cursor:default}.progress-step.state-skipped[data-v-9305b1b1]{background-color:var(--grey-dark)}.progress-step.state-skipped[data-v-9305b1b1]:hover{box-shadow:0 0 12px 4px color-mix(in srgb,var(--grey-dark) 30%,transparent);z-index:1}.progress-step.state-skeleton[data-v-9305b1b1]{animation:skeleton-shimmer-9305b1b1 2.5s ease-in-out infinite;background:linear-gradient(90deg,var(--grey-light) 0,color-mix(in srgb,var(--grey-light) 70%,var(--grey) 30%) 50%,var(--grey-light) 100%);background-size:200% 100%;cursor:default}@keyframes skeleton-shimmer-9305b1b1{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:768px){.lesson-progress-bar[data-v-9305b1b1],.progress-bar-container[data-v-9305b1b1]{box-sizing:border-box;width:100%}}