@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arsenal:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Raleway:wght@400;500;600;700;800;900&display=swap');

:root {
    --color-fon-main: #FEFEFE;
    --color-text-1: #582B73;
    --color-text-2: #92929D;
    --color-text-3: #6A4162;
    --font-family-text: 'Arsenal', sans-serif;
    --font-family-title: 'Raleway', sans-serif;
}
.standard-logo {
    display: none;
}
.standard-page-content .breadcrumb {
    margin-top: 20px;
}
.page-header {
    padding-bottom: 9px;
    margin: 20px 0 12px;
    border-bottom: none;
}
.breadcrumb, a,
{
    font-family: var(--font-family-text);
    font-weight: 400;
}
/*тут скрыл
a {
    color: #363546;
    text-decoration: none;
}*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-family-title);
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}
.standard-page-content h1 {
    padding-bottom: 5px;
    font-family: var(--font-family-title)!important;
    font-style: normal;
    font-weight: 400;
    font-size: 33px;
    line-height: 40px;
    color: var(--color-accent-2)!important;
    margin-bottom: 0;
}
body {
    background: var(--color-fon-main);
    background-repeat: no-repeat;
    
}

.lesson-mission-wrapper {
    margin-top: 3px;
    border: none;
}
.self-answers .user-answer {
    border-top: none;
    background: #fff;
    padding: 30px!important;
    border-radius: 24px!important;
    box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.11);
    overflow: visible;
}
/*основное поле ответа*/
#LessonAnswer_answer_text {
    overflow: hidden;
    overflow-wrap: break-word;
    resize: horizontal;
    height: 100px;
    width: 100%;
    height: 100px;
    background: #CDEDF0;
    border-radius: 16px;
    border: none;
    outline: none;
    padding: 6px 10px 6px 12px;
    margin-bottom: 12px;
}

/*комментарии*/
.lt-lesson-comment-block .simple-answer {
    background: #ffffff;
    border: 1px solid #92669B;
    padding: 30px!important;
    border-radius: 24px!important;
}
.lesson-answer-comment {
    background: #f5f3f7;
    border-radius: 16px;
}
/*комментарии конец*/
.lesson-mission-wrapper .answer-form input[type="text"],
.simple-answer .new-comment-textarea, .emoji-wysiwyg-editor,
.comment-form-wrapper .new-comment-textarea {
    border: none;
    padding: 10px 40px 10px 24px;
    outline: none;
    font-size: 14px;
    font-family: var(--font-family-text);
    background: #FFF6FF;
    border-radius: 16px;
}

.user-profile-link.worker, .answer-date,
.answer-status, #answers.pull-right {
    font-family: var(--font-family-text);
    font-weight: 400;
}


.lesson-mission-wrapper .answer-form textarea, .simple-answer .new-comment-textarea,
.emoji-wysiwyg-editor, .comment-form-wrapper .new-comment-textarea {
    min-height: 75px!important;
    width: 100%;
}
.lesson-mission-wrapper .btn-send-answer, .lesson-mission-wrapper .btn-send-answer:active,
.new-comment .btn-send, .new-comment .btn-send:active {
    color: #fff;
    border-radius: 16px!important;
    border: 0;
    padding: 10px 16px;
    text-transform: none!important;
    background: #71B2B8;
}

.lesson-mission-wrapper .answer-form .user-profile-image, .lt-lesson-comment-block .user-profile-image,
.user-answer .user-profile-image {
    width: 40px!important;
    border-radius: 100px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.user-answer .answer-status .answer-status-label {
    display: inline-block;
    padding: 0 22px;
    font-family: Raleway;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
    letter-spacing: 0.02em;
    color: #fff;
    background: #DCB2E5;
    border-radius: 16px;
    margin-bottom: 8px;
}
.user-answer.status-accepted .answer-status .answer-status-label {
    background: #bcdfcb;
    color: #4dab75;
}
/*поле для ввода ответа*/
.answer-form .addfield .type-text {
    width: 100%;
    height: 100px;
    background: #CDEDF0;
    border-radius: 16px;
    border: none;
    outline: none;
    padding-right: 10px;
    padding-left: 10px;
}
/*поле для ввода ответа*/
.b-like .button, .b-notifications-subscribe .button {
    color: #8D8E90;
    cursor: pointer;
    border-bottom: 1px dotted #8D8E90;
}

.answer-content .b-like-and-subscribe-notifications .button:before {
    content: "";
    display: inline-block;
    vertical-align: text-top;
    width: 14px;
    height: 14px;
    margin: 0 10px 0 0;
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/270231/sc/497/h/4a44e124079491ce4831f327f1b1b400.png) center / 14px no-repeat;;
}

.answer-content .b-notifications-subscribe .button:before {
    background: url(https://fs.getcourse.ru/fileservice/file/download/a/270231/sc/344/h/49bca7b4f36a4f34b3c2fdbc9b7755f5.png) center / 14px no-repeat;;
}
.lesson-mission-text {
    border-bottom: none;
}
.answer-form {
    padding: 20px;
    background: #ffffff;
    border-radius: 24px!important;
    box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.11);
}
.user-answer .addfield {
    background: rgb(243 248 249);
    margin-top: 10px;
    padding: 10px;
    clear: both;
    font-size: 16px;
    font-family: var(--font-family-text);
    border-radius: 16px;
    min-height: 60px;
}
.user-answer.status-viewed .answer-status .answer-status-label {
    background: #92cced;
}
/*скрепка в комментариях*/
.gc-comment-form.comment-form-wrapper .attach-file-button-container .uploadifive-button {
    border: none!important;
    border-radius: none!important;
    height: 20px!important;
}
/*КНОПКА ЗАГРУЗИТЬ ФАЙЛ*/
.uploadifive-button {
    background-color: #fefefe;
    background-image: none;
    color: #343333!important;
    text-transform: none;
    font-family: var(--font-family-title);
    border: 1px solid #92669B;
    border-radius: 16px;
    height: 50px!important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.uploadifive-button:hover {
    background-color: #fff6ff;
    background-image: none!important;
    background-position: center bottom;
}
/*КНОПКА ЗАГРУЗИТЬ ФАЙЛ КОНЕЦ*/

/*БЛОК СКАЧАТЬ ФАЙЛ*/
.table.files-table tbody {
    display: flex;
    flex-direction: column;
}
.table.files-table tbody tr {
    background: #FFF6FF;
    box-shadow: 2px 10px 15px -2px rgba(48, 48, 48, 0.15);
    border-radius: 14px;
    margin-bottom: 20px;
}
.table.files-table tr td:nth-child(1) {
    padding-top: 20px;
}
.table.files-table tr td:nth-child(2) {
    vertical-align: middle;
    position: relative;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    letter-spacing: -0.02em;
    color: #40858B;
}
.table.files-table tr td:nth-child(2):after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 60%;
    background: #714e78;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%);
}
.table.files-table tr td:nth-child(3) {
    vertical-align: middle;
    padding-left: 20px;
}
.table.files-table tr td:nth-child(3) a {
    color: #714e78;
    text-decoration: none !important;
    font-weight: 500;
    font-family: var(--font-family-title);
    font-size: 1.2em;
    display: block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.table.files-table tr td:nth-child(3) a:hover {
    -webkit-transform: translatex(20px);
    -ms-transform: translatex(20px);
    transform: translatex(20px);
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border-top: none;
}
/*БЛОК СКАЧАТЬ ФАЙЛ КОНЕЦ*/
button#showMoreAnswers {
    background: var(--color-accent-1);
    border-radius: 16px;
    border: none;
    outline: none;
}
button#showMoreAnswers:hover {
    opacity: 0.7;
}
@media (max-width:600px) {
    .table.files-table tr td:nth-child(2) {
        width: 70px!important;
    }
    .table.files-table tr td:nth-child(3) a {
        font-size: 0.9em!important;
    }
    .user-answer .addfield {
        font-size: 14px;
    }
    .table.files-table tr td:nth-child(2) {
        font-weight: 500;
        font-size: 14px;
    }
}

/* ------------- 
content start - ШАПКА УРОКА
------------- */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Arsenal:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Raleway:wght@400;500;600;700;800;900&display=swap');

body {
	--color-bg: #FFF6FF;
    --font: 'Arsenal', sans-serif;
    --color-accent-1:  linear-gradient(180deg, #9FCDD1 0%, #418C93 100%);
    --color-accent-2: #92669B;
    --color-text: #000000;
    --color-white: #ffffff;
    --scale: 75%;
}
a:hover,
a:active,
a:link,
a:visited {
	text-decoration: none;
}
.lesson-header-block {
	background-color: var(--color-bg) !important;
    border: none !important;
    border-radius: 0px 0px 16px 16px;
    overflow: hidden;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 14px 28px rgba(0, 0, 0, 0.11);
    padding: 0 !important;
}
.lesson-title-value {
    font-family: var(--font);
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: var(--color-accent-1);
    margin-bottom: 8px;
}
.lesson-description-value {
    font-family: var(--font);
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: var(--color-text);
}
.header-view {
	padding-bottom: 0px;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.number {
	font-family: var(--font);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: var(--color-white);
    display: inline-block;
    padding: 4px 10px;
    border-radius: 50px;
    background: var(--color-accent-2);
    margin: 12px 0px;
}

.lesson-navigation {
	background: var(--color-white);
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    min-height: 47px;
}
.lesson-navigation td:nth-child(2) span {
	display: none;
}

.lesson-navigation td:first-child > div,
.lesson-navigation td:last-child > div {
	display: none;
}
.lesson-navigation td:not(:nth-child(2)) {
	padding: 0 !important;
}
.lesson-navigation td:not(:nth-child(2)) a {
    text-decoration: none;
    color: var(--color-white);
    font-family: var(--font);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    position: relative;
	padding: 0 !important;
	width: 100%;
    min-height: 47px;
    background: var(--color-accent-1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-state-reached .user-state-label,
.user-state-not_reached .user-state-label,
.user-state-need_accomplish .user-state-label,
.user-state-has_mission .user-state-label,
.user-state-accomplished .user-state-label {
    font-family: var(--font);
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 15px;
    text-align: center;
    color: var(--color-accent-2);
    position: relative;
    display: inline-block;
}
.user-state-need_accomplish .user-state-label {
	color: red;
}
.user-state-has_mission .user-state-label {
	color: #f4ab69;
}
.user-state-not_reached .user-state-label {
	color: #202128;
}
.user-state-reached .user-state-label {
	color: #2d9cdb;
}

.user-state-accomplished .user-state-label::before {
    position: absolute;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: -30px;
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M7 1.25C3.82437 1.25 1.25 3.82436 1.25 7V17C1.25 20.1756 3.82437 22.75 7 22.75H17C20.1756 22.75 22.75 20.1756 22.75 17V7C22.75 3.82436 20.1756 1.25 17 1.25H7Z' fill='%23219653'/%3E%3Cpath d='M9.5 11.5L11.5 13.5L15.5 9.5' stroke='%23219653' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.user-state-reached .user-state-label::before {
    position: absolute;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: -30px;
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath d='M12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25C12.6805 14.25 13.2904 13.9479 13.7029 13.4706C13.0168 13.3328 12.5 12.7267 12.5 12C12.5 11.2733 13.0168 10.6673 13.7029 10.5294C13.2904 10.0521 12.6805 9.75 12 9.75Z' fill='%232D9CDB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5.25C7.91882 5.25 4.36847 7.51686 2.54256 10.8556C2.15249 11.5688 2.15248 12.431 2.54254 13.1443C4.36843 16.4831 7.91882 18.75 12 18.75C16.0812 18.75 19.6315 16.4831 21.4574 13.1444C21.8475 12.4312 21.8475 11.569 21.4575 10.8557C19.6316 7.51694 16.0812 5.25 12 5.25ZM8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12Z' fill='%232D9CDB'/%3E%3C/g%3E%3Cpath d='M12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25C12.6805 14.25 13.2904 13.9479 13.7029 13.4706C13.0168 13.3328 12.5 12.7267 12.5 12C12.5 11.2733 13.0168 10.6673 13.7029 10.5294C13.2904 10.0521 12.6805 9.75 12 9.75Z' fill='%232D9CDB'/%3E%3C/svg%3E%0A");
}
.user-state-has_mission .user-state-label::before {
    position: absolute;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: -30px;
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M12.9019 2.41552C12.3065 2.29645 11.6935 2.29645 11.0981 2.41552C9.77523 2.6801 8.63523 3.51224 7.98005 4.69157L1.79414 15.8262C1.43727 16.4686 1.25 17.1913 1.25 17.9261C1.25 20.3141 3.18588 22.25 5.57391 22.25H18.4261C20.8141 22.25 22.75 20.3141 22.75 17.9261C22.75 17.1913 22.5627 16.4686 22.2059 15.8262L16.02 4.69157C15.3648 3.51224 14.2248 2.6801 12.9019 2.41552Z' fill='%23F2994A'/%3E%3Cpath d='M12 9.00005L12 13' stroke='%23F2994A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 16L12 16.5' stroke='%23F2994A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
} 
.user-state-need_accomplish .user-state-label::before {
    position: absolute;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: -30px;
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7524 3.17228C13.7503 3.09606 13.6671 3.04643 13.6016 3.08554C10.1363 5.1558 10.2004 10.3491 10.2418 11.2901C10.2449 11.3611 10.1778 11.4112 10.1135 11.3809C9.71316 11.1924 8.5661 10.4823 8.50274 8.51535C8.50028 8.43902 8.41792 8.38995 8.35223 8.42889C6.34579 9.61807 5 11.8144 5 14.25C5 17.978 8.134 21 12 21C15.866 21 19 17.978 19 14.25C19 8.83416 13.8803 7.66944 13.7524 3.17228Z' fill='%23EB5757' stroke='%23EB5757' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.user-state-not_reached .user-state-label::before {
    position: absolute;
    width: 24px;
    height: 24px;
    top: calc(50% - 12px);
    left: -30px;
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath d='M6.69509 17.2442C4.83558 16.2554 3.30102 14.7383 2.29254 12.8942C1.90248 12.181 1.90249 11.3188 2.29256 10.6055C4.11847 7.26683 7.66882 4.99996 11.75 4.99996C13.8073 4.99996 15.7297 5.576 17.3643 6.57501L14.6123 9.32704C13.9244 8.51525 12.8974 7.99996 11.75 7.99996C9.67893 7.99996 8 9.67889 8 11.75C8 12.8973 8.51529 13.9244 9.32708 14.6122L6.69509 17.2442Z' fill='%2312131A'/%3E%3Cpath d='M8.16934 17.8913C9.28952 18.2855 10.4947 18.5 11.75 18.5C15.8312 18.5 19.3815 16.2331 21.2074 12.8944C21.5975 12.1811 21.5975 11.3189 21.2075 10.6057C20.5464 9.39696 19.6594 8.32871 18.603 7.45764L15.3532 10.7074C15.4488 11.0384 15.5 11.3882 15.5 11.75C15.5 13.821 13.8211 15.5 11.75 15.5C11.3882 15.5 11.0384 15.4487 10.7075 15.3531L8.16934 17.8913Z' fill='%2312131A'/%3E%3C/g%3E%3Cpath d='M11.75 11.75L10.1645 13.3464C9.75409 12.9388 9.5 12.3741 9.5 11.75C9.5 10.5073 10.5074 9.49998 11.75 9.49998C12.2625 9.49998 12.7349 9.6713 13.1132 9.95978L11.75 11.75Z' fill='%2312131A'/%3E%3Cpath d='M19 3.99998L4 19' stroke='%23828282' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.lesson-navigation td:first-child a::before,
.lesson-navigation td:last-child a::after {
	position: absolute;
    width: 20px;
    height: 16px;
    top: calc(50% - 9px);
}
.lesson-navigation td:first-child a::before {
	left: 42px;
    content: '←';
}
.lesson-navigation td:last-child a::after {
	right: 42px;
    content: '→';
}
@media (max-width: 992px) {
    .lesson-navigation td:first-child a::before,
    .lesson-navigation td:last-child a::after {
        display: none;
    }
}

.progress-lessons {
  width: 100%;
  background: var(--color-white);
}
.scale-wrap {
    width: 100%;
    height: 12px;
    background: rgba(218, 223, 227, 0.95);
    background: var(--color-bg);
    overflow: hidden;
    position: relative;
}
.scale {
  width: var(--scale);
  height: 12px;
  border-radius: 0px 6px 6px 0px;
  position: absolute;
  top: 0px;
  left: 0px;
  background: var(--color-accent-2);
  box-shadow: 4px 0px 10px rgba(6, 161, 126, 0.5);
    box-shadow: 4px 0px 10px rgb(146 102 155 / 59%);
}
.lessons-list-wrap {
  padding: 12px 20px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.progress-lessons .lesson {
  width: 20%;    
}
.not-viewed {
  opacity: 0.6;
}
.not-viewed:hover {
  opacity: 1;
}
.progress-lessons .lesson-number {
  font-family: var(--font);
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 15px;
  color: var(--color-text);
  position: relative;
  display: block;
  padding-left: 15px;
}
.progress-lessons .user-state-accomplished .lesson-number::before {
  position: absolute;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M7 1.25C3.82437 1.25 1.25 3.82436 1.25 7V17C1.25 20.1756 3.82437 22.75 7 22.75H17C20.1756 22.75 22.75 20.1756 22.75 17V7C22.75 3.82436 20.1756 1.25 17 1.25H7Z' fill='%23219653'/%3E%3Cpath d='M9.5 11.5L11.5 13.5L15.5 9.5' stroke='%23219653' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
  left: 0px;
  top: calc(50% - 6px);
  content: '';
}
.progress-lessons .user-state-reached .lesson-number::before {
  position: absolute;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath d='M12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25C12.6805 14.25 13.2904 13.9479 13.7029 13.4706C13.0168 13.3328 12.5 12.7267 12.5 12C12.5 11.2733 13.0168 10.6673 13.7029 10.5294C13.2904 10.0521 12.6805 9.75 12 9.75Z' fill='%232D9CDB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 5.25C7.91882 5.25 4.36847 7.51686 2.54256 10.8556C2.15249 11.5688 2.15248 12.431 2.54254 13.1443C4.36843 16.4831 7.91882 18.75 12 18.75C16.0812 18.75 19.6315 16.4831 21.4574 13.1444C21.8475 12.4312 21.8475 11.569 21.4575 10.8557C19.6316 7.51694 16.0812 5.25 12 5.25ZM8.25 12C8.25 9.92893 9.92893 8.25 12 8.25C14.0711 8.25 15.75 9.92893 15.75 12C15.75 14.0711 14.0711 15.75 12 15.75C9.92893 15.75 8.25 14.0711 8.25 12Z' fill='%232D9CDB'/%3E%3C/g%3E%3Cpath d='M12 9.75C10.7574 9.75 9.75 10.7574 9.75 12C9.75 13.2426 10.7574 14.25 12 14.25C12.6805 14.25 13.2904 13.9479 13.7029 13.4706C13.0168 13.3328 12.5 12.7267 12.5 12C12.5 11.2733 13.0168 10.6673 13.7029 10.5294C13.2904 10.0521 12.6805 9.75 12 9.75Z' fill='%232D9CDB'/%3E%3C/svg%3E%0A") no-repeat center / contain;
  left: 0px;
  top: calc(50% - 6px);
  content: '';
}
.progress-lessons .user-state-has_mission .lesson-number::before {
  position: absolute;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' fill-rule='evenodd' clip-rule='evenodd' d='M12.9019 2.41552C12.3065 2.29645 11.6935 2.29645 11.0981 2.41552C9.77523 2.6801 8.63523 3.51224 7.98005 4.69157L1.79414 15.8262C1.43727 16.4686 1.25 17.1913 1.25 17.9261C1.25 20.3141 3.18588 22.25 5.57391 22.25H18.4261C20.8141 22.25 22.75 20.3141 22.75 17.9261C22.75 17.1913 22.5627 16.4686 22.2059 15.8262L16.02 4.69157C15.3648 3.51224 14.2248 2.6801 12.9019 2.41552Z' fill='%23F2994A'/%3E%3Cpath d='M12 9.00005L12 13' stroke='%23F2994A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 16L12 16.5' stroke='%23F2994A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
  left: 0px;
  top: calc(50% - 6px);
  content: '';
}
.progress-lessons .user-state-need_accomplish .lesson-number::before {
  position: absolute;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7524 3.17228C13.7503 3.09606 13.6671 3.04643 13.6016 3.08554C10.1363 5.1558 10.2004 10.3491 10.2418 11.2901C10.2449 11.3611 10.1778 11.4112 10.1135 11.3809C9.71316 11.1924 8.5661 10.4823 8.50274 8.51535C8.50028 8.43902 8.41792 8.38995 8.35223 8.42889C6.34579 9.61807 5 11.8144 5 14.25C5 17.978 8.134 21 12 21C15.866 21 19 17.978 19 14.25C19 8.83416 13.8803 7.66944 13.7524 3.17228Z' fill='%23EB5757' stroke='%23EB5757' stroke-width='1.5'/%3E%3C/svg%3E%0A") no-repeat center / contain;
  left: 0px;
  top: calc(50% - 6px);
  content: '';
}
.progress-lessons .user-state-not_reached .lesson-number::before {
  position: absolute;
    width: 12px;
    height: 12px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3'%3E%3Cpath d='M6.69509 17.2442C4.83558 16.2554 3.30102 14.7383 2.29254 12.8942C1.90248 12.181 1.90249 11.3188 2.29256 10.6055C4.11847 7.26683 7.66882 4.99996 11.75 4.99996C13.8073 4.99996 15.7297 5.576 17.3643 6.57501L14.6123 9.32704C13.9244 8.51525 12.8974 7.99996 11.75 7.99996C9.67893 7.99996 8 9.67889 8 11.75C8 12.8973 8.51529 13.9244 9.32708 14.6122L6.69509 17.2442Z' fill='%2312131A'/%3E%3Cpath d='M8.16934 17.8913C9.28952 18.2855 10.4947 18.5 11.75 18.5C15.8312 18.5 19.3815 16.2331 21.2074 12.8944C21.5975 12.1811 21.5975 11.3189 21.2075 10.6057C20.5464 9.39696 19.6594 8.32871 18.603 7.45764L15.3532 10.7074C15.4488 11.0384 15.5 11.3882 15.5 11.75C15.5 13.821 13.8211 15.5 11.75 15.5C11.3882 15.5 11.0384 15.4487 10.7075 15.3531L8.16934 17.8913Z' fill='%2312131A'/%3E%3C/g%3E%3Cpath d='M11.75 11.75L10.1645 13.3464C9.75409 12.9388 9.5 12.3741 9.5 11.75C9.5 10.5073 10.5074 9.49998 11.75 9.49998C12.2625 9.49998 12.7349 9.6713 13.1132 9.95978L11.75 11.75Z' fill='%2312131A'/%3E%3Cpath d='M19 3.99998L4 19' stroke='%23828282' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center / contain;
  left: 0px;
  top: calc(50% - 6px);
  content: '';
}
.progress-lessons .user-state-not_reached {
	pointer-events: none;
}
.progress-lessons .lesson-title {
  font-family: var(--font);
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-text);
    max-width: 85%;
    display: block;
}
.not-viewed:hover .lesson-title,
.not-viewed:hover .lesson-number,
.lesson:hover .lesson-title,
.lesson:hover .lesson-number {
    color: var(--color-accent-1);
}
@media (max-width: 586px) {
    .progress-lessons .lesson-title {
        display: none;
    }
    .lessons-list-wrap {
        padding: 10px 10px;
    }
    .progress-lessons .lesson {
        width: 25%;    
    }
}

/* ------------- 
content finish - ШАПКА УРОКА
------------- */