/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* снимаем стандартные стили от ГК */
.lesson-list  {
    background: transparent;
    padding: 0;
}

.lesson-list li {
    margin: 0 0 20px 0 !important;
    overflow: visible;
}

/*бордер для видимых границ, убрать потом*/
.lesson-list a {
    border: 1px solid var(--color-header-bg-light);
}

.lesson-list a {
    color: var(--color-text-dark);
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block!important;
    /*padding: 30px 35px;*/
    text-align: start;
}

.lesson-list li .state-icon-block,
.lesson-list li .user-state-label.is-stop-lesson,
.lesson-list li .user-state-label.user-state-label-ex,
.lesson-list li .user-state-label.has-start-at.lesson-date,
.lesson-list li.divider {
    display: none;
}

.lesson-list li .info {
    margin-left: 0;
    border-left: none!important;
    background: transparent;
}

.lesson-list li .info table {
    min-width: inherit!important;
    width: 100%;
}

/* фон на всю карточку применяем к tbody*/
.lesson-list li td.item-main-td {
    padding: 20px 30px 20px 20px;
    height: inherit!important;
}

.lesson-list .item-main-td .vmiddle > div:not(.title, .user-state-label, .description, .custom-lesson__button, .custom-lesson__number),
.lesson-list .user-state-not_reached .user-state-label {
    display: none;
}


.lesson-list li .item-main-td .vmiddle {
    padding-right: 0;
}

.lesson-list .item-main-td .description {
   /* display: none;*/
}


.lesson-list li .title {
    margin-right: 0px!important;
}

.lesson-list li.first-unreached {
    margin-top: auto;
}


.lesson-list .user-state-bg,
.lesson-list li.user-state-not_reached .info{
    background: transparent;
}

@media (max-width: 767px) {
    .lesson-list li .vmiddle {
        margin-left: 0 !important;
    }
}
/* конец снятия стандартных стилей*/

.lesson-list li .item-a {
    overflow: hidden;
    border-top-left-radius: 16px !important; 
    border-bottom-left-radius: 16px !important; 
    border-top-right-radius: 16px !important; 
    border-bottom-right-radius: 16px !important; 
    background: var(--color-container-bg-light) !important;
}

.lesson-list a:focus {
    text-decoration: none !important;
}


  /* Превращаем UL в flex-сетку по 2 карточки в ряд */
  .lesson-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 40px;
  }

  .lesson-list > li {
    /* 3 в ряд с учётом gap */
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - 15px);
            flex: 0 0 calc(33% - 15px);
    max-width: calc(33% - 15px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 !important;
    /* карточки в ряду одинаковой высоты — это уже даёт flex-сетка,
       но для надёжности явно тянем содержимое */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  /* Ссылка-обёртка занимает всю карточку и становится flex-контейнером */
  .lesson-list > li > .item-a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    height: 100%;
  }

  /* .info тоже растягиваем и делаем flex-колонкой */
  .lesson-list > li > .item-a > .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    height: 100%;
  }

  /* Ломаем табличную верстку на вертикальную */
  .lesson-list .info > table,
  .lesson-list .info > table > tbody,
  .lesson-list .info > table > tbody > tr {
    display: block;
    width: 100%;
  }

  /* Таблица тоже должна растягиваться на всю высоту .info */
  .lesson-list .info > table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    height: 100%;
  }
  .lesson-list .info > table > tbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .lesson-list .info > table > tbody > tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }

  .lesson-list .info > table > tbody > tr > td {
    display: block;
    width: 100% !important;
    padding: 0;
    min-height: 200px;
  }

.lesson-list li.with-image .info > table > tbody > tr > td {
    min-height: 120px !important;
}

  /* Картинка — сверху, на всю ширину карточки */
  .lesson-list .item-image {
    display: block !important;        /* отменяем скрытие от ГК на <=520px */
    width: 100% !important;
    height: 180px;                    /* фиксируем высоту картинки */
    background-size: cover !important;
    background-position: center center !important;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;                   /* картинка не растягивается */
  }

  /* Текстовый блок под картинкой — растягиваем, чтобы занял оставшееся место */
  .lesson-list .item-main-td {
    padding: 12px 12px 20px !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  /* .vmiddle — внутренний flex-контейнер на всю высоту ячейки */
  .lesson-list .item-main-td .vmiddle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    height: 100%;
  }

.custom-lesson__number {
  font-family: var(--font-family-text-regular);
  display: inline-block;
  font-weight: 600;
  color: var(--color-accent);
  margin-bottom: 4px;
}
.custom-lesson__number span::before {
  content: 'Урок ';
}

    .lesson-list .description {
    margin-bottom: 20px;
}

  /* Кнопка прижата к нижнему краю карточки */
  .lesson-list .custom-lesson__button {
    margin-top: auto;
  }

/* Блок Инфо поднимаем и надвигаем на картинку*/
.item-main-td.item-with-image {
    margin-top: -16px;
    background: var(--color-container-bg-light) !important;
    border-radius: 16px;
    -webkit-box-shadow: 0 -4px 30px #00000020;
            box-shadow: 0 -4px 30px #00000020;
}


/*   МОБИЛЬНАЯ АДАПТАЦИЯ */
@media (max-width: 768px) {
  .lesson-list > li {
    /* 2 в ряд с учётом gap */
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
            flex: 0 0 calc(50% - 10px);
    max-width: calc(50% - 10px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0 !important;
    /* карточки в ряду одинаковой высоты — это уже даёт flex-сетка,
       но для надёжности явно тянем содержимое */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 440px) {
  .lesson-list > li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    gap: 20px !important;
  }

  /* Можно немного увеличить высоту картинки на узких экранах */
  .lesson-list .item-image {
    height: 200px;
  }
}

/*Информация об уроке и кнопка на карточке*/
.lesson-list li .info .vmiddle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.lesson-list li .title {
    font-family: var(--font-family-header-bold);
    font-size: 22px;
    font-weight: normal;
    line-height: 24px;
    margin-right: 20px;
    margin-bottom: 12px;
    display: block;
    width: 100%;
    margin-top: 10px;
    color: var(--color-assent-dark);
    letter-spacing: .9px;
}

.lesson-list .description {
    font-family: var(--font-family-text-regular);
    display: block;
    font-size: 14px;
    color: #222;
    width: 100%;
    opacity: .95;
}

.custom-lesson__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 152px;
  height: 40px;
  padding: 12px 22px;
  margin-top: auto;
  margin-left: auto;
  border-radius: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-family: var(--font-family-text-regular);
  font-weight: 700;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.01em;
  color: #ffffff;
  background-color: var(--color-accent);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.5892 3.57742C10.2638 3.25198 9.73616 3.25198 9.41072 3.57742C9.08529 3.90286 9.08529 4.4305 9.41072 4.75593L13.8215 9.16668H4.16665C3.70641 9.16668 3.33331 9.53977 3.33331 10C3.33331 10.4602 3.70641 10.8333 4.16665 10.8333H13.8215L9.41072 15.2441C9.08529 15.5695 9.08529 16.0972 9.41072 16.4226C9.73616 16.748 10.2638 16.748 10.5892 16.4226L16.4226 10.5893C16.748 10.2638 16.748 9.73619 16.4226 9.41075L10.5892 3.57742Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 15px center;
  margin-top: 12px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.lesson-list li .info:hover .custom-lesson__button {
    -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
            transform: translateX(8px);
}

.custom-lesson__button span {
  display: block;
}

/*недоступный урок*/
.user-state-not_reached .custom-lesson__button {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83333 9.16667V5.83334C5.83333 4.72827 6.27232 3.66846 7.05372 2.88706C7.83512 2.10566 8.89493 1.66667 10 1.66667C11.1051 1.66667 12.1649 2.10566 12.9463 2.88706C13.7277 3.66846 14.1667 4.72827 14.1667 5.83334V9.16667M4.16667 9.16667H15.8333C16.7538 9.16667 17.5 9.91286 17.5 10.8333V16.6667C17.5 17.5871 16.7538 18.3333 15.8333 18.3333H4.16667C3.24619 18.3333 2.5 17.5871 2.5 16.6667V10.8333C2.5 9.91286 3.24619 9.16667 4.16667 9.16667Z' stroke='%23F5F5F5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.user-state-not_reached.custom-has-date .custom-lesson__title,
.user-state-not_reached.custom-has-date .custom-lesson__description {
  opacity: 0.6;
}
.user-state-not_reached.custom-has-date .custom-lesson__button {
  width: auto;
  padding: 12px 20px 12px 49px;
  background-position: left 12px center;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.16666 4.16668C3.70642 4.16668 3.33332 4.53977 3.33332 5.00001V16.6667C3.33332 17.1269 3.70642 17.5 4.16666 17.5H15.8333C16.2936 17.5 16.6667 17.1269 16.6667 16.6667V5.00001C16.6667 4.53977 16.2936 4.16668 15.8333 4.16668H4.16666ZM1.66666 5.00001C1.66666 3.6193 2.78594 2.50001 4.16666 2.50001H15.8333C17.214 2.50001 18.3333 3.6193 18.3333 5.00001V16.6667C18.3333 18.0474 17.214 19.1667 15.8333 19.1667H4.16666C2.78594 19.1667 1.66666 18.0474 1.66666 16.6667V5.00001Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3333 0.833344C13.7936 0.833344 14.1667 1.20644 14.1667 1.66668V5.00001C14.1667 5.46025 13.7936 5.83334 13.3333 5.83334C12.8731 5.83334 12.5 5.46025 12.5 5.00001V1.66668C12.5 1.20644 12.8731 0.833344 13.3333 0.833344Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.66666 0.833344C7.12689 0.833344 7.49999 1.20644 7.49999 1.66668V5.00001C7.49999 5.46025 7.12689 5.83334 6.66666 5.83334C6.20642 5.83334 5.83332 5.46025 5.83332 5.00001V1.66668C5.83332 1.20644 6.20642 0.833344 6.66666 0.833344Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66666 8.33334C1.66666 7.87311 2.03975 7.50001 2.49999 7.50001H17.5C17.9602 7.50001 18.3333 7.87311 18.3333 8.33334C18.3333 8.79358 17.9602 9.16668 17.5 9.16668H2.49999C2.03975 9.16668 1.66666 8.79358 1.66666 8.33334Z' fill='white'/%3E%3C/svg%3E%0A");
}


.lesson-list li.user-state-not_reached .item-a {
    -webkit-filter: grayscale(.8);
            filter: grayscale(.8);
} 
.user-state-not_reached.custom-has-date .custom-lesson__button span {
  width: auto;
  display: block;
}

.custom-lesson.user-state-not_reached {
  pointer-events: none;
}
.user-state-not_reached .custom-lesson__title,
.user-state-not_reached .custom-lesson__description {
  opacity: 0.6;
}

.user-state-not_reached.custom-has-date {
  pointer-events: none;
}

/*принятый урок*/
.user-state-accomplished .custom-lesson__button {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.2559 4.41073C17.5814 4.73617 17.5814 5.26381 17.2559 5.58925L8.08926 14.7559C7.76382 15.0813 7.23618 15.0813 6.91074 14.7559L2.74408 10.5892C2.41864 10.2638 2.41864 9.73617 2.74408 9.41073C3.06951 9.0853 3.59715 9.0853 3.92259 9.41073L7.5 12.9881L16.0774 4.41073C16.4028 4.0853 16.9305 4.0853 17.2559 4.41073Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}

/*на проверке*/
.user-state-answered .custom-lesson__button {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_625_163)'%3E%3Cg opacity='0.78' clip-path='url(%23clip1_625_163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.65906 15.534C2.65906 15.2326 2.9034 14.9882 3.20482 14.9882C3.50624 14.9882 3.75059 15.2326 3.75059 15.534C3.75059 15.8354 3.50624 16.0797 3.20482 16.0797C2.9034 16.0797 2.65906 15.8354 2.65906 15.534Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.46839 15.3376C3.48776 15.357 3.48776 15.3884 3.46839 15.4078L3.16042 15.7303C3.14105 15.7497 3.10963 15.7497 3.09026 15.7303L2.94141 15.5815C2.92204 15.5621 2.92204 15.5307 2.94141 15.5113C2.96079 15.4919 2.9922 15.4919 3.01158 15.5113L3.12534 15.6251L3.39822 15.3376C3.4176 15.3183 3.44901 15.3183 3.46839 15.3376Z' fill='white'/%3E%3C/g%3E%3Cg opacity='0.8' clip-path='url(%23clip2_625_163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.230469 11.6796C0.230469 11.3028 0.535903 10.9974 0.912675 10.9974C1.28945 10.9974 1.59488 11.3028 1.59488 11.6796C1.59488 12.0564 1.28945 12.3618 0.912675 12.3618C0.535903 12.3618 0.230469 12.0564 0.230469 11.6796Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.24207 11.4342C1.26629 11.4584 1.26629 11.4977 1.24207 11.5219L0.857114 11.925C0.832895 11.9493 0.793626 11.9493 0.769407 11.925L0.58335 11.739C0.559131 11.7148 0.559131 11.6755 0.58335 11.6513C0.60757 11.6271 0.646838 11.6271 0.671058 11.6513L0.813261 11.7935L1.15436 11.4342C1.17858 11.41 1.21785 11.41 1.24207 11.4342Z' fill='white'/%3E%3C/g%3E%3Cg opacity='0.82' clip-path='url(%23clip3_625_163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0744629 7.26214C0.0744629 6.81001 0.440984 6.44349 0.89311 6.44349C1.34524 6.44349 1.71176 6.81001 1.71176 7.26214C1.71176 7.71426 1.34524 8.08078 0.89311 8.08078C0.440984 8.08078 0.0744629 7.71426 0.0744629 7.26214Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.28834 6.96764C1.3174 6.99671 1.3174 7.04383 1.28834 7.07289L0.826389 7.55664C0.797325 7.5857 0.750203 7.5857 0.72114 7.55664L0.497872 7.33337C0.468808 7.30431 0.468808 7.25718 0.497872 7.22812C0.526936 7.19906 0.574058 7.19906 0.603121 7.22812L0.773764 7.39876L1.18309 6.96764C1.21215 6.93858 1.25927 6.93858 1.28834 6.96764Z' fill='white'/%3E%3C/g%3E%3Cg opacity='0.84' clip-path='url(%23clip4_625_163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.35608 3.4369C2.35608 2.93454 2.76332 2.52729 3.26569 2.52729C3.76805 2.52729 4.1753 2.93454 4.1753 3.4369C4.1753 3.93926 3.76805 4.34651 3.26569 4.34651C2.76332 4.34651 2.35608 3.93926 2.35608 3.4369Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.70488 3.10968C3.73718 3.14197 3.73718 3.19433 3.70488 3.22662L3.19161 3.76411C3.15931 3.79641 3.10696 3.79641 3.07466 3.76411L2.82659 3.51604C2.79429 3.48375 2.79429 3.43139 2.82659 3.3991C2.85888 3.3668 2.91124 3.3668 2.94353 3.3991L3.13313 3.5887L3.58794 3.10968C3.62023 3.07738 3.67259 3.07738 3.70488 3.10968Z' fill='white'/%3E%3C/g%3E%3Cg opacity='0.86' clip-path='url(%23clip5_625_163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.20447 1.2233C6.20447 0.650608 6.66873 0.186348 7.24142 0.186348C7.81411 0.186348 8.27837 0.650608 8.27837 1.2233C8.27837 1.79599 7.81411 2.26025 7.24142 2.26025C6.66873 2.26025 6.20447 1.79599 6.20447 1.2233Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.74212 0.850272C7.77894 0.887087 7.77894 0.946774 7.74212 0.983588L7.15699 1.59633C7.12017 1.63315 7.06049 1.63315 7.02367 1.59633L6.74087 1.31353C6.70405 1.27671 6.70405 1.21703 6.74087 1.18021C6.77768 1.1434 6.83737 1.1434 6.87418 1.18021L7.09033 1.39636L7.60881 0.850272C7.64562 0.813458 7.70531 0.813458 7.74212 0.850272Z' fill='white'/%3E%3C/g%3E%3Cg clip-path='url(%23clip6_625_163)'%3E%3Cg opacity='0.88'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6836 1.28999C10.6836 0.636917 11.213 0.107498 11.8661 0.107498C12.5192 0.107498 13.0486 0.636917 13.0486 1.28999C13.0486 1.94306 12.5192 2.47248 11.8661 2.47248C11.213 2.47248 10.6836 1.94306 10.6836 1.28999Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4369 0.864609C12.4789 0.90659 12.4789 0.974654 12.4369 1.01664L11.7697 1.71538C11.7277 1.75736 11.6596 1.75736 11.6177 1.71538L11.2952 1.39288C11.2532 1.3509 11.2532 1.28284 11.2952 1.24086C11.3371 1.19887 11.4052 1.19887 11.4472 1.24086L11.6937 1.48734L12.2849 0.864609C12.3269 0.822627 12.395 0.822627 12.4369 0.864609Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cg opacity='0.92' clip-path='url(%23clip7_625_163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7191 7.18447C16.7191 6.38069 17.3707 5.7291 18.1745 5.7291C18.9783 5.7291 19.6299 6.38069 19.6299 7.18447C19.6299 7.98825 18.9783 8.63984 18.1745 8.63984C17.3707 8.63984 16.7191 7.98825 16.7191 7.18447Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.8771 6.66092C18.9288 6.71259 18.9288 6.79636 18.8771 6.84803L18.0559 7.70803C18.0042 7.7597 17.9204 7.7597 17.8688 7.70803L17.4719 7.31111C17.4202 7.25944 17.4202 7.17567 17.4719 7.124C17.5235 7.07233 17.6073 7.07233 17.659 7.124L17.9623 7.42736L18.69 6.66092C18.7417 6.60925 18.8255 6.60925 18.8771 6.66092Z' fill='white'/%3E%3C/g%3E%3Cg opacity='0.9' clip-path='url(%23clip8_625_163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.5532 3.42719C14.5532 2.69876 15.1437 2.10825 15.8722 2.10825C16.6006 2.10825 17.1911 2.69876 17.1911 3.42719C17.1911 4.15561 16.6006 4.74612 15.8722 4.74612C15.1437 4.74612 14.5532 4.15561 14.5532 3.42719Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.509 2.95272C16.5558 2.99955 16.5558 3.07547 16.509 3.12229L15.7647 3.90166C15.7179 3.94848 15.642 3.94848 15.5951 3.90166L15.2354 3.54195C15.1886 3.49513 15.1886 3.41921 15.2354 3.37238C15.2823 3.32556 15.3582 3.32556 15.405 3.37238L15.6799 3.64731L16.3394 2.95272C16.3862 2.9059 16.4621 2.9059 16.509 2.95272Z' fill='white'/%3E%3C/g%3E%3Cg opacity='0.94' clip-path='url(%23clip9_625_163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.5765 11.6893C16.5765 10.7851 17.3096 10.052 18.2138 10.052C19.1181 10.052 19.8511 10.7851 19.8511 11.6893C19.8511 12.5936 19.1181 13.3266 18.2138 13.3266C17.3096 13.3266 16.5765 12.5936 16.5765 11.6893Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.0043 11.1003C19.0624 11.1585 19.0624 11.2527 19.0043 11.3108L18.0804 12.2783C18.0223 12.3364 17.928 12.3364 17.8699 12.2783L17.4234 11.8318C17.3652 11.7737 17.3652 11.6794 17.4234 11.6213C17.4815 11.5632 17.5757 11.5632 17.6339 11.6213L17.9751 11.9626L18.7938 11.1003C18.8519 11.0422 18.9462 11.0422 19.0043 11.1003Z' fill='white'/%3E%3C/g%3E%3Cg opacity='0.96' clip-path='url(%23clip10_625_163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.0782 15.5049C14.0782 14.5252 14.8724 13.7311 15.852 13.7311C16.8316 13.7311 17.6257 14.5252 17.6257 15.5049C17.6257 16.4845 16.8316 17.2786 15.852 17.2786C14.8724 17.2786 14.0782 16.4845 14.0782 15.5049Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.7083 14.8668C16.7712 14.9298 16.7712 15.0319 16.7083 15.0948L15.7074 16.1429C15.6444 16.2059 15.5423 16.2059 15.4793 16.1429L14.9956 15.6592C14.9326 15.5962 14.9326 15.4941 14.9956 15.4312C15.0586 15.3682 15.1607 15.3682 15.2236 15.4312L15.5934 15.8009L16.4802 14.8668C16.5432 14.8038 16.6453 14.8038 16.7083 14.8668Z' fill='white'/%3E%3C/g%3E%3Cg opacity='0.98' clip-path='url(%23clip11_625_163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.90039 17.7185C9.90039 16.6384 10.776 15.7628 11.856 15.7628C12.9361 15.7628 13.8117 16.6384 13.8117 17.7185C13.8117 18.7985 12.9361 19.6741 11.856 19.6741C10.776 19.6741 9.90039 18.7985 9.90039 17.7185Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8003 17.0149C12.8697 17.0844 12.8697 17.1969 12.8003 17.2664L11.6967 18.422C11.6273 18.4914 11.5147 18.4914 11.4453 18.422L10.9119 17.8886C10.8425 17.8192 10.8425 17.7066 10.9119 17.6372C10.9814 17.5678 11.0939 17.5678 11.1634 17.6372L11.571 18.0448L12.5488 17.0149C12.6183 16.9455 12.7308 16.9455 12.8003 17.0149Z' fill='white'/%3E%3C/g%3E%3Cg clip-path='url(%23clip12_625_163)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.11401 17.6681C5.11401 16.4875 6.07104 15.5305 7.25159 15.5305C8.43215 15.5305 9.38917 16.4875 9.38917 17.6681C9.38917 18.8486 8.43215 19.8057 7.25159 19.8057C6.07104 19.8057 5.11401 18.8486 5.11401 17.6681Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.28363 16.8991C8.35952 16.975 8.35952 17.0981 8.28363 17.174L7.07743 18.4371C7.00154 18.513 6.8785 18.513 6.80261 18.4371L6.21964 17.8541C6.14375 17.7782 6.14375 17.6552 6.21964 17.5793C6.29553 17.5034 6.41857 17.5034 6.49445 17.5793L6.94002 18.0248L8.00881 16.8991C8.0847 16.8232 8.20774 16.8232 8.28363 16.8991Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_625_163'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_625_163'%3E%3Crect width='1.19076' height='1.19076' fill='white' transform='translate(2.6095 14.9386)'/%3E%3C/clipPath%3E%3CclipPath id='clip2_625_163'%3E%3Crect width='1.48845' height='1.48845' fill='white' transform='translate(0.168457 10.9354)'/%3E%3C/clipPath%3E%3CclipPath id='clip3_625_163'%3E%3Crect width='1.78614' height='1.78614' fill='white' transform='translate(0 6.36906)'/%3E%3C/clipPath%3E%3CclipPath id='clip4_625_163'%3E%3Crect width='1.9846' height='1.9846' fill='white' transform='translate(2.27344 2.4446)'/%3E%3C/clipPath%3E%3CclipPath id='clip5_625_163'%3E%3Crect width='2.26244' height='2.26244' fill='white' transform='translate(6.11023 0.0920792)'/%3E%3C/clipPath%3E%3CclipPath id='clip6_625_163'%3E%3Crect width='2.57998' height='2.57998' fill='white' transform='translate(10.576)'/%3E%3C/clipPath%3E%3CclipPath id='clip7_625_163'%3E%3Crect width='3.17536' height='3.17536' fill='white' transform='translate(16.5868 5.59679)'/%3E%3C/clipPath%3E%3CclipPath id='clip8_625_163'%3E%3Crect width='2.87767' height='2.87767' fill='white' transform='translate(14.4333 1.98835)'/%3E%3C/clipPath%3E%3CclipPath id='clip9_625_163'%3E%3Crect width='3.57228' height='3.57228' fill='white' transform='translate(16.4277 9.90318)'/%3E%3C/clipPath%3E%3CclipPath id='clip10_625_163'%3E%3Crect width='3.86997' height='3.86997' fill='white' transform='translate(13.917 13.5699)'/%3E%3C/clipPath%3E%3CclipPath id='clip11_625_163'%3E%3Crect width='4.26689' height='4.26689' fill='white' transform='translate(9.72266 15.585)'/%3E%3C/clipPath%3E%3CclipPath id='clip12_625_163'%3E%3Crect width='4.66381' height='4.66381' fill='white' transform='translate(4.91968 15.3362)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

/*урок с заданием / Важное задание*/
li.is-stop-lesson .custom-lesson__button,
li.user-state-need_accomplish .custom-lesson__button,
.user-state-has_mission .custom-lesson__button {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.0774 1.07739C11.4028 0.751954 11.9304 0.751954 12.2559 1.07739L15.5892 4.41072C15.9147 4.73616 15.9147 5.2638 15.5892 5.58924L6.42255 14.7559C6.26627 14.9122 6.05431 15 5.83329 15H2.49996C2.03972 15 1.66663 14.6269 1.66663 14.1666V10.8333C1.66663 10.6123 1.75442 10.4003 1.9107 10.2441L11.0774 1.07739ZM3.33329 11.1785V13.3333H5.48812L13.8214 4.99998L11.6666 2.84516L3.33329 11.1785Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.66663 18.3333C1.66663 17.8731 2.03972 17.5 2.49996 17.5H17.5C17.9602 17.5 18.3333 17.8731 18.3333 18.3333C18.3333 18.7936 17.9602 19.1667 17.5 19.1667H2.49996C2.03972 19.1667 1.66663 18.7936 1.66663 18.3333Z' fill='white'/%3E%3C/svg%3E%0A");
}

/*не принятый урок*/
.user-state-not_accomplish .custom-lesson__button {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.6234 0.376577C18.1255 0.87868 18.1255 1.69275 17.6234 2.19485L2.19485 17.6234C1.69275 18.1255 0.87868 18.1255 0.376577 17.6234C-0.125526 17.1213 -0.125526 16.3073 0.376577 15.8051L15.8051 0.376577C16.3073 -0.125526 17.1213 -0.125526 17.6234 0.376577Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.376577 0.376577C0.87868 -0.125526 1.69275 -0.125526 2.19485 0.376577L17.6234 15.8051C18.1255 16.3073 18.1255 17.1213 17.6234 17.6234C17.1213 18.1255 16.3073 18.1255 15.8051 17.6234L0.376577 2.19485C-0.125526 1.69275 -0.125526 0.87868 0.376577 0.376577Z' fill='white'/%3E%3C/svg%3E%0A");
}

/*стоп-урок
.is-stop-lesson .custom-lesson__button {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_625_167)'%3E%3Cpath d='M10 13.5563C8.68005 13.5563 7.80006 12.647 7.80006 11.447L7.80005 2C7.80005 0.8 8.68005 0 10 0C11.32 0 12.2 0.8 12.2 2V11.447C12.2 12.647 11.32 13.5563 10 13.5563Z' fill='white'/%3E%3Cpath d='M10.0001 20C9.34006 20 8.90006 19.8 8.46006 19.4C8.02006 19 7.80006 18.6 7.80006 18C7.80006 17.8 7.80006 17.4 8.02006 17.2C8.24006 17 8.24006 16.8 8.46006 16.6C9.12006 16 10.0001 15.8 10.8801 16.2C11.1001 16.2 11.1001 16.2 11.3201 16.4C11.3201 16.4 11.5401 16.6 11.7601 16.6C11.9801 16.8 12.2001 17 12.2001 17.2C12.2001 17.4 12.2001 17.8 12.2001 18C12.2001 18.2 12.2001 18.6 11.9801 18.8C11.7601 19 11.7601 19.2 11.5401 19.4C11.1001 19.8 10.6601 20 10.0001 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_625_167'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
*/
/* СТАТУС УРОКА ЧЕРЕЗ ЦВЕТ КНОПКИ (при выборе - раскомментировать код) */
/*
.user-state-has_mission .custom-lesson__button {	
	background-color: var(--color-button-has_mission) !important;	
}

.user-state-reached .custom-lesson__button {	
	background-color: var(--color-button-reached) !important;	
}

.is-stop-lesson .custom-lesson__button {	
	background-color: var(--color-button-stop-lesson) !important;	
}

.user-state-need_accomplish .custom-lesson__button {	
	background-color: var(--color-button-need_accomplish) !important;	
}
*/
.user-state-answered .custom-lesson__button {	
	background-color: var(--color-button-answered) !important;	
}

.user-state-not_accomplish .custom-lesson__button {	
	background-color: var(--color-button-not_accomplish) !important;	
}

.user-state-accomplished .custom-lesson__button {	
	background-color: var(--color-button-accomplished) !important;	
}