html.op3-screenshot #op3-designer-element .op3-element[data-op3-element-type="courselist"] {
    .op3-element-courselist__container {
        .op3-element[data-op3-element-type="courselistitemcontent"],
        .op3-element[data-op3-element-spec="courselistemptymessage"] {
            display: none;
        }

        &:not([data-op3-course-state]) .op3-element[data-op3-element-type="courselistitemcontent"],
        &[data-op3-course-state=""] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="available"],
        &[data-op3-course-state="available"] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="available"],
        &[data-op3-course-state="in_progress"] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="in_progress"],
        &[data-op3-course-state="completed"] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="completed"],
        &[data-op3-course-state="dripped"] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="dripped"],
        &[data-op3-course-state="locked"] .op3-element[data-op3-element-type="courselistitemcontent"][data-op3-element-spec="locked"] {
            display: flex;
        }
    }
}