:root {
  --font-primary: "Montserrat", sans-serif;
  --color-white: #ffffff;
  --color-text: #94A3B8;
  --color-primary: #0098DB;
}

.page-header {
  border-bottom: 1px solid #35404F;
  margin-top: 20px;
  margin-bottom: 30px;
  padding-bottom: 16px;
}
.page-header h1 {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 700;
  font-size: 32px;
  line-height: 39px;
  color: var(--color-white);
  margin-bottom: 0;
  margin-right: 0;
  width: 100%;
}
@media screen and (max-width: 1399.98px) {
  .page-header h1 {
    font-size: 30px;
    line-height: 37px;
  }
}
@media screen and (max-width: 1199.98px) {
  .page-header h1 {
    font-size: 28px;
    line-height: 34px;
  }
}

.gc-account-logo, .standard-logo {
  display: none;
}

.talks-widget-button {
  background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/227877/sc/129/h/a22e63d80fd9215a1f4d0a725608c31c.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-box-shadow: 0 0 15px var(--color-primary);
          box-shadow: 0 0 15px var(--color-primary);
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}
@media screen and (max-width: 767.98px) {
  .talks-widget-button {
    bottom: 60px !important;
  }
}
.talks-widget-button:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.talks-widget-button span {
  display: none;
}

.main-page-block > .container {
  width: 100% !important;
  padding-left: 36px;
  padding-right: 36px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: 1320px;
}
@media screen and (max-width: 1399.98px) {
  .main-page-block > .container {
    max-width: 1140px;
  }
}
@media screen and (max-width: 1199.98px) {
  .main-page-block > .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 991.98px) {
  .main-page-block > .container {
    max-width: 720px;
  }
}
@media screen and (max-width: 767.98px) {
  .main-page-block > .container {
    max-width: 540px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (max-width: 575.98px) {
  .main-page-block > .container {
    max-width: 100%;
  }
}

.is-student-user .page-actions,
.is-student-user .content-menu {
  display: none;
}

.is-student-user .k-week.is-ended .xdget-lessonList {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

.is-student-user .k-week.is-ended .xdget-lessonList .lesson-list {
  margin-top: 32px;
}

.is-student-user .k-week.is-ended .k-week-toggle {
  margin-bottom: 0;
}

/* ------------- 
content start - Sidebar
------------- */

.gc-account-leftbar {
    background-color: #2a2c30;
}
.gc-account-leftbar .gc-account-user-submenu-bar {
    background-color: #18181b;
    border-right: 2px solid var(--color-primary);
}
.gc-account-leftbar .gc-account-user-submenu-bar > div {
    background-color: #18181b;
    padding: 12px 0;
}
.gc-account-leftbar .gc-account-user-submenu-bar > div h3 {
    margin: 0;
    font-family: var(--font-primary);
    font-size: 20px;
    line-height: 1.25;
    font-weight: 600;
    color: var(--color-white);
}
.gc-account-leftbar .gc-account-user-submenu-bar > div .user-balance {
    margin-top: 8px !important;
    font-family: var(--font-primary);
    color: var(--color-white);
}
.gc-account-leftbar .gc-account-user-submenu-bar .gc-account-user-submenu {
    margin-top: 0;
}
.gc-account-leftbar
    .gc-account-user-submenu-bar
    .gc-account-user-submenu
    > li
    a {
    font-family: var(--font-primary);
    font-size: 16px;
    line-height: 1.25;
    font-weight: 500;
    color: var(--color-text);
    position: relative;
    z-index: 5;
    text-decoration: none !important;
    text-transform: none;
    -webkit-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
    /*&::before {
    content: "";

    position: absolute;
    z-index: -1;

    left: 50%;
    top: 0;
    bottom: 0;

    transform: translateX(-50%);

    background-color: var(--color-primary);

    transition: width 0.2s ease;

    width: 0;
  }*/
}
.gc-account-leftbar
    .gc-account-user-submenu-bar
    .gc-account-user-submenu
    > li
    a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.gc-account-leftbar
    .gc-account-user-submenu-bar
    .gc-account-user-submenu
    > li
    a:hover::before {
    width: 100%;
}
.gc-account-leftbar .gc-account-user-menu {
    background-color: #2a2c30;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.gc-account-leftbar .gc-account-user-menu .menu-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    position: relative;
    border: none;
}
.gc-account-leftbar .gc-account-user-menu .menu-item a {
    background-color: transparent;
    -webkit-transition: background-color 0.15s ease;
    transition: background-color 0.15s ease;
    height: 70px !important;
    width: 70px !important;
}
.gc-account-leftbar .gc-account-user-menu .menu-item a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}
.gc-account-leftbar .gc-account-user-menu .menu-item a img {
    width: 36px;
    height: 36px;
    position: relative;
    z-index: 5;
    display: inline-block !important;
}
.gc-account-leftbar .gc-account-user-menu .menu-item a .notify-count {
    z-index: 10;
    pointer-events: none;
}
.gc-account-leftbar .gc-account-user-menu .menu-item a .menu-item-label {
    display: none;
}
.gc-account-leftbar .gc-account-user-menu .menu-item.active::before {
    content: "";
    width: 56px;
    height: 56px;
    border-radius: 12px;
    position: absolute;
    pointer-events: none;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: var(--color-primary);
}
.gc-account-leftbar .gc-account-user-menu .menu-item.active a {
    background-color: transparent;
}
.gc-account-leftbar .gc-account-user-menu .menu-item.active a img {
    -webkit-filter: brightness(1.5);
            filter: brightness(1.5);
}
.gc-account-leftbar .gc-account-user-menu .menu-item.selected a {
    background-color: rgba(0, 0, 0, 0.1);
}
.gc-account-leftbar
    .gc-account-user-menu
    .menu-item.menu-item-profile
    a
    img[src="/public/img/default_profile_50.png"] {
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.18 19.17C18.075 19.155 17.94 19.155 17.82 19.17C15.18 19.08 13.08 16.92 13.08 14.265C13.08 11.55 15.27 9.345 18 9.345C20.715 9.345 22.92 11.55 22.92 14.265C22.905 16.92 20.82 19.08 18.18 19.17Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.11 29.07C25.44 31.515 21.9 33 18 33C14.1 33 10.56 31.515 7.89001 29.07C8.04001 27.66 8.94001 26.28 10.545 25.2C14.655 22.47 21.375 22.47 25.455 25.2C27.06 26.28 27.96 27.66 28.11 29.07Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 33C26.2843 33 33 26.2843 33 18C33 9.71573 26.2843 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-profile a img {
    width: 56px;
    height: 56px;
    border-radius: 12px;
}
.gc-account-leftbar
    .gc-account-user-menu
    .menu-item.menu-item-profile
    .sub-icon {
    pointer-events: none;
}
.gc-account-leftbar
    .gc-account-user-menu
    .menu-item.menu-item-notifications_button_small
    a
    img {
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.5 12C30.9853 12 33 9.98528 33 7.5C33 5.01472 30.9853 3 28.5 3C26.0147 3 24 5.01472 24 7.5C24 9.98528 26.0147 12 28.5 12Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 19.5H18' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.5 25.5H24' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 3H13.5C6 3 3 6 3 13.5V22.5C3 30 6 33 13.5 33H22.5C30 33 33 30 33 22.5V15' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-cms a img {
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 33C26.2843 33 33 26.2843 33 18C33 9.71573 26.2843 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0004 4.5H13.5004C10.5754 13.26 10.5754 22.74 13.5004 31.5H12.0004' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22.5 4.5C25.425 13.26 25.425 22.74 22.5 31.5' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 24V22.5C13.26 25.425 22.74 25.425 31.5 22.5V24' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 13.5C13.26 10.575 22.74 10.575 31.5 13.5' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-teach a img {
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0753 3.79505L6.04527 9.69005C3.15027 11.5801 3.15027 15.8101 6.04527 17.7001L15.0753 23.5951C16.6953 24.6601 19.3653 24.6601 20.9853 23.5951L29.9703 17.7001C32.8503 15.8101 32.8503 11.5951 29.9703 9.70505L20.9853 3.81005C19.3653 2.73005 16.6953 2.73005 15.0753 3.79505Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.44469 19.62L8.42969 26.655C8.42969 28.56 9.89969 30.6 11.6997 31.2L16.4847 32.79C17.3097 33.06 18.6747 33.06 19.5147 32.79L24.2997 31.2C26.0997 30.6 27.5697 28.56 27.5697 26.655V19.695' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M32.0996 22.5V13.5' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-user a img {
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7398 16.305C13.5898 16.29 13.4098 16.29 13.2448 16.305C9.67484 16.185 6.83984 13.26 6.83984 9.66C6.83984 5.985 9.80984 3 13.4998 3C17.1748 3 20.1598 5.985 20.1598 9.66C20.1448 13.26 17.3098 16.185 13.7398 16.305Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.6149 6C27.5249 6 29.8649 8.355 29.8649 11.25C29.8649 14.085 27.6149 16.395 24.8099 16.5C24.6899 16.485 24.5549 16.485 24.4199 16.5' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.24008 21.84C2.61008 24.27 2.61008 28.23 6.24008 30.645C10.3651 33.405 17.1301 33.405 21.2551 30.645C24.8851 28.215 24.8851 24.255 21.2551 21.84C17.1451 19.095 10.3801 19.095 6.24008 21.84Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.5098 30C28.5898 29.775 29.6098 29.34 30.4498 28.695C32.7898 26.94 32.7898 24.045 30.4498 22.29C29.6248 21.66 28.6198 21.24 27.5548 21' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-tasks a img {
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 33H22.5C30 33 33 30 33 22.5V13.5C33 6 30 3 22.5 3H13.5C6 3 3 6 3 13.5V22.5C3 30 6 33 13.5 33Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.625 18L15.87 22.245L24.375 13.755' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gc-account-leftbar
    .gc-account-user-menu
    .menu-item.menu-item-notifications
    a
    img {
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.5 30.75H10.5C6 30.75 3 28.5 3 23.25V12.75C3 7.5 6 5.25 10.5 5.25H25.5C30 5.25 33 7.5 33 12.75V23.25C33 28.5 30 30.75 25.5 30.75Z' stroke='%2394A3B8' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M25.5 13.5L20.805 17.25C19.26 18.48 16.725 18.48 15.18 17.25L10.5 13.5' stroke='%2394A3B8' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-sales a img {
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 33H22.5C30 33 33 30 33 22.5V13.5C33 6 30 3 22.5 3H13.5C6 3 3 6 3 13.5V22.5C3 30 6 33 13.5 33Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 28.5H24C27 28.5 28.5 27 28.5 24V12C28.5 9 27 7.5 24 7.5H12C9 7.5 7.5 9 7.5 12V24C7.5 27 9 28.5 12 28.5Z' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 14.25H11.22C13.29 14.25 14.97 15.93 14.97 18C14.97 20.07 13.29 21.75 11.22 21.75H7.5' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.5 14.985H24' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28.5 21H24' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.8008 18H10.9508' stroke='%2394A3B8' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gc-account-leftbar .gc-account-user-menu .menu-item.menu-item-chatium a img {
    content: url("data:image/svg+xml,%3Csvg width='36' height='36' viewBox='0 0 36 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.5 10.5V25.5C31.5 30 29.25 33 24 33H12C6.75 33 4.5 30 4.5 25.5V10.5C4.5 6 6.75 3 12 3H24C29.25 3 31.5 6 31.5 10.5Z' stroke='%2394A3B8' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.375 16.5H11.625C10.185 16.5 9 15.315 9 13.875V10.125C9 8.685 10.185 7.5 11.625 7.5H24.375C25.815 7.5 27 8.685 27 10.125V13.875C27 15.315 25.815 16.5 24.375 16.5Z' stroke='%2394A3B8' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.45 22.92L12 26.37' stroke='%2394A3B8' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0449 22.965L15.4949 26.4149' stroke='%2394A3B8' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M24.7354 22.995H24.7654' stroke='%2394A3B8' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.7354 26.25V26.22' stroke='%2394A3B8' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.gc-account-leftbar .toggle-link {
    background-color: var(--color-primary-bg) !important;
}

.gc-page-nav-items-menu a.toggler-item {
    background-color: var(--color-primary-bg) !important;
    color: var(--color-text) !important;
}
/* ------------- 
content finish - Sidebar
------------- */

/* ------------- 
content start - Breadcrumbs
------------- */

.k-breadcrumbs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 4px;
    -webkit-column-gap: 6px;
       -moz-column-gap: 6px;
            column-gap: 6px;
    padding: 8px 12px;
    background-color: #2A2C30;
    margin: 0;
    list-style: none;
}

.k-breadcrumbs-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.k-breadcrumbs-item:first-child a::before {
    content: "";
    display: inline-block;
    margin-right: 8px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.01301 2.39336L2.41967 5.19336C1.81967 5.66003 1.33301 6.65336 1.33301 7.40669V12.3467C1.33301 13.8934 2.59301 15.16 4.13967 15.16H11.8597C13.4063 15.16 14.6663 13.8934 14.6663 12.3534V7.50003C14.6663 6.69336 14.1263 5.66003 13.4663 5.20003L9.34634 2.31336C8.41301 1.66003 6.91301 1.69336 6.01301 2.39336Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 12.4934V10.4934' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.k-breadcrumbs-item:not(:first-child)::before {
    content: "/";
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: var(--color-white);
    display: inline-block;
    margin-right: 6px;
}

.k-breadcrumbs-link {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    text-decoration: none !important;
    color: var(--color-white) !important;
    padding: 4px 6px;
    border-radius: 4px;
    -webkit-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.k-breadcrumbs-link:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.is-student-user .breadcrumbs,
.is-student-user .breadcrumb {
    display: none;
}
/* ------------- 
content finish - Breadcrumbs
------------- */

/* ------------- 
content start - Training
------------- */

@charset "UTF-8";
.is-training-page body {
  min-height: 100vh;
  min-width: 320px;
  background-color: #18181B;
}
.is-training-page.is-student-user body {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.is-training-page h2 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: var(--color-white);
  margin-bottom: 32px;
}
@media screen and (max-width: 1199.98px) {
  .is-training-page h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
.is-training-page .xdget-trainingList {
  margin-bottom: 48px;
}
.is-training-page .xdget-trainingList .btn-success {
  margin-top: 32px;
  width: 100%;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  border-radius: 8px;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-white);
  padding: 12px 24px;
}
.is-training-page .stream-table {
  display: block;
  margin: 0;
}
.is-training-page .stream-table tbody {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: minmax(auto, 1fr) 24px minmax(auto, 1fr) 24px minmax(auto, 1fr) 24px minmax(auto, 1fr) 24px minmax(auto, 1fr) 24px minmax(auto, 1fr);
  grid-template-columns: repeat(6, minmax(auto, 1fr));
  grid-auto-rows: auto;
}
@media screen and (max-width: 1199.98px) {
  .is-training-page .stream-table tbody {
    -ms-grid-columns: (minmax(auto, 1fr))[2];
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
@media screen and (max-width: 767.98px) {
  .is-training-page .stream-table tbody {
    -ms-grid-columns: (minmax(auto, 1fr))[1];
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
}
.is-training-page .stream-table tr {
  display: -ms-grid;
  display: grid;
  background: #2A2C30;
  border: 1px solid #35404F;
  border-radius: 16px;
  position: relative;
  -ms-grid-column-span: 3;
  grid-column: span 3/span 3;
  margin-bottom: 6px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media screen and (max-width: 1199.98px) {
  .is-training-page .stream-table tr {
    -ms-grid-column-span: 1;
    grid-column: span 1/span 1;
  }
}
.is-training-page .stream-table tr::after {
  content: "";
  left: 6px;
  right: 6px;
  top: 0px;
  bottom: -6px;
  position: absolute;
  z-index: -1;
  background: #35404F;
  border-radius: 16px;
  -webkit-transition: bottom 0.2s ease;
  transition: bottom 0.2s ease;
}
.is-training-page .stream-table td {
  display: -ms-grid;
  display: grid;
  margin: 0 !important;
  opacity: 1;
  padding: 0 !important;
  height: auto !important;
  width: auto;
  background-color: transparent !important;
}
.is-training-page .stream-table td:hover {
  background-color: transparent !important;
}
.is-training-page .stream-table a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 32px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
@media screen and (max-width: 1199.98px) {
  .is-training-page .stream-table a {
    padding: 20px 24px;
  }
}
.is-training-page .stream-table a::after {
  content: "";
  width: 40px;
  height: 40px;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg width='41' height='40' viewBox='0 0 41 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0996 33.2001L25.9663 22.3334C27.2496 21.05 27.2496 18.9501 25.9663 17.6667L15.0996 6.80005' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.is-training-page .stream-table .stream-content {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 20px;
}
@media screen and (max-width: 1199.98px) {
  .is-training-page .stream-table .stream-content {
    row-gap: 16px;
  }
}
.is-training-page .stream-table .stream-title {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: inline-block;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: var(--color-white);
}
@media screen and (max-width: 1399.98px) {
  .is-training-page .stream-table .stream-title {
    font-size: 22px;
    line-height: 26px;
  }
}
@media screen and (max-width: 1199.98px) {
  .is-training-page .stream-table .stream-title {
    font-size: 20px;
    line-height: 24px;
  }
}
.is-training-page .stream-table .stream-content > div {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: var(--color-text);
}
@media screen and (max-width: 1199.98px) {
  .is-training-page .stream-table .stream-content > div {
    font-size: 16px;
    line-height: 20px;
  }
}
.is-training-page .stream-table div b {
  display: inline-block;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-white);
  padding: 4px 12px;
  background: #0098DB;
  border-radius: 9999px;
  position: relative;
}
.is-training-page .stream-table div b::after {
  content: "";
  position: absolute;
  right: 4px;
  bottom: 4px;
  top: 4px;
  width: 12px;
  background-color: var(--color-primary);
  border-radius: 9999px;
}
.is-training-page .extra-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.is-training-page .extra-link {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: var(--color-white);
  background: linear-gradient(86.54deg, #1C4164 0.15%, #364252 100%);
  border: 1px solid #35404F;
  border-radius: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 24px;
  gap: 24px;
}
.is-training-page .extra-link-chat::before {
  content: "";
  width: 36px;
  height: 36px;
  display: inline-block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background-image: url("data:image/svg+xml,%3Csvg width='37' height='36' viewBox='0 0 37 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.885 18.6V24.705C23.885 25.245 23.825 25.755 23.69 26.22C23.135 28.425 21.305 29.805 18.785 29.805H14.705L10.175 32.82C9.5 33.285 8.6 32.79 8.6 31.98V29.805C7.07 29.805 5.795 29.295 4.91 28.41C4.01 27.51 3.5 26.235 3.5 24.705V18.6C3.5 15.75 5.27 13.785 8 13.53C8.195 13.515 8.39 13.5 8.6 13.5H18.785C21.845 13.5 23.885 15.54 23.885 18.6Z' fill='white'/%3E%3Cpath d='M27.125 23.4C29.03 23.4 30.635 22.77 31.745 21.645C32.87 20.535 33.5 18.93 33.5 17.025V9.375C33.5 5.85 30.65 3 27.125 3H14.375C10.85 3 8 5.85 8 9.375V10.5C8 10.92 8.33 11.25 8.75 11.25H18.785C22.85 11.25 26.135 14.535 26.135 18.6V22.65C26.135 23.07 26.465 23.4 26.885 23.4H27.125Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.is-training-page .k-week {
  margin-bottom: 48px;
}
.is-training-page .k-week-toggle {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 34px;
  color: var(--color-white);
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  margin-bottom: 32px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1199.98px) {
  .is-training-page .k-week-toggle {
    font-size: 24px;
    line-height: 29px;
  }
}
.is-training-page .k-week-toggle::after {
  content: "";
  width: 32px;
  height: 32px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.5604 20.1201L17.8671 11.4268C16.8404 10.4001 15.1604 10.4001 14.1338 11.4268L5.44043 20.1201' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
    transform: rotate(180deg);
    transition: transform .3s ease-in-out;
}
@media screen and (max-width: 1199.98px) {
  .is-training-page .k-week-toggle::after {
    width: 28px;
    height: 28px;
  }
}
.is-training-page .k-week-toggle_hidden::after {
  display: none;
}
.is-training-page .lesson-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(auto, 1fr) 24px minmax(auto, 1fr) 24px minmax(auto, 1fr);
  grid-template-columns: repeat(3, minmax(auto, 1fr));
  grid-auto-rows: auto;
  gap: 24px;
  padding: 0;
  margin: 0;
  list-style: none;
  background-color: transparent;
}
@media screen and (max-width: 1199.98px) {
  .is-training-page .lesson-list {
    -ms-grid-columns: (minmax(auto, 1fr))[2];
    grid-template-columns: repeat(2, minmax(auto, 1fr));
  }
}
@media screen and (max-width: 767.98px) {
  .is-training-page .lesson-list {
    -ms-grid-columns: (minmax(auto, 1fr))[1];
    grid-template-columns: repeat(1, minmax(auto, 1fr));
  }
}
.is-training-page .lesson-list > li {
  margin: 0;
  min-height: auto;
  background: #2A2C30;
  border: 1px solid #35404F;
  border-radius: 12px;
  display: -ms-grid;
  display: grid;
  position: relative;
}
.is-training-page .lesson-list > li.divider {
  display: none;
}
.is-training-page .lesson-list > li a {
  border-radius: 0;
  background: none;
  color: inherit;
  display: -ms-grid;
  display: grid;
}
.is-training-page .lesson-list > li .state-icon-block {
  display: none;
}
.is-training-page .lesson-list > li .info {
  border: none !important;
  background: none !important;
  margin-left: 0;
  display: -ms-grid;
  display: grid;
  position: relative;
}
.is-training-page .lesson-list > li .info[data-day]::after {
  content: attr(data-day);
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  color: var(--color-white);
  background: #0098DB;
  border-radius: 0px 0px 12px 0px;
  padding: 10px 16px;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}
.is-training-page .lesson-list > li table, .is-training-page .lesson-list > li tbody, .is-training-page .lesson-list > li td {
  display: -ms-grid;
  display: grid;
}
.is-training-page .lesson-list > li td {
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  min-height: auto;
}
.is-training-page .lesson-list > li td.item-image {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  padding-bottom: 62.5% !important;
}
.is-training-page .lesson-list > li td.item-main-td {
  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 0px;
          flex: 1 1 0;
  padding: 24px !important;
  gap: 16px;
}
.is-training-page .lesson-list > li tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.is-training-page .lesson-list > li .vmiddle {
  padding: 0 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 4px;
}
.is-training-page .lesson-list > li .title {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  color: var(--color-white) !important;
  margin-right: 0;
  width: 100%;
}
.is-training-page .lesson-list > li .title .lesson-list__video-watched {
  display: none !important;
}
.is-training-page .lesson-list > li .description {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: var(--color-text) !important;
}
.is-training-page .lesson-list > li .user-state-label {
  -webkit-box-ordinal-group: 11;
      -ms-flex-order: 10;
          order: 10;
  display: none !important;
}
.is-training-page .lesson-list > li .lesson-date {
  display: none;
}
.is-training-page .lesson-list > li.user-state-not_reached::before {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
  z-index: 5;
  background: rgba(24, 24, 27, 0.8);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.is-training-page .lesson-list > li.user-state-not_reached::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  display: block;
  width: 80px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='80' height='80' rx='12' fill='%230098DB'/%3E%3Cpath d='M28 36V32C28 25.38 30 20 40 20C50 20 52 25.38 52 32V36' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40 53C42.7614 53 45 50.7614 45 48C45 45.2386 42.7614 43 40 43C37.2386 43 35 45.2386 35 48C35 50.7614 37.2386 53 40 53Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50 60H30C22 60 20 58 20 50V46C20 38 22 36 30 36H50C58 36 60 38 60 46V50C60 58 58 60 50 60Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.is-training-page .lesson-list > li.user-state-has_mission .item-main-td::after, .is-training-page .lesson-list > li.user-state-need_accomplish .item-main-td::after {
  content: "Есть задание";
  margin-top: auto;
  display: inline-block;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-white);
  padding: 4px 8px;
  background: #F59E0B;
  border-radius: 4px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.is-training-page .lesson-list > li.user-state-accomplished .item-main-td::after {
  content: "Задание выполнено";
  margin-top: auto;
  display: inline-block;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-white);
  padding: 4px 8px;
  background: #059669;
  border-radius: 4px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.is-training-page .lesson-list > li.user-state-answered .item-main-td::after {
  content: "Ожидает проверки";
  margin-top: auto;
  display: inline-block;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  color: var(--color-white);
  padding: 4px 8px;
  background: #64748b;
  border-radius: 4px;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.is-training-page .lesson-list > li.with-price .lesson-price {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: auto;
  border-radius: 8px;
  overflow: hidden;
  -ms-flex-item-align: start;
      align-self: flex-start;
}
.is-training-page .lesson-list > li.with-price .lesson-price::before {
  content: "";
  width: 32px;
  height: 32px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5625 19.1064C11.5625 20.8264 12.8825 22.2131 14.5225 22.2131H17.8692C19.2958 22.2131 20.4558 20.9998 20.4558 19.5064C20.4558 17.8798 19.7492 17.3064 18.6958 16.9331L13.3225 15.0664C12.2692 14.6931 11.5625 14.1198 11.5625 12.4931C11.5625 10.9998 12.7225 9.78644 14.1492 9.78644H17.4958C19.1358 9.78644 20.4558 11.1731 20.4558 12.8931' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 8V24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0003 29.3334C23.3641 29.3334 29.3337 23.3638 29.3337 16C29.3337 8.63622 23.3641 2.66669 16.0003 2.66669C8.63653 2.66669 2.66699 8.63622 2.66699 16C2.66699 23.3638 8.63653 29.3334 16.0003 29.3334Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-color: var(--color-primary);
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 991.98px) {
  .is-training-page .lesson-list > li.with-price .lesson-price::before {
    width: 24px;
    height: 24px;
    background-size: 20px 20px;
  }
}
.is-training-page .lesson-list > li.with-price .lesson-price-value {
  background: #0277AA;
  text-align: center;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 20px;
  color: var(--color-white);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 16px;
}
@media screen and (max-width: 991.98px) {
  .is-training-page .lesson-list > li.with-price .lesson-price-value {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    font-size: 16px;
    line-height: 20px;
  }
}
.is-training-page.is-staff-user .lesson-list > li.user-state-not_reached::before {
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
  z-index: 5;
  background: rgba(24, 24, 27, 0.8);
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  pointer-events: none;
  opacity: 0.5;
}
.is-training-page.is-staff-user .lesson-list > li.user-state-not_reached::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  display: block;
  width: 80px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='80' height='80' rx='12' fill='%230098DB'/%3E%3Cpath d='M28 36V32C28 25.38 30 20 40 20C50 20 52 25.38 52 32V36' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40 53C42.7614 53 45 50.7614 45 48C45 45.2386 42.7614 43 40 43C37.2386 43 35 45.2386 35 48C35 50.7614 37.2386 53 40 53Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50 60H30C22 60 20 58 20 50V46C20 38 22 36 30 36H50C58 36 60 38 60 46V50C60 58 58 60 50 60Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  pointer-events: none;
  opacity: 0.5;
}
/* ------------- 
content finish - Training
------------- */

/* ------------- 
content start - Home
------------- */

.is-home-page body {
    min-height: 100vh;
    min-width: 320px;
    background-color: #18181B;
}

.is-home-page.is-student-user body {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.is-home-page h2 {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-white);
    margin-bottom: 32px;
}

@media screen and (max-width: 1199.98px) {
    .is-home-page h2 {
        font-size: 20px;
        line-height: 24px;
    }
}

.is-home-page .xdget-trainingList {
    margin-bottom: 48px;
}

.is-home-page .xdget-trainingList .btn-success {
    margin-top: 32px;
    width: 100%;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: 8px;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-white);
    padding: 12px 24px;
}

.is-home-page .stream-table {
    display: block;
    margin: 0;
}

.is-home-page .stream-table tbody {
    display: -ms-grid;
    display: grid;
    gap: 24px;
    -ms-grid-columns: minmax(auto, 1fr) 24px minmax(auto, 1fr);
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-auto-rows: auto;
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .stream-table tbody {
        -ms-grid-columns: (minmax(auto, 1fr))[1];
        grid-template-columns: repeat(1, minmax(auto, 1fr));
    }
}

.is-home-page .stream-table tr {
    display: -ms-grid;
    display: grid;
    background: #2A2C30;
    border: 1px solid #35404F;
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}

.is-home-page .stream-table tr:not(.with-image)::after {
    content: "";
    pointer-events: none;
    display: block;
    position: absolute;
    right: -20px;
    bottom: -5px;
    width: 160px;
    height: 100px;
    background-image: url("https://fs.getcourse.ru/fileservice/file/download/a/227877/sc/254/h/546d77ae9a740a0e0778eea544cd9f6b.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 1399.98px) {
    .is-home-page .stream-table tr:not(.with-image)::after {
        width: 150px;
        height: 90px;
    }
}

.is-home-page .stream-table tr:not(.with-image) .stream-content {
    padding: 32px 130px 32px 24px;
}

.is-home-page .stream-table td {
    display: -ms-grid;
    display: grid;
    margin: 0 !important;
    opacity: 1;
    padding: 0 !important;
    height: auto !important;
    width: auto;
    background-color: transparent !important;
}

.is-home-page .stream-table td:hover {
    background-color: transparent !important;
}

.is-home-page .stream-table a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.is-home-page .stream-table .stream-image {
    border-radius: 16px 16px 0 0;
}

.is-home-page .stream-table .stream-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 12px;
    padding: 24px;
}

@media screen and (max-width: 1399.98px) {
    .is-home-page .stream-table .stream-content {
        padding: 20px;
    }
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .stream-table .stream-content {
        row-gap: 8px;
    }
}

.is-home-page .stream-table .stream-title {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    display: inline-block;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-white);
}

@media screen and (max-width: 1399.98px) {
    .is-home-page .stream-table .stream-title {
        font-size: 22px;
        line-height: 26px;
    }
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .stream-table .stream-title {
        font-size: 20px;
        line-height: 24px;
    }
}

.is-home-page .stream-table .stream-content > div {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-text);
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .stream-table .stream-content > div {
        font-size: 16px;
        line-height: 20px;
    }
}

.is-home-page .stream-table .stream-content > div b {
    display: none !important;
}

.is-home-page .schedule-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 32px;
}

.is-home-page .schedule-header h2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    margin-bottom: 0;
}

.is-home-page .schedule-header button {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-primary);
    border: none;
    background-color: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-column-gap: 4px;
       -moz-column-gap: 4px;
            column-gap: 4px;
    padding: 3px;
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .schedule-header button {
        font-size: 16px;
        line-height: 20px;
    }
}

.is-home-page .schedule-header button::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.22032 15.28C5.36094 15.4205 5.55157 15.4993 5.75032 15.4993C5.94907 15.4993 6.13969 15.4205 6.28032 15.28L13.5003 8.06V13.75C13.5003 13.9489 13.5793 14.1397 13.72 14.2803C13.8606 14.421 14.0514 14.5 14.2503 14.5C14.4492 14.5 14.64 14.421 14.7806 14.2803C14.9213 14.1397 15.0003 13.9489 15.0003 13.75V6.25C15.0003 6.05109 14.9213 5.86032 14.7806 5.71967C14.64 5.57902 14.4492 5.5 14.2503 5.5H6.75032C6.5514 5.5 6.36064 5.57902 6.21999 5.71967C6.07933 5.86032 6.00032 6.05109 6.00032 6.25C6.00032 6.44891 6.07933 6.63968 6.21999 6.78033C6.36064 6.92098 6.5514 7 6.75032 7H12.4403L5.22032 14.22C5.07987 14.3606 5.00098 14.5512 5.00098 14.75C5.00098 14.9488 5.07987 15.1394 5.22032 15.28Z' fill='%230098DB'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .schedule-header button::after {
        width: 16px;
        height: 16px;
    }
}

.is-home-page .xdget-lessonSchedule h3 {
    display: none;
}

.is-home-page .xdget-lessonSchedule .schedule-block {
    display: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 16px;
    padding: 0;
    background-color: transparent;
}

.is-home-page .xdget-lessonSchedule .schedule-block .day {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 16px;
}

.is-home-page .xdget-lessonSchedule .schedule-block .day-label {
    display: none;
}

.is-home-page .xdget-lessonSchedule .schedule-block .day .record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 24px;
    background-color: #2A2C30;
    border-radius: 12px;
    row-gap: 24px;
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .xdget-lessonSchedule .schedule-block .day .record {
        row-gap: 16px;
    }
}

.is-home-page .xdget-lessonSchedule .schedule-block .day .record .time {
    width: auto;
    float: none;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-white);
    display: inline-block;
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: 8px 16px;
    border: 1px solid var(--color-primary);
    border-radius: 8px;
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .xdget-lessonSchedule .schedule-block .day .record .time {
        font-size: 12px;
        line-height: 15px;
    }
}

.is-home-page .xdget-lessonSchedule .schedule-block .day .record .event {
    margin-left: 0;
    padding-bottom: 0;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-text);
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .xdget-lessonSchedule .schedule-block .day .record .event {
        font-size: 14px;
        line-height: 18px;
    }
}

.is-home-page .xdget-lessonSchedule .schedule-block .day .record .event br {
    display: none;
}

.is-home-page .xdget-lessonSchedule .schedule-block .day .record .event a {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-white);
    display: block;
    margin-bottom: 8px;
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .xdget-lessonSchedule .schedule-block .day .record .event a {
        font-size: 16px;
        line-height: 20px;
    }
}

.is-home-page .xdget-lessonSchedule .k-schedule-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 24px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.is-home-page .xdget-lessonSchedule .k-schedule-item {
    display: -ms-grid;
    display: grid;
}

.is-home-page .xdget-lessonSchedule .k-schedule-link {
    text-decoration: none !important;
}

.is-home-page .xdget-lessonSchedule .k-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 24px;
    background-color: #2A2C30;
    border-radius: 12px;
    row-gap: 24px;
}

.is-home-page .xdget-lessonSchedule .k-record-datetime {
    width: auto;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-white);
    display: inline-block;
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: 8px 16px;
    border: 1px solid var(--color-primary);
    border-radius: 8px;
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .xdget-lessonSchedule .k-record-datetime {
        font-size: 12px;
        line-height: 15px;
    }
}

.is-home-page .xdget-lessonSchedule .k-record-title {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-white);
    display: block;
    margin-bottom: 8px;
    margin-top: 0;
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .xdget-lessonSchedule .k-record-title {
        font-size: 16px;
        line-height: 20px;
    }
}

.is-home-page .xdget-lessonSchedule .k-record-description {
    margin-left: 0;
    padding-bottom: 0;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-text);
    margin-bottom: 0;
}

@media screen and (max-width: 1199.98px) {
    .is-home-page .xdget-lessonSchedule .k-record-description {
        font-size: 14px;
        line-height: 18px;
    }
}
/* ------------- 
content finish - Home
------------- */

/* ------------- 
content start - Coins bar
------------- */

.coins-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px 36px;
}

@media screen and (max-width: 991.98px) {
    .coins-bar {
        flex-direction: column;
        align-items: stretch;
        padding: 16px;
        row-gap: 12px;
    }
}

.coins-bar-main {
    display: flex;
    align-items: center;
    flex: 1 1 0;
}

@media screen and (max-width: 991.98px) {
    .coins-bar-main {
        flex-direction: column;
        align-items: stretch;
    }
}

.coins-bar-info {
    display: inline-flex;
    align-items: stretch;
    border-radius: 8px;
    overflow: hidden;
}

.coins-bar-info::before {
    content: "";
    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5625 19.1064C11.5625 20.8264 12.8825 22.2131 14.5225 22.2131H17.8692C19.2958 22.2131 20.4558 20.9998 20.4558 19.5064C20.4558 17.8798 19.7492 17.3064 18.6958 16.9331L13.3225 15.0664C12.2692 14.6931 11.5625 14.1198 11.5625 12.4931C11.5625 10.9998 12.7225 9.78644 14.1492 9.78644H17.4958C19.1358 9.78644 20.4558 11.1731 20.4558 12.8931' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 8V24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0003 29.3334C23.3641 29.3334 29.3337 23.3638 29.3337 16C29.3337 8.63622 23.3641 2.66669 16.0003 2.66669C8.63653 2.66669 2.66699 8.63622 2.66699 16C2.66699 23.3638 8.63653 29.3334 16.0003 29.3334Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-color: var(--color-primary);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center center;
}

@media screen and (max-width: 991.98px) {
    .coins-bar-info::before {
        width: 38px;
        height: 38px;
        background-size: 28px 28px;
    }
}

.coins-bar-value {
    background: #0277AA;
    text-align: center;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-white);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
}

@media screen and (max-width: 991.98px) {
    .coins-bar-value {
        flex: 1 1 0;
        font-size: 18px;
        line-height: 22px;
    }
}

.coins-bar-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    column-gap: 12px;
}

@media screen and (max-width: 991.98px) {
    .coins-bar-actions {
        flex-direction: column;
        row-gap: 12px;
    }
}

.coins-bar-btn {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-white);
    padding: 8px 16px;
    background: #2A2C30;
    border: 1px solid #35404F;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
}

@media screen and (max-width: 991.98px) {
    .coins-bar-btn {
        width: 100%;
        text-align: center;
        justify-content: center;
        font-size: 16px;
        line-height: 20px;
    }
}

.coins-bar-btn::after {
    content: "";
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-left: 4px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.94043 13.28L10.2871 8.9333C10.8004 8.41997 10.8004 7.57997 10.2871 7.06664L5.94043 2.71997' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
/* ------------- 
content finish - Coins bar
------------- */

/* ------------- 
content start - Lesson
------------- */

.is-lesson-page .lite-page .lt-lesson-mission-block .row-section {
    margin-bottom: 0 !important;
}

.is-lesson-page .lite-page .lt-lesson-mission-block .self-answers .user-answer .answer-main-content .addfield {
    background-color: #18181B;
    color: #fff;
    padding: 16px;
    border-radius: 12px;
}

.is-lesson-page .lite-page .lt-lesson-mission-block .lesson-answer-comment {
    background-color: #18181B;
    color: #fff;
    padding: 16px;
    border-radius: 12px;
}

.is-lesson-page body {
    min-height: 100vh;
    min-width: 320px;
    background-color: #18181b;
}
.is-lesson-page.is-student-user body {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
.is-lesson-page .standard-page-content {
    margin-top: 40px;
}
.is-lesson-page.is-student-user .page-header {
    display: none;
}
.is-lesson-page .center-block {
    max-width: 960px !important;
    width: 100% !important;
}
.is-lesson-page .center-block .lesson-header-block {
    padding: 0 !important;
    margin: 0 0 32px !important;
    background: #18181b !important;
    border: 2px solid #35404f !important;
    border-radius: 12px !important;
    overflow: hidden;
}
.is-lesson-page .center-block .lesson-header-block .header-view {
    padding: 24px 0px;
    background: #2a2c30;
    border-radius: 12px 12px 0px 0px;
}
.is-lesson-page .center-block .lesson-header-block .header-view .col-md-12 {
    padding-top: 0 !important;
}
.is-lesson-page .center-block .lesson-header-block .header-view h2 {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    text-align: center;
    margin: 0 !important;
    color: var(--color-white);
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .center-block .lesson-header-block .header-view h2 {
        font-size: 28px;
        line-height: 34px;
    }
}
.is-lesson-page .center-block .lesson-header-block .header-view span {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-text);
    display: inline-block;
    margin-top: 6px;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .center-block .lesson-header-block .header-view span {
        font-size: 18px;
        line-height: 22px;
    }
}
.is-lesson-page .center-block .lesson-header-block .lesson-navigation {
    padding: 24px 39px !important;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .center-block .lesson-header-block .lesson-navigation {
        padding: 16px 31px;
    }
}
.is-lesson-page .center-block .lesson-header-block .lesson-navigation table,
.is-lesson-page .center-block .lesson-header-block .lesson-navigation tbody {
    display: -ms-grid;
    display: grid;
}
.is-lesson-page .center-block .lesson-header-block .lesson-navigation tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .center-block .lesson-header-block .lesson-navigation tr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 12px;
    }
}
.is-lesson-page .center-block .lesson-header-block .lesson-navigation td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto !important;
    padding: 0 !important;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-white);
}
.is-lesson-page
.center-block
.lesson-header-block
.lesson-navigation
td:not(:first-child):not(:last-child) {
    display: none;
}
.is-lesson-page
.center-block
.lesson-header-block
.lesson-navigation
td
.hidden-xs {
    display: block !important;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page
    .center-block
    .lesson-header-block
    .lesson-navigation
    td
    .hidden-xs {
        text-align: center;
    }
}
.is-lesson-page .center-block .lesson-header-block .lesson-navigation td a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-primary);
    margin-bottom: 4px;
    text-decoration: none !important;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .center-block .lesson-header-block .lesson-navigation td a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.is-lesson-page
.center-block
.lesson-header-block
.lesson-navigation
td
a:hover {
    opacity: 0.7;
}
.is-lesson-page
.center-block
.lesson-header-block
.lesson-navigation
td:first-child
a::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    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='M7.97533 4.94141L2.91699 9.99974L7.97533 15.0581' stroke='%230098DB' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.0836 10H3.05859' stroke='%230098DB' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 4px;
}
.is-lesson-page
.center-block
.lesson-header-block
.lesson-navigation
td:last-child
a::after {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    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='M12.0254 4.94141L17.0837 9.99974L12.0254 15.0581' stroke='%230098DB' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.91699 10H16.942' stroke='%230098DB' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 4px;
}
.is-lesson-page .center-block .lesson-header-block .lesson-navigation td span {
    display: none;
}
.is-lesson-page .lite-page .f-header,
.is-lesson-page .lite-page .f-subheader,
.is-lesson-page .lite-page .f-text {
    color: var(--color-white);
}
.is-lesson-page .lite-page .part-header {
    margin-bottom: 32px !important;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .part-header {
        margin-bottom: 24px !important;
    }
}
.is-lesson-page .lite-page .f-header {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .f-header {
        font-size: 24px;
        line-height: 29px;
    }
}
.is-lesson-page .lite-page .part-button {
    margin-bottom: 0 !important;
    display: -ms-grid;
    display: grid;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .part-button ~ .part-button {
        margin-top: 16px !important;
    }
}
.is-lesson-page .lite-page .btn.f-btn {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: var(--color-white);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 32px;
    gap: 24px;
    width: 100%;
    background: linear-gradient(86.54deg, #1c4164 0.15%, #364252 100%);
    border-radius: 12px;
    -webkit-transition: -webkit-filter 0.2s ease;
    transition: -webkit-filter 0.2s ease;
    transition: filter 0.2s ease;
    transition: filter 0.2s ease, -webkit-filter 0.2s ease;
    white-space: normal;
    text-align: left;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .btn.f-btn {
        font-size: 18px;
        line-height: 22px;
        padding: 20px 24px;
    }
}
.is-lesson-page .lite-page .btn.f-btn:hover {
    -webkit-filter: brightness(1.2);
    filter: brightness(1.2);
}
/*.is-lesson-page .lite-page .btn.f-btn::before {
content: "";
display: inline-block;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 40px;
height: 40px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}*/
.is-lesson-page .lite-page .part-button.presentation .btn.f-btn::before {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: 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='M22 2.75H2C1.59 2.75 1.25 2.41 1.25 2C1.25 1.59 1.59 1.25 2 1.25H22C22.41 1.25 22.75 1.59 22.75 2C22.75 2.41 22.41 2.75 22 2.75Z' fill='white'/%3E%3Cpath d='M16.6703 22.34C16.5403 22.6 16.2703 22.75 16.0003 22.75C15.8903 22.75 15.7703 22.72 15.6703 22.67L12.0003 20.84L8.33026 22.67C8.23026 22.72 8.11026 22.75 8.00026 22.75C7.73026 22.75 7.46026 22.6 7.33026 22.34C7.14026 21.96 7.29026 21.51 7.67026 21.33L11.2503 19.54V17H12.7503V19.54L16.3303 21.33C16.7103 21.51 16.8603 21.96 16.6703 22.34Z' fill='white'/%3E%3Cpath d='M3 2V14.1C3 16 4 17 5.9 17H18.1C20 17 21 16 21 14.1V2H3ZM16.98 8.58L13.83 11.21C13.54 11.45 13.17 11.55 12.82 11.49C12.46 11.43 12.15 11.21 11.96 10.89L10.91 9.14L7.98 11.58C7.84 11.7 7.67 11.75 7.5 11.75C7.29 11.75 7.07 11.66 6.92 11.48C6.65 11.16 6.7 10.69 7.02 10.42L10.17 7.79C10.46 7.55 10.83 7.45 11.18 7.51C11.54 7.57 11.85 7.79 12.04 8.11L13.09 9.86L16.02 7.42C16.34 7.15 16.81 7.2 17.08 7.52C17.34 7.84 17.3 8.31 16.98 8.58Z' fill='white'/%3E%3C/svg%3E%0A");
}
.is-lesson-page .lite-page .part-button.quiz .btn.f-btn::before {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: 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='M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 19.83 4.17 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V7.81C22 4.17 19.83 2 16.19 2ZM9.97 14.9L7.72 17.15C7.57 17.3 7.38 17.37 7.19 17.37C7 17.37 6.8 17.3 6.66 17.15L5.91 16.4C5.61 16.11 5.61 15.63 5.91 15.34C6.2 15.05 6.67 15.05 6.97 15.34L7.19 15.56L8.91 13.84C9.2 13.55 9.67 13.55 9.97 13.84C10.26 14.13 10.26 14.61 9.97 14.9ZM9.97 7.9L7.72 10.15C7.57 10.3 7.38 10.37 7.19 10.37C7 10.37 6.8 10.3 6.66 10.15L5.91 9.4C5.61 9.11 5.61 8.63 5.91 8.34C6.2 8.05 6.67 8.05 6.97 8.34L7.19 8.56L8.91 6.84C9.2 6.55 9.67 6.55 9.97 6.84C10.26 7.13 10.26 7.61 9.97 7.9ZM17.56 16.62H12.31C11.9 16.62 11.56 16.28 11.56 15.87C11.56 15.46 11.9 15.12 12.31 15.12H17.56C17.98 15.12 18.31 15.46 18.31 15.87C18.31 16.28 17.98 16.62 17.56 16.62ZM17.56 9.62H12.31C11.9 9.62 11.56 9.28 11.56 8.87C11.56 8.46 11.9 8.12 12.31 8.12H17.56C17.98 8.12 18.31 8.46 18.31 8.87C18.31 9.28 17.98 9.62 17.56 9.62Z' fill='white'/%3E%3C/svg%3E%0A");
}
.is-lesson-page .lite-page .part-button.webinar .btn.f-btn::before {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: 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='M20.97 10.37V13.56C20.97 15.88 19.09 17.76 16.77 17.76H13.21C12.66 17.76 12.21 18.2 12.21 18.76V19.58C12.21 20.13 12.66 20.58 13.21 20.58H15.47C15.86 20.58 16.18 20.89 16.18 21.29C16.18 21.68 15.86 22 15.47 22H7.53C7.14 22 6.82 21.68 6.82 21.29C6.82 20.89 7.14 20.58 7.53 20.58H9.79C10.34 20.58 10.79 20.13 10.79 19.58V18.76C10.79 18.2 10.34 17.76 9.79 17.76H6.19C3.88 17.76 2 15.88 2 13.56V7.19C2 4.88 3.88 3 6.19 3H10.5C11.05 3 11.5 3.45 11.5 4V6.15C11.5 8.08 12.79 9.37 14.71 9.37H19.97C20.52 9.37 20.97 9.82 20.97 10.37Z' fill='white'/%3E%3Cpath d='M21.99 2.35962L20.86 3.14962V2.72962C20.86 1.77962 20.09 1.01962 19.15 1.01962H14.87C13.84 1.00962 13 1.84962 13 2.87962V6.15962C13 7.01962 13.43 7.86962 14.71 7.86962H19.14C20.09 7.86962 20.85 7.09962 20.85 6.15962V5.72962L21.98 6.51962C22.55 6.90962 23 6.66962 23 5.98962V2.88962C23 2.20962 22.55 1.97962 21.99 2.35962Z' fill='white'/%3E%3C/svg%3E%0A");
}
.is-lesson-page .lite-page .part-button.document .btn.f-btn::before {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: 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='M15.7997 2.21048C15.3897 1.80048 14.6797 2.08048 14.6797 2.65048V6.14048C14.6797 7.60048 15.9197 8.81048 17.4297 8.81048C18.3797 8.82048 19.6997 8.82048 20.8297 8.82048C21.3997 8.82048 21.6997 8.15048 21.2997 7.75048C19.8597 6.30048 17.2797 3.69048 15.7997 2.21048Z' fill='white'/%3E%3Cpath d='M20.5 10.19H17.61C15.24 10.19 13.31 8.26 13.31 5.89V3C13.31 2.45 12.86 2 12.31 2H8.07C4.99 2 2.5 4 2.5 7.57V16.43C2.5 20 4.99 22 8.07 22H15.93C19.01 22 21.5 20 21.5 16.43V11.19C21.5 10.64 21.05 10.19 20.5 10.19ZM11.5 17.75H7.5C7.09 17.75 6.75 17.41 6.75 17C6.75 16.59 7.09 16.25 7.5 16.25H11.5C11.91 16.25 12.25 16.59 12.25 17C12.25 17.41 11.91 17.75 11.5 17.75ZM13.5 13.75H7.5C7.09 13.75 6.75 13.41 6.75 13C6.75 12.59 7.09 12.25 7.5 12.25H13.5C13.91 12.25 14.25 12.59 14.25 13C14.25 13.41 13.91 13.75 13.5 13.75Z' fill='white'/%3E%3C/svg%3E%0A");
}
.is-lesson-page .lite-page .part-button.checklist .btn.f-btn::before {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: 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='M14.3498 2H9.64977C8.60977 2 7.75977 2.84 7.75977 3.88V4.82C7.75977 5.86 8.59977 6.7 9.63977 6.7H14.3498C15.3898 6.7 16.2298 5.86 16.2298 4.82V3.88C16.2398 2.84 15.3898 2 14.3498 2Z' fill='white'/%3E%3Cpath d='M17.2391 4.81949C17.2391 6.40949 15.9391 7.70949 14.3491 7.70949H9.64906C8.05906 7.70949 6.75906 6.40949 6.75906 4.81949C6.75906 4.25949 6.15906 3.90949 5.65906 4.16949C4.24906 4.91949 3.28906 6.40949 3.28906 8.11949V17.5295C3.28906 19.9895 5.29906 21.9995 7.75906 21.9995H16.2391C18.6991 21.9995 20.7091 19.9895 20.7091 17.5295V8.11949C20.7091 6.40949 19.7491 4.91949 18.3391 4.16949C17.8391 3.90949 17.2391 4.25949 17.2391 4.81949ZM12.3791 16.9495H7.99906C7.58906 16.9495 7.24906 16.6095 7.24906 16.1995C7.24906 15.7895 7.58906 15.4495 7.99906 15.4495H12.3791C12.7891 15.4495 13.1291 15.7895 13.1291 16.1995C13.1291 16.6095 12.7891 16.9495 12.3791 16.9495ZM14.9991 12.9495H7.99906C7.58906 12.9495 7.24906 12.6095 7.24906 12.1995C7.24906 11.7895 7.58906 11.4495 7.99906 11.4495H14.9991C15.4091 11.4495 15.7491 11.7895 15.7491 12.1995C15.7491 12.6095 15.4091 12.9495 14.9991 12.9495Z' fill='white'/%3E%3C/svg%3E%0A");
}
.is-lesson-page .lite-page .part-button.cards .btn.f-btn::before {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: 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.5503 20.1619C13.2903 20.2719 13.0103 20.3719 12.7103 20.4719L11.1303 20.9919C7.16034 22.2719 5.07034 21.2019 3.78034 17.2319L2.50034 13.2819C1.22034 9.31187 2.28034 7.21187 6.25034 5.93187L7.79034 5.42188C7.60034 5.90187 7.44034 6.45188 7.29034 7.07188L6.31034 11.2619C5.21034 15.9719 6.82034 18.5719 11.5303 19.6919L13.2103 20.0919C13.3203 20.1219 13.4403 20.1419 13.5503 20.1619Z' fill='white'/%3E%3Cpath d='M17.1702 3.20854L15.5002 2.81854C12.1602 2.02854 10.1702 2.67854 9.00018 5.09854C8.70018 5.70854 8.46018 6.44854 8.26018 7.29854L7.28018 11.4885C6.30018 15.6685 7.59018 17.7285 11.7602 18.7185L13.4402 19.1185C14.0202 19.2585 14.5602 19.3485 15.0602 19.3885C18.1802 19.6885 19.8402 18.2285 20.6802 14.6185L21.6602 10.4385C22.6402 6.25854 21.3602 4.18854 17.1702 3.20854Z' fill='white'/%3E%3C/svg%3E%0A");
}
.is-lesson-page .lite-page .part-button.cards-secondary .btn.f-btn::before {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: 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='M12.6761 19.9589C12.9508 20.0228 12.976 20.3827 12.7084 20.4719L11.1284 20.9919C7.15839 22.2719 5.06839 21.2019 3.77839 17.2319L2.49839 13.2819C1.21839 9.31187 2.27839 7.21187 6.24839 5.93187L6.77238 5.75834C7.17525 5.62493 7.56731 6.02899 7.45292 6.43766C7.39622 6.64023 7.34167 6.85164 7.28839 7.07188L6.30839 11.2619C5.20839 15.9719 6.81839 18.5719 11.5284 19.6919L12.6761 19.9589Z' fill='white'/%3E%3Cpath d='M17.1702 3.20854L15.5002 2.81854C12.1602 2.02854 10.1702 2.67854 9.00018 5.09854C8.70018 5.70854 8.46018 6.44854 8.26018 7.29854L7.28018 11.4885C6.30018 15.6685 7.59018 17.7285 11.7602 18.7185L13.4402 19.1185C14.0202 19.2585 14.5602 19.3485 15.0602 19.3885C18.1802 19.6885 19.8402 18.2285 20.6802 14.6185L21.6602 10.4385C22.6402 6.25854 21.3602 4.18854 17.1702 3.20854ZM15.2902 13.3285C15.2002 13.6685 14.9002 13.8885 14.5602 13.8885C14.5002 13.8885 14.4402 13.8785 14.3702 13.8685L11.4602 13.1285C11.0602 13.0285 10.8202 12.6185 10.9202 12.2185C11.0202 11.8185 11.4302 11.5785 11.8302 11.6785L14.7402 12.4185C15.1502 12.5185 15.3902 12.9285 15.2902 13.3285ZM18.2202 9.94854C18.1302 10.2885 17.8302 10.5085 17.4902 10.5085C17.4302 10.5085 17.3702 10.4985 17.3002 10.4885L12.4502 9.25854C12.0502 9.15854 11.8102 8.74854 11.9102 8.34854C12.0102 7.94854 12.4202 7.70854 12.8202 7.80854L17.6702 9.03854C18.0802 9.12854 18.3202 9.53854 18.2202 9.94854Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .part-button.presentation .btn.f-btn::before,
    .is-lesson-page .lite-page .part-button.quiz .btn.f-btn::before,
    .is-lesson-page .lite-page .part-button.webinar .btn.f-btn::before,
    .is-lesson-page .lite-page .part-button.document .btn.f-btn::before,
    .is-lesson-page .lite-page .part-button.checklist .btn.f-btn::before,
    .is-lesson-page .lite-page .part-button.cards .btn.f-btn::before,
    .is-lesson-page .lite-page .part-button.cards-secondary .btn.f-btn::before
    {
        width: 32px;
        height: 32px;
    }
}

.is-lesson-page .lite-page .part-button.full {
    grid-column: 1/-1;
    margin-bottom: 24px !important;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .part-button.full {
        margin-bottom: 0 !important;
    }
}
.is-lesson-page .lite-page .part-button.full .btn.f-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.is-lesson-page .lite-page .part-button.task .btn.f-btn::before {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: 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='M19.9994 19.2611H10.9294C10.4794 19.2611 10.1094 18.8911 10.1094 18.4411C10.1094 17.9911 10.4794 17.6211 10.9294 17.6211H19.9994C20.4494 17.6211 20.8194 17.9911 20.8194 18.4411C20.8194 18.9011 20.4494 19.2611 19.9994 19.2611Z' fill='white'/%3E%3Cpath d='M19.9994 12.9681H10.9294C10.4794 12.9681 10.1094 12.5981 10.1094 12.1481C10.1094 11.6981 10.4794 11.3281 10.9294 11.3281H19.9994C20.4494 11.3281 20.8194 11.6981 20.8194 12.1481C20.8194 12.5981 20.4494 12.9681 19.9994 12.9681Z' fill='white'/%3E%3Cpath d='M19.9994 6.67125H10.9294C10.4794 6.67125 10.1094 6.30125 10.1094 5.85125C10.1094 5.40125 10.4794 5.03125 10.9294 5.03125H19.9994C20.4494 5.03125 20.8194 5.40125 20.8194 5.85125C20.8194 6.30125 20.4494 6.67125 19.9994 6.67125Z' fill='white'/%3E%3Cpath d='M4.90969 8.03187C4.68969 8.03187 4.47969 7.94187 4.32969 7.79187L3.41969 6.88188C3.09969 6.56188 3.09969 6.04187 3.41969 5.72187C3.73969 5.40187 4.25969 5.40187 4.57969 5.72187L4.90969 6.05188L7.04969 3.91187C7.36969 3.59188 7.88969 3.59188 8.20969 3.91187C8.52969 4.23187 8.52969 4.75188 8.20969 5.07188L5.48969 7.79187C5.32969 7.94187 5.12969 8.03187 4.90969 8.03187Z' fill='white'/%3E%3Cpath d='M4.90969 14.3287C4.69969 14.3287 4.48969 14.2487 4.32969 14.0887L3.41969 13.1788C3.09969 12.8588 3.09969 12.3388 3.41969 12.0188C3.73969 11.6988 4.25969 11.6988 4.57969 12.0188L4.90969 12.3488L7.04969 10.2087C7.36969 9.88875 7.88969 9.88875 8.20969 10.2087C8.52969 10.5287 8.52969 11.0487 8.20969 11.3687L5.48969 14.0887C5.32969 14.2487 5.11969 14.3287 4.90969 14.3287Z' fill='white'/%3E%3Cpath d='M4.90969 20.3288C4.69969 20.3288 4.48969 20.2488 4.32969 20.0888L3.41969 19.1788C3.09969 18.8588 3.09969 18.3388 3.41969 18.0188C3.73969 17.6988 4.25969 17.6988 4.57969 18.0188L4.90969 18.3488L7.04969 16.2087C7.36969 15.8888 7.88969 15.8888 8.20969 16.2087C8.52969 16.5287 8.52969 17.0488 8.20969 17.3688L5.48969 20.0888C5.32969 20.2488 5.11969 20.3288 4.90969 20.3288Z' fill='white'/%3E%3C/svg%3E%0A");
}
.is-lesson-page .lite-page .part-button.answer .btn.f-btn::before {
    content: "";
    display: inline-block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: 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='M21 22H3C2.59 22 2.25 21.66 2.25 21.25C2.25 20.84 2.59 20.5 3 20.5H21C21.41 20.5 21.75 20.84 21.75 21.25C21.75 21.66 21.41 22 21 22Z' fill='white'/%3E%3Cpath d='M19.0206 3.48162C17.0806 1.54162 15.1806 1.49162 13.1906 3.48162L11.9806 4.69162C11.8806 4.79162 11.8406 4.95162 11.8806 5.09162C12.6406 7.74162 14.7606 9.86162 17.4106 10.6216C17.4506 10.6316 17.4906 10.6416 17.5306 10.6416C17.6406 10.6416 17.7406 10.6016 17.8206 10.5216L19.0206 9.31162C20.0106 8.33162 20.4906 7.38162 20.4906 6.42162C20.5006 5.43162 20.0206 4.47162 19.0206 3.48162Z' fill='white'/%3E%3Cpath d='M15.6103 11.5308C15.3203 11.3908 15.0403 11.2508 14.7703 11.0908C14.5503 10.9608 14.3403 10.8208 14.1303 10.6708C13.9603 10.5608 13.7603 10.4008 13.5703 10.2408C13.5503 10.2308 13.4803 10.1708 13.4003 10.0908C13.0703 9.81078 12.7003 9.45078 12.3703 9.05078C12.3403 9.03078 12.2903 8.96078 12.2203 8.87078C12.1203 8.75078 11.9503 8.55078 11.8003 8.32078C11.6803 8.17078 11.5403 7.95078 11.4103 7.73078C11.2503 7.46078 11.1103 7.19078 10.9703 6.91078C10.9491 6.86539 10.9286 6.82022 10.9088 6.77532C10.7612 6.442 10.3265 6.34455 10.0688 6.60231L4.34032 12.3308C4.21032 12.4608 4.09032 12.7108 4.06032 12.8808L3.52032 16.7108C3.42032 17.3908 3.61032 18.0308 4.03032 18.4608C4.39032 18.8108 4.89032 19.0008 5.43032 19.0008C5.55032 19.0008 5.67032 18.9908 5.79032 18.9708L9.63032 18.4308C9.81032 18.4008 10.0603 18.2808 10.1803 18.1508L15.9016 12.4295C16.1612 12.1699 16.0633 11.7245 15.7257 11.5804C15.6877 11.5642 15.6492 11.5476 15.6103 11.5308Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .part-button.task .btn.f-btn::before,
    .is-lesson-page .lite-page .part-button.answer .btn.f-btn::before
    {
        width: 32px;
        height: 32px;
    }
}

.is-lesson-page .lite-page .part-button.locked {
    position: relative;
}
.is-lesson-page .lite-page .part-button.locked::before {
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    position: absolute;
    z-index: 5;
    background: rgba(24, 24, 27, 0.8);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    border-radius: 12px;
}
.is-lesson-page .lite-page .part-button.locked::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    display: block;
    width: 48px;
    height: 48px;
    background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='80' height='80' rx='12' fill='%230098DB'/%3E%3Cpath d='M28 36V32C28 25.38 30 20 40 20C50 20 52 25.38 52 32V36' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40 53C42.7614 53 45 50.7614 45 48C45 45.2386 42.7614 43 40 43C37.2386 43 35 45.2386 35 48C35 50.7614 37.2386 53 40 53Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M50 60H30C22 60 20 58 20 50V46C20 38 22 36 30 36H50C58 36 60 38 60 46V50C60 58 58 60 50 60Z' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.is-lesson-page .lite-page .lt-block:not(.deadline) .block-box {
    padding: 24px;
    background: #2a2c30;
    border-radius: 12px;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .lt-block:not(.deadline) .block-box {
        padding: 16px;
    }
}
.is-lesson-page .lite-page .lt-block:not(.deadline) .builder {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: minmax(auto, 1fr) 24px minmax(auto, 1fr);
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-auto-rows: auto;
    -moz-column-gap: 24px;
    -webkit-column-gap: 24px;
    column-gap: 24px;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .lt-block:not(.deadline) .builder {
        -ms-grid-columns: (minmax(auto, 1fr))[1];
        grid-template-columns: repeat(1, minmax(auto, 1fr));
    }
}
.is-lesson-page
.lite-page
.lt-block:not(.deadline)
.builder
.builder-item:not(.part-button) {
    grid-column: 1/-1;
}
.is-lesson-page .lite-page .deadline-section .block-box {
    background: #2a2c30;
    border: 2px solid #0098db;
    border-radius: 12px;
    position: relative;
}
.is-lesson-page .lite-page .deadline-section .block-box::after {
    content: "";
    left: 6px;
    right: 6px;
    top: 0px;
    bottom: -6px;
    position: absolute;
    z-index: -1;
    background: #35404f;
    border-radius: 16px;
    -webkit-transition: bottom 0.2s ease;
    transition: bottom 0.2s ease;
}
.is-lesson-page .lite-page .deadline-section .part-header {
    margin-bottom: 0 !important;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .deadline-section .f-header br {
        display: none;
    }
}
.is-lesson-page .lite-page .lt-lesson-mission-block .container {
    background: #18181b;
    border: 2px solid #35404f;
    border-radius: 12px;
    padding: 48px;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .lt-lesson-mission-block .container {
        padding: 32px;
    }
}
.is-lesson-page .lite-page .lt-lesson-mission-block .lesson-mission-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4px;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .lt-lesson-mission-block .lesson-mission-info {
        row-gap: 12px;
    }
}
.is-lesson-page .lite-page .lt-lesson-mission-block h3 {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    color: var(--color-white);
    text-align: center;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .lt-lesson-mission-block h3 {
        font-size: 24px;
        line-height: 29px;
    }
}
.is-lesson-page .lite-page .lt-lesson-mission-block .lesson-mission-reward {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-text);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    gap: 6px;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .lt-lesson-mission-block .lesson-mission-reward {
        font-size: 16px;
        line-height: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media screen and (min-width: 992px) {
    .is-lesson-page
    .lite-page
    .lt-lesson-mission-block
    .lesson-mission-reward
    br {
        display: none;
    }
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-mission-reward
span {
    padding: 4px;
    background: #0098db;
    border-radius: 6px;
    color: var(--color-white);
}
.is-lesson-page .lite-page .lt-lesson-mission-block .lesson-mission-wrapper {
    margin: 32px 0 0 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.is-lesson-page .lite-page .lt-lesson-mission-block .lesson-mission-text {
    padding: 0 !important;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 20px !important;
    line-height: 24px;
    color: var(--color-white) !important;
    border: none !important;
    margin-bottom: 48px;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page .lite-page .lt-lesson-mission-block .lesson-mission-text {
        font-size: 18px;
        line-height: 22px;
    }
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form {
    padding: 0;
    background: none;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
> div:not(.answer-form-inner) {
    display: none;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner {
    margin-left: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
> div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
> div
> *:not(button) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container {
    margin-bottom: 32px;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child {
    margin-bottom: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-wysiwyg-editor,
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-textarea {
    height: 100px !important;
    resize: none !important;
    background: #1f1e1e !important;
    border: 1px solid #94a3b8 !important;
    border-radius: 8px !important;
    padding: 16px 40px 16px 16px !important;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-white);
    outline: none !important;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-wysiwyg-editor::-moz-placeholder,
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-textarea::-moz-placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-wysiwyg-editor::-webkit-input-placeholder, .is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-textarea::-webkit-input-placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-wysiwyg-editor::-moz-placeholder, .is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-textarea::-moz-placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-wysiwyg-editor:-ms-input-placeholder, .is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-textarea:-ms-input-placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-wysiwyg-editor::-ms-input-placeholder, .is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-textarea::-ms-input-placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-wysiwyg-editor::placeholder,
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
.emoji-container
.emoji-textarea::placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
> div:not(.emoji-container):not(#queue) {
    display: none;
    margin-top: 16px;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
> div:not(.emoji-container):not(#queue)
.uploadifive-button {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px !important;
    color: var(--color-white);
    padding: 8px 12px;
    background: #94a3b8 !important;
    border-radius: 6px;
    height: auto !important;
    width: auto !important;
    cursor: pointer !important;
    text-transform: none;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:first-child
> div:not(.emoji-container):not(#queue)
.uploadifive-button
[type="file"] {
    cursor: pointer !important;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.answer-textarea-container
.form-group:last-child {
    display: none;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    row-gap: 16px;
    -moz-column-gap: 8px;
    -webkit-column-gap: 8px;
    column-gap: 8px;
    padding-bottom: 0;
    margin-bottom: 32px;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield
label {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-white);
    margin-bottom: 0 !important;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page
    .lite-page
    .lt-lesson-mission-block
    .lesson-send-answer-block
    .answer-form
    .answer-form-inner
    .addfield
    label {
        font-size: 16px;
        line-height: 20px;
    }
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-wysiwyg-editor,
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-textarea {
    height: 100px !important;
    resize: none !important;
    background: #1f1e1e !important;
    border: 1px solid #94a3b8 !important;
    border-radius: 8px !important;
    padding: 16px 40px 16px 16px !important;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-white);
    outline: none !important;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-wysiwyg-editor::-moz-placeholder,
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-textarea::-moz-placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-wysiwyg-editor::-webkit-input-placeholder, .is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-textarea::-webkit-input-placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-wysiwyg-editor::-moz-placeholder, .is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-textarea::-moz-placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-wysiwyg-editor:-ms-input-placeholder, .is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-textarea:-ms-input-placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-wysiwyg-editor::-ms-input-placeholder, .is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-textarea::-ms-input-placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-wysiwyg-editor::placeholder,
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.addfield.addfield-type-textanswer-textarea-container
.emoji-container
.emoji-textarea::placeholder {
    opacity: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
button {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.btn-send-answer {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-white);
    padding: 12px 24px;
    background: var(--color-primary);
    border-radius: 8px;
    border: none;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page
    .lite-page
    .lt-lesson-mission-block
    .lesson-send-answer-block
    .answer-form
    .answer-form-inner
    .btn-send-answer {
        font-size: 16px;
        line-height: 20px;
        width: 100%;
    }
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.lesson-send-answer-block
.answer-form
.answer-form-inner
.btn-save-draft {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-white);
    padding: 12px 24px;
    background: none;
    border-radius: 8px;
    border: none;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page
    .lite-page
    .lt-lesson-mission-block
    .lesson-send-answer-block
    .answer-form
    .answer-form-inner
    .btn-save-draft {
        font-size: 16px;
        line-height: 20px;
        width: 100%;
    }
}
.is-lesson-page .lite-page .lt-lesson-mission-block .self-answers a {
    color: var(--color-white);
}
.is-lesson-page .lite-page .lt-lesson-mission-block .self-answers .user-answer {
    border: none;
    padding: 24px !important;
    background: #2a2c30;
    border-radius: 12px;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page
    .lite-page
    .lt-lesson-mission-block
    .self-answers
    .user-answer {
        padding: 16px !important;
    }
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.anchor {
    height: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.user-image {
    display: none;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.title {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.title
.user-image {
    display: block;
    float: none;
    margin-right: 12px;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.title
.user-image
img {
    border-radius: 12px;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.answer-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    font-family: var(--font-primary);
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page
    .lite-page
    .lt-lesson-mission-block
    .self-answers
    .user-answer
    .answer-content
    .answer-status {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        row-gap: 4px;
        margin-bottom: 24px;
    }
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.answer-status
.public-level-block,
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.answer-status
> div:not(.answer-status-label):not(.answer-edit-link) {
    display: none;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.answer-main-content
> span {
    display: none;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.answer-text {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    color: var(--color-white);
    padding-bottom: 0;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.comments {
    margin-top: 24px;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.comments
.user-profile-image {
    border-radius: 12px;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.comments
.emoji-wysiwyg-editor,
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.comments
.emoji-textarea {
    height: 100px !important;
    resize: none !important;
    background: #1f1e1e !important;
    border: 1px solid #94a3b8 !important;
    border-radius: 8px !important;
    padding: 16px 40px 16px 16px !important;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-white);
    outline: none !important;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.comments
.btn-send {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-transform: none;
    color: var(--color-white);
    padding: 12px 24px;
    background: var(--color-primary);
    border-radius: 8px;
    border: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -moz-column-gap: 6px;
    -webkit-column-gap: 6px;
    column-gap: 6px;
}
@media screen and (max-width: 991.98px) {
    .is-lesson-page
    .lite-page
    .lt-lesson-mission-block
    .self-answers
    .user-answer
    .answer-content
    .comments
    .btn-send {
        font-size: 16px;
        line-height: 20px;
        width: 100%;
    }
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.comments
.btn-send
.fa {
    display: none;
}
.is-lesson-page
.lite-page
.lt-lesson-mission-block
.self-answers
.user-answer
.answer-content
.comments
.btn-send
.text {
    padding-bottom: 0;
}
.is-lesson-page .lite-page .lt-lesson-mission-block .why-no-form {
    display: none;
}
.is-lesson-page .lite-page .lt-lesson-comment-block {
    display: none;
}
.is-lesson-page.is-staff-user
.center-block
.lite-page
.part-button.locked::before {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    pointer-events: none;
    opacity: 0.5;
}
.is-lesson-page.is-staff-user
.center-block
.lite-page
.part-button.locked::after {
    pointer-events: none;
    opacity: 0.5;
}
.is-lesson-page.is-staff-user
.center-block
.lite-page
.lt-lesson-comment-block {
    display: block;
}

.chatium_body .lesson-header {
    padding: 0 !important;
    margin: 0 15px 32px !important;
    background: #18181b !important;
    border: 2px solid #35404f !important;
    border-radius: 12px !important;
    overflow: hidden;
}
.chatium_body .lesson-header .lesson-title {
    padding: 24px 0px;
    background: #2a2c30;
    border-radius: 12px 12px 0px 0px;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.chatium_body .lesson-header .lesson-title h2 {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    text-align: center;
    margin: 0 !important;
    color: var(--color-white);
}
@media screen and (max-width: 991.98px) {
    .chatium_body .lesson-header .lesson-title h2 {
        font-size: 28px;
        line-height: 34px;
    }
}
.chatium_body .lesson-header .lesson-title span {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: var(--color-text);
    display: inline-block;
    margin-top: 6px;
}
@media screen and (max-width: 991.98px) {
    .chatium_body .lesson-header .lesson-title span {
        font-size: 18px;
        line-height: 22px;
    }
}
.chatium_body .lesson-header .lesson-nav {
    padding: 24px 39px !important;
    margin: 0 !important;
    border: none !important;
}
@media screen and (max-width: 991.98px) {
    .chatium_body .lesson-header .lesson-nav {
        padding: 16px 31px;
    }
}
.chatium_body .lesson-header .lesson-nav > div {
    padding: 0 !important;
    text-align: unset !important;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 12px;
}
.chatium_body .lesson-header .lesson-nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-primary);
    text-decoration: none !important;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
@media screen and (max-width: 991.98px) {
    .chatium_body .lesson-header .lesson-nav a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.chatium_body .lesson-header .lesson-nav a:hover {
    opacity: 0.7;
}
/* ------------- 
content finish - Lesson
------------- */

/* ------------- 
content start - Schedule
------------- */

.is-schedule-page body {
    min-height: 100vh;
    min-width: 320px;
    background-color: #18181B;
}

.is-schedule-page table {
    display: none;
}

.is-schedule-page .k-schedule-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 24px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.is-schedule-page .k-schedule-item {
    display: -ms-grid;
    display: grid;
}

.is-schedule-page .k-schedule-link {
    text-decoration: none !important;
}

.is-schedule-page .k-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px 24px;
    background-color: #2A2C30;
    border-radius: 12px;
    row-gap: 24px;
}

.is-schedule-page .k-record-datetime {
    width: auto;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: var(--color-white);
    display: inline-block;
    -ms-flex-item-align: start;
        align-self: flex-start;
    padding: 8px 16px;
    border: 1px solid var(--color-primary);
    border-radius: 8px;
}

@media screen and (max-width: 1199.98px) {
    .is-schedule-page .k-record-datetime {
        font-size: 12px;
        line-height: 15px;
    }
}

.is-schedule-page .k-record-title {
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: var(--color-white);
    display: block;
    margin-bottom: 8px;
    margin-top: 0;
}

@media screen and (max-width: 1199.98px) {
    .is-schedule-page .k-record-title {
        font-size: 16px;
        line-height: 20px;
    }
}

.is-schedule-page .k-record-description {
    margin-left: 0;
    padding-bottom: 0;
    font-family: var(--font-primary);
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--color-text);
    margin-bottom: 0;
}

@media screen and (max-width: 1199.98px) {
    .is-schedule-page .k-record-description {
        font-size: 14px;
        line-height: 18px;
    }
}
/* ------------- 
content finish - Schedule
------------- */

/* ------------- 
content start - Progress
------------- */

@charset "UTF-8";
.k-progress {
  background: linear-gradient(223.04deg, #364252 0%, #1C4164 99.92%);
  border: 1px solid #35404F;
  border-radius: 12px;
  padding: 24px 32px;
}
.k-progress-title {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 24px;
}
.k-progress-bar {
  margin-bottom: 32px;
}
.k-progress-stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.k-progress-stat {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 8px;
}
.k-progress-stat-value {
  width: 40px;
  height: 40px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  background: #0098DB;
  border-radius: 8px;
  /* White */
  color: var(--color-white);
}
.k-progress-stat-name {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  color: var(--color-white);
}

.k-chart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.k-chart-bar-wrapper {
  width: 160px;
  height: 160px;
}
.k-chart-bar {
  width: 100%;
  height: 100%;
  fill: none;
  -webkit-transform-origin: center;
  transform-origin: center;
  stroke: var(--color-primary);
  stroke-width: 12;
  /* Если нужны закругленные уголки */
  stroke-linecap: round;
}
.k-chart-bg {
  width: 100%;
  height: 100%;
  fill: none;
  -webkit-transform-origin: center;
  transform-origin: center;
  stroke: var(--color-white);
  stroke-width: 12;
  opacity: 0.75;
}
.k-chart-inner {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.k-chart-value {
  font-family: var(--font-primary);
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  /* White */
  color: #FFFFFF;
}
/* ------------- 
content finish - Progress
------------- */