/* stylelint-disable */
.a-di-vind {
  justify-content: center;
}

.a-di-non-vind {
  margin: auto !important;
  margin-top: auto !important;
}

.aic-modal {
  position: relative;
  display: flex;
  align-items: center;
  padding: 32px 16px 32px 32px;
  border-radius: 16px;
  background-color: #fbfcfa;
}
@media only screen and (max-width: 768px) {
  .aic-modal {
    padding: 56px 8px 56px 16px;
    height: 100%;
  }
}
.aic-modal--xl {
  width: 900px;
}
.aic-modal--lg {
  width: 748px;
}
.aic-modal--md {
  width: 640px;
}
.aic-modal--sm {
  width: 480px;
}
@media only screen and (max-width: 768px) {
  .aic-modal--sm, .aic-modal--md, .aic-modal--lg, .aic-modal--xl {
    width: 100%;
  }
}
.aic-modal__close {
  position: absolute;
  right: -80px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 100px;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .aic-modal__close {
    right: 8px;
    top: 8px;
    background-color: #f5f5f5;
  }
}
.aic-modal__close svg {
  display: block;
}
.aic-modal--sm .aic-modal__close {
  right: -64px;
  width: 32px;
  height: 32px;
}
@media only screen and (max-width: 768px) {
  .aic-modal--sm .aic-modal__close {
    right: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
  }
}
.aic-modal__body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-right: 16px;
  width: 100%;
  max-height: 85vh;
  overflow: auto;
}
@media only screen and (max-width: 768px) {
  .aic-modal__body {
    padding-right: 8px;
  }
}
.aic-modal__body > * {
  width: 100%;
  height: fit-content;
}

.iu-button {
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  appearance: none;
  border: none;
  font-family: "Golos Text", sans-serif;
  text-align: center;
  transition: background-color 0.3s, color 0.3s;
  cursor: pointer;
}
.iu-button--icon-only {
  padding: 0;
}
.iu-button--icon-only .iu-button-icon {
  margin: 0;
}
.iu-button--icon-only.iu-button--md {
  width: 40px;
  min-width: 40px;
}
@media only screen and (max-width: 576px) {
  .iu-button--icon-only.iu-button--md {
    width: 36px;
    min-width: 36px;
  }
}
.iu-button--icon-only.iu-button--lg {
  width: 50px;
  min-width: 50px;
}
@media only screen and (max-width: 576px) {
  .iu-button--icon-only.iu-button--lg {
    width: 46px;
    min-width: 46px;
  }
}
.iu-button--md {
  padding: 4px 16px;
  min-height: 40px;
  font-size: 16px;
  letter-spacing: -0.24px;
}
@media only screen and (max-width: 576px) {
  .iu-button--md {
    min-height: 36px;
    font-size: 14px;
    padding-inline: 12px;
  }
}
.iu-button--md:not(.iu-button--icon-only):has(.iu-button-icon--left) {
  padding-left: 8px;
}
.iu-button--md:not(.iu-button--icon-only):has(.iu-button-icon--right) {
  padding-right: 8px;
}
.iu-button--lg {
  padding: 4px 32px;
  min-height: 50px;
  font-size: 16px;
  letter-spacing: -0.24px;
}
@media only screen and (max-width: 576px) {
  .iu-button--lg {
    min-height: 46px;
    font-size: 14px;
    padding-inline: 24px;
  }
}
.iu-button--lg:not(.iu-button--icon-only):has(.iu-button-icon--left) {
  padding-left: 28px;
}
@media only screen and (max-width: 576px) {
  .iu-button--lg:not(.iu-button--icon-only):has(.iu-button-icon--left) {
    padding-right: 20px;
  }
}
.iu-button--lg:not(.iu-button--icon-only):has(.iu-button-icon--right) {
  padding-right: 28px;
}
@media only screen and (max-width: 576px) {
  .iu-button--lg:not(.iu-button--icon-only):has(.iu-button-icon--right) {
    padding-right: 20px;
  }
}
.iu-button--primary {
  border-radius: 8px;
  font-weight: 500;
  line-height: 125%;
  color: #fbfcfa;
  background-color: #24a600;
}
.iu-button--primary:hover {
  color: #fbfcfa;
  background-color: #1c750b;
}
.iu-button--primary.iu-button--loading {
  color: #fbfcfa;
  background-color: #24a600;
}
.iu-button--secondary {
  border-radius: 8px;
  font-weight: 500;
  line-height: 125%;
  color: #1f1f1f;
  background-color: #ebebeb;
}
.iu-button--secondary:hover {
  color: #24a600;
  background-color: #ebebeb;
}
.iu-button--secondary.iu-button--loading {
  background-color: #ebebeb;
}
.iu-button--stroke-green {
  border: 1px solid #24a600;
  border-radius: 8px;
  font-weight: 500;
  line-height: 125%;
  color: #24a600;
  background-color: transparent;
}
.iu-button--stroke-green:hover {
  border-color: #1c750b;
  color: #1c750b;
  background-color: transparent;
}
.iu-button--stroke-green.iu-button--loading {
  border-color: #1c750b;
  background-color: transparent;
}
.iu-button--stroke-grey {
  border: 1px solid #aab0a7;
  border-radius: 8px;
  font-weight: 500;
  line-height: 125%;
  color: #1f1f1f;
  background-color: transparent;
}
.iu-button--stroke-grey:hover {
  border-color: #1f1f1f;
  color: #1f1f1f;
  background-color: transparent;
}
.iu-button--stroke-grey.iu-button--loading {
  border-color: #1f1f1f;
  background-color: transparent;
}
.iu-button--ghost {
  border-radius: 8px;
  font-weight: 500;
  line-height: 125%;
  color: #24a600;
  background-color: transparent;
}
.iu-button--ghost:hover {
  color: #24a600;
  background-color: #f5f5f5;
}
.iu-button--ghost.iu-button--loading {
  background-color: #fff;
}
.iu-button--floating {
  border-radius: 8px;
  box-shadow: 0 0 5px 0 rgba(31, 31, 31, 0.05), 0 4px 4px 0 rgba(31, 31, 31, 0.1);
  font-weight: 500;
  line-height: 125%;
  color: #1f1f1f;
  background-color: #fff;
}
.iu-button--floating:hover {
  color: #24a600;
}
.iu-button--floating.iu-button--loading {
  background-color: transparent;
}
.iu-button--fill-width {
  width: 100%;
}
@media only screen and (max-width: 576px) {
  .iu-button--fill-width-on-mobile {
    width: 100% !important;
  }
}
.iu-button--center {
  display: flex;
  margin: 0 auto;
  width: fit-content;
}

.iu-button--loading .iu-button-text {
  visibility: hidden;
}

.iu-button-loading {
  position: absolute;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 7px;
  inset: 0;
}
.iu-button--loading .iu-button-loading {
  display: flex;
}
.iu-button-loading__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #24a600;
  animation: loadingAnimation 1.2s infinite;
}
.iu-button-loading__dot:nth-child(2) {
  animation-delay: 0.2s;
}
.iu-button-loading__dot:nth-child(3) {
  animation-delay: 0.4s;
}
.iu-button--primary .iu-button-loading__dot {
  background-color: #fbfcfa;
}
.iu-button--secondary .iu-button-loading__dot {
  background-color: #24a600;
}
.iu-button--stroke-green .iu-button-loading__dot {
  background-color: #1c750b;
}
.iu-button--stroke-grey .iu-button-loading__dot {
  background-color: #1f1f1f;
}
.iu-button--ghost .iu-button-loading__dot {
  background-color: #24a600;
}
.iu-button--floating .iu-button-loading__dot {
  background-color: #24a600;
}

.iu-button-icon--left {
  margin: 0 8px 0 0;
}
@media only screen and (max-width: 576px) {
  .iu-button-icon--left {
    margin: 0 4px 0 0;
  }
}
.iu-button-icon--left svg,
.iu-button-icon--left img {
  display: block;
  margin: 0;
}
.iu-button-icon--right {
  margin: 0 0 0 8px;
}
@media only screen and (max-width: 576px) {
  .iu-button-icon--right {
    margin: 0 0 0 4px;
  }
}
.iu-button-icon--right svg,
.iu-button-icon--right img {
  display: block;
  margin: 0;
}

@keyframes loadingAnimation {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.6);
  }
}
.iu-input {
  width: 100%;
  min-width: unset;
  transition: background-color 0.3s, color 0.3s, border 0.3s;
}
.iu-input::placeholder {
  color: #8a8f88;
}
.iu-input--md {
  padding: 0 12px;
  min-height: 40px;
}
.iu-input--md[type=email], .iu-input--md[type=text] {
  padding: 0 12px;
}
.iu-input--stroke {
  outline: none;
  border: 1px solid var(--Green-400, #aab0a7);
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.24px;
  color: var(--Typography-Base-1, #1f1f1f);
  background-color: var(--Background-Bg-1, #fbfcfa);
}
.iu-input--stroke[type=email], .iu-input--stroke[type=text] {
  border: 1px solid var(--Green-400, #aab0a7);
}
.iu-input--stroke:hover {
  border: 1px solid var(--main-green-70, #1c750b);
}
.iu-input--stroke:hover[type=email], .iu-input--stroke:hover[type=text] {
  border: 1px solid var(--main-green-70, #1c750b);
}
.iu-input--stroke:focus {
  border: 1px solid var(--main-green-50, #24a600);
}
.iu-input--stroke:focus[type=email], .iu-input--stroke:focus[type=text] {
  border: 1px solid var(--main-green-50, #24a600);
}
.iu-input--stroke:placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.24px;
  color: var(--Typography-Base-2, #8a8f88);
}

.iu-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: -0.28px;
  color: var(--Text-Brand, #8a8f88);
  transition: color 0.3s;
}
.iu-link:hover {
  text-decoration-line: underline;
}
.iu-link--center {
  display: flex;
  margin-right: auto;
  margin-left: auto;
  width: fit-content;
}

/* stylelint-disable */
.iu-login-form {
  padding: 8px 8px 24px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(34, 34, 34, 0.08);
  font-family: "Golos Text", sans-serif;
  background-color: #fff;
}
.iu-login-form__navs {
  display: flex;
  margin-bottom: 12px;
  gap: 3px;
}
.iu-login-form__nav {
  padding: 10px 8px;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.24px;
}
.iu-login-form__nav--sign-in {
  font-weight: 500;
  color: var(--Typography-Base-1, #1f1f1f);
}
.iu-login-form__nav--sign-up {
  font-weight: 400;
  color: var(--Typography-Base-2, #8a8f88);
}
.iu-login-form__form {
  margin-bottom: 16px;
}
.iu-login-form__label {
  position: relative;
  margin-bottom: 8px;
}
.iu-login-form__eye {
  position: absolute;
  right: 9px;
  top: 50%;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.82 12c1.923 4.197 5.57 6.25 9.18 6.25 3.61 0 7.257-2.053 9.18-6.25-1.923-4.197-5.57-6.25-9.18-6.25-3.61 0-7.257 2.053-9.18 6.25zM12 4.25c4.306 0 8.574 2.518 10.69 7.455a.75.75 0 0 1 0 .59C20.573 17.232 16.305 19.75 12 19.75c-4.306 0-8.574-2.518-10.69-7.455a.75.75 0 0 1 0-.59C3.427 6.768 7.695 4.25 12 4.25zm0 5.5a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5zM8.25 12a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0z' fill='%23AAB0A7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transform: translateY(-50%);
  cursor: pointer;
}
.iu-login-form__eye.active {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.06 2a.75.75 0 0 1 0 1.06l-7.364 7.365a.294.294 0 0 1-.008.008l-4.216 4.216-.008.008-7.403 7.404A.75.75 0 1 1 2 21l3.411-3.411c-1.706-1.24-3.117-3-4.1-5.294a.75.75 0 0 1 0-.59C4.346 4.62 11.796 2.52 17.38 5.618L21 2a.75.75 0 0 1 1.06 0zm-5.79 4.73C11.59 4.403 5.51 6.126 2.82 12c.914 2.002 2.18 3.487 3.667 4.513l2.417-2.418C8.477 13.51 8.25 12.814 8.25 12A3.75 3.75 0 0 1 12 8.25c.793 0 1.516.195 2.128.622L16.27 6.73zm-3.234 3.234c-.29-.142-.63-.214-1.036-.214A2.25 2.25 0 0 0 9.75 12c0 .395.08.724.238 1.011l3.048-3.047zm5.72-2.487a.75.75 0 0 1 1.061-.015c1.16 1.127 2.144 2.544 2.872 4.242a.75.75 0 0 1 0 .591c-2.654 6.194-8.687 8.565-13.907 6.975a.75.75 0 1 1 .436-1.434c4.4 1.34 9.546-.562 11.962-5.836-.637-1.391-1.463-2.543-2.408-3.462a.75.75 0 0 1-.015-1.06zM15 11.25a.75.75 0 0 1 .75.75A3.75 3.75 0 0 1 12 15.75a.75.75 0 1 1 0-1.5A2.25 2.25 0 0 0 14.25 12a.75.75 0 0 1 .75-.75z' fill='%23AAB0A7'/%3E%3C/svg%3E");
}
.iu-login-form__restore {
  margin-bottom: 24px;
}
.iu-login-form__or {
  position: relative;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: -0.24px;
  text-align: center;
  color: var(--Text-Black-Secondary, #8a8f88);
}
.iu-login-form__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.iu-login-form__item {
  margin: 0 8px 12px;
}
.iu-login-form__item:nth-child(n+4) {
  margin-bottom: 0;
}
.iu-login-form__social img {
  display: block;
}

.iu-menu-footer {
  margin: 16px 0;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.06), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.iu-menu-footer__title {
  margin-bottom: 8px;
  padding-left: 8px;
  font-family: "Golos Text", sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  color: #8a8f88;
}
.iu-menu-footer__item:not(:last-child) {
  margin-bottom: 14px;
}
.iu-menu-footer__link {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
  font-family: "Golos Text", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 125%;
  letter-spacing: -0.24px;
  color: var(--Typography-Base-1, #1f1f1f);
  gap: 8px;
}
.iu-menu-footer__link:hover {
  color: var(--Typography-Base-1, #1f1f1f);
  background-color: #ebebeb;
}
.iu-menu-footer__link svg {
  top: 3px;
  min-width: 20px;
}

.iu-left-sidebar {
  position: relative;
  margin-bottom: 48px;
  font-family: "Golos Text", serif;
}
@media only screen and (max-width: 1230px) {
  .iu-left-sidebar {
    display: none;
  }
}
.iu-left-sidebar__wrap {
  padding: 24px 8px;
  border-radius: 8px;
  background-color: #fff;
}
.iu-left-sidebar__item:not(:last-child) {
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #ebebeb;
}
.iu-left-sidebar__subtitle {
  margin-bottom: 8px;
  margin-left: 8px;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.02em;
  text-align: left;
  text-transform: uppercase;
  text-underline-position: from-font;
  color: #8a8f88;
  text-decoration-skip-ink: none;
}
.iu-left-sidebar__element:not(:last-child) {
  margin-bottom: 2px;
}
.iu-left-sidebar__link {
  display: inline-flex;
  justify-content: space-between;
  padding: 6px 8px;
  width: 100%;
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: -0.015em;
  text-align: left;
  text-underline-position: from-font;
  color: #1f1f1f;
  transition: background-color 0.3s, color 0.3s;
  gap: 16px;
  text-decoration-skip-ink: none;
}
.iu-left-sidebar__link:hover {
  color: #1f1f1f;
  background-color: #ebebeb;
}
.iu-left-sidebar__link--premium {
  background-color: #ffe3c2;
}
.iu-left-sidebar__link--accent {
  background-color: #ecf9e2;
}
.iu-left-sidebar__link--sm {
  letter-spacing: -0.32px;
}
.iu-left-sidebar__partners {
  margin-right: 8px;
  margin-left: 8px;
}
.iu-left-sidebar__partner:not(:last-child) {
  margin-bottom: 8px;
}
.iu-left-sidebar__partner-item {
  display: flex;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-align: left;
  text-decoration-line: none;
  text-underline-position: from-font;
  color: #8a8f88;
  transition: color 0.3s;
  gap: 8px;
  text-decoration-skip-ink: none;
}
.iu-left-sidebar__partner-item:hover {
  color: var(--Typography-Base-1, #1f1f1f);
}
.iu-left-sidebar__partner-item svg {
  display: block;
  min-width: 24px;
}
.iu-left-sidebar__docs {
  margin-left: 8px;
}
.iu-left-sidebar__doc:not(:last-child) {
  margin-bottom: 2px;
}
.iu-left-sidebar__doc-item {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-align: left;
  text-decoration-line: underline;
  text-underline-position: from-font;
  color: #8a8f88;
  transition: color 0.3s;
  text-decoration-skip-ink: none;
}
.iu-left-sidebar__doc-item:hover {
  color: var(--main-green-50, #24a600);
}

.iu-main-menu {
  font-family: "Golos Text", sans-serif;
}
@media only screen and (max-width: 1230px) {
  .iu-main-menu {
    display: none;
  }
}
.iu-main-menu__elements {
  display: flex;
  align-items: center;
  gap: 20px;
}
.iu-main-menu__element {
  display: flex;
  align-items: center;
  gap: 9px;
}
.iu-main-menu__link {
  display: flex;
  align-items: center;
  padding: 20px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.24px;
  color: #1f1f1f;
  transition: color 0.3s;
  cursor: pointer;
  gap: 6px;
}
.iu-main-menu__link:hover {
  color: #1c750b;
}
.iu-main-menu__link:active {
  color: #24a600;
}
.iu-main-menu__chevron {
  transition: transform 0.3s;
}
.iu-dropdown-menu:hover .iu-main-menu__chevron {
  transform: rotate(180deg);
}
.iu-main-menu__items {
  width: 100%;
}
.iu-main-menu__items:not(:last-child) {
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px solid #d6d6d6;
}
.iu-main-menu__item:not(:last-child) {
  margin-bottom: 2px;
}

.iu-dropdown-menu {
  position: relative;
}
.iu-dropdown-menu::before {
  content: "";
  position: absolute;
  left: 0;
  top: 100%;
  display: block;
  width: 100%;
  height: 8px;
  cursor: pointer;
}
.iu-dropdown-menu:hover .iu-dropdown-menu__block {
  display: flex;
  pointer-events: auto;
}
.iu-dropdown-menu__block {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 100;
  display: none;
  margin: 0;
  padding: 10px 8px;
  width: max-content;
  min-width: 100%;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
  pointer-events: none;
}
.iu-dropdown-menu__block--profile {
  padding-top: 16px;
  padding-bottom: 16px;
}

.iu-language-tabs {
  position: relative;
}
@media only screen and (max-width: 1430px) {
  .iu-language-tabs {
    margin-right: 10px;
  }
}
.iu-language-tabs__toggle {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  gap: 4px;
}
.iu-language-tabs__text {
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  text-align: right;
  color: #949494;
}
.iu-language-tabs__items {
  position: absolute;
  left: 50%;
  top: 100%;
  z-index: 1;
  display: none;
  padding: 10px 8px;
  width: max-content;
  min-width: 100%;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
  transform: translateX(-50%);
}
.iu-language-tabs--active .iu-language-tabs__items {
  display: block;
}
.iu-language-tabs__item:not(:last-child) {
  margin-bottom: 2px;
}

.iu-language-tag {
  display: flex;
  padding: 8px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.24px;
  white-space: nowrap;
  color: var(--Typography-Base-1, #1f1f1f);
  transition: background-color 0.3s;
  cursor: pointer;
  gap: 16px;
}
.iu-language-tag:hover {
  background-color: var(--Background-Bg-3, #ebebeb);
}
.iu-language-tag__input {
  position: absolute;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  clip: rect(0 0 0 0);
}
.iu-language-tag__input:checked + .iu-language-tag__text {
  color: var(--main-green-50, #24a600);
}
.iu-user-dropdown {
  position: relative;
  display: block;
  user-select: none;
}
.iu-user-dropdown__avatar {
  position: relative;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 50%;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  cursor: pointer;
}
.iu-user-dropdown__avatar::before {
  content: "";
  position: absolute;
  opacity: 0;
  border-radius: 40px;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  transition: opacity 0.3s;
  inset: 0;
}
.iu-user-dropdown__avatar:hover::before {
  opacity: 1;
}
.iu-user-dropdown__avatar img {
  display: block;
  height: auto;
}
.iu-user-dropdown__inner {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  z-index: 99;
  display: none;
  margin: 0;
  padding: 16px 8px;
  width: max-content;
  min-width: 100%;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.07);
  background-color: #fff;
}
.iu-user-dropdown__inner--active {
  display: block;
}
@media (min-width: 1230px) and (max-height: 670px) {
  .iu-user-dropdown__inner {
    max-height: 80vh;
    overflow: auto;
  }
}
.iu-user-dropdown__header {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  padding-right: 8px;
  padding-left: 8px;
}
.iu-user-dropdown__logo {
  position: relative;
  margin-right: 16px;
  width: 56px;
  height: 56px;
  min-width: 56px;
  overflow: hidden;
  border-radius: 50%;
}
.iu-user-dropdown__logo::before {
  content: "";
  position: absolute;
  opacity: 0;
  border-radius: 40px;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  transition: opacity 0.3s;
  inset: 0;
}
.iu-user-dropdown__logo:hover::before {
  opacity: 1;
}
.iu-user-dropdown__logo img {
  width: 56px;
  height: 56px;
}
.iu-user-dropdown__block {
  margin-right: 16px;
}
.iu-user-dropdown__name {
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 500;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: var(--Typography-Base-1, #1f1f1f);
}
.iu-user-dropdown__mail {
  font-weight: 500;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: -0.02em;
  color: var(--Typography-Base-2, #8a8f88);
}
.iu-user-dropdown__change {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 8px;
  background-color: var(--Background-Bg-2, #f5f5f5);
  transition: background-color 0.3s;
}
.iu-user-dropdown__change:hover {
  background-color: var(--Background-Bg-3, #ebebeb);
}
.iu-user-dropdown__item:not(:last-child) {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}
.iu-user-dropdown__element:not(:last-child) {
  margin-bottom: 2px;
}
.iu-user-dropdown__subtitle {
  margin-bottom: 8px;
  padding-left: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.21px;
  text-transform: uppercase;
  color: var(--Typography-Base-2, #8a8f88);
}
.iu-user-dropdown__link {
  display: block;
  padding: 8px 12px 9px 16px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 17px;
  line-height: 130%;
  letter-spacing: -0.01em;
  color: var(--Typography-Base-1, #1f1f1f);
  transition: background-color 0.3s;
}
.iu-user-dropdown__link:hover {
  background-color: var(--orange-light);
}
.iu-user-dropdown__sub {
  margin-top: 24px;
}

.header {
  position: relative;
  z-index: 101;
}

.iu-header {
  position: relative;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.04);
  background-color: #fff;
}
.iu-header:has(.container):not([data-new-layout]) .container {
  position: relative;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 1248px;
}
.iu-header__inner {
  display: flex;
  align-items: center;
  width: 100%;
}
@media only screen and (max-width: 1230px) {
  .iu-header__inner {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.iu-header__logo {
  margin-right: 40px;
}
@media only screen and (max-width: 1430px) {
  .iu-header__logo {
    width: 168px;
  }
}
@media only screen and (max-width: 992px) {
  .iu-header__logo {
    margin-right: 10px;
  }
}
.iu-header__logo img {
  display: block;
  height: auto;
}
.iu-header__block {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 12px;
}
.iu-header__add svg {
  transition: transform 0.3s;
}
@media only screen and (max-width: 1230px) {
  .iu-header__add .iu-dropdown-menu__block {
    left: auto;
    right: 0;
  }
}
@media only screen and (min-width: 1230px) {
  .iu-header__add-btn--mobile {
    display: none;
  }
}
@media only screen and (max-width: 1230px) {
  .iu-header__add-btn--desktop {
    display: none;
  }
}
.iu-header__add:hover .iu-header__add-btn--desktop svg {
  transform: rotate(-180deg);
}
.iu-header__link {
  display: flex;
  align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
  font-weight: 400;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.24px;
  white-space: nowrap;
  color: var(--Typography-Base-1, #1f1f1f);
  transition: background-color 0.3s, color 0.3s;
  gap: 16px;
}
.iu-header__link:hover {
  color: var(--Typography-Base-1, #1f1f1f);
  background-color: var(--Background-Bg-3, #ebebeb);
}
.iu-header__link--counter {
  justify-content: space-between;
}
.iu-header__link--premium {
  background-color: #ffe3c2;
}
@media only screen and (max-width: 1230px) {
  .iu-header__login,
  .iu-header .iu-user-dropdown {
    display: none;
  }
}

.header--bottom-offset {
  margin-bottom: 20px;
}

[data-my-message-count]:not(:empty) {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
  height: 18px;
  min-width: 24px;
  border: 1px solid var(--Background-Bg-1, #fbfcfa);
  border-radius: 100px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: -0.24px;
  text-align: center;
  color: var(--Typography-Base-5, #fbfcf9);
  background-color: var(--main-green-50, #24a600);
}

/* stylelint-disable property-disallowed-list */
.iu-audio-player__title {
  margin-bottom: 20px;
  font-weight: 600;
  font-style: normal;
  font-size: 18px;
  line-height: 120%;
  color: var(--Dark, #181818);
}
.iu-audio-player__controls {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
  gap: 24px;
}
.iu-audio-player__control {
  all: unset;
  transition: transform 0.3s;
  cursor: pointer;
}
.iu-audio-player__control:hover {
  transform: scale(1.05);
}
.iu-audio-player__control img {
  display: block;
}
.iu-audio-player__play {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: #00ad42;
  transition: background-color 0.3s;
  cursor: pointer;
}
.iu-audio-player__play:hover {
  background-color: #1c750b;
}
.iu-audio-player__play img {
  display: block;
}
.iu-audio-player__inner {
  display: flex;
  align-items: center;
  gap: 16px;
}
.iu-audio-player__wrap {
  width: 100%;
}
.iu-audio-player__progress {
  margin-bottom: 10px;
}
.iu-audio-player__time {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: var(--light-theme-base-7, #292929);
}
.iu-audio-player__input {
  all: unset;
  width: 100%;
  height: 6px;
  appearance: none;
  border-radius: 6px;
  background: linear-gradient(to right, #dadada 0%, #dadada 0%, #dadada 100%, #dadada 100%);
  cursor: pointer;
}
.iu-audio-player__input:hover::-webkit-slider-thumb {
  opacity: 1;
  transform: scale(1);
}
.iu-audio-player__input:hover::-moz-range-thumb {
  opacity: 1;
  transform: scale(1);
}
.iu-audio-player__input:hover::-ms-thumb {
  opacity: 1;
  transform: scale(1);
}
.iu-audio-player__input::-webkit-slider-runnable-track {
  height: 6px;
  border-radius: 6px;
  background: transparent;
}
.iu-audio-player__input::-webkit-slider-thumb {
  opacity: 0;
  margin-top: -3px;
  width: 12px;
  height: 12px;
  appearance: none;
  border-radius: 50%;
  background-color: #00ad42;
  transform: scale(0.5);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.iu-audio-player__input::-moz-range-track {
  height: 6px;
  border-radius: 6px;
  background: transparent;
}
.iu-audio-player__input::-moz-range-thumb {
  opacity: 0;
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 50%;
  background-color: #00ad42;
  transform: scale(0.5);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.iu-audio-player__input::-ms-thumb {
  opacity: 0;
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 50%;
  background-color: #00ad42;
  transform: scale(0.5);
}
.iu-audio-player__subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  color: var(--light-theme-base-5, #949494);
}
.iu-audio-player__volume-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1230px) {
  .iu-audio-player__volume-wrapper {
    display: none;
  }
}
.iu-audio-player__volume-wrapper:hover .iu-audio-player__volume {
  opacity: 1;
  pointer-events: all;
}
.iu-audio-player__volume-icon {
  all: unset;
  width: 32px;
  height: 32px;
  min-width: 32px;
  cursor: pointer;
}
.iu-audio-player__volume-icon img {
  position: absolute;
  inset: 0;
}
.iu-audio-player__volume {
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  width: 32px;
  height: 80px;
  border-radius: 6px;
  background-color: #fff;
}
.iu-audio-player__volume-range {
  all: unset;
  display: block;
  padding: 0;
  width: 64px;
  height: 6px;
  appearance: none;
  border-radius: 6px;
  writing-mode: bt-lr;
  background: linear-gradient(to right, #dadada 0%, #dadada 0%, #dadada 100%, #dadada 100%);
  transform: rotate(270deg);
  cursor: pointer;
}
.iu-audio-player__volume-range::-webkit-slider-thumb {
  margin-top: -3px;
  width: 12px;
  height: 12px;
  appearance: none;
  border: none;
  border-radius: 50%;
  background: #00ad42;
}
.iu-audio-player__volume-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background: transparent;
}
.iu-audio-player__volume-range::-moz-range-thumb {
  width: 12px;
  height: 12px;
  border: none;
  border-radius: 50%;
  background: #00ad42;
}
.iu-audio-player__volume-range::-moz-range-track {
  width: 100%;
  height: 6px;
  border-radius: 6px;
  background: transparent;
}

.iu-mobile-menu {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  font-family: "Golos Text", sans-serif;
}
@media only screen and (min-width: 1230px) {
  .iu-mobile-menu {
    display: none;
  }
}
.iu-mobile-menu__items {
  display: flex;
  justify-content: space-around;
  padding-right: 8px;
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: 8px;
  box-shadow: 0 -0.5px 0 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.iu-mobile-menu__link {
  all: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 56px;
  min-width: 60px;
  cursor: pointer;
  gap: 4px;
}
.iu-mobile-menu__icon svg,
.iu-mobile-menu__icon img {
  display: block;
}
.iu-mobile-menu__icon--avatar img {
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 50%;
}
.iu-mobile-menu__text {
  font-weight: 400;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: -0.2px;
  text-align: center;
  color: var(--Typography-Base-1, #1f1f1f);
}

.iu-mobile-popup {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 99999;
  display: none;
  width: 100%;
  min-height: 100%;
  max-height: 100vh;
  overflow-y: scroll;
  border-radius: 0;
  background-color: #fff;
}
.iu-mobile-popup.open {
  display: block;
}
.iu-mobile-popup__header {
  display: flex;
  justify-content: flex-end;
  padding: 8px;
}
.iu-mobile-popup__close {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 20px;
  background-color: var(--Background-Bg-2, #f5f5f5);
  cursor: pointer;
}
.iu-mobile-popup__content {
  padding: 10px 8px 40px;
}

.iu-burger-menu {
  font-family: "Golos Text", sans-serif;
}
.iu-burger-menu .iu-menu-footer {
  margin: 0;
}
.iu-burger-menu__subtitle {
  padding: 8px 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  letter-spacing: -0.21px;
  text-transform: uppercase;
  color: var(--Typography-Base-2, #8a8f88);
}
.iu-burger-menu__link {
  display: inline-flex;
  align-items: center;
  padding: 6px;
  width: 100%;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: -0.015em;
  text-align: left;
  text-underline-position: from-font;
  color: #1f1f1f;
  transition: background-color 0.3s, color 0.3s;
  gap: 12px;
  text-decoration-skip-ink: none;
}
.iu-burger-menu__link:hover {
  color: #1f1f1f;
  background-color: #ebebeb;
}
.iu-burger-menu__link--premium {
  background-color: #ffe3c2;
}
.iu-burger-menu__link--accent {
  background-color: #ecf9e2;
}
.iu-burger-menu__link--sm {
  letter-spacing: -0.32px;
}
.iu-burger-menu__item:not(:last-child) {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ebebeb;
}
.iu-burger-menu__partners {
  margin-top: 16px;
}
.iu-burger-menu__partner:not(:last-child) {
  margin-bottom: 8px;
}
.iu-burger-menu__partner-item {
  display: flex;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-align: left;
  text-decoration-line: none;
  text-underline-position: from-font;
  color: #8a8f88;
  transition: color 0.3s;
  gap: 8px;
  text-decoration-skip-ink: none;
}
.iu-burger-menu__partner-item:hover {
  color: var(--Typography-Base-1, #1f1f1f);
}
.iu-burger-menu__partner-item svg {
  display: block;
  min-width: 24px;
}
.iu-burger-menu__docs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 10px;
}
.iu-burger-menu__doc-item {
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-align: left;
  text-decoration-line: underline;
  text-underline-position: from-font;
  color: #8a8f88;
  transition: color 0.3s;
  text-decoration-skip-ink: none;
}
.iu-burger-menu__doc-item:hover {
  color: var(--main-green-50, #24a600);
}

.iu-toggle-switch {
  position: relative;
  display: inline-block;
  width: 44px;
  height: 24px;
}
@media only screen and (max-width: 576px) {
  .iu-toggle-switch {
    width: 36px;
    height: 20px;
  }
}
.iu-toggle-switch__checkbox {
  position: absolute;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  clip: rect(0 0 0 0);
}
.iu-toggle-switch__slider {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 34px;
  background-color: #d6d6d6;
  transition: background-color 0.3s;
  cursor: pointer;
}
.iu-toggle-switch__slider::before {
  content: "";
  position: absolute;
  left: 2px;
  bottom: 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fbfcfa;
  transition: transform 0.3s;
}
@media only screen and (max-width: 576px) {
  .iu-toggle-switch__slider::before {
    width: 16px;
    height: 16px;
  }
}
.iu-toggle-switch__checkbox:checked + .iu-toggle-switch__slider::before {
  transform: translateX(20px);
}
@media only screen and (max-width: 576px) {
  .iu-toggle-switch__checkbox:checked + .iu-toggle-switch__slider::before {
    transform: translateX(16px);
  }
}
.iu-toggle-switch__checkbox:checked + .iu-toggle-switch__slider {
  background-color: #24a600;
}

.iu-course-card {
  position: relative;
  padding: 16px;
  width: 100%;
  border-radius: 16px;
  background-color: #fff;
}
.iu-course-card__bookmark {
  position: absolute;
  right: 16px;
  top: 16px;
}
.iu-course-card__inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  height: 100%;
  gap: 24px;
}
.iu-course-card--md .iu-course-card__inner {
  gap: 16px;
}
.iu-course-card__cover img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.iu-course-card--md .iu-course-card__cover img {
  max-width: 155px;
}
.iu-course-card--lg .iu-course-card__cover img {
  max-width: 210px;
}
.iu-course-card__info {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.iu-course-card__top {
  width: 100%;
  max-width: calc(100% - 56px);
}
.iu-course-card__type {
  margin-bottom: 8px;
  padding: 5px 8px 6px;
  width: fit-content;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: -0.24px;
  color: #388700;
  background-color: #f5f5f5;
}
.iu-course-card__title {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: -0.4px;
  color: #1f1f1f;
}
.iu-course-card--md .iu-course-card__title {
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.24px;
}
.iu-course-card__qualification {
  margin-bottom: 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: -0.28px;
  color: #8a8f88;
}
.iu-course-card__rating {
  margin-bottom: 12px;
}
.iu-course-card__rating .rating {
  display: flex;
  align-items: center;
}
.iu-course-card__rating .rating__value {
  margin-right: 4px;
  font-weight: 500;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: -0.28px;
  color: #1f1f1f;
}
.iu-course-card__rating .rating__star {
  margin-right: 8px;
  color: #ffa719;
}
.iu-course-card__rating .rating__star svg {
  display: block;
}
.iu-course-card__rating .rating__all-btn {
  margin: 0;
  padding: 0;
  border: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: -0.28px;
  text-decoration: underline;
  color: #8a8f88;
  background-color: transparent;
  cursor: pointer;
}
.iu-course-card__rating .rating__all-btn:hover {
  text-decoration: none;
}
.iu-course-card__items {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
}
.iu-course-card__item {
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: -0.24px;
  color: #1f1f1f;
}
.iu-course-card__item b {
  font-weight: 500;
  color: #124700;
}
.iu-course-card__item:not(:last-child)::after {
  content: "";
  display: inline-block;
  margin: 0 8px;
  width: 4px;
  height: 4px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #aab0a7;
}
.iu-course-card__footer {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  gap: 24px;
}
.iu-course-card__row {
  display: flex;
  width: 100%;
}
.iu-course-card__elements {
  display: flex;
  align-items: center;
  gap: 16px;
}
.iu-course-card__elements--column {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.iu-course-card__element {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 14px;
  line-height: 125%;
  letter-spacing: -0.28px;
  color: #8a8f88;
  gap: 6px;
}
.iu-course-card__price {
  display: flex;
  align-items: center;
  margin-left: auto;
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.24px;
  color: #8a8f88;
  gap: 6px;
}
.iu-course-card__price svg {
  display: block;
}
.iu-course-card__buttons {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
}
.iu-course-card__read-more {
  font-weight: 500;
  font-size: 16px;
  line-height: 125%;
  letter-spacing: -0.24px;
  text-decoration: none;
  color: #24a600;
}
.iu-course-card__read-more:hover {
  text-decoration: underline;
}

/*# sourceMappingURL=ui.output.css.map */