.jwl-course-tasks{display:flex;flex-flow:row wrap;min-height:5rem;width:100%}.jwl-course-tasks__group{align-items:flex-start;display:flex;flex:0 0 50%;justify-content:flex-start;margin-bottom:.75rem}@media screen and (max-width:480px){.jwl-course-tasks__group{flex:0 0 100%}}.jwl-course-tasks__group-title{flex:0 0 10rem;font-weight:regular}@media screen and (max-width:800px){.jwl-course-tasks__group-title{flex:0 0 50%}}.jwl-course-tasks__group-items{align-items:center;box-sizing:border-box;display:flex;flex:0 1 auto;flex-flow:row wrap;justify-content:flex-start;padding-right:1rem;padding-top:.25rem}.jwl-course-tasks__group-item{--state-color:var(--color-gray-100);border-radius:50%;box-sizing:border-box;color:var(--state-color);display:flex;height:1rem;margin-bottom:.25rem;width:1rem}.jwl-course-tasks__group-item:not(.jwl-course-tasks__group-item--student){background-color:var(--state-color)}html[dir=ltr] .jwl-course-tasks__group-item:not(:last-child){margin-right:.5rem}html[dir=rtl] .jwl-course-tasks__group-item:not(:last-child){margin-left:.5rem}.jwl-course-tasks__group-item--student{--state-color:var(--color-gray-400)}.jwl-course-tasks__group-item--student.jwl-course-tasks__group-item--else{background-color:var(--state-color)}.jwl-course-tasks__group-item--nothing{--state-color:var(--color-gray-600)}.jwl-course-tasks__group-item--0-grade,.jwl-course-tasks__group-item--grade,.jwl-course-tasks__group-item--ungraded{--state-color:var(--color-success)}.jwl-course-tasks__group-item--unpublished{--state-color:var(--color-warning)}.jwl-course-tasks__group-item--deadline-passed{--state-color:var(--color-error)}