ul.lesson-list {
    background: none;
    padding: 0;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
@media (max-width: 767.98px) {
    ul.lesson-list {
        margin-bottom: 60px;
    }
}
ul.lesson-list * {
    font-family: var(--font-main);
}
ul.lesson-list li {
    min-height: auto;
    margin: 0;
    border-radius: 0;
}
ul.lesson-list li ~ li {
    margin-top: 25px !important;
}
ul.lesson-list li .item-a {
    display: flex;
    border-radius: 0;
    background: none;
    text-decoration: none !important;
}
ul.lesson-list li .state-icon-block {
    flex: 0 0 auto;
    float: none;
    border-radius: 0;
    height: auto;
    min-height: auto;
    width: auto;
    margin: 0;
    padding: 0;
}
ul.lesson-list li .state-icon-block span {
    display: none;
}
ul.lesson-list li .info {
    flex: 1 1 100%;
    margin-left: 0;
    border-left: none !important;
    display: flex;
    flex-direction: column;
    background: none !important;
}
ul.lesson-list li table {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    min-height: auto;
    min-width: auto;
}
ul.lesson-list li tbody {
    flex: 1 1 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
ul.lesson-list li tr {
    flex: 1 1 100%;
    display: flex;
}
ul.lesson-list li .item-main-td {
    flex: 1 1 0%;
    padding: 0;
    display: block;
    min-height: auto;
}
ul.lesson-list li .item-main-td.item-with-image {
    padding-left: 0;
    height: auto;
}
ul.lesson-list li .item-image {
    display: none !important;
}
ul.lesson-list li .vmiddle {
    display: flex !important;
    flex-direction: column;
    padding: 0 !important;
    margin-left: 0 !important;
}
ul.lesson-list li .title {
    font-size: 30px;
    font-family: var(--font-main);
    margin-right: 0;
    margin-bottom: 15px;
}
ul.lesson-list {
    background: none;
    border-radius: 13px;
    padding: 55px 15px;
}
ul.lesson-list li:not(.divider) {
    background: rgba(255, 246, 198, 0.57);
    border: 1px solid #beb3a0;
    border-radius: 10px;
    padding: 30px;
}
@media (max-width: 767.98px) {
    ul.lesson-list li:not(.divider) {
        padding: 15px;
    }
}
ul.lesson-list li:not(.divider) .vmiddle {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.lesson-list li:not(.divider) .user-state-label {
    display: none;
}
ul.lesson-list li:not(.divider) .title {
    font-weight: 600;
    font-size: 23px;
    line-height: 1.2;
    color: var(--color-black);
    flex: 1 1 100%;
    display: flex;
    align-items: flex-start;
}
@media (max-width: 767.98px) {
    ul.lesson-list li:not(.divider) .title {
        font-size: 20px;
        flex-wrap: wrap;
    }
}
ul.lesson-list li:not(.divider) .title::before {
    content: "";
    max-width: 200px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.4;
    text-align: right;
    margin-left: auto;
    order: 1;
}
@media (max-width: 767.98px) {
    ul.lesson-list li:not(.divider) .title::before {
        font-size: 14px;
    }
}
ul.lesson-list li:not(.divider) .title::after {
    content: "";
    flex: 0 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    order: 2;
    margin-left: 10px;
}
ul.lesson-list li:not(.divider).user-state-need_accomplish {
    background: #f6e9e2;
    border: 1px solid #bea4a0;
}
ul.lesson-list li:not(.divider).user-state-need_accomplish .title::before {
    content: "Необходимо выполнить задание";
    color: red;
}
@media (max-width: 767.98px) {
    ul.lesson-list li:not(.divider).user-state-need_accomplish .title::before {
        font-size: 14px;
        order: -2;
        flex: 1 1 0%;
        max-width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
}
ul.lesson-list li:not(.divider).user-state-need_accomplish .title::after {
    width: 43px;
    height: 40px;
    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/15925/sc/296/h/e32db5f39b4cad288b394db7f85a14d5.png");
}
@media (max-width: 767.98px) {
    ul.lesson-list li:not(.divider).user-state-need_accomplish .title::after {
        order: -1;
    }
}
ul.lesson-list li:not(.divider).user-state-answered {
    background: rgba(255, 246, 198, 0.57);
    border: 1px solid #beb3a0;
}
ul.lesson-list li:not(.divider).user-state-answered .title::before {
    content: "Домашнее задание на проверке";
    color: var(--color-black);
}
@media (max-width: 767.98px) {
    ul.lesson-list li:not(.divider).user-state-answered .title::before {
        font-size: 14px;
        order: -2;
        flex: 1 1 0%;
        max-width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
}
ul.lesson-list li:not(.divider).user-state-answered .title::after {
    width: 36px;
    height: 36px;
    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/15925/sc/178/h/0a3c496fd1053fb259f1006cfef306c0.png");
}
@media (max-width: 767.98px) {
    ul.lesson-list li:not(.divider).user-state-answered .title::after {
        order: -1;
    }
}
ul.lesson-list li:not(.divider).user-state-accomplished {
    background: rgba(218, 238, 217, 0.6);
    border: 1px solid rgba(54, 106, 78, 0.38);
}
ul.lesson-list li:not(.divider).user-state-accomplished .title {
    align-items: center;
}
ul.lesson-list li:not(.divider).user-state-accomplished .title::before {
    content: "Задание выполнено";
    color: #267a56;
}
@media (max-width: 767.98px) {
    ul.lesson-list li:not(.divider).user-state-accomplished .title::before {
        font-size: 14px;
        order: -2;
        flex: 1 1 0%;
        max-width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }
}
ul.lesson-list li:not(.divider).user-state-accomplished .title::after {
    width: 38px;
    height: 38px;
    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/15925/sc/59/h/6981b82098b4481dca9e100794fe804a.png");
}
@media (max-width: 767.98px) {
    ul.lesson-list li:not(.divider).user-state-accomplished .title::after {
        order: -1;
    }
}
ul.lesson-list li:not(.divider).user-state-not_reached {
    background: #e6e6e6;
    border: 1px solid #beb3a0;
}
ul.lesson-list li:not(.divider).user-state-not_reached .title::after {
    width: 27px;
    height: 36px;
    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/15925/sc/13/h/579e118c68283ea1de984811a40773e1.png");
}
@media (max-width: 767.98px) {
    ul.lesson-list li:not(.divider).user-state-not_reached .title::after {
        order: -1;
    }
}
ul.lesson-list li:not(.divider) .description {
    flex: 1 1 100%;
    max-width: 400px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    color: var(--color-black);
}
@media (max-width: 767.98px) {
    ul.lesson-list li:not(.divider) .description {
        font-size: 16px;
    }
}
ul.lesson-list li.divider span {
    font-family: var(--font-main);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.4;
    color: red;
}
@media (max-width: 767.98px) {
    ul.lesson-list li.divider span {
        font-size: 13px;
    }
}