.root__LZNvg {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}

.root__LZNvg.global__2ujeD {
  position: fixed;

  background-color: rgba(255, 255, 255, 0.8);
  z-index: var(--loaderGlobal);
}

.white__1zZlu div {
  background: #fff !important;
}

.ellipsis__uRJlh {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.ellipsis__uRJlh div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #775afa;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.ellipsis__uRJlh div:nth-child(1) {
  left: 8px;
  animation: ellipsis1__3wGeV 0.6s infinite;
}

.ellipsis__uRJlh div:nth-child(2) {
  left: 8px;
  animation: ellipsis2__1k7ZR 0.6s infinite;
}

.ellipsis__uRJlh div:nth-child(3) {
  left: 32px;
  animation: ellipsis2__1k7ZR 0.6s infinite;
}

.ellipsis__uRJlh div:nth-child(4) {
  left: 56px;
  animation: ellipsis3__kIy03 0.6s infinite;
}

@keyframes ellipsis1__3wGeV {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes ellipsis3__kIy03 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes ellipsis2__1k7ZR {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.button-view__2Et23 {
  display: flex;
  width: 100%;
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  border-radius: 12px;
  font-weight: 500;
  text-align: center;
  color: white;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.3s ease-in-out;
}

.button-view__2Et23:hover {
  box-shadow: 10px 10px 20px rgba(119,90,250,0.32941);
}

.button-view__2Et23:active {
  box-shadow: 10px 10px 20px rgba(119,90,250,0.32941);
  color: rgba(255, 255, 255, 0.43);
}

.icon__1rxW- {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon__light___ZQ9f {
  border: 1px solid #eee7f3;
  background: #ffffff;
}

.naked__31Hg- {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.button-view__2Et23._view_standart___qjjn {
  background: #fff;
  border: 1px solid #775afa;
  color: #775afa;
}

.button-view__2Et23._view_standart___qjjn:hover {
  box-shadow: none;
}

.button-view__2Et23._size_s__2Tmii {
  height: 48px;
  font-size: 16px;
  padding: 0 20px;
  line-height: 18px;
}

.button-view__2Et23._size_m__3Y2a8 {
  height: 52px;
  font-size: 20px;
  padding: 0 20px;
  line-height: 24px;
}

.button-view__2Et23._disabled_disabled__366BM {
  background: #aba1c7 !important;
}

[aria-disabled='true'] {
  cursor: no-drop;
}

[aria-disabled='true']:active {
  pointer-events: none;
}

.button-view__2Et23._view_transparent__ljwQm {
  background: transparent;
  border: 2px solid #775afa;
  color: #775afa;
}

.button-view__2Et23 .left-child__3MPeP {
  display: flex;
  margin-right: 8px;
}

@media screen and (max-width: 900px) {
  .button-view__2Et23._size_m__3Y2a8 {
    height: 42px;
    font-size: 14px;
    padding: 0 16px;
    line-height: 16px;
    border-radius: 8px;
  }

  .button-view__2Et23._size_s__2Tmii {
    font-size: 14px;
    line-height: 16px;
    border-radius: 8px;
  }
}

.input-view__cUtLv {
  position: relative;
  min-width: 120px;
}

.input-view__cUtLv .control__1Q4Qf {
  outline: none;
}

.iconControl__12LJV {
  padding-right: 50px;
}

.icon__WZPgj {
  position: absolute;
  z-index: 9;
  right: 15px;
  top: 30%;
}

.image__21e1y {
  width: 20px;
  height: 20px;
}

/* TYPE liminous */

.view_luminous__1eTgY .control__1Q4Qf {
  border-radius: 12px;
  border: 2px solid #eee7f3;
  height: 52px;
  width: 100%;
  outline: none;
  padding-left: 16px;
  font-size: 18px;
  position: relative;
  z-index: 2;
  transition: all 0.1s ease;
}

.view_luminous__1eTgY .control__1Q4Qf:hover {
  border: 2px solid rgb(119, 90, 250);
}

.fullWidth__2Nwt3 {
  width: 100%;
}

.focused__igvnP .control__1Q4Qf {
  border: 2px solid rgb(119, 90, 250);
}

.focused__igvnP:before {
  background-color: rgba(119, 90, 250, 0.15);
}

.succesed__3HZK3 .control__1Q4Qf {
  border: 2px solid rgb(66, 210, 53) !important;
  color: rgb(66, 210, 53);
}

.succesed__3HZK3:before {
  background-color: rgba(66, 210, 53, 0.15);
}

.invalid__v0985 .control__1Q4Qf {
  border: 2px solid #fc4545;
}

.invalid__v0985:before {
  background-color: rgba(255, 89, 89, 0.15);
}

.view_luminous__1eTgY .control__1Q4Qf::-webkit-input-view-placeholder {
  /* Chrome */
  color: #d3cddb;
}

.view_luminous__1eTgY .control__1Q4Qf:-ms-input-view-placeholder {
  /* IE 10+ */
  color: #d3cddb;
}

.view_luminous__1eTgY .control__1Q4Qf::-moz-placeholder {
  /* Firefox 19+ */
  color: #d3cddb;
  opacity: 1;
}

.view_luminous__1eTgY .control__1Q4Qf:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #d3cddb;
  opacity: 1;
}

/* TYPE standart */

.view_standart__7qPmQ .control__1Q4Qf {
  max-width: 546px;
  width: 100%;
  padding: 14px 0 14px 23px;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #eee7f3;
  border-radius: 12px;
}

.view_standart__7qPmQ .control__1Q4Qf::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #d3cddb;
}

.view_standart__7qPmQ .title__1r8Ki {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  color: #b6c6d0;
  margin-bottom: 2px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

.error-message__2s1KF {
  display: flex;
  align-items: center;
  margin-top: 8px;
  width: 100%;
  white-space: pre-line;

  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #fc4545;
}

.button__2eSKy {
  border: none;
  outline: none;
  background: transparent;
  position: absolute;
  right: 17px;
  top: 50%;
  z-index: 100;
  cursor: pointer;
}

.close__16bJM {
  color: #ede3f3;
}

.closeError__1I4Zn {
  color: #ff5959 !important;
}

.badge__LUB2o {
  position: absolute;
  top: -10px;
  right: 17px;
  z-index: 100;
}

@media screen and (max-width: 900px) {
  .input-view__cUtLv {
  }
  .input-view__cUtLv .control__1Q4Qf {
    font-size: 14px;
  }

  .view_luminous__1eTgY .control__1Q4Qf {
    height: 42px;
  }
}

.control__1Q4Qf::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.root__1rfR2 {
  background: #00df60;
  border-radius: 7px;
  color: #fff;
  font-weight: 700;
  line-height: 18px;
  font-size: 12px;
  height: 21px;
  padding: 1px 7px 2px;
}

.greeting__j_vgb {
  padding: 48px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  color: #260000;
}

.greeting__j_vgb > div:first-child {
  margin-right: 40px;
}

.hello__1UHYe {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 15px;
}

.preparation__h0qb5 {
  font-size: 24px;
  font-weight: 500;
}

.main__2O2Mf {
  display: flex;
  justify-content: space-between;
  padding: 0 48px 33px 0;
}

.image__1duSq {
  margin-right: 100px;
}

.image__1duSq > img {
  width: 100%;
}

.vk__24xXa {
  background: #5a7fff;
  border-radius: 12px;
  padding: 15px 24px;
  text-align: center;
  color: #fff;
  font-family: 'Golos Textby';
  position: relative;
  cursor: pointer;
}

.vk__24xXa > span {
  position: absolute;
  left: 25px;
  top: 9px;
}

.or__3qzFN {
  text-align: center;
  margin: 20px 0;
}

.mail__2S9iG {
  margin: 20px 0;
}

.continue__3xrJE {
  margin: 20px 0;
}

.description__3cGlf {
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;

  color: #ccbad7;
}

.registr__33oks {
  border: 2px dashed #ede3f3;
  border-radius: 15px;
  width: 270px;
  padding: 15px;
  margin-top: 20px;
  text-align: center;
}

.registr__33oks > span {
  color: #6b4fe9;
  cursor: pointer;
}

@media (max-width: 414px) {
  .content__jn4RE {
    padding: 0 20px;
  }

  .hello__1UHYe {
    font-size: 31px;
  }

  .preparation__h0qb5 {
    font-size: 20px;
  }

  .head__2wqor {
    padding: 20px;
  }

  .main__2O2Mf {
    padding: 0;
  }
}

.greeting__3TGkv {
  padding: 48px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  color: #260000;
}

.greeting__3TGkv > div:first-child {
  margin-right: 40px;
}

.hello__2abGf {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 15px;
}

.preparation__2RV_W {
  font-size: 24px;
  font-weight: 500;
}

.main__1kSwG {
  display: flex;
  justify-content: space-between;
  padding: 0 48px 33px 0;
}

.image__zR_-9 {
  margin-right: 100px;
}

.image__zR_-9 > img {
  width: 100%;
}

.vk__1JTbq {
  background: #5a7fff;
  border-radius: 12px;
  padding: 15px 24px;
  text-align: center;
  color: #fff;
  font-family: 'Golos Textby';
  position: relative;
  cursor: pointer;
}

.vk__1JTbq > span {
  position: absolute;
  left: 25px;
  top: 9px;
}

.or__2O2oK {
  text-align: center;
  margin: 20px 0;
}

.mail__3ctjy {
  margin: 20px 0;
}

.continue__f76IB {
  margin: 20px 0;
}

.description__2zJo3 {
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;

  color: #ccbad7;
}

.registr__3Jwim {
  border: 2px dashed #ede3f3;
  border-radius: 15px;
  width: 270px;
  padding: 15px;
  margin-top: 20px;
  text-align: center;
}

.registr__3Jwim > span {
  color: #6b4fe9;
  cursor: pointer;
}

@media (max-width: 414px) {
  .content__BeWk3 {
    padding: 0 20px;
  }

  .hello__2abGf {
    font-size: 31px;
  }

  .preparation__2RV_W {
    font-size: 20px;
  }

  .head__2I77o {
    padding: 20px;
  }

  .main__1kSwG {
    padding: 0;
  }
}

.wrapper__3sZ7N {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 24px;
  width: 900px;
}

.head__3Q5BN {
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  color: #260000;
  display: flex;
  justify-content: space-between;
  padding: 40px 48px 48px 48px;
  border-bottom: 1px solid #e6ecef;
}

.close__3o_5b {
  cursor: pointer;
}

.greeting__32d2g {
  padding: 48px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  color: #260000;
}

.greeting__32d2g > div:first-child {
  margin-right: 40px;
}

.hello__16RKk {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 15px;
}

.preparation__3OGNe {
  font-size: 24px;
  font-weight: 500;
}

.main__1Krr4 {
  display: flex;
  justify-content: space-between;
  padding: 0 48px 33px 0;
}

.image__3KXpT {
  margin-right: 100px;
}

.image__3KXpT > img {
  width: 100%;
}

.vk__2ZLUT {
  background: #5a7fff;
  border-radius: 12px;
  padding: 15px 24px;
  text-align: center;
  color: #fff;
  font-family: 'Golos Textby';
  position: relative;
  cursor: pointer;
}

.vk__2ZLUT > span {
  position: absolute;
  left: 25px;
  top: 9px;
}

.or__12Iff {
  text-align: center;
  margin: 20px 0;
}

.mail__2bWpi {
  margin: 20px 0;
}

.continue__2esQk {
  margin: 20px 0;
}

.description__2xh4G {
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 400;
  font-size: 11px;
  line-height: 13px;

  color: #ccbad7;
}

.registr__1s3I7 {
  border: 2px dashed #ede3f3;
  border-radius: 15px;
  width: 270px;
  padding: 15px;
  margin-top: 20px;
  text-align: center;
}

.registr__1s3I7 > span {
  color: #6b4fe9;
  cursor: pointer;
}

.footer__3SdtU {
  display: flex;
  justify-content: center;
}

.mobile-title__Sc-Pi {
  display: none;
}

@media (max-width: 414px) {
  .wrapper__3sZ7N {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
  }

  .mobile-title__Sc-Pi {
    display: block;
  }

  .title__2CgU7 {
    display: none;
  }

  .logo__M3SRD {
    display: none;
  }

  .image__3KXpT {
    display: none;
  }

  .greeting__32d2g {
    padding: 20px;
    justify-content: flex-start;
  }

  .content__1qM3K {
    padding: 0 20px;
  }

  .hello__16RKk {
    font-size: 31px;
  }

  .preparation__3OGNe {
    font-size: 20px;
  }

  .head__3Q5BN {
    padding: 20px;
  }

  .main__1Krr4 {
    padding: 0;
  }
}

.link__tvzcq {
  color: #6b4fe9;
  cursor: pointer;
}

.drop__1hh-x {
  position: relative;
}

.options__1YCnv {
  list-style: none;
  padding-left: 43px;
}

.head__ro7tw {
  position: relative;
  display: flex;
  align-items: center;
  grid-gap: 18px;
  gap: 18px;
  width: 100%;
  padding-right: 40px;
  cursor: pointer;
}

.head--drop__3XD2q:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 22px;
  width: 15px;
  height: 15px;
  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.93994 13.2807L10.2866 8.93404C10.7999 8.4207 10.7999 7.5807 10.2866 7.06737L5.93994 2.7207' stroke='%238398A6' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.head--open__2hus-::before {
  transform: rotate(90deg) translateX(-50%);
}

.head__ro7tw:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  background-color: #260000;
  border-radius: 6px 0 0 6px;
  opacity: 0;
}

.head__ro7tw:hover:after {
  opacity: 1;
}

.head--open__2hus-:after {
  opacity: 1;
  background-color: #8398a6;
}

.head__ro7tw:hover .title__2HGjn {
  color: #260000;
}

.head__ro7tw.active__2JuzA .title__2HGjn {
  color: #260000;
}

.title__2HGjn {
  margin: 0;
  padding: 20px 0;
  width: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #b6c6d0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
}

.menu__tPDyQ {
  position: relative;
  display: flex;
  /* padding-right: 32px; */
  width: 100%;
  grid-gap: 18px;
  gap: 18px;
  cursor: pointer;
  text-decoration: none;
}

.menu--drop__39STO:before {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  width: 15px;
  height: 15px;
  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.93994 13.2807L10.2866 8.93404C10.7999 8.4207 10.7999 7.5807 10.2866 7.06737L5.93994 2.7207' stroke='%238398A6' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.menu--open__2VpaU::before {
  transform: rotate(90deg) translateX(-50%);
}

.menu__tPDyQ:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  background: #260000;
  border-radius: 6px 0 0 6px;
  opacity: 0;
}

.menu__tPDyQ:hover:after {
  opacity: 1;
}

.menu__tPDyQ:hover .title__1AE5k {
  color: #260000;
}

.menu__tPDyQ.active__1mrgL .title__1AE5k {
  color: #260000;
}

.icon__1tLcy {
  display: flex;
  align-items: center;
}

.title__1AE5k {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  margin: 0;
  padding: 20px 0;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #b6c6d0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
}

.title__1AE5k > *:first-child {
  max-width: 160px;
  overflow: hidden;
}

.pin__yFsGP {
  padding: 0 20px 0 10px;
}

.sidebar__31hsI {
  display: none;

  position: absolute;
  /* TODO нужно ввести систему z-index */
  z-index: var(--sidebarZIndex);

  box-sizing: border-box;

  width: 100%;
  height: calc(100% - var(--headerHeightMobile));
  overflow-y: scroll;

  background: rgba(255,255,255,0.98039);
  flex-direction: column;
  flex-shrink: 0;
}

.sidebarOpen__1_5Yq {
  display: flex;
}

.sidebar__31hsI .logo__1t6jV {
  padding: 45px 0 100px 24px;
  flex-shrink: 0;
}

.sidebar__31hsI .menus__1nMQk {
  overflow: scroll;
  flex-grow: 1;
  padding: 0 0 0 24px;
}

/* Hide scrollbar for IE, Edge add Firefox */

.menus__1nMQk::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
  width: 0;
  height: 0;
}

/* Hide scrollbar for IE, Edge add Firefox */

.menus__1nMQk {
  -ms-overflow-style: none;
  scrollbar-width: none; /* Firefox */
}

.sidebar__31hsI .user__DQIKr {
  flex-shrink: 0;
  padding: 24px 0 24px 24px;
}

.sidebar__31hsI .footer__2Vh1T {
  flex-shrink: 0;
  padding: 0 0 0 24px;
}

/* active */

/* .sidebar .navBar__paragraph_active {
  color: #260000;
}

.sidebar .navBar__paragraph_active .navBar__icon {
  color: #260000;
}

.sidebar .navBar__item:hover .navBar__paragraph {
  color: #260000;
} */

.sidebar__31hsI .navStock__ZEPup {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 235px;
  min-height: 198px;
  background: rgba(211, 205, 219, 0.17);
  border: 1px solid #e1e3e6;
  border-radius: 15px;
  margin: 69px 21px 44px 21px;
}

.sidebar__31hsI .navStock__image__3ABzJ {
  background-image: url(/app/components/common/views/sidebar-menu-view/images/laik__icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 115px;
  height: 84px;
  transform: rotate(-7.83deg);
  position: absolute;
  left: 50px;
  top: -45px;
  background-position: left;
}

.sidebar__31hsI .navStock__item__3C7Uc {
  display: flex;
  justify-content: flex-end;
}

.sidebar__31hsI .navStock__close___MpQd {
  margin: 11px 11px 0 0;
}

.sidebar__31hsI .navStock__text__2RUwr {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 59px;
}

.sidebar__31hsI .navStock__title__1sO0M {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #260000;
  margin: 0;
}

.sidebar__31hsI .navStock__paragraph__1kFKd {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
  color: #b6c6d0;
  margin: 7px 0 14px 0;
  max-width: 235px;
  text-align: center;
}

.sidebar__31hsI .navStock__button__3Z4VG {
  width: 171px;
  height: 40px;
  background: linear-gradient(180deg, #00ea65 0%, #00cf59 100%);
  border-radius: 10px;
  padding: 0;
  margin: 0;
  border: none;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 20px;
}

.sidebar__31hsI .introFlow__Drd79 {
  padding: 0 40px;
}

.sidebar__31hsI .introFlow__item__2l10s {
  margin-bottom: 40px;
}

.sidebar__31hsI .profile__button__XhVJ2 {
  background: none;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  text-decoration: none !important;
}

.user__DQIKr {
  display: flex;
  align-items: center;
  grid-gap: 18px;
  gap: 18px;
  border-top: 1px solid #b6c6d0;
  /* margin: 0; */
  /* margin-left: 26px; */
  /* margin-bottom: 84px; */
}

.avatar__3_lXF {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  background-color: #7659f9;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}

.name__239lj {
  margin: 0;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  color: #260000;
}

.footer__2Vh1T {
  border-top: 1px solid #b6c6d0;
}

.sign__2yVSe {
  display: flex;
  grid-gap: 18px;
  gap: 18px;
  width: 100%;
  padding: 33px 0 33px 0;

  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  color: #b6c6d0;

  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}

.menuBtn__1edCe {
  position: relative;
  display: flex;
  /* padding-right: 32px; */
  width: 100%;
  grid-gap: 18px;
  gap: 18px;
  cursor: pointer;
  text-decoration: none;
}

.menuBtn__1edCe > * {
  pointer-events: none;
}

.menuBtn__1edCe:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 6px;
  height: 100%;
  background: #260000;
  border-radius: 6px 0 0 6px;
  opacity: 0;
}

.menuBtn__1edCe:hover:after {
  opacity: 1;
}

.menuBtn__1edCe:hover .title__3oBhK {
  color: #260000;
}

.menuBtn__1edCe.active__2xvor .title__3oBhK {
  color: #260000;
}

.menuTitle__7oWb1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  margin: 0;
  padding: 20px 0;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #b6c6d0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-decoration: none;
}

.menuTitle__7oWb1 > *:first-child {
  max-width: 160px;
  overflow: hidden;
}

.menuIcon__7twWu {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .sidebar__31hsI {
    position: relative;

    display: flex;

    width: var(--sideBarWidth);
    height: 100%;

    overflow-y: auto;
  }
}

.root__fLEsq {
  width: 20px;
  height: 20px;
}

.List__3qn7K {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 8px;
  gap: 8px;
}

.Link__2tlnh {
  position: relative;

  display: block;
  width: -moz-fit-content;
  width: fit-content;
  max-width: inherit;

  white-space: nowrap;
  overflow-x: clip;
  text-overflow: ellipsis;

  text-decoration: none;
  color: #000;

  font-weight: 500;
}

.ListItem__3RK6A {
  display: flex;
  align-items: center;
  grid-column-gap: 8px;
  -moz-column-gap: 8px;
       column-gap: 8px;

  max-width: 360px;

  line-height: 1;
  font-size: 14px;
}

.Link__2tlnh:after {
  content: '';

  position: absolute;
  top: -50%;
  left: 0;

  display: block;
  height: 200%;
  width: 100%;
}

.Decor__ySbII {
  width: 24px;
  height: 24px;

  display: flex;
  align-items: center;
  justify-content: center;

  border-width: 1px;
  border-style: solid;
  border-color: #775afa;

  border-radius: 50%;
}

.DecorIcon__26vP_ {
  width: 16px;

  stroke: #775afa;
}

.LinkDisabled__iN9EW {
  pointer-events: none;
}

@media (min-width: 1280px) {
  .Link__2tlnh {
    transition: color 0.3s;
    cursor: pointer;
  }

  .Link__2tlnh:hover {
    color: #775afa;
  }
}

.container__nma-K {
  display: flex;
  justify-content: space-between;
  padding: 20px;

  font-weight: 500;
  font-size: 24px;
  border-bottom: 1px solid #e1e3e6;
  background-color: #fff;

  z-index: var(--headerZIndex);
}

.isHidden__qTYkn {
  display: none;
}

.backButton__1VCyF {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;

  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  color: #775afa;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

.backIcon__S66Ny {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.topBlock__g7wCX {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.title__i_POr {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.logoMobile__3ub9p {
  width: 92px;
}

.logoLinkMobile__2wl0a {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .container__nma-K {
    padding: 24px 48px 24px 48px;

    flex-direction: column;
    grid-row-gap: 16px;
    row-gap: 16px;
  }
}

/* TODO нужно выстроить систему z-index */
:root {
  --loaderGlobal: 100;
  --headerZIndex: 90;
  --sidebarZIndex: 89;
}

:root {
  --sideBarWidth: 287px;
  --headerHeightMobile: 76px;
}

.root__2DouY {
  height: 100%;
}

.content__3KKvF {
  height: calc(100% - 76px);
  height: calc(100% - var(--headerHeightMobile));

  overflow-y: scroll;

  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);

  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.header__3lV-p {
  height: 76px;
  height: var(--headerHeightMobile);
}

@media (min-width: 768px) {
  .root__2DouY {
    display: grid;
    grid-template-rows: max-content 1fr;
    grid-template-columns: 287px 1fr;
    grid-template-columns: var(--sideBarWidth) 1fr;
    grid-template-areas: 'sidebar header' 'sidebar content';
  }

  .sidebar__3283U {
    grid-area: sidebar;
  }

  .header__3lV-p {
    height: auto;

    grid-area: header;
  }

  .content__3KKvF {
    height: auto;

    grid-area: content;
  }
}

@media (min-width: 1280px) {
  .root__2DouY {
    margin-left: auto;
    margin-right: auto;

    max-width: 1920px;
  }
}

.container__1_XwN {
  width: 100%;
  margin-bottom: 8px;
  /* padding: 32px 48px; */
  padding: 24px 20px;

  background: #ffffff;
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

@media screen and (min-width: 1280px) {
  .container__1_XwN {
    padding: 32px 48px;
  }
}

.content__2JT5Q img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .content__2JT5Q img {
    max-width: 400px;
  }
}

.head__3-T3Z {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.number__2EgGK {
  margin-right: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.id__79XYv {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
}

.exercise__2X3eE {
  margin-bottom: 16px;

  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.footer__7wtuw {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.addButton__af0io {
  width: 124px;

  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
}

.taskText__1Hiep {
  width: 100%;
  overflow: auto;
  padding-right: 54px;

  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

table {
  display: flex !important;
  justify-content: center !important;
}

.taskContent__14erP {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.theme__X66S0 {
  display: flex;
  align-items: baseline;
  padding-right: 32px;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
  margin: auto;
}

.themeValue__Aoe1t {
  margin-left: 4px;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #775afa;
}

.solution__3GfAt {
  display: flex;
  align-items: center;
}

.statusIcon__EfEO- {
  margin-right: 8px;
  cursor: pointer;
}

.editButton__1NkZn {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 16px 0 auto;

  background: #eee7f3;
  border-radius: 12px;
}

.buttonIcon__IhHuw {
  width: 24px;
  height: 24px;
}

.deleteButton__3kL8U {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  background: #fbe3e7;
  border-radius: 12px;
}

.deletePopup__KtO9M {
  width: 552px;
  height: 237px;
}

.deletePopupDescription__1qEqI {
  margin-top: 16px;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.closeIcon__-K3gV {
  width: 16px;
  height: 16px;
  margin-left: 3px;

  stroke: #775afa;
  transform: rotate(90deg);
}

.openIcon__2NzFD {
  margin-top: 3px;
  transform: rotate(-90deg);
}

.solutionTitle__3FEv3 {
  margin-right: 8px;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #775afa;
}

.inputTitle__93xYI {
  margin: 24px 0 8px 0;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.inputInCorrect__2R4eH {
}

.inputInCorrect__2R4eH:hover {
  border: 2px solid #fc4545 !important;
}

.inputCorrect__1nsIz {
}

.inputCorrect__1nsIz:hover {
  border: 2px solid #eee7f3 !important;
}

.points__1LpbE {
  margin-top: 24px;

  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.points__1LpbE span {
  margin-left: 4px;

  color: #775afa;
}

.files__3Es0O {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 28px;
  gap: 28px;
  margin-top: 16px;
}

.fileViewClassName__VsjuA {
  width: 292px !important;
  height: 110px !important;
}

.fileViewClassName__VsjuA img {
  width: 78px !important;
  height: 86px !important;
}

.fileViewClassName__VsjuA span {
  max-height: 39px;
}

.imagesClassName__20w96 {
  width: 292px !important;
  height: 180px !important;
}

.taskCardDescp__3GNUG {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.font__3Qoym p {
  font-family: 'MathJax', sans-serif;
}

.taskText__1Hiep ol {
  counter-reset: item;
}

.taskText__1Hiep ol li::before {
  counter-increment: item;
  content: counter(item) ') ';
}

.container__mqzyi {
  position: relative;
  display: flex;
  flex-direction: column;
  margin: 40px 0 24px 0;
  padding: 32px 24px;

  background: #fafafb;
  border: 1px solid #e1e3e6;
  border-radius: 16px;
}

.badge__1zmei {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 93px;
  height: 32px;
  left: 24px;
  top: -16px;

  background: #775afa;
  border-radius: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #ffffff;
}

.files__3fyZo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 28px;
  gap: 28px;
  margin-top: 16px;
}

.answer__3R1Fv {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
}

.fileViewClassName__2GXah {
  width: 292px !important;
  height: 110px !important;
}

.fileViewClassName__2GXah img {
  width: 78px !important;
  height: 86px !important;
}

.fileViewClassName__2GXah span {
  max-height: 39px;
}

.imagesClassName__2Rvzl {
  width: 292px !important;
  height: 180px !important;
}

.answerVariant__30kQ9 {
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
}

.answerItem__3jeWM {
  margin-left: 8px;
  margin-top: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.answer__3R1Fv {
  margin-bottom: 5px;
}

.answerVariantInner__2A-oI {
  display: flex;
  grid-column-gap: 4px;
  -moz-column-gap: 4px;
       column-gap: 4px;
}

.video_link__37x2A {
  position: relative;
  display: inline-block;
  width: 292px;
  height: 153px;
  margin-top: 15px;
  cursor: pointer;
}

.video_link__37x2A img {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video_link__37x2A:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: transparent url(/app/components/teacher/views/TeacherTrainerTask/TaskCard/images/YoutubePlayIcon.svg) center center no-repeat;
}

.youTubeFrame__2ZJJy {
  width: 80%;
  height: 80%;
}

.taskText__1Dt8s {
  width: 100%;
  overflow-x: auto;
}

.taskText__1Dt8s ol {
  counter-reset: item;
}

.taskText__1Dt8s ol li::before {
  counter-increment: item;
  content: counter(item) ') ';
}

.container__1mGqC {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.noFiles__12GWu {
  height: 72px;
  display: flex;
  justify-content: center;
  align-items: center;

  border: 2px dashed #775afa;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #775afa;
  border-radius: 15px;
}

.noFiles__12GWu:hover {
  box-shadow: 0 0 6px 2px rgba(119, 90, 250, 0.4);
  border: 2px solid rgba(119, 90, 250, 0.4);
}

.preview__1lmgS {
  width: 272px;
  height: 178px;

  border-radius: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.fileInfo__delete__Vgf1Q {
  font-size: 14px;
  font-weight: 400;
  color: #fc4545;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.files__QlLCT {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 24px;
  gap: 24px;
  margin-top: 40px;
}

.downloadIcon__tK6st {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}

.loadingArea__UpH23 {
  width: 100%;
  margin-top: 40px;

  cursor: pointer;
}

.dragAndDropPhoto__1bnxY {
  width: 272px;
  height: 178px;

  border-radius: 8px;
  cursor: pointer;
}

.dragAndDropPhotoWrapper__2AJVj {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.dragAndDrop__caption__2oFM7 {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-left: 18px;
  color: rgba(38, 0, 0, 0.25);
}

.noFiles__12GWu {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.addInfo__23xZB {
  width: 150px;
  min-width: 150px;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-left: 16px;
}

.addInfo__icon__1VJmO {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  border-radius: 5px;
}

.addInfo__caption__2U9Jb {
  font-weight: 250;
  font-size: 12px;
  line-height: 20px;
  color: rgba(38, 0, 0, 0.25);
  max-height: 40px;
  overflow: hidden;
}

.preview__1lmgS {
  width: 272px;
  height: 178px;
  border-radius: 5px;
  margin-left: 16px;
}

.file__1wahZ {
  height: 100%;
  display: flex;
  align-items: center;
}

.fileInfo__IT9qY {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 9px;
}

.fileInfo__title__2HeII {
  font-size: 14px;
  font-weight: 400;
  max-width: 120px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-bottom: 10px;
}

.fileInfo__delete__Vgf1Q {
  font-size: 14px;
  font-weight: 400;
  color: #fc4545;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.fileImage__1rS_C {
  max-height: 600px;
  margin: 10px auto;
  border-radius: 8px;
  max-width: 100%;
}

.maxSizePopup__3RULO {
  width: 600px;
}

.wrongTypePopup__3NaPh {
  width: 400px;
}

@media screen and (max-width: 900px) {
  .noFiles__12GWu * {
    font-size: 12px;
  }

  .noFiles__12GWu img {
    width: 30px;
    height: 30px;
  }
}

.root__ZUMdd {
  display: flex;
  align-items: flex-start;
}

.root__ZUMdd > a {
  text-decoration: none;
  color: #260000;
}

.name__1ZqHc {
  margin: 0 0 auto 20px;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
}

.icon__1SZa0 {
  width: 97px;
  height: 107px;
}

.content__hOiTY {
  width: 272px;
  height: 178px;
  display: flex;
  align-items: flex-start;
  padding: 12px;

  border-radius: 8px;
}

.content__hOiTY:hover {
  background: #f4f4f4;
}

.rightColumn__1wyBj {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.download__2y4k2 {
  width: 87px;
  height: 36px;
  margin: 8px 0 0 8px;
  padding: 8px 12px;

  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  color: #775afa;
  text-decoration: none;
  border-radius: 8px;
}

.download__2y4k2:hover {
  background: #f1efff;
  outline: 1px solid #c0b6d6;
}

.fileInfo__delete__1Zg4u {
  width: 24px;
  height: 24px;
  margin: 12px 0 0 8px;
}

@media screen and (max-width: 900px) {
  .icon__1SZa0 {
    width: 45px;
    height: 54px;
  }
}

.root__3yq0I {
  cursor: pointer;
  margin-right: 10px;
  color: #775afa;
}

.root__3yq0I svg {
  transition: all 0.2s ease-in-out;
}

.checked__2q5jo {
  color: #fff;
}

.checked__2q5jo svg {
  transform: rotate(45deg);
  transform-origin: 50% 50%;
  fill: #775afa;
}

.loading__2D1z4 {
  pointer-events: none;
  animation: loading__2D1z4 0.7s infinite ease-in-out;
}

@keyframes loading__2D1z4 {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.8;
  }
}

.container__283c0 {
  display: flex;
}

.content__2vYXw {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;

  overflow-y: auto;
  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);
  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.testTasks__2VdHR {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  margin-bottom: 40px;
}

@media screen and (min-width: 768px) {
  .testTasks__2VdHR {
    grid-gap: 24px;
    gap: 24px;
    grid-template-columns: repeat(2, 50%);
  }
}

/* @media screen and (min-width: 1440px) {
  .testTasks {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
  }
} */

.fullAnswerTasks__3NCeO {
  display: flex;
  flex-direction: column;
  align-items: center;

  margin-bottom: 40px;
}

.header__2m-pP {
  height: 96px;
  padding: 32px 48px;

  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  border-bottom: 1px solid #e1e3e6;
  background: white;
}

.title__1VSj4 {
  padding: 20px;
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
}

.titleBlock__MG2Eu {
  margin-bottom: 24px;
  padding: 20px;

  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
}

.results__3x_BO {
  padding: 28px 20px;
}

@media screen and (max-width: 767px) {
  .results__3x_BO {
    padding: 28px 0;
  }
}

@media screen and (min-width: 1280px) {
  .results__3x_BO {
    padding: 32px 48px;
  }
}

.getTestedButton__Ac-eg {
  width: 222px;
  height: 48px !important;
  margin-left: 24px;

  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.reply__yYZv4 {
  width: 240px;
  height: 48px !important;
  margin-top: 40px;
  flex-shrink: 0;

  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resultWrapper__3ntAO {
  display: flex;
  align-items: center;
}

.result__3zAzh {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: #8398a6;
  margin-right: 24px;
}

.score__2cLo6 {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  color: #775afa;
}

.bannerWrapper__3N288 {
  z-index: 100;
  width: -webkit-fill-available;
  position: relative;
}

.container__36Wdm {
  width: 100%;
  height: 188px;
  padding: 24px;

  background: #ffffff;
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

.head__2CXAN {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.number__2GA-0 {
  margin-right: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.id__179Om {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
}

.heartIcon__1-GXU {
  margin-right: 8px;

  cursor: pointer;
}

.points__N7_xp {
  margin-top: 24px;

  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.points__N7_xp span {
  margin-left: 4px;

  color: #775afa;
}

.answer__2yibQ {
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
}

.answer__2yibQ span {
  margin-left: 4px;

  font-size: 16px;
  line-height: 20px;
  color: #260000;
}

.answer__2yibQ:nth-child(2) {
  margin: 24px 0 8px 0;
}

.container__2aimI {
  width: 100%;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #eee7f3;
  border-radius: 12px;

  --scale--ratio: 0;
}

.container__2aimI:not(:last-child) {
  margin-bottom: 24px;
}

.head__3vhlQ {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.number__1fyjf {
  margin-right: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.id__gZjms {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
}

.heartIcon__HSCQK {
  margin-right: 8px;

  cursor: pointer;
}

.points__bgvY6 {
  margin-top: 24px;

  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.points__bgvY6 span {
  margin-left: 4px;

  color: #775afa;
}

.answer__2TVYK {
  margin-top: 32px;

  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
}

.answer__2TVYK span {
  margin-left: 4px;
  font-size: 16px;
  line-height: 20px;
  color: #260000;
}

.answer__2TVYK:nth-child(2) {
  margin: 24px 0 8px 0;
}

.evaluationBlock__2w0_R {
  display: flex;
  flex-direction: column;
  margin-top: auto;
}

.evaluationTitle__2kuaR {
  margin: 32px 0 16px 0;
  font-size: 16px;
  line-height: 20px;
  color: #260000;
}

.evaluations__2aEjM {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 10px;
  gap: 10px;
  border: none;
}

.evaluation__1enV2 {
  /* display: flex; */
  /* margin-right: 32px; */
}

.evaluationLetter__265Pr {
  /* margin-left: 8px; */
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
}

.input__l97ND {
  display: none;
  /* opacity: 0;
  position: absolute; */
}

.input__l97ND + label {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border: 2px solid #a397ba;
  border-radius: 50%;
}

.input__l97ND:checked + label {
  border: 2px solid #775afa;
  transition: all 0.3s ease-in-out;
}

.input__l97ND + label::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: scale(1) translate(-50%, -50%);
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: #775afa;
  transform: scale(var(--scale--ratio)) translate(-50%, -50%);
  transform-origin: 0% 0%;
  transition: transform 0.2s cubic-bezier(0, 0.97, 0.16, 1.32);
}

.input__l97ND:checked + label::after {
  --scale--ratio: 1;
}

.ck-content__2zFrz {
  width: 100%;
  overflow-x: auto;
}

.container__27r5z {
  display: flex;
}

.content__2oVxz {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;

  overflow-y: auto;
  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);
  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.tasks__16tAQ {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  padding: 0px 48px 24px 48px;
}

.header__2bGW2 {
  height: 96px;
  padding: 32px 48px;

  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  border-bottom: 1px solid #e1e3e6;
  background: white;
}

.getTestedButton__1mEGk {
  width: 222px;
  height: 48px !important;
  margin-left: 24px;

  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.reply__3NnnK {
  width: 240px;
  height: 48px !important;
  margin: 0 auto 24px auto;
  flex-shrink: 0;

  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.resultWrapper__3NLde {
  display: flex;
  align-items: center;
}

.result__1x-U6 {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: #8398a6;
  margin-right: 24px;
}

.score__21vNQ {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  color: #775afa;
}

.bannerWrapper__2jJLH {
  z-index: 100;
  width: -webkit-fill-available;
  position: relative;
  margin-top: 24px;
  padding: 0px 48px;
}

@media screen and (min-width: 768px) {
  .bannerWrapper__2jJLH {
    margin-bottom: 8px;
    margin-top: 8px;
  }
}

@media screen and (min-width: 1240px) {
  .bannerWrapper__2jJLH {
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

.errorContainer__EwhpS {
  width: 100%;
  text-align: center;
}

.errorBox__21OP0 {
  display: flex;
  padding: 10px;
  width: 300px;
  height: 100px;
  background: rgba(252, 69, 69, 0.2);
  border: 1px solid #fc4545;
  border-radius: 10px;
  margin: 10% auto;
  align-items: center;
}

.errorBox__21OP0 span {
  flex: 1;
}

.loader__1eWyd {
  position: relative;
}

.root__1CsyQ {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  max-width: 100%;
}

.scroller__3QpsU {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  /* margin: -16px;
    padding: 16px; */
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scroller__3QpsU::-webkit-scrollbar {
  display: none;
  height: 0px;
  width: 0px;
}

.scroller__3QpsU::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1) !important;
  background-color: transparent !important;
}

.scroller__3QpsU::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3) !important;
  background-color: transparent !important;
}

.canvas__1TvVh {
  position: relative;
  display: inline-flex;
}

.root__3qqgF {
  /* max-width: 1056px; */
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 0px 1px rgba(13, 58, 92, 0.4), 0px 2px 10px rgba(13, 58, 92, 0.04),
    0px 20px 60px -15px rgba(13, 58, 92, 0.07);
  border-radius: 12px;
  padding: 20px 99px;
  padding-left: 20px;
  display: flex;
}

.circle__VS1DN {
  position: relative;
  width: 32px;
  height: 32px;
  background: #ffffff;
  border: 2px solid #b6c6d0;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}

.circle__VS1DN:not(:last-child) {
  margin-right: 24px;
}

.circle__VS1DN:not(:first-child):before {
  content: '';
  position: absolute;
  top: 50%;
  left: -26px;
  width: 26px;
  height: 2px;
  background: #b6c6d0;
}

.active__3e1q4 {
  border-color: #775afa;
}

.active__3e1q4:not(:first-child):before {
  background: #775afa;
}

.passed__656Y4:not(.active__3e1q4) {
  border-color: #775afa;
  background-color: #775afa;
}

.passed__656Y4:not(.active__3e1q4):before {
  background: #775afa;
}

/* .passed:not(:first-child):before {
  background: #775AFA;
} */

.arrow__2VrjK {
  position: absolute;
  top: 0;
  width: 32px;
  height: 32px;
  background: #ffffff;
  border: 1px solid #b6c6d0;
  border-radius: 999px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.prev__k9QnQ {
  right: -45px;
}

.next__1t7Xo {
  right: -85px;
}

.next__1t7Xo img {
  transform: rotate(180deg);
}

@media (min-width: 1280px) {
  .root__3qqgF {
    padding: 20px 86px;
  }

  .next__1t7Xo {
    right: -60px;
  }

  .prev__k9QnQ {
    left: -60px;
  }

  .arrow__2VrjK {
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
  }

  .circle__VS1DN {
    width: 40px;
    height: 40px;
  }
}

.root__3xehN {
  max-width: 552px;
  padding: 42px !important;
  display: flex;
  flex-direction: column;
}

.description__2kD_D {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 24px 0;
}

.actions__3e-k2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.button__1j24K {
  height: 51px;
  padding: 0 20px;
  min-width: 175px;
  border-radius: 15px;
  font-size: 16px;
  cursor: pointer;
  border: none;
  outline: none;
  margin-right: 24px;
}

.buttonPrimary__RP-mD {
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  color: #fff;
}

.buttonSecondary__1AHHl {
  height: 51px;
  padding: 0 20px;
  background: rgba(119, 90, 250, 0.15);
  border-radius: 15px;
  color: #775afa;
}

.popup-view__gz7FP {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.blur__3Dran {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.popup-view__gz7FP .content__IofXq {
  background-color: #faf6f6;
  border-radius: 24px;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
}

@media screen and (min-width: 768px) {
  .popup-view__gz7FP .content__IofXq {
    padding: 40px 48px;
  }
}

.popup-view__gz7FP .content__IofXq .close-icon-button__rAQM_ {
  cursor: pointer;
  background: none;
  outline: none;
  border: none;
}

.popup-view__gz7FP .content__IofXq .close-icon__2_zAW {
}

.popup-view__gz7FP .content__IofXq .close-icon__2_zAW:hover {
  opacity: 0.5;
}

.popup-view__gz7FP .content__IofXq::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

.popup-view__gz7FP .content__IofXq::-webkit-scrollbar-track-piece:end {
  background: transparent;
  margin-bottom: 18px;
}

.popup-view__gz7FP .content__IofXq::-webkit-scrollbar-track-piece:start {
  background: transparent;
  margin-top: 18px;
}

@media screen and (max-width: 767px) {
  .popup-view__gz7FP .content__IofXq {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}

@media screen and (min-width: 768px) {
  .popup-view__gz7FP .content__IofXq {
    padding: 20px;
    max-height: 90vh;
    max-width: 90vw;
  }
}

.title__3u_Cn {
  margin-right: 24px;

  font-weight: 500;
  font-size: 24px;
  line-height: 29px;
}

.header__acLwj {
  display: flex;
  justify-content: space-between;
}

.description__xdpQm {
  margin: 16px 0 40px 0;
  font-size: 16px;
  line-height: 24px;
}

.actions__15QV1 {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  flex-direction: column;
  width: 100%;
}

@media screen and (min-width: 500px) {
  .actions__15QV1 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.cancelButton__13_JJ {
  min-width: 175px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(119, 90, 250, 0.15);
  border-radius: 12px;
  color: #775afa;
  font-size: 16px;
  font-weight: 500;
}

.deleteButton__2aMKn {
  min-width: 250px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 24px;

  background: linear-gradient(180deg, #fc4545 0%, #b10000 100%);
  border-radius: 12px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.submitButton__2yKjP {
  min-width: 250px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;

  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  border-radius: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
}

.closeBtn__thOao {
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .closeBtn__thOao {
    position: absolute;
    top: 10px;
    right: 10px;
  }
}

@media screen and (min-width: 767px) {
  .closeBtn__thOao {
    display: none;
  }
}

.root__z0Zua {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  width: 103px;
  height: 48px;
  background: #ffffff;
  border: 1px solid #775afa;
  border-radius: 12px;
  color: #775afa;
  font-weight: bold;
}

.wrapper__2ohop {
  display: flex;
  align-items: center;
}

.time__1MRr7 {
  display: flex;
  margin-right: 20px;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 16px;
  grid-gap: 8px;
  gap: 8px;
  width: 200px;
  height: 48px;
  background: #ffffff;
  border: 2px solid #eee7f3;
  border-radius: 12px;
  flex: none;
  order: 0;
  flex-grow: 0;
}

.warning__2Y4_m {
  color: #f79300;
}

.error__2y59M {
  color: #fc4545;
}

:root {
  --paddingSideWrapperTablet: 24px;
  --paddingSideWrapperDesktop: 48px;
}

.content__uQZ1O {
  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);
  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.wrapper__KP7wn {
  display: flex;
  flex-direction: column;
  padding: 24px 0;

  overflow-y: auto;
}

.steps__1Rb71 {
  margin-bottom: 20px;
}

.tasks__1DpU2 {
  margin-bottom: 20px;
}

.buttons__3IuOd {
  display: flex;
  justify-content: center;
}

.buttonLoader__1ppXO {
  position: inherit;
}

.buttons__3IuOd button {
  width: unset;
}

.resultWrapper__12jAQ {
  display: flex;
  grid-gap: 20px;
  gap: 20px;
}

.replyMobile__HFYMb {
  margin-bottom: 20px;

  padding-left: 20px;
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  .resultWrapper__12jAQ {
    flex-direction: column;
  }
}

@media screen and (min-width: 768px) {
  .resultWrapper__12jAQ {
    align-items: center;
  }
}

.result__JV7yO {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  text-align: right;
  color: #8398a6;
  margin-right: 24px;
}

@media screen and (max-width: 767px) {
  .result__JV7yO {
    margin-right: 0;
  }
}

.score__1Z5iY {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  display: flex;
  align-items: center;
  text-align: right;
  color: #775afa;
}

.timer__3h6Fq {
  margin: 0 20px;
  margin-bottom: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #8398a6;
}

@media screen and (min-width: 767px) {
  .timer__3h6Fq {
    margin: 0 0 20px 0;
  }
}

@media (min-width: 768px) {
  .wrapper__KP7wn {
    padding-top: 20px;
    padding-right: 24px;
    padding-right: var(--paddingSideWrapperTablet);
    padding-bottom: 20px;
    padding-left: 24px;
    padding-left: var(--paddingSideWrapperTablet);
  }

  .steps__1Rb71 {
    width: calc(100vw - var(--scrollbarWidth) - 24px * 2 - var(--sideBarWidth));
    width: calc(100vw - var(--scrollbarWidth) - var(--paddingSideWrapperTablet) * 2 - var(--sideBarWidth));
  }
}

@media (min-width: 1280px) {
  .wrapper__KP7wn {
    padding-top: 32px;
    padding-right: 48px;
    padding-right: var(--paddingSideWrapperDesktop);
    padding-bottom: 32px;
    padding-left: 48px;
    padding-left: var(--paddingSideWrapperDesktop);
  }

  .steps__1Rb71 {
    width: calc(100vw - var(--scrollbarWidth) - 48px * 2 - var(--sideBarWidth));
    width: calc(100vw - var(--scrollbarWidth) - var(--paddingSideWrapperDesktop) * 2 - var(--sideBarWidth));
  }
}

@media (min-width: 1920px) {
  .steps__1Rb71 {
    width: calc(1920px - 48px * 2 - var(--sideBarWidth));
    width: calc(1920px - var(--paddingSideWrapperDesktop) * 2 - var(--sideBarWidth));
  }
}

.root__282L4 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.wrapper__2jPUw {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 273px;
  height: 121px;
  z-index: 3;
  background: #ffffff;
  border-radius: 25px;
}

.label__2JECb {
  font-weight: 600;
  font-size: 36px;
  margin-top: 40px;
  z-index: 3;
}

.button__1gy0I {
  margin-top: 60px;
  background: linear-gradient(180deg, #260000 0%, #260000 100%);
  width: 208px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  z-index: 3;
  border-radius: 15px;
  border: none;
  outline: none;
  cursor: pointer;
}

.button__icon__2eeNX {
  margin-right: 8px;
}

.gradient1__1XFVl {
  background: radial-gradient(
    45.64% 45.64% at 50%, at 50%,
    #00ffad 0%,
    rgba(3, 255, 174, 0.19) 72.92%,
    rgba(3, 255, 174, 0) 100%
  );
  background: radial-gradient(
    45.64% 45.64% at 50% 50%,
    #00ffad 0%,
    rgba(3, 255, 174, 0.19) 72.92%,
    rgba(3, 255, 174, 0) 100%
  );
  width: 1220px;
  height: 887px;
  position: absolute;
  top: -80px;
  left: calc(50% - 70px);
  transform: translate(-50%);
  z-index: 1;
}

.gradient2__2MImw {
  background: radial-gradient(
    45.64% 45.64% at 50%, at 50%,
    #47ff55 0%,
    rgba(71, 255, 85, 0.19) 72.92%,
    rgba(71, 255, 85, 0) 100%
  );
  background: radial-gradient(
    45.64% 45.64% at 50% 50%,
    #47ff55 0%,
    rgba(71, 255, 85, 0.19) 72.92%,
    rgba(71, 255, 85, 0) 100%
  );
  width: 1105px;
  height: 891px;
  position: absolute;
  top: 0px;
  left: calc(50%);
  transform: translate(-50%);
  z-index: 2;
}

.pagination__vgWPU {
  display: flex;
}

.button__2wKrm {
  display: flex;

  width: 40px;
  height: 40px;

  align-items: center;
  justify-content: center;

  border-radius: 12px;

  font-weight: 500;
  font-size: 16px;
}

.buttonDisabled__1d7pP {
  pointer-events: none;
  cursor: text;
}

.buttonActive__3IyXY {
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  color: #ffffff;
}

.buttonMove__1kAUb {
  background: none;
}

.dots__20XsJ {
  width: 40px;
  height: 30px;

  display: flex;
  align-items: flex-end;
  justify-content: center;

  color: #775afa;

  font-size: 16px;
}

.nextIcon__3yH2G {
  width: 24px;
  height: 24px;
  stroke: #262626;
}

.prevIcon__1oo9H {
  width: 24px;
  height: 24px;
  stroke: #262626;
  transform: rotate(180deg);
}

@media (min-width: 768px) {
  .button__2wKrm {
    border: 1px solid #775afa;
    background-color: #ffffff;

    transition: box-shadow 0.3s;
  }

  .buttonMove__1kAUb {
    background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  }

  .dots__20XsJ {
    height: 40px;

    font-size: 30px;
  }

  .nextIcon__3yH2G {
    stroke: white;
  }

  .prevIcon__1oo9H {
    stroke: white;
  }

  .pagination__vgWPU {
    grid-column-gap: 8px;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}

@media (min-width: 1280px) {
  .button__2wKrm {
    width: 48px;
    height: 48px;
  }

  .dots__20XsJ {
    width: 48px;
    height: 48px;
  }
}

.container__373-_ {
  width: 40px;
  height: 40px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* margin-left: auto;
  margin-top: 4px; */
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

.counter__2PPi6 {
  position: absolute;
  min-width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  left: calc(100% - 6px);
  padding: 3px 3px;

  border-radius: 999px;
  background: #00b34d;

  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  color: #ffffff;
}

.favoritesPopup__20eRj {
  width: 90%;

  overflow-y: hidden;
  /* background: #ffffff; */
  box-shadow: 0px 8px 16px -2px rgba(27, 46, 94, 0.08);
  border-radius: 24px;
}

.description__1zskw {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.tasks__Em_FR {
  display: flex;
  flex-direction: column;
  margin-top: 32px;

  overflow-y: auto;
}

.wrapper__Rv9WX {
  display: flex;
  align-items: center;
}

.checkbox__1so5w {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  position: relative;
  margin-right: 24px;

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;
  cursor: pointer;
}

.checkbox__1so5w:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;

  border: 2px solid #775afa;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;

  z-index: 1;
  transition: background 0.1s linear, border 0.1s linear;
}

.checkbox__1so5w:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;

  background: url(/app/components/common/views/checkbox/images/CheckIcon.svg);
  opacity: 0;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;

  transition: opacity 0.1s linear;
}

.checkbox__1so5w:checked:after {
  opacity: 1;
}

.container__y41ND {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 16px;
}

.input__3R4M9 {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  position: absolute;
}

.label__1OfIc {
  padding-left: 32px;

  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.label__1OfIc:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;

  border: 2px solid #775afa;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 5px;

  z-index: 1;
  transition: background 0.1s linear, border 0.1s linear;
}

.label__1OfIc:after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;

  background: url(/app/components/common/views/checkbox/images/CheckIcon.svg);
  opacity: 0;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;

  transition: opacity 0.1s linear;
}

.input__3R4M9:checked + .label__1OfIc:after {
  opacity: 1;
}

.container__2SX9r {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 24px;
}

.buttons__2I1es {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
}

.removeButton__2jR-m {
  display: inline-flex;
  align-items: center;
  color: #775afa;
}

.removeButton__2jR-m svg {
  margin-right: 5px;
  transform: rotate(45deg);
}

.removeButton__2jR-m:disabled {
  opacity: 0.5;
  background: none !important;
}

.button__MrXAJ {
  width: 180px;
  height: 48px !important;

  font-weight: 500;
  font-size: 13px;
  line-height: 16px !important;

  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media screen and (min-width: 768px) {
  .button__MrXAJ {
    margin-left: 24px;
    font-weight: 500;
    font-size: 16px !important;
  }
}

.checkbox__1bbDS label {
  padding-left: 46px;
}

.root__3JLiE {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
}

.wrapper__2cR3U {
  display: flex;
  align-items: center;
}

.text__2sBuZ {
  margin-right: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.select__mM3FJ {
  margin-right: 20px;
}

.pagination__1c0zz {
  margin-top: 0;
}

.root__3tH1j {
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.modal__qs3fD {
  position: fixed;
  z-index: 9999;
  transform: translateX(66%) translateY(-20%);
}

.wrapper__IhY_e {
  display: flex;
  flex-direction: column;
}

.option__1j6QQ {
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #fff;
  border-top: 1px solid #775afa;
  border-left: 1px solid #775afa;
  border-right: 1px solid #775afa;
}

.option__1j6QQ:hover {
  color: #775afa;
  background-color: #f4f4f4;
}

.first__13oBr {
  border-top: 1px solid #775afa;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.last__1Sn8G {
  border-bottom: 1px solid #775afa;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.button__3zZ6c {
  position: relative;
  color: #775afa;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  display: inline-flex;
}

.icon__3ebWp {
  margin-left: 4px;
  display: inline-flex;
  align-items: flex-start;
  transform: translateY(4px);
}

.paginationWrapper__kjWlD {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}

.paginationButton__2JTkw {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in-out;
  border: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #775afa;
  border: 1px solid #775afa;
  background-color: #ffffff;
}

.active__1LEYv {
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  color: #ffffff;
}

.paginationButtonNumber__1b3Sv {
  margin-right: 16px;
}

.nextIcon__39Cjs {
  width: 24px;
  height: 24px;
  stroke: white;
}

.prevIcon__2c9L6 {
  width: 24px;
  height: 24px;
  stroke: white;
  transform: rotate(180deg);
}

.iconButton__3OP5B {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #775afa;
  border-radius: 8px;
  margin-right: 16px;
  cursor: pointer;
}

.iconButton__3OP5B:last-child {
  margin-right: 0;
}

.item__PU3T_ {
  color: inherit;
  text-decoration: none;

  border: 1px solid #eee7f3;
  border-radius: 8px;

  padding: 16px 12px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.container__25bzK {
  display: flex;
}

.wrapper__2gQ4b {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;

  overflow-y: auto;
  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);
  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.content__3KDHk {
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
}

.main__2eaKw {
  margin-top: 40px;
  background: #ffffff;

  border: 1px solid #b6c6d0;
  border-radius: 16px;

  padding: 32px 24px;
}

.mainContainer__X1dwQ {
  padding: 32px 48px;
}

.choose__1R5bP {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 8px 24px;
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

.part__8-5SY {
  margin-right: 8px;
}

.part__8-5SY:last-child {
  margin-right: 0;
}

.part__8-5SY > div {
  margin-bottom: 0;
}

.chooseChecks__ZXO3N {
  display: flex;
}

.tree__quTCU {
  margin-top: 32px;
}

.task__16axr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.task__16axr > div {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.task__16axr > span {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.controls__YYdZ5 {
  display: flex;
  padding: 9px 12px;
  align-items: center;

  border: 1px solid #eee7f3;
  border-radius: 8px;
  margin-right: 28px;
}

.controls__YYdZ5 input {
  margin: 0 2px;
  width: 28px;
  border: none;
  text-align: center;
}

.control__1gp_B {
  border: 1px solid #eee7f3;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}

.check__3Lj47 {
  display: flex;
}

.title__2_sQq {
  margin-left: 28px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  flex-grow: 1;
}

.title__2_sQq {
  cursor: pointer;
}

.arrow__3Sghv {
  cursor: pointer;
}

.arrow__3Sghv.open__2LPra {
  transform: rotate(180deg);
}

.sublist__23YNT {
  padding-left: 26px;
}

.sublist__23YNT > div {
  margin-bottom: 24px;
}

.sublist__23YNT > div:last-child {
  margin-bottom: 0;
}

.sublist__23YNT > button {
  width: auto;
}

.controls__YYdZ5 input::-webkit-outer-spin-button,
.controls__YYdZ5 input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.topicTitle__1TWJR {
  margin-left: 40px;

  color: inherit;
  text-decoration: none;
}

.container__14aTe {
  display: flex;
}

.wrapper__1plKF {
  width: 100%;
  display: flex;
  flex-direction: column;

  overflow-y: auto;
  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);
  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.content__2ZGR- {
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
}

.main__3knrJ {
  margin-top: 40px;
  background: #ffffff;

  border: 1px solid #b6c6d0;
  border-radius: 16px;

  padding: 32px 24px;
  overflow-y: auto;
}

.choose__30zFn {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 8px 24px;
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

.part__2JoKv {
  margin-right: 8px;
}

.part__2JoKv:last-child {
  margin-right: 0;
}

.part__2JoKv > div {
  margin-bottom: 0;
}

.chooseChecks__KDnC9 {
  display: flex;
}

.tree__1CvDR.editable__2nLiO {
  margin-top: 32px;
}

.tree__1CvDR > div {
  margin-bottom: 24px;
}

.tree__1CvDR > div:last-child {
  margin-bottom: 0;
}

.task__167P3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.task__167P3 > div {
  display: flex;
  align-items: center;
}

.task__167P3 > span {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.controls__2VMKk {
  display: flex;
  padding: 9px 12px;
  align-items: center;

  border: 1px solid #eee7f3;
  border-radius: 8px;
  margin-right: 28px;
}

.controls__2VMKk input {
  margin: 0 2px;
  width: 28px;
  border: none;
  text-align: center;
}

.control__GhkbL {
  border: 1px solid #eee7f3;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.check__mXH89 {
  display: flex;
}

.title__1Yfe1 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;

  color: #000000;
}

.header__1ZkCZ {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.buttons__1h4bl {
  display: flex;
  align-items: center;
}

.cancelButton__2tQrn {
  background: #fbe3e7;
  border-radius: 12px;
  border-color: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 32px;
  color: #fc4545;
  margin-left: 16px;
}

.previewButton__25_Rq {
  margin-left: 16px;
}

.wrapper__1plKF {
  background: inherit;
}

.container__3W5ci {
  display: flex;
}

.wrapper__2psYA {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;

  overflow-y: auto;
  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);
  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.content__34icX {
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
}

.main__17Fsy {
  padding: 0;
  margin-top: 0;
  border-radius: 0;
  border: none;
}

.wrapper__2psYA {
  background: inherit;
}

.mainContainer__2Hp5H {
  padding: 32px 48px;
}

.choose__5R1Rn {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 8px 24px;
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

.part__1tuNc {
  margin-right: 8px;
}

.part__1tuNc:last-child {
  margin-right: 0;
}

.part__1tuNc > div {
  margin-bottom: 0;
}

.chooseChecks__1H-O1 {
  display: flex;
}

.tree__1gLAl {
  margin-top: 32px;
}

.task__3Qezd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.task__3Qezd > div {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.task__3Qezd > span {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.controls__11-Il {
  display: flex;
  padding: 9px 12px;
  align-items: center;

  border: 1px solid #eee7f3;
  border-radius: 8px;
  margin-right: 28px;
}

.controls__11-Il input {
  margin: 0 2px;
  width: 28px;
  border: none;
  text-align: center;
}

.control__3Jp2F {
  border: 1px solid #eee7f3;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}

.check__2c1vO {
  display: flex;
}

.title__1xS8v {
  margin-left: 28px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  flex-grow: 1;
}

.title__1xS8v {
  cursor: pointer;
}

.arrow__3Ol_- {
  cursor: pointer;
}

.arrow__3Ol_-.open__1DWyZ {
  transform: rotate(180deg);
}

.sublist__uQX5a {
  padding-left: 26px;
}

.sublist__uQX5a > div {
  margin-bottom: 24px;
}

.sublist__uQX5a > div:last-child {
  margin-bottom: 0;
}

.sublist__uQX5a > button {
  width: auto;
}

.controls__11-Il input::-webkit-outer-spin-button,
.controls__11-Il input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.topicTitle__3mmUI {
  margin-left: 40px;

  color: inherit;
  text-decoration: none;
}

.container__1XCLO {
  min-height: 75px;

  padding: 16px 20px 16px 20px;
  background: white;
  border-bottom: 1px solid #e1e3e6;
}

.list__1sggH {
  display: flex;
  overflow-x: scroll;
  grid-gap: 12px;
  gap: 12px;

  scrollbar-width: none;
}

@media screen and (min-width: 750px) {
  .container__1XCLO {
    min-height: 84px;
  }
}

.list__1sggH::-webkit-scrollbar {
  display: none;
}

.tab__3_14d {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
  position: relative;
  padding: 12px 16px 12px 16px;

  border-radius: 12px;

  border: 1px solid rgba(131, 152, 166, 1);
  cursor: pointer;
  color: #000;
  text-decoration: none;
  white-space: nowrap;

  font-size: 14px;
}

.tabActive__19vh0 {
  color: #fff;
  background-color: #260000;
}

.tab__3_14d svg {
  fill: #000;
}

.tabActive__19vh0 svg {
  fill: #fff;
}

@media screen and (min-width: 768px) {
  .tabActive__19vh0:after {
    content: '';
    height: 6px;

    width: 100%;
    position: absolute;
    left: 50%;
    bottom: -16px;

    transform: translate(-50%, 0);
    background: transparent;
    border-radius: 6px 6px 0 0;
  }

  .tab__3_14d {
    border: none;
    color: #8398a6;

    font-size: 18px;
    line-height: 24px;
  }

  .tabActive__19vh0 {
    color: #8398a6;
    background-color: transparent;
  }

  .tabActive__19vh0:after {
    background: #260000;
  }

  .tab__3_14d svg {
    display: none;
  }

  .container__1XCLO {
    display: flex;
    align-items: center;
    padding: 16px 48px 16px 48px;
  }

  .list__1sggH {
    overflow-x: clip;
  }
}

.container__2pOiJ {
  display: flex;
}

.wrapper__3GGHV {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  overflow-y: scroll;
  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);
  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.saleBanner__1FAGD {
  padding: 20px 24px;
}

.content__3VHOC {
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
}

.content--tasks__2xtGl,
.content--variants__yKVHt {
  background-size: 280px;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.content--variants__yKVHt {
  background-image: url(/app/components/student/views/common/images/variants.png);
}

.wrapperTemp__4TAOy {
  margin-top: 40px;
  background: #ffffff;
  border: 1px solid #b6c6d0;
  border-radius: 16px;
  padding: 32px 24px;
}

.buttons__hKg7o {
  margin-bottom: 40px;

  display: flex;
  justify-content: flex-end;
}

.buttonCreateVariant__2WU_r {
  width: -moz-fit-content;
  width: fit-content;
}

.pagination__1YGoS {
  width: 360px;
}

.paginationWrapper__3WjSZ {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 1280px) {
  .content__3VHOC {
    padding: 32px 48px;
  }
  .content--variants__yKVHt {
    background-size: 516px;
  }
  .pagination__1YGoS {
    width: 720px;
    max-width: 720px;
  }
}

.varints__2C-X_ {
  display: flex;
}

.favoritesButton__qE9A1 {
  margin-top: 4px;
  margin-left: auto;
}

.bannerWrapper__1ayue {
  position: sticky;
  z-index: 100;
  bottom: 0px;
  width: 100%;
}

@media screen and (min-width: 1280px) {
  .saleBanner__1FAGD {
    padding: 32px 48px 0 48px;
  }
}

.root__FrBR3 {
  display: flex;
}

.container__1kCZm {
  background: rgba(252,252,252,0.96863);
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100vh;
  overflow-y: auto;
}

.info__3LZY0 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.body__3nm4J {
  display: inline;
  width: 500px;
  height: 120px;
  border-radius: 10px;
  border: 1px solid #e1e3e6;
  padding: 25px 52px;
}

.title__W08Uf {
  font-weight: bold;
  text-align: center;
}

.spacer__2NGDS {
  border-bottom: 1px solid #e1e3e6;
  width: 100%;
  margin: 10px 0;
}

.text__3bgI_ {
  text-align: center;
}

.header__32L7f {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e1e3e6;
  padding: 25px 52px;
  background: rgba(252,252,252,0.96863);
}

.wrapperInput__1_4a- {
  display: flex;
  align-items: center;
  width: 100%;
}

.header__input__3gx95 {
  padding: 0;
  margin: 0;
  border: 0;
  border: none;
  min-height: 24px;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 26px;
  outline: none;
  width: calc(100% - 60px);
  background: transparent;
}

.wrapperInput__icon__1h753 {
  margin: 0 24px 0 0;
}

.wrapperHelp__180vZ {
  display: flex;
}

.wrapperHelp__icon__29zBG {
  margin: 0 36px 0 0;
}

.header__help__wlH99 {
  display: flex;
  max-width: 149px;
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  border-radius: 15px;
  padding: 12px 24px;
}

.header__chat__1FhTO {
  margin: 0;
}

.header__text__21QkD {
  margin: 0 0 0 8px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: hsl(0, 0%, 100%);
}

.menu__dyEaK {
  display: none;
}

@media screen and (max-width: 900px) {
  .header__32L7f {
    padding: 10px 20px;
  }

  .wrapperInput__1_4a- {
    display: none;
  }

  .wrapperHelp__icon__29zBG {
    display: none;
  }

  .header__help__wlH99 {
    align-items: center;
    height: 35px;
  }

  .header__text__21QkD {
    font-size: 12px;
  }

  .header__chat__1FhTO {
    width: 16px;
    height: 16px;
  }

  .menu__dyEaK {
    display: flex;
    align-items: center;
  }

  .menuIcon__1NMHQ {
    width: 20px;
    height: 20px;
  }
}

.container__377Hu {
  position: relative;
}

.button__y4MIj {
  width: 48px;
  height: 48px;

  display: flex;
  justify-content: center;
  align-items: center;
  grid-column-gap: 2px;
  -moz-column-gap: 2px;
       column-gap: 2px;

  background-color: #f1efff;
  border: 1px solid #eee7f3;
  border-radius: 12px;
  cursor: pointer;

  font-size: 16px;
}

.buttonDot__cgKfi {
  width: 6px;
  height: 6px;

  border-radius: 50%;
  background-color: #262626;
}

.menu__1cY50 {
  position: absolute;
  right: -110px;
  top: 48px;

  overflow: hidden;
  display: none;
  flex-direction: column;
  background-color: #fff;
  border: 2px solid #775afa;
  box-shadow: 0px 16px 16px rgba(50, 50, 71, 0.08), 0px 24px 32px rgba(50, 50, 71, 0.08);
  border-radius: 12px;

  z-index: 1;
}

.menu__1cY50.open__1qUAq {
  display: flex;
}

.root__1vJ-- {
  width: 100%;
  display: flex;

  padding: 12px 24px;

  background: #eee7f3;
  border-radius: 12px;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
  color: #775afa;
  justify-content: center;
}

@media (min-width: 768px) {
  .root__1vJ-- {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.root__1uIOF {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  width: 48px;
  height: 48px;
  background: #ffffff;
  border-radius: 12px;
  color: #775afa;
  border: 1px solid #775afa;
}

.container__10msd {
  display: flex;
}

.content__3Ylm1 {
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;

  overflow-y: auto;
  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);
  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.tasks__2a4Au {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

.wrapperActions__1-Qye {
  margin-bottom: 20px;
}

.buttonShowAll__2aNI4.buttonShowAllMod__1wfYX {
  height: 48px;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (min-width: 768px) {
  .tasks__2a4Au {
    padding: 0 20px;
  }
}

@media screen and (min-width: 1280px) {
  .tasks__2a4Au {
    padding: 32px 48px;
  }
}

.header__2ncBn {
  height: 96px;
  padding: 32px 48px;

  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  border-bottom: 1px solid #e1e3e6;
  background: white;
}

.buttonIcon__3VKvv {
  grid-column-gap: 8px;
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.getTestedButton__2GeCH {
  width: 222px;
  height: 48px !important;
  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-left: 10px;
}

.button__3Pb3I {
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: #fff;

  grid-column-gap: 4px;

  -moz-column-gap: 4px;

       column-gap: 4px;
  font-size: 14px;
}

.button__3Pb3I:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}

.buttonPrinter__R5Lt9 {
  border: none;
  width: 100%;

  color: #262626;
  text-decoration: none;

  justify-content: flex-start;
}

.wrapperActions__1-Qye {
  display: flex;
  grid-column-gap: 10px;
  -moz-column-gap: 10px;
       column-gap: 10px;

  padding-left: 20px;
  padding-right: 20px;
}

.buttonIcon__3VKvv {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 767px) {
  .getTestedButton__2GeCH {
    width: 166px;
    font-size: 13px !important;
  }
}

.favoritesButton__1akT9 {
  margin-top: 4px;
  margin-left: auto;
}

.actions__xHnll {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .actions__xHnll > *:nth-child(2) {
    transform: translateY(20px);
  }
}

@media screen and (min-width: 768px) {
  .actions__xHnll {
    grid-gap: 18px;
    gap: 18px;
    flex-direction: row;
  }

  .wrapper__AM3vW {
    display: flex;
    grid-column-gap: 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }

  .wrapperActions__1-Qye {
    padding-left: 0;
    padding-right: 0;
  }
}

.content__xtiSB {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(0, 336px));
  grid-gap: 24px;
  padding: 48px;
  position: relative;
}

.card__ZBtXw {
  height: 129px;
}

.additionalContainer__2XiSj {
}

.additionalLabel__2XpdP {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #8398a6;
  display: inline-block;
  margin-right: 8px;
}

.additionalLabelValue__3I9iZ {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #775afa;
  margin-left: 4px;
}

.warning__1I2qJ {
  color: #f79300 !important;
}

.success__38EfU {
  color: #00b34d !important;
}

.success__38EfU:after {
  content: '';
  background-image: url(/app/components/student/views/Statistic/images/success.svg);
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 4px;
}

.bannerWrapper__1MWDR {
  position: fixed;
  z-index: 100;
  bottom: 0;
  width: -webkit-fill-available;
}

.container__2BmQL {
  min-height: 115px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  background: #ffffff;
  /* outline: 1px solid #775afa; // safari bugfix radius */
  border: 1px solid #775afa;
  border-radius: 12px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  height: -moz-fit-content;
  height: fit-content;
}

.container__2BmQL:hover:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #775afa;
}

.orangeBorder__3nA0m {
  outline: 1px solid #f79300;
}

.orangeBorder__3nA0m:hover {
  outline-width: 2px;
}

.title__k4gEM {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #260000;
}

.data__35GFt {
  display: flex;
  justify-content: space-between;
}

.dataItem__1rg7a {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #8398a6;
}

.dataItem__1rg7a span {
  margin-left: 4px;
  color: #775afa;
}

.star__XkmhT {
  position: absolute;
  right: 16px;
  top: 16px;
}

.loading__3omWY {
  pointer-events: none;
  animation: loading__3omWY 0.7s infinite ease-in-out;
}

@keyframes loading__3omWY {
  0% {
    opacity: 0.8;
  }
  50% {
    opacity: 0.3;
  }
  100% {
    opacity: 0.8;
  }
}

@keyframes pulse__1wPxs {
  50% {
    opacity: 0.4;
  }
}

.sceleton__yVuNi {
  position: relative;
  /* min-width: 336px; */
  min-height: 115px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px;
  background: #ffffff;
  outline: 1px solid #b6c6d0;
  border-radius: 12px;
  box-sizing: border-box;
  cursor: pointer;
}

.sceleton__yVuNi > * {
  height: 20px;
  border-radius: 4px;
  animation: pulse__1wPxs 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  transition-duration: 75ms;
  background-color: rgba(229, 231, 235, 0.6);
}

.sceleton__yVuNi > *:nth-child(2) {
  max-width: 146px;
}

.sceleton__yVuNi > *:nth-child(3) {
  max-width: 258px;
}

.sceleton__yVuNi h4 {
  color: transparent;
}

@media (min-width: 768px) {
  .container__2BmQL {
    min-width: 340px;
  }
}

@media screen and (min-width: 1440px) {
  .sceleton__yVuNi {
    width: 336px;
  }
}

.wrapper__veVh_ {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.content__29FYg {
  display: flex;
  flex-direction: column;
  grid-row-gap: 16px;
  row-gap: 16px;
}

@media (min-width: 768px) {
  .wrapper__veVh_ {
    padding-left: 48px;
    padding-right: 48px;
  }

  .content__29FYg {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(0, 234px));
    grid-gap: 16px;

    border: 1px solid #b6c6d0;
    border-radius: 16px;
  }
}

.card__1s9iM {
  background: #ffffff;
  /* outline: 1px solid #775afa; // safari bugfix radius */
  border: 1px solid #775afa;
  box-sizing: border-box;
  border-radius: 12px;
  cursor: pointer;
  position: relative;
}

.title__waF8b {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #8398a6;
  height: 52px;
  display: flex;
  align-items: center;
  padding-left: 24px;
  border-bottom: 1px solid #e6ecef;
}

.title__waF8b span {
  margin-left: 8px;
  color: #260000;
}

.infoContainer__2cwca {
  padding-left: 24px;
  padding-bottom: 24px;

  margin-top: 16px;
}

.info__PhrwR:first-child {
  margin-bottom: 8px;
}

.info__PhrwR {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #8398a6;
  display: block;
  margin-right: 8px;
}

.info__PhrwR span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #775afa;
  margin-left: 4px;
}

.warning__q5SpI {
  color: #f79300 !important;
}

.success__2PDpO {
  color: #00b34d !important;
}

.success__2PDpO:after {
  content: '';
  background-image: url(/app/components/student/views/Statistic/images/success.svg);
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 4px;
}

.card__1s9iM:hover {
  box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.08), 0px 4px 8px rgba(50, 50, 71, 0.06);
}

.card__1s9iM:hover:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #775afa;
}

.wrapper__3JXaW {
  display: flex;
  flex-direction: column;
  grid-row-gap: 10px;
  row-gap: 10px;

  margin-bottom: 20px;
}

.button__JLVNd {
  width: 100%;
  height: 40px;

  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  border-radius: 12px;
}

.firstButton__3ggVs {
  color: #775afa;
  background: #eee7f3;
}

.secondButton__yUDEd {
  color: #ffffff;
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
}

@media (min-width: 768px) {
  .button__JLVNd {
    width: -moz-fit-content;
    width: fit-content;
    height: 48px;
  }
}

@media (min-width: 1280px) {
  .wrapper__3JXaW {
    flex-direction: row;
    grid-column-gap: 10px;
    -moz-column-gap: 10px;
         column-gap: 10px;

    margin-bottom: 0;
  }
}

.label__skc2N {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  align-items: center;
  color: #8398a6;
  display: inline-block;
  margin-left: auto;
  margin-top: -20px;
}
.label__skc2N span {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  align-items: center;
  color: #775afa;
}
.percent__1skQU {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  align-items: center;
  margin-right: 16px;
}
.success__2bP8T {
  color: #00b34d !important;
}
.warning__1P-cK {
  color: #f79300 !important;
}

.tasks__17twW {
  display: flex;
  flex-direction: column;
  padding: 24px 48px;
}

.header__3sqUa {
  height: 96px;
  padding: 32px 48px;

  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  border-bottom: 1px solid #e1e3e6;
  background: white;
}

.infoContainer__3WimU {
  width: 100%;
  border: 1px solid #f1efff;
  border-radius: 8px;
  display: flex;
  padding: 8px 16px;
  margin-top: 24px;
}

.infoLabel__3oMVO {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  color: #260000;
  margin-right: 24px;
}

.infoLabel__3oMVO:last-child {
  margin-left: auto;
}

.infoLabel__3oMVO span {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  align-items: center;
  color: #8398a6;
}

.icons__39KPd {
  margin-right: 10px;
}

.container__2q1OT {
  width: 100%;
  margin-bottom: 8px;
  /* padding: 32px 48px; */
  padding: 24px 20px;

  background: #ffffff;
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

@media screen and (min-width: 1280px) {
  .container__2q1OT {
    padding: 32px 48px;
  }
}

.content__1nXMf img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .content__1nXMf img {
    max-width: 400px;
  }
}

.head__3mLpj {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.number__2u8tE {
  margin-right: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.id__2isE0 {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
}

.exercise__3mObi {
  margin-bottom: 16px;

  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.footer__wGET3 {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.addButton__1_OTA {
  width: 124px;

  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
}

.taskText__2k45N {
  width: 100%;
  overflow-x: auto;
  padding-right: 54px;

  margin-bottom: 16px;

  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.taskContent__1a_gW {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.taskContentInner__3Tktr {
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
}

@media screen and (min-width: 757px) {
  .taskContentInner__3Tktr {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
}

/* .theme { // дубль?
  display: flex;
  align-items: baseline;
  padding-right: 32px;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
}

.themeValue {
  margin-left: 4px;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #775afa;
} */

.solution__3egNl {
  display: flex;
  align-items: center;
}

.heartIcon__2IB_5 {
  margin-right: 8px;

  cursor: pointer;
}

.editButton__1TZXh {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 16px 0 auto;

  background: #eee7f3;
  border-radius: 12px;
}

.buttonIcon__3S1dl {
  width: 24px;
  height: 24px;
}

.deleteButton__9v8fD {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  background: #fbe3e7;
  border-radius: 12px;
}

.deletePopup__3SUvM {
  width: 552px;
  height: 237px;
}

.deletePopupDescription__3cXzc {
  margin-top: 16px;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.closeIcon__Lk9ye {
  width: 16px;
  height: 16px;
  margin-left: 3px;

  stroke: #775afa;
  transform: rotate(90deg);
}

.openIcon__1hKDg {
  margin-top: 3px;
  transform: rotate(-90deg);
}

.solutionTitle__2kIDg {
  margin-right: 8px;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #775afa;
}

.theme__3BJYS {
  display: flex;
  align-items: baseline;
  padding-right: 32px;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
}

.themeValue__34UuD {
  margin-left: 4px;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #775afa;
}

.files__3bYnE {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 28px;
  gap: 28px;
  margin-top: 16px;
}

.fileViewClassName__2mqeU {
  width: 292px !important;
  height: 110px !important;
}

.fileViewClassName__2mqeU img {
  width: 78px !important;
  height: 86px !important;
}

.fileViewClassName__2mqeU span {
  max-height: 39px;
}

.imagesClassName__glycU {
  width: 292px !important;
  height: 180px !important;
}

.taskCardDescp__28RSz {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.font__2l4GQ p {
  font-family: 'MathJax', sans-serif;
}

.taskText__2k45N ol {
  counter-reset: item;
}

.taskText__2k45N ol li::before {
  counter-increment: item;
  content: counter(item) ') ';
}

.deletePopup__1aUfg {
  width: 552px;
}

.container__3s3xB {
  display: flex;
}

.content__3l4iT {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.tasks__3pMCe {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .tasks__3pMCe {
    padding: 0 20px;
  }
}

@media screen and (min-width: 1280px) {
  .tasks__3pMCe {
    padding: 32px 48px;
  }
}

.header__jSzl7 {
  height: 96px;
  padding: 32px 48px;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  border-bottom: 1px solid #e1e3e6;
  background: white;
}

.deleteButton__1Iqnl {
  width: 161px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  background: #fbe3e7;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  border-radius: 12px;
  color: #fc4545;
}

.buttonIcon__16GW0 {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.editButton__fkJzR {
  width: 216px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  margin: 0 24px 0 auto;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  border-radius: 12px;
}

.favoritesButton__VwkK7 {
  margin-top: 4px;
  margin-left: 24px;
}

.desktopActions__3ZZgE {
  display: none;
}

.wrapPrinter__1fyop {
  margin-left: 24px;
}

@media screen and (min-width: 1000px) {
  .desktopActions__3ZZgE {
    display: flex;
  }
}

.dropEditButton__1P9wd {
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: #fff;
}

.dropDeleteButton__37ihA {
  border-top: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: #fff;
}

.container__2eTgR {
  display: flex;
  flex-wrap: wrap;

  grid-gap: 10px;

  gap: 10px;
  margin-bottom: 16px;
  padding: 0 15px 0 15px;
}

.containerInner__ieumz {
  width: 100%;

  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
}

.copyLink__ynlvr {
  min-width: 328px;
  display: flex;

  padding: 12px 24px;

  background: #eee7f3;
  border-radius: 12px;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #775afa;
  justify-content: center;
}

.button__37tMT {
  display: flex;
  align-items: center;
  padding: 16px;
  background-color: #fff;

  grid-column-gap: 4px;

  -moz-column-gap: 4px;

       column-gap: 4px;
  font-size: 14px;
}

.button__37tMT:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
}

.buttonPrinter__1qVg6 {
  border: none;
  width: 100%;

  color: #262626;
  text-decoration: none;

  justify-content: flex-start;
}

@media screen and (min-width: 1000px) {
  .containerInner__ieumz {
    flex-direction: row;
  }
  .mobileActions__1ZKLz {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .container__2eTgR {
    padding: 0;
  }
}

@media (min-width: 1280px) {
  .container__2eTgR {
    justify-content: space-between;
  }
}

.card__3PC-_ {
  height: 48px;
  display: flex;
  align-items: center;
  padding: 12px 16px;

  background: #ffffff;
  border: 2px solid #eee7f3;
  border-radius: 12px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

/* .card:not(:last-child) {
  margin-right: 10px;
} */

.value__1IrXy {
  margin-left: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

.container__ugf_6 {
  display: flex;
}

.wrapper__2BVZW {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;

  overflow-y: auto;
}

.content__3orJP {
  background: #775afa;
  border-radius: 30px;
  margin: 10px 10px 10px 50px;
  padding: 40px 40px 40px 50px;
  min-height: calc(100vh - 20px);
}

.content--tasks__1yAsp,
.content--examVariants__4DzKN,
.content--myVariants__3uItr {
  background-size: 280px;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.content--examVariants__4DzKN,
.content--myVariants__3uItr {
  background-image: url(/app/components/student/views/common/images/variants.png);
}

.header__9Ox8x {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 105px;
}

.profile__2puJF {
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}

.profile__2puJF img {
  margin-left: 12px;
}

.title-container__2RIsy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

.title-container__2RIsy button {
  border: 2px solid #ffffff;
  border-radius: 12px;
  width: 195px;
  padding: 14px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.title-container__2RIsy button img {
  margin-right: 10px;
}

.title__2ISe4 {
  margin: 0;
  color: #fff;
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
}

.cards__C1TFM {
  display: flex;
}

.card__1ORFW {
  background: #ffffff;
  width: calc(25% - 15px);
  border: 1px solid #e6ecef;
  border-radius: 12px;
  margin-right: 20px;
  padding: 20px;
  height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}

.card__1ORFW h2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
}

svg.circle__5uzkS {
  width: 89px;
}

.stats__3BFcD {
  text-align: center;
}

@media screen and (min-width: 1280px) {
  .content__3orJP {
    padding: 32px 48px;
  }
  .content--examVariants__4DzKN {
    background-size: 516px;
  }
}

.varints__1JCdO {
  display: flex;
}

.plus-container__2uRNh {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 106px;
}

.count__36SXk {
  color: #775afa;
}

.container__3W5p7 {
  display: flex;
}

.wrapper__2ntrA {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;

  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);

  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.content__2Wr-i {
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
}

@media screen and (min-width: 1280px) {
  .content__2Wr-i {
    padding: 32px 48px;
  }
}

.addTask__YU1T9 {
  width: 100%;
}

@media screen and (min-width: 900px) {
  .addTask__YU1T9 {
    width: 242px;
  }
}

.addAuto__2BaII {
  width: 100%;
  background: #ffffff;
  border: 1px solid #775afa !important;
}

@media screen and (min-width: 900px) {
  .addAuto__2BaII {
    width: 272px;
    background: #ffffff;
    border: 1px solid #775afa !important;
  }
}

.addAuto__2BaII img {
  color: red;
}

.buttonTitle__3QgRE {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: white;
}

.buttonAuto__2x1WM {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #775afa;
}

.actions__2Jy-M {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 10px;
  gap: 10px;
}

@media screen and (min-width: 1100px) {
  .actions__2Jy-M {
    flex-direction: row-reverse;
  }
}

.actionButtons__3aHuS {
  width: 100%;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  flex-direction: column;
}

@media screen and (min-width: 1100px) {
  .actionButtons__3aHuS {
    flex-direction: row;
  }
}

.tasks__2TUW1 {
  margin-top: 20px;
}

.detachButton__3bIJj {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  background: #fbe3e7;
  border-radius: 12px;
  margin-left: 16px;
}

.replaceButton__7ge5m {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  background: #fbe3e7;
  border-radius: 12px;
}

.floatSubmitActions__GfA7b {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  padding: 20px 16px;
  min-height: 80px;
  background-color: #fff;
  border-top: 1px solid #eee7f3;
}

.floatSubmitActions__GfA7b > * {
  flex-basis: 50%;
}

@media screen and (min-width: 1000px) {
  .floatSubmitActions__GfA7b {
    display: none;
  }
}

.submitActions__3Q3VT {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
}

@media screen and (max-width: 1000px) {
  .submitActions__3Q3VT {
    display: none;
  }
}

.container__1Px3S {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  grid-gap: 10px;
  gap: 10px;

  margin-bottom: 16px;
  padding: 24px 20px;

  background: white;
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

@media screen and (min-width: 1100px) {
  .container__1Px3S {
    padding: 48px;
  }
}

.wrapperInput__1FU1s {
  width: 220px;
}

@media screen and (min-width: 1200px) {
  .wrapperInput__1FU1s {
    margin-right: auto;
  }
}

.card__1OOQB {
  height: 48px;
  display: flex;
  align-items: center;
  padding: 12px 16px;

  background: #ffffff;
  border: 2px solid #eee7f3;
  border-radius: 12px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.value__fMW3B {
  margin-left: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

.dateInput__25P4o {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 18px;
}

.time__34d8r {
  max-height: 48px;
}

.favoritesPopup__I-GVX {
  width: 90%;

  overflow-y: hidden;
  background: #ffffff;
  box-shadow: 0px 8px 16px -2px rgba(27, 46, 94, 0.08);
  border-radius: 24px;
  height: 90vh;
}

.description__MpGt5 {
  margin-top: 16px;

  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.tasks__1tSf5 {
  display: flex;
  flex-direction: column;
  padding-right: 16px;
  margin-bottom: 40px;
  overflow-y: auto;
}

.wrapper__3-r7j {
  display: flex;
  align-items: center;
}

.newTask__16kEU {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #775afa;
  position: absolute;
  bottom: 40px;
}

.newTask__16kEU img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.addButton__2TKhD {
  width: 124px;

  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
}

.msg__3xr_y {
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}

.container__2vnwF {
  position: relative;
  margin: 24px 0;
}

.filterButton__N9ktt {
  height: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;

  background: #ffffff;
  border: 1px solid #eee7f3;
  box-shadow: 0px 4px 2px -2px rgba(27, 46, 94, 0.02);
  border-radius: 12px;
  cursor: pointer;
  outline: none;
}

.filterButtonText__3_ewq {
  margin-left: 8px;

  font-size: 16px;
  line-height: 24px;
  color: #260000;
}

.indicator__3Ik8D {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 8px;
  right: 8px;

  border-radius: 50%;
  background: #00df60;
}

.hidden__2QTRZ {
  display: none;
}

.container__Mn2-M {
  width: 400px;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  padding: 16px 0 24px 0;

  z-index: 7;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #f5f1f8;
  box-shadow: 0px 8px 16px -2px rgba(27, 46, 94, 0.08);
  border-radius: 12px;
}

.item__2Ybkk {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
  padding: 16px;

  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
  background: #ffffff;
}

.item__2Ybkk span {
  display: flex;
  align-items: center;

  font-size: 18px;
  line-height: 24px;
  color: #260000;
}

.item__2Ybkk img {
  margin-left: auto;
}

.item__2Ybkk:hover {
  background: #f4f4f4;
}

.dropDownItem__25nX2 {
  padding: 8px 16px;

  font-size: 16px;
  line-height: 24px;
  background: #ffffff;
  border-bottom: 1px solid #f5f1f8;
  cursor: pointer;
}

.dropDownItem__25nX2:hover {
  background: #f4f4f4;
}

.themeItem__2Dfyj {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.themes__fqsJF {
  max-height: 437px;

  overflow-y: auto;
}

.currentTheme__1HPqO {
  margin-top: 4px;

  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #c0b6d6;
}

.borderBottom__rE93b {
  padding-bottom: 24px;
  margin-bottom: 24px;

  border-bottom: 1px solid #f5f1f8;
}

.upArrow__3Z7Su {
  margin-left: auto;
  transform: rotate(90deg);
}

.downArrow__1NYNI {
  margin-left: auto;
  transform: rotate(-90deg);
}

.downIcon__j-CIY {
  width: 16px;
  height: 16px;
}

.downIconUp__j6At4 {
  transform: rotate(180deg);
}

.overlay__3kACq {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0%;
  top: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 6;
}

.checkboxes__2g911 {
  padding: 0 16px;
}

.checkboxesTitle__zQiUB {
  margin-bottom: 16px;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.root__ptgKk {
  margin-bottom: 20px;

  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
}

.actions__1jELb {
  display: flex;
  background-color: #fff;
  padding: 10px;
}

.saveButton__2qgsR {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  border-radius: 12px;
}

.cancelButton__BpHkP {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;

  background: #fbe3e7;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  border-radius: 12px;
  color: #fc4545;
}

.endButton__1Xw-d {
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  border: 1px solid #775afa;
  background: #fff;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  border-radius: 12px;
  color: #775afa;
}

/* TODO удалить этот ужас */

@media (min-width: 768px) {
  .endButton__1Xw-d {
    width: 124px;
  }

  .cancelButton__BpHkP {
    width: 124px;
  }

  .saveButton__2qgsR {
    width: 133px;
  }

  .root__ptgKk {
    margin-bottom: 0;

    flex-direction: row;
  }
}

.favoritesPopup__kXjVN {
  width: 90%;
  overflow-y: hidden;
  background: #ffffff;
  box-shadow: 0px 8px 16px -2px rgba(27, 46, 94, 0.08);
  border-radius: 24px;
  height: 90vh;
}

.description__32KS9 {
  margin-top: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.tasks__1CrYp {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(0, 234px));
  grid-gap: 16px;
  padding: 24px;
}

.wrapper__3peMR {
  overflow-y: auto;
}

.newTask__3_f0g {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  padding-top: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #775afa;
}

.newTask__3_f0g img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.addButton__DKla7 {
  width: 124px;
  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
}

.msg__2zS3S {
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}

.backButton__3Dk5- {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  color: #775afa;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 26px;
}

.backIcon__VPwfl {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.listOfTopics__yXLCL {
  margin-top: 0 !important;
}

.numberBadge__daY2Q {
  display: flex;
  justify-content: center;
}

.successNumber__3Zg2b {
  outline-color: #00b24d;
  color: #00b24d;
}

.successNumber__3Zg2b:hover {
  outline-color: #00b24d;
  color: #00b24d;
}

.badge__Q_2-P {
  position: relative;
  padding: 19px 33px;
  text-align: center;
  background: #ffffff;
  border: 1px solid #775afa;
  border-radius: 12px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #262626;
  text-decoration: none;
}

.successNumberIcon__1N8oX {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.badge__Q_2-P:hover {
  color: #775afa;
  box-shadow: 0px 4px 4px rgba(50, 50, 71, 0.08), 0px 4px 8px rgba(50, 50, 71, 0.06);
}

@media screen and (min-width: 768px) {
  .badge__Q_2-P {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    padding: 24px 16px;
  }
}

@keyframes pulse__2fm91 {
  50% {
    opacity: 0.4;
  }
}

.sceleton__2Spsu {
  padding: 16px;
  background: #ffffff;
  box-sizing: border-box;
  border-radius: 12px;
  pointer-events: none;
  transition: all 0.3s;

  border: 1px solid rgba(182, 198, 208, 1);

  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

.sceleton__2Spsu > * {
  color: transparent;
  display: inline-block;
  width: 100%;
  height: 24px;
  animation: pulse__2fm91 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  transition-duration: 75ms;
  background-color: rgba(229, 231, 235, 0.6);
}

.list__Lbp27 {
  margin-top: 40px;
  padding-right: 16px;

  overflow-y: auto;
}

.item__c_UBI {
  display: flex;
  padding: 8px 0px;

  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  cursor: pointer;
}

.item__c_UBI span:last-of-type {
  margin-left: auto;
}

.item__c_UBI:hover {
  color: #775afa;
}

.label__1QzzY {
  margin-top: 40px;
  text-align: center;
}

.successIcon__3afYt {
  margin-right: 18px;
}

:root {
  --step: 4px;
}

.root__1wKhO.rootMod__2rZRR {
  background-color: #fff;
}

.title__HnqoK {
  margin-bottom: calc(4px * 2);
  margin-bottom: calc(var(--step) * 2);

  font-size: calc(4px * 5);

  font-size: calc(var(--step) * 5);
}

.subTitle__a6mQI {
  margin-bottom: calc(4px * 5);
  margin-bottom: calc(var(--step) * 5);

  font-weight: 400;
  font-size: calc(4px * 4);
  font-size: calc(var(--step) * 4);
}

.header__3VYw5 {
  margin-bottom: calc(4px * 5);
  margin-bottom: calc(var(--step) * 5);

  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  row-gap: 8px;
}

.headerTitle__2Lq15 {
  flex-grow: 1;

  font-weight: 400;
  font-size: 16px;
}

.checkboxList__15MY- {
  display: flex;
  grid-column-gap: calc(4px * 2);
  -moz-column-gap: calc(4px * 2);
       column-gap: calc(4px * 2);
  grid-column-gap: calc(var(--step) * 2);
  -moz-column-gap: calc(var(--step) * 2);
       column-gap: calc(var(--step) * 2);
}

.checkbox__1Imio {
  margin-bottom: 0;
}

.list__2V1Dn {
  margin-bottom: calc(4px * 5);
  margin-bottom: calc(var(--step) * 5);

  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  row-gap: 8px;

  overflow-y: auto;
}

.listItem__S6Wvz {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.counter__3eiBV {
  display: flex;
  grid-column-gap: 4px;
  -moz-column-gap: 4px;
       column-gap: 4px;

  padding: 4px;

  border-radius: 500px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: #f5f5f5;
}

.counterError__1MIVA {
  border-color: red;
}

.buttonCount__2YTvP {
  position: relative;

  width: 34px;
  height: 34px;

  border-radius: 50%;
  background-color: #775afa;
  color: #fff;
}

.buttonCount__2YTvP::before,
.buttonCount__2YTvP::after {
  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);

  background-color: #fff;
  width: 14px;
  height: 2px;

  content: '';
}

.buttonCount__2YTvP::after {
  display: none;
}

.buttonCountIncrease__3slQ9::after {
  display: block;

  transform: translate(-50%, -50%) rotate(-90deg);
}

.fieldCount__rZcii {
  width: 50px;

  padding-left: 4px;
  padding-right: 4px;

  border-color: transparent;
  background-color: #f5f5f5;
  color: #8b8b8b;
}

.numberTask__yhmKg {
  flex-grow: 1;
}

.actions__2-cJc {
  margin-top: auto;

  display: flex;
  flex-direction: column;
  grid-row-gap: 8px;
  row-gap: 8px;
}

@media (min-width: 768px) {
  .root__1wKhO.rootMod__2rZRR {
    width: 100%;
    height: 90vh;

    max-width: 680px;
  }

  .actions__2-cJc {
    flex-direction: row;
    grid-column-gap: 8px;
    -moz-column-gap: 8px;
         column-gap: 8px;
  }

  .close__1RYNQ {
    position: absolute;
    top: 0;
    right: 0;

    display: block;
  }
}

@media (min-width: 1280px) {
  .root__1wKhO.rootMod__2rZRR {
    padding-top: 40px;
    padding-left: 48px;
    padding-bottom: 40px;
    padding-right: 48px;

    overflow-y: hidden;
  }

  .subTitle__a6mQI {
    margin-bottom: calc(4px * 9);
    margin-bottom: calc(var(--step) * 9);
  }

  .title__HnqoK {
    margin-bottom: calc(4px * 4);
    margin-bottom: calc(var(--step) * 4);

    font-size: calc(4px * 6);

    font-size: calc(var(--step) * 6);
  }

  .checkboxList__15MY- {
    grid-column-gap: calc(4px * 6);
    -moz-column-gap: calc(4px * 6);
         column-gap: calc(4px * 6);
    grid-column-gap: calc(var(--step) * 6);
    -moz-column-gap: calc(var(--step) * 6);
         column-gap: calc(var(--step) * 6);
  }

  .header__3VYw5 {
    margin-bottom: calc(4px * 9);
    margin-bottom: calc(var(--step) * 9);

    flex-direction: row;
    grid-row-gap: 0;
    row-gap: 0;
  }

  .listItem__S6Wvz {
    max-width: 270px;
  }

  .list__2V1Dn {
    margin-bottom: calc(4px * 10);
    margin-bottom: calc(var(--step) * 10);
  }

  .close__1RYNQ {
    top: 26px;
    right: 26px;
  }
}

.container__6rZ9r {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;

  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  border-bottom: 1px solid #e1e3e6;
  background: white;
}

@media screen and (min-width: 768px) {
  .container__6rZ9r {
    padding: 24px 48px 24px 48px;
  }
}

.backButton__feb2p {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;

  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  color: #775afa;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
}

.backIcon__37eCR {
  width: 24px;
  height: 24px;
  margin-right: 4px;
}

.topBlock__2fXdn {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.title__iz4r8 {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.container__1CCox {
  display: flex;
}

.wrapper__13dey {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;

  overflow-y: auto;
  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);
  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.content__10NOL {
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
}

.main__3bG-0 {
  margin-top: 40px;
  background: #ffffff;

  border: 1px solid #b6c6d0;
  border-radius: 16px;

  padding: 32px 24px;
}

.mainContainer__3V6yn {
  padding: 32px 48px;
}

.choose__1nMqo {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 8px 24px;
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

.part__3etBQ {
  margin-right: 8px;
}

.part__3etBQ:last-child {
  margin-right: 0;
}

.part__3etBQ > div {
  margin-bottom: 0;
}

.chooseChecks__CKIPY {
  display: flex;
}

.tree__2SZev {
  margin-top: 32px;
}

.tree__2SZev > div {
  margin-bottom: 24px;
}

.tree__2SZev > div:last-child {
  margin-bottom: 0;
}

.task__u5jn4 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.task__u5jn4 > div {
  display: flex;
  align-items: center;
}

.task__u5jn4 > span {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.controls__3rlKx {
  display: flex;
  padding: 9px 12px;
  align-items: center;

  border: 1px solid #eee7f3;
  border-radius: 8px;
  margin-right: 28px;
}

.controls__3rlKx input {
  margin: 0 2px;
  width: 28px;
  border: none;
  text-align: center;
}

.control__382CL {
  border: 1px solid #eee7f3;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.check__3X8O5 {
  display: flex;
}

.title__Y4xkc {
  margin-left: 28px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.container__1_Gpp {
  display: flex;
}

.wrapper__1YO_8 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.content__A2dSq {
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
}

.content--tasks__20oX2,
.content--examVariants__Z4G8r,
.content--myVariants__1VLo7 {
  background-size: 280px;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.content--examVariants__Z4G8r,
.content--myVariants__1VLo7 {
  background-image: url(/app/components/teacher/views/common/images/variants.png);
}

.content--tasks__20oX2 {
  /* background-image: url('./../common/images/tasks.png'); */
}

/* @media screen and (min-width: 768px) {} */

@media screen and (min-width: 1280px) {
  .content__A2dSq {
    padding: 32px 48px;
  }
  .content--examVariants__Z4G8r {
    background-size: 516px;
  }
}

.varints__o2uQe {
  display: flex;
}

.new-occupation__3r4kM {
  width: 552px;
}

.new-occupation__3r4kM .title__2qT15 {
  font-style: normal;
  font-weight: normal;
  font-size: 28px;
  line-height: 32px;
  color: #260000;
  margin-bottom: 37px;
}

.new-occupation__3r4kM .date__ZQv7Y {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 52px;
  border-radius: 12px;
  border: 2px solid #eee7f3;
  overflow: hidden;
  padding: 0 20px;
  width: 50%;
}

.new-occupation__3r4kM .date-icon__1SIOr {
  width: 20px;
  height: 20px;
  margin-left: 18px;
}

.new-occupation__3r4kM .date-container__2ACh- {
  flex-direction: column;
}

.new-occupation__3r4kM .date-input__3P8HH {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 18px;
}

.new-occupation__3r4kM .date-input__3P8HH::-moz-placeholder {
  color: #d3cddb;
}

.new-occupation__3r4kM .date-input__3P8HH::placeholder {
  color: #d3cddb;
}

.new-occupation__3r4kM .lesson-title__paragraph__19bY6 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  color: #b6c6d0;
  margin-bottom: 3px;
}

.new-occupation__3r4kM .lesson-title__item__2l1ZZ {
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #eee7f3;
  border-radius: 12px;
  max-width: 456px;
  width: 100%;
  padding: 14px 28px 16px 28px;
}

.new-occupation__3r4kM .lesson-title__item_placcholder__23816 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #d3cddb;
}

.new-occupation__3r4kM .lesson-type__1_5Pu {
  margin: 28px 0;
}

.new-occupation__3r4kM .lesson-type__paragraph__31d2Q {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  color: #b6c6d0;
  margin-bottom: 3px;
}

.new-occupation__3r4kM .lesson-type__select__NUTpH {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #eee7f3;
  border-radius: 12px;
  max-width: 456px;
  width: 100%;
  padding: 14px 22px 14px 28px;
}

.new-occupation__3r4kM .lesson-type__select_text__32F7e {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  color: #260000;
}

.new-occupation__3r4kM .tagField__2zo8E {
  height: 153px;
  margin-bottom: 28px;
}

.new-occupation__3r4kM .tagField__title__2oNRP {
  font-size: 18px;
  color: #b6c6d0;
  font-weight: 500;
  line-height: 32px;
  margin-top: 28px;
  margin-bottom: 2px;
  margin-left: 12px;
}

.new-occupation__3r4kM .wrapper-button__item__FwNKZ {
  display: flex;
  align-items: center;
  margin-top: 40px;
}

.new-occupation__3r4kM .switch__2DRcw {
  width: 60px;
  height: 30px;
  background: #a0b2bd;
  border-radius: 150px;
  padding: 4px;
  display: flex;
  justify-content: flex-start;
  margin-right: 20px;
}

.new-occupation__3r4kM .switch__circle__1YU4g {
  width: 22px;
  height: 22px;
  background: #ffffff;
  border-radius: 50%;
}

.new-occupation__3r4kM .wrapper-button__paragraph__24sLp {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 28px;
  color: #260000;
  margin-left: 10px;
}

.new-occupation__3r4kM .prompt__3tok6 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #8398a6;
  opacity: 0.8;
  margin: 8px 0 32px 0;
  display: flex;
  padding-left: 70px;
}

.new-occupation__3r4kM .prompt__3tok6 span {
  max-width: 386px;
  width: 100%;
}

.new-occupation__3r4kM .mock_link__3dd40 {
  color: #ffffff;
  text-decoration: none;
}

.row__3NwYo {
  display: flex;
}

.row__3NwYo > div {
  margin-right: 40px;
}

.time__1pmit.timeMod__3S6L4 {
  border: none;
}

.time__1pmit.timeMod__3S6L4:hover {
  border: none;
}

@media screen and (max-width: 900px) {
  .new-occupation__3r4kM {
    max-width: 90vw;
    width: 100%;
  }

  .new-occupation__3r4kM div {
    flex-wrap: wrap;
  }

  .new-occupation__3r4kM .title__2qT15 {
    margin-top: 20px;
  }

  .new-occupation__3r4kM .prompt__3tok6 {
    font-size: 14px;
  }
}

.container__2VOEk {
  min-height: 75px;
  display: flex;
  overflow-x: scroll;
  grid-gap: 12px;
  gap: 12px;
  padding: 16px 20px 16px 20px;
  background: white;
  border-bottom: 1px solid #e1e3e6;

  scrollbar-width: none;
}

@media screen and (min-width: 750px) {
  .container__2VOEk {
    min-height: 84px;
  }
}

.container__2VOEk::-webkit-scrollbar {
  display: none;
}

.tab__2nYXv {
  display: flex;
  align-items: center;
  grid-gap: 5px;
  gap: 5px;
  position: relative;
  padding: 12px 16px 12px 16px;

  border-radius: 12px;

  border: 1px solid rgba(131, 152, 166, 1);
  cursor: pointer;
  white-space: nowrap;

  font-size: 14px;
}

.tabActive__1qUp_ {
  color: #fff;
  background-color: #260000;
}

.tab__2nYXv svg {
  fill: #000;
}

.tabActive__1qUp_ svg {
  fill: #fff;
}

.tabActive__1qUp_:after {
  content: '';
  height: 6px;

  width: 100%;
  position: absolute;
  left: 50%;
  bottom: -16px;

  transform: translate(-50%, 0);
  background: transparent;
  border-radius: 6px 6px 0 0;
}

@media screen and (min-width: 768px) {
  .tab__2nYXv {
    border: none;
    color: #8398a6;

    font-size: 18px;
    line-height: 24px;
  }

  .tabActive__1qUp_ {
    color: #8398a6;
    background-color: transparent;
  }

  .tabActive__1qUp_:after {
    background: #260000;
  }

  .tab__2nYXv svg {
    display: none;
  }

  .container__2VOEk {
    padding: 16px 48px 16px 48px;
  }
}

.header__3ado1 {
  margin-bottom: 20px;

  display: flex;
  justify-content: flex-end;
}

.dropdown__1WYWd {
  display: inline-block;
  position: relative;
}

.title__1TIUq {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.arrow__EbpyG {
  margin-left: 20px;
  transform: rotate(180deg);
}

.dropdown__1WYWd.open__2sc5w .arrow__EbpyG {
  transform: rotate(0);
}

.dropdownContent__2rYvY {
  position: absolute;
  padding: 30px;
  background: #fff;
  border: 1px solid #7e7ff3;
  box-shadow: 0px 5px 10px rgba(90, 107, 255, 0.3);
  border-radius: 12px;
  left: 0;
  top: calc(100% + 16px);
  width: 330px;
  box-sizing: border-box;
}

.dropdownItem__2UYIm {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 24px;
  cursor: pointer;
}

.dropdownItem__2UYIm:last-child {
  margin-bottom: 0;
}

.dropdownItem__2UYIm:hover {
  color: #775afa;
}

.main__34RUm {
  margin-top: 40px;
  margin-bottom: 24px;
  background: #ffffff;

  border: 1px solid #b6c6d0;
  border-radius: 16px;

  padding: 32px 24px;
}

.item__5-Hbh {
  border: 1px solid #eee7f3;
  border-radius: 8px;

  padding: 16px 12px;
}

.pagination__1Yhvs {
  width: 360px;
}

.paginationWrapper__204he {
  display: flex;
  justify-content: center;
}

@media (min-width: 1280px) {
  .pagination__1Yhvs {
    width: 720px;
    max-width: 720px;
  }
}

.container__lgqAZ {
  border: 1px solid #eee7f3;
  border-radius: 8px;

  padding: 16px 12px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.iconButton__6g1GS {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: #ffffff;

  border: 1px solid #775afa;
  border-radius: 8px;
  margin-right: 16px;
  cursor: pointer;
}

.iconButton__6g1GS:last-child {
  margin-right: 0;
}

.container__3YKig {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 15px;
  gap: 15px;
}

.block__2_-RC {
  display: flex;
  align-items: center;
}

.find__2WEwi {
  margin-left: 20px;
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  border-radius: 12px;
  color: #fff;
  width: 140px;
  height: 48px;
  font-weight: 500;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media screen and (max-width: 757px) {
  .container__3YKig {
    height: unset;
    align-items: flex-start;
    grid-gap: 10px;
    gap: 10px;
    flex-direction: column;
  }
}

.title__2E8m- {
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  color: #8398a6;
}

@media screen and (min-width: 768px) {
  .inp__1WbTf {
    margin-left: 40px;
  }
}
.addButton__2_kpb {
  width: -moz-fit-content;
  width: fit-content;
  height: 48px !important;

  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
}

.container__3AqX_ {
  display: flex;
}

.wrapper__2IlrL {
  width: 100%;
  display: flex;
  flex-direction: column;

  overflow-y: auto;
  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);
  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.content__3SKbm {
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
}

.main__2oerj {
  margin-top: 40px;
  background: #ffffff;

  border: 1px solid #b6c6d0;
  border-radius: 16px;

  padding: 32px 24px;
  overflow-y: auto;
}

.choose__2Zy-O {
  display: flex;
  justify-content: space-between;
  align-items: center;

  padding: 8px 24px;
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

.part__2UQJF {
  margin-right: 8px;
}

.part__2UQJF:last-child {
  margin-right: 0;
}

.part__2UQJF > div {
  margin-bottom: 0;
}

.chooseChecks__2aXWG {
  display: flex;
}

.tree__EvwHk.editable__2wJiW {
  margin-top: 32px;
}

.tree__EvwHk > div {
  margin-bottom: 24px;
}

.tree__EvwHk > div:last-child {
  margin-bottom: 0;
}

.task__3CFZU {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.task__3CFZU > div {
  display: flex;
  align-items: center;
}

.task__3CFZU > span {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.controls__1qkM4 {
  display: flex;
  padding: 9px 12px;
  align-items: center;

  border: 1px solid #eee7f3;
  border-radius: 8px;
  margin-right: 28px;
}

.controls__1qkM4 input {
  margin: 0 2px;
  width: 28px;
  border: none;
  text-align: center;
}

.control__1Q0Or {
  border: 1px solid #eee7f3;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.check__36q1w {
  display: flex;
}

.title__3QjnE {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;

  color: #000000;
}

.header__3Fhaf {
  justify-content: center;
}

.buttons__2Q32E {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: 15px;
  gap: 15px;
}

.buttons__2Q32E > button {
  max-width: 147px;
}

.cancelButton__2hLKp {
  background: #fbe3e7;
  border-radius: 12px;
  border-color: none;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  padding: 12px 32px;
  color: #fc4545;
  margin-left: 16px;
}

.previewButton__1vKeJ {
  margin-left: 16px;
}

.mainVariants__3-6wy {
  padding: 0;
  margin-top: 0;
  border-radius: 0;
  border: none;
}

.wrapper__2IlrL {
  background: inherit;
}

.buttonsGroup__2KozB {
  display: flex;
  grid-column-gap: 15px;
  -moz-column-gap: 15px;
       column-gap: 15px;
}

@media screen and (min-width: 768px) {
  .header__3Fhaf {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .buttons__2Q32E {
    flex-direction: row;
  }
}

.info__1-oKF {
  position: relative;
  background: #ffffff;
  border-bottom: 1px solid #e1e3e6;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  display: flex;
  flex-direction: column;
  padding: 24px 64px 0 49px;
  color: #260000;
}

.infoLink__1_qDP {
  width: -moz-fit-content;
  width: fit-content;
  margin: 26px 0;
}

.subtitle__145Aj {
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  color: #775afa;
  font-size: 16px;
  line-height: 19px;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.backArrow__2rbH2 {
  padding-right: 8px;
}

.teacher-course-view__3oC-Q {
  display: flex;
}

.teacher-course-view__3oC-Q .container__2rfPn {
  display: flex;
  flex-direction: column;
  flex: 1;
  /* background: #fcfcfcf7; */
  /* height: 100vh;
  overflow-y: auto; */
}

.teacher-course-view__3oC-Q .loader__XoIKq {
  margin: 0 auto;
  position: relative;
  align-items: flex-start;
}

.teacher-course-view__3oC-Q .loader__XoIKq > div {
  margin-top: 10rem;
}

/*Block information*/

.teacher-course-view__3oC-Q .information__1RoY5 {
  background: #ffffff;
  border-bottom: 1px solid #e1e3e6;
}

.teacher-course-view__3oC-Q .information__subtitle__vk-w8 {
  margin: 19px 0 0 41px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 32px;
  color: #775afa;
}

.teacher-course-view__3oC-Q .invite__wrapper__2IAGW {
  display: flex;
  justify-content: space-between;
  padding: 0 52px 0 77px;
  margin: 5px 0 50px 0;
}

.teacher-course-view__3oC-Q .invite__title__n3q7s {
  margin: 0;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  color: #b6c6d0;
}

.teacher-course-view__3oC-Q .invite__button__1HSe9 {
  display: flex;
  border: 1px solid #7659f9;
  border-radius: 15px;
  background: transparent;
  padding: 12px 20px;
}

.teacher-course-view__3oC-Q .invite__button-icon__25Tq2 {
  margin-right: 8px;
}

.teacher-course-view__3oC-Q .invite__button-paragraph__2GEK_ {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #7659f9;
}

.teacher-course-view__3oC-Q .information__1RoY5 .navbar__W-81U {
  display: flex;
  padding: 21px 0 0 48px;
}

.teacher-course-view__3oC-Q .navbar__link__RWDkN {
  position: relative;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #b6c6d0;
  margin: 0 50px 0 0;
  height: 40px;
  text-decoration: none;
}

.teacher-course-view__3oC-Q .navbar__link__RWDkN::after {
  content: '';
  width: 56px;
  height: 3px;
  background: #260000;
  border-radius: 6px 6px 0 0;
  position: absolute;
  left: calc(50% - 28px);
  bottom: 0;
  opacity: 0;
}

.teacher-course-view__3oC-Q .navbar__link__RWDkN:hover:after {
  content: '';
  opacity: 1;
}

.teacher-course-view__3oC-Q .activeTab__3Hd0j:after {
  content: '';
  opacity: 1;
}

.teacher-course-view__3oC-Q .navbar__link__RWDkN:hover {
  cursor: pointer;
  color: #260000;
}

.teacher-course-view__3oC-Q .activeTab__3Hd0j {
  cursor: pointer;
  color: #260000;
}

/* Toolbar */

.toolbar__1WzwL {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.toolbarButton__2wXqM {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  margin-right: 45px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  border-radius: 14px;
  transition: box-shadow 0.3s ease-in-out;
}

.toolbarButton__2wXqM:hover {
  box-shadow: 10px 10px 20px rgba(119,90,250,0.32941);
}

/* modules */

.teacher-course-view__3oC-Q main {
  padding: 45px;
}

.add-module__2YH6v {
  display: flex;
  justify-content: space-between;
  grid-column-gap: 12px;
  -moz-column-gap: 12px;
       column-gap: 12px;
}

.inputModuleWrapper__2E2UY {
  flex-grow: 1;
}

.add-module__button-wrapper__XBPdO {
  display: flex;
  justify-content: space-between;
  grid-row-gap: 8px;
  row-gap: 8px;

  flex-grow: 1;
}

.teacher-course-view__3oC-Q .list-modules__3eBlW {
  margin-bottom: 16px;
}

.list-modules__3eBlW {
  margin-bottom: 24px;
}

.teacher-course-view__3oC-Q .button-lesson__HRQJX {
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  border-radius: 15px;
  padding: 14px 35px;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border: none;
}

.teacher-course-view__3oC-Q .modules-no-empty__2qM9m {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.teacher-course-view__3oC-Q .modules-no-empty__2qM9m svg {
  width: 60px;
  height: 60px;
  margin-top: 150px;
  margin-bottom: 20px;
}

.teacher-course-view__3oC-Q .modules-no-empty__2qM9m h4 {
  font-size: 18px;
  font-weight: 400;
}

.sortButton__2NJsO {
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 16px;
  padding-right: 16px;

  border: 1px solid #775afa;
  border-radius: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #775afa;
  height: 48px;
  transition: box-shadow 0.3s ease-in-out;
}

.sortButton__2NJsO:hover {
  box-shadow: 0 0 3px 1px #775afa;
}

.addButton__2TjHK {
  width: -moz-fit-content;
  width: fit-content;
}

.sortMod__3H94N {
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  color: #fff;
}

.sortMod__3H94N:hover {
  box-shadow: 10px 10px 20px rgba(119,90,250,0.32941);
}

.sortButton__2NJsO:focus {
  outline: none;
}

@media screen and (max-width: 900px) {
  .teacher-course-view__3oC-Q .container__2rfPn {
    height: auto;
  }

  .teacher-course-view__3oC-Q main {
    padding: 25px;
  }

  .teacher-course-view__3oC-Q .information__1RoY5 .navbar__W-81U {
    flex-direction: column;
    padding: 21px 0 0 40px;
  }
  .teacher-course-view__3oC-Q .navbar__link__RWDkN::after {
    content: '';
    width: 3px;
    height: 26px;
    border-radius: 0 6px 6px 0;
    left: -8px;
    top: 0;
  }
  .teacher-course-view__3oC-Q .invite__wrapper__2IAGW {
    display: flex;
    justify-content: space-between;
    padding: 0 52px 0 32px;
    margin: 15px 0 25px 0;
  }

  .teacher-course-view__3oC-Q .invite__title__n3q7s {
    font-size: 22px;
  }

  .teacher-course-view__3oC-Q .add-module__input-wrapper__2Ejab {
    min-width: auto;
    width: 100%;
  }

  .add-module__button-wrapper__XBPdO {
    flex-direction: column;
  }

  .teacher-course-view__3oC-Q .add-module__button-wrapper__XBPdO button {
    width: 100%;
  }

  .teacher-course-view__3oC-Q .add-module__button-wrapper__XBPdO div {
    width: 100%;
    margin: 10px 0;
  }

  .add-module__2YH6v {
    flex-direction: column;
    grid-row-gap: 12px;
    row-gap: 12px;
  }

  .sortButton__2NJsO {
    height: 32px;
    font-size: 14px;
    padding: 0 16px;
    line-height: 16px;
    border-radius: 8px;
  }

  .toolbar__1WzwL {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
  }

  .toolbar__1WzwL > header {
    width: 100%;
    margin-bottom: 24px;
    padding: 24px 20px 0 20px;
  }

  .toolbar__1WzwL > header > div {
    max-width: 100%;
  }

  .toolbarButton__2wXqM {
    margin: 0 20px;
    width: 100%;
  }

  .addButton__2TjHK {
    width: auto;
  }

  .sortButton__2NJsO {
    width: auto;
  }
}

@media screen and (max-width: 900px) {
  .teacher-course-view__3oC-Q .button-lesson__HRQJX {
    height: 32px;
    font-size: 14px;
    padding: 0 16px;
    line-height: 16px;
    border-radius: 8px;
    width: 100%;
  }
}

.teacher-course-modules-view__1_a4F {
  background: #ffffff;
  border: 1px solid #e1e3e6;
  border-radius: 15px;
  width: 100%;
  max-width: 1057px;
  margin-top: 16px;
}

.teacher-course-modules-view__1_a4F .header-column__11aAW {
  display: flex;
  justify-content: space-between;
  padding: 18px 28px 18px 31px;
  overflow: hidden;
  position: relative;
}

.teacher-course-modules-view__1_a4F .header-column__item__2yzfC {
  display: flex;
}

.teacher-course-modules-view__1_a4F .header-column__vector__2n-zN {
  margin-right: 14px;
  transition: 300ms;
}

.teacher-course-modules-view__1_a4F .rotate__2kLVv {
  transform: rotate(180deg);
}

.teacher-course-modules-view__1_a4F .header-column__paragraph__jDAVW {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #b6c6d0;
  padding: 0;
  margin: 0;
  cursor: default;
}

.teacher-course-modules-view__1_a4F .header-correct__3OZ0j {
  color: #b6c6d0;
  font-size: 14px;
  line-height: 24px;
  margin-left: 8px;
  margin-top: 2px;
  font-style: italic;
  cursor: pointer;
}

.teacher-course-modules-view__1_a4F .header-correct__3OZ0j:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.teacher-course-modules-view__1_a4F .loader__1cP-6 {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  height: 20px;
  top: 5px;
}

.teacher-course-modules-view__1_a4F .header-column__icon__r15tW {
  margin-left: 20px;
  width: 22px;
}

.teacher-course-modules-view__1_a4F .header-column__icon__r15tW:hover {
  cursor: pointer;
}

/* border*/

.teacher-course-modules-view__1_a4F .column-wrapper__border__XI8c8 {
  border: 1px solid #e1e3e6;
}

/**/

.teacher-course-modules-view__1_a4F .column-wrapper__item__1PxAd {
  display: flex;
  justify-content: space-between;
  padding: 29px 49px 29px 20px;
  cursor: default;
}

/*.teacher-course-modules-view .column-wrapper__item:hover {*/

/*  background-color: #f8f8f8;*/

/*}*/

.teacher-course-modules-view__1_a4F .column-wrapper__text__3lCK_ {
  display: flex;
  align-items: center;
}

.teacher-course-modules-view__1_a4F .text__icon__3ECpR {
}

.teacher-course-modules-view__1_a4F .text__chexbox__2M3_G {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border: 2px solid #e1e3e6;
  border-radius: 5px;
  margin: 0 12px 0 17px;
}

.teacher-course-modules-view__1_a4F .text__chexbox__2M3_G:hover {
  background: #00db5f;
  cursor: pointer;
}

.teacher-course-modules-view__1_a4F .text__chexbox-icon__11TlF {
  display: none;
}

.teacher-course-modules-view__1_a4F .text__chexbox__2M3_G:hover .text__chexbox-icon__11TlF {
  display: block;
}

.teacher-course-modules-view__1_a4F .text__title__PtDDb {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #260000;
  width: 300px;
  text-overflow: ellipsis;
}

.teacher-course-modules-view__1_a4F .text__title__PtDDb:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.teacher-course-modules-view__1_a4F .text__subtitle__1DgN- {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #260000;
  margin-left: 28px;
}

.teacher-course-modules-view__1_a4F .column-wrapper__button__K2sQb {
  display: flex;
  position: relative;
}

.teacher-course-modules-view__1_a4F .button__2xLLB {
}

.teacher-course-modules-view__1_a4F .button__paragraph__1-sIk {
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  color: #07a287;
  background: rgba(7, 162, 135, 0.08);
  border-radius: 8px;
  padding: 4px 8px;
  margin: 0;
  height: -moz-fit-content;
  height: fit-content;
  align-self: center;
}

.teacher-course-modules-view__1_a4F .button__paragraph__1-sIk:hover {
  background: rgba(7, 162, 135, 0.15);
  cursor: pointer;
}

.teacher-course-modules-view__1_a4F .button__change__3ht-i {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #b6c6d0;
  background: transparent;
  border: none;
  margin: 0 38px 0 52px;
  cursor: pointer;
}

.teacher-course-modules-view__1_a4F .button__change__3ht-i:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.teacher-course-modules-view__1_a4F .button__delete__1tbJs:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.teacher-course-modules-view__1_a4F .button__delete__1tbJs {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #fc4545;
  background: transparent;
  border: none;
  cursor: pointer;
}

.teacher-course-modules-view__1_a4F .button-lesson__1YbeC {
  display: flex;
  align-items: center;
  background: transparent;
  padding: 28px 0 28px 54px;
  border: none;
  cursor: pointer;
}

.teacher-course-modules-view__1_a4F .button-lesson__icon__15z7b {
  margin-right: 8px;
}

.teacher-course-modules-view__1_a4F .button-lesson__paragraph__2VN_- {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #7659f9;
}

.teacher-course-modules-view__1_a4F .footer__column__1Oyj0 {
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  border: 1px solid #e1e3e6;
  border-radius: 15px;
  margin: 20px 0;
  padding: 18px 20px 18px 31px;
}

.teacher-course-modules-view__1_a4F .button-wrapper__HiBiJ {
  display: flex;
  align-items: center;
  padding: 14px 24px;
  border: none;
  border-radius: 15px;
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
}

.teacher-course-modules-view__1_a4F .button-wrapper__icon__bNHao {
}

.teacher-course-modules-view__1_a4F .button-wrapper__paragraph__1dKIa {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  margin-left: 8px;
  align-items: center;
}

.column-wrapper__items__2XJYg {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 16px;
  gap: 16px;
  padding: 20px 16px;
}

.titleInput__2yJH- {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #b6c6d0;
  margin: 0;
  background: transparent;
  border: none;
  outline: none;
}

.submitFormBtn__2CkT4 {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  margin-left: 10px;
}

.submitFormBtn__2CkT4 img {
  position: relative;
  top: 4px;
}

.form__y5-PR {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  width: 100%;
}

.errorDialog__3Y_ej {
  width: 400px;
}

.inputStyle__7UIhZ::-moz-placeholder {
  opacity: 0.3;
  margin: 0 auto;
  text-align: center;
}

.inputStyle__7UIhZ::placeholder {
  opacity: 0.3;
  margin: 0 auto;
  text-align: center;
}

.bottom__30NwF {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bottom__save__erUfl {
  width: 200px;
  margin-right: 54px;
}

.bottom__save__erUfl div {
  width: inherit !important;
  height: inherit !important;
  font-size: 16px !important;
  padding: 6px !important;
}

.moduleOrderInput__1O6Dl input {
  padding-left: 0 !important;
  text-align: center;
  width: 40px !important;
  height: 40px !important;
  font-size: 16px !important;
}

.moduleOrderInput__1O6Dl {
  align-self: center;
  position: absolute;
}

.moduleTitle__35bcT {
  font-size: 18px;
  line-height: 24px;
  color: #b6c6d0;
  padding: 0;
  cursor: default;
  margin-left: 55px;
  align-self: center;
}

@media screen and (max-width: 900px) {
  .teacher-course-modules-view__1_a4F .header-column__11aAW {
    padding: 10px 15px;
  }

  .teacher-course-modules-view__1_a4F .header-column__item__2yzfC {
    align-items: center;
  }

  .teacher-course-modules-view__1_a4F .header-column__paragraph__jDAVW {
    font-size: 14px;
  }

  .teacher-course-modules-view__1_a4F .header-column__icon__r15tW {
    width: 16px;
    min-width: 16px;
  }

  .teacher-course-modules-view__1_a4F .column-wrapper__item__1PxAd {
    padding: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .teacher-course-modules-view__1_a4F .column-wrapper__text__3lCK_ {
    align-items: center;
  }

  .teacher-course-modules-view__1_a4F .text__title__PtDDb {
    font-size: 12px;
    width: 100px;
  }

  .teacher-course-modules-view__1_a4F .text__subtitle__1DgN- {
    font-size: 12px;
  }

  .teacher-course-modules-view__1_a4F .column-wrapper__button__K2sQb {
    margin-left: 40px;
  }

  .moduleOrderInput__1O6Dl input {
    width: 30px !important;
    height: 30px !important;
    font-size: 12px !important;
  }

  .moduleTitle__35bcT {
    font-size: 14px;
  }

  .orderInput__19-Qx {
    display: flex;
    align-items: center;
    margin-right: 0;
  }

  .orderInput__19-Qx input {
    padding-left: 0 !important;
    text-align: center;
    width: 35px !important;
    height: 35px !important;
    font-size: 16px !important;
  }

  .teacher-course-modules-view__1_a4F .button-lesson__1YbeC {
    padding: 14px 0 14px 20px;
  }

  .teacher-course-modules-view__1_a4F .button-lesson__paragraph__2VN_- {
    font-size: 12px;
    line-height: 16px;
  }

  .bottom__save__erUfl {
    width: 120px;
    font-size: 14px;
    margin-right: 20px;
  }

  .bottom__save__erUfl div {
    font-size: 10px !important;
  }
}

.root__3GsgF {
  padding: 42px !important;
  display: flex;
  flex-direction: column;
}

.title__3_Bkg {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 36px;
}

.description__24__L {
  font-size: 16px;
  margin-bottom: 47px;
}

.actions__24CQ1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.submitButton__ImjxF {
  height: 51px;
  width: calc(50% - 12px);
  background: linear-gradient(180deg, #fc4545 0%, #b10000 100%);
  border-radius: 15px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border: none;
  outline: none;
}

.cancelButton__1MfwS {
  height: 51px;
  width: calc(50% - 12px);
  background: rgba(119, 90, 250, 0.15);
  border-radius: 15px;
  color: #775afa;
  font-size: 16px;
  cursor: pointer;
  border: none;
  outline: none;
}

.root__MUP3T {
  padding: 42px !important;
  display: flex;
  flex-direction: column;
  min-height: 40rem;
  min-width: 60rem;
}

.title__1MyY1 {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 36px;
}

.description__3p-8X {
  font-size: 16px;
  margin-bottom: 47px;
}

.actions__3O4H5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.subtitle__17b3q {
  font-weight: 600;
}

.grid__2GjuO {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
  margin: 1rem 0;
  flex: 1;
}

.item__9A-Tp {
  padding: 1rem;
  border: 2px solid #eee7f3;
  border-radius: 10px;
  cursor: pointer;
}

.item__9A-Tp:hover {
  border: 2px solid rgb(119, 90, 250);
}

.chosen__1Hwbo {
  border: 2px solid rgb(119, 90, 250);
}

.submitButton__32Dl7 {
  height: 51px;
  width: calc(50% - 12px);
  background: #775afa;
  border-radius: 15px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  border: none;
  outline: none;
}

.cancelButton__Q3QH7 {
  height: 51px;
  width: calc(50% - 12px);
  background: rgba(119, 90, 250, 0.15);
  border-radius: 15px;
  color: #775afa;
  font-size: 16px;
  cursor: pointer;
  border: none;
  outline: none;
}

@media screen and (max-width: 900px) {
  .root__MUP3T {
    min-width: auto;
  }
  .grid__2GjuO {
    grid-template-columns: 1fr;
  }
}

.published__XdaeO {
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 8px;
  padding: 4px 8px;
  color: #07a287;
  background: rgba(7, 162, 135, 0.08);
  align-self: center;
  white-space: nowrap;
}

.published__XdaeO:hover {
  background: rgba(7, 162, 135, 0.15);
  cursor: pointer;
}

.unpublished__1foZn {
  height: -moz-fit-content;
  height: fit-content;
  background: rgba(252, 69, 69, 0.08);
  color: rgb(252, 69, 69);
}

.unpublished__1foZn:hover {
  background: rgba(252, 69, 69, 0.15);
}

@media screen and (max-width: 900px) {
  .published__XdaeO {
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
  }
}

.teacher-module-lesson-view__37_Hl {
}

.teacher-module-lesson-view__37_Hl .header-column__icon__2nKii {
  margin-left: 20px;
  width: 22px;
  min-width: 22px;
}

.teacher-module-lesson-view__37_Hl .header-column__icon__2nKii:hover {
  cursor: pointer;
}

.teacher-module-lesson-view__37_Hl .column-wrapper__border__1-cQB {
  border: 1px solid #e1e3e6;
}

.teacher-module-lesson-view__37_Hl .column-wrapper__item__3OFh_ {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 328px;
  height: 146px;
  border: 1px solid #eee7f3;
  padding: 16px;
  background-color: #f4f9fc;
  border-radius: 8px;
  padding: 16px;
  cursor: default;
}

.teacher-module-lesson-view__37_Hl .column-wrapper__text__2GwsW {
  display: flex;
  align-items: center;
}

.teacher-module-lesson-view__37_Hl .text__icon__2PM0H {
}

.teacher-module-lesson-view__37_Hl .text__chexbox__1idCg {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  border: 2px solid #e1e3e6;
  border-radius: 5px;
  margin: 0 12px 0 17px;
}

.teacher-module-lesson-view__37_Hl .text__chexbox__1idCg:hover {
  background: #00db5f;
  cursor: pointer;
}

.teacher-module-lesson-view__37_Hl .text__chexbox-icon__2iT6Q {
  display: none;
}

.teacher-module-lesson-view__37_Hl .text__chexbox__1idCg:hover .text__chexbox-icon__2iT6Q {
  display: block;
}

.teacher-module-lesson-view__37_Hl .text__title__lYaZS {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #260000;
  width: 300px;
  text-overflow: ellipsis;
}

.teacher-module-lesson-view__37_Hl .text__title__lYaZS:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.teacher-module-lesson-view__37_Hl .text__subtitle__2Ya-8 {
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #260000;
  margin-left: 28px;
}

.teacher-module-lesson-view__37_Hl .text__tariff__3VQu6 {
  margin-left: 28px;
}

.teacher-module-lesson-view__37_Hl .button_unpublished__3yHXx {
  line-height: 24px;
  text-align: center;
  padding: 4px 8px;
  background: rgba(252, 69, 69, 0.08);
  color: rgb(252, 69, 69);
  border-radius: 8px;
  height: -moz-fit-content;
  height: fit-content;
  align-self: center;
  white-space: nowrap;
}

.teacher-module-lesson-view__37_Hl .button_unpublished__3yHXx:hover {
  background: rgba(252, 69, 69, 0.15);
  cursor: pointer;
}

.teacher-module-lesson-view__37_Hl .column-wrapper__button__1JZTs {
  display: flex;
  justify-content: center;
  position: relative;
}

.teacher-module-lesson-view__37_Hl .column-wrapper__button__1JZTs div {
  align-items: center;
  display: flex;
  min-width: auto;
}

.teacher-module-lesson-view__37_Hl .button__paragraph__2v7iW {
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  color: #07a287;
  background: rgba(7, 162, 135, 0.08);
  border-radius: 8px;
  padding: 4px 8px;
  margin: 0;
  height: -moz-fit-content;
  height: fit-content;
  align-self: center;
}

.teacher-module-lesson-view__37_Hl .button__paragraph__2v7iW:hover {
  background: rgba(7, 162, 135, 0.15);
  cursor: pointer;
}

.teacher-module-lesson-view__37_Hl .button__change__PyzB6 {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #b6c6d0;
  background: transparent;
  border: none;
  margin: 0 38px 0 52px;
  cursor: pointer;
}

.teacher-module-lesson-view__37_Hl .button__change__PyzB6:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.teacher-module-lesson-view__37_Hl .button__delete__2v5YB:hover {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.teacher-module-lesson-view__37_Hl .button__delete__2v5YB {
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 24px;
  color: #fc4545;
  background: transparent;
  border: none;
  cursor: pointer;
}

.teacher-module-lesson-view__37_Hl .button-lesson__1LZYt {
  display: flex;
  align-items: center;
  background: transparent;
  padding: 28px 0 28px 54px;
  border: none;
  cursor: pointer;
}

.teacher-module-lesson-view__37_Hl .button-lesson__icon__Fy3oo {
  margin-right: 8px;
}

.teacher-module-lesson-view__37_Hl .button-lesson__paragraph__3Mm2r {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #7659f9;
}

.teacher-module-lesson-view__37_Hl .icons__group__2hO0f {
  display: flex;
  align-items: center;
}

.orderInput__3APTD {
  width: 45px;
  height: 45px;
  margin: auto auto auto 20px;
  align-self: center;
}

.orderInput__3APTD input {
  padding-left: 0 !important;
  text-align: center;
  width: 45px !important;
  height: 45px !important;
  font-size: 16px !important;
}

.inputStyle__8GuVn::-moz-placeholder {
  opacity: 0.3;
  margin: 0 auto;
  text-align: center;
}

.inputStyle__8GuVn::placeholder {
  opacity: 0.3;
  margin: 0 auto;
  text-align: center;
}

.marginTop__2Phz- {
  margin-top: 16px;
}

.statusCheck__1kAeI {
  margin: 16px 0 16px 16px;
  height: 50px;
  display: flex;
  font-size: 12px;
}

.statusCheck__1kAeI span {
  text-align: left;
}

.statusLoader__PyHIs {
  position: relative;
  width: 100%;
  height: 0;
  align-self: center;
  left: -20px;
}

.description__22mMa {
  margin: auto 0;
  font-size: 22px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 0;
}

@media screen and (max-width: 900px) {
  .teacher-module-lesson-view__37_Hl .header-column__item__1TJ2b {
    align-items: center;
  }
  .teacher-module-lesson-view__37_Hl .header-column__paragraph__1PfZc {
    font-size: 14px;
  }

  .teacher-module-lesson-view__37_Hl .header-column__icon__2nKii {
    width: 16px;
    min-width: 16px;
  }

  .teacher-module-lesson-view__37_Hl .column-wrapper__item__3OFh_ {
    padding: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .teacher-module-lesson-view__37_Hl .column-wrapper__text__2GwsW {
    align-items: center;
  }

  .orderInput__3APTD {
    display: flex;
    align-items: center;
    margin-right: 0;
  }

  .orderInput__3APTD input {
    padding-left: 0 !important;
    text-align: center;
    width: 35px !important;
    height: 35px !important;
    font-size: 16px !important;
  }

  .teacher-module-lesson-view__37_Hl .text__title__lYaZS {
    font-size: 12px;
    width: 100px;
  }

  .teacher-module-lesson-view__37_Hl .text__subtitle__2Ya-8 {
    font-size: 12px;
    line-height: 14px;
  }

  .teacher-module-lesson-view__37_Hl .text__tariff__3VQu6 {
    font-size: 10px;
  }

  .teacher-module-lesson-view__37_Hl .column-wrapper__button__1JZTs {
    margin-left: 40px;
  }
}

.container__3r_5U {
  display: flex;
}

.content__2IL1t {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.tasks__UbtWg {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

.buttonShowAll__1sTdM.buttonShowAllMod__3A-9Y {
  margin-bottom: 20px;

  height: 48px;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (min-width: 768px) {
  .tasks__UbtWg {
    padding: 0 20px;
  }
}

@media screen and (min-width: 1280px) {
  .tasks__UbtWg {
    padding: 32px 48px;
  }
}

.header__UDu2X {
  height: 96px;
  padding: 32px 48px;

  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  border-bottom: 1px solid #e1e3e6;
  background: white;
}

.favoritesButton__vFSvy {
  margin-top: 4px;
  margin-left: 24px;
}

.actions__1FaAq {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .actions__1FaAq > *:nth-child(2) {
    transform: translateY(20px);
  }
}

@media screen and (min-width: 768px) {
  .actions__1FaAq {
    flex: 18px;
    flex-direction: row;
  }
}

.container__3qql5 {
  display: flex;
}

.content__3yqfE {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;

  overflow-y: auto;
  background: radial-gradient(100% 126.78% at 100%, at 100%, #faf4f6 43.87%, #f4f9fc 100%);
  background: radial-gradient(100% 126.78% at 100% 100%, #faf4f6 43.87%, #f4f9fc 100%);
}

.tasks__3sftU {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

.buttonShowAll__2KRcE.buttonShowAllMod__2U83K {
  margin-bottom: 20px;

  height: 48px;
  width: -moz-fit-content;
  width: fit-content;
}

@media screen and (min-width: 768px) {
  .tasks__3sftU {
    padding: 0 20px;
  }
}

@media screen and (min-width: 1280px) {
  .tasks__3sftU {
    padding: 32px 48px;
  }
}

.header__3FUDl {
  height: 96px;
  padding: 32px 48px;

  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  border-bottom: 1px solid #e1e3e6;
  background: white;
}

.getTestedButton__1U5ND {
  width: 222px;
  height: 48px !important;
  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

@media screen and (max-width: 767px) {
  .getTestedButton__1U5ND {
    width: 166px;
    font-size: 13px !important;
  }
}

.favoritesButton__23r4D {
  margin-top: 4px;
  margin-left: auto;
}

.actions__4UWGU {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .actions__4UWGU > *:nth-child(2) {
    transform: translateY(20px);
  }
}

@media screen and (min-width: 768px) {
  .actions__4UWGU {
    grid-gap: 18px;
    gap: 18px;
    flex-direction: row;
  }

  .wrapper__2HpzV {
    display: flex;
    grid-column-gap: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px;
    align-items: center;
  }
}

.container__3DkdZ {
  width: 100%;
  margin-bottom: 8px;
  /* padding: 32px 48px; */
  padding: 24px 20px;

  background: #ffffff;
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

@media screen and (min-width: 1280px) {
  .container__3DkdZ {
    padding: 32px 48px;
  }
}

.content__3bf6U img {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .content__3bf6U img {
    max-width: 400px;
  }
}

.head__1jP8l {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.number__3GVZq {
  margin-right: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.id__15Cke {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
}

.exercise__2u9mj {
  margin-bottom: 16px;

  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.footer__2IK2U {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}

.addButton__3k4sA {
  width: 124px;

  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
}

.taskText__FMnp1 {
  padding-right: 54px;

  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

table {
  display: flex !important;
  justify-content: center !important;
}

.taskContent__3d9Jj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.theme__1KKtY {
  display: flex;
  align-items: baseline;
  padding-right: 32px;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
  margin: auto;
}

.themeValue__opld5 {
  margin-left: 4px;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #775afa;
}

.solution__2SeXF {
  display: flex;
  align-items: center;
}

.statusIcon__3VlXH {
  margin-right: 8px;
  cursor: pointer;
}

.editButton__3fDk9 {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 16px 0 auto;

  background: #eee7f3;
  border-radius: 12px;
}

.buttonIcon__3xOHT {
  width: 24px;
  height: 24px;
}

.deleteButton__2cnsJ {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  background: #fbe3e7;
  border-radius: 12px;
}

.deletePopup__5OKcC {
  width: 552px;
  height: 237px;
}

.deletePopupDescription__3YPsQ {
  margin-top: 16px;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.closeIcon__3flJ- {
  width: 16px;
  height: 16px;
  margin-left: 3px;

  stroke: #775afa;
  transform: rotate(90deg);
}

.openIcon__1Kiva {
  margin-top: 3px;
  transform: rotate(-90deg);
}

.solutionTitle__tci5c {
  margin-right: 8px;

  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #775afa;
}

.inputTitle__1Ww3y {
  margin: 24px 0 8px 0;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.inputInCorrect__2lciy {
}

.inputInCorrect__2lciy:hover {
  border: 2px solid #fc4545 !important;
}

.inputCorrect__12yBk {
}

.inputCorrect__12yBk:hover {
  border: 2px solid #eee7f3 !important;
}

.points__3k-KH {
  margin-top: 24px;

  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.points__3k-KH span {
  margin-left: 4px;

  color: #775afa;
}

.files__2olhc {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  grid-gap: 28px;
  gap: 28px;
  margin-top: 16px;
}

.fileViewClassName__A4Ub- {
  width: 292px !important;
  height: 110px !important;
}

.fileViewClassName__A4Ub- img {
  width: 78px !important;
  height: 86px !important;
}

.fileViewClassName__A4Ub- span {
  max-height: 39px;
}

.imagesClassName__fFVZV {
  width: 292px !important;
  height: 180px !important;
}

.taskCardDescp__IYoG4 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.font__VMPQk p {
  font-family: 'MathJax', sans-serif;
}

.taskText__FMnp1 ol {
  counter-reset: item;
}

.taskText__FMnp1 ol li::before {
  counter-increment: item;
  content: counter(item) ') ';
}

.container__261cx {
  display: flex;
}

.content__2Unn8 {
  padding: 20px 24px;
}

.submitActions__MBFG3 {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
}

@media screen and (max-width: 1000px) {
  .submitActions__MBFG3 {
    display: none;
  }
}

.buttons__-c0Us {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}

.button__3y91d {
  width: 320px;
}

.button__3y91d:not(:last-child) {
  margin-right: 10px;
}

.container__2bV9j {
  padding: 20px 24px;

  background: #ffffff;
  border: 1px solid #eee7f3;
  box-sizing: border-box;
  border-radius: 12px;
}

@media screen and (min-width: 1280px) {
  .container__2bV9j {
    padding: 32px 48px;
  }
}

.inputs__2Uy5X {
  display: flex;
  flex-direction: column;
  grid-column-gap: 24px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  grid-row-gap: 40px;
  row-gap: 40px;
}

@media screen and (min-width: 1000px) {
  .inputs__2Uy5X {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.select__vXkq6 {
  flex-grow: 1;
}

.wrapperInput__2XKaJ {
  width: 100%;
}

@media screen and (min-width: 1000px) {
  .wrapperInput__2XKaJ {
    width: calc(50% - 12px);
  }
}

.inputTitle__1aaK- {
  margin-bottom: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #260000;
}

.title__DtNrx {
  margin-bottom: 40px;

  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.inputGroup__zMAwr {
  display: flex;
  flex-direction: column;
  width: calc(50% - 19px);
}

.subtitle__3P1nH {
  color: #b6c6d0;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 6px;
}

.dateInputSubtitle__3BWbW {
  margin-top: 8px;

  font-size: 14px;
  line-height: 17px;
  color: #8398a6;
}

.dateInputSubtitleInvalid__2nz_5 {
  color: #fc4545;
}

.notFountError__19gjR {
  padding-top: 15px;
}

.loaderContainer__3WQpl {
  position: relative;
}

.wrapperCheckbox__3qEt1 {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.wrapperCheckbox__3qEt1 > div {
  margin-bottom: 0;
}

.select-view__3udXm {
  width: 100%;
  height: 46px;
  border-radius: 12px;
  box-shadow: 0px 4px 2px -2px rgba(27, 46, 94, 0.02);
  border: 1px solid #eee7f3;
  cursor: pointer;
  position: relative;
}

.select-view__3udXm._opened__13-_z {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select-view__3udXm .cover__1--iL {
  position: absolute;
  height: -moz-max-content;
  height: max-content;
  width: 100%;
  border-radius: 8px;
}

.select-view__3udXm .header__2qEYH {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  z-index: 5;
}

.select-view__3udXm .header__icon__11q0v {
  width: 12px;
  height: 12px;
  color: black;
}

.select-view__3udXm .headerText__2kY4o {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  max-width: 90%;
}

.select-view__3udXm .item__2mvos:hover {
  background: rgba(238,231,243,0.38824);
}

.select-view__3udXm .item__2mvos:hover .text__VS99l {
  color: #260000;
}

.select-view__3udXm .button__1TqUC {
  min-height: 44px;
  background: transparent;
  padding: 4px 12px 4px 23px;
  width: 100%;
  border-style: none;
  cursor: pointer;
  border: 0px;
  outline: 0px;
  text-align: left;
}

.select-view__3udXm .item__2mvos {
  justify-content: flex-start;
  background: #ffffff;
}

.select-view__3udXm .list__3tdm7 {
  display: flex;
  flex-direction: column;
  position: relative;
  max-height: 300px;
  overflow-y: auto;
  z-index: 15;
  border: 1px solid #eee7f3;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #ffffff;
}

.select-view__3udXm .text__VS99l {
  color: black;
  font-size: 16px;
  text-align: left;
  width: 100%;
}

.select-view__3udXm._view_gray__3hqQ- {
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #eee7f3;
}

.select-view__3udXm._view_gray__3hqQ- .headerText__2kY4o {
  color: black;
}

.select-view__3U9bM {
  width: 100%;
  height: 46px;
  border-radius: 12px;
  box-shadow: 0px 4px 2px -2px rgba(27, 46, 94, 0.02);
  border: 1px solid #eee7f3;
  cursor: pointer;
  position: relative;
}

.select-view__3U9bM._opened__3ti68 {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select-view__3U9bM .cover__1T-bx {
  position: absolute;
  height: -moz-max-content;
  height: max-content;
  width: 100%;
  border-radius: 8px;
}

.select-view__3U9bM .header__2Cj19 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  z-index: 5;
}

.select-view__3U9bM .header__2Cj19:disabled {
  border-radius: 12px;
  border: 1px solid #eee7f3;
  background: #ffffff !important;
  cursor: not-allowed;
}

.select-view__3U9bM .header__icon__38eyJ {
  position: absolute;
  right: 12px;
  top: 16px;

  width: 12px;
  height: 12px;
  color: #d3cddb;
}

.select-view__3U9bM .headerText__19Z8S {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  max-width: 90%;
}

.select-view__3U9bM .item__1YC-e:hover {
  background: rgba(238,231,243,0.38824);
}

.select-view__3U9bM .item__1YC-e:hover .text__1wuvj {
  color: #260000;
}

.select-view__3U9bM .button__1aH-V {
  min-height: 44px;
  background: transparent;
  padding: 4px 40px 4px 23px;
  width: 100%;
  border-style: none;
  cursor: pointer;
  border: 0px;
  outline: 0px;
  text-align: left;
  font-size: 16px;
}

.select-view__3U9bM .item__1YC-e {
  justify-content: flex-start;
  background: #ffffff;
}

.select-view__3U9bM .list__1r4MP {
  display: flex;
  flex-direction: column;
  position: relative;
  max-height: 300px;
  overflow-y: auto;
  z-index: 100;
  border: 1px solid #eee7f3;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  background: #ffffff;
}

.select-view__3U9bM .text__1wuvj {
  color: #b6c6d0;
  font-size: 16px;
  text-align: left;
  width: 100%;
}

.select-view__3U9bM._view_gray__rrGXl {
  background: rgba(255, 255, 255, 0.5);
  border: 2px solid #eee7f3;
}

.select-view__3U9bM._view_gray__rrGXl .headerText__19Z8S {
  color: #d3cddb;
}

.close_icon_wrap__U_jkp {
  position: absolute;
  display: inline-block;
  width: 15px;
  height: 16px;
  right: 15px;
  top: 15px;
}

.close_icon_wrap__U_jkp:hover {
  opacity: 0.7;
}

.close_icon__3ZT4y {
  width: 100%;
  height: 100%;
}

.select-view__3U9bM._input__3uxJq {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select-view__3U9bM .input__3n_6d {
  cursor: text;
}

.container__1n582 {
  padding: 20px 24px;
  margin-top: 16px;

  background: #ffffff;
  border: 1px solid #eee7f3;
  box-sizing: border-box;
  border-radius: 12px;
}

@media screen and (min-width: 1280px) {
  .container__1n582 {
    padding: 32px 48px;
  }
}

.title__jNwPH {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.task-id__1k1Ne {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
  margin-left: 5px;
}

.task-number__2bpWp {
  margin-bottom: 10px;
}

.blockTitle__OIotT {
  margin-bottom: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.loadImage__2zk9x {
  height: 72px;

  border: 2px dashed #775afa;
  border-radius: 15px;
}

.noFiles__1-mc2 {
  display: flex;
  justify-content: center;
}

.noFilesTitle__1KARN {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #775afa;
}

.noFilesImage__1hbsc {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}

.preview__2ADlj {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}

.file__185AL {
  height: 272px;
  width: 272px;
  display: flex;
  align-items: center;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
}

.fileInfo__delete__mo1IX {
  font-size: 14px;
  font-weight: 400;
  color: #fc4545;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.deleteButton__iIIqP {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.сorrectAnswerOption__3d7ww {
  display: flex;
}

.removeAnswerBtn__3p-X0 {
  background: rgba(252, 69, 69, 0.1);
  outline: none;
  border: none;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 5px;
}

.addCorrectAnswerOption__2_xzI {
  display: flex;
  align-items: center;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #775afa;
}

.textEditor__3syqi {
  margin-top: 40px;
}

.trash__2KBgW {
  display: flex;
  margin-top: 10px;
  justify-content: flex-end;
}

.trash-icon__1Qt4w {
  cursor: pointer;
}

.container__1Fhef {
  display: flex;
  flex-direction: column;

  margin: 40px 0;
}

.blockTitle__11m6- {
  margin-bottom: 16px;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.сorrectAnswerOption__VkIn1 {
  display: flex;
  margin-bottom: 16px;
}

.removeAnswerBtn__39hIy {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;

  background: #fbe3e7;
  border-radius: 12px;
}

.addCorrectAnswerOption__1j5bE {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #775afa;
}

.deletePopup__2EtL9 {
  width: 552px;
}

:root {
  --heightFloatSubmissions: 150px;
}

.content__2-dhM {
  display: flex;
  flex-direction: column;
  padding: 20px 24px;
  height: calc(100% - 150px);
  height: calc(100% - var(--heightFloatSubmissions));
  overflow-y: scroll;
}

@media screen and (min-width: 1280px) {
  .content__2-dhM {
    padding: 32px 48px;
  }
}

.addTask__32H2J {
  width: 100%;
}

@media screen and (min-width: 900px) {
  .addTask__32H2J {
    width: 242px;
  }
}

.addAuto__HaMUn {
  width: 100%;
  background: #ffffff;
  border: 1px solid #775afa !important;
}

@media screen and (min-width: 900px) {
  .addAuto__HaMUn {
    width: 272px;
    background: #ffffff;
    border: 1px solid #775afa !important;
  }
}

.addAuto__HaMUn img {
  color: red;
}

.buttonTitle__3XTUP {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: white;
}

.buttonAuto__2bm2I {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #775afa;
}

.actions__1MGLQ {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  grid-gap: 10px;
  gap: 10px;
}

@media screen and (min-width: 1100px) {
  .actions__1MGLQ {
    flex-direction: row-reverse;
  }
}

.actionButtons__1j34G {
  width: 100%;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  flex-direction: column;
}

@media screen and (min-width: 1100px) {
  .actionButtons__1j34G {
    flex-direction: row;
  }
}

.tasks__3rZsg {
  margin-top: 20px;
}

.detachButton__1uHTE {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;

  background: #fbe3e7;
  border-radius: 12px;
  margin-left: 16px;
}

.editButton__nfriR {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 16px 0 auto;

  background: #eee7f3;
  border-radius: 12px;
}

.floatSubmitActions__3Am_j {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  height: 150px;

  height: var(--heightFloatSubmissions);

  display: flex;
  grid-gap: 10px;
  gap: 10px;
  flex-direction: column;
  padding: 20px 16px;
  min-height: 80px;
  background-color: #fff;
  border-top: 1px solid #eee7f3;
}

.submitActions__3VhAV {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
}

@media (min-width: 768px) {
  .floatSubmitActions__3Am_j {
    align-items: flex-end;
  }
}

@media screen and (min-width: 1000px) {
  .floatSubmitActions__3Am_j {
    display: none;
  }

  .content__2-dhM {
    overflow-y: auto;
    height: auto;
  }
}

@media screen and (max-width: 1000px) {
  .submitActions__3VhAV {
    display: none;
  }
}

.container__2rrdw {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  grid-gap: 10px;
  gap: 10px;

  margin-bottom: 16px;
  padding: 24px 20px;

  background: white;
  border: 1px solid #eee7f3;
  border-radius: 12px;
}

@media screen and (min-width: 1100px) {
  .container__2rrdw {
    padding: 48px;
  }
}

.wrapperInput__yHtgd {
  width: 220px;
}

@media screen and (min-width: 1200px) {
  .wrapperInput__yHtgd {
    margin-right: auto;
  }
}

.card__3ZlAx {
  height: 48px;
  display: flex;
  align-items: center;
  padding: 12px 16px;

  background: #ffffff;
  border: 2px solid #eee7f3;
  border-radius: 12px;
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
}

.value__FiXwX {
  margin-left: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
}

.dateInput__1tLyZ {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  font-size: 18px;
}

.time__3SUKb {
  max-height: 48px;
}

.favoritesPopup__1dP6u {
  width: 90%;

  overflow-y: hidden;
  background: #ffffff;
  box-shadow: 0px 8px 16px -2px rgba(27, 46, 94, 0.08);
  border-radius: 24px;
  height: 90vh;
}

.description__3pFG2 {
  margin-top: 16px;

  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
}

.tasks__cDsl0 {
  display: flex;
  flex-direction: column;
  padding-right: 16px;
  margin-bottom: 40px;
  overflow-y: auto;
}

.wrapper__2T0b3 {
  display: flex;
  align-items: center;
}

.newTask__2qDB7 {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #775afa;
  position: absolute;
  bottom: 40px;
}

.newTask__2qDB7 img {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.addButton__1HQBD {
  width: 124px;

  font-weight: 500;
  font-size: 16px !important;
  line-height: 24px;
}

.msg__NsGIr {
  text-align: center;
  font-size: 20px;
  margin-bottom: 20px;
}

.container__1xz8W {
  position: relative;
  margin: 24px 0;
}

.filterButton__rPNBP {
  height: 40px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;

  background: #ffffff;
  border: 1px solid #eee7f3;
  box-shadow: 0px 4px 2px -2px rgba(27, 46, 94, 0.02);
  border-radius: 12px;
  cursor: pointer;
  outline: none;
}

.filterButtonText__1Un43 {
  margin-left: 8px;

  font-size: 16px;
  line-height: 24px;
  color: #260000;
}

.indicator__3aFHV {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 8px;
  right: 8px;

  border-radius: 50%;
  background: #00df60;
}

.hidden__AOD0c {
  display: none;
}

.container__KpvhK {
  width: 400px;
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
  padding: 16px 0 24px 0;

  z-index: 7;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #f5f1f8;
  box-shadow: 0px 8px 16px -2px rgba(27, 46, 94, 0.08);
  border-radius: 12px;
}

.item__3qnDO {
  width: 100%;
  height: 24px;
  display: flex;
  align-items: center;
  padding: 16px;

  border: none;
  outline: none;
  cursor: pointer;
  transition: all 0.3s;
  background: #ffffff;
}

.item__3qnDO span {
  display: flex;
  align-items: center;

  font-size: 18px;
  line-height: 24px;
  color: #260000;
}

.item__3qnDO img {
  margin-left: auto;
}

.item__3qnDO:hover {
  background: #f4f4f4;
}

.dropDownItem__1zFsn {
  padding: 8px 16px;

  font-size: 16px;
  line-height: 24px;
  background: #ffffff;
  border-bottom: 1px solid #f5f1f8;
  cursor: pointer;
}

.dropDownItem__1zFsn:hover {
  background: #f4f4f4;
}

.themeItem__2NikY {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.themes__HFtLF {
  max-height: 437px;

  overflow-y: auto;
}

.currentTheme__3pqdf {
  margin-top: 4px;

  text-align: left;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #c0b6d6;
}

.borderBottom__s6-kl {
  padding-bottom: 24px;
  margin-bottom: 24px;

  border-bottom: 1px solid #f5f1f8;
}

.upArrow__3hJs_ {
  margin-left: auto;
  transform: rotate(90deg);
}

.downArrow__2fZoB {
  margin-left: auto;
  transform: rotate(-90deg);
}

.downIcon__3tqhg {
  width: 16px;
  height: 16px;
}

.downIconUp__2fOm2 {
  transform: rotate(180deg);
}

.overlay__2XNBQ {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0%;
  top: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 6;
}

.checkboxes__10-Zp {
  padding: 0 16px;
}

.checkboxesTitle__3BWWf {
  margin-bottom: 16px;

  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.actions__IMkn9 {
  display: flex;
  background-color: #fff;
  padding: 10px;
}

.saveButton__BNRlO {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;

  color: #ffffff;
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  border-radius: 12px;
}

.buttonIcon__3F9iJ {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.cancelButton__iFGXB {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 32px;

  background: #fbe3e7;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  border-radius: 12px;
  color: #fc4545;
}

.content__TCAnM {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  padding-bottom: 100px;
}

@media screen and (min-width: 1280px) {
  .content__TCAnM {
    padding: 32px 48px;
    padding-bottom: 100px;
  }
}

.floatSubmitActions__cVzy4 {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  grid-gap: 10px;
  gap: 10px;
  padding: 20px 16px;
  min-height: 80px;
  background-color: #fff;
  border-top: 1px solid #eee7f3;
}

.floatSubmitActions__cVzy4 > * {
  flex-basis: 50%;
}

@media screen and (min-width: 1000px) {
  .floatSubmitActions__cVzy4 {
    display: none;
  }
}

.submitActions__2T1mt {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
}

@media screen and (max-width: 1000px) {
  .submitActions__2T1mt {
    display: none;
  }
}

.buttons__24eZX {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}

.button__3xXx5 {
  width: 320px;
}

.button__3xXx5:not(:last-child) {
  margin-right: 10px;
}

.cancelButton__18Qy9 {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 12px 12px;

  background: #fbe3e7;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  border-radius: 12px;
}

.container__-jNUc {
  padding: 20px 24px;

  background: #ffffff;
  border: 1px solid #eee7f3;
  box-sizing: border-box;
  border-radius: 12px;
}

@media screen and (min-width: 1280px) {
  .container__-jNUc {
    padding: 32px 48px;
  }
}

.inputs__1sss5 {
  display: flex;
  flex-direction: column;
  grid-column-gap: 24px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  grid-row-gap: 40px;
  row-gap: 40px;
}

@media screen and (min-width: 1000px) {
  .inputs__1sss5 {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.select__2ETau {
  flex-grow: 1;
}

.wrapperInput__2qsB3 {
  width: 100%;
}

@media screen and (min-width: 1000px) {
  .wrapperInput__2qsB3 {
    width: calc(50% - 12px);
  }
}

.inputTitle__3lCP9 {
  margin-bottom: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #260000;
}

.title__3C7Yk {
  margin-bottom: 40px;

  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.inputGroup__3V12k {
  display: flex;
  flex-direction: column;
  width: calc(50% - 19px);
}

.subtitle__A6gWX {
  color: #b6c6d0;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 6px;
}

.dateInputSubtitle__2yEQe {
  margin-top: 8px;

  font-size: 14px;
  line-height: 17px;
  color: #8398a6;
}

.dateInputSubtitleInvalid__1cTKM {
  color: #fc4545;
}

.notFountError__OIXKw {
  padding-top: 15px;
}

.loaderContainer__2B7lk {
  position: relative;
}

.wrapperCheckbox__9UOPO {
  display: flex;
  align-items: center;
}

.wrapperCheckbox__9UOPO > div {
  margin-top: 29px;
  margin-bottom: 0;
 }
.container__19_ET {
  padding: 20px 24px;
  margin-top: 16px;

  background: #ffffff;
  border: 1px solid #eee7f3;
  box-sizing: border-box;
  border-radius: 12px;
}

@media screen and (min-width: 1280px) {
  .container__19_ET {
    padding: 32px 48px;
  }
}

.title__2WIpm {
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

.task-id__3gUpg {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: #8398a6;
  margin-left: 5px;
}

.task-number__3eCse {
  margin-bottom: 10px;
}

.blockTitle__3PDCO {
  margin-bottom: 8px;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.loadImage__1Qxrf {
  height: 72px;

  border: 2px dashed #775afa;
  border-radius: 15px;
}

.noFiles__3j9JS {
  display: flex;
  justify-content: center;
}

.noFilesTitle__2S2g- {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #775afa;
}

.noFilesImage__1bQda {
  width: 40px;
  height: 40px;
  margin-right: 16px;
}

.preview__3LjYI {
  height: 100%;
  width: 100%;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}

.file__DxDTY {
  height: 272px;
  width: 272px;
  display: flex;
  align-items: center;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: 100%;
}

.fileInfo__delete__9afND {
  font-size: 14px;
  font-weight: 400;
  color: #fc4545;
  background: none;
  outline: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.deleteButton__2xBVi {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

.сorrectAnswerOption__1DzoX {
  display: flex;
}

.removeAnswerBtn__1naLv {
  background: rgba(252, 69, 69, 0.1);
  outline: none;
  border: none;
  width: 52px;
  height: 52px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  margin-left: 5px;
}

.addCorrectAnswerOption__2M5ZM {
  display: flex;
  align-items: center;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #775afa;
}

.textEditor__21H0z {
  margin-top: 40px;
}

.trash__38sJp {
  display: flex;
  margin-top: 10px;
  justify-content: flex-end;
}

.trash-icon__PmavQ {
  cursor: pointer;
}

.container__2wdcv {
  display: flex;
  flex-direction: column;

  margin: 40px 0;
}

.blockTitle__3bDIC {
  margin-bottom: 16px;

  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

.сorrectAnswerOption__2TDyT {
  display: flex;
  margin-bottom: 16px;
}

.removeAnswerBtn__2PR8b {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;

  background: #fbe3e7;
  border-radius: 12px;
}

.addCorrectAnswerOption__1andQ {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;

  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  color: #775afa;
}

.deletePopup__133TW {
  width: 552px;
}

.tasks__3u6CE {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}

@media screen and (min-width: 768px) {
  .tasks__3u6CE {
    padding: 0 20px;
  }
}

@media screen and (min-width: 1280px) {
  .tasks__3u6CE {
    padding: 32px 48px;
  }
}

.header__1yBDy {
  height: 96px;
  padding: 32px 48px;

  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  border-bottom: 1px solid #e1e3e6;
  background: white;
}

.favoritesButton__2P5K8 {
  margin-top: 4px;
  margin-left: auto;
}

.feedback__3QdIX {
  position: fixed;
  min-width: 482px;
  height: 88px;
  top: 16px;
  left: 16px;
  display: flex;
  align-items: center;
  transition-property: opacity, transform;
  opacity: 0;
  transition-duration: 1s;
  transition-timing-function: ease-out;
  z-index: 999;
  padding: 0 32px;
  pointer-events: none;

  background: #e3fbe7;
  border: 1px solid #00d05a;
  box-shadow: 0px 8px 8px rgba(50, 50, 71, 0.08), 0px 8px 16px rgba(50, 50, 71, 0.06);
  border-radius: 24px;
}

.error__3Y7Oq {
  color: #fc4545;
  border: 1px solid #fc4545;
  background: #fbe3e7;
}

.show__bCm84 {
  transition-property: opacity, transform;
  transition-duration: 0.7s;
  transition-timing-function: ease-out;
  opacity: 1;
  pointer-events: auto;
}

.closeIcon__3aiHF {
  cursor: pointer;
}

.info__e4Fo- {
  margin: 0 auto 0 16px;

  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
}

@media screen and (max-width: 900px) {
  .feedback__3QdIX {
    height: 42px;
    font-size: 14px;
    padding: 0 16px;
    line-height: 16px;
    border-radius: 10px;
  }
}

.content__12pAG {
  display: flex;
  flex-direction: column;
  grid-gap: 24px;
  gap: 24px;
  padding: 20px;
}

.contentBackground__1xHyc {
  height: 100%;

  background-image: url(/app/components/common/images/trainer/girl.png);
  background-size: 280px;
  background-position: center bottom;
  background-repeat: no-repeat;
  position: relative;
}

.bannerWrapper__CLYts {
  position: fixed;
  z-index: 100;
  bottom: 0;
  width: -webkit-fill-available;
}

@media (min-width: 768px) {
  .content__12pAG {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .contentBackground__1xHyc {
    background-size: 516px;
  }
}

@media (min-width: 1280px) {
  .content__12pAG {
    padding: 48px;
  }
}

.root__1y3N6 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.wrapper__s6BiN {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 273px;
  height: 121px;
  z-index: 3;
  background: #ffffff;
  border-radius: 25px;
}

.label__1Etzl {
  font-weight: 600;
  font-size: 36px;
  margin-top: 40px;
  z-index: 3;
}

.button__1hP-U {
  margin-top: 60px;
  background: linear-gradient(180deg, #260000 0%, #260000 100%);
  width: 208px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  z-index: 3;
  border-radius: 15px;
  border: none;
  outline: none;
  cursor: pointer;
}

.button__icon__2GLvW {
  margin-right: 8px;
}

.gradient1__2TcGi {
  background: radial-gradient(
    45.64% 45.64% at 50%, at 50%,
    #00ffad 0%,
    rgba(3, 255, 174, 0.19) 72.92%,
    rgba(3, 255, 174, 0) 100%
  );
  background: radial-gradient(
    45.64% 45.64% at 50% 50%,
    #00ffad 0%,
    rgba(3, 255, 174, 0.19) 72.92%,
    rgba(3, 255, 174, 0) 100%
  );
  width: 1220px;
  height: 887px;
  position: absolute;
  top: -80px;
  left: calc(50% - 70px);
  transform: translate(-50%);
  z-index: 1;
}

.gradient2__1V32L {
  background: radial-gradient(
    45.64% 45.64% at 50%, at 50%,
    #47ff55 0%,
    rgba(71, 255, 85, 0.19) 72.92%,
    rgba(71, 255, 85, 0) 100%
  );
  background: radial-gradient(
    45.64% 45.64% at 50% 50%,
    #47ff55 0%,
    rgba(71, 255, 85, 0.19) 72.92%,
    rgba(71, 255, 85, 0) 100%
  );
  width: 1105px;
  height: 891px;
  position: absolute;
  top: 0px;
  left: calc(50%);
  transform: translate(-50%);
  z-index: 2;
}

.wrapper__1kCQf {
  padding: 30px 0 0 0;
  background: linear-gradient(180deg, #f4f8fc 0%, #faf6f9 100%);
}

.head__3kidP {
  max-width: 1200px;
  width: 100%;

  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 68px;
  padding: 0 30px;
}

.head__3kidP img {
  width: 110px;
}

.container__PuowR {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

.items__3q7hO {
  display: flex;
  grid-gap: 10px;
  gap: 10px;
}

.items__3q7hO > div {
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  color: #260000;
}

.log__-x8dL {
  background: #ffffff;
  border: 2px solid #775afa;
  color: #775afa;
  border-radius: 12px;
  padding: 12px 0;
  width: 140px;
  text-align: center;
  cursor: pointer;
}

.mobile__nR3j0 {
  display: block;
}

@media (max-width: 414px) {
  .wrapper__1kCQf {
    background-image: none;
    padding: 20px;
  }

  .mobile__nR3j0 > img {
    width: 100%;
  }

  .logo__11BKC > img {
    width: 100px;
  }

  .logo__11BKC {
    display: flex;
    margin-right: 8px;
  }

  .head__3kidP {
    width: auto;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
  }

  .container__PuowR {
    width: auto;
  }

  .items__3q7hO > div {
    width: 60px;
    margin-right: 8px;
    font-size: 20px;
  }
  .log__-x8dL {
    font-family: 'Golos Textby';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #260000;
    border: none;
  }
  .bg__1nZu4 {
    background: none;
  }
}

@media screen and (min-width: 768px) {
  .head__3kidP {
    padding: 0;
  }

  .head__3kidP img {
    width: auto;
  }

  .bg__1nZu4 {
    background-image: url(/app/components/first_new/components/Head/assets/bgc.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 100px;
  }

  .items__3q7hO {
    grid-gap: 0;
    gap: 0;
  }

  .items__3q7hO > div {
    width: 100px;
  }

  .mobile__nR3j0 {
    display: none;
  }
}

.tasks__t08hS {
  display: flex;
  flex-direction: column;
}

.title__1PcQE {
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 34px;
  text-align: center;
  color: #000000;
  margin: 0 auto 40px;
}

.buttons__2JyyS {
  display: flex;
  width: 280px;
  margin: 0 auto;
}

.buttons__2JyyS > a {
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  border-radius: 12px;
  cursor: pointer;
  text-decoration: none;
  width: 100%;
  text-align: center;
  padding: 13px 0;

  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;

  margin-right: 24px;
  margin-bottom: 250px;
}

.description__1EAev {
  display: none;
  background: #260000;
  border-radius: 94.7541px;
  width: 579px;
  padding: 16px 20px;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
}

.mobile__4A_yu > img {
  width: 100%;
}

.buttons__2JyyS {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  background: linear-gradient(180deg, #f4f8fc 0%, #faf6f9 100%);
}

.buttons__2JyyS > a {
  margin-bottom: 20px;
}

@media (max-width: 414px) {
  .bg__2gLUl {
    padding-bottom: 0;
  }

  .title__1PcQE {
    width: auto;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
  }

  .mobile__4A_yu {
    display: block;
    margin: 0 -20px;
  }

}

@media screen and (min-width: 768px) {
  .description__1EAev {
    display: block;
  }

  .mobile__4A_yu {
    display: none;
  }

  .buttons__2JyyS {
    width: auto;
    justify-content: start;
    flex-direction: row;
    background: none;
    padding: 0;
    margin: 0 0 250px;
  }

  .buttons__2JyyS > a {
    width: 170px;
  }
  .title__1PcQE {
    width: 589px;
    font-size: 40px;
    line-height: 48px;
    text-align: unset;
    margin: 0 0 40px;
  }
  .title__1PcQE > br {
    display: none;
  }
}
.container__3B2pU {
  position: relative;
}

.dropdown__1d7_m {
  position: absolute;
  left: 0;
  top: 40px;
  width: 250px;
  border: 2px solid #775afa;
  border-radius: 12px;
  background: #fff;
  text-align: left;
  max-height: 500px;
  overflow-y: auto;
}

.label__1fNrK {
  cursor: pointer;
  text-align: left;
}

.item__BVJ7Z {
  display: block;
  text-decoration: none;
  padding: 12px 16px;
  cursor: pointer;
  font-size: 16px;
  line-height: 24px;
  color: #260000;
}

.item__BVJ7Z:not(:last-child) {
  border-bottom: 1px solid gray;
}

.wrapper__OE5j6 {
  max-width: 1440px;
  width: 100%;
  padding:  0 30px;
  margin: 0 auto;
}

.container__58pWd {
  background-color: #fff;
  padding: 90px 0 0;
}

.block__2aaTj {
  justify-content: space-between;
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
}

.img__2YUF5 > img {
  max-width: 652px;
  width: 100%;
}

.title__3SxpN {
  font-family: 'Golos Textby';
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
  display: flex;
  align-items: center;
  color: #775afa;
  margin-bottom: 40px;
}

.description__HS26b {
  font-family: 'Golos Textby';
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  margin-bottom: 40px;
}

.buttons__2wTWy {
  width: 280px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  grid-gap: 15px;
  gap: 15px;
}

.buttons__2wTWy > div {
  cursor: pointer;
}

.buttons__2wTWy > div:first-child {
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  border-radius: 12px;
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
  padding: 13px 24px;
}

.buttons__2wTWy > div:last-child {
  background: #ffffff;
  border: 1px solid #775afa;
  border-radius: 12px;
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #775afa;
  padding: 13px 24px;
}

.teacher__3sbMO {
  padding: 67px 0 37px 0;
}

.content__3B8Rq {
  margin-bottom: 70px;
}

@media (max-width: 1440px) {
  .wrapper__OE5j6 {
    max-width: 1200px;
    width: 100%;
  }
}

@media (max-width: 414px) {
  .wrapper__OE5j6 {
    width: auto;
  }

  .container__58pWd {
    padding: 10px 0;
  }

  .block__2aaTj {
    flex-direction: column;
    border: none;
    border-radius: 0;
    padding: 0;
    background: #fff;
  }

  .img__2YUF5 > img {
    width: 302px;
  }

  .content__3B8Rq {
    width: auto;
    padding: 50px 37px;
  }

  .title__3SxpN {
    font-size: 24px;
  }

  .description__HS26b {
    font-size: 18px;
  }

  .buttons__2wTWy {
    flex-direction: column;
  }

  .student__V8vj9 {
    flex-direction: column-reverse;
  }

  .teacher__3sbMO {
    margin-top: 0;
    flex-direction: column-reverse;
  }

  .buttons__2wTWy > div:first-child {
    width: auto;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .img__2YUF5 > img {
    width: 202px;
  }
}

@media screen and (min-width: 768px) {
  .wrapper__OE5j6 {
    padding: 0;
  }

  .container__58pWd {
    padding: 90px 0;
  }

  .block__2aaTj {
    background: linear-gradient(147.87deg, #f4f9fc 0%, #f9f4f6 100%);
    border-radius: 117px;
    padding: 67px 40px 37px 0;
    flex-direction: row;
  }

  .teacher__3sbMO {
    flex-direction: row-reverse;
    padding: 67px 0 37px 40px;
    margin-top: 179px;
  }

  .content__3B8Rq {
    width: 532px;
    margin-bottom: 0;
  }

  .buttons__2wTWy {
    width: 100%;
    flex-direction: row;
    margin: 0;
    grid-gap: 0;
    gap: 0;
  }

  .buttons__2wTWy > div:first-child {
    width: 204px;
    margin-right: 20px;
  }
}
.wrapper__2A4xr {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 24px;
  width: 900px;
}

.layout__2tS1_ {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  z-index: 9;
}

.secondary__1CdDS {
  display: flex;
  flex-wrap: wrap;
  padding: 0 48px;
}

.secondary__1CdDS > div {
  margin-bottom: 24px;
}

.head__1I3C7 {
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 32px;
  color: #260000;
  display: flex;
  justify-content: space-between;
  padding: 40px 48px 48px 48px;
  border-bottom: 1px solid #e6ecef;
}

.close__278Ab {
  cursor: pointer;
}

.main__3M58T {
  display: flex;
  justify-content: center;
  margin: 48px 0;
}

.main__3M58T > div:first-child {
  margin-right: 24px;
}

.block__2ctg8 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 0 48px;
}

.item__3QBrH {
  background: #ffffff;
  border: 1px solid #775afa;
  border-radius: 12px;
  width: 252px;
  padding: 12px 57px;
  margin-right: 15px;
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #775afa;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.item__3QBrH.active__3RiW6 {
  cursor: pointer;
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  color: #fff;
}

.item__3QBrH:hover {
  cursor: pointer;
  background: linear-gradient(180deg, #775afa 0%, #5c42d5 100%);
  color: #fff;
}

.mobile-block__1UsoE {
  display: none;
}

.mobile-title__1pLoS {
  display: none;
}

@media (max-width: 414px) {
  .wrapper__2A4xr {
    width: 390px;
    max-height: 100vh;
    overflow-y: auto;
  }

  .head__1I3C7 {
    padding: 24px;
  }

  .title__3dpB3 {
    display: none;
  }

  .mobile-title__1pLoS {
    display: block;
  }

  .main__3M58T {
    padding: 0 20px;
  }

  .mobile-block__1UsoE {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 30px;
  }

  .block__2ctg8 {
    display: none;
  }

  .mobile-block__1UsoE > div {
    margin-bottom: 8px;
  }
}

.wrapper__1-Vc2 {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  padding: 90px 0 67px 0;
}

.block__11vbZ {
  background: #775afa;
  border-radius: 80px;
  display: flex;
  flex-direction: column;
  position: relative;
}

.content__2eqiD {
  padding: 65px;
}

.title__3Btun {
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  margin-bottom: 40px;
  position: relative;
}

.bal__LZfi7 {
  position: absolute;
  top: 3px;
  left: 170px;
}

.bal__LZfi7 > img {
  width: 160px;
}

.image__1xvun > img {
  width: 100%;
  height: auto;
}

.description__1P1eU {
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  color: #ffffff;
  margin-bottom: 40px;
}

.button__VY5ly {
  width: 342px;
  font-family: 'Golos Textby';
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #775afa;
  padding: 13px 24px;
  background: #ffffff;
  border: 1px solid #775afa;
  border-radius: 12px;
  cursor: pointer;
}

.button__VY5ly a {
  text-decoration: none;
  color: #775afa;
}

@media (max-width: 1440px) {
  .wrapper__1-Vc2 {
    max-width: 1200px;
    width: 100%;
  }
}

@media (max-width: 414px) {
  .wrapper__1-Vc2 {
    width: auto;
    padding: 0 0 20px 0;
  }

  .description__1P1eU {
    width: auto;
    font-size: 18px;
    line-height: 22px;
  }

  .button__VY5ly {
    width: auto;
    font-size: 18px;
    line-height: 22px;
  }

  .block__11vbZ {
    border-radius: 70px;
    flex-direction: column;
    overflow: hidden;
  }

  .bal__LZfi7 {
    top: 8px;
    right: -166px;
  }

  .bal__LZfi7 > img {
    width: 163px;
  }

  .content__2eqiD {
    padding: 40px 30px;
  }

  .title__3Btun {
    font-size: 24px;
    line-height: 32px;
    width: 200px;
  }
}

@media screen and (min-width: 768px) {
  .block__11vbZ {
    position: relative;
    justify-content: space-between;
    height: 520px;
    border-radius: 117px;
  }

  .image__1xvun {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .image__1xvun > img {
    height: 400px;
  }
  .title__3Btun {
    font-size: 40px;
    line-height: 48px;
  }

  .title__3Btun > br {
    display: none;
  }

  .description__1P1eU {
    width: 422px;
    font-size: 24px;
  }

  .bal__LZfi7 {
    top: -20px;
    right: 220px;
    left: unset;
  }

  .bal__LZfi7 > img {
    width: 230px;
  }
}
.wrapper__1ubgc {
  padding-bottom: 67px;
}

.logo__1A__X {
  text-align: center;
}