.number-view {
  white-space: nowrap;
}


.money-view {
  white-space: nowrap;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.footer-link {
  color: #000;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.139rem;
}

.footer-link:last-child {
  margin-right: 0;
}

.footer-link:hover {
  color: #C80813;
}

.footer-link:active {
  color: #94060E;
}

.footer-link_email {
  color: #000;
  font-weight: normal;
  text-transform: none;
  font-size: 1.4rem;
  line-height: 1.8rem;
  letter-spacing: 0px;
}

.footer-link_email:hover {
  color: #D32F2F;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.social-button {
  display: block;
  position: relative;
  text-decoration: none;
  color: #000;
}

.footer_theme_dark .social-button {
  color: #FFF;
}

.social-button_size_big {
  padding-top: 90px;
  width: 100px;
  height: 110px;
  text-align: center;
}

.social-button_size_small {
  margin-right: 45px;
  padding-left: 28px;
  margin-top: 10px;
  font-size: 14px;
}

.social-button_size_small:first-child {
  margin-top: 0;
}

.social-button_size_small:nth-child(3n + 1) {
  margin-top: 0;
}

.social-button_size_small:nth-last-child(-n + 3) {
  margin-right: 0;
}

.social-button_size_small svg {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-size: 100%;
}

.social-button_type_utmag:hover {
  color: #00A0E3;
}

.social-button_type_youtube:hover {
  color: #E91D00;
}

.social-button_type_fb:hover {
  color: #39579A;
}

.social-button_type_vk:hover {
  color: #4F719B;
}

.social-button_type_twitter:hover {
  color: #059FF5;
}

.social-button_type_gplus:hover {
  color: #C33B2B;
}

.social-button_type_ok:hover {
  color: #F08200;
}

.social-button_type_telegram:hover {
  color: #61A8DE;
}

.social-button_type_medium:hover {
  color: #28B395;
}

.social-button__icon,
.social-button__text {
  color: inherit;
  -webkit-transition: color 150ms ease, opacity 150ms ease;
  -o-transition: color 150ms ease, opacity 150ms ease;
  transition: color 150ms ease, opacity 150ms ease;
}

.social-button__icon {
  opacity: 0.4;
}

.social-button__text {
  opacity: 0.5;
}

.social-button:hover .social-button__icon,
.social-button:hover .social-button__text {
  opacity: 1;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.social-buttons_size_big {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.social-buttons_size_small {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 85px;
}


.footer-info {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.footer-info__logos {
  display: -ms-flexbox;
  display: flex;
}

.footer-info__logos img:not(:last-child) {
  margin-right: 1rem;
}

.footer-info__links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-top: 0.8rem;
}

.footer-info__link {
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.4rem;
  line-height: 2.5rem;
  -webkit-transition: color 200ms ease;
  -o-transition: color 200ms ease;
  transition: color 200ms ease;
}

.footer-info__link:hover {
  color: #C80813;
}

.footer-info__link:active {
  color: #94060E;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.language-selector {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 20px;
  list-style-type: none;
}

.language-selector__img {
  margin-right: 10px;
  width: 18px;
  height: 18px;
}

.language-selector__selected {
  padding: 0.2rem 1rem 0 0;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 6px 4px;
  cursor: pointer;
  font-weight: bold;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.language-selector__selected::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #000;
  margin-left: 0.5rem;
}

.language-selector__options {
  position: absolute;
  top: 100%;
  right: -10px;
  z-index: 2;
  display: none;
  margin: 0;
  padding-left: 0;
  list-style: none;
  background-color: #FFF;
  border-radius: 2px;
  -webkit-border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(transparent)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.1), transparent) 1 100%;
       -o-border-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.1), transparent) 1 100%;
          border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.1)), to(transparent)) 1 100%;
          border-image: linear-gradient(0deg, rgba(0, 0, 0, 0.1), transparent) 1 100%;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border: none;
}

.language-selector:hover .language-selector__options {
  display: block;
}

.language-selector__option {
  position: relative;
  padding: 5px 75px 5px 20px;
  list-style: none;
  cursor: pointer;
}

.language-selector__option:hover {
  background-color: #F3F5F6;
}

.language-selector__option_active {
  background-image: url(/static/desktop/images/menu_success-3fecfd.svg);
  background-repeat: no-repeat;
  background-position: right 15px center;
}

.language-selector_position_footer {
  margin-right: 0;
}

.language-selector_position_footer .language-selector__options {
  top: 0;
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  background-color: white;
}

.footer_big {
  z-index: 2;
}

.footer_big .footer__wrapper {
  width: 120rem;
}

.footer_theme_dark .footer__navigation a,
.footer_theme_dark .footer__navigation div,
.footer_theme_dark .footer__contacts a,
.footer_theme_dark .footer__contacts div,
.footer_theme_dark .footer__info a,
.footer_theme_dark .footer__info div {
  color: rgba(255, 255, 255, 0.5);
}

.footer_theme_dark .footer__navigation a:hover,
.footer_theme_dark .footer__navigation div:hover,
.footer_theme_dark .footer__contacts a:hover,
.footer_theme_dark .footer__contacts div:hover,
.footer_theme_dark .footer__info a:hover,
.footer_theme_dark .footer__info div:hover {
  color: #FFF;
}

.footer_theme_dark .footer__navigation a:active,
.footer_theme_dark .footer__navigation div:active,
.footer_theme_dark .footer__contacts a:active,
.footer_theme_dark .footer__contacts div:active,
.footer_theme_dark .footer__info a:active,
.footer_theme_dark .footer__info div:active {
  color: rgba(255, 255, 255, 0.7);
}

.footer_theme_dark .language-selector > div {
  color: rgba(255, 255, 255, 0.5);
}

.footer_theme_dark .language-selector__selected::after {
  border-top-color: rgba(255, 255, 255, 0.5);
}

.footer__wrapper {
  margin: 0 auto;
  width: 96rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footer__row {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 2.2rem 0 2.7rem;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.footer__row:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footer__phone {
  font-size: 1.8rem;
  line-height: 2.3rem;
  margin-bottom: 0.7rem;
  font-weight: 700;
}

.footer__contacts {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  margin-right: 3rem;
  -ms-flex: 3 1;
      flex: 3 1;
}

.footer__navigation {
  -ms-flex: 4 1;
      flex: 4 1;
  margin-right: 6.6rem;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: auto auto;
  grid-gap: 1rem 5.3rem;
}

.footer__socials {
  -ms-flex: 2 1;
      flex: 2 1;
}

.footer__info {
  -ms-flex: 3 1;
      flex: 3 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.footer__mobile-version-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.5rem;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  outline-width: 0;
}

.footer__mobile-version-btn:hover {
  color: #C80813;
  fill: #C80813;
}

.footer__mobile-version-btn:hover .footer__mobile-version-btn-icon {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  fill: #C80813;
}

.footer__mobile-version-btn:active {
  color: #94060E;
  fill: #94060E;
}

.footer__mobile-version-btn:active .footer__mobile-version-btn-icon {
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  fill: #94060E;
}

.footer__contacts-link {
  display: block;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #000;
  -webkit-transition: color 200ms ease;
  -o-transition: color 200ms ease;
  transition: color 200ms ease;
}

.footer__contacts-link:not(:last-child) {
  margin-bottom: 1.2rem;
}

.footer__mobile-version-btn-icon {
  width: 1.2rem;
  height: 2rem;
  fill: rgba(0, 0, 0, 0.5);
  margin-right: 1rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.header {
  position: fixed;
  z-index: 4;
  top: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  max-height: 9.4rem;
  width: 100%;
}

.header_static {
  position: absolute;
  top: 0;
}

.header_scrolled {
  background-color: #FFF;
}

@supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
  .header_scrolled {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
}

.header_main-page {
  background-color: #F0F0F0;
}

.header_theme_dark {
  background-color: transparent;
  color: #FFF;
}

.header_theme_light {
  background-color: transparent;
  color: #000;
}

.header__content {
  max-width: 120rem;
  padding: 2.2rem 0;
  width: 100%;
  background: transparent;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
}

.header_scrolled .header__content {
  padding: 1.1rem 0;
  -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
}

.header_transitionable .header__content {
  -webkit-transition: padding 250ms ease;
  -o-transition: padding 250ms ease;
  transition: padding 250ms ease;
}

.header__menu-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}

.header__main-menu {
  display: -ms-flexbox;
  display: flex;
}

.header__user-menu {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  margin: 0;
  padding: 0;
  list-style-type: none;
  min-width: 20rem;
}

.header-external {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}


.page-content {
  padding: 13rem 0 30.6rem 0;
  max-width: 96rem;
  margin: 0 auto;
}

.page-content_account {
  max-width: 100%;
}

@media all and (max-width: 1024px) {
  .page-content_account {
    padding-bottom: 120rem;
  }
}


.container {
  position: relative;
  min-height: 100vh;
}

.wrapper {
  margin: 0 auto;
  padding: 0 25px;
  width: 1250px;
}


.chart-curve__line {
  stroke: #D6DDE1;
  stroke-width: 1;
  stroke-linecap: round;
}

.chart-curve__area {
  fill: #e6eaed;
}


.chart {
  font-size: 12px;
  line-height: 20px;
  border: none;
}

.chart__tick line {
  stroke: #E2E2E2;
}

.chart__tick text {
  font-size: 12px;
  fill: #9A9D9E;
}

.chart__chart-line {
  stroke: #D6DDE1;
  stroke-width: 1;
  stroke-linecap: round;
}

.chart__tooltip-point {
  fill: #7C8790;
}

.chart__tooltip-line {
  opacity: 0.4;
  stroke: #7C8790;
}

.chart__tooltip-text {
  font-size: 14px;
  fill: #000;
}

.chart__cover {
  position: absolute;
  text-align: center;
}

.chart__cover span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

.chart__status-text {
  font-size: 13px;
  line-height: 20px;
  color: #999;
  letter-spacing: 1.5px;
}

.chart__status-text_pending {
  text-fill-color: transparent;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), color-stop(50%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  /* stylelint-disable-line */
  -webkit-animation: shine 2s linear infinite;
          animation: shine 2s linear infinite;
}

@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}

@keyframes shine {
  to {
    background-position: 200% center;
  }
}

.chart__update-button {
  margin-top: 10px;
  margin-bottom: 0;
}

.chart__plot-box {
  fill: transparent;
  stroke: #DBE1E4;
}

.chart__zero-line {
  opacity: 0.3;
  stroke: #7C8790;
}

.mountain-chart-container {
  position: absolute;
  bottom: 1px;
  left: 1px;
  height: 200px;
}

.bar-chart-container {
  position: absolute;
  right: 25px;
  bottom: 100px;
  height: 100px;
}

.bar-chart-base-line {
  position: absolute;
  right: 25px;
  bottom: 100px;
  left: 25px;
  border-top: 1px solid #E2E2E2;
}


.chart {
  font-size: 12px;
  line-height: 20px;
  border: none;
}

.chart__tick line {
  stroke: #E2E2E2;
}

.chart__tick text {
  font-size: 12px;
  fill: #9A9D9E;
}

.chart__chart-line {
  stroke: #D6DDE1;
  stroke-width: 1;
  stroke-linecap: round;
}

.chart__tooltip-point {
  fill: #7C8790;
}

.chart__tooltip-line {
  opacity: 0.4;
  stroke: #7C8790;
}

.chart__tooltip-text {
  font-size: 14px;
  fill: #000;
}

.chart__cover {
  position: absolute;
  text-align: center;
}

.chart__cover span {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
}

.chart__status-text {
  font-size: 13px;
  line-height: 20px;
  color: #999;
  letter-spacing: 1.5px;
}

.chart__status-text_pending {
  text-fill-color: transparent;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), color-stop(50%, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5)));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.5) 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  /* stylelint-disable-line */
  -webkit-animation: shine 2s linear infinite;
          animation: shine 2s linear infinite;
}

@-webkit-keyframes shine {
  to {
    background-position: 200% center;
  }
}

@keyframes shine {
  to {
    background-position: 200% center;
  }
}

.chart__update-button {
  margin-top: 10px;
  margin-bottom: 0;
}

.chart__plot-box {
  fill: transparent;
  stroke: #DBE1E4;
}

.chart__zero-line {
  opacity: 0.3;
  stroke: #7C8790;
}

.mountain-chart-container {
  position: absolute;
  bottom: 1px;
  left: 1px;
  height: 200px;
}

.bar-chart-container {
  position: absolute;
  right: 25px;
  bottom: 100px;
  height: 100px;
}

.bar-chart-base-line {
  position: absolute;
  right: 25px;
  bottom: 100px;
  left: 25px;
  border-top: 1px solid #E2E2E2;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.idea-chart__content {
  position: absolute;
}

.idea-chart__content_type_mountain {
  bottom: 1px;
  left: 1px;
  height: 200px;
  opacity: 1;
}

.idea-chart__content_type_bars {
  right: 28px;
  bottom: 94px;
  height: 100px;
  opacity: 1;
}

.idea-chart__base-line {
  position: absolute;
  right: 30px;
  bottom: 94px;
  left: 30px;
  border-top: 1px solid #E1E5E8;
  opacity: 0;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.idea-chart__base-line_visible {
  opacity: 1;
}

.bar-chart__bar {
  fill: #E1E5E8;
  stroke: #E1E5E8;
  margin-right: 1px;
}

.bar-chart__bar:last-child {
  margin-right: 0;
}

.bar-chart__bar-label {
  fill: rgba(0, 0, 0, 0.5);
  text-anchor: middle;
}

.mountain-chart-container {
  position: absolute;
  bottom: 1px;
  left: 1px;
  height: 200px;
}

.bar-chart-container {
  position: absolute;
  right: 28px;
  bottom: 94px;
  height: 100px;
}

.bar-chart-base-line {
  position: absolute;
  right: 30px;
  bottom: 94px;
  left: 30px;
  border-top: 1px solid #E1E5E8;
}

.chart-container {
  opacity: 0;
  -webkit-transition: opacity 140ms linear;
  -o-transition: opacity 140ms linear;
  transition: opacity 140ms linear;
}

.chart-container_visible {
  opacity: 1;
}


.risk-icon {
  vertical-align: baseline;
}

.risk-icon::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  -webkit-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}

.risk-icon_level_low::before {
  background-color: #4E9200;
}

.risk-icon_level_low.risk-icon_shaped:hover::before {
  background-color: #4e9200;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.risk-icon_level_low.risk-icon_shaped::before {
  background-color: rgba(78, 146, 0, 0.2);
  border-radius: 0;
}

.risk-icon_level_low.risk-icon_shaped.risk-icon_filled::before {
  background-color: #4e9200;
}

.risk-icon_level_medium::before {
  background-color: #EA9900;
}

.risk-icon_level_medium.risk-icon_shaped:hover::before {
  background-color: #cd8308;
  -webkit-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.risk-icon_level_medium.risk-icon_shaped::before {
  background-color: rgba(205, 131, 8, 0.3);
}

.risk-icon_level_medium.risk-icon_shaped.risk-icon_filled::before {
  background-color: #cd8308;
}

.risk-icon_level_medium-high::before {
  background: #EA9900;
  background: -webkit-linear-gradient(315deg, #EA9900 50%, #CB0000 50%);
  background: -o-linear-gradient(315deg, #EA9900 50%, #CB0000 50%);
  background: linear-gradient(135deg, #EA9900 50%, #CB0000 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ea9900", endColorstr="#cb0000", GradientType=1);
}

.risk-icon_level_high::before {
  background-color: #CB0000;
}

.risk-icon_level_high.risk-icon_shaped:hover::before {
  border-bottom-color: #d32f2f;
  -webkit-transition: border-bottom-color 0.2s ease;
  -o-transition: border-bottom-color 0.2s ease;
  transition: border-bottom-color 0.2s ease;
}

.risk-icon_level_high.risk-icon_shaped::before {
  border-radius: 0;
  background-color: transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 10px solid rgba(211, 47, 47, 0.4);
}

.risk-icon_level_high.risk-icon_shaped.risk-icon_filled::before {
  border-bottom-color: #d32f2f;
}


.idea-card-risk-legend {
  width: 25rem;
}

.idea-card-risk-legend__icon {
  padding-right: 8px;
}

.idea-card-risk-legend__title {
  padding-bottom: 0.5rem;
}


.risk-info__text {
  margin-left: 0;
}

.risk-info__text_with-indent {
  margin-left: 0.8rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.idea-top-card-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.idea-top-card-header__logo-wrapper {
  float: left;
  margin-right: 1.5rem;
  max-height: 77px;
}

.idea-top-card-header__logo {
  display: inline-block;
  max-width: 140px;
  min-height: 70px;
  max-height: 70px;
}

.idea-top-card-header__name {
  margin-bottom: 5px;
  line-height: 1.1;
}

a .idea-top-card-header__name {
  color: #000;
  -webkit-transition: color 200ms;
  -o-transition: color 200ms;
  transition: color 200ms;
}

a .idea-top-card-header__name:hover {
  color: #ED4040;
}

.idea-top-card-header__wrapper {
  width: 100%;
  overflow: hidden;
}

.idea-top-card-header__desc {
  max-width: 360px;
  line-height: 18px;
  font-weight: 400;
  color: #000;
}

.idea-top-card-header__right-corner {
  position: relative;
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  padding-top: 7px;
  text-align: right;
}

.idea-top-card-header__category {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.idea-top-card-header__risk {
  display: inline-block;
  margin-left: 8px;
  font-size: 13px;
  font-weight: 700;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 1.3px;
  text-transform: uppercase;
  cursor: pointer;
  pointer-events: auto;
}

.idea-top-card-header__chart-desc {
  clear: both;
  margin-top: 5px;
  max-width: 350px;
  color: rgba(0, 0, 0, 0.5);
  text-align: right;
  white-space: nowrap;
}


@charset "UTF-8";

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.idea-top-card-fees-factoid {
  color: #000;
  white-space: nowrap;
}

.idea-top-card-fees-factoid:not(:last-child)::after {
  content: "\B7";
  padding-right: 5px;
  padding-left: 5px;
}

.idea-top-card-fees-factoid__title {
  padding-right: 5px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.tariff-grid {
  min-width: 400px;
  width: 100%;
  font-size: 15px;
  line-height: 20px;
  border-spacing: 0;
  margin-bottom: 0;
}

.tariff-grid thead tr:first-child td:first-child {
  width: 12rem;
}

.tariff-grid thead tr:first-child td:nth-child(2) {
  text-align: center;
}

.tariff-grid thead tr:nth-child(2) td {
  text-align: right;
  padding-bottom: 4px;
  padding-left: 20px;
}

.tariff-grid thead tr:nth-child(2) td:first-child {
  padding-left: 0;
}

.tariff-grid thead td {
  padding-right: 0;
  padding-left: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.tariff-grid tbody tr td {
  padding: 0.8rem 0;
}

.tariff-grid tbody tr:hover td {
  background-color: rgba(0, 0, 0, 0.02);
}

.tariff-grid tbody td {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  padding-top: 10px;
}

.tariff-grid tbody td:first-child {
  text-align: left;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.idea-top-card-fees-tariff__hint {
  display: inline-block;
  padding-left: 5px;
  line-height: 18px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  color: initial;
  cursor: pointer;
  background: white;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.idea-top-card-fees {
  position: relative;
  margin-left: auto;
  padding: 0;
  color: #000;
}

.idea-top-card-fees__title {
  margin-bottom: 3px;
  font-size: 15px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.idea-top-card-buttons__submit,
.secondary-button,
.idea-top-card-buttons__link,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.idea-top-card-buttons__submit:hover,
.secondary-button:hover,
.idea-top-card-buttons__link:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.idea-top-card-buttons__submit:active,
.secondary-button:active,
.idea-top-card-buttons__link:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.idea-top-card-buttons__submit:focus,
.secondary-button:focus,
.idea-top-card-buttons__link:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.idea-top-card-buttons__submit:hover,
.secondary-button:hover,
.idea-top-card-buttons__link:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.idea-top-card-buttons__submit:active,
.secondary-button:active,
.idea-top-card-buttons__link:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.idea-top-card-buttons__submit:focus,
.secondary-button:focus,
.idea-top-card-buttons__link:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.idea-top-card-buttons__submit:active:focus,
.secondary-button:active:focus,
.idea-top-card-buttons__link:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button,
.idea-top-card-buttons__submit {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.idea-top-card-buttons__submit:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active,
.idea-top-card-buttons__submit:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.idea-top-card-buttons__submit:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.idea-top-card-buttons__submit:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.idea-top-card-buttons__link {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.idea-top-card-buttons__link:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.idea-top-card-buttons__link:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.idea-top-card-buttons__link:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.idea-top-card-buttons__link:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.idea-top-card-buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: baseline;
      align-items: baseline;
  margin-right: 0;
  margin-left: auto;
}

.idea-top-card-buttons__submit-btn {
  color: #000;
  background: #FFF;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 1rem 2rem;
  vertical-align: middle;
  border-radius: 1rem;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  margin-right: 10px;
}

.idea-top-card-buttons__submit {
  border-radius: 14px;
  width: 100%;
  margin-right: 0;
  -webkit-transition-property: background-color, border-color, color, -webkit-box-shadow;
  transition-property: background-color, border-color, color, -webkit-box-shadow;
  -o-transition-property: background-color, border-color, color, box-shadow;
  transition-property: background-color, border-color, color, box-shadow;
  transition-property: background-color, border-color, color, box-shadow, -webkit-box-shadow;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  text-decoration: none;
  border-style: solid;
  border-width: 0px;
  outline: 0px;
}

.idea-top-card-buttons__submit-separator {
  width: 0.5rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.current-price__comment-icon {
  display: inline-block;
  padding-left: 1px;
  width: 17px;
  height: 17px;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
}

.current-price__tooltip {
  max-width: 30rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.idea-top-card-factoid {
  margin-right: 2rem;
  white-space: nowrap;
}

.idea-top-card-factoid__title {
  margin-bottom: 3px;
  font-size: 1.5rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.5);
}

.idea-top-card-factoid__value {
  color: #000;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.idea-top-card-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 0 2.5rem;
  margin: 0 2.5rem;
  padding: 1.6rem 0 3.5rem;
  margin: 0 3rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.idea-top-card {
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  display: block;
  border-radius: 10px;
}

.idea-top-card__graph {
  position: relative;
  height: 300px;
  background-color: #F2F5F7;
}

.idea-top-card__content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 2rem 3rem 3.5rem;
}

.idea-top-card:hover .idea-top-card-buttons__submit {
  background-color: #3187ee;
  color: #FFF;
}

.idea-top-card:hover .idea-top-card-buttons__submit:hover,
.idea-top-card:hover .idea-top-card-buttons__submit:focus {
  background-color: #459bff;
}

.idea-top-card:hover .idea-top-card-buttons__submit:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.idea-top-card:hover .idea-top-card-buttons__submit:active {
  background-color: #0b5acd;
}

.idea-top-card:hover .idea-top-card-buttons__submit:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.breadcrumb {
  display: inline-block;
  margin-bottom: 9px;
  color: rgba(0, 0, 0, 0.5);
}

.breadcrumb__arrow {
  font-size: 2rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.not-found-error {
  position: relative;
  padding-top: 140px;
}

.not-found-error__icon {
  position: relative;
  margin: 0 auto 35px;
  width: 119px;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }

  45% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  47% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }

  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  85% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  60% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  74% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }

  86% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  44% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }

  45% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  47% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
  }

  50% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  85% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }

  60% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }

  74% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }

  86% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

.not-found-error__icon_arrow {
  position: absolute;
  top: 46px;
  left: 22px;
  -webkit-animation: rotate infinite 2.25s linear;
          animation: rotate infinite 2.25s linear;
}

.not-found-error__reason {
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 700;
  color: #ED4040;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
}

.not-found-error__desc {
  margin-bottom: 43px;
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
  text-align: center;
}

.not-found-error__arrow {
  position: absolute;
  top: 100px;
  left: 150px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
  font-size: 18px;
}

.not-found-error__arrow img {
  margin-left: 6px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.idea-landing-authentication__signup,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.idea-landing-authentication__signup:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.idea-landing-authentication__signup:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.idea-landing-authentication__signup:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.idea-landing-authentication__signup:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.idea-landing-authentication__signup:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.idea-landing-authentication__signup:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.idea-landing-authentication__signup:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.idea-landing-authentication__signup {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.idea-landing-authentication__signup:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.idea-landing-authentication__signup:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.idea-landing-authentication__signup:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.idea-landing-authentication__signup:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.idea-landing-authentication {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.idea-landing-authentication__signup {
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 1rem;
}

.idea-landing-authentication__signin {
  color: #000;
  background: #FFF;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 1rem 2rem;
  vertical-align: middle;
  border-radius: 1rem;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 10px;
}

.idea-landing-authentication__comment {
  max-width: 600px;
  color: rgba(0, 0, 0, 0.5);
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.idea-landing-finished__link,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.idea-landing-finished__link:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.idea-landing-finished__link:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.idea-landing-finished__link:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.idea-landing-finished__link:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.idea-landing-finished__link:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.idea-landing-finished__link:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.idea-landing-finished__link:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.idea-landing-finished__link {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.idea-landing-finished__link:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.idea-landing-finished__link:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.idea-landing-finished__link:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.idea-landing-finished__link:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.idea-landing-finished {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 25px 38px;
  width: 66.66667%;
  background-color: #F3F5F6;
  border-radius: 2px;
}

.idea-landing-finished__text {
  margin: 0;
  max-width: 265px;
  color: #999;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.notification {
  position: absolute;
  z-index: 5;
  visibility: visible;
  opacity: 1;
  width: 100%;
}

.notification_position_right {
  top: 0;
  bottom: 0;
  left: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.notification_position_bottom,
.notification_position_bottomRight {
  top: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
}

.notification_position_bottom {
  right: 0;
  left: 0;
}

.notification_position_bottomRight {
  right: -3px;
}

.notification_position_bottomLeftSticky {
  position: relative;
  margin-bottom: -1px;
  top: 0;
  left: 0;
}

.notification__content {
  position: relative;
  padding: 1rem 2rem 1.2rem;
  line-height: 20px;
  color: #000;
  font-size: initial;
  background-color: #FFF;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.notification__content::before,
.notification__content::after {
  content: " ";
  position: absolute;
  z-index: 2;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
}

.notification__content::before {
  margin-top: -11px;
  border-width: 11px;
}

.notification__content::after {
  margin-top: -10px;
  border-width: 10px;
}

.notification__content_position_right {
  margin-left: 1rem;
  max-width: 320px;
  margin-right: auto;
}

.notification__content_position_right::before,
.notification__content_position_right::after {
  top: 50%;
  right: 100%;
}

.notification__content_position_right::before {
  border-right-color: inherit;
}

.notification__content_position_right::after {
  border-right-color: #FFF;
}

.notification__content_position_bottom {
  margin-top: 1rem;
  white-space: pre;
}

.notification__content_position_bottom::before,
.notification__content_position_bottom::after {
  bottom: 100%;
  left: 50%;
}

.notification__content_position_bottom::before {
  margin-left: -9px;
  border-bottom-color: inherit;
}

.notification__content_position_bottom::after {
  margin-left: -8px;
  border-bottom-color: #FFF;
}

.notification__content_position_bottomRight {
  margin-top: 1rem;
}

.notification__content_position_bottomRight::before,
.notification__content_position_bottomRight::after {
  right: 10px;
  bottom: 100%;
}

.notification__content_position_bottomRight::before {
  border-bottom-color: inherit;
}

.notification__content_position_bottomRight::after {
  right: 11px;
  border-bottom-color: #FFF;
}

.notification__content_position_bottomLeftSticky {
  padding: 8px 15px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0 0 1rem 1rem;
}

.notification__content_position_bottomLeftSticky::after {
  display: none;
}

.notification__content_position_bottomLeftSticky::before {
  border: 0;
  margin: 0;
}

.notification__content_position_bottomLeftSticky::before {
  width: 1.2rem;
  height: 1.2rem;
  left: 18px;
  top: -7px;
  bottom: 100%;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.notification__content_level_error {
  color: #D32F2F;
  background-color: #F9EDED;
  border: 1px solid #F1D4D4;
}

.notification__content_level_error.notification__content_position_right::after {
  border-right-color: #F9EDED;
}

.notification__content_level_error.notification__content_position_bottom::after {
  border-bottom-color: #F9EDED;
}

.notification__content_level_error.notification__content_position_bottomRight::after {
  border-bottom-color: #F9EDED;
}

.notification__content_level_error.notification__content_position_bottomLeftSticky::before {
  background-color: #F9EDED;
  border-top: 1px solid #F1D4D4;
  border-left: 1px solid #F1D4D4;
}

.notification__content_level_info {
  color: #000;
  background-color: #D7E2EF;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.notification__content_level_info.notification__content_position_right::after {
  background-color: #D7E2EF;
}

.notification__content_level_info.notification__content_position_bottom::after {
  background-color: #D7E2EF;
}

.notification__content_level_info.notification__content_position_bottomRight::after {
  background-color: #D7E2EF;
}

.notification__content_level_info.notification__content_position_bottomLeftSticky::before {
  background-color: #D7E2EF;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.notification__content_minWidth_400 {
  min-width: 40rem;
  max-width: 40rem;
  white-space: inherit;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.submit-button_primary,
.btn-outline,
.disabled-button,
.submit-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.submit-button_primary:hover,
.btn-outline:hover,
.disabled-button:hover,
.submit-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.submit-button_primary:active,
.btn-outline:active,
.disabled-button:active,
.submit-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.submit-button_primary:focus,
.btn-outline:focus,
.disabled-button:focus,
.submit-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.submit-button_primary:hover,
.btn-outline:hover,
.disabled-button:hover,
.submit-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.submit-button_primary:active,
.btn-outline:active,
.disabled-button:active,
.submit-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.submit-button_primary:focus,
.btn-outline:focus,
.disabled-button:focus,
.submit-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.submit-button_primary:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus,
.submit-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.submit-button_primary {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.submit-button_primary:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.submit-button_primary:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.submit-button_primary:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.submit-button_primary:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

@-webkit-keyframes Gradient {
  0% {
    background-position: 0 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 200% 50%;
  }
}

@keyframes Gradient {
  0% {
    background-position: 0 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 200% 50%;
  }
}

.submit-button {
  position: relative;
}

.submit-button_submitting::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.5)), to(transparent));
  background: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.5), transparent);
  background: -o-linear-gradient(left, transparent, rgba(255, 255, 255, 0.5), transparent);
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
  background-size: 200% 400%;
  -webkit-animation: Gradient 2s linear infinite;
          animation: Gradient 2s linear infinite;
}

.submit-button_submitting:disabled {
  opacity: 1 !important;
}

.submit-button:disabled {
  opacity: .5;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.buy-and-hold-submit-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.buy-and-hold-submit-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.buy-and-hold-submit-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.buy-and-hold-submit-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.buy-and-hold-submit-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.buy-and-hold-submit-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.buy-and-hold-submit-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.buy-and-hold-submit-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.buy-and-hold-submit-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.buy-and-hold-submit-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.buy-and-hold-submit-button:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.buy-and-hold-submit-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.buy-and-hold-submit-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.buy-and-hold-submit-button {
  margin-left: 15px;
  padding: 5px 15px;
  height: 60px;
  text-align: left;
}

.buy-and-hold-submit-button__title {
  font-size: 24px;
  line-height: 30px;
  white-space: nowrap;
}

.buy-and-hold-submit-button__comment {
  white-space: nowrap;
  opacity: 0.8;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.better-offer-hint {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  width: 292px;
  background: #E5EEFA;
  border-radius: 5px;
  position: absolute;
  padding: 9px 11px 9px 20px;
  margin-left: 18px;
  top: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.better-offer-hint::before {
  content: '';
  display: block;
  width: 15px;
  height: 15px;
  background-color: #E5EEFA;
  position: absolute;
  top: calc(50% - 7.5px);
  left: -7.5px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.better-offer-hint__body {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: justify;
      justify-content: space-between;
  position: relative;
}

.better-offer-hint__text {
  font-size: 15px;
  line-height: 20px;
  color: #0657CD;
  max-width: 230px;
}

.better-offer-hint__hint-icon {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.better-offer-hint__link {
  display: inline;
  color: #0657CD;
  text-decoration: none;
  border-bottom: 1px dotted #0657CD;
  cursor: pointer;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.input-view {
  color: #000;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(0, 41, 91, 0.07);
  border-radius: 10px;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
  position: relative;
  margin-bottom: 0;
  max-width: 100%;
  min-height: 5rem;
  vertical-align: middle;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

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

.input-view:hover {
  background-color: rgba(0, 41, 91, 0.1);
}

.input-view:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: rgba(0, 41, 91, 0.15);
}

.input-view:focus-within {
  background-color: rgba(0, 41, 91, 0.15);
}

.input-view_big {
  min-height: 6.1rem;
}

.input-view_big .input-view__inner {
  min-height: 6.1rem;
}

.input-view__inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  border-radius: 1rem;
}

.input-view__inner:hover input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #E6E9ED;
          box-shadow: inset 0 0 0 9999px #E6E9ED;
}

.input-view__inner:focus-within input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #DCDFE4;
          box-shadow: inset 0 0 0 9999px #DCDFE4;
}

.input-view__label {
  color: #999;
  vertical-align: baseline;
  cursor: text;
  padding-left: 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  min-width: 11.5rem;
  max-width: 15rem;
  font-size: inherit;
  word-break: break-word;
  overflow: hidden;
  line-height: normal;
  z-index: 2;
}

.input-view__input {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  padding-right: 1.5rem;
  padding-left: 0.7rem;
  width: 100%;
  height: 5rem;
  max-width: 33rem;
  color: #000;
  vertical-align: baseline;
  background: transparent;
  border: none;
  outline: none;
  margin: 1px 1px 1px 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  min-width: 0px;
  padding: 0 2rem 0 1rem;
  border-width: 0;
  z-index: 2;
  border-radius: 1rem;
}

.input-view__inside {
  line-height: normal;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 2rem;
  margin-left: auto;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.amount-input-stage {
  width: 25%;
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
  text-align: right;
}

.amount-input-stage_disabled {
  width: auto;
  color: rgba(0, 0, 0, 0.25);
}

.amount-input-stage_disabled .amount-input-stage__value:hover {
  color: inherit;
  cursor: default;
}

.amount-input-stage:first-child {
  position: absolute;
  left: 0;
  text-align: left;
}

.amount-input-stage__value {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.amount-input-stage__value:hover {
  color: #000;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.amount-input-stages {
  display: -ms-flexbox;
  display: flex;
  line-height: 15px;
  width: 100%;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.amount-input-bar {
  height: inherit;
  background-color: rgba(0, 41, 91, 0.07);
  -webkit-transition: width 440ms ease;
  -o-transition: width 440ms ease;
  transition: width 440ms ease;
  border-radius: 1rem;
  height: 100%;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.amount-input {
  position: relative;
  font-size: 2.3rem;
}

.amount-input__label {
  min-width: 2.5rem;
}

.amount-input__bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.amount-input__stages {
  position: absolute;
  margin-top: 0.5rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.idea-landing-submit__submit-btn,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.idea-landing-submit__submit-btn:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.idea-landing-submit__submit-btn:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.idea-landing-submit__submit-btn:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.idea-landing-submit__submit-btn:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.idea-landing-submit__submit-btn:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.idea-landing-submit__submit-btn:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.idea-landing-submit__submit-btn:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.idea-landing-submit__submit-btn {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.idea-landing-submit__submit-btn:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.idea-landing-submit__submit-btn:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.idea-landing-submit__submit-btn:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.idea-landing-submit__submit-btn:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.idea-landing-submit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  -ms-flex-align: center;
      align-items: center;
}

.idea-landing-submit .amount-input {
  max-width: 31rem;
}

.idea-landing-submit:not(:only-child) {
  margin-right: 1.8rem;
}

.idea-landing-submit__input {
  height: 5.5rem;
}

.idea-landing-submit__submit-btn {
  margin-left: 1rem;
  padding: 2rem 3.6rem;
  font-size: 2.4rem;
  max-width: 24rem;
}

.idea-landing-submit__comment {
  margin: 0;
  margin-left: 1rem;
  color: rgba(0, 0, 0, 0.5);
}

.idea-landing-submit__tariff-hint-wrapper {
  position: relative;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary,
.secondary-button,
.btn-outline,
.disabled-button,
.idea-landing-submit-section-ipo-notification-tooltip__btn {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.idea-landing-submit-section-ipo-notification-tooltip__btn:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.idea-landing-submit-section-ipo-notification-tooltip__btn:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus,
.idea-landing-submit-section-ipo-notification-tooltip__btn:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.idea-landing-submit-section-ipo-notification-tooltip__btn:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.idea-landing-submit-section-ipo-notification-tooltip__btn:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus,
.idea-landing-submit-section-ipo-notification-tooltip__btn:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus,
.idea-landing-submit-section-ipo-notification-tooltip__btn:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.idea-landing-submit-section-ipo-notification-tooltip__btn_primary:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.idea-landing-submit-section-ipo-notification-tooltip {
  width: 43.7rem;
  padding: 1.5rem 1.8rem 2rem;
}

.idea-landing-submit-section-ipo-notification-tooltip__btn {
  margin-top: 1.9rem;
}

.idea-landing-submit-section-ipo-notification-tooltip__btn img {
  position: relative;
  top: -1px;
}

.idea-landing-submit-section-ipo-notification-tooltip__paragraph:not(:first-child) {
  margin-top: 1rem;
}

.idea-landing-submit-section-ipo-notification-tooltip__btn-icon {
  margin-right: 1rem;
}

.idea-landing-submit-section-ipo-notification-tooltip__overlay {
  padding: 0 !important;
}


.idea-landing-submit-section-ipo-notification {
  max-width: 25rem;
}

.idea-landing-submit-section-ipo-notification_not-enough-money {
  max-width: 100%;
}

.idea-landing-submit-section-ipo-notification__text {
  margin-right: 0.8rem;
}

.idea-landing-submit-section-ipo-notification__icon {
  position: relative;
  top: 0.4rem;
  cursor: pointer;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.idea-landing-deposit__btn,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.idea-landing-deposit__btn:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.idea-landing-deposit__btn:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.idea-landing-deposit__btn:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.idea-landing-deposit__btn:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.idea-landing-deposit__btn:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.idea-landing-deposit__btn:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.idea-landing-deposit__btn:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.idea-landing-deposit__btn {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.idea-landing-deposit__btn:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.idea-landing-deposit__btn:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.idea-landing-deposit__btn:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.idea-landing-deposit__btn:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.idea-landing-deposit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-align: center;
      align-items: center;
}

.idea-landing-deposit__btn {
  margin-right: 15px;
}

.idea-landing-deposit__comment {
  color: #000;
}


/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
  border-bottom: none;
  /* 1 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 2 */
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 20px;
  /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  display: table;
  /* 1 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 3 */
  max-width: 100%;
  /* 1 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  outline-offset: -2px;
  /* 2 */
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  font: inherit;
  /* 2 */
  -webkit-appearance: button;
  /* 1 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: "Geometria";
  font-weight: 400;
  font-style: normal;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Regular.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Regular.woff") format("woff");
}

@font-face {
  font-family: "Geometria";
  font-weight: 700;
  font-style: normal;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Bold.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Bold.woff") format("woff");
}

@font-face {
  font-family: "Crypto-Icon";
  font-weight: 700;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoBold.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoBold.woff") format("woff");
}

@font-face {
  font-family: "Crypto-Icon";
  font-weight: 400;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoRegular.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoRegular.woff") format("woff");
}

.crypto-icon {
  font-family: "Crypto-Icon";
  font-style: normal;
}

.crypto-icon__BTC::before {
  content: "B";
}

.crypto-icon__ETH::before {
  content: "E";
}

.crypto-icon__UTT::before {
  content: "U";
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -44px 0 0 -44px;
  width: 88px;
  height: 88px;
}

.spinner::before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.spinner::before,
.spinner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 88px;
  height: 88px;
  border: 2px solid #000;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation-name: intervalLoadingAnimation;
          animation-name: intervalLoadingAnimation;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@-webkit-keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@-webkit-keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.scrollarea .scrollbar-container {
  z-index: 2 !important;
  opacity: 0.2 !important;
}

.scrollarea .scrollbar-container:hover {
  background-color: transparent !important;
  opacity: 0.4 !important;
}

.scrollarea .scrollbar-container.active {
  opacity: 0.6 !important;
}

.scrollarea .scrollbar-container.vertical .scrollbar {
  background: #c4cdd4 !important;
  cursor: pointer;
}

.rc-tooltip {
  position: absolute;
  z-index: 202;
  display: block;
  font-size: 15px;
  line-height: 20px;
  visibility: visible;
  opacity: 1;
}

.rc-tooltip-hidden {
  display: none;
}

.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px;
}

.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}

.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px;
}

.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}

.rc-tooltip-inner {
  min-height: 34px;
  color: #000;
  text-align: left;
  text-decoration: none;
  background-color: #FFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.rc-tooltip-zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  -webkit-animation-name: rcToolTipZoomIn;
          animation-name: rcToolTipZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  -webkit-animation-name: rcToolTipZoomOut;
          animation-name: rcToolTipZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes rcToolTipZoomIn {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 1;
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 1;
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
}

.rc-tooltip p {
  max-width: 285px;
}

.rc-tooltip__table thead tr th {
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  color: #999;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.rc-tooltip__table thead tr th:not(:last-child) {
  padding-right: 12px;
}

.rc-tooltip__table tbody tr td {
  padding: 1px 3px;
}

.rc-tooltip__table tbody tr td:first-child {
  padding-left: 0;
}

.rc-tooltip__table tbody tr td:last-child {
  padding-right: 0;
}

.rc-tooltip__table tbody tr:first-child td {
  padding-top: 10px;
}

.rc-tooltip__table tbody tr.active td {
  color: #000;
}

.rc-tooltip__table tbody tr.active td .risk {
  opacity: 1;
}

.rc-tooltip__content {
  margin-top: 40px;
}

.rc-overlay,
.overlay-card-archive {
  padding: 12px 30px;
  width: auto;
  height: auto;
  border: none;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.rc-overlay_flex {
  display: -ms-flexbox;
  display: flex;
}

.rc-overlay__item_switch {
  position: relative;
  padding-left: 40px;
}

.rc-overlay__item_switch .rc-switch {
  position: absolute;
  top: 5px;
  left: 0;
}

.rc-overlay__item_left p {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 170px;
}

.idea-list {
  width: 100%;
  font-size: 15px;
  line-height: 20px;
}

.idea-list::after {
  content: "";
  display: table;
  clear: both;
}

.idea-list__title {
  display: inline-block;
  float: left;
  padding-right: 2rem;
}

.idea-list__body {
  display: inline-block;
  float: right;
  text-align: right;
}

.idea-list__line {
  display: block;
  clear: both;
  margin: 10px 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.rc-tooltip_alert .rc-overlay,
.rc-tooltip_alert .overlay-card-archive {
  color: #D32F2F;
  background-color: #F9EDED;
  border: 1px solid #F1D4D4;
}

.rc-tooltip_info .rc-overlay,
.rc-tooltip_info .overlay-card-archive {
  color: #000;
  background-color: #F7F5F2;
  border: 1px solid #DDDCD9;
}

.rc-tooltip .rc-overlay,
.rc-tooltip .overlay-card-archive {
  position: relative;
}

.rc-tooltip .rc-overlay::before,
.rc-tooltip .overlay-card-archive::before,
.rc-tooltip .rc-overlay::after,
.rc-tooltip .overlay-card-archive::after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
}

.rc-tooltip-placement-bottom .rc-overlay::before,
.rc-tooltip-placement-bottom .overlay-card-archive::before,
.rc-tooltip-placement-bottom .rc-overlay::after,
.rc-tooltip-placement-bottom .overlay-card-archive::after {
  bottom: 100%;
  left: 50%;
}

.rc-tooltip-placement-bottom .rc-overlay::before,
.rc-tooltip-placement-bottom .overlay-card-archive::before {
  margin-left: -11px;
  border-width: 11px;
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-bottom .rc-overlay::after,
.rc-tooltip-placement-bottom .overlay-card-archive::after {
  margin-left: -10px;
  border-width: 10px;
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #FFF;
}

.rc-tooltip-placement-bottom.rc-tooltip-content {
  background-color: #FFF;
}

.rc-tooltip-placement-bottom.rc-tooltip_alert .rc-overlay::before,
.rc-tooltip-placement-bottom.rc-tooltip_alert .overlay-card-archive::before {
  border-color: rgba(241, 212, 212, 0);
  border-bottom-color: #F1D4D4;
}

.rc-tooltip-placement-bottom.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-bottom.rc-tooltip_alert .overlay-card-archive::after {
  border-color: rgba(249, 237, 237, 0);
  border-bottom-color: #F9EDED;
}

.rc-tooltip-placement-bottom.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-bottom.rc-tooltip_info .overlay-card-archive::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-bottom.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-bottom.rc-tooltip_info .overlay-card-archive::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-right .rc-overlay::before,
.rc-tooltip-placement-right .overlay-card-archive::before,
.rc-tooltip-placement-right .rc-overlay::after,
.rc-tooltip-placement-right .overlay-card-archive::after {
  top: 50%;
  right: 100%;
}

.rc-tooltip-placement-right .rc-overlay::before,
.rc-tooltip-placement-right .overlay-card-archive::before {
  margin-top: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-right .rc-overlay::after,
.rc-tooltip-placement-right .overlay-card-archive::after {
  margin-top: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-right.rc-tooltip_alert .rc-overlay::before,
.rc-tooltip-placement-right.rc-tooltip_alert .overlay-card-archive::before {
  border-color: rgba(241, 212, 212, 0);
  border-right-color: #F1D4D4;
}

.rc-tooltip-placement-right.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-right.rc-tooltip_alert .overlay-card-archive::after {
  border-color: rgba(249, 237, 237, 0);
  border-right-color: #F9EDED;
}

.rc-tooltip-placement-right.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-right.rc-tooltip_info .overlay-card-archive::before {
  border-color: rgba(221, 220, 217, 0);
  border-right-color: #DDDCD9;
}

.rc-tooltip-placement-right.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-right.rc-tooltip_info .overlay-card-archive::after {
  border-color: rgba(247, 245, 242, 0);
  border-right-color: #F7F5F2;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .overlay-card-archive::before,
.rc-tooltip-placement-top .rc-overlay::after,
.rc-tooltip-placement-top .overlay-card-archive::after {
  left: 50%;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .overlay-card-archive::before {
  bottom: -22px;
  margin-left: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-top .rc-overlay::after,
.rc-tooltip-placement-top .overlay-card-archive::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::before,
.rc-tooltip-placement-top.rc-tooltip_alert .overlay-card-archive::before {
  border-color: rgba(241, 212, 212, 0);
  border-top-color: #F1D4D4;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-top.rc-tooltip_alert .overlay-card-archive::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-top.rc-tooltip_info .overlay-card-archive::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-top.rc-tooltip_info .overlay-card-archive::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-left .rc-overlay::before,
.rc-tooltip-placement-left .overlay-card-archive::before,
.rc-tooltip-placement-left .rc-overlay::after,
.rc-tooltip-placement-left .overlay-card-archive::after {
  top: 50%;
}

.rc-tooltip-placement-left .rc-overlay::before,
.rc-tooltip-placement-left .overlay-card-archive::before {
  right: -22px;
  margin-top: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-left .rc-overlay::after,
.rc-tooltip-placement-left .overlay-card-archive::after {
  right: -20px;
  bottom: -20px;
  margin-top: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-left .rc-tooltip_alert .rc-overlay::before,
.rc-tooltip-placement-left .rc-tooltip_alert .overlay-card-archive::before {
  border-color: rgba(241, 212, 212, 0);
  border-left-color: #F1D4D4;
}

.rc-tooltip-placement-left .rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-left .rc-tooltip_alert .overlay-card-archive::after {
  border-color: rgba(249, 237, 237, 0);
  border-left-color: #F9EDED;
}

.rc-tooltip-placement-left .rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-left .rc-tooltip_info .overlay-card-archive::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-left .rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-left .rc-tooltip_info .overlay-card-archive::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .overlay-card-archive::before,
.rc-tooltip-placement-top .rc-overlay::after,
.rc-tooltip-placement-top .overlay-card-archive::after {
  left: 50%;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .overlay-card-archive::before {
  bottom: -21px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top .rc-overlay::after,
.rc-tooltip-placement-top .overlay-card-archive::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top.rc-tooltip .rc-overlay::before,
.rc-tooltip-placement-top.rc-tooltip .overlay-card-archive::before {
  border-color: rgba(221, 220, 217, 0);
  border-top-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-top.rc-tooltip .rc-overlay::after,
.rc-tooltip-placement-top.rc-tooltip .overlay-card-archive::after {
  border-color: rgba(247, 245, 242, 0);
  border-top-color: #FFF;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-top.rc-tooltip_alert .overlay-card-archive::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-top.rc-tooltip_info .overlay-card-archive::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-top.rc-tooltip_info .overlay-card-archive::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-topRight .rc-tooltip-inner {
  margin-right: -35px;
}

.rc-tooltip-placement-topRight.idea__close .rc-tooltip-inner {
  margin-right: -10px;
}

.rc-tooltip-placement-topRight.idea__close .rc-overlay::before,
.rc-tooltip-placement-topRight.idea__close .overlay-card-archive::before,
.rc-tooltip-placement-topRight.idea__close .rc-overlay::after,
.rc-tooltip-placement-topRight.idea__close .overlay-card-archive::after {
  right: 8px;
}

.rc-tooltip-placement-topRight.idea__cardtooltip .rc-tooltip-inner {
  position: relative;
  top: 14px;
  margin-right: -10px;
}

.rc-tooltip-placement-topRight.idea__cardtooltip .rc-overlay::before,
.rc-tooltip-placement-topRight.idea__cardtooltip .overlay-card-archive::before,
.rc-tooltip-placement-topRight.idea__cardtooltip .rc-overlay::after,
.rc-tooltip-placement-topRight.idea__cardtooltip .overlay-card-archive::after {
  right: 19px;
}

.rc-tooltip-placement-topRight .rc-overlay::before,
.rc-tooltip-placement-topRight .overlay-card-archive::before,
.rc-tooltip-placement-topRight .rc-overlay::after,
.rc-tooltip-placement-topRight .overlay-card-archive::after {
  right: 31px;
}

.rc-tooltip-placement-topRight .rc-overlay::before,
.rc-tooltip-placement-topRight .overlay-card-archive::before {
  bottom: -21px;
  margin-left: -11px;
  border-width: 10px;
}

.rc-tooltip-placement-topRight .rc-overlay::after,
.rc-tooltip-placement-topRight .overlay-card-archive::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-topRight.rc-tooltip .rc-overlay::before,
.rc-tooltip-placement-topRight.rc-tooltip .overlay-card-archive::before {
  border-color: rgba(221, 220, 217, 0);
  border-top-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-topRight.rc-tooltip .rc-overlay::after,
.rc-tooltip-placement-topRight.rc-tooltip .overlay-card-archive::after {
  border-color: rgba(247, 245, 242, 0);
  border-top-color: #FFF;
}

.rc-tooltip-placement-topRight.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-topRight.rc-tooltip_alert .overlay-card-archive::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-topRight.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-topRight.rc-tooltip_info .overlay-card-archive::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-topRight.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-topRight.rc-tooltip_info .overlay-card-archive::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-inner {
  margin-right: -35px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::before,
.rc-tooltip-placement-bottomRight .overlay-card-archive::before,
.rc-tooltip-placement-bottomRight .rc-overlay::after,
.rc-tooltip-placement-bottomRight .overlay-card-archive::after {
  right: 33px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::before,
.rc-tooltip-placement-bottomRight .overlay-card-archive::before {
  top: -21px;
  margin-left: -11px;
  border-width: 10px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::after,
.rc-tooltip-placement-bottomRight .overlay-card-archive::after {
  top: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-bottomRight.rc-tooltip .rc-overlay::before,
.rc-tooltip-placement-bottomRight.rc-tooltip .overlay-card-archive::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-bottomRight.rc-tooltip .rc-overlay::after,
.rc-tooltip-placement-bottomRight.rc-tooltip .overlay-card-archive::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #FFF;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-bottomRight.rc-tooltip_alert .overlay-card-archive::after {
  border-color: rgba(249, 237, 237, 0);
  border-bottom-color: #F9EDED;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-bottomRight.rc-tooltip_info .overlay-card-archive::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-bottomRight.rc-tooltip_info .overlay-card-archive::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip_success .rc-tooltip-inner {
  color: #90AF6B;
  background-color: #EDF4E5;
}

.rc-tooltip_success.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip_success.rc-tooltip-placement-top .overlay-card-archive::before {
  border-color: transparent;
  border-top-color: #D5D5D5;
}

.rc-tooltip_success.rc-tooltip-placement-top .rc-overlay::after,
.rc-tooltip_success.rc-tooltip-placement-top .overlay-card-archive::after {
  border-color: transparent;
  border-top-color: #EDF4E5;
}

.rc-tooltip_success.rc-tooltip-placement-bottom .rc-overlay::before,
.rc-tooltip_success.rc-tooltip-placement-bottom .overlay-card-archive::before {
  border-color: transparent;
  border-bottom-color: #D5D5D5;
}

.rc-tooltip_success.rc-tooltip-placement-bottom .rc-overlay::after,
.rc-tooltip_success.rc-tooltip-placement-bottom .overlay-card-archive::after {
  border-color: transparent;
  border-bottom-color: #EDF4E5;
}

.col {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  max-width: 100%;
}

.col_no-gutters {
  padding: 0;
}

.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.grid_container {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.grid_no-gutters {
  padding: 0;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

.row_no-gutters {
  margin: 0;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.row--xsmall-top {
  -ms-flex-align: start;
      align-items: flex-start;
}

.row--xsmall-center {
  -ms-flex-align: center;
      align-items: center;
}

.row--xsmall-bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}

.col--xsmall-align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.col--xsmall-align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.col--xsmall-align-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.col--xsmall-first {
  -ms-flex-order: -1;
      order: -1;
}

.col--xsmall-last {
  -ms-flex-order: 1;
      order: 1;
}

.col--xsmall-reset {
  -ms-flex-order: 0;
      order: 0;
}

.row--xsmall-reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.col--xsmall-flex {
  display: -ms-flexbox;
  display: flex;
}

.text--xsmall-right {
  text-align: right;
}

.text--xsmall-left {
  text-align: left;
}

.text--xsmall-center {
  text-align: center;
}

.col__xsmall {
  /* stylelint-disable-line */
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 0;
  max-width: 100%;
}

.col__xsmall_1 {
  -ms-flex: none;
      flex: none;
  width: 4.16667%;
}

.col__xsmall_2 {
  -ms-flex: none;
      flex: none;
  width: 8.33333%;
}

.col__xsmall_3 {
  -ms-flex: none;
      flex: none;
  width: 12.5%;
}

.col__xsmall_4 {
  -ms-flex: none;
      flex: none;
  width: 16.66667%;
}

.col__xsmall_5 {
  -ms-flex: none;
      flex: none;
  width: 20.83333%;
}

.col__xsmall_6 {
  -ms-flex: none;
      flex: none;
  width: 25%;
}

.col__xsmall_7 {
  -ms-flex: none;
      flex: none;
  width: 29.16667%;
}

.col__xsmall_8 {
  -ms-flex: none;
      flex: none;
  width: 33.33333%;
}

.col__xsmall_9 {
  -ms-flex: none;
      flex: none;
  width: 37.5%;
}

.col__xsmall_10 {
  -ms-flex: none;
      flex: none;
  width: 41.66667%;
}

.col__xsmall_11 {
  -ms-flex: none;
      flex: none;
  width: 45.83333%;
}

.col__xsmall_12 {
  -ms-flex: none;
      flex: none;
  width: 50%;
}

.col__xsmall_13 {
  -ms-flex: none;
      flex: none;
  width: 54.16667%;
}

.col__xsmall_14 {
  -ms-flex: none;
      flex: none;
  width: 58.33333%;
}

.col__xsmall_15 {
  -ms-flex: none;
      flex: none;
  width: 62.5%;
}

.col__xsmall_16 {
  -ms-flex: none;
      flex: none;
  width: 66.66667%;
}

.col__xsmall_17 {
  -ms-flex: none;
      flex: none;
  width: 70.83333%;
}

.col__xsmall_18 {
  -ms-flex: none;
      flex: none;
  width: 75%;
}

.col__xsmall_19 {
  -ms-flex: none;
      flex: none;
  width: 79.16667%;
}

.col__xsmall_20 {
  -ms-flex: none;
      flex: none;
  width: 83.33333%;
}

.col__xsmall_21 {
  -ms-flex: none;
      flex: none;
  width: 87.5%;
}

.col__xsmall_22 {
  -ms-flex: none;
      flex: none;
  width: 91.66667%;
}

.col__xsmall_23 {
  -ms-flex: none;
      flex: none;
  width: 95.83333%;
}

.col__xsmall_24 {
  -ms-flex: none;
      flex: none;
  width: 100%;
}

.col__xsmall-offset-1 {
  margin-left: 4.16667%;
}

.col__xsmall-offset-2 {
  margin-left: 8.33333%;
}

.col__xsmall-offset-3 {
  margin-left: 12.5%;
}

.col__xsmall-offset-4 {
  margin-left: 16.66667%;
}

.col__xsmall-offset-5 {
  margin-left: 20.83333%;
}

.col__xsmall-offset-6 {
  margin-left: 25%;
}

.col__xsmall-offset-7 {
  margin-left: 29.16667%;
}

.col__xsmall-offset-8 {
  margin-left: 33.33333%;
}

.col__xsmall-offset-9 {
  margin-left: 37.5%;
}

.col__xsmall-offset-10 {
  margin-left: 41.66667%;
}

.col__xsmall-offset-11 {
  margin-left: 45.83333%;
}

.col__xsmall-offset-12 {
  margin-left: 50%;
}

.col__xsmall-offset-13 {
  margin-left: 54.16667%;
}

.col__xsmall-offset-14 {
  margin-left: 58.33333%;
}

.col__xsmall-offset-15 {
  margin-left: 62.5%;
}

.col__xsmall-offset-16 {
  margin-left: 66.66667%;
}

.col__xsmall-offset-17 {
  margin-left: 70.83333%;
}

.col__xsmall-offset-18 {
  margin-left: 75%;
}

.col__xsmall-offset-19 {
  margin-left: 79.16667%;
}

.col__xsmall-offset-20 {
  margin-left: 83.33333%;
}

.col__xsmall-offset-21 {
  margin-left: 87.5%;
}

.col__xsmall-offset-22 {
  margin-left: 91.66667%;
}

.col__xsmall-offset-23 {
  margin-left: 95.83333%;
}

.col__xsmall-offset-24 {
  margin-left: 100%;
}

@media (min-width: 544px) {
  .row--small-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--small-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--small-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--small-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--small-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--small-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--small-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--small-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--small-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--small-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--small-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--small-right {
    text-align: right;
  }

  .text--small-left {
    text-align: left;
  }

  .text--small-center {
    text-align: center;
  }

  .col__small {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__small_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__small_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__small_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__small_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__small_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__small_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__small_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__small_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__small_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__small_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__small_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__small_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__small_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__small_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__small_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__small_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__small_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__small_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__small_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__small_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__small_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__small_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__small_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__small_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__small-offset-1 {
    margin-left: 4.16667%;
  }

  .col__small-offset-2 {
    margin-left: 8.33333%;
  }

  .col__small-offset-3 {
    margin-left: 12.5%;
  }

  .col__small-offset-4 {
    margin-left: 16.66667%;
  }

  .col__small-offset-5 {
    margin-left: 20.83333%;
  }

  .col__small-offset-6 {
    margin-left: 25%;
  }

  .col__small-offset-7 {
    margin-left: 29.16667%;
  }

  .col__small-offset-8 {
    margin-left: 33.33333%;
  }

  .col__small-offset-9 {
    margin-left: 37.5%;
  }

  .col__small-offset-10 {
    margin-left: 41.66667%;
  }

  .col__small-offset-11 {
    margin-left: 45.83333%;
  }

  .col__small-offset-12 {
    margin-left: 50%;
  }

  .col__small-offset-13 {
    margin-left: 54.16667%;
  }

  .col__small-offset-14 {
    margin-left: 58.33333%;
  }

  .col__small-offset-15 {
    margin-left: 62.5%;
  }

  .col__small-offset-16 {
    margin-left: 66.66667%;
  }

  .col__small-offset-17 {
    margin-left: 70.83333%;
  }

  .col__small-offset-18 {
    margin-left: 75%;
  }

  .col__small-offset-19 {
    margin-left: 79.16667%;
  }

  .col__small-offset-20 {
    margin-left: 83.33333%;
  }

  .col__small-offset-21 {
    margin-left: 87.5%;
  }

  .col__small-offset-22 {
    margin-left: 91.66667%;
  }

  .col__small-offset-23 {
    margin-left: 95.83333%;
  }

  .col__small-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 768px) {
  .row--medium-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--medium-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--medium-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--medium-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--medium-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--medium-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--medium-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--medium-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--medium-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--medium-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--medium-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--medium-right {
    text-align: right;
  }

  .text--medium-left {
    text-align: left;
  }

  .text--medium-center {
    text-align: center;
  }

  .col__medium {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__medium_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__medium_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__medium_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__medium_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__medium_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__medium_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__medium_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__medium_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__medium_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__medium_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__medium_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__medium_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__medium_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__medium_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__medium_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__medium_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__medium_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__medium_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__medium_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__medium_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__medium_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__medium_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__medium_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__medium_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__medium-offset-1 {
    margin-left: 4.16667%;
  }

  .col__medium-offset-2 {
    margin-left: 8.33333%;
  }

  .col__medium-offset-3 {
    margin-left: 12.5%;
  }

  .col__medium-offset-4 {
    margin-left: 16.66667%;
  }

  .col__medium-offset-5 {
    margin-left: 20.83333%;
  }

  .col__medium-offset-6 {
    margin-left: 25%;
  }

  .col__medium-offset-7 {
    margin-left: 29.16667%;
  }

  .col__medium-offset-8 {
    margin-left: 33.33333%;
  }

  .col__medium-offset-9 {
    margin-left: 37.5%;
  }

  .col__medium-offset-10 {
    margin-left: 41.66667%;
  }

  .col__medium-offset-11 {
    margin-left: 45.83333%;
  }

  .col__medium-offset-12 {
    margin-left: 50%;
  }

  .col__medium-offset-13 {
    margin-left: 54.16667%;
  }

  .col__medium-offset-14 {
    margin-left: 58.33333%;
  }

  .col__medium-offset-15 {
    margin-left: 62.5%;
  }

  .col__medium-offset-16 {
    margin-left: 66.66667%;
  }

  .col__medium-offset-17 {
    margin-left: 70.83333%;
  }

  .col__medium-offset-18 {
    margin-left: 75%;
  }

  .col__medium-offset-19 {
    margin-left: 79.16667%;
  }

  .col__medium-offset-20 {
    margin-left: 83.33333%;
  }

  .col__medium-offset-21 {
    margin-left: 87.5%;
  }

  .col__medium-offset-22 {
    margin-left: 91.66667%;
  }

  .col__medium-offset-23 {
    margin-left: 95.83333%;
  }

  .col__medium-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .row--large-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--large-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--large-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--large-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--large-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--large-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--large-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--large-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--large-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--large-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--large-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--large-right {
    text-align: right;
  }

  .text--large-left {
    text-align: left;
  }

  .text--large-center {
    text-align: center;
  }

  .col__large {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__large_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__large_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__large_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__large_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__large_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__large_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__large_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__large_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__large_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__large_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__large_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__large_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__large_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__large_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__large_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__large_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__large_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__large_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__large_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__large_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__large_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__large_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__large_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__large_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__large-offset-1 {
    margin-left: 4.16667%;
  }

  .col__large-offset-2 {
    margin-left: 8.33333%;
  }

  .col__large-offset-3 {
    margin-left: 12.5%;
  }

  .col__large-offset-4 {
    margin-left: 16.66667%;
  }

  .col__large-offset-5 {
    margin-left: 20.83333%;
  }

  .col__large-offset-6 {
    margin-left: 25%;
  }

  .col__large-offset-7 {
    margin-left: 29.16667%;
  }

  .col__large-offset-8 {
    margin-left: 33.33333%;
  }

  .col__large-offset-9 {
    margin-left: 37.5%;
  }

  .col__large-offset-10 {
    margin-left: 41.66667%;
  }

  .col__large-offset-11 {
    margin-left: 45.83333%;
  }

  .col__large-offset-12 {
    margin-left: 50%;
  }

  .col__large-offset-13 {
    margin-left: 54.16667%;
  }

  .col__large-offset-14 {
    margin-left: 58.33333%;
  }

  .col__large-offset-15 {
    margin-left: 62.5%;
  }

  .col__large-offset-16 {
    margin-left: 66.66667%;
  }

  .col__large-offset-17 {
    margin-left: 70.83333%;
  }

  .col__large-offset-18 {
    margin-left: 75%;
  }

  .col__large-offset-19 {
    margin-left: 79.16667%;
  }

  .col__large-offset-20 {
    margin-left: 83.33333%;
  }

  .col__large-offset-21 {
    margin-left: 87.5%;
  }

  .col__large-offset-22 {
    margin-left: 91.66667%;
  }

  .col__large-offset-23 {
    margin-left: 95.83333%;
  }

  .col__large-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .row--xlarge-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--xlarge-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--xlarge-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--xlarge-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--xlarge-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--xlarge-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--xlarge-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--xlarge-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--xlarge-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--xlarge-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--xlarge-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--xlarge-right {
    text-align: right;
  }

  .text--xlarge-left {
    text-align: left;
  }

  .text--xlarge-center {
    text-align: center;
  }

  .col__xlarge {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__xlarge_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__xlarge_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__xlarge_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__xlarge_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__xlarge_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__xlarge_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__xlarge_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__xlarge_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__xlarge_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__xlarge_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__xlarge_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__xlarge_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__xlarge_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__xlarge_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__xlarge_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__xlarge_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__xlarge_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__xlarge_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__xlarge_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__xlarge_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__xlarge_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__xlarge_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__xlarge_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__xlarge_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__xlarge-offset-1 {
    margin-left: 4.16667%;
  }

  .col__xlarge-offset-2 {
    margin-left: 8.33333%;
  }

  .col__xlarge-offset-3 {
    margin-left: 12.5%;
  }

  .col__xlarge-offset-4 {
    margin-left: 16.66667%;
  }

  .col__xlarge-offset-5 {
    margin-left: 20.83333%;
  }

  .col__xlarge-offset-6 {
    margin-left: 25%;
  }

  .col__xlarge-offset-7 {
    margin-left: 29.16667%;
  }

  .col__xlarge-offset-8 {
    margin-left: 33.33333%;
  }

  .col__xlarge-offset-9 {
    margin-left: 37.5%;
  }

  .col__xlarge-offset-10 {
    margin-left: 41.66667%;
  }

  .col__xlarge-offset-11 {
    margin-left: 45.83333%;
  }

  .col__xlarge-offset-12 {
    margin-left: 50%;
  }

  .col__xlarge-offset-13 {
    margin-left: 54.16667%;
  }

  .col__xlarge-offset-14 {
    margin-left: 58.33333%;
  }

  .col__xlarge-offset-15 {
    margin-left: 62.5%;
  }

  .col__xlarge-offset-16 {
    margin-left: 66.66667%;
  }

  .col__xlarge-offset-17 {
    margin-left: 70.83333%;
  }

  .col__xlarge-offset-18 {
    margin-left: 75%;
  }

  .col__xlarge-offset-19 {
    margin-left: 79.16667%;
  }

  .col__xlarge-offset-20 {
    margin-left: 83.33333%;
  }

  .col__xlarge-offset-21 {
    margin-left: 87.5%;
  }

  .col__xlarge-offset-22 {
    margin-left: 91.66667%;
  }

  .col__xlarge-offset-23 {
    margin-left: 95.83333%;
  }

  .col__xlarge-offset-24 {
    margin-left: 100%;
  }
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  font-size: 10px;
  overflow-anchor: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  margin: 0;
  min-width: 1280px;
  font-family: "Geometria", sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  background: #FFF;
  font-variant-numeric: tabular-nums;
}

h2 {
  margin: 0 0 30px;
  font-size: 32px;
  line-height: 40px;
}

fieldset {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  min-width: 0;
  border: none;
}

a {
  text-decoration: none;
}

input:-webkit-autofill {
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-box-shadow: inset 0 0 0 9999px #EDF0F2;
          box-shadow: inset 0 0 0 9999px #EDF0F2;
}

.text-secondary {
  color: #999;
}

.text-secondary a {
  color: #999;
  text-decoration: underline;
}

.text-secondary-link {
  color: #999;
  text-decoration: underline;
}

.static-content {
  color: green;
}

.overlay-card-archive__buttons {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}

.overlay-card-archive__buttons :not(:last-child) {
  margin-right: 1rem;
}

.overlay-card-archive__cancel-btn {
  color: #000;
  background: #FFF;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 1rem 2rem;
  vertical-align: middle;
  border-radius: 1rem;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}


/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
  border-bottom: none;
  /* 1 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 2 */
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 20px;
  /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  display: table;
  /* 1 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 3 */
  max-width: 100%;
  /* 1 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  outline-offset: -2px;
  /* 2 */
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  font: inherit;
  /* 2 */
  -webkit-appearance: button;
  /* 1 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: "Geometria";
  font-weight: 400;
  font-style: normal;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Regular.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Regular.woff") format("woff");
}

@font-face {
  font-family: "Geometria";
  font-weight: 700;
  font-style: normal;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Bold.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Bold.woff") format("woff");
}

@font-face {
  font-family: "Crypto-Icon";
  font-weight: 700;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoBold.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoBold.woff") format("woff");
}

@font-face {
  font-family: "Crypto-Icon";
  font-weight: 400;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoRegular.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoRegular.woff") format("woff");
}

.crypto-icon {
  font-family: "Crypto-Icon";
  font-style: normal;
}

.crypto-icon__BTC::before {
  content: "B";
}

.crypto-icon__ETH::before {
  content: "E";
}

.crypto-icon__UTT::before {
  content: "U";
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -44px 0 0 -44px;
  width: 88px;
  height: 88px;
}

.spinner::before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.spinner::before,
.spinner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 88px;
  height: 88px;
  border: 2px solid #000;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation-name: intervalLoadingAnimation;
          animation-name: intervalLoadingAnimation;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@-webkit-keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@-webkit-keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.scrollarea .scrollbar-container {
  z-index: 2 !important;
  opacity: 0.2 !important;
}

.scrollarea .scrollbar-container:hover {
  background-color: transparent !important;
  opacity: 0.4 !important;
}

.scrollarea .scrollbar-container.active {
  opacity: 0.6 !important;
}

.scrollarea .scrollbar-container.vertical .scrollbar {
  background: #c4cdd4 !important;
  cursor: pointer;
}

.rc-tooltip {
  position: absolute;
  z-index: 202;
  display: block;
  font-size: 15px;
  line-height: 20px;
  visibility: visible;
  opacity: 1;
}

.rc-tooltip-hidden {
  display: none;
}

.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px;
}

.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}

.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px;
}

.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}

.rc-tooltip-inner {
  min-height: 34px;
  color: #000;
  text-align: left;
  text-decoration: none;
  background-color: #FFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.rc-tooltip-zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  -webkit-animation-name: rcToolTipZoomIn;
          animation-name: rcToolTipZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  -webkit-animation-name: rcToolTipZoomOut;
          animation-name: rcToolTipZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes rcToolTipZoomIn {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 1;
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 1;
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
}

.rc-tooltip p {
  max-width: 285px;
}

.rc-tooltip__table thead tr th {
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  color: #999;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.rc-tooltip__table thead tr th:not(:last-child) {
  padding-right: 12px;
}

.rc-tooltip__table tbody tr td {
  padding: 1px 3px;
}

.rc-tooltip__table tbody tr td:first-child {
  padding-left: 0;
}

.rc-tooltip__table tbody tr td:last-child {
  padding-right: 0;
}

.rc-tooltip__table tbody tr:first-child td {
  padding-top: 10px;
}

.rc-tooltip__table tbody tr.active td {
  color: #000;
}

.rc-tooltip__table tbody tr.active td .risk {
  opacity: 1;
}

.rc-tooltip__content {
  margin-top: 40px;
}

.rc-overlay,
.order-card-cancel-tooltip {
  padding: 12px 30px;
  width: auto;
  height: auto;
  border: none;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.rc-overlay_flex {
  display: -ms-flexbox;
  display: flex;
}

.rc-overlay__item_switch {
  position: relative;
  padding-left: 40px;
}

.rc-overlay__item_switch .rc-switch {
  position: absolute;
  top: 5px;
  left: 0;
}

.rc-overlay__item_left p {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 170px;
}

.idea-list {
  width: 100%;
  font-size: 15px;
  line-height: 20px;
}

.idea-list::after {
  content: "";
  display: table;
  clear: both;
}

.idea-list__title {
  display: inline-block;
  float: left;
  padding-right: 2rem;
}

.idea-list__body {
  display: inline-block;
  float: right;
  text-align: right;
}

.idea-list__line {
  display: block;
  clear: both;
  margin: 10px 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.rc-tooltip_alert .rc-overlay,
.rc-tooltip_alert .order-card-cancel-tooltip {
  color: #D32F2F;
  background-color: #F9EDED;
  border: 1px solid #F1D4D4;
}

.rc-tooltip_info .rc-overlay,
.rc-tooltip_info .order-card-cancel-tooltip {
  color: #000;
  background-color: #F7F5F2;
  border: 1px solid #DDDCD9;
}

.rc-tooltip .rc-overlay,
.rc-tooltip .order-card-cancel-tooltip {
  position: relative;
}

.rc-tooltip .rc-overlay::before,
.rc-tooltip .order-card-cancel-tooltip::before,
.rc-tooltip .rc-overlay::after,
.rc-tooltip .order-card-cancel-tooltip::after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
}

.rc-tooltip-placement-bottom .rc-overlay::before,
.rc-tooltip-placement-bottom .order-card-cancel-tooltip::before,
.rc-tooltip-placement-bottom .rc-overlay::after,
.rc-tooltip-placement-bottom .order-card-cancel-tooltip::after {
  bottom: 100%;
  left: 50%;
}

.rc-tooltip-placement-bottom .rc-overlay::before,
.rc-tooltip-placement-bottom .order-card-cancel-tooltip::before {
  margin-left: -11px;
  border-width: 11px;
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-bottom .rc-overlay::after,
.rc-tooltip-placement-bottom .order-card-cancel-tooltip::after {
  margin-left: -10px;
  border-width: 10px;
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #FFF;
}

.rc-tooltip-placement-bottom.rc-tooltip-content {
  background-color: #FFF;
}

.rc-tooltip-placement-bottom.rc-tooltip_alert .rc-overlay::before,
.rc-tooltip-placement-bottom.rc-tooltip_alert .order-card-cancel-tooltip::before {
  border-color: rgba(241, 212, 212, 0);
  border-bottom-color: #F1D4D4;
}

.rc-tooltip-placement-bottom.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-bottom.rc-tooltip_alert .order-card-cancel-tooltip::after {
  border-color: rgba(249, 237, 237, 0);
  border-bottom-color: #F9EDED;
}

.rc-tooltip-placement-bottom.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-bottom.rc-tooltip_info .order-card-cancel-tooltip::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-bottom.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-bottom.rc-tooltip_info .order-card-cancel-tooltip::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-right .rc-overlay::before,
.rc-tooltip-placement-right .order-card-cancel-tooltip::before,
.rc-tooltip-placement-right .rc-overlay::after,
.rc-tooltip-placement-right .order-card-cancel-tooltip::after {
  top: 50%;
  right: 100%;
}

.rc-tooltip-placement-right .rc-overlay::before,
.rc-tooltip-placement-right .order-card-cancel-tooltip::before {
  margin-top: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-right .rc-overlay::after,
.rc-tooltip-placement-right .order-card-cancel-tooltip::after {
  margin-top: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-right.rc-tooltip_alert .rc-overlay::before,
.rc-tooltip-placement-right.rc-tooltip_alert .order-card-cancel-tooltip::before {
  border-color: rgba(241, 212, 212, 0);
  border-right-color: #F1D4D4;
}

.rc-tooltip-placement-right.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-right.rc-tooltip_alert .order-card-cancel-tooltip::after {
  border-color: rgba(249, 237, 237, 0);
  border-right-color: #F9EDED;
}

.rc-tooltip-placement-right.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-right.rc-tooltip_info .order-card-cancel-tooltip::before {
  border-color: rgba(221, 220, 217, 0);
  border-right-color: #DDDCD9;
}

.rc-tooltip-placement-right.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-right.rc-tooltip_info .order-card-cancel-tooltip::after {
  border-color: rgba(247, 245, 242, 0);
  border-right-color: #F7F5F2;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .order-card-cancel-tooltip::before,
.rc-tooltip-placement-top .rc-overlay::after,
.rc-tooltip-placement-top .order-card-cancel-tooltip::after {
  left: 50%;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .order-card-cancel-tooltip::before {
  bottom: -22px;
  margin-left: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-top .rc-overlay::after,
.rc-tooltip-placement-top .order-card-cancel-tooltip::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::before,
.rc-tooltip-placement-top.rc-tooltip_alert .order-card-cancel-tooltip::before {
  border-color: rgba(241, 212, 212, 0);
  border-top-color: #F1D4D4;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-top.rc-tooltip_alert .order-card-cancel-tooltip::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-top.rc-tooltip_info .order-card-cancel-tooltip::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-top.rc-tooltip_info .order-card-cancel-tooltip::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-left .rc-overlay::before,
.rc-tooltip-placement-left .order-card-cancel-tooltip::before,
.rc-tooltip-placement-left .rc-overlay::after,
.rc-tooltip-placement-left .order-card-cancel-tooltip::after {
  top: 50%;
}

.rc-tooltip-placement-left .rc-overlay::before,
.rc-tooltip-placement-left .order-card-cancel-tooltip::before {
  right: -22px;
  margin-top: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-left .rc-overlay::after,
.rc-tooltip-placement-left .order-card-cancel-tooltip::after {
  right: -20px;
  bottom: -20px;
  margin-top: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-left .rc-tooltip_alert .rc-overlay::before,
.rc-tooltip-placement-left .rc-tooltip_alert .order-card-cancel-tooltip::before {
  border-color: rgba(241, 212, 212, 0);
  border-left-color: #F1D4D4;
}

.rc-tooltip-placement-left .rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-left .rc-tooltip_alert .order-card-cancel-tooltip::after {
  border-color: rgba(249, 237, 237, 0);
  border-left-color: #F9EDED;
}

.rc-tooltip-placement-left .rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-left .rc-tooltip_info .order-card-cancel-tooltip::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-left .rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-left .rc-tooltip_info .order-card-cancel-tooltip::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .order-card-cancel-tooltip::before,
.rc-tooltip-placement-top .rc-overlay::after,
.rc-tooltip-placement-top .order-card-cancel-tooltip::after {
  left: 50%;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .order-card-cancel-tooltip::before {
  bottom: -21px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top .rc-overlay::after,
.rc-tooltip-placement-top .order-card-cancel-tooltip::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top.rc-tooltip .rc-overlay::before,
.rc-tooltip-placement-top.rc-tooltip .order-card-cancel-tooltip::before {
  border-color: rgba(221, 220, 217, 0);
  border-top-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-top.rc-tooltip .rc-overlay::after,
.rc-tooltip-placement-top.rc-tooltip .order-card-cancel-tooltip::after {
  border-color: rgba(247, 245, 242, 0);
  border-top-color: #FFF;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-top.rc-tooltip_alert .order-card-cancel-tooltip::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-top.rc-tooltip_info .order-card-cancel-tooltip::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-top.rc-tooltip_info .order-card-cancel-tooltip::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-topRight .rc-tooltip-inner {
  margin-right: -35px;
}

.rc-tooltip-placement-topRight.idea__close .rc-tooltip-inner {
  margin-right: -10px;
}

.rc-tooltip-placement-topRight.idea__close .rc-overlay::before,
.rc-tooltip-placement-topRight.idea__close .order-card-cancel-tooltip::before,
.rc-tooltip-placement-topRight.idea__close .rc-overlay::after,
.rc-tooltip-placement-topRight.idea__close .order-card-cancel-tooltip::after {
  right: 8px;
}

.rc-tooltip-placement-topRight.idea__cardtooltip .rc-tooltip-inner {
  position: relative;
  top: 14px;
  margin-right: -10px;
}

.rc-tooltip-placement-topRight.idea__cardtooltip .rc-overlay::before,
.rc-tooltip-placement-topRight.idea__cardtooltip .order-card-cancel-tooltip::before,
.rc-tooltip-placement-topRight.idea__cardtooltip .rc-overlay::after,
.rc-tooltip-placement-topRight.idea__cardtooltip .order-card-cancel-tooltip::after {
  right: 19px;
}

.rc-tooltip-placement-topRight .rc-overlay::before,
.rc-tooltip-placement-topRight .order-card-cancel-tooltip::before,
.rc-tooltip-placement-topRight .rc-overlay::after,
.rc-tooltip-placement-topRight .order-card-cancel-tooltip::after {
  right: 31px;
}

.rc-tooltip-placement-topRight .rc-overlay::before,
.rc-tooltip-placement-topRight .order-card-cancel-tooltip::before {
  bottom: -21px;
  margin-left: -11px;
  border-width: 10px;
}

.rc-tooltip-placement-topRight .rc-overlay::after,
.rc-tooltip-placement-topRight .order-card-cancel-tooltip::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-topRight.rc-tooltip .rc-overlay::before,
.rc-tooltip-placement-topRight.rc-tooltip .order-card-cancel-tooltip::before {
  border-color: rgba(221, 220, 217, 0);
  border-top-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-topRight.rc-tooltip .rc-overlay::after,
.rc-tooltip-placement-topRight.rc-tooltip .order-card-cancel-tooltip::after {
  border-color: rgba(247, 245, 242, 0);
  border-top-color: #FFF;
}

.rc-tooltip-placement-topRight.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-topRight.rc-tooltip_alert .order-card-cancel-tooltip::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-topRight.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-topRight.rc-tooltip_info .order-card-cancel-tooltip::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-topRight.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-topRight.rc-tooltip_info .order-card-cancel-tooltip::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-inner {
  margin-right: -35px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::before,
.rc-tooltip-placement-bottomRight .order-card-cancel-tooltip::before,
.rc-tooltip-placement-bottomRight .rc-overlay::after,
.rc-tooltip-placement-bottomRight .order-card-cancel-tooltip::after {
  right: 33px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::before,
.rc-tooltip-placement-bottomRight .order-card-cancel-tooltip::before {
  top: -21px;
  margin-left: -11px;
  border-width: 10px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::after,
.rc-tooltip-placement-bottomRight .order-card-cancel-tooltip::after {
  top: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-bottomRight.rc-tooltip .rc-overlay::before,
.rc-tooltip-placement-bottomRight.rc-tooltip .order-card-cancel-tooltip::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-bottomRight.rc-tooltip .rc-overlay::after,
.rc-tooltip-placement-bottomRight.rc-tooltip .order-card-cancel-tooltip::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #FFF;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_alert .rc-overlay::after,
.rc-tooltip-placement-bottomRight.rc-tooltip_alert .order-card-cancel-tooltip::after {
  border-color: rgba(249, 237, 237, 0);
  border-bottom-color: #F9EDED;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_info .rc-overlay::before,
.rc-tooltip-placement-bottomRight.rc-tooltip_info .order-card-cancel-tooltip::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_info .rc-overlay::after,
.rc-tooltip-placement-bottomRight.rc-tooltip_info .order-card-cancel-tooltip::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip_success .rc-tooltip-inner {
  color: #90AF6B;
  background-color: #EDF4E5;
}

.rc-tooltip_success.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip_success.rc-tooltip-placement-top .order-card-cancel-tooltip::before {
  border-color: transparent;
  border-top-color: #D5D5D5;
}

.rc-tooltip_success.rc-tooltip-placement-top .rc-overlay::after,
.rc-tooltip_success.rc-tooltip-placement-top .order-card-cancel-tooltip::after {
  border-color: transparent;
  border-top-color: #EDF4E5;
}

.rc-tooltip_success.rc-tooltip-placement-bottom .rc-overlay::before,
.rc-tooltip_success.rc-tooltip-placement-bottom .order-card-cancel-tooltip::before {
  border-color: transparent;
  border-bottom-color: #D5D5D5;
}

.rc-tooltip_success.rc-tooltip-placement-bottom .rc-overlay::after,
.rc-tooltip_success.rc-tooltip-placement-bottom .order-card-cancel-tooltip::after {
  border-color: transparent;
  border-bottom-color: #EDF4E5;
}

.col {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  max-width: 100%;
}

.col_no-gutters {
  padding: 0;
}

.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.grid_container {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.grid_no-gutters {
  padding: 0;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

.row_no-gutters {
  margin: 0;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.row--xsmall-top {
  -ms-flex-align: start;
      align-items: flex-start;
}

.row--xsmall-center {
  -ms-flex-align: center;
      align-items: center;
}

.row--xsmall-bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}

.col--xsmall-align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.col--xsmall-align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.col--xsmall-align-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.col--xsmall-first {
  -ms-flex-order: -1;
      order: -1;
}

.col--xsmall-last {
  -ms-flex-order: 1;
      order: 1;
}

.col--xsmall-reset {
  -ms-flex-order: 0;
      order: 0;
}

.row--xsmall-reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.col--xsmall-flex {
  display: -ms-flexbox;
  display: flex;
}

.text--xsmall-right {
  text-align: right;
}

.text--xsmall-left {
  text-align: left;
}

.text--xsmall-center {
  text-align: center;
}

.col__xsmall {
  /* stylelint-disable-line */
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 0;
  max-width: 100%;
}

.col__xsmall_1 {
  -ms-flex: none;
      flex: none;
  width: 4.16667%;
}

.col__xsmall_2 {
  -ms-flex: none;
      flex: none;
  width: 8.33333%;
}

.col__xsmall_3 {
  -ms-flex: none;
      flex: none;
  width: 12.5%;
}

.col__xsmall_4 {
  -ms-flex: none;
      flex: none;
  width: 16.66667%;
}

.col__xsmall_5 {
  -ms-flex: none;
      flex: none;
  width: 20.83333%;
}

.col__xsmall_6 {
  -ms-flex: none;
      flex: none;
  width: 25%;
}

.col__xsmall_7 {
  -ms-flex: none;
      flex: none;
  width: 29.16667%;
}

.col__xsmall_8 {
  -ms-flex: none;
      flex: none;
  width: 33.33333%;
}

.col__xsmall_9 {
  -ms-flex: none;
      flex: none;
  width: 37.5%;
}

.col__xsmall_10 {
  -ms-flex: none;
      flex: none;
  width: 41.66667%;
}

.col__xsmall_11 {
  -ms-flex: none;
      flex: none;
  width: 45.83333%;
}

.col__xsmall_12 {
  -ms-flex: none;
      flex: none;
  width: 50%;
}

.col__xsmall_13 {
  -ms-flex: none;
      flex: none;
  width: 54.16667%;
}

.col__xsmall_14 {
  -ms-flex: none;
      flex: none;
  width: 58.33333%;
}

.col__xsmall_15 {
  -ms-flex: none;
      flex: none;
  width: 62.5%;
}

.col__xsmall_16 {
  -ms-flex: none;
      flex: none;
  width: 66.66667%;
}

.col__xsmall_17 {
  -ms-flex: none;
      flex: none;
  width: 70.83333%;
}

.col__xsmall_18 {
  -ms-flex: none;
      flex: none;
  width: 75%;
}

.col__xsmall_19 {
  -ms-flex: none;
      flex: none;
  width: 79.16667%;
}

.col__xsmall_20 {
  -ms-flex: none;
      flex: none;
  width: 83.33333%;
}

.col__xsmall_21 {
  -ms-flex: none;
      flex: none;
  width: 87.5%;
}

.col__xsmall_22 {
  -ms-flex: none;
      flex: none;
  width: 91.66667%;
}

.col__xsmall_23 {
  -ms-flex: none;
      flex: none;
  width: 95.83333%;
}

.col__xsmall_24 {
  -ms-flex: none;
      flex: none;
  width: 100%;
}

.col__xsmall-offset-1 {
  margin-left: 4.16667%;
}

.col__xsmall-offset-2 {
  margin-left: 8.33333%;
}

.col__xsmall-offset-3 {
  margin-left: 12.5%;
}

.col__xsmall-offset-4 {
  margin-left: 16.66667%;
}

.col__xsmall-offset-5 {
  margin-left: 20.83333%;
}

.col__xsmall-offset-6 {
  margin-left: 25%;
}

.col__xsmall-offset-7 {
  margin-left: 29.16667%;
}

.col__xsmall-offset-8 {
  margin-left: 33.33333%;
}

.col__xsmall-offset-9 {
  margin-left: 37.5%;
}

.col__xsmall-offset-10 {
  margin-left: 41.66667%;
}

.col__xsmall-offset-11 {
  margin-left: 45.83333%;
}

.col__xsmall-offset-12 {
  margin-left: 50%;
}

.col__xsmall-offset-13 {
  margin-left: 54.16667%;
}

.col__xsmall-offset-14 {
  margin-left: 58.33333%;
}

.col__xsmall-offset-15 {
  margin-left: 62.5%;
}

.col__xsmall-offset-16 {
  margin-left: 66.66667%;
}

.col__xsmall-offset-17 {
  margin-left: 70.83333%;
}

.col__xsmall-offset-18 {
  margin-left: 75%;
}

.col__xsmall-offset-19 {
  margin-left: 79.16667%;
}

.col__xsmall-offset-20 {
  margin-left: 83.33333%;
}

.col__xsmall-offset-21 {
  margin-left: 87.5%;
}

.col__xsmall-offset-22 {
  margin-left: 91.66667%;
}

.col__xsmall-offset-23 {
  margin-left: 95.83333%;
}

.col__xsmall-offset-24 {
  margin-left: 100%;
}

@media (min-width: 544px) {
  .row--small-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--small-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--small-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--small-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--small-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--small-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--small-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--small-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--small-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--small-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--small-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--small-right {
    text-align: right;
  }

  .text--small-left {
    text-align: left;
  }

  .text--small-center {
    text-align: center;
  }

  .col__small {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__small_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__small_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__small_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__small_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__small_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__small_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__small_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__small_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__small_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__small_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__small_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__small_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__small_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__small_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__small_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__small_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__small_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__small_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__small_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__small_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__small_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__small_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__small_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__small_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__small-offset-1 {
    margin-left: 4.16667%;
  }

  .col__small-offset-2 {
    margin-left: 8.33333%;
  }

  .col__small-offset-3 {
    margin-left: 12.5%;
  }

  .col__small-offset-4 {
    margin-left: 16.66667%;
  }

  .col__small-offset-5 {
    margin-left: 20.83333%;
  }

  .col__small-offset-6 {
    margin-left: 25%;
  }

  .col__small-offset-7 {
    margin-left: 29.16667%;
  }

  .col__small-offset-8 {
    margin-left: 33.33333%;
  }

  .col__small-offset-9 {
    margin-left: 37.5%;
  }

  .col__small-offset-10 {
    margin-left: 41.66667%;
  }

  .col__small-offset-11 {
    margin-left: 45.83333%;
  }

  .col__small-offset-12 {
    margin-left: 50%;
  }

  .col__small-offset-13 {
    margin-left: 54.16667%;
  }

  .col__small-offset-14 {
    margin-left: 58.33333%;
  }

  .col__small-offset-15 {
    margin-left: 62.5%;
  }

  .col__small-offset-16 {
    margin-left: 66.66667%;
  }

  .col__small-offset-17 {
    margin-left: 70.83333%;
  }

  .col__small-offset-18 {
    margin-left: 75%;
  }

  .col__small-offset-19 {
    margin-left: 79.16667%;
  }

  .col__small-offset-20 {
    margin-left: 83.33333%;
  }

  .col__small-offset-21 {
    margin-left: 87.5%;
  }

  .col__small-offset-22 {
    margin-left: 91.66667%;
  }

  .col__small-offset-23 {
    margin-left: 95.83333%;
  }

  .col__small-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 768px) {
  .row--medium-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--medium-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--medium-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--medium-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--medium-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--medium-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--medium-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--medium-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--medium-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--medium-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--medium-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--medium-right {
    text-align: right;
  }

  .text--medium-left {
    text-align: left;
  }

  .text--medium-center {
    text-align: center;
  }

  .col__medium {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__medium_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__medium_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__medium_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__medium_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__medium_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__medium_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__medium_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__medium_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__medium_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__medium_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__medium_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__medium_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__medium_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__medium_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__medium_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__medium_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__medium_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__medium_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__medium_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__medium_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__medium_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__medium_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__medium_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__medium_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__medium-offset-1 {
    margin-left: 4.16667%;
  }

  .col__medium-offset-2 {
    margin-left: 8.33333%;
  }

  .col__medium-offset-3 {
    margin-left: 12.5%;
  }

  .col__medium-offset-4 {
    margin-left: 16.66667%;
  }

  .col__medium-offset-5 {
    margin-left: 20.83333%;
  }

  .col__medium-offset-6 {
    margin-left: 25%;
  }

  .col__medium-offset-7 {
    margin-left: 29.16667%;
  }

  .col__medium-offset-8 {
    margin-left: 33.33333%;
  }

  .col__medium-offset-9 {
    margin-left: 37.5%;
  }

  .col__medium-offset-10 {
    margin-left: 41.66667%;
  }

  .col__medium-offset-11 {
    margin-left: 45.83333%;
  }

  .col__medium-offset-12 {
    margin-left: 50%;
  }

  .col__medium-offset-13 {
    margin-left: 54.16667%;
  }

  .col__medium-offset-14 {
    margin-left: 58.33333%;
  }

  .col__medium-offset-15 {
    margin-left: 62.5%;
  }

  .col__medium-offset-16 {
    margin-left: 66.66667%;
  }

  .col__medium-offset-17 {
    margin-left: 70.83333%;
  }

  .col__medium-offset-18 {
    margin-left: 75%;
  }

  .col__medium-offset-19 {
    margin-left: 79.16667%;
  }

  .col__medium-offset-20 {
    margin-left: 83.33333%;
  }

  .col__medium-offset-21 {
    margin-left: 87.5%;
  }

  .col__medium-offset-22 {
    margin-left: 91.66667%;
  }

  .col__medium-offset-23 {
    margin-left: 95.83333%;
  }

  .col__medium-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .row--large-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--large-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--large-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--large-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--large-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--large-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--large-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--large-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--large-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--large-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--large-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--large-right {
    text-align: right;
  }

  .text--large-left {
    text-align: left;
  }

  .text--large-center {
    text-align: center;
  }

  .col__large {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__large_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__large_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__large_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__large_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__large_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__large_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__large_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__large_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__large_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__large_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__large_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__large_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__large_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__large_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__large_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__large_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__large_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__large_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__large_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__large_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__large_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__large_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__large_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__large_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__large-offset-1 {
    margin-left: 4.16667%;
  }

  .col__large-offset-2 {
    margin-left: 8.33333%;
  }

  .col__large-offset-3 {
    margin-left: 12.5%;
  }

  .col__large-offset-4 {
    margin-left: 16.66667%;
  }

  .col__large-offset-5 {
    margin-left: 20.83333%;
  }

  .col__large-offset-6 {
    margin-left: 25%;
  }

  .col__large-offset-7 {
    margin-left: 29.16667%;
  }

  .col__large-offset-8 {
    margin-left: 33.33333%;
  }

  .col__large-offset-9 {
    margin-left: 37.5%;
  }

  .col__large-offset-10 {
    margin-left: 41.66667%;
  }

  .col__large-offset-11 {
    margin-left: 45.83333%;
  }

  .col__large-offset-12 {
    margin-left: 50%;
  }

  .col__large-offset-13 {
    margin-left: 54.16667%;
  }

  .col__large-offset-14 {
    margin-left: 58.33333%;
  }

  .col__large-offset-15 {
    margin-left: 62.5%;
  }

  .col__large-offset-16 {
    margin-left: 66.66667%;
  }

  .col__large-offset-17 {
    margin-left: 70.83333%;
  }

  .col__large-offset-18 {
    margin-left: 75%;
  }

  .col__large-offset-19 {
    margin-left: 79.16667%;
  }

  .col__large-offset-20 {
    margin-left: 83.33333%;
  }

  .col__large-offset-21 {
    margin-left: 87.5%;
  }

  .col__large-offset-22 {
    margin-left: 91.66667%;
  }

  .col__large-offset-23 {
    margin-left: 95.83333%;
  }

  .col__large-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .row--xlarge-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--xlarge-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--xlarge-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--xlarge-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--xlarge-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--xlarge-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--xlarge-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--xlarge-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--xlarge-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--xlarge-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--xlarge-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--xlarge-right {
    text-align: right;
  }

  .text--xlarge-left {
    text-align: left;
  }

  .text--xlarge-center {
    text-align: center;
  }

  .col__xlarge {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__xlarge_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__xlarge_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__xlarge_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__xlarge_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__xlarge_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__xlarge_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__xlarge_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__xlarge_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__xlarge_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__xlarge_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__xlarge_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__xlarge_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__xlarge_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__xlarge_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__xlarge_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__xlarge_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__xlarge_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__xlarge_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__xlarge_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__xlarge_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__xlarge_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__xlarge_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__xlarge_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__xlarge_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__xlarge-offset-1 {
    margin-left: 4.16667%;
  }

  .col__xlarge-offset-2 {
    margin-left: 8.33333%;
  }

  .col__xlarge-offset-3 {
    margin-left: 12.5%;
  }

  .col__xlarge-offset-4 {
    margin-left: 16.66667%;
  }

  .col__xlarge-offset-5 {
    margin-left: 20.83333%;
  }

  .col__xlarge-offset-6 {
    margin-left: 25%;
  }

  .col__xlarge-offset-7 {
    margin-left: 29.16667%;
  }

  .col__xlarge-offset-8 {
    margin-left: 33.33333%;
  }

  .col__xlarge-offset-9 {
    margin-left: 37.5%;
  }

  .col__xlarge-offset-10 {
    margin-left: 41.66667%;
  }

  .col__xlarge-offset-11 {
    margin-left: 45.83333%;
  }

  .col__xlarge-offset-12 {
    margin-left: 50%;
  }

  .col__xlarge-offset-13 {
    margin-left: 54.16667%;
  }

  .col__xlarge-offset-14 {
    margin-left: 58.33333%;
  }

  .col__xlarge-offset-15 {
    margin-left: 62.5%;
  }

  .col__xlarge-offset-16 {
    margin-left: 66.66667%;
  }

  .col__xlarge-offset-17 {
    margin-left: 70.83333%;
  }

  .col__xlarge-offset-18 {
    margin-left: 75%;
  }

  .col__xlarge-offset-19 {
    margin-left: 79.16667%;
  }

  .col__xlarge-offset-20 {
    margin-left: 83.33333%;
  }

  .col__xlarge-offset-21 {
    margin-left: 87.5%;
  }

  .col__xlarge-offset-22 {
    margin-left: 91.66667%;
  }

  .col__xlarge-offset-23 {
    margin-left: 95.83333%;
  }

  .col__xlarge-offset-24 {
    margin-left: 100%;
  }
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  font-size: 10px;
  overflow-anchor: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  margin: 0;
  min-width: 1280px;
  font-family: "Geometria", sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  background: #FFF;
  font-variant-numeric: tabular-nums;
}

h2 {
  margin: 0 0 30px;
  font-size: 32px;
  line-height: 40px;
}

fieldset {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  min-width: 0;
  border: none;
}

a {
  text-decoration: none;
}

input:-webkit-autofill {
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-box-shadow: inset 0 0 0 9999px #EDF0F2;
          box-shadow: inset 0 0 0 9999px #EDF0F2;
}

.text-secondary {
  color: #999;
}

.text-secondary a {
  color: #999;
  text-decoration: underline;
}

.text-secondary-link {
  color: #999;
  text-decoration: underline;
}

.static-content {
  color: green;
}

.order-card-cancel-tooltip__buttons {
  margin-bottom: 1rem;
  display: -ms-flexbox;
  display: flex;
}

.order-card-cancel-tooltip__buttons :not(:last-child) {
  margin-right: 1rem;
}

.order-card-cancel-tooltip__cancel-btn {
  color: #000;
  background: #FFF;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 1rem 2rem;
  vertical-align: middle;
  border-radius: 1rem;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}


.order-card-action__close-icon {
  cursor: pointer;
}

.order-card-action__archive-icon {
  position: absolute;
  top: 50%;
  left: auto;
  margin-top: -9px;
  cursor: pointer;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.order-card-status-tooltip-tr td {
  text-align: right;
}

.order-card-status-tooltip-tr td:not(:last-child) {
  padding-right: 15px;
}

.order-card-status-tooltip-tr td:last-child {
  color: rgba(0, 0, 0, 0.5);
}

.order-card-status-tooltip-tr td:first-child {
  text-align: left;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.order-card-status-tooltip-comment {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-left: 2px solid #d40000;
  padding-left: 1rem;
}

.order-card-status-tooltip-comment__link {
  color: #ED4040;
}

.order-card-status-tooltip-comment__link:visited {
  color: #ED4040;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.order-card-status-tooltip {
  max-width: 42rem;
  padding: 1rem 2rem;
}

.order-card-status-tooltip table {
  width: 100%;
}

.order-card-status-tooltip__pendiing {
  text-align: center;
}

.order-card-status-tooltip__reject-reason {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-left: 2px solid #d40000;
  padding-left: 1rem;
}

.order-card-status-tooltip__button-cont {
  margin-top: 10px;
  margin-bottom: 10px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.order-card-status-content {
  position: relative;
  padding-bottom: 0;
  line-height: 2.3rem;
  background-repeat: repeat-x;
  background-position: left bottom;
  white-space: nowrap;
  border-bottom: 1px dashed;
}

.order-card-status-content_rejected {
  color: #cb0000;
  border-bottom: 1px dashed;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.order-card-status {
  display: inline-block;
  font-size: 1.5rem;
  cursor: pointer;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.order-card-notice {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.order-card-notice__primary-text {
  color: #000;
  display: inline-block;
  margin-right: 15px;
  font-size: 24px;
  line-height: 30px;
  white-space: nowrap;
}

.order-card-notice__secondary-text {
  display: inline-block;
  line-height: 26px;
  color: #999;
  vertical-align: bottom;
  overflow: visible;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.stock-icon {
  width: 4.8rem;
  height: 4.8rem;
  -o-object-fit: contain;
     object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.stock-icon_big {
  width: 12rem;
  height: 12rem;
}

.stock-icon_mid {
  width: 5.8rem;
  height: 5.8rem;
}

.stock-icon_fallback {
  background-color: #3187ee;
  border-radius: 1rem;
  color: #FFF;
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
  line-height: 4.8rem;
}

.stock-icon_big.stock-icon_fallback {
  font-size: 6rem;
  line-height: 12.5rem;
  border-radius: 50%;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.order-card-product__logo-wrapper {
  margin-right: 15px;
  width: 70px;
  height: 50px;
}

.order-card-product__logo {
  display: block;
  margin: 0 auto;
  width: 70px;
  height: 50px;
  max-width: 70px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
}

.order-card-product__name-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.order-card-product__name {
  display: inline-block;
  margin-right: 15px;
  font-size: 24px;
  line-height: 30px;
  color: #000;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
  max-width: 47rem;
}

.order-card-product__category {
  display: inline-block;
  line-height: 26px;
  color: rgba(0, 0, 0, 0.5);
  vertical-align: bottom;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.order-card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5rem 1rem 2rem 1.5rem;
  width: 100%;
  background-color: #F3F5F6;
  border-radius: 1rem;
}

.order-card:not(:last-child) {
  margin-bottom: 1rem;
}

.order-card:last-child {
  margin-bottom: 2rem;
}

.order-card__head {
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}

.order-card__info {
  position: relative;
  margin-left: auto;
  padding-top: 0.8rem;
}

.order-card__info::before {
  content: "";
  position: absolute;
  top: 0;
  left: -7rem;
  width: 7rem;
  height: 100%;
  background: -webkit-gradient(linear, right top, left top, color-stop(20%, #F3F5F6), to(rgba(243, 245, 246, 0)));
  background: -webkit-linear-gradient(right, #F3F5F6 20%, rgba(243, 245, 246, 0));
  background: -o-linear-gradient(right, #F3F5F6 20%, rgba(243, 245, 246, 0));
  background: linear-gradient(270deg, #F3F5F6 20%, rgba(243, 245, 246, 0));
}

.order-card__items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.order-card__amount,
.order-card__date,
.order-card__status,
.order-card__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-right: 1.8rem;
}

.order-card__amount {
  min-width: 11rem;
}

.order-card__date {
  min-width: 6.5rem;
}

.order-card__status {
  min-width: 15rem;
}

.order-card__title {
  margin-bottom: 0.3rem;
  color: rgba(0, 0, 0, 0.5);
}

.order-card__value {
  font-size: 1.7rem;
  line-height: 2.3rem;
}

.order-card__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  margin-right: 0;
  padding: 1rem;
  width: 4.2rem;
  text-align: right;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.idea-landing-submit-section-content__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.idea-landing-submit-section {
  margin-bottom: 90px;
}

.idea-landing-submit-section__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.idea-landing__top-card {
  margin-bottom: 70px;
}

.idea-landing__breadcrumb {
  display: inline-block;
  margin-bottom: 9px;
  color: rgba(0, 0, 0, 0.5);
}

.idea-landing__breadcrumb-arrow {
  font-size: 2rem;
}

.idea-landing__warning-notification {
  margin: 40px 0;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.stock-top-card-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: center;
      align-items: center;
  margin-bottom: 3.5rem;
}

.stock-top-card-header__logo-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.stock-top-card-header__logo {
  display: inline-block;
  max-width: 120px;
  height: 120px;
  border-radius: 50%;
  margin-bottom: 1.2rem;
}

.stock-top-card-header__name {
  margin-bottom: 0;
  margin-top: 1.2rem;
  font-size: 4rem;
  line-height: 6rem;
  text-align: center;
}

a .stock-top-card-header__name {
  color: #000;
  -webkit-transition: color 200ms;
  -o-transition: color 200ms;
  transition: color 200ms;
}

a .stock-top-card-header__name:hover {
  color: #ED4040;
}

.stock-top-card-header__wrapper {
  width: 100%;
  overflow: hidden;
}

.stock-top-card-header__info {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-align: center;
  font-size: 1.5rem;
}

.stock-top-card-header__info > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.stock-top-card-header__info > div::before {
  content: '';
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #0073FF;
  margin: 0 1.2rem;
  border-radius: 50%;
}

.stock-top-card-header__info > div:first-child::before {
  display: none;
}

.stock-top-card-header__category {
  text-transform: capitalize;
}

.stock-top-card-header__risk {
  cursor: pointer;
}

.stock-top-card-header__button-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 3.6rem;
  height: 3.6rem;
  background-color: rgba(0, 41, 91, 0.13);
  background-image: url(/static/desktop/images/arrow-back-f12476.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-width: 0;
  border-radius: 1rem 0;
  cursor: pointer;
  outline-width: 0;
}


.animate-overlay {
  position: relative;
}

@-webkit-keyframes blink {
  10% {
    background-position: 70% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

@keyframes blink {
  10% {
    background-position: 70% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.animate-overlay_visible:before {
  content: '';
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
  background: -webkit-linear-gradient(10deg, rgba(243, 245, 246, 0) 35%, rgba(243, 245, 246, 0) 40%, rgba(243, 245, 246, 0.3) 50%, rgba(243, 245, 246, 0) 60%, rgba(243, 245, 246, 0) 65%);
  background: -o-linear-gradient(10deg, rgba(243, 245, 246, 0) 35%, rgba(243, 245, 246, 0) 40%, rgba(243, 245, 246, 0.3) 50%, rgba(243, 245, 246, 0) 60%, rgba(243, 245, 246, 0) 65%);
  background: linear-gradient(80deg, rgba(243, 245, 246, 0) 35%, rgba(243, 245, 246, 0) 40%, rgba(243, 245, 246, 0.3) 50%, rgba(243, 245, 246, 0) 60%, rgba(243, 245, 246, 0) 65%);
  background-position: 100% 50%;
  background-size: 200% 200%;
  -webkit-animation: blink 1.4s ease-out 1;
          animation: blink 1.4s ease-out 1;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}


.stock-top-card-current-price__tooltip {
  max-width: 300px;
}

.stock-top-card-current-price__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.stock-top-card-current-price__icon {
  width: 2rem;
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.stock-top-card-property {
  margin-right: 3rem;
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.stock-top-card-property:first-child {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  white-space: normal;
}

.stock-top-card-property:first-child .stock-top-card-property__title {
  max-width: 8.5rem;
  margin-left: 1rem;
}

.stock-top-card-property:first-child .stock-top-card-property__value .stock-top-card-property_positive {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.4rem;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  height: 4rem;
  background-color: rgba(49, 134, 238, 0.15);
  color: #3186ee;
}

.stock-top-card-property:first-child .stock-top-card-property__value .stock-top-card-property_positive::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-right: 0.5rem;
  border-bottom: 9px solid #3186ee;
}

.stock-top-card-property:first-child .stock-top-card-property__value .stock-top-card-property_negative {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.4rem;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  height: 4rem;
  background-color: rgba(211, 47, 47, 0.1);
  color: #d32f2f;
}

.stock-top-card-property:first-child .stock-top-card-property__value .stock-top-card-property_negative::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-right: 0.5rem;
  border-top: 9px solid #d32f2f;
}

.stock-top-card-property__title {
  font-size: 1.5rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.5);
}


.stock-top-card-price-diff {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  white-space: normal;
}

.stock-top-card-price-diff__value {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.4rem;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  height: 4rem;
  background-color: rgba(49, 134, 238, 0.15);
  color: #3186ee;
}

.stock-top-card-price-diff__value::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-right: 0.5rem;
  border-bottom: 9px solid #3186ee;
}

.stock-top-card-price-diff__value_negative {
  background-color: rgba(211, 47, 47, 0.1);
  color: #d32f2f;
}

.stock-top-card-price-diff__value_negative::before {
  border-bottom: 0;
  border-top: 9px solid #d32f2f;
}


@charset "UTF-8";

.stock-top-card-tariff__title {
  font-size: 1.5rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.5);
}

.stock-top-card-tariff__values {
  display: -ms-flexbox;
  display: flex;
}

.stock-top-card-tariff__value::after {
  content: '\B7';
  display: inline-block;
  margin: 0 1rem;
}

.stock-top-card-tariff__value:last-child::after {
  display: none;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.stock-top-card-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding: 2.5rem 0;
  margin: 0 3rem;
  border-top: 1px solid rgba(196, 205, 212, 0.5);
}

.stock-top-card-footer__item {
  margin-right: 3rem;
  white-space: nowrap;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.stock-top-card-footer__item:first-child {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  white-space: normal;
}

.stock-top-card-footer__item:first-child .stock-top-card-footer__title {
  max-width: 8.5rem;
  margin-left: 1rem;
}

.stock-top-card-footer__item:first-child .stock-top-card-footer__value .stock-top-card-footer_positive {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.4rem;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  height: 4rem;
  background-color: rgba(49, 134, 238, 0.15);
  color: #3186ee;
}

.stock-top-card-footer__item:first-child .stock-top-card-footer__value .stock-top-card-footer_positive::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-right: 0.5rem;
  border-bottom: 9px solid #3186ee;
}

.stock-top-card-footer__item:first-child .stock-top-card-footer__value .stock-top-card-footer_negative {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  font-size: 2.4rem;
  padding: 0.5rem 1rem;
  border-radius: 10px;
  height: 4rem;
  background-color: rgba(211, 47, 47, 0.1);
  color: #d32f2f;
}

.stock-top-card-footer__item:first-child .stock-top-card-footer__value .stock-top-card-footer_negative::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  margin-right: 0.5rem;
  border-top: 9px solid #d32f2f;
}

.stock-top-card-footer__title {
  font-size: 1.5rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.5);
}

.stock-top-card-footer__amount:not(:last-child) {
  margin-right: 1rem;
}

.stock-top-card-footer__amount_crossed {
  position: relative;
  color: #999;
}

.stock-top-card-footer__amount_crossed::before {
  content: '';
  position: absolute;
  top: 0;
  right: -0.2rem;
  bottom: 0;
  left: -0.2rem;
  width: auto;
  color: #3187ee;
  background: -webkit-gradient(linear, left bottom, right top, color-stop(47%, transparent), color-stop(50%, currentColor), color-stop(53%, transparent));
  background: -webkit-linear-gradient(left bottom, transparent 47%, currentColor 50%, transparent 53%);
  background: -o-linear-gradient(left bottom, transparent 47%, currentColor 50%, transparent 53%);
  background: linear-gradient(to right top, transparent 47%, currentColor 50%, transparent 53%);
}

.stock-top-card-footer__row {
  display: -ms-flexbox;
  display: flex;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.stock-submit-button__submit,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.stock-submit-button__submit:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.stock-submit-button__submit:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.stock-submit-button__submit:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.stock-submit-button__submit:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.stock-submit-button__submit:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.stock-submit-button__submit:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.stock-submit-button__submit:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.stock-submit-button__submit {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.stock-submit-button__submit:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.stock-submit-button__submit:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.stock-submit-button__submit:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.stock-submit-button__submit:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.stock-submit-button__submit {
  -ms-flex-direction: column;
      flex-direction: column;
  max-width: 215px;
  font-size: 1.5rem;
  line-height: 2rem;
  height: 6rem;
  padding: 1.8rem 4rem;
  border-radius: 10px;
  border: none;
  margin-left: 1rem;
}

.stock-submit-button__submit:disabled {
  pointer-events: none;
  opacity: 0.1;
}

.stock-submit-button__cost {
  padding-left: 0.5rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  line-height: 2rem;
  min-height: 2rem;
  max-width: 18rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.stock-submit-button__tooltip {
  max-width: 300px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.stock-submit-amount-input {
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  max-width: 24rem;
  height: 6rem;
}

.stock-submit-amount-input__label {
  width: 9rem;
  min-width: 9rem;
  height: 6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 2rem 0 2rem 2rem;
  font-size: 1.5rem;
}

.stock-submit-amount-input__input {
  font-size: 3.2rem;
  padding: 1.6rem;
  outline: none;
  max-width: 26rem;
  height: 6rem;
  -webkit-font-feature-settings: 'tnum';
          font-feature-settings: 'tnum';
}


.stock-submit-section {
  display: -ms-flexbox;
  display: flex;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel,
.exchange-working-countdown-for-landing {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.exchange-working-countdown-for-landing {
  max-width: 68rem;
}

.exchange-working-countdown-for-landing__countdown {
  width: 40%;
  padding: 0.5rem;
}

.exchange-working-countdown-for-landing__timer {
  font-size: 3rem;
  padding-top: 0.5rem;
}

.exchange-working-countdown-for-landing__text {
  width: 60%;
  padding: 0.5rem;
}

.exchange-working-countdown-for-sellModal {
  max-width: 34rem;
  margin: auto;
  margin-top: 8rem;
}

.exchange-working-countdown-for-sellModal__countdown {
  text-align: center;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.exchange-working-countdown-for-sellModal__timer {
  font-size: 3rem;
  padding-top: 1rem;
}

.exchange-working-countdown-for-sellModal__text {
  text-align: center;
  opacity: 0.5;
  padding: 1rem;
  font-size: 1.3rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.stock-landing-authentication__signup,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.stock-landing-authentication__signup:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.stock-landing-authentication__signup:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.stock-landing-authentication__signup:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.stock-landing-authentication__signup:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.stock-landing-authentication__signup:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.stock-landing-authentication__signup:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.stock-landing-authentication__signup:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.stock-landing-authentication__signup {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.stock-landing-authentication__signup:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.stock-landing-authentication__signup:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.stock-landing-authentication__signup:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.stock-landing-authentication__signup:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.stock-landing-authentication {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.stock-landing-authentication_align_center {
  -ms-flex-align: center;
      align-items: center;
}

.stock-landing-authentication__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.stock-landing-authentication__signup {
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 1rem;
}

.stock-landing-authentication__signin {
  color: #000;
  background: #FFF;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 1rem 2rem;
  vertical-align: middle;
  border-radius: 1rem;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 10px;
}

.stock-landing-authentication__working-hours {
  font-size: 1.5rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 1.5rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel,
.disabled-stock-notify {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.disabled-stock-notify {
  display: block;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.disabled-stock-notify__link {
  color: inherit;
  text-decoration: underline;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.stock-top-card {
  position: relative;
  overflow: hidden;
  background-color: #F2F5F7;
  border-radius: 10px;
}

.stock-top-card__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding: 4rem 3rem 13.5rem;
}

.stock-top-card_with-warning {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}


.stock-landing-about__description {
  font-size: 1.5rem;
  line-height: 2rem;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  -webkit-column-width: 418px;
     -moz-column-width: 418px;
          column-width: 418px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}


.stock-landing-benefits-subitem__icon {
  margin-right: 2rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.stock-landing-demo__img {
  -webkit-transform: rotate(12deg);
      -ms-transform: rotate(12deg);
          transform: rotate(12deg);
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.stock-landing-terms__link {
  color: #000;
  text-decoration: underline;
}


.stock-landing-content {
  margin-bottom: 2.9rem;
}

.stock-landing-content .invest-landing-subitem {
  padding-bottom: 4rem;
}

.stock-landing-content .invest-landing-subitem__wrapper {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  width: auto;
}

.stock-landing-content .invest-landing-section__column_tracking-results {
  position: relative;
  bottom: 5rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.stock-landing {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.stock-landing__top-card {
  margin-bottom: 0;
}


.stocks-filter-options {
  -ms-flex-direction: column;
      flex-direction: column;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.stocks-filter-options:first-child {
  border-top: none;
}

.stocks-filter-options__item {
  padding: 0.5rem 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  color: #000000;
}

.stocks-filter-options__item:hover,
.stocks-filter-options__item_active {
  background-color: rgba(49, 135, 238, 0.1);
  color: #176CD4;
}

.stocks-filter-options__content {
  max-height: 28.9rem;
  overflow: auto;
  scrollbar-width: thin;
}

.stocks-filter-options__content:before,
.stocks-filter-options__content:after {
  content: "";
  display: block;
  height: 0;
  padding: 0.5rem;
}

.stocks-filter-options__content::-webkit-scrollbar {
  width: 0.7rem;
  background-color: transparent;
}

.stocks-filter-options__content::-webkit-scrollbar-track-piece:hover .stocks-filter-options::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.12);
}

.stocks-filter-options__content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 1rem;
}


.stocks-filter {
  background-color: #F2F5F7;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.stocks-filter:hover {
  background-color: #e8edf0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.stocks-filter:hover .stocks-filter__title::before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}

.stocks-filter:hover .stocks-filter__title::after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}

.stocks-filter:hover .stocks-filter__value::before {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}

.stocks-filter:hover .stocks-filter__value::after {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
}

.stocks-filter_is-last {
  border-radius: 0 10px 10px 0;
}

.stocks-filter__actual {
  padding: 1rem 1rem 1rem 2rem;
}

.stocks-filter__dropdown {
  width: auto;
  z-index: 1;
  position: absolute;
  left: -1px;
  top: -1px;
  border: 1px solid #ffffff;
  background-color: #E8EDF0;
  border-radius: 0 10px 10px 10px;
}

.stocks-filter__dropdown_to-right {
  left: unset;
  right: 0;
  border-radius: 10px 0 10px 10px;
}

.stocks-filter_is-last .stocks-filter__dropdown_to-right {
  border-top-right-radius: 10px;
}

.stocks-filter__dropdown .stocks-filter__value::after {
  content: '';
  display: block;
  width: 2rem;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 237, 240, 0)), color-stop(50%, #e8edf0), color-stop(50%, #e8edf0), to(#e8edf0));
  background: -webkit-linear-gradient(left, rgba(232, 237, 240, 0), #e8edf0 50%, #e8edf0 50%, #e8edf0 100%);
  background: -o-linear-gradient(left, rgba(232, 237, 240, 0), #e8edf0 50%, #e8edf0 50%, #e8edf0 100%);
  background: linear-gradient(to right, rgba(232, 237, 240, 0), #e8edf0 50%, #e8edf0 50%, #e8edf0 100%);
}

.stocks-filter__dropdown .stocks-filter__title::after {
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 237, 240, 0)), color-stop(50%, #e8edf0), color-stop(50%, #e8edf0), to(#e8edf0));
  background: -webkit-linear-gradient(left, rgba(232, 237, 240, 0), #e8edf0 50%, #e8edf0 50%, #e8edf0 100%);
  background: -o-linear-gradient(left, rgba(232, 237, 240, 0), #e8edf0 50%, #e8edf0 50%, #e8edf0 100%);
  background: linear-gradient(to right, rgba(232, 237, 240, 0), #e8edf0 50%, #e8edf0 50%, #e8edf0 100%);
}

.stocks-filter__value {
  color: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  position: relative;
}

.stocks-filter__value::before {
  content: '';
  display: block;
  width: 1rem;
  height: 100%;
  position: absolute;
  right: 0.5rem;
  top: 0;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 237, 240, 0)), to(#e8edf0));
  background: -webkit-linear-gradient(left, rgba(232, 237, 240, 0) 0%, #e8edf0 100%);
  background: -o-linear-gradient(left, rgba(232, 237, 240, 0) 0%, #e8edf0 100%);
  background: linear-gradient(to right, rgba(232, 237, 240, 0) 0%, #e8edf0 100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.stocks-filter__value::after {
  content: '';
  display: block;
  width: 1rem;
  height: 100%;
  position: absolute;
  right: 0.5rem;
  top: 0;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(242, 245, 247, 0)), to(#f2f5f7));
  background: -webkit-linear-gradient(left, rgba(242, 245, 247, 0) 0%, #f2f5f7 100%);
  background: -o-linear-gradient(left, rgba(242, 245, 247, 0) 0%, #f2f5f7 100%);
  background: linear-gradient(to right, rgba(242, 245, 247, 0) 0%, #f2f5f7 100%);
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.stocks-filter__value_active {
  color: #176CD4;
}

.stocks-filter__title {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.stocks-filter__title::before {
  content: '';
  display: block;
  width: 1rem;
  height: 100%;
  position: absolute;
  right: 0.5rem;
  top: 0;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(232, 237, 240, 0)), to(#e8edf0));
  background: -webkit-linear-gradient(left, rgba(232, 237, 240, 0) 0%, #e8edf0 100%);
  background: -o-linear-gradient(left, rgba(232, 237, 240, 0) 0%, #e8edf0 100%);
  background: linear-gradient(to right, rgba(232, 237, 240, 0) 0%, #e8edf0 100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.stocks-filter__title::after {
  content: '';
  display: block;
  width: 1rem;
  height: 100%;
  position: absolute;
  right: 0.5rem;
  top: 0;
  -webkit-transform: translateX(50%);
      -ms-transform: translateX(50%);
          transform: translateX(50%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(242, 245, 247, 0)), to(#f2f5f7));
  background: -webkit-linear-gradient(left, rgba(242, 245, 247, 0) 0%, #f2f5f7 100%);
  background: -o-linear-gradient(left, rgba(242, 245, 247, 0) 0%, #f2f5f7 100%);
  background: linear-gradient(to right, rgba(242, 245, 247, 0) 0%, #f2f5f7 100%);
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.stocks-filter__sort-icon {
  position: absolute;
  width: 0;
  height: 0;
  left: 2rem;
  bottom: -0.15rem;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

.stocks-filter__sort-icon_dir_desc {
  border-top: 8px solid #176CD4;
}

.stocks-filter__sort-icon_dir_asc {
  border-bottom: 8px solid #176CD4;
}


.stocks-filter-order {
  -ms-flex-direction: column;
      flex-direction: column;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  max-height: 289px;
  overflow: auto;
}

.stocks-filter-order:first-child {
  border-top: none;
}

.stocks-filter-order:before,
.stocks-filter-order:after {
  content: "";
  display: block;
  height: 0;
  padding: 0.5rem;
}

.stocks-filter-order__item {
  padding: 0.5rem 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: normal;
  color: #000000;
}

.stocks-filter-order__item:hover,
.stocks-filter-order__item_active {
  background-color: rgba(49, 135, 238, 0.1);
  color: #176CD4;
}


.stocks-filter-input {
  width: 100%;
  background-color: #f2f5f7;
  white-space: nowrap;
}

.stocks-filter-input_active {
  display: none;
}

.stocks-filter-input_is-first {
  border-radius: 10px 0 0 10px;
}

.stocks-filter-input_is-last {
  border-radius: 0 10px 10px 0;
  margin-right: 0;
}

.stocks-filter-input__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-width: 6rem;
  min-height: 6rem;
}

.stocks-filter-input__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.stocks-filter-input__input {
  position: absolute;
  height: 100%;
  top: 0px;
  left: 0;
  width: 960px;
  z-index: 1;
}

.stocks-filter-input__input-field {
  width: 100%;
  height: 100%;
  background-color: #e9edf0;
  border: none;
  border-radius: 10px;
  text-align: center;
  outline-width: 0px;
  font-size: 2.4rem;
  padding: 1rem 7rem;
  -webkit-box-shadow: 0 0.5rem 0 0 white;
          box-shadow: 0 0.5rem 0 0 white;
}

.stocks-filter-input__input-field::-ms-clear {
  display: none;
}

.stocks-filter-input__close-icon {
  width: 24px;
  height: 24px;
  padding: 10px;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.stocks-filter-input__close-icon::before,
.stocks-filter-input__close-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -1px;
  width: 100%;
  height: 1px;
  background: #000000;
}

.stocks-filter-input__close-icon::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.stocks-filter-input__close-icon::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.stocks-filter-input__search-icon {
  min-width: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 24px;
  height: 24px;
  margin-left: 1.5rem;
}

.stocks-filter-input__value {
  color: rgba(0, 0, 0, 0.3);
}


.stock-risk-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.stock-risk-option__icon_level_LOW {
  width: 12px;
  height: 12px;
  background-color: rgba(78, 146, 0, 0.2);
}

.stock-risk-option__icon_level_MEDIUM {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: rgba(205, 131, 8, 0.3);
}

.stock-risk-option__icon_level_HIGH {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid rgba(211, 47, 47, 0.4);
}


.stock-filters-cap-range {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.stock-filters-cap-range__range {
  margin-left: 1.5rem;
  color: rgba(0, 0, 0, 0.5);
}


.stocks-filters {
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 960px;
  max-height: 60px;
  position: relative;
  border-radius: 10px;
}

.stocks-filters__filter {
  -ms-flex-positive: 1;
      flex-grow: 1;
  cursor: pointer;
  margin-right: 1px;
  position: relative;
}

.stocks-filters__filter_type_name {
  max-width: 61px;
}

.stocks-filters__filter_type_sector {
  max-width: 144px;
}

.stocks-filters__filter_type_industry {
  max-width: 174px;
}

.stocks-filters__filter_type_stock-type {
  max-width: 124px;
}

.stocks-filters__filter_type_capitalization {
  max-width: 157px;
}

.stocks-filters__filter_type_risk {
  max-width: 76px;
}

.stocks-filters__filter_type_price-change {
  max-width: 117px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.search-not-found__icon {
  margin-bottom: 3rem;
}

.search-not-found__container {
  background-color: #F2F5F7;
  width: 100%;
  min-height: 22rem;
  padding: 4.3rem 5rem 5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  border-radius: 1rem;
}

.search-not-found__title {
  font-size: 2.4rem;
  line-height: 2.8rem;
  margin-bottom: 1rem;
  white-space: pre-line;
  max-width: 46rem;
  text-align: center;
}

.search-not-found__subtitle {
  font-size: 1.5rem;
  line-height: 2rem;
  white-space: pre-line;
  max-width: 42rem;
  text-align: center;
}

.search-not-found__control {
  margin-top: 3.6rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.stocks-list-empty__btn,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.stocks-list-empty__btn:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.stocks-list-empty__btn:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.stocks-list-empty__btn:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.stocks-list-empty__btn:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.stocks-list-empty__btn:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.stocks-list-empty__btn:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.stocks-list-empty__btn:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button,
.stocks-list-empty__btn {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.stocks-list-empty__btn:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active,
.stocks-list-empty__btn:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.stocks-list-empty__btn:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.stocks-list-empty__btn:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.stocks-list-empty__paragraph:first-child {
  margin-top: 0;
}

.stocks-list-empty__paragraph:last-child {
  margin-bottom: 0;
}

.stocks-list-empty__btn {
  height: 50px;
  padding: 1.5rem 3rem;
  border-radius: 14px;
  margin-top: 0;
}


.pulse-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  margin-top: -22px;
  margin-left: -22px;
  width: 44px;
  height: 44px;
  opacity: 1;
  -webkit-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.pulse-loading::before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.pulse-loading::before,
.pulse-loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 44px;
  height: 44px;
  border: 2px solid #000;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation-name: intervalLoadingAnimation;
          animation-name: intervalLoadingAnimation;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.pulse-loading_big {
  margin-top: -44px;
  margin-left: -44px;
}

.pulse-loading_big::before,
.pulse-loading_big::after {
  width: 88px;
  height: 88px;
}

.pulse-loading_hidden {
  opacity: 0;
}

@-webkit-keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}


.stock-view {
  width: 1000px;
  padding: 0 2rem;
  border-radius: 14px;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.stock-view:last-of-type .stock-view__inner {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.stock-view__inner {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding: 1rem 0;
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.stock-view:first-child .stock-view__inner {
  border-top: none;
}

.stock-view:hover {
  background-color: #f2f5f7;
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}

.stock-view:hover .stock-view__price-change {
  display: none;
}

.stock-view:hover .stock-view__btn {
  display: -ms-flexbox;
  display: flex;
}

.stock-view:hover .stock-view__inner {
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  border-color: #f2f5f7;
}

.stock-view:hover + .stock-view .stock-view__inner {
  -webkit-transition: all 0.1s ease-in;
  -o-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
  border-color: #f2f5f7;
}

.stock-view__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.stock-view__row_left {
  width: 42%;
}

.stock-view__row_right {
  width: 58%;
}

.stock-view__description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-left: 3rem;
}

.stock-view__title {
  font-size: 2.4rem;
  color: #000000;
  font-weight: normal;
  line-height: normal;
  font-stretch: normal;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 35rem;
}

.stock-view__type {
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-weight: normal;
  line-height: 2rem;
  font-stretch: normal;
  margin-top: 0.2rem;
}

.stock-view__industry {
  margin-left: 0.5rem;
}

.stock-view__capitalization {
  font-size: 1.5rem;
  color: #000000;
  font-weight: normal;
  line-height: 2rem;
  font-stretch: normal;
  min-width: 13rem;
}

.stock-view__price {
  font-size: 1.5rem;
  color: #000000;
  font-weight: normal;
  line-height: 2rem;
  font-stretch: normal;
  margin-left: 1rem;
  text-align: left;
  min-width: 7.8rem;
}

.stock-view__risk-status {
  margin-left: 11rem;
  margin-right: 6rem;
}

.stock-view__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.stock-view__price-change {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  width: 114px;
  height: 40px;
  padding: 1.5rem 2.5rem;
  position: relative;
  border-radius: 10px;
  margin-left: 4rem;
}

.stock-view__price-change_positive {
  color: #176cd4;
  background-color: rgba(49, 135, 238, 0.1);
  fill: #176cd4;
}

.stock-view__price-change_positive::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #176cd4;
  margin-right: 0.5rem;
}

.stock-view__price-change_negative {
  color: #d32f2f;
  background-color: rgba(211, 47, 47, 0.1);
}

.stock-view__price-change_negative::before {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #d32f2f;
  margin-right: 0.5rem;
}

.stock-view__btn {
  font-size: 1.5rem;
  line-height: 1.2;
  display: none;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 114px;
  height: 40px;
  padding: 1rem 2.5rem;
  position: relative;
  color: #ffffff;
  background-color: #3187ee;
  border-radius: 10px;
  margin-left: 4rem;
  cursor: pointer;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: background-color, border-color, color, -webkit-box-shadow;
  transition-property: background-color, border-color, color, -webkit-box-shadow;
  -o-transition-property: background-color, border-color, color, box-shadow;
  transition-property: background-color, border-color, color, box-shadow;
  transition-property: background-color, border-color, color, box-shadow, -webkit-box-shadow;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  text-decoration: none;
  border-style: solid;
  border-width: 0px;
  outline: 0px;
}

.stock-view__btn:hover,
.stock-view__btn:focus {
  background-color: #459bff;
}

.stock-view__btn:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.stock-view__btn:active {
  background-color: #0b5acd;
}

.stock-view__btn:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.stock-search-no-result__btn,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.stock-search-no-result__btn:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.stock-search-no-result__btn:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.stock-search-no-result__btn:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.stock-search-no-result__btn:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.stock-search-no-result__btn:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.stock-search-no-result__btn:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.stock-search-no-result__btn:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button,
.stock-search-no-result__btn {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.stock-search-no-result__btn:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active,
.stock-search-no-result__btn:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.stock-search-no-result__btn:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.stock-search-no-result__btn:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.stock-search-no-result__btn {
  border-radius: 1.4rem;
  padding: 1.5rem 3.5rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.fetch-more-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.fetch-more-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.fetch-more-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.fetch-more-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.fetch-more-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.fetch-more-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.fetch-more-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.fetch-more-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button,
.fetch-more-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.fetch-more-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active,
.fetch-more-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.fetch-more-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.fetch-more-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.button-loader,
.fetch-more-button__loader {
  position: relative;
  margin: 0;
  width: 30px;
  height: 30px;
  opacity: 1;
  -webkit-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.button-loader::before,
.fetch-more-button__loader::before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.button-loader::before,
.fetch-more-button__loader::before,
.button-loader::after,
.fetch-more-button__loader::after {
  content: '';
  position: absolute;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 30px;
  height: 30px;
  border: 2px solid;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation-name: buttonPulseLoader;
          animation-name: buttonPulseLoader;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes buttonPulseLoader {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes buttonPulseLoader {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

.fetch-more-button {
  height: 4.4rem;
  min-width: 25.8rem;
  border-radius: 1.4rem;
  text-align: center;
  margin: 5rem auto 1rem;
  padding: unset;
}

.fetch-more-button__loader {
  border-color: #176CD4;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.stocks-list-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
  max-width: 960px;
  margin-top: 2.5rem;
  position: relative;
  -webkit-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}

.stocks-list-content_loading {
  opacity: 0.5;
}

.stocks-list-content__loader {
  top: 18rem;
  z-index: 5;
}


.page-main-title__title {
  font-weight: bold;
  font-size: 50px;
  margin: 0 2rem 1.5rem 0;
  line-height: 60px;
  text-align: center;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.idea-filters {
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 3rem;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.idea-filters__list {
  display: -ms-flexbox;
  display: flex;
}

.idea-filters__item,
.idea-filters__list-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  font-size: 1.5rem;
  line-height: 2rem;
  font-style: normal;
  font-weight: normal;
  text-align: center;
  background-color: #F2F5F7;
  color: #000000;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: none;
  padding: 1rem 2rem;
  margin-right: 1px;
  outline-width: 0;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.idea-filters__item:hover,
.idea-filters__list-item:hover {
  background-color: #E8EDF0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.idea-filters__item.active,
.idea-filters__list-item.active {
  background-color: rgba(49, 135, 238, 0.1);
  color: #176CD4;
}

.idea-filters__item {
  margin-right: 0;
  margin-left: 1.5rem;
  border-radius: 10px;
}

.idea-filters__list-item:first-child {
  border-radius: 10px 0 0 10px;
}

.idea-filters__list-item:last-child {
  border-radius: 0 10px 10px 0;
  margin-right: 0;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 201;
}

.modal__overflow-hidden {
  overflow: hidden;
  height: auto;
}

.modal__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.6);
}

@-webkit-keyframes modal-container-darkening {
  from {
    background-color: transparent;
  }
}

@keyframes modal-container-darkening {
  from {
    background-color: transparent;
  }
}

.modal__container_enter {
  -webkit-animation: modal-container-darkening 200ms both;
          animation: modal-container-darkening 200ms both;
}

@-webkit-keyframes modal-container-disappearance {
  to {
    background-color: transparent;
  }
}

@keyframes modal-container-disappearance {
  to {
    background-color: transparent;
  }
}

.modal__container_leave {
  -webkit-animation: modal-container-disappearance 200ms both;
          animation: modal-container-disappearance 200ms both;
}

.modal_slider .modal__container {
  background-color: rgba(255, 255, 255, 0.6);
  text-align: center;
}

.modal_slider .modal__container::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.modal__content {
  position: relative;
  margin: 5rem auto;
  padding: 5rem 5rem 0;
  width: 43rem;
  min-height: 56.4rem;
  background: #FFF;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

@-webkit-keyframes modal-zoom-enter {
  from {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
    opacity: 1;
  }
}

@keyframes modal-zoom-enter {
  from {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
    opacity: 1;
  }
}

.modal__content_enter {
  -webkit-animation: modal-zoom-enter 200ms both;
          animation: modal-zoom-enter 200ms both;
}

@-webkit-keyframes modal-zoom-leave {
  to {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
    opacity: 0;
  }
}

@keyframes modal-zoom-leave {
  to {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
            transform: scale3d(0.9, 0.9, 0.9);
    opacity: 0;
  }
}

.modal__content_leave {
  -webkit-animation: modal-zoom-leave 200ms both;
          animation: modal-zoom-leave 200ms both;
}

.modal__close {
  position: absolute;
  top: 0;
  right: -3rem;
  width: 2.1rem;
  height: 2.1rem;
  cursor: pointer;
}

.modal__close::before,
.modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
  width: 100%;
  height: 1px;
  background: #FFF;
}

.modal__close::before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modal__close::after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modal_slider .modal__close {
  display: block;
  top: 2rem;
  right: 2.5rem;
  z-index: 3;
  width: 1.8rem;
  height: 1.8rem;
}

.modal_slider .modal__close::before,
.modal_slider .modal__close::after {
  background-color: #000;
}


.field-group {
  margin-bottom: 2rem;
}

.field-group > *:first-child {
  border-radius: 1rem 1rem 0 0;
}

.field-group > *:last-child {
  border-radius: 0 0 1rem 1rem;
}

.field-group > *:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.field-group > *:not(:first-child) {
  margin-top: -1px;
}

.field-group > *:not(:last-child) .notification__content_position_bottomLeftSticky {
  border-radius: 0;
}


/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
  border-bottom: none;
  /* 1 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 2 */
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 20px;
  /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  display: table;
  /* 1 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 3 */
  max-width: 100%;
  /* 1 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  outline-offset: -2px;
  /* 2 */
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  font: inherit;
  /* 2 */
  -webkit-appearance: button;
  /* 1 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: "Geometria";
  font-weight: 400;
  font-style: normal;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Regular.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Regular.woff") format("woff");
}

@font-face {
  font-family: "Geometria";
  font-weight: 700;
  font-style: normal;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Bold.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Bold.woff") format("woff");
}

@font-face {
  font-family: "Crypto-Icon";
  font-weight: 700;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoBold.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoBold.woff") format("woff");
}

@font-face {
  font-family: "Crypto-Icon";
  font-weight: 400;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoRegular.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoRegular.woff") format("woff");
}

.crypto-icon {
  font-family: "Crypto-Icon";
  font-style: normal;
}

.crypto-icon__BTC::before {
  content: "B";
}

.crypto-icon__ETH::before {
  content: "E";
}

.crypto-icon__UTT::before {
  content: "U";
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -44px 0 0 -44px;
  width: 88px;
  height: 88px;
}

.spinner::before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.spinner::before,
.spinner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 88px;
  height: 88px;
  border: 2px solid #000;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation-name: intervalLoadingAnimation;
          animation-name: intervalLoadingAnimation;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@-webkit-keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@-webkit-keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.scrollarea .scrollbar-container {
  z-index: 2 !important;
  opacity: 0.2 !important;
}

.scrollarea .scrollbar-container:hover {
  background-color: transparent !important;
  opacity: 0.4 !important;
}

.scrollarea .scrollbar-container.active {
  opacity: 0.6 !important;
}

.scrollarea .scrollbar-container.vertical .scrollbar {
  background: #c4cdd4 !important;
  cursor: pointer;
}

.rc-tooltip {
  position: absolute;
  z-index: 202;
  display: block;
  font-size: 15px;
  line-height: 20px;
  visibility: visible;
  opacity: 1;
}

.rc-tooltip-hidden {
  display: none;
}

.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px;
}

.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}

.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px;
}

.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}

.rc-tooltip-inner {
  min-height: 34px;
  color: #000;
  text-align: left;
  text-decoration: none;
  background-color: #FFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.rc-tooltip-zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  -webkit-animation-name: rcToolTipZoomIn;
          animation-name: rcToolTipZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  -webkit-animation-name: rcToolTipZoomOut;
          animation-name: rcToolTipZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes rcToolTipZoomIn {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 1;
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 1;
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
}

.rc-tooltip p {
  max-width: 285px;
}

.rc-tooltip__table thead tr th {
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  color: #999;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.rc-tooltip__table thead tr th:not(:last-child) {
  padding-right: 12px;
}

.rc-tooltip__table tbody tr td {
  padding: 1px 3px;
}

.rc-tooltip__table tbody tr td:first-child {
  padding-left: 0;
}

.rc-tooltip__table tbody tr td:last-child {
  padding-right: 0;
}

.rc-tooltip__table tbody tr:first-child td {
  padding-top: 10px;
}

.rc-tooltip__table tbody tr.active td {
  color: #000;
}

.rc-tooltip__table tbody tr.active td .risk {
  opacity: 1;
}

.rc-tooltip__content {
  margin-top: 40px;
}

.rc-overlay {
  padding: 12px 30px;
  width: auto;
  height: auto;
  border: none;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.rc-overlay_flex {
  display: -ms-flexbox;
  display: flex;
}

.rc-overlay__item_switch {
  position: relative;
  padding-left: 40px;
}

.rc-overlay__item_switch .rc-switch {
  position: absolute;
  top: 5px;
  left: 0;
}

.rc-overlay__item_left p {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 170px;
}

.idea-list {
  width: 100%;
  font-size: 15px;
  line-height: 20px;
}

.idea-list::after {
  content: "";
  display: table;
  clear: both;
}

.idea-list__title {
  display: inline-block;
  float: left;
  padding-right: 2rem;
}

.idea-list__body {
  display: inline-block;
  float: right;
  text-align: right;
}

.idea-list__line {
  display: block;
  clear: both;
  margin: 10px 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.rc-tooltip_alert .rc-overlay {
  color: #D32F2F;
  background-color: #F9EDED;
  border: 1px solid #F1D4D4;
}

.rc-tooltip_info .rc-overlay {
  color: #000;
  background-color: #F7F5F2;
  border: 1px solid #DDDCD9;
}

.rc-tooltip .rc-overlay {
  position: relative;
}

.rc-tooltip .rc-overlay::before,
.rc-tooltip .rc-overlay::after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
}

.rc-tooltip-placement-bottom .rc-overlay::before,
.rc-tooltip-placement-bottom .rc-overlay::after {
  bottom: 100%;
  left: 50%;
}

.rc-tooltip-placement-bottom .rc-overlay::before {
  margin-left: -11px;
  border-width: 11px;
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-bottom .rc-overlay::after {
  margin-left: -10px;
  border-width: 10px;
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #FFF;
}

.rc-tooltip-placement-bottom.rc-tooltip-content {
  background-color: #FFF;
}

.rc-tooltip-placement-bottom.rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-bottom-color: #F1D4D4;
}

.rc-tooltip-placement-bottom.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-bottom-color: #F9EDED;
}

.rc-tooltip-placement-bottom.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-bottom.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-right .rc-overlay::before,
.rc-tooltip-placement-right .rc-overlay::after {
  top: 50%;
  right: 100%;
}

.rc-tooltip-placement-right .rc-overlay::before {
  margin-top: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-right .rc-overlay::after {
  margin-top: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-right.rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-right-color: #F1D4D4;
}

.rc-tooltip-placement-right.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-right-color: #F9EDED;
}

.rc-tooltip-placement-right.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-right-color: #DDDCD9;
}

.rc-tooltip-placement-right.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-right-color: #F7F5F2;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .rc-overlay::after {
  left: 50%;
}

.rc-tooltip-placement-top .rc-overlay::before {
  bottom: -22px;
  margin-left: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-top .rc-overlay::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-top-color: #F1D4D4;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-left .rc-overlay::before,
.rc-tooltip-placement-left .rc-overlay::after {
  top: 50%;
}

.rc-tooltip-placement-left .rc-overlay::before {
  right: -22px;
  margin-top: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-left .rc-overlay::after {
  right: -20px;
  bottom: -20px;
  margin-top: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-left .rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-left-color: #F1D4D4;
}

.rc-tooltip-placement-left .rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-left-color: #F9EDED;
}

.rc-tooltip-placement-left .rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-left .rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .rc-overlay::after {
  left: 50%;
}

.rc-tooltip-placement-top .rc-overlay::before {
  bottom: -21px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top .rc-overlay::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top.rc-tooltip .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-top-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-top.rc-tooltip .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-top-color: #FFF;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-topRight .rc-tooltip-inner {
  margin-right: -35px;
}

.rc-tooltip-placement-topRight.idea__close .rc-tooltip-inner {
  margin-right: -10px;
}

.rc-tooltip-placement-topRight.idea__close .rc-overlay::before,
.rc-tooltip-placement-topRight.idea__close .rc-overlay::after {
  right: 8px;
}

.rc-tooltip-placement-topRight.idea__cardtooltip .rc-tooltip-inner {
  position: relative;
  top: 14px;
  margin-right: -10px;
}

.rc-tooltip-placement-topRight.idea__cardtooltip .rc-overlay::before,
.rc-tooltip-placement-topRight.idea__cardtooltip .rc-overlay::after {
  right: 19px;
}

.rc-tooltip-placement-topRight .rc-overlay::before,
.rc-tooltip-placement-topRight .rc-overlay::after {
  right: 31px;
}

.rc-tooltip-placement-topRight .rc-overlay::before {
  bottom: -21px;
  margin-left: -11px;
  border-width: 10px;
}

.rc-tooltip-placement-topRight .rc-overlay::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-topRight.rc-tooltip .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-top-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-topRight.rc-tooltip .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-top-color: #FFF;
}

.rc-tooltip-placement-topRight.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-topRight.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-topRight.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-inner {
  margin-right: -35px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::before,
.rc-tooltip-placement-bottomRight .rc-overlay::after {
  right: 33px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::before {
  top: -21px;
  margin-left: -11px;
  border-width: 10px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::after {
  top: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-bottomRight.rc-tooltip .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-bottomRight.rc-tooltip .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #FFF;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-bottom-color: #F9EDED;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip_success .rc-tooltip-inner {
  color: #90AF6B;
  background-color: #EDF4E5;
}

.rc-tooltip_success.rc-tooltip-placement-top .rc-overlay::before {
  border-color: transparent;
  border-top-color: #D5D5D5;
}

.rc-tooltip_success.rc-tooltip-placement-top .rc-overlay::after {
  border-color: transparent;
  border-top-color: #EDF4E5;
}

.rc-tooltip_success.rc-tooltip-placement-bottom .rc-overlay::before {
  border-color: transparent;
  border-bottom-color: #D5D5D5;
}

.rc-tooltip_success.rc-tooltip-placement-bottom .rc-overlay::after {
  border-color: transparent;
  border-bottom-color: #EDF4E5;
}

.col {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  max-width: 100%;
}

.col_no-gutters {
  padding: 0;
}

.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.grid_container {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.grid_no-gutters {
  padding: 0;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

.row_no-gutters {
  margin: 0;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.row--xsmall-top {
  -ms-flex-align: start;
      align-items: flex-start;
}

.row--xsmall-center {
  -ms-flex-align: center;
      align-items: center;
}

.row--xsmall-bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}

.col--xsmall-align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.col--xsmall-align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.col--xsmall-align-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.col--xsmall-first {
  -ms-flex-order: -1;
      order: -1;
}

.col--xsmall-last {
  -ms-flex-order: 1;
      order: 1;
}

.col--xsmall-reset {
  -ms-flex-order: 0;
      order: 0;
}

.row--xsmall-reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.col--xsmall-flex {
  display: -ms-flexbox;
  display: flex;
}

.text--xsmall-right {
  text-align: right;
}

.text--xsmall-left {
  text-align: left;
}

.text--xsmall-center {
  text-align: center;
}

.col__xsmall {
  /* stylelint-disable-line */
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 0;
  max-width: 100%;
}

.col__xsmall_1 {
  -ms-flex: none;
      flex: none;
  width: 4.16667%;
}

.col__xsmall_2 {
  -ms-flex: none;
      flex: none;
  width: 8.33333%;
}

.col__xsmall_3 {
  -ms-flex: none;
      flex: none;
  width: 12.5%;
}

.col__xsmall_4 {
  -ms-flex: none;
      flex: none;
  width: 16.66667%;
}

.col__xsmall_5 {
  -ms-flex: none;
      flex: none;
  width: 20.83333%;
}

.col__xsmall_6 {
  -ms-flex: none;
      flex: none;
  width: 25%;
}

.col__xsmall_7 {
  -ms-flex: none;
      flex: none;
  width: 29.16667%;
}

.col__xsmall_8 {
  -ms-flex: none;
      flex: none;
  width: 33.33333%;
}

.col__xsmall_9 {
  -ms-flex: none;
      flex: none;
  width: 37.5%;
}

.col__xsmall_10 {
  -ms-flex: none;
      flex: none;
  width: 41.66667%;
}

.col__xsmall_11 {
  -ms-flex: none;
      flex: none;
  width: 45.83333%;
}

.col__xsmall_12 {
  -ms-flex: none;
      flex: none;
  width: 50%;
}

.col__xsmall_13 {
  -ms-flex: none;
      flex: none;
  width: 54.16667%;
}

.col__xsmall_14 {
  -ms-flex: none;
      flex: none;
  width: 58.33333%;
}

.col__xsmall_15 {
  -ms-flex: none;
      flex: none;
  width: 62.5%;
}

.col__xsmall_16 {
  -ms-flex: none;
      flex: none;
  width: 66.66667%;
}

.col__xsmall_17 {
  -ms-flex: none;
      flex: none;
  width: 70.83333%;
}

.col__xsmall_18 {
  -ms-flex: none;
      flex: none;
  width: 75%;
}

.col__xsmall_19 {
  -ms-flex: none;
      flex: none;
  width: 79.16667%;
}

.col__xsmall_20 {
  -ms-flex: none;
      flex: none;
  width: 83.33333%;
}

.col__xsmall_21 {
  -ms-flex: none;
      flex: none;
  width: 87.5%;
}

.col__xsmall_22 {
  -ms-flex: none;
      flex: none;
  width: 91.66667%;
}

.col__xsmall_23 {
  -ms-flex: none;
      flex: none;
  width: 95.83333%;
}

.col__xsmall_24 {
  -ms-flex: none;
      flex: none;
  width: 100%;
}

.col__xsmall-offset-1 {
  margin-left: 4.16667%;
}

.col__xsmall-offset-2 {
  margin-left: 8.33333%;
}

.col__xsmall-offset-3 {
  margin-left: 12.5%;
}

.col__xsmall-offset-4 {
  margin-left: 16.66667%;
}

.col__xsmall-offset-5 {
  margin-left: 20.83333%;
}

.col__xsmall-offset-6 {
  margin-left: 25%;
}

.col__xsmall-offset-7 {
  margin-left: 29.16667%;
}

.col__xsmall-offset-8 {
  margin-left: 33.33333%;
}

.col__xsmall-offset-9 {
  margin-left: 37.5%;
}

.col__xsmall-offset-10 {
  margin-left: 41.66667%;
}

.col__xsmall-offset-11 {
  margin-left: 45.83333%;
}

.col__xsmall-offset-12 {
  margin-left: 50%;
}

.col__xsmall-offset-13 {
  margin-left: 54.16667%;
}

.col__xsmall-offset-14 {
  margin-left: 58.33333%;
}

.col__xsmall-offset-15 {
  margin-left: 62.5%;
}

.col__xsmall-offset-16 {
  margin-left: 66.66667%;
}

.col__xsmall-offset-17 {
  margin-left: 70.83333%;
}

.col__xsmall-offset-18 {
  margin-left: 75%;
}

.col__xsmall-offset-19 {
  margin-left: 79.16667%;
}

.col__xsmall-offset-20 {
  margin-left: 83.33333%;
}

.col__xsmall-offset-21 {
  margin-left: 87.5%;
}

.col__xsmall-offset-22 {
  margin-left: 91.66667%;
}

.col__xsmall-offset-23 {
  margin-left: 95.83333%;
}

.col__xsmall-offset-24 {
  margin-left: 100%;
}

@media (min-width: 544px) {
  .row--small-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--small-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--small-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--small-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--small-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--small-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--small-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--small-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--small-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--small-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--small-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--small-right {
    text-align: right;
  }

  .text--small-left {
    text-align: left;
  }

  .text--small-center {
    text-align: center;
  }

  .col__small {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__small_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__small_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__small_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__small_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__small_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__small_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__small_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__small_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__small_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__small_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__small_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__small_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__small_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__small_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__small_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__small_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__small_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__small_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__small_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__small_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__small_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__small_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__small_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__small_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__small-offset-1 {
    margin-left: 4.16667%;
  }

  .col__small-offset-2 {
    margin-left: 8.33333%;
  }

  .col__small-offset-3 {
    margin-left: 12.5%;
  }

  .col__small-offset-4 {
    margin-left: 16.66667%;
  }

  .col__small-offset-5 {
    margin-left: 20.83333%;
  }

  .col__small-offset-6 {
    margin-left: 25%;
  }

  .col__small-offset-7 {
    margin-left: 29.16667%;
  }

  .col__small-offset-8 {
    margin-left: 33.33333%;
  }

  .col__small-offset-9 {
    margin-left: 37.5%;
  }

  .col__small-offset-10 {
    margin-left: 41.66667%;
  }

  .col__small-offset-11 {
    margin-left: 45.83333%;
  }

  .col__small-offset-12 {
    margin-left: 50%;
  }

  .col__small-offset-13 {
    margin-left: 54.16667%;
  }

  .col__small-offset-14 {
    margin-left: 58.33333%;
  }

  .col__small-offset-15 {
    margin-left: 62.5%;
  }

  .col__small-offset-16 {
    margin-left: 66.66667%;
  }

  .col__small-offset-17 {
    margin-left: 70.83333%;
  }

  .col__small-offset-18 {
    margin-left: 75%;
  }

  .col__small-offset-19 {
    margin-left: 79.16667%;
  }

  .col__small-offset-20 {
    margin-left: 83.33333%;
  }

  .col__small-offset-21 {
    margin-left: 87.5%;
  }

  .col__small-offset-22 {
    margin-left: 91.66667%;
  }

  .col__small-offset-23 {
    margin-left: 95.83333%;
  }

  .col__small-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 768px) {
  .row--medium-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--medium-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--medium-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--medium-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--medium-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--medium-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--medium-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--medium-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--medium-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--medium-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--medium-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--medium-right {
    text-align: right;
  }

  .text--medium-left {
    text-align: left;
  }

  .text--medium-center {
    text-align: center;
  }

  .col__medium {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__medium_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__medium_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__medium_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__medium_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__medium_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__medium_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__medium_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__medium_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__medium_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__medium_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__medium_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__medium_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__medium_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__medium_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__medium_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__medium_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__medium_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__medium_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__medium_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__medium_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__medium_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__medium_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__medium_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__medium_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__medium-offset-1 {
    margin-left: 4.16667%;
  }

  .col__medium-offset-2 {
    margin-left: 8.33333%;
  }

  .col__medium-offset-3 {
    margin-left: 12.5%;
  }

  .col__medium-offset-4 {
    margin-left: 16.66667%;
  }

  .col__medium-offset-5 {
    margin-left: 20.83333%;
  }

  .col__medium-offset-6 {
    margin-left: 25%;
  }

  .col__medium-offset-7 {
    margin-left: 29.16667%;
  }

  .col__medium-offset-8 {
    margin-left: 33.33333%;
  }

  .col__medium-offset-9 {
    margin-left: 37.5%;
  }

  .col__medium-offset-10 {
    margin-left: 41.66667%;
  }

  .col__medium-offset-11 {
    margin-left: 45.83333%;
  }

  .col__medium-offset-12 {
    margin-left: 50%;
  }

  .col__medium-offset-13 {
    margin-left: 54.16667%;
  }

  .col__medium-offset-14 {
    margin-left: 58.33333%;
  }

  .col__medium-offset-15 {
    margin-left: 62.5%;
  }

  .col__medium-offset-16 {
    margin-left: 66.66667%;
  }

  .col__medium-offset-17 {
    margin-left: 70.83333%;
  }

  .col__medium-offset-18 {
    margin-left: 75%;
  }

  .col__medium-offset-19 {
    margin-left: 79.16667%;
  }

  .col__medium-offset-20 {
    margin-left: 83.33333%;
  }

  .col__medium-offset-21 {
    margin-left: 87.5%;
  }

  .col__medium-offset-22 {
    margin-left: 91.66667%;
  }

  .col__medium-offset-23 {
    margin-left: 95.83333%;
  }

  .col__medium-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .row--large-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--large-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--large-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--large-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--large-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--large-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--large-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--large-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--large-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--large-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--large-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--large-right {
    text-align: right;
  }

  .text--large-left {
    text-align: left;
  }

  .text--large-center {
    text-align: center;
  }

  .col__large {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__large_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__large_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__large_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__large_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__large_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__large_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__large_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__large_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__large_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__large_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__large_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__large_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__large_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__large_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__large_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__large_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__large_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__large_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__large_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__large_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__large_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__large_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__large_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__large_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__large-offset-1 {
    margin-left: 4.16667%;
  }

  .col__large-offset-2 {
    margin-left: 8.33333%;
  }

  .col__large-offset-3 {
    margin-left: 12.5%;
  }

  .col__large-offset-4 {
    margin-left: 16.66667%;
  }

  .col__large-offset-5 {
    margin-left: 20.83333%;
  }

  .col__large-offset-6 {
    margin-left: 25%;
  }

  .col__large-offset-7 {
    margin-left: 29.16667%;
  }

  .col__large-offset-8 {
    margin-left: 33.33333%;
  }

  .col__large-offset-9 {
    margin-left: 37.5%;
  }

  .col__large-offset-10 {
    margin-left: 41.66667%;
  }

  .col__large-offset-11 {
    margin-left: 45.83333%;
  }

  .col__large-offset-12 {
    margin-left: 50%;
  }

  .col__large-offset-13 {
    margin-left: 54.16667%;
  }

  .col__large-offset-14 {
    margin-left: 58.33333%;
  }

  .col__large-offset-15 {
    margin-left: 62.5%;
  }

  .col__large-offset-16 {
    margin-left: 66.66667%;
  }

  .col__large-offset-17 {
    margin-left: 70.83333%;
  }

  .col__large-offset-18 {
    margin-left: 75%;
  }

  .col__large-offset-19 {
    margin-left: 79.16667%;
  }

  .col__large-offset-20 {
    margin-left: 83.33333%;
  }

  .col__large-offset-21 {
    margin-left: 87.5%;
  }

  .col__large-offset-22 {
    margin-left: 91.66667%;
  }

  .col__large-offset-23 {
    margin-left: 95.83333%;
  }

  .col__large-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .row--xlarge-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--xlarge-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--xlarge-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--xlarge-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--xlarge-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--xlarge-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--xlarge-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--xlarge-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--xlarge-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--xlarge-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--xlarge-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--xlarge-right {
    text-align: right;
  }

  .text--xlarge-left {
    text-align: left;
  }

  .text--xlarge-center {
    text-align: center;
  }

  .col__xlarge {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__xlarge_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__xlarge_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__xlarge_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__xlarge_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__xlarge_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__xlarge_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__xlarge_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__xlarge_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__xlarge_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__xlarge_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__xlarge_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__xlarge_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__xlarge_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__xlarge_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__xlarge_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__xlarge_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__xlarge_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__xlarge_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__xlarge_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__xlarge_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__xlarge_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__xlarge_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__xlarge_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__xlarge_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__xlarge-offset-1 {
    margin-left: 4.16667%;
  }

  .col__xlarge-offset-2 {
    margin-left: 8.33333%;
  }

  .col__xlarge-offset-3 {
    margin-left: 12.5%;
  }

  .col__xlarge-offset-4 {
    margin-left: 16.66667%;
  }

  .col__xlarge-offset-5 {
    margin-left: 20.83333%;
  }

  .col__xlarge-offset-6 {
    margin-left: 25%;
  }

  .col__xlarge-offset-7 {
    margin-left: 29.16667%;
  }

  .col__xlarge-offset-8 {
    margin-left: 33.33333%;
  }

  .col__xlarge-offset-9 {
    margin-left: 37.5%;
  }

  .col__xlarge-offset-10 {
    margin-left: 41.66667%;
  }

  .col__xlarge-offset-11 {
    margin-left: 45.83333%;
  }

  .col__xlarge-offset-12 {
    margin-left: 50%;
  }

  .col__xlarge-offset-13 {
    margin-left: 54.16667%;
  }

  .col__xlarge-offset-14 {
    margin-left: 58.33333%;
  }

  .col__xlarge-offset-15 {
    margin-left: 62.5%;
  }

  .col__xlarge-offset-16 {
    margin-left: 66.66667%;
  }

  .col__xlarge-offset-17 {
    margin-left: 70.83333%;
  }

  .col__xlarge-offset-18 {
    margin-left: 75%;
  }

  .col__xlarge-offset-19 {
    margin-left: 79.16667%;
  }

  .col__xlarge-offset-20 {
    margin-left: 83.33333%;
  }

  .col__xlarge-offset-21 {
    margin-left: 87.5%;
  }

  .col__xlarge-offset-22 {
    margin-left: 91.66667%;
  }

  .col__xlarge-offset-23 {
    margin-left: 95.83333%;
  }

  .col__xlarge-offset-24 {
    margin-left: 100%;
  }
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  font-size: 10px;
  overflow-anchor: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  margin: 0;
  min-width: 1280px;
  font-family: "Geometria", sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  background: #FFF;
  font-variant-numeric: tabular-nums;
}

h2 {
  margin: 0 0 30px;
  font-size: 32px;
  line-height: 40px;
}

fieldset {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  min-width: 0;
  border: none;
}

a {
  text-decoration: none;
}

input:-webkit-autofill {
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-box-shadow: inset 0 0 0 9999px #EDF0F2;
          box-shadow: inset 0 0 0 9999px #EDF0F2;
}

.text-secondary {
  color: #999;
}

.text-secondary a {
  color: #999;
  text-decoration: underline;
}

.text-secondary-link,
.full-registration-personal-data-form__offer-link {
  color: #999;
  text-decoration: underline;
}

.static-content {
  color: green;
}

.full-registration-personal-data-form__offer-link {
  white-space: nowrap;
}


.verification-form__row {
  margin-bottom: 2rem;
}

.verification-form__btn {
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}

.verification-form__btn:disabled {
  border-bottom: none;
}

.verification-form__submit-btn {
  position: absolute;
  bottom: 100px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.password-field-eye {
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.password-field-eye:hover,
.password-field-eye:focus,
.password-field-eye:active {
  opacity: 1;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.password-field__eye {
  padding: 0.5rem;
  margin-right: 1rem;
  z-index: 3;
}


.login-and-password-form__submit-btn {
  position: absolute;
  bottom: 100px;
}



/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
  border-bottom: none;
  /* 1 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 2 */
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 20px;
  /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  display: table;
  /* 1 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 3 */
  max-width: 100%;
  /* 1 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  outline-offset: -2px;
  /* 2 */
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  font: inherit;
  /* 2 */
  -webkit-appearance: button;
  /* 1 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: "Geometria";
  font-weight: 400;
  font-style: normal;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Regular.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Regular.woff") format("woff");
}

@font-face {
  font-family: "Geometria";
  font-weight: 700;
  font-style: normal;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Bold.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Bold.woff") format("woff");
}

@font-face {
  font-family: "Crypto-Icon";
  font-weight: 700;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoBold.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoBold.woff") format("woff");
}

@font-face {
  font-family: "Crypto-Icon";
  font-weight: 400;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoRegular.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoRegular.woff") format("woff");
}

.crypto-icon {
  font-family: "Crypto-Icon";
  font-style: normal;
}

.crypto-icon__BTC::before {
  content: "B";
}

.crypto-icon__ETH::before {
  content: "E";
}

.crypto-icon__UTT::before {
  content: "U";
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.login-and-password-form__btn_primary,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.login-and-password-form__btn_primary:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.login-and-password-form__btn_primary:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.login-and-password-form__btn_primary:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.login-and-password-form__btn_primary:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.login-and-password-form__btn_primary:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.login-and-password-form__btn_primary:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.login-and-password-form__btn_primary:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.login-and-password-form__btn_primary {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.login-and-password-form__btn_primary:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.login-and-password-form__btn_primary:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.login-and-password-form__btn_primary:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.login-and-password-form__btn_primary:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -44px 0 0 -44px;
  width: 88px;
  height: 88px;
}

.spinner::before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.spinner::before,
.spinner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 88px;
  height: 88px;
  border: 2px solid #000;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation-name: intervalLoadingAnimation;
          animation-name: intervalLoadingAnimation;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@-webkit-keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@-webkit-keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.scrollarea .scrollbar-container {
  z-index: 2 !important;
  opacity: 0.2 !important;
}

.scrollarea .scrollbar-container:hover {
  background-color: transparent !important;
  opacity: 0.4 !important;
}

.scrollarea .scrollbar-container.active {
  opacity: 0.6 !important;
}

.scrollarea .scrollbar-container.vertical .scrollbar {
  background: #c4cdd4 !important;
  cursor: pointer;
}

.rc-tooltip {
  position: absolute;
  z-index: 202;
  display: block;
  font-size: 15px;
  line-height: 20px;
  visibility: visible;
  opacity: 1;
}

.rc-tooltip-hidden {
  display: none;
}

.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px;
}

.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}

.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px;
}

.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}

.rc-tooltip-inner {
  min-height: 34px;
  color: #000;
  text-align: left;
  text-decoration: none;
  background-color: #FFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.rc-tooltip-zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  -webkit-animation-name: rcToolTipZoomIn;
          animation-name: rcToolTipZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  -webkit-animation-name: rcToolTipZoomOut;
          animation-name: rcToolTipZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes rcToolTipZoomIn {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 1;
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 1;
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
}

.rc-tooltip p {
  max-width: 285px;
}

.rc-tooltip__table thead tr th {
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  color: #999;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.rc-tooltip__table thead tr th:not(:last-child) {
  padding-right: 12px;
}

.rc-tooltip__table tbody tr td {
  padding: 1px 3px;
}

.rc-tooltip__table tbody tr td:first-child {
  padding-left: 0;
}

.rc-tooltip__table tbody tr td:last-child {
  padding-right: 0;
}

.rc-tooltip__table tbody tr:first-child td {
  padding-top: 10px;
}

.rc-tooltip__table tbody tr.active td {
  color: #000;
}

.rc-tooltip__table tbody tr.active td .risk {
  opacity: 1;
}

.rc-tooltip__content {
  margin-top: 40px;
}

.rc-overlay {
  padding: 12px 30px;
  width: auto;
  height: auto;
  border: none;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.rc-overlay_flex {
  display: -ms-flexbox;
  display: flex;
}

.rc-overlay__item_switch {
  position: relative;
  padding-left: 40px;
}

.rc-overlay__item_switch .rc-switch {
  position: absolute;
  top: 5px;
  left: 0;
}

.rc-overlay__item_left p {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 170px;
}

.idea-list {
  width: 100%;
  font-size: 15px;
  line-height: 20px;
}

.idea-list::after {
  content: "";
  display: table;
  clear: both;
}

.idea-list__title {
  display: inline-block;
  float: left;
  padding-right: 2rem;
}

.idea-list__body {
  display: inline-block;
  float: right;
  text-align: right;
}

.idea-list__line {
  display: block;
  clear: both;
  margin: 10px 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.rc-tooltip_alert .rc-overlay {
  color: #D32F2F;
  background-color: #F9EDED;
  border: 1px solid #F1D4D4;
}

.rc-tooltip_info .rc-overlay {
  color: #000;
  background-color: #F7F5F2;
  border: 1px solid #DDDCD9;
}

.rc-tooltip .rc-overlay {
  position: relative;
}

.rc-tooltip .rc-overlay::before,
.rc-tooltip .rc-overlay::after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
}

.rc-tooltip-placement-bottom .rc-overlay::before,
.rc-tooltip-placement-bottom .rc-overlay::after {
  bottom: 100%;
  left: 50%;
}

.rc-tooltip-placement-bottom .rc-overlay::before {
  margin-left: -11px;
  border-width: 11px;
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-bottom .rc-overlay::after {
  margin-left: -10px;
  border-width: 10px;
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #FFF;
}

.rc-tooltip-placement-bottom.rc-tooltip-content {
  background-color: #FFF;
}

.rc-tooltip-placement-bottom.rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-bottom-color: #F1D4D4;
}

.rc-tooltip-placement-bottom.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-bottom-color: #F9EDED;
}

.rc-tooltip-placement-bottom.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-bottom.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-right .rc-overlay::before,
.rc-tooltip-placement-right .rc-overlay::after {
  top: 50%;
  right: 100%;
}

.rc-tooltip-placement-right .rc-overlay::before {
  margin-top: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-right .rc-overlay::after {
  margin-top: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-right.rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-right-color: #F1D4D4;
}

.rc-tooltip-placement-right.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-right-color: #F9EDED;
}

.rc-tooltip-placement-right.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-right-color: #DDDCD9;
}

.rc-tooltip-placement-right.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-right-color: #F7F5F2;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .rc-overlay::after {
  left: 50%;
}

.rc-tooltip-placement-top .rc-overlay::before {
  bottom: -22px;
  margin-left: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-top .rc-overlay::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-top-color: #F1D4D4;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-left .rc-overlay::before,
.rc-tooltip-placement-left .rc-overlay::after {
  top: 50%;
}

.rc-tooltip-placement-left .rc-overlay::before {
  right: -22px;
  margin-top: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-left .rc-overlay::after {
  right: -20px;
  bottom: -20px;
  margin-top: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-left .rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-left-color: #F1D4D4;
}

.rc-tooltip-placement-left .rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-left-color: #F9EDED;
}

.rc-tooltip-placement-left .rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-left .rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .rc-overlay::after {
  left: 50%;
}

.rc-tooltip-placement-top .rc-overlay::before {
  bottom: -21px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top .rc-overlay::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top.rc-tooltip .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-top-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-top.rc-tooltip .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-top-color: #FFF;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-topRight .rc-tooltip-inner {
  margin-right: -35px;
}

.rc-tooltip-placement-topRight.idea__close .rc-tooltip-inner {
  margin-right: -10px;
}

.rc-tooltip-placement-topRight.idea__close .rc-overlay::before,
.rc-tooltip-placement-topRight.idea__close .rc-overlay::after {
  right: 8px;
}

.rc-tooltip-placement-topRight.idea__cardtooltip .rc-tooltip-inner {
  position: relative;
  top: 14px;
  margin-right: -10px;
}

.rc-tooltip-placement-topRight.idea__cardtooltip .rc-overlay::before,
.rc-tooltip-placement-topRight.idea__cardtooltip .rc-overlay::after {
  right: 19px;
}

.rc-tooltip-placement-topRight .rc-overlay::before,
.rc-tooltip-placement-topRight .rc-overlay::after {
  right: 31px;
}

.rc-tooltip-placement-topRight .rc-overlay::before {
  bottom: -21px;
  margin-left: -11px;
  border-width: 10px;
}

.rc-tooltip-placement-topRight .rc-overlay::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-topRight.rc-tooltip .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-top-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-topRight.rc-tooltip .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-top-color: #FFF;
}

.rc-tooltip-placement-topRight.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-topRight.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-topRight.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-inner {
  margin-right: -35px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::before,
.rc-tooltip-placement-bottomRight .rc-overlay::after {
  right: 33px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::before {
  top: -21px;
  margin-left: -11px;
  border-width: 10px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::after {
  top: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-bottomRight.rc-tooltip .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-bottomRight.rc-tooltip .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #FFF;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-bottom-color: #F9EDED;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip_success .rc-tooltip-inner {
  color: #90AF6B;
  background-color: #EDF4E5;
}

.rc-tooltip_success.rc-tooltip-placement-top .rc-overlay::before {
  border-color: transparent;
  border-top-color: #D5D5D5;
}

.rc-tooltip_success.rc-tooltip-placement-top .rc-overlay::after {
  border-color: transparent;
  border-top-color: #EDF4E5;
}

.rc-tooltip_success.rc-tooltip-placement-bottom .rc-overlay::before {
  border-color: transparent;
  border-bottom-color: #D5D5D5;
}

.rc-tooltip_success.rc-tooltip-placement-bottom .rc-overlay::after {
  border-color: transparent;
  border-bottom-color: #EDF4E5;
}

.col {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  max-width: 100%;
}

.col_no-gutters {
  padding: 0;
}

.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.grid_container {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.grid_no-gutters {
  padding: 0;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

.row_no-gutters {
  margin: 0;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.row--xsmall-top {
  -ms-flex-align: start;
      align-items: flex-start;
}

.row--xsmall-center {
  -ms-flex-align: center;
      align-items: center;
}

.row--xsmall-bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}

.col--xsmall-align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.col--xsmall-align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.col--xsmall-align-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.col--xsmall-first {
  -ms-flex-order: -1;
      order: -1;
}

.col--xsmall-last {
  -ms-flex-order: 1;
      order: 1;
}

.col--xsmall-reset {
  -ms-flex-order: 0;
      order: 0;
}

.row--xsmall-reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.col--xsmall-flex {
  display: -ms-flexbox;
  display: flex;
}

.text--xsmall-right {
  text-align: right;
}

.text--xsmall-left {
  text-align: left;
}

.text--xsmall-center {
  text-align: center;
}

.col__xsmall {
  /* stylelint-disable-line */
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 0;
  max-width: 100%;
}

.col__xsmall_1 {
  -ms-flex: none;
      flex: none;
  width: 4.16667%;
}

.col__xsmall_2 {
  -ms-flex: none;
      flex: none;
  width: 8.33333%;
}

.col__xsmall_3 {
  -ms-flex: none;
      flex: none;
  width: 12.5%;
}

.col__xsmall_4 {
  -ms-flex: none;
      flex: none;
  width: 16.66667%;
}

.col__xsmall_5 {
  -ms-flex: none;
      flex: none;
  width: 20.83333%;
}

.col__xsmall_6 {
  -ms-flex: none;
      flex: none;
  width: 25%;
}

.col__xsmall_7 {
  -ms-flex: none;
      flex: none;
  width: 29.16667%;
}

.col__xsmall_8 {
  -ms-flex: none;
      flex: none;
  width: 33.33333%;
}

.col__xsmall_9 {
  -ms-flex: none;
      flex: none;
  width: 37.5%;
}

.col__xsmall_10 {
  -ms-flex: none;
      flex: none;
  width: 41.66667%;
}

.col__xsmall_11 {
  -ms-flex: none;
      flex: none;
  width: 45.83333%;
}

.col__xsmall_12 {
  -ms-flex: none;
      flex: none;
  width: 50%;
}

.col__xsmall_13 {
  -ms-flex: none;
      flex: none;
  width: 54.16667%;
}

.col__xsmall_14 {
  -ms-flex: none;
      flex: none;
  width: 58.33333%;
}

.col__xsmall_15 {
  -ms-flex: none;
      flex: none;
  width: 62.5%;
}

.col__xsmall_16 {
  -ms-flex: none;
      flex: none;
  width: 66.66667%;
}

.col__xsmall_17 {
  -ms-flex: none;
      flex: none;
  width: 70.83333%;
}

.col__xsmall_18 {
  -ms-flex: none;
      flex: none;
  width: 75%;
}

.col__xsmall_19 {
  -ms-flex: none;
      flex: none;
  width: 79.16667%;
}

.col__xsmall_20 {
  -ms-flex: none;
      flex: none;
  width: 83.33333%;
}

.col__xsmall_21 {
  -ms-flex: none;
      flex: none;
  width: 87.5%;
}

.col__xsmall_22 {
  -ms-flex: none;
      flex: none;
  width: 91.66667%;
}

.col__xsmall_23 {
  -ms-flex: none;
      flex: none;
  width: 95.83333%;
}

.col__xsmall_24 {
  -ms-flex: none;
      flex: none;
  width: 100%;
}

.col__xsmall-offset-1 {
  margin-left: 4.16667%;
}

.col__xsmall-offset-2 {
  margin-left: 8.33333%;
}

.col__xsmall-offset-3 {
  margin-left: 12.5%;
}

.col__xsmall-offset-4 {
  margin-left: 16.66667%;
}

.col__xsmall-offset-5 {
  margin-left: 20.83333%;
}

.col__xsmall-offset-6 {
  margin-left: 25%;
}

.col__xsmall-offset-7 {
  margin-left: 29.16667%;
}

.col__xsmall-offset-8 {
  margin-left: 33.33333%;
}

.col__xsmall-offset-9 {
  margin-left: 37.5%;
}

.col__xsmall-offset-10 {
  margin-left: 41.66667%;
}

.col__xsmall-offset-11 {
  margin-left: 45.83333%;
}

.col__xsmall-offset-12 {
  margin-left: 50%;
}

.col__xsmall-offset-13 {
  margin-left: 54.16667%;
}

.col__xsmall-offset-14 {
  margin-left: 58.33333%;
}

.col__xsmall-offset-15 {
  margin-left: 62.5%;
}

.col__xsmall-offset-16 {
  margin-left: 66.66667%;
}

.col__xsmall-offset-17 {
  margin-left: 70.83333%;
}

.col__xsmall-offset-18 {
  margin-left: 75%;
}

.col__xsmall-offset-19 {
  margin-left: 79.16667%;
}

.col__xsmall-offset-20 {
  margin-left: 83.33333%;
}

.col__xsmall-offset-21 {
  margin-left: 87.5%;
}

.col__xsmall-offset-22 {
  margin-left: 91.66667%;
}

.col__xsmall-offset-23 {
  margin-left: 95.83333%;
}

.col__xsmall-offset-24 {
  margin-left: 100%;
}

@media (min-width: 544px) {
  .row--small-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--small-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--small-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--small-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--small-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--small-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--small-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--small-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--small-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--small-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--small-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--small-right {
    text-align: right;
  }

  .text--small-left {
    text-align: left;
  }

  .text--small-center {
    text-align: center;
  }

  .col__small {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__small_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__small_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__small_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__small_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__small_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__small_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__small_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__small_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__small_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__small_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__small_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__small_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__small_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__small_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__small_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__small_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__small_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__small_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__small_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__small_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__small_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__small_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__small_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__small_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__small-offset-1 {
    margin-left: 4.16667%;
  }

  .col__small-offset-2 {
    margin-left: 8.33333%;
  }

  .col__small-offset-3 {
    margin-left: 12.5%;
  }

  .col__small-offset-4 {
    margin-left: 16.66667%;
  }

  .col__small-offset-5 {
    margin-left: 20.83333%;
  }

  .col__small-offset-6 {
    margin-left: 25%;
  }

  .col__small-offset-7 {
    margin-left: 29.16667%;
  }

  .col__small-offset-8 {
    margin-left: 33.33333%;
  }

  .col__small-offset-9 {
    margin-left: 37.5%;
  }

  .col__small-offset-10 {
    margin-left: 41.66667%;
  }

  .col__small-offset-11 {
    margin-left: 45.83333%;
  }

  .col__small-offset-12 {
    margin-left: 50%;
  }

  .col__small-offset-13 {
    margin-left: 54.16667%;
  }

  .col__small-offset-14 {
    margin-left: 58.33333%;
  }

  .col__small-offset-15 {
    margin-left: 62.5%;
  }

  .col__small-offset-16 {
    margin-left: 66.66667%;
  }

  .col__small-offset-17 {
    margin-left: 70.83333%;
  }

  .col__small-offset-18 {
    margin-left: 75%;
  }

  .col__small-offset-19 {
    margin-left: 79.16667%;
  }

  .col__small-offset-20 {
    margin-left: 83.33333%;
  }

  .col__small-offset-21 {
    margin-left: 87.5%;
  }

  .col__small-offset-22 {
    margin-left: 91.66667%;
  }

  .col__small-offset-23 {
    margin-left: 95.83333%;
  }

  .col__small-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 768px) {
  .row--medium-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--medium-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--medium-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--medium-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--medium-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--medium-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--medium-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--medium-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--medium-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--medium-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--medium-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--medium-right {
    text-align: right;
  }

  .text--medium-left {
    text-align: left;
  }

  .text--medium-center {
    text-align: center;
  }

  .col__medium {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__medium_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__medium_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__medium_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__medium_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__medium_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__medium_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__medium_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__medium_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__medium_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__medium_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__medium_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__medium_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__medium_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__medium_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__medium_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__medium_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__medium_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__medium_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__medium_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__medium_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__medium_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__medium_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__medium_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__medium_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__medium-offset-1 {
    margin-left: 4.16667%;
  }

  .col__medium-offset-2 {
    margin-left: 8.33333%;
  }

  .col__medium-offset-3 {
    margin-left: 12.5%;
  }

  .col__medium-offset-4 {
    margin-left: 16.66667%;
  }

  .col__medium-offset-5 {
    margin-left: 20.83333%;
  }

  .col__medium-offset-6 {
    margin-left: 25%;
  }

  .col__medium-offset-7 {
    margin-left: 29.16667%;
  }

  .col__medium-offset-8 {
    margin-left: 33.33333%;
  }

  .col__medium-offset-9 {
    margin-left: 37.5%;
  }

  .col__medium-offset-10 {
    margin-left: 41.66667%;
  }

  .col__medium-offset-11 {
    margin-left: 45.83333%;
  }

  .col__medium-offset-12 {
    margin-left: 50%;
  }

  .col__medium-offset-13 {
    margin-left: 54.16667%;
  }

  .col__medium-offset-14 {
    margin-left: 58.33333%;
  }

  .col__medium-offset-15 {
    margin-left: 62.5%;
  }

  .col__medium-offset-16 {
    margin-left: 66.66667%;
  }

  .col__medium-offset-17 {
    margin-left: 70.83333%;
  }

  .col__medium-offset-18 {
    margin-left: 75%;
  }

  .col__medium-offset-19 {
    margin-left: 79.16667%;
  }

  .col__medium-offset-20 {
    margin-left: 83.33333%;
  }

  .col__medium-offset-21 {
    margin-left: 87.5%;
  }

  .col__medium-offset-22 {
    margin-left: 91.66667%;
  }

  .col__medium-offset-23 {
    margin-left: 95.83333%;
  }

  .col__medium-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .row--large-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--large-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--large-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--large-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--large-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--large-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--large-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--large-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--large-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--large-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--large-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--large-right {
    text-align: right;
  }

  .text--large-left {
    text-align: left;
  }

  .text--large-center {
    text-align: center;
  }

  .col__large {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__large_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__large_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__large_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__large_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__large_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__large_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__large_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__large_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__large_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__large_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__large_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__large_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__large_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__large_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__large_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__large_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__large_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__large_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__large_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__large_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__large_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__large_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__large_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__large_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__large-offset-1 {
    margin-left: 4.16667%;
  }

  .col__large-offset-2 {
    margin-left: 8.33333%;
  }

  .col__large-offset-3 {
    margin-left: 12.5%;
  }

  .col__large-offset-4 {
    margin-left: 16.66667%;
  }

  .col__large-offset-5 {
    margin-left: 20.83333%;
  }

  .col__large-offset-6 {
    margin-left: 25%;
  }

  .col__large-offset-7 {
    margin-left: 29.16667%;
  }

  .col__large-offset-8 {
    margin-left: 33.33333%;
  }

  .col__large-offset-9 {
    margin-left: 37.5%;
  }

  .col__large-offset-10 {
    margin-left: 41.66667%;
  }

  .col__large-offset-11 {
    margin-left: 45.83333%;
  }

  .col__large-offset-12 {
    margin-left: 50%;
  }

  .col__large-offset-13 {
    margin-left: 54.16667%;
  }

  .col__large-offset-14 {
    margin-left: 58.33333%;
  }

  .col__large-offset-15 {
    margin-left: 62.5%;
  }

  .col__large-offset-16 {
    margin-left: 66.66667%;
  }

  .col__large-offset-17 {
    margin-left: 70.83333%;
  }

  .col__large-offset-18 {
    margin-left: 75%;
  }

  .col__large-offset-19 {
    margin-left: 79.16667%;
  }

  .col__large-offset-20 {
    margin-left: 83.33333%;
  }

  .col__large-offset-21 {
    margin-left: 87.5%;
  }

  .col__large-offset-22 {
    margin-left: 91.66667%;
  }

  .col__large-offset-23 {
    margin-left: 95.83333%;
  }

  .col__large-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .row--xlarge-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--xlarge-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--xlarge-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--xlarge-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--xlarge-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--xlarge-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--xlarge-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--xlarge-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--xlarge-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--xlarge-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--xlarge-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--xlarge-right {
    text-align: right;
  }

  .text--xlarge-left {
    text-align: left;
  }

  .text--xlarge-center {
    text-align: center;
  }

  .col__xlarge {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__xlarge_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__xlarge_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__xlarge_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__xlarge_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__xlarge_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__xlarge_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__xlarge_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__xlarge_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__xlarge_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__xlarge_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__xlarge_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__xlarge_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__xlarge_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__xlarge_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__xlarge_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__xlarge_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__xlarge_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__xlarge_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__xlarge_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__xlarge_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__xlarge_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__xlarge_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__xlarge_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__xlarge_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__xlarge-offset-1 {
    margin-left: 4.16667%;
  }

  .col__xlarge-offset-2 {
    margin-left: 8.33333%;
  }

  .col__xlarge-offset-3 {
    margin-left: 12.5%;
  }

  .col__xlarge-offset-4 {
    margin-left: 16.66667%;
  }

  .col__xlarge-offset-5 {
    margin-left: 20.83333%;
  }

  .col__xlarge-offset-6 {
    margin-left: 25%;
  }

  .col__xlarge-offset-7 {
    margin-left: 29.16667%;
  }

  .col__xlarge-offset-8 {
    margin-left: 33.33333%;
  }

  .col__xlarge-offset-9 {
    margin-left: 37.5%;
  }

  .col__xlarge-offset-10 {
    margin-left: 41.66667%;
  }

  .col__xlarge-offset-11 {
    margin-left: 45.83333%;
  }

  .col__xlarge-offset-12 {
    margin-left: 50%;
  }

  .col__xlarge-offset-13 {
    margin-left: 54.16667%;
  }

  .col__xlarge-offset-14 {
    margin-left: 58.33333%;
  }

  .col__xlarge-offset-15 {
    margin-left: 62.5%;
  }

  .col__xlarge-offset-16 {
    margin-left: 66.66667%;
  }

  .col__xlarge-offset-17 {
    margin-left: 70.83333%;
  }

  .col__xlarge-offset-18 {
    margin-left: 75%;
  }

  .col__xlarge-offset-19 {
    margin-left: 79.16667%;
  }

  .col__xlarge-offset-20 {
    margin-left: 83.33333%;
  }

  .col__xlarge-offset-21 {
    margin-left: 87.5%;
  }

  .col__xlarge-offset-22 {
    margin-left: 91.66667%;
  }

  .col__xlarge-offset-23 {
    margin-left: 95.83333%;
  }

  .col__xlarge-offset-24 {
    margin-left: 100%;
  }
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.login-and-password-form__btn_primary,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.login-and-password-form__btn_primary:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.login-and-password-form__btn_primary:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.login-and-password-form__btn_primary:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.login-and-password-form__btn_primary:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.login-and-password-form__btn_primary:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.login-and-password-form__btn_primary:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.login-and-password-form__btn_primary:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.login-and-password-form__btn_primary {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.login-and-password-form__btn_primary:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.login-and-password-form__btn_primary:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.login-and-password-form__btn_primary:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.login-and-password-form__btn_primary:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  font-size: 10px;
  overflow-anchor: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  margin: 0;
  min-width: 1280px;
  font-family: "Geometria", sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  background: #FFF;
  font-variant-numeric: tabular-nums;
}

h2 {
  margin: 0 0 30px;
  font-size: 32px;
  line-height: 40px;
}

fieldset {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  min-width: 0;
  border: none;
}

a {
  text-decoration: none;
}

input:-webkit-autofill {
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-box-shadow: inset 0 0 0 9999px #EDF0F2;
          box-shadow: inset 0 0 0 9999px #EDF0F2;
}

.text-secondary {
  color: #999;
}

.text-secondary a {
  color: #999;
  text-decoration: underline;
}

.text-secondary-link,
.login-and-password-form__offer-link {
  color: #999;
  text-decoration: underline;
}

.static-content {
  color: green;
}

.login-and-password-form__buttons {
  position: absolute;
  bottom: 100px;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0 50px;
  width: 100%;
}

.login-and-password-form__btn {
  margin-right: 1.5rem;
}

.login-and-password-form__btn_secondary {
  color: #999;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
}

.login-and-password-form__offer-link {
  white-space: nowrap;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.code-form__input-label {
  min-width: auto;
  padding-right: 1rem;
}

.code-form__buttons {
  position: absolute;
  bottom: 120px;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0 50px;
  width: 100%;
}

.code-form__btn {
  margin-right: 10px;
}

.code-form__notice {
  color: #999;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.password-reset-form__input-label {
  min-width: auto;
  padding-right: 1rem;
}

.password-reset-form__submit-btn {
  position: absolute;
  bottom: 120px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.auth-modal__section {
  margin-bottom: 80px;
}

.auth-modal__tabs {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: baseline;
      align-items: baseline;
}

.auth-modal__btn {
  display: inline;
  margin: 0 auto 0 20px;
  padding: 0;
  max-height: 40px;
  line-height: normal;
  color: #ED4040;
  vertical-align: middle;
  background: #FFF;
  border: none;
  border-color: transparent;
  border-radius: 2px;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: pointer;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.password-reset-success-modal__section {
  margin-bottom: 80px;
}

.password-reset-success-modal__section::before {
  content: "";
  display: block;
  margin-bottom: 30px;
  width: 100px;
  height: 2px;
  background: #000;
}

.password-reset-success-modal__btn {
  color: #000;
  background: #FFF;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 1rem 2rem;
  vertical-align: middle;
  border-radius: 1rem;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  position: absolute;
  bottom: 120px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.order-submit-modal-form__btn,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.order-submit-modal-form__btn:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.order-submit-modal-form__btn:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.order-submit-modal-form__btn:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.order-submit-modal-form__btn:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.order-submit-modal-form__btn:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.order-submit-modal-form__btn:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.order-submit-modal-form__btn:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.order-submit-modal-form__btn {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.order-submit-modal-form__btn:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.order-submit-modal-form__btn:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.order-submit-modal-form__btn:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.order-submit-modal-form__btn:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.order-submit-modal-form {
  margin-bottom: 80px;
}

.order-submit-modal-form__input {
  margin-bottom: 45px;
  width: 400px;
}

.order-submit-modal-form__btn {
  padding: 15px 30px;
  font-size: 22px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.order-submit-modal {
  padding: 50px 50px 0;
  width: 540px;
  height: auto;
  min-height: 387px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.order-submitted-modal {
  width: 540px;
  height: 387px;
  text-align: center;
  background-color: #EDF4E5;
}

.order-submitted-modal__image {
  display: block;
  margin: 0 auto 25px;
}

.order-submitted-modal__title {
  margin-bottom: 10px;
}

.order-submitted-modal__message {
  margin-bottom: 10px;
}

.order-submitted-modal__link {
  color: #000;
  background: #FFF;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 1rem 2rem;
  vertical-align: middle;
  border-radius: 1rem;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.first-login-modal__btn,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.first-login-modal__btn:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.first-login-modal__btn:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.first-login-modal__btn:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.first-login-modal__btn:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.first-login-modal__btn:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.first-login-modal__btn:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.first-login-modal__btn:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.first-login-modal__btn {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.first-login-modal__btn:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.first-login-modal__btn:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.first-login-modal__btn:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.first-login-modal__btn:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.first-login-modal__section:before {
  content: "";
  display: block;
  margin-bottom: 30px;
  width: 100px;
  height: 2px;
  background: #000;
}

.first-login-modal__btn {
  position: absolute;
  bottom: 60px;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.sell-submitted-modal {
  width: 750px;
  height: 498px;
  text-align: center;
  background-color: #EDF4E5;
}

.sell-submitted-modal__image {
  display: block;
  margin: 0 auto 25px;
  margin-top: 55px;
}

.sell-submitted-modal__title {
  margin-bottom: 10px;
}

.sell-submitted-modal__message {
  margin-bottom: 10px;
}

.sell-submitted-modal__btn {
  color: #000;
  background: #FFF;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 1rem 2rem;
  vertical-align: middle;
  border-radius: 1rem;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  margin-top: 20px;
}


.position-details-modal-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.position-details-modal-content__title {
  margin-bottom: 1.2rem;
  padding-left: 4rem;
  padding-top: 2.5rem;
}

.position-details-modal-content__table {
  width: 100%;
  padding: 0 4rem;
  border-spacing: 0;
}

.position-details-modal-content__table thead {
  width: 100%;
  overflow-x: auto;
  padding: 1rem 0;
  z-index: 2;
  background-color: #fff;
}

.position-details-modal-content__table thead tr {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
}

.position-details-modal-content__table thead th {
  color: rgba(0, 0, 0, 0.5);
  text-align: right;
  font-weight: normal;
  vertical-align: bottom;
  padding: 1rem 0 1rem 4rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  background-color: #fff;
  white-space: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.position-details-modal-content__table thead th:nth-child(1) {
  min-width: 77px;
  text-align: left;
  padding-left: 0;
}

.position-details-modal-content__table thead th:nth-child(2) {
  min-width: 54px;
}

.position-details-modal-content__table thead th:nth-child(3) {
  min-width: 86px;
}

.position-details-modal-content__table thead th:nth-child(4) {
  min-width: 79px;
}

.position-details-modal-content__table thead th:nth-child(5) {
  min-width: 74px;
}

.position-details-modal-content__table thead th:nth-child(6) {
  min-width: 88px;
}

.position-details-modal-content__table thead th:nth-child(7) {
  min-width: 110px;
}

.position-details-modal-content__table tbody {
  padding: 1rem 4rem 0;
  z-index: 1;
  background-color: #fff;
  position: relative;
}

.position-details-modal-content__table tbody tr:first-child {
  padding-top: 0;
}

.position-details-modal-content__table tbody tr:last-child td {
  padding-bottom: 1rem;
}

.position-details-modal-content__table tbody td {
  margin-left: 4rem;
  text-align: right;
  padding-top: 1rem;
  padding-left: 4rem;
  white-space: nowrap;
}

.position-details-modal-content__table tbody td:first-child {
  margin-left: 0;
  padding-left: 0;
}

.position-details-modal-content__table tbody td:nth-child(1) {
  text-align: left;
}

.position-details-modal-content__table tbody td:nth-child(3) {
  color: rgba(0, 0, 0, 0.5);
}

.position-details-modal-content__table tbody td:nth-child(4) {
  color: rgba(0, 0, 0, 0.5);
}

.position-details-modal-content__table tbody td:nth-child(5) {
  color: rgba(0, 0, 0, 0.5);
}

.position-details-modal-content__table tbody td:nth-child(7) {
  color: rgba(0, 0, 0, 0.5);
}

.position-details-modal-content .modal__close {
  top: 23px;
  right: 23px;
  z-index: 3;
}

.position-details-modal-content .modal__close::before,
.position-details-modal-content .modal__close::after {
  background-color: #000000;
}


.position-details-modal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 91.2rem;
  min-height: 55rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0;
}

.position-details-modal .modal__close {
  top: 2.3rem;
  right: 2.3rem;
  z-index: 3;
}

.position-details-modal .modal__close::before,
.position-details-modal .modal__close::after {
  background-color: #000000;
}


.position-details-footer {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: relative;
  bottom: 0;
  left: 0;
  background-color: #F2F4F6;
  padding: 1.5rem 4rem 2.5rem;
  max-height: 80px;
  z-index: 2;
}

.position-details-footer__inner {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.position-details-footer__title {
  color: #000000;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2rem;
  font-stretch: normal;
  max-width: 115px;
}


.position-details-footer-factoid {
  margin-left: 3rem;
}

.position-details-footer-factoid__title {
  color: rgba(0, 0, 0, 0.5);
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2rem;
  font-stretch: normal;
}


.position-details-fee__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.position-details-fee__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.position-details-fee__column:last-child {
  margin-left: 2rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.position-details-fees {
  cursor: help;
}

.position-details-fees:hover {
  color: #000000;
  -webkit-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.position-details-fees > div {
  display: inline-block;
  padding-bottom: 0.07rem;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.stock-position-details-sell__amount {
  color: #176CD4;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.success-deposit-modal {
  width: 100%;
  max-width: 43rem;
  min-height: 55rem;
  text-align: center;
  background-color: #EDF4E5;
  border-radius: 1rem;
  padding: 4rem;
  display: -ms-flexbox;
  display: flex;
}

.success-deposit-modal__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.success-deposit-modal__image {
  display: block;
  margin: 0 auto 2.5rem;
  margin-top: 5.5rem;
}

.success-deposit-modal__text {
  margin: 0;
}

.success-deposit-modal__title {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  margin: 0 1rem 1rem;
}

.success-deposit-modal__btn {
  color: #000;
  background: #FFF;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  padding: 1rem 2rem;
  vertical-align: middle;
  border-radius: 1rem;
  outline: none;
  cursor: pointer;
  -webkit-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
  margin-top: auto;
  -ms-flex-item-align: center;
      align-self: center;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-benefits {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 8rem;
}

.main-page-benefits__item {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: 3rem;
  padding: 2rem 2.5rem;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #000;
  background-color: #F1F4F7;
}

.main-page-benefits__item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 0;
  border: 4rem solid transparent;
  border-left: 2.5rem solid #F1F4F7;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
}

.main-page-benefits__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 0;
  border: 4rem solid #F1F4F7;
  border-left: 2.5rem solid #FFF;
  -webkit-transform: translateX(-2.5rem);
      -ms-transform: translateX(-2.5rem);
          transform: translateX(-2.5rem);
}

.main-page-benefits__item:last-child {
  padding-right: 2.5rem;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

.main-page-benefits__item:last-child::after {
  display: none;
}

.main-page-benefits__item:first-child {
  margin-left: 0;
  padding-left: 2.5rem;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.main-page-benefits__item:first-child::before {
  display: none;
}

.main-page-benefits__item > div {
  position: relative;
  z-index: 3;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-awards-item {
  -ms-flex: 1 1;
      flex: 1 1;
  min-height: 15rem;
  min-width: 20rem;
  position: relative;
}

.main-page-awards-item:not(:last-child) {
  margin-right: 4rem;
}

.main-page-awards-item__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-positive: 2;
      flex-grow: 2;
  width: 100%;
  min-height: 8.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-bottom: 1.2rem;
  position: relative;
  z-index: 4;
}

.main-page-awards-item__body {
  width: calc(100% + 6rem);
  position: absolute;
  top: 0;
  left: -3rem;
  z-index: 3;
  padding: 15.8rem 3rem 1.5rem;
  background-color: #fff;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  z-index: 3;
}

.main-page-awards-item__body::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 80%;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  left: 0;
  bottom: 0;
  -webkit-box-shadow: 0px 1.5rem 2rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 1.5rem 2rem rgba(0, 0, 0, 0.05);
}

.main-page-awards-item__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-transform: uppercase;
  font-size: 1.3rem;
  line-height: 2rem;
  letter-spacing: 1px;
  color: rgba(0, 0, 0, 0.4);
  max-width: 20rem;
  margin-bottom: 0.8rem;
  padding-top: 1.2rem;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 4;
}

.main-page-awards-item__details {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 2;
}

.main-page-awards-item__logo {
  height: 8.5rem;
}

.main-page-awards-item__header:hover ~ .main-page-awards-item__body,
.main-page-awards-item__title:hover ~ .main-page-awards-item__body {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-awards {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  position: relative;
  z-index: 3;
}


.icon-telegram {
  fill: rgba(0, 0, 0, 0.4);
  width: 1.9rem;
  height: 1.5rem;
}


.icon-whatsapp {
  fill: rgba(0, 0, 0, 0.4);
  width: 2.5rem;
  height: 2.5rem;
}


.icon-email {
  fill: rgba(0, 0, 0, 0.4);
  width: 2.4rem;
  height: 1.9rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.main-page-contacts__title {
  margin-bottom: 2rem;
  text-align: center;
}

.main-page-contacts__socials {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.main-page-contacts__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  color: #0657CD;
  cursor: pointer;
}

.main-page-contacts__item:not(:last-child) {
  margin-right: 3.1rem;
}

.main-page-contacts__item_whatsapp,
.main-page-contacts__item_telegram,
.main-page-contacts__item_email {
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.main-page-contacts__item_whatsapp:hover,
.main-page-contacts__item_telegram:hover,
.main-page-contacts__item_email:hover {
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.main-page-contacts__item_whatsapp:hover .main-page-contacts__item-icon,
.main-page-contacts__item_telegram:hover .main-page-contacts__item-icon,
.main-page-contacts__item_email:hover .main-page-contacts__item-icon {
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.main-page-contacts__item_telegram .main-page-contacts__item-icon {
  width: 2.9rem;
  height: 2.5rem;
}

.main-page-contacts__item_telegram:hover {
  color: #059AE5;
}

.main-page-contacts__item_telegram:hover .main-page-contacts__item-icon {
  fill: #059AE5;
}

.main-page-contacts__item_whatsapp:hover {
  color: #67AD5C;
}

.main-page-contacts__item_whatsapp:hover .main-page-contacts__item-icon {
  fill: #67AD5C;
}

.main-page-contacts__item_email:hover {
  color: #0657CD;
}

.main-page-contacts__item_email:hover .main-page-contacts__item-icon {
  fill: #0657CD;
}

.main-page-contacts__item-icon {
  margin-right: 0.6rem;
  fill: #0657CD;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-section {
  position: relative;
  padding: 4.5rem 0;
}

.main-page-section:first-child {
  padding-top: 0;
}

.main-page-section__title {
  font-size: 3.6rem;
  line-height: 4rem;
  font-weight: 700;
  color: #000;
  margin: 0 0 3rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-news-article {
  cursor: pointer;
  padding: 2.5rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.main-page-news-article:nth-last-child(-n + 3) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-page-news-article__img {
  width: auto;
  margin-bottom: 1.4rem;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 4rem;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.main-page-news-article__title {
  color: #000;
  margin-bottom: 1.8rem;
  font-size: 1.5rem;
  line-height: 2.2rem;
}

.main-page-news-article__date {
  color: #999;
  text-transform: uppercase;
}


.main-page-news {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0 7.5rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-books-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.main-page-books-item:hover .main-page-books-item__img {
  -webkit-transform: rotate3d(0, 1, 0, -20deg) scaleX(1.11) skewY(-1.8deg);
          transform: rotate3d(0, 1, 0, -20deg) scaleX(1.11) skewY(-1.8deg);
}

.main-page-books-item_color_blue:hover .main-page-books-item__title {
  color: #42A5CD;
}

.main-page-books-item_color_green:hover .main-page-books-item__title {
  color: #71A276;
}

.main-page-books-item_color_purple:hover .main-page-books-item__title {
  color: #414a90;
}

.main-page-books-item_color_red:hover .main-page-books-item__title {
  color: #c8644e;
}

.main-page-books-item_color_yellow:hover .main-page-books-item__title {
  color: #cb8d20;
}

.main-page-books-item__figure {
  position: relative;
  display: inline-block;
  margin: 0;
  margin-bottom: 1rem;
  padding: 0;
  width: 100%;
  height: 28rem;
  -webkit-perspective: 100rem;
          perspective: 100rem;
}

.main-page-books-item__figure::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -20%;
  display: block;
  width: 100%;
  height: 10%;
  background: url(/static/desktop/images/cover_shadow@2x-9784f6.jpg);
  background-size: 100% 100%;
}

.main-page-books-item__title {
  display: block;
  display: -webkit-box;
  max-height: 3.6rem;
  font-size: 1.5rem;
  line-height: 1.8rem;
  max-width: 20rem;
  margin-top: 1.5rem;
  color: #000;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.main-page-books-item__link {
  display: block;
  margin-top: 0.425rem;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: rgba(0, 0, 0, 0.4);
}

.main-page-books-item__img {
  position: relative;
  width: 15.2rem;
  height: 28rem;
  -webkit-transform-origin: 1.5rem 0;
      -ms-transform-origin: 1.5rem 0;
          transform-origin: 1.5rem 0;
  -webkit-transition: -webkit-transform 0.8s ease;
  transition: -webkit-transform 0.8s ease;
  -o-transition: transform 0.8s ease;
  transition: transform 0.8s ease;
  transition: transform 0.8s ease, -webkit-transform 0.8s ease;
}


.main-page-books {
  position: relative;
  z-index: 2;
}

.main-page-books__wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 0 4.8rem;
  margin-top: 5rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-partners-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  text-align: center;
  position: relative;
  width: 18rem;
}

.main-page-partners-item:not(:nth-child(-n + 4)) {
  margin-top: 5rem;
}

.main-page-partners-item:nth-child(-n + 4) .main-page-partners-item__name {
  color: #176CD4;
}

.main-page-partners-item_big {
  width: 25rem;
}

.main-page-partners-item_big:nth-child(-n + 3) {
  margin-right: 6.5rem;
}

.main-page-partners-item_big .main-page-partners-item__img {
  width: 25rem;
  height: 25rem;
  border-radius: 50%;
  overflow: hidden;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
  -webkit-mask-image: -webkit-linear-gradient(white, black);
          mask-image: -webkit-gradient(linear, left top, left bottom, from(white), to(black));
          mask-image: linear-gradient(white, black);
}

.main-page-partners-item_big .main-page-partners-item__img:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 0.375s ease;
  -o-transition: all 0.375s ease;
  transition: all 0.375s ease;
}

.main-page-partners-item_big .main-page-partners-item__followers {
  right: -3.5rem;
}

.main-page-partners-item_big .main-page-partners-item__position {
  max-width: 16rem;
}

.main-page-partners-item_big .main-page-partners-item__wrapper {
  cursor: pointer;
}

.main-page-partners-item__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
}

.main-page-partners-item__img {
  width: 15rem;
  height: 15rem;
  border-radius: 50%;
  overflow: hidden;
}

.main-page-partners-item__img img {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition: all 0.375s ease;
  -o-transition: all 0.375s ease;
  transition: all 0.375s ease;
}

.main-page-partners-item__name {
  font-size: 1.3rem;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  margin-top: 1rem;
  font-weight: 700;
  color: #000;
}

.main-page-partners-item__position {
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: rgba(0, 0, 0, 0.5);
  margin-top: 0.2rem;
}

.main-page-partners-item__followers {
  text-align: center;
  color: #176CD4;
  position: absolute;
  top: -1.5rem;
  right: -4.5rem;
  padding: 0.8rem 1.2rem;
  background-color: rgba(49, 134, 238, 0.15);
  -webkit-backdrop-filter: blur(1rem);
          backdrop-filter: blur(1rem);
  border-radius: 1.2rem;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.main-page-partners-item__followers:hover,
.main-page-partners-item__followers:active {
  background-color: rgba(9, 66, 135, 0.15);
  color: #0A51A8;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.main-page-partners-item__followers:hover .main-page-partners-item__followers-img,
.main-page-partners-item__followers:active .main-page-partners-item__followers-img {
  fill: #0A51A8;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.main-page-partners-item__followers-img {
  display: inline-block;
  width: 1.3rem;
  height: 1.2rem;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  fill: #176CD4;
}


@charset "UTF-8";

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-partners-slider-slide {
  width: 100%;
  height: 100%;
  padding: 4rem 6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  position: absolute;
  overflow: hidden;
  background-color: transparent;
}

.main-page-partners-slider-slide__wrapper {
  max-width: 38rem;
  max-height: 39rem;
  overflow-y: auto;
  z-index: 2;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: start;
      align-items: flex-start;
}

.main-page-partners-slider-slide__info-item {
  font-size: 1.5rem;
  line-height: 2rem;
  display: -ms-flexbox;
  display: flex;
}

.main-page-partners-slider-slide__info-item::before {
  content: '\2014';
  display: inline-block;
  margin-right: 0.6rem;
}

.main-page-partners-slider-slide__info-item:not(:first-child) {
  margin-top: 0.6rem;
}

.main-page-partners-slider-slide__img {
  max-height: 47.2rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.main-page-partners-slider-slide__name {
  font-size: 3.4rem;
  line-height: 3.8rem;
  font-weight: 700;
  color: #000;
}

.main-page-partners-slider-slide__position {
  font-size: 1.8rem;
  line-height: 2rem;
  color: #999;
  margin-top: 0.7rem;
}

.main-page-partners-slider-slide__info-list {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #000;
  margin-top: 2rem;
}

.main-page-partners-slider-slide__followers {
  margin-top: 1rem;
  text-align: center;
  color: #176CD4;
  padding: 0.8rem 1.5rem;
  background-color: rgba(49, 134, 238, 0.15);
  border-radius: 1.2rem;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  font-size: 1.5rem;
  line-height: 1.8rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}

.main-page-partners-slider-slide__followers:hover,
.main-page-partners-slider-slide__followers:active {
  background-color: rgba(9, 66, 135, 0.15);
  color: #0A51A8;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.main-page-partners-slider-slide__followers:hover .main-page-partners-slider-slide__followers-img,
.main-page-partners-slider-slide__followers:active .main-page-partners-slider-slide__followers-img {
  background: url(/static/desktop/images/follower-colored-f326a2.svg) center center no-repeat;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.main-page-partners-slider-slide__followers-img {
  display: inline-block;
  width: 1.3rem;
  height: 1.2rem;
  background: url(/static/desktop/images/follower-25cac3.svg) center center no-repeat;
  background-size: contain;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  position: relative;
  top: -0.2rem;
  margin: 0 0.5rem;
}

.main-page-partners-slider-slide_animation-in {
  z-index: 2;
  -webkit-animation: fadeIn 0.35s ease-in forwards;
          animation: fadeIn 0.35s ease-in forwards;
}

.main-page-partners-slider-slide_animation-out {
  z-index: 1;
  animation: fadeIn 0.35s ease-out reverse forwards;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-partners-slider {
  width: 100%;
  max-width: 80rem;
  padding: 0;
  min-height: auto;
  background: none;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  margin-left: 0;
  margin-right: 0;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  text-align: left;
}

.main-page-partners-slider__content {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 80rem;
  min-height: 47.2rem;
  margin: 0 1.5rem;
  position: relative;
  overflow: hidden;
  background-color: #FFF;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.main-page-partners-slider__left-arrow,
.main-page-partners-slider__right-arrow {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  mix-blend-mode: normal;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: #FFF;
  cursor: pointer;
  z-index: 6;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.main-page-partners-slider__left-arrow_disabled,
.main-page-partners-slider__right-arrow_disabled {
  opacity: 0.5;
}

.main-page-partners-slider__left-arrow {
  padding-right: 0.3rem;
}

.main-page-partners-slider__right-arrow {
  padding-left: 0.3rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-partners-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 6rem;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.main-page-partners-list__modal {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
}

.main-page-partners-list__more {
  height: 15rem;
  width: 15rem;
  background-color: #EFEFEF;
  font-size: 1.3rem;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  font-weight: 700;
  margin-top: 5rem;
  margin-right: 1.5rem;
  margin-left: 1.5rem;
}

.main-page-partners-list__more span {
  letter-spacing: 0;
  font-size: 4.6rem;
  line-height: 5rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-partners {
  width: 100%;
}

.main-page-partners__text {
  font-size: 1.5rem;
  line-height: 2.2rem;
  color: #000;
  max-width: 71rem;
}

.main-page-partners__title {
  font-size: 3.6rem;
  line-height: 4rem;
  font-weight: 700;
  color: #000;
  margin: 0 0 2rem;
}


@-webkit-keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@-webkit-keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@-webkit-keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.main-page-previews {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 4rem auto;
  min-height: 68.4rem;
}

.main-page-previews__preview {
  opacity: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transform: translateY(4rem);
      -ms-transform: translateY(4rem);
          transform: translateY(4rem);
  -webkit-animation: main-page__animation 0.65s ease-out 1.17s forwards;
          animation: main-page__animation 0.65s ease-out 1.17s forwards;
}

.main-page-previews__preview_laptop {
  -webkit-animation-delay: 1.17s;
          animation-delay: 1.17s;
}

.main-page-previews__preview_phone {
  position: absolute;
  top: 16rem;
  left: 1.4rem;
  -webkit-animation-delay: 1.56s;
          animation-delay: 1.56s;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.main-page-detailed-login-btn,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.main-page-detailed-login-btn:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.main-page-detailed-login-btn:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.main-page-detailed-login-btn:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.main-page-detailed-login-btn:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.main-page-detailed-login-btn:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.main-page-detailed-login-btn:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.main-page-detailed-login-btn:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button,
.main-page-detailed-login-btn {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover,
.main-page-detailed-login-btn:hover {
  background-color: #FF4D4D;
}

.secondary-button:active,
.main-page-detailed-login-btn:active {
  background-color: #BA2020;
}

.secondary-button:focus,
.main-page-detailed-login-btn:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus,
.main-page-detailed-login-btn:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

@-webkit-keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@-webkit-keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@-webkit-keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.main-page-detailed-login-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 2rem auto 0;
  min-width: 24rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: .01em;
  text-align: center;
  border-radius: 1rem;
  -webkit-transform: translateY(4rem);
      -ms-transform: translateY(4rem);
          transform: translateY(4rem);
  opacity: 0;
  -webkit-animation: main-page__animation .65s ease-out .78s forwards;
          animation: main-page__animation .65s ease-out .78s forwards;
  min-height: 5rem;
}

.main-page-detailed-login-btn_fixed-bottom {
  margin: 0;
  opacity: 1;
  -webkit-animation: none;
          animation: none;
  position: fixed;
  bottom: -5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.main-page-detailed-login-btn_visible {
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  bottom: 1.2rem;
  z-index: 4;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.main-page-results-tabs-content {
  height: 32.5rem;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-page-results-tabs-content__text {
  font-size: 1.5rem;
  line-height: 2rem;
}

.main-page-results-tabs-content__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.main-page-results-tabs-content__text-item {
  margin: 0;
}

.main-page-results-tabs-content__text-item:not(:first-child) {
  margin-top: 1rem;
}

.main-page-results-tabs-content__caption {
  margin-bottom: 1.2rem;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: rgba(0, 0, 0, 0.5);
  max-width: 14.2rem;
}

.main-page-results-tabs-content_type_pre-ipo .main-page-results-tabs-content__text-item {
  display: -ms-flexbox;
  display: flex;
}

.main-page-results-tabs-content_type_pre-ipo .main-page-results-tabs-content__text-item:nth-child(3),
.main-page-results-tabs-content_type_pre-ipo .main-page-results-tabs-content__text-item:nth-child(4) {
  margin-top: 0;
}

.main-page-results-tabs-content_type_pre-ipo .main-page-results-tabs-content__text-item:nth-child(3)::before,
.main-page-results-tabs-content_type_pre-ipo .main-page-results-tabs-content__text-item:nth-child(4)::before {
  content: '';
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  margin-right: 0.45rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 0.2rem;
}

.main-page-results-tabs-content_type_pre-ipo .main-page-results-tabs-content__text-item:nth-child(3)::before {
  background-color: #5894F5;
}

.main-page-results-tabs-content_type_pre-ipo .main-page-results-tabs-content__text-item:nth-child(4)::before {
  background-color: #C1C1C1;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-results-popup .modal__content {
  padding: 2.2rem 3.8rem 1.5rem;
  width: 79.6rem;
  min-height: 67rem;
  border-radius: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.15);
}

.main-page-results-popup .modal__container {
  background-color: rgba(255, 255, 255, 0.6);
}

.main-page-results-popup .rodal-dialog {
  padding: 2.2rem 3.8rem 4.5rem;
  width: 79.6rem;
  height: 67rem;
}

.main-page-results-popup .modal__close {
  display: block;
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer;
  z-index: 3;
  width: 1.8rem;
  height: 1.8rem;
}

.main-page-results-popup .modal__close::before,
.main-page-results-popup .modal__close::after {
  background-color: #000;
}

.main-page-results-popup__tab-list-inner {
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-page-results-popup__tab {
  padding-bottom: 1.1rem;
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 700;
  color: #176CD4;
  cursor: pointer;
}

.main-page-results-popup__tab:not(:last-child) {
  margin-right: 3rem;
}

.main-page-results-popup__tab_selected {
  position: relative;
  color: #000;
}

.main-page-results-popup__tab_selected::after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  height: 0.3rem;
  background-color: #000;
}

.main-page-results-popup__content.scrollarea-content {
  padding-top: 1rem;
  position: relative;
}

.main-page-results-popup__result-invest-item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.main-page-results-popup__result-invest-content-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.main-page-results-popup_result-invest-graph-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.main-page-results-popup__result-invest-graph_1 {
  width: 4.1rem;
  height: 1.3rem;
  background-color: #E78181;
}

.main-page-results-popup__result-invest-icon-wrap {
  width: 5.2rem;
}

.main-page-results-popup__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

.main-page-results-popup__row:nth-last-child(1) {
  padding-bottom: 3rem;
}

.main-page-results-popup__bar {
  margin-left: 0.8rem;
  height: 1.3rem;
  border-radius: 0 4px 4px 0;
  position: relative;
}

.main-page-results-popup__bar_loss {
  background-color: #E78181;
}

.main-page-results-popup__bar_profit {
  background-color: rgba(23, 109, 247, 0.7);
}

.main-page-results-popup__bar-decorator {
  position: absolute;
  top: -0.2rem;
  right: 1.5rem;
  height: 1.7rem;
}

.main-page-results-popup__bar-wrapper {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-align: center;
      align-items: center;
}

.main-page-results-popup__bar-text {
  font-weight: 700;
  min-width: 7rem;
  text-align: end;
  overflow: hidden;
}

.main-page-results-popup__bar-text_loss {
  color: #E78181;
}

.main-page-results-popup__bar-text_profit {
  color: rgba(23, 109, 247, 0.7);
}

.main-page-results-popup__name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  width: 19rem;
}

.main-page-results-popup__name:nth-last-child(2) {
  padding-bottom: 3rem;
}

.main-page-results-popup__name-company {
  margin-top: 0.25rem;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}

.main-page-results-popup__icon-wrap {
  display: -ms-flexbox;
  display: flex;
  margin-right: 1rem;
  min-width: 5.5rem;
}

.main-page-results-popup__content-list {
  display: grid;
  grid-gap: 0.9rem 0;
  grid-template-columns: auto 1fr;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.main-page-results-popup__text {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 1.3rem;
  padding-bottom: 1rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.main-page-results-content-graph-item {
  border-radius: 1rem 1rem 0 0;
  color: #FFF;
  position: relative;
  padding: 0.8rem 0;
  width: 9.4rem;
  min-height: 4.2rem;
  max-height: 28.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
  -ms-flex-pack: center;
      justify-content: center;
}

.main-page-results-content-graph-item_clickable {
  cursor: pointer;
}

.main-page-results-content-graph-item_small {
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: 0.8rem 1.2rem;
  background-color: #C1C1C1;
  margin-right: 0.1rem;
}

.main-page-results-content-graph-item_small:nth-child(odd) .main-page-results-content-graph-item__year {
  left: 100%;
}

.main-page-results-content-graph-item_small:nth-child(even) {
  margin-right: 1.5rem;
  background-color: rgba(23, 109, 247, 0.7);
}

.main-page-results-content-graph-item_small:nth-child(even) .main-page-results-content-graph-item__year {
  display: none;
}

.main-page-results-content-graph-item_small:last-child {
  margin-right: 0;
}

.main-page-results-content-graph-item_big {
  background-color: rgba(23, 109, 247, 0.7);
  width: 19.8rem;
  padding: 0.9rem 1.5rem;
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.main-page-results-content-graph-item_big:not(:last-child) {
  margin-right: 0.2rem;
}

.main-page-results-content-graph-item_big .main-page-results-content-graph-item__item-row {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.main-page-results-content-graph-item_big:hover {
  background-color: #176df7;
  -webkit-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.main-page-results-content-graph-item_big:hover .main-page-results-content-graph-item__year {
  color: #176df7;
  -webkit-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.main-page-results-content-graph-item_color-red {
  background-color: rgba(224, 60, 50, 0.7);
  -webkit-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.main-page-results-content-graph-item_color-red:hover {
  background-color: #e03c32;
  -webkit-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.main-page-results-content-graph-item_color-red:hover .main-page-results-content-graph-item__year {
  color: #e03c32;
  -webkit-transition: all 0.25s ease-in;
  -o-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.main-page-results-content-graph-item__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  width: 100%;
}

.main-page-results-content-graph-item__year {
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: -3.9rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.main-page-results-content-graph-item__ideas {
  font-size: 1.5rem;
  line-height: 1;
  border-bottom: 1px solid #FFF;
  margin-bottom: 0.6rem;
}

.main-page-results-content-graph-item__profit {
  font-size: 2.6rem;
  line-height: normal;
  font-weight: 700;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.main-page-results-content-graph-item__decorator {
  position: absolute;
  top: 5.8rem;
  left: 0;
  width: 100%;
}


.main-page-results-content-graph {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
  position: absolute;
  bottom: 4rem;
  right: 0;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.main-page-results-tabs {
  position: absolute;
  top: -0.4rem;
  left: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.main-page-results-tabs__tab,
.main-page-results-tabs__tab-title {
  display: inline-block;
}

.main-page-results-tabs__tab:not(:last-child) .main-page-results-tabs__tab-title {
  margin-right: 2.5rem;
}

.main-page-results-tabs__tab-input {
  display: none;
}

.main-page-results-tabs__tab-title {
  font-size: 2.4rem;
  line-height: 3rem;
  color: #176CD4;
  text-align: center;
  font-weight: 700;
  padding: 1rem 0 0.4rem;
  cursor: pointer;
  border-bottom: 3px solid transparent;
  position: relative;
  top: 1px;
}

.main-page-results-tabs__tab-content {
  position: absolute;
  left: 0;
  top: 5rem;
  width: 100%;
  display: none;
  padding-top: 3rem;
  padding-bottom: 4rem;
}

.main-page-results-tabs__tab :checked + .main-page-results-tabs__tab-title {
  color: #000;
  border-bottom: 3px solid #000;
  z-index: 1;
}

.main-page-results-tabs__tab :checked ~ .main-page-results-tabs__tab-content {
  display: block;
}


.main-page-results {
  min-height: 37rem;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

@-webkit-keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@-webkit-keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@-webkit-keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.main-page {
  position: relative;
  padding: 11rem 0 0;
  min-height: 100vh;
  background-color: #FFF;
}

.main-page__wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin: 0 auto;
  padding: 0 2.5rem 26.1rem;
  width: 125rem;
}

.main-page__title {
  margin: 1rem 0 1.5rem;
  font-size: 6rem;
  line-height: 1.04em;
  font-weight: 700;
  color: #000;
  letter-spacing: 0.01em;
  text-align: center;
  -webkit-transform: translateY(4rem);
      -ms-transform: translateY(4rem);
          transform: translateY(4rem);
  opacity: 0;
  -webkit-animation: main-page__animation 0.65s ease-out forwards;
          animation: main-page__animation 0.65s ease-out forwards;
}

.main-page__benefits {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 1rem 0;
  -webkit-transform: translateY(4rem);
      -ms-transform: translateY(4rem);
          transform: translateY(4rem);
  opacity: 0;
  -webkit-animation: main-page__animation 0.65s ease-out 0.39s forwards;
          animation: main-page__animation 0.65s ease-out 0.39s forwards;
}


:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.user-menu__avatar {
  display: block;
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  cursor: pointer;
}

.user-menu__arrow {
  display: inline-block;
  width: 10px;
  height: 8px;
  vertical-align: unset;
  background-image: url(/static/desktop/images/arrow-f6178e.svg);
  background-repeat: no-repeat;
}

.user-menu__burger {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 20px;
  height: 14px;
  background-color: transparent;
  border: 0;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  cursor: pointer;
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.user-menu__burger:hover,
.user-menu__burger:focus,
.user-menu__burger:active {
  outline: none;
}

.user-menu__burger_visible {
  z-index: 2;
}

.user-menu__burger_visible > span:nth-child(1) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.user-menu__burger_visible > span:nth-child(2) {
  width: 0;
  opacity: 0;
}

.user-menu__burger_visible > span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.user-menu__burger > span {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #000;
  -webkit-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
  opacity: 1;
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.user-menu__burger > span:nth-child(1) {
  top: -1px;
}

.user-menu__burger > span:nth-child(2) {
  top: 6px;
}

.user-menu__burger > span:nth-child(3) {
  top: 13px;
}

.user-menu__button-close {
  display: inline-block;
  margin-left: auto;
  margin-right: 23px;
  cursor: pointer;
}

.user-menu__dropdown {
  position: absolute;
  top: 0;
  right: -1.2rem;
  z-index: 3;
  display: none;
  margin: 0;
  padding-left: 0;
  width: 28rem;
  list-style: none;
  background: #FFF;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border-radius: 0 0 26px 26px;
  overflow: hidden;
  padding-top: 2.9rem;
}

.user-menu__dropdown_visible {
  display: block;
}

.user-menu__sidebar {
  position: relative;
}

.user-menu__block {
  margin-bottom: 20px;
}

.user-menu__header {
  margin: 0;
  padding: 5px 30px;
  line-height: 18px;
  font-weight: 400;
  color: #999;
  letter-spacing: 1.63px;
  text-transform: uppercase;
  border-bottom: 0;
}

.user-menu__nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.user-menu__logout {
  padding: 15px 30px 20px;
  width: 100%;
  line-height: 18px;
  color: #D32F2F;
  text-align: left;
  background: transparent;
  border: 0;
  cursor: pointer;
  outline-width: 0;
}

.user-menu__logout:hover {
  background: #F3F5F6;
}


@charset "UTF-8";

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
  border-bottom: none;
  /* 1 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  /* 2 */
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 20px;
  /* 1 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  display: table;
  /* 1 */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 3 */
  max-width: 100%;
  /* 1 */
  color: inherit;
  /* 2 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  outline-offset: -2px;
  /* 2 */
  -webkit-appearance: textfield;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  font: inherit;
  /* 2 */
  -webkit-appearance: button;
  /* 1 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face {
  font-family: "Geometria";
  font-weight: 400;
  font-style: normal;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Regular.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Regular.woff") format("woff");
}

@font-face {
  font-family: "Geometria";
  font-weight: 700;
  font-style: normal;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Bold.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-Bold.woff") format("woff");
}

@font-face {
  font-family: "Crypto-Icon";
  font-weight: 700;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoBold.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoBold.woff") format("woff");
}

@font-face {
  font-family: "Crypto-Icon";
  font-weight: 400;
  src: url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoRegular.woff2") format("woff2"), url("https://investment-s3.unitedtraders.io/static/fonts/Geometria-CryptoRegular.woff") format("woff");
}

.crypto-icon {
  font-family: "Crypto-Icon";
  font-style: normal;
}

.crypto-icon__BTC::before {
  content: "B";
}

.crypto-icon__ETH::before {
  content: "E";
}

.crypto-icon__UTT::before {
  content: "U";
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

.spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -44px 0 0 -44px;
  width: 88px;
  height: 88px;
}

.spinner::before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}

.spinner::before,
.spinner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 88px;
  height: 88px;
  border: 2px solid #000;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation-name: intervalLoadingAnimation;
          animation-name: intervalLoadingAnimation;
  -webkit-animation-duration: 1.8s;
          animation-duration: 1.8s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes intervalLoadingAnimation {
  0% {
    border-width: 10px;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
    opacity: 1;
  }

  100% {
    border-width: 2px;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@-webkit-keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@keyframes slide-left {
  0% {
    right: -30rem;
  }

  100% {
    right: 0;
  }
}

@-webkit-keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@keyframes slide-right {
  0% {
    right: 0;
  }

  100% {
    right: -30rem;
  }
}

@-webkit-keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@keyframes helloPopup {
  0% {
    bottom: -500px;
  }

  100% {
    bottom: 0;
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes main-page__animation {
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.scrollarea .scrollbar-container {
  z-index: 2 !important;
  opacity: 0.2 !important;
}

.scrollarea .scrollbar-container:hover {
  background-color: transparent !important;
  opacity: 0.4 !important;
}

.scrollarea .scrollbar-container.active {
  opacity: 0.6 !important;
}

.scrollarea .scrollbar-container.vertical .scrollbar {
  background: #c4cdd4 !important;
  cursor: pointer;
}

.rc-tooltip {
  position: absolute;
  z-index: 202;
  display: block;
  font-size: 15px;
  line-height: 20px;
  visibility: visible;
  opacity: 1;
}

.rc-tooltip-hidden {
  display: none;
}

.rc-tooltip-placement-top,
.rc-tooltip-placement-topLeft,
.rc-tooltip-placement-topRight {
  padding: 5px 0 9px;
}

.rc-tooltip-placement-right,
.rc-tooltip-placement-rightTop,
.rc-tooltip-placement-rightBottom {
  padding: 0 5px 0 9px;
}

.rc-tooltip-placement-bottom,
.rc-tooltip-placement-bottomLeft,
.rc-tooltip-placement-bottomRight {
  padding: 9px 0 5px;
}

.rc-tooltip-placement-left,
.rc-tooltip-placement-leftTop,
.rc-tooltip-placement-leftBottom {
  padding: 0 9px 0 5px;
}

.rc-tooltip-inner {
  min-height: 34px;
  color: #000;
  text-align: left;
  text-decoration: none;
  background-color: #FFF;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}

.rc-tooltip.rc-tooltip-zoom-enter,
.rc-tooltip.rc-tooltip-zoom-leave {
  display: block;
}

.rc-tooltip-zoom-enter,
.rc-tooltip-zoom-appear {
  opacity: 0;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.rc-tooltip-zoom-leave {
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
}

.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,
.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {
  -webkit-animation-name: rcToolTipZoomIn;
          animation-name: rcToolTipZoomIn;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {
  -webkit-animation-name: rcToolTipZoomOut;
          animation-name: rcToolTipZoomOut;
  -webkit-animation-play-state: running;
          animation-play-state: running;
}

@-webkit-keyframes rcToolTipZoomIn {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 1;
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    opacity: 1;
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
    opacity: 0;
  }
}

.rc-tooltip p {
  max-width: 285px;
}

.rc-tooltip__table thead tr th {
  padding: 0;
  font-size: 13px;
  line-height: 20px;
  color: #999;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.rc-tooltip__table thead tr th:not(:last-child) {
  padding-right: 12px;
}

.rc-tooltip__table tbody tr td {
  padding: 1px 3px;
}

.rc-tooltip__table tbody tr td:first-child {
  padding-left: 0;
}

.rc-tooltip__table tbody tr td:last-child {
  padding-right: 0;
}

.rc-tooltip__table tbody tr:first-child td {
  padding-top: 10px;
}

.rc-tooltip__table tbody tr.active td {
  color: #000;
}

.rc-tooltip__table tbody tr.active td .risk {
  opacity: 1;
}

.rc-tooltip__content {
  margin-top: 40px;
}

.rc-overlay {
  padding: 12px 30px;
  width: auto;
  height: auto;
  border: none;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.rc-overlay_flex {
  display: -ms-flexbox;
  display: flex;
}

.rc-overlay__item_switch {
  position: relative;
  padding-left: 40px;
}

.rc-overlay__item_switch .rc-switch {
  position: absolute;
  top: 5px;
  left: 0;
}

.rc-overlay__item_left p {
  margin-top: 0;
  margin-bottom: 0;
  max-width: 170px;
}

.idea-list {
  width: 100%;
  font-size: 15px;
  line-height: 20px;
}

.idea-list::after {
  content: "";
  display: table;
  clear: both;
}

.idea-list__title {
  display: inline-block;
  float: left;
  padding-right: 2rem;
}

.idea-list__body {
  display: inline-block;
  float: right;
  text-align: right;
}

.idea-list__line {
  display: block;
  clear: both;
  margin: 10px 0;
  padding: 0;
  height: 1px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.rc-tooltip_alert .rc-overlay {
  color: #D32F2F;
  background-color: #F9EDED;
  border: 1px solid #F1D4D4;
}

.rc-tooltip_info .rc-overlay {
  color: #000;
  background-color: #F7F5F2;
  border: 1px solid #DDDCD9;
}

.rc-tooltip .rc-overlay {
  position: relative;
}

.rc-tooltip .rc-overlay::before,
.rc-tooltip .rc-overlay::after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
}

.rc-tooltip-placement-bottom .rc-overlay::before,
.rc-tooltip-placement-bottom .rc-overlay::after {
  bottom: 100%;
  left: 50%;
}

.rc-tooltip-placement-bottom .rc-overlay::before {
  margin-left: -11px;
  border-width: 11px;
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-bottom .rc-overlay::after {
  margin-left: -10px;
  border-width: 10px;
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #FFF;
}

.rc-tooltip-placement-bottom.rc-tooltip-content {
  background-color: #FFF;
}

.rc-tooltip-placement-bottom.rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-bottom-color: #F1D4D4;
}

.rc-tooltip-placement-bottom.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-bottom-color: #F9EDED;
}

.rc-tooltip-placement-bottom.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-bottom.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-right .rc-overlay::before,
.rc-tooltip-placement-right .rc-overlay::after {
  top: 50%;
  right: 100%;
}

.rc-tooltip-placement-right .rc-overlay::before {
  margin-top: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-right .rc-overlay::after {
  margin-top: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-right.rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-right-color: #F1D4D4;
}

.rc-tooltip-placement-right.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-right-color: #F9EDED;
}

.rc-tooltip-placement-right.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-right-color: #DDDCD9;
}

.rc-tooltip-placement-right.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-right-color: #F7F5F2;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .rc-overlay::after {
  left: 50%;
}

.rc-tooltip-placement-top .rc-overlay::before {
  bottom: -22px;
  margin-left: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-top .rc-overlay::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-top-color: #F1D4D4;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-left .rc-overlay::before,
.rc-tooltip-placement-left .rc-overlay::after {
  top: 50%;
}

.rc-tooltip-placement-left .rc-overlay::before {
  right: -22px;
  margin-top: -11px;
  border-width: 11px;
}

.rc-tooltip-placement-left .rc-overlay::after {
  right: -20px;
  bottom: -20px;
  margin-top: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-left .rc-tooltip_alert .rc-overlay::before {
  border-color: rgba(241, 212, 212, 0);
  border-left-color: #F1D4D4;
}

.rc-tooltip-placement-left .rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-left-color: #F9EDED;
}

.rc-tooltip-placement-left .rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-left .rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-top .rc-overlay::before,
.rc-tooltip-placement-top .rc-overlay::after {
  left: 50%;
}

.rc-tooltip-placement-top .rc-overlay::before {
  bottom: -21px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top .rc-overlay::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-top.rc-tooltip .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-top-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-top.rc-tooltip .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-top-color: #FFF;
}

.rc-tooltip-placement-top.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-top.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-topRight .rc-tooltip-inner {
  margin-right: -35px;
}

.rc-tooltip-placement-topRight.idea__close .rc-tooltip-inner {
  margin-right: -10px;
}

.rc-tooltip-placement-topRight.idea__close .rc-overlay::before,
.rc-tooltip-placement-topRight.idea__close .rc-overlay::after {
  right: 8px;
}

.rc-tooltip-placement-topRight.idea__cardtooltip .rc-tooltip-inner {
  position: relative;
  top: 14px;
  margin-right: -10px;
}

.rc-tooltip-placement-topRight.idea__cardtooltip .rc-overlay::before,
.rc-tooltip-placement-topRight.idea__cardtooltip .rc-overlay::after {
  right: 19px;
}

.rc-tooltip-placement-topRight .rc-overlay::before,
.rc-tooltip-placement-topRight .rc-overlay::after {
  right: 31px;
}

.rc-tooltip-placement-topRight .rc-overlay::before {
  bottom: -21px;
  margin-left: -11px;
  border-width: 10px;
}

.rc-tooltip-placement-topRight .rc-overlay::after {
  bottom: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-topRight.rc-tooltip .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-top-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-topRight.rc-tooltip .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-top-color: #FFF;
}

.rc-tooltip-placement-topRight.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-top-color: #F9EDED;
}

.rc-tooltip-placement-topRight.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-topRight.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip-placement-bottomRight .rc-tooltip-inner {
  margin-right: -35px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::before,
.rc-tooltip-placement-bottomRight .rc-overlay::after {
  right: 33px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::before {
  top: -21px;
  margin-left: -11px;
  border-width: 10px;
}

.rc-tooltip-placement-bottomRight .rc-overlay::after {
  top: -20px;
  margin-left: -10px;
  border-width: 10px;
}

.rc-tooltip-placement-bottomRight.rc-tooltip .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: rgba(0, 0, 0, 0.1);
}

.rc-tooltip-placement-bottomRight.rc-tooltip .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #FFF;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_alert .rc-overlay::after {
  border-color: rgba(249, 237, 237, 0);
  border-bottom-color: #F9EDED;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_info .rc-overlay::before {
  border-color: rgba(221, 220, 217, 0);
  border-bottom-color: #DDDCD9;
}

.rc-tooltip-placement-bottomRight.rc-tooltip_info .rc-overlay::after {
  border-color: rgba(247, 245, 242, 0);
  border-bottom-color: #F7F5F2;
}

.rc-tooltip_success .rc-tooltip-inner {
  color: #90AF6B;
  background-color: #EDF4E5;
}

.rc-tooltip_success.rc-tooltip-placement-top .rc-overlay::before {
  border-color: transparent;
  border-top-color: #D5D5D5;
}

.rc-tooltip_success.rc-tooltip-placement-top .rc-overlay::after {
  border-color: transparent;
  border-top-color: #EDF4E5;
}

.rc-tooltip_success.rc-tooltip-placement-bottom .rc-overlay::before {
  border-color: transparent;
  border-bottom-color: #D5D5D5;
}

.rc-tooltip_success.rc-tooltip-placement-bottom .rc-overlay::after {
  border-color: transparent;
  border-bottom-color: #EDF4E5;
}

.col {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  max-width: 100%;
}

.col_no-gutters {
  padding: 0;
}

.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

.grid_container {
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
}

.grid_no-gutters {
  padding: 0;
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 0 1 100%;
      flex: 0 1 100%;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
  list-style: none;
}

.row_no-gutters {
  margin: 0;
}

.text_left {
  text-align: left;
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.row--xsmall-top {
  -ms-flex-align: start;
      align-items: flex-start;
}

.row--xsmall-center {
  -ms-flex-align: center;
      align-items: center;
}

.row--xsmall-bottom {
  -ms-flex-align: end;
      align-items: flex-end;
}

.col--xsmall-align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.col--xsmall-align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.col--xsmall-align-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.col--xsmall-first {
  -ms-flex-order: -1;
      order: -1;
}

.col--xsmall-last {
  -ms-flex-order: 1;
      order: 1;
}

.col--xsmall-reset {
  -ms-flex-order: 0;
      order: 0;
}

.row--xsmall-reverse {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
}

.col--xsmall-flex {
  display: -ms-flexbox;
  display: flex;
}

.text--xsmall-right {
  text-align: right;
}

.text--xsmall-left {
  text-align: left;
}

.text--xsmall-center {
  text-align: center;
}

.col__xsmall {
  /* stylelint-disable-line */
  -ms-flex-positive: 1;
      flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  padding: 0;
  max-width: 100%;
}

.col__xsmall_1 {
  -ms-flex: none;
      flex: none;
  width: 4.16667%;
}

.col__xsmall_2 {
  -ms-flex: none;
      flex: none;
  width: 8.33333%;
}

.col__xsmall_3 {
  -ms-flex: none;
      flex: none;
  width: 12.5%;
}

.col__xsmall_4 {
  -ms-flex: none;
      flex: none;
  width: 16.66667%;
}

.col__xsmall_5 {
  -ms-flex: none;
      flex: none;
  width: 20.83333%;
}

.col__xsmall_6 {
  -ms-flex: none;
      flex: none;
  width: 25%;
}

.col__xsmall_7 {
  -ms-flex: none;
      flex: none;
  width: 29.16667%;
}

.col__xsmall_8 {
  -ms-flex: none;
      flex: none;
  width: 33.33333%;
}

.col__xsmall_9 {
  -ms-flex: none;
      flex: none;
  width: 37.5%;
}

.col__xsmall_10 {
  -ms-flex: none;
      flex: none;
  width: 41.66667%;
}

.col__xsmall_11 {
  -ms-flex: none;
      flex: none;
  width: 45.83333%;
}

.col__xsmall_12 {
  -ms-flex: none;
      flex: none;
  width: 50%;
}

.col__xsmall_13 {
  -ms-flex: none;
      flex: none;
  width: 54.16667%;
}

.col__xsmall_14 {
  -ms-flex: none;
      flex: none;
  width: 58.33333%;
}

.col__xsmall_15 {
  -ms-flex: none;
      flex: none;
  width: 62.5%;
}

.col__xsmall_16 {
  -ms-flex: none;
      flex: none;
  width: 66.66667%;
}

.col__xsmall_17 {
  -ms-flex: none;
      flex: none;
  width: 70.83333%;
}

.col__xsmall_18 {
  -ms-flex: none;
      flex: none;
  width: 75%;
}

.col__xsmall_19 {
  -ms-flex: none;
      flex: none;
  width: 79.16667%;
}

.col__xsmall_20 {
  -ms-flex: none;
      flex: none;
  width: 83.33333%;
}

.col__xsmall_21 {
  -ms-flex: none;
      flex: none;
  width: 87.5%;
}

.col__xsmall_22 {
  -ms-flex: none;
      flex: none;
  width: 91.66667%;
}

.col__xsmall_23 {
  -ms-flex: none;
      flex: none;
  width: 95.83333%;
}

.col__xsmall_24 {
  -ms-flex: none;
      flex: none;
  width: 100%;
}

.col__xsmall-offset-1 {
  margin-left: 4.16667%;
}

.col__xsmall-offset-2 {
  margin-left: 8.33333%;
}

.col__xsmall-offset-3 {
  margin-left: 12.5%;
}

.col__xsmall-offset-4 {
  margin-left: 16.66667%;
}

.col__xsmall-offset-5 {
  margin-left: 20.83333%;
}

.col__xsmall-offset-6 {
  margin-left: 25%;
}

.col__xsmall-offset-7 {
  margin-left: 29.16667%;
}

.col__xsmall-offset-8 {
  margin-left: 33.33333%;
}

.col__xsmall-offset-9 {
  margin-left: 37.5%;
}

.col__xsmall-offset-10 {
  margin-left: 41.66667%;
}

.col__xsmall-offset-11 {
  margin-left: 45.83333%;
}

.col__xsmall-offset-12 {
  margin-left: 50%;
}

.col__xsmall-offset-13 {
  margin-left: 54.16667%;
}

.col__xsmall-offset-14 {
  margin-left: 58.33333%;
}

.col__xsmall-offset-15 {
  margin-left: 62.5%;
}

.col__xsmall-offset-16 {
  margin-left: 66.66667%;
}

.col__xsmall-offset-17 {
  margin-left: 70.83333%;
}

.col__xsmall-offset-18 {
  margin-left: 75%;
}

.col__xsmall-offset-19 {
  margin-left: 79.16667%;
}

.col__xsmall-offset-20 {
  margin-left: 83.33333%;
}

.col__xsmall-offset-21 {
  margin-left: 87.5%;
}

.col__xsmall-offset-22 {
  margin-left: 91.66667%;
}

.col__xsmall-offset-23 {
  margin-left: 95.83333%;
}

.col__xsmall-offset-24 {
  margin-left: 100%;
}

@media (min-width: 544px) {
  .row--small-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--small-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--small-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--small-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--small-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--small-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--small-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--small-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--small-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--small-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--small-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--small-right {
    text-align: right;
  }

  .text--small-left {
    text-align: left;
  }

  .text--small-center {
    text-align: center;
  }

  .col__small {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__small_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__small_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__small_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__small_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__small_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__small_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__small_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__small_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__small_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__small_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__small_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__small_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__small_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__small_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__small_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__small_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__small_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__small_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__small_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__small_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__small_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__small_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__small_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__small_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__small-offset-1 {
    margin-left: 4.16667%;
  }

  .col__small-offset-2 {
    margin-left: 8.33333%;
  }

  .col__small-offset-3 {
    margin-left: 12.5%;
  }

  .col__small-offset-4 {
    margin-left: 16.66667%;
  }

  .col__small-offset-5 {
    margin-left: 20.83333%;
  }

  .col__small-offset-6 {
    margin-left: 25%;
  }

  .col__small-offset-7 {
    margin-left: 29.16667%;
  }

  .col__small-offset-8 {
    margin-left: 33.33333%;
  }

  .col__small-offset-9 {
    margin-left: 37.5%;
  }

  .col__small-offset-10 {
    margin-left: 41.66667%;
  }

  .col__small-offset-11 {
    margin-left: 45.83333%;
  }

  .col__small-offset-12 {
    margin-left: 50%;
  }

  .col__small-offset-13 {
    margin-left: 54.16667%;
  }

  .col__small-offset-14 {
    margin-left: 58.33333%;
  }

  .col__small-offset-15 {
    margin-left: 62.5%;
  }

  .col__small-offset-16 {
    margin-left: 66.66667%;
  }

  .col__small-offset-17 {
    margin-left: 70.83333%;
  }

  .col__small-offset-18 {
    margin-left: 75%;
  }

  .col__small-offset-19 {
    margin-left: 79.16667%;
  }

  .col__small-offset-20 {
    margin-left: 83.33333%;
  }

  .col__small-offset-21 {
    margin-left: 87.5%;
  }

  .col__small-offset-22 {
    margin-left: 91.66667%;
  }

  .col__small-offset-23 {
    margin-left: 95.83333%;
  }

  .col__small-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 768px) {
  .row--medium-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--medium-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--medium-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--medium-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--medium-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--medium-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--medium-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--medium-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--medium-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--medium-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--medium-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--medium-right {
    text-align: right;
  }

  .text--medium-left {
    text-align: left;
  }

  .text--medium-center {
    text-align: center;
  }

  .col__medium {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__medium_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__medium_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__medium_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__medium_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__medium_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__medium_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__medium_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__medium_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__medium_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__medium_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__medium_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__medium_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__medium_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__medium_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__medium_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__medium_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__medium_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__medium_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__medium_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__medium_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__medium_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__medium_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__medium_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__medium_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__medium-offset-1 {
    margin-left: 4.16667%;
  }

  .col__medium-offset-2 {
    margin-left: 8.33333%;
  }

  .col__medium-offset-3 {
    margin-left: 12.5%;
  }

  .col__medium-offset-4 {
    margin-left: 16.66667%;
  }

  .col__medium-offset-5 {
    margin-left: 20.83333%;
  }

  .col__medium-offset-6 {
    margin-left: 25%;
  }

  .col__medium-offset-7 {
    margin-left: 29.16667%;
  }

  .col__medium-offset-8 {
    margin-left: 33.33333%;
  }

  .col__medium-offset-9 {
    margin-left: 37.5%;
  }

  .col__medium-offset-10 {
    margin-left: 41.66667%;
  }

  .col__medium-offset-11 {
    margin-left: 45.83333%;
  }

  .col__medium-offset-12 {
    margin-left: 50%;
  }

  .col__medium-offset-13 {
    margin-left: 54.16667%;
  }

  .col__medium-offset-14 {
    margin-left: 58.33333%;
  }

  .col__medium-offset-15 {
    margin-left: 62.5%;
  }

  .col__medium-offset-16 {
    margin-left: 66.66667%;
  }

  .col__medium-offset-17 {
    margin-left: 70.83333%;
  }

  .col__medium-offset-18 {
    margin-left: 75%;
  }

  .col__medium-offset-19 {
    margin-left: 79.16667%;
  }

  .col__medium-offset-20 {
    margin-left: 83.33333%;
  }

  .col__medium-offset-21 {
    margin-left: 87.5%;
  }

  .col__medium-offset-22 {
    margin-left: 91.66667%;
  }

  .col__medium-offset-23 {
    margin-left: 95.83333%;
  }

  .col__medium-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 992px) {
  .row--large-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--large-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--large-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--large-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--large-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--large-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--large-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--large-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--large-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--large-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--large-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--large-right {
    text-align: right;
  }

  .text--large-left {
    text-align: left;
  }

  .text--large-center {
    text-align: center;
  }

  .col__large {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__large_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__large_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__large_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__large_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__large_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__large_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__large_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__large_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__large_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__large_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__large_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__large_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__large_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__large_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__large_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__large_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__large_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__large_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__large_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__large_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__large_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__large_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__large_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__large_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__large-offset-1 {
    margin-left: 4.16667%;
  }

  .col__large-offset-2 {
    margin-left: 8.33333%;
  }

  .col__large-offset-3 {
    margin-left: 12.5%;
  }

  .col__large-offset-4 {
    margin-left: 16.66667%;
  }

  .col__large-offset-5 {
    margin-left: 20.83333%;
  }

  .col__large-offset-6 {
    margin-left: 25%;
  }

  .col__large-offset-7 {
    margin-left: 29.16667%;
  }

  .col__large-offset-8 {
    margin-left: 33.33333%;
  }

  .col__large-offset-9 {
    margin-left: 37.5%;
  }

  .col__large-offset-10 {
    margin-left: 41.66667%;
  }

  .col__large-offset-11 {
    margin-left: 45.83333%;
  }

  .col__large-offset-12 {
    margin-left: 50%;
  }

  .col__large-offset-13 {
    margin-left: 54.16667%;
  }

  .col__large-offset-14 {
    margin-left: 58.33333%;
  }

  .col__large-offset-15 {
    margin-left: 62.5%;
  }

  .col__large-offset-16 {
    margin-left: 66.66667%;
  }

  .col__large-offset-17 {
    margin-left: 70.83333%;
  }

  .col__large-offset-18 {
    margin-left: 75%;
  }

  .col__large-offset-19 {
    margin-left: 79.16667%;
  }

  .col__large-offset-20 {
    margin-left: 83.33333%;
  }

  .col__large-offset-21 {
    margin-left: 87.5%;
  }

  .col__large-offset-22 {
    margin-left: 91.66667%;
  }

  .col__large-offset-23 {
    margin-left: 95.83333%;
  }

  .col__large-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 1200px) {
  .row--xlarge-top {
    -ms-flex-align: start;
        align-items: flex-start;
  }

  .row--xlarge-center {
    -ms-flex-align: center;
        align-items: center;
  }

  .row--xlarge-bottom {
    -ms-flex-align: end;
        align-items: flex-end;
  }

  .col--xlarge-align-top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }

  .col--xlarge-align-center {
    -ms-flex-item-align: center;
        align-self: center;
  }

  .col--xlarge-align-bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }

  .col--xlarge-first {
    -ms-flex-order: -1;
        order: -1;
  }

  .col--xlarge-last {
    -ms-flex-order: 1;
        order: 1;
  }

  .col--xlarge-reset {
    -ms-flex-order: 0;
        order: 0;
  }

  .row--xlarge-reverse {
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
  }

  .col--xlarge-flex {
    display: -ms-flexbox;
    display: flex;
  }

  .text--xlarge-right {
    text-align: right;
  }

  .text--xlarge-left {
    text-align: left;
  }

  .text--xlarge-center {
    text-align: center;
  }

  .col__xlarge {
    /* stylelint-disable-line */
    -ms-flex-positive: 1;
        flex-grow: 1;
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    padding: 0;
    max-width: 100%;
  }

  .col__xlarge_1 {
    -ms-flex: none;
        flex: none;
    width: 4.16667%;
  }

  .col__xlarge_2 {
    -ms-flex: none;
        flex: none;
    width: 8.33333%;
  }

  .col__xlarge_3 {
    -ms-flex: none;
        flex: none;
    width: 12.5%;
  }

  .col__xlarge_4 {
    -ms-flex: none;
        flex: none;
    width: 16.66667%;
  }

  .col__xlarge_5 {
    -ms-flex: none;
        flex: none;
    width: 20.83333%;
  }

  .col__xlarge_6 {
    -ms-flex: none;
        flex: none;
    width: 25%;
  }

  .col__xlarge_7 {
    -ms-flex: none;
        flex: none;
    width: 29.16667%;
  }

  .col__xlarge_8 {
    -ms-flex: none;
        flex: none;
    width: 33.33333%;
  }

  .col__xlarge_9 {
    -ms-flex: none;
        flex: none;
    width: 37.5%;
  }

  .col__xlarge_10 {
    -ms-flex: none;
        flex: none;
    width: 41.66667%;
  }

  .col__xlarge_11 {
    -ms-flex: none;
        flex: none;
    width: 45.83333%;
  }

  .col__xlarge_12 {
    -ms-flex: none;
        flex: none;
    width: 50%;
  }

  .col__xlarge_13 {
    -ms-flex: none;
        flex: none;
    width: 54.16667%;
  }

  .col__xlarge_14 {
    -ms-flex: none;
        flex: none;
    width: 58.33333%;
  }

  .col__xlarge_15 {
    -ms-flex: none;
        flex: none;
    width: 62.5%;
  }

  .col__xlarge_16 {
    -ms-flex: none;
        flex: none;
    width: 66.66667%;
  }

  .col__xlarge_17 {
    -ms-flex: none;
        flex: none;
    width: 70.83333%;
  }

  .col__xlarge_18 {
    -ms-flex: none;
        flex: none;
    width: 75%;
  }

  .col__xlarge_19 {
    -ms-flex: none;
        flex: none;
    width: 79.16667%;
  }

  .col__xlarge_20 {
    -ms-flex: none;
        flex: none;
    width: 83.33333%;
  }

  .col__xlarge_21 {
    -ms-flex: none;
        flex: none;
    width: 87.5%;
  }

  .col__xlarge_22 {
    -ms-flex: none;
        flex: none;
    width: 91.66667%;
  }

  .col__xlarge_23 {
    -ms-flex: none;
        flex: none;
    width: 95.83333%;
  }

  .col__xlarge_24 {
    -ms-flex: none;
        flex: none;
    width: 100%;
  }

  .col__xlarge-offset-1 {
    margin-left: 4.16667%;
  }

  .col__xlarge-offset-2 {
    margin-left: 8.33333%;
  }

  .col__xlarge-offset-3 {
    margin-left: 12.5%;
  }

  .col__xlarge-offset-4 {
    margin-left: 16.66667%;
  }

  .col__xlarge-offset-5 {
    margin-left: 20.83333%;
  }

  .col__xlarge-offset-6 {
    margin-left: 25%;
  }

  .col__xlarge-offset-7 {
    margin-left: 29.16667%;
  }

  .col__xlarge-offset-8 {
    margin-left: 33.33333%;
  }

  .col__xlarge-offset-9 {
    margin-left: 37.5%;
  }

  .col__xlarge-offset-10 {
    margin-left: 41.66667%;
  }

  .col__xlarge-offset-11 {
    margin-left: 45.83333%;
  }

  .col__xlarge-offset-12 {
    margin-left: 50%;
  }

  .col__xlarge-offset-13 {
    margin-left: 54.16667%;
  }

  .col__xlarge-offset-14 {
    margin-left: 58.33333%;
  }

  .col__xlarge-offset-15 {
    margin-left: 62.5%;
  }

  .col__xlarge-offset-16 {
    margin-left: 66.66667%;
  }

  .col__xlarge-offset-17 {
    margin-left: 70.83333%;
  }

  .col__xlarge-offset-18 {
    margin-left: 75%;
  }

  .col__xlarge-offset-19 {
    margin-left: 79.16667%;
  }

  .col__xlarge-offset-20 {
    margin-left: 83.33333%;
  }

  .col__xlarge-offset-21 {
    margin-left: 87.5%;
  }

  .col__xlarge-offset-22 {
    margin-left: 91.66667%;
  }

  .col__xlarge-offset-23 {
    margin-left: 95.83333%;
  }

  .col__xlarge-offset-24 {
    margin-left: 100%;
  }
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

:root {
  --typo-text-fs-xs: 1.3rem;
  --typo-text-lh-xs: 2rem;
  --typo-text-fs-xsch: 1.3rem;
  --typo-text-lh-xsch: 1.8rem;
  --typo-text-fs-s: 1.4rem;
  --typo-text-lh-s: 2rem;
  --typo-text-fs-sch: 1.4rem;
  --typo-text-lh-sch: 1.8rem;
  --typo-text-fs-m: 1.5rem;
  --typo-text-lh-m: 1.333;
  --typo-text-fs-mch: 1.5rem;
  --typo-text-lh-mch: 1.8rem;
  --typo-text-fs-l: 1.8rem;
  --typo-text-lh-l: 2.4rem;
  --typo-text-fs-xl: 2.4rem;
  --typo-text-lh-xl: 2.8rem;
  --typo-text-fs-xxl: 3.2rem;
  --typo-text-lh-xxl: 3.6rem;
  --typo-text-fs-xxxl: 4.6rem;
  --typo-text-lh-xxxl: 5.4rem;
}

.button,
.primary-button,
.main-button,
.transparent-button,
.secondary-button,
.btn-outline,
.disabled-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  margin-right: 0.1rem;
  padding: 1rem 1.8rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: "Geometria", Verdana, sans-serif;
  text-decoration: none;
  border: none;
  cursor: pointer;
  background-color: #eff3f5;
  color: #000;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 1rem;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active,
.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  outline-width: 0px;
}

.button:hover,
.primary-button:hover,
.main-button:hover,
.transparent-button:hover,
.secondary-button:hover,
.btn-outline:hover,
.disabled-button:hover,
.button:active,
.primary-button:active,
.main-button:active,
.transparent-button:active,
.secondary-button:active,
.btn-outline:active,
.disabled-button:active {
  background-color: #e2e9ed;
}

.button:focus,
.primary-button:focus,
.main-button:focus,
.transparent-button:focus,
.secondary-button:focus,
.btn-outline:focus,
.disabled-button:focus {
  -webkit-box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
          box-shadow: rgba(242, 245, 247, 0.3) 0px 0px 0px 0.3rem;
}

.button:active:focus,
.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus,
.secondary-button:active:focus,
.btn-outline:active:focus,
.disabled-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button,
.main-button,
.transparent-button {
  color: #176CD4;
  background-color: rgba(23, 108, 212, 0.12);
}

.primary-button:hover,
.main-button:hover,
.transparent-button:hover {
  background-color: rgba(23, 108, 212, 0.24);
}

.primary-button:active,
.main-button:active,
.transparent-button:active {
  background-color: rgba(23, 108, 212, 0.36);
}

.primary-button:focus,
.main-button:focus,
.transparent-button:focus {
  -webkit-box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(23, 108, 212, 0.36) 0px 0px 0px 0.3rem;
}

.primary-button:active:focus,
.main-button:active:focus,
.transparent-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.primary-button_theme_dark {
  color: #FFF;
  background-color: rgba(218, 218, 218, 0.12);
}

.primary-button_theme_dark:hover {
  background-color: rgba(218, 218, 218, 0.24);
}

.primary-button_theme_dark:active {
  background-color: rgba(218, 218, 218, 0.36);
}

.primary-button_theme_dark:focus {
  -webkit-box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
          box-shadow: rgba(218, 218, 218, 0.36) 0 0 0 0.3rem;
}

.primary-button_theme_light {
  color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.primary-button_theme_light:hover {
  background-color: rgba(0, 0, 0, 0.2);
}

.primary-button_theme_light:active {
  background-color: rgba(0, 0, 0, 0.3);
}

.primary-button_theme_light:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
          box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0.3rem;
}

.main-button {
  background-color: #3187ee;
  color: #FFF;
}

.main-button:hover,
.main-button:focus {
  background-color: #459bff;
}

.main-button:focus {
  z-index: 3;
  -webkit-box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
          box-shadow: rgba(69, 155, 255, 0.5) 0px 0px 0px 0.3rem;
  outline: 0px;
}

.main-button:active {
  background-color: #0b5acd;
}

.main-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.secondary-button {
  color: #FFF;
  background-color: #ed4040;
}

.secondary-button:hover {
  background-color: #FF4D4D;
}

.secondary-button:active {
  background-color: #BA2020;
}

.secondary-button:focus {
  -webkit-box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
          box-shadow: rgba(237, 64, 64, 0.36) 0px 0px 0px 0.3rem;
}

.secondary-button:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-outline:hover {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: transparent;
}

.btn-outline:active {
  background-color: rgba(0, 0, 0, 0.05);
}

.btn-outline:focus {
  -webkit-box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 0px 0.3rem rgba(0, 0, 0, 0.05);
}

.btn-outline:active:focus {
  -webkit-box-shadow: transparent 0px 0px 0px 0px;
          box-shadow: transparent 0px 0px 0px 0px;
}

.transparent-button {
  background-color: transparent;
}

.transparent-button:hover,
.transparent-button:active,
.transparent-button:focus {
  background-color: transparent;
}

.transparent-button:active,
.transparent-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.disabled-button {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:hover,
.disabled-button:active {
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(224, 229, 233, 0.4);
}

.disabled-button:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.warning-panel {
  color: #ea9900;
  background-color: rgba(234, 153, 0, 0.1);
  padding: 2rem;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 15px;
  line-height: 20px;
  border-radius: 10px;
}

.link {
  color: #2767B4;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100%;
  font-size: 10px;
  overflow-anchor: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  margin: 0;
  min-width: 1280px;
  font-family: "Geometria", sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  background: #FFF;
  font-variant-numeric: tabular-nums;
}

h2 {
  margin: 0 0 30px;
  font-size: 32px;
  line-height: 40px;
}

fieldset {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  min-width: 0;
  border: none;
}

a {
  text-decoration: none;
}

input:-webkit-autofill {
  -webkit-transition: -webkit-box-shadow 0.3s ease;
  transition: -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease;
  transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
  -webkit-box-shadow: inset 0 0 0 9999px #EDF0F2;
          box-shadow: inset 0 0 0 9999px #EDF0F2;
}

.text-secondary {
  color: #999;
}

.text-secondary a {
  color: #999;
  text-decoration: underline;
}

.text-secondary-link {
  color: #999;
  text-decoration: underline;
}

.static-content {
  color: green;
}

.invest-landing {
  margin-bottom: 3.2rem;
}

.invest-landing__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.invest-landing__table {
  width: 100%;
  text-align: right;
  table-layout: fixed;
  border-collapse: collapse;
}

.invest-landing__table-row th {
  color: black;
  padding: 1rem 0;
  border-bottom: 2px solid black;
}

.invest-landing__table-row th:first-child {
  text-align: left;
  width: 10rem;
}

.invest-landing__table-body .invest-landing__table-cell {
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
}

.invest-landing__table-body .invest-landing__table-cell:first-child {
  text-align: left;
}

.invest-landing__table_average-return .invest-landing__table-row th:first-child {
  width: auto;
}

.invest-landing-section {
  margin-bottom: 80px;
}

.invest-landing-section_column {
  width: 418px;
}

.invest-landing-section_column:not(:last-of-type) {
  margin-right: 38px;
}

.invest-landing-section__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

.invest-landing-section__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.invest-landing-section__column_gap-right-1 {
  margin-right: 38px;
}

.invest-landing-section__column_gap-right-2 {
  margin-right: 76px;
}

.invest-landing-section__column_gap-right-3 {
  margin-right: 114px;
}

.invest-landing-section__column_gap-right-4 {
  margin-right: 152px;
}

.invest-landing-section__column_col-5 {
  width: 190px;
}

.invest-landing-section__column_col-6 {
  width: 228px;
}

.invest-landing-section__column_col-7 {
  width: 266px;
}

.invest-landing-section__column_col-8 {
  width: 304px;
}

.invest-landing-section__column_col-10 {
  width: 380px;
}

.invest-landing-section__column_col-11 {
  width: 418px;
}

.invest-landing-section__column_col-12 {
  width: 456px;
}

.invest-landing-section__column_col-15 {
  width: 570px;
}

.invest-landing-section__column_col-16 {
  width: 608px;
}

.invest-landing-section__title {
  margin: 4rem 0 2rem;
  padding: 0;
  font-size: 32px;
  line-height: 40px;
  font-weight: 700;
}

.invest-landing-section__title_no-margin {
  margin: 0;
}

.invest-landing-section__text {
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.invest-landing-section__text_wide {
  margin-bottom: 20px;
  max-width: 100%;
  font-size: 18px;
  line-height: 30px;
}

.invest-landing-section__text_bold {
  font-weight: 700;
}

@media all and (min-width: 1050px) {
  .invest-landing-section__text_double-column {
    -webkit-column-gap: 4rem;
       -moz-column-gap: 4rem;
            column-gap: 4rem;
    -webkit-column-width: 418px;
       -moz-column-width: 418px;
            column-width: 418px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

@media all and (min-width: 1050px) {
  .invest-landing-section_results-tracking .invest-landing-demo .invest-landing-dropdown__column_col-12 {
    padding-top: 80px;
  }
}

.invest-landing-intro {
  display: none;
}

.invest-landing-subitem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding-bottom: 28px;
  font-size: 15px;
  line-height: 20px;
}

.invest-landing-subitem_principle {
  margin-bottom: 40px;
}

.invest-landing-subitem_fix {
  max-width: 418px;
}

.invest-landing-subitem__offer {
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.invest-landing-subitem__image-wrapper {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-bottom: 10px;
  width: 75px;
}

.invest-landing-subitem__image-wrapper_mobile {
  display: none;
}

.invest-landing-subitem__image-wrapper_inherit {
  width: 100%;
}

.invest-landing-subitem__image {
  max-width: 75px;
}

.invest-landing-subitem__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.invest-landing-subitem__title {
  margin: 0 0 0.5rem;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 1.3px;
  text-transform: uppercase;
}

.invest-landing-subitem__title_large {
  margin-bottom: 10px;
  font-size: 18px;
}

.invest-landing-subitem__title-percent {
  font-weight: 400;
}

.invest-landing-subitem__text {
  margin: 0;
}

.invest-landing-factoid {
  margin-bottom: 20px;
  width: 114px;
}

.invest-landing-factoid__head {
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}

.invest-landing-factoid__body {
  font-size: 24px;
  line-height: 1.3;
  font-weight: 400;
}

.invest-landing-list {
  margin: 0;
  padding: 0;
}

.invest-landing-list_numerical {
  padding-left: 16px;
}

.invest-landing-list__item {
  padding-left: 10px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
}

.invest-landing-list__item:not(:last-of-type) {
  padding-bottom: 10px;
}

.invest-landing-list__item_bulleted {
  position: relative;
  margin-bottom: 10px;
  padding-left: 0;
  max-width: 420px;
  list-style: none;
}

.invest-landing-list__item_bulleted::before {
  content: "\2014";
  position: absolute;
  top: 0;
  left: -20px;
}

.invest-landing-list__item_wide {
  max-width: 450px;
}

.invest-landing-dropdown__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.invest-landing-dropdown__row_bottom-margin {
  margin-bottom: 30px;
}

.invest-landing-dropdown__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.invest-landing-dropdown__column_gap-right-1 {
  margin-right: 38px;
}

.invest-landing-dropdown__column_gap-right-2 {
  margin-right: 76px;
}

.invest-landing-dropdown__column_gap-right-3 {
  margin-right: 114px;
}

.invest-landing-dropdown__column_col-5 {
  width: 190px;
}

.invest-landing-dropdown__column_col-6 {
  width: 228px;
}

.invest-landing-dropdown__column_col-7 {
  width: 266px;
}

.invest-landing-dropdown__column_col-8 {
  width: 304px;
}

.invest-landing-dropdown__column_col-10 {
  width: 380px;
}

.invest-landing-dropdown__column_col-11 {
  width: 418px;
}

.invest-landing-dropdown__column_col-12 {
  width: 456px;
}

.invest-landing-dropdown__column_col-15 {
  width: 570px;
}

.invest-landing-dropdown__input {
  display: none;
}

.invest-landing-dropdown__label {
  display: none;
}

.invest-landing-dropdown__content {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.invest-landing-dropdown__image-wrapper {
  margin-right: 10px;
  width: 50px;
}

.invest-landing-dropdown__image-wrapper_inherit {
  margin-right: 0;
  width: 100%;
}

.invest-landing-dropdown__image-wrapper_chart {
  width: 100%;
}

.invest-landing-dropdown__image {
  max-width: 100%;
}

.invest-landing-dropdown__text {
  margin: 0 0 20px;
  max-width: 600px;
  font-size: 15px;
  line-height: 20px;
}

.invest-landing-dropdown__text_kvadrat-history {
  max-width: 420px;
}

.invest-landing-dropdown__text_note {
  margin-right: 30px;
  width: 305px;
  font-size: 24px;
  line-height: 32px;
}

.invest-landing-dropdown__text_wide {
  max-width: 100%;
}

.invest-landing-dropdown__text-percent {
  display: inline-block;
  padding-right: 5px;
  width: 62px;
  font-weight: 700;
  white-space: nowrap;
}

.invest-landing-table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.invest-landing-table__title {
  display: none;
}

.invest-landing-table__cell {
  padding: 5px 7px;
  width: 60px;
  height: 34px;
  text-align: right;
}

.invest-landing-table__cell_header {
  margin-top: 22px;
  height: 29px;
}

.invest-landing-table__cell_header-desktop {
  margin-bottom: 7px;
  padding-left: 0;
  width: 191px;
  height: 51px;
  text-align: left;
}

.invest-landing-table__cell_year {
  padding-left: 0;
  width: 41px;
  font-weight: 700;
}

.invest-landing-table__cell_sumpercent {
  padding-right: 60px;
  width: 150px;
}

.invest-landing-table__cell_empty {
  color: #999;
}

.invest-landing-table__input {
  display: none;
}

.invest-landing-table__label {
  display: none;
}

.invest-landing-table__table_header {
  margin-bottom: 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.invest-landing-table__header {
  display: -ms-flexbox;
  display: flex;
  height: 51px;
}

.invest-landing-table__header_mobile {
  display: none;
}

.invest-landing-table__body {
  display: -ms-flexbox;
  display: flex;
}

.invest-landing-chart {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  margin-bottom: 175px;
  height: 157px;
}

.invest-landing-chart_colored {
  margin-bottom: 75px;
  height: 225px;
}

.invest-landing-chart__desc {
  position: absolute;
  top: 0;
  left: 0;
}

.invest-landing-chart__desc-text {
  margin: 0 0 10px;
}

.invest-landing-chart__column {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1;
      flex: 1 1;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  height: 100%;
}

.invest-landing-chart__column_colored:not(last-of-type) {
  margin-right: 1px;
}

.invest-landing-chart__column_colored .invest-landing-chart__content_red {
  background-color: #ED4040;
  border: 1px solid #ED4040;
}

.invest-landing-chart__column_colored .invest-landing-chart__content_pink {
  background-color: #C25068;
  border: 1px solid #C25068;
}

.invest-landing-chart__column_colored .invest-landing-chart__content_dark-pink {
  background-color: #A25D86;
  border: 1px solid #A25D86;
}

.invest-landing-chart__column_colored .invest-landing-chart__content_purple {
  background-color: #7A6BAA;
  border: 1px solid #7A6BAA;
}

.invest-landing-chart__column_colored .invest-landing-chart__content_dark-blue {
  background-color: #547ACE;
  border: 1px solid #547ACE;
}

.invest-landing-chart__column_colored .invest-landing-chart__content_blue {
  background-color: #3187EE;
  border: 1px solid #3187EE;
}

.invest-landing-chart__result {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
}

.invest-landing-chart__content_base {
  background-color: rgba(49, 135, 238, 0.05);
  border: 1px solid rgba(49, 135, 238, 0.4);
  border-right: 0;
}

.invest-landing-chart__content_last {
  border-right: 1px solid rgba(49, 135, 238, 0.4);
}

.invest-landing-chart__content_14 {
  height: 14px;
}

.invest-landing-chart__content_18 {
  height: 18px;
}

.invest-landing-chart__content_19 {
  height: 19px;
}

.invest-landing-chart__content_20 {
  height: 20px;
}

.invest-landing-chart__content_21 {
  height: 21px;
}

.invest-landing-chart__content_22 {
  height: 22px;
}

.invest-landing-chart__content_27 {
  height: 27px;
}

.invest-landing-chart__content_34 {
  height: 34px;
}

.invest-landing-chart__content_36 {
  height: 36px;
}

.invest-landing-chart__content_49 {
  height: 49px;
}

.invest-landing-chart__content_52 {
  height: 52px;
}

.invest-landing-chart__content_55 {
  height: 55px;
}

.invest-landing-chart__content_64 {
  height: 64px;
}

.invest-landing-chart__content_82 {
  height: 82px;
}

.invest-landing-chart__content_91 {
  height: 91px;
}

.invest-landing-chart__content_100 {
  height: 100px;
}

.invest-landing-chart__content_109 {
  height: 52px;
}

.invest-landing-chart__content_136 {
  height: 136px;
}

.invest-landing-chart__content_149 {
  height: 149px;
}

.invest-landing-chart__content_189 {
  height: 189px;
}

.invest-landing-chart__content_225 {
  height: 225px;
}

.invest-landing-chart__content-number {
  width: 100%;
  font-size: 13px;
  color: #3187EE;
  text-align: center;
}

.invest-landing-chart__info {
  position: absolute;
  bottom: -110px;
  left: 0;
  width: 100%;
  height: 100px;
}

.invest-landing-chart__info:hover .invest-landing-chart__line,
.invest-landing-chart__info:focus .invest-landing-chart__line {
  opacity: 1;
}

.invest-landing-chart__name {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 16px;
  color: #3187EE;
  text-align: center;
}

.invest-landing-chart__name_colored {
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  text-align: left;
}

.invest-landing-chart__name_red {
  color: #ED4040;
}

.invest-landing-chart__name_pink {
  color: #C25068;
}

.invest-landing-chart__name_dark-pink {
  color: #A25D86;
}

.invest-landing-chart__name_purple {
  color: #7A6BAA;
}

.invest-landing-chart__name_dark-blue {
  color: #547ACE;
}

.invest-landing-chart__name_blue {
  color: #3187EE;
}

.invest-landing-chart__name-percent {
  font-weight: 400;
}

.invest-landing-chart__logo {
  margin-bottom: 10px;
}

.invest-landing-chart__logo-image {
  display: block;
  margin: 0 auto;
  width: 32px;
  height: auto;
}

.invest-landing-chart__logo-image_wide {
  width: auto;
  max-width: 57px;
}

.invest-landing-chart__line {
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
}

.invest-landing-demo__image-wrapper {
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 10px;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.invest-landing-demo__image-wrapper_itype {
  margin-bottom: 15px;
  padding-bottom: 0;
  border-bottom: none;
}

.invest-landing-demo__image {
  width: 100%;
  max-width: 916px;
}

.invest-landing-demo__image_mobile {
  display: none;
}

.invest-landing-demo__sticker {
  position: absolute;
  top: -31px;
  right: -20px;
  width: 77px;
  height: 77px;
}

.invest-landing-demo__sticker_removed {
  display: none;
}

.invest-landing-demo__sticker-text {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 17px;
  width: 100%;
  height: 100%;
  color: #176CD4;
  text-align: center;
}

.invest-landing-demo__text-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
}

.invest-landing-demo__text-comment {
  margin: 0;
  max-width: 306px;
  color: rgba(0, 0, 0, 0.5);
}

.invest-landing-demo__text-main {
  margin: 0;
  max-width: 571px;
}

.invest-landing-demo__factoids {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: start;
      align-items: flex-start;
  padding: 10px 0;
}

.invest-landing-demo__fact {
  padding-right: 10px;
}

.invest-landing-demo__fact-title {
  width: 100%;
  font-size: 15px;
  line-height: 20px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}

.invest-landing-demo__interface {
  display: block;
  position: relative;
  width: 100%;
  max-width: 313px;
  height: 100%;
  max-height: 625px;
}

.invest-landing-demo__interface_desktop {
  display: none;
}

@media all and (min-width: 1050px) {
  .invest-landing-demo__interface_desktop {
    display: block;
    -webkit-transform: rotate(12deg);
        -ms-transform: rotate(12deg);
            transform: rotate(12deg);
    right: -7rem;
  }
}

@media all and (min-width: 1050px) {
  .invest-landing-demo__interface_mobile {
    display: none;
  }
}

.invest-landing-graph__title {
  margin-top: 10px;
  font-size: 12px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.5);
  letter-spacing: 0.58px;
  text-transform: uppercase;
}

.invest-landing-graph__title_removed {
  display: none;
}

.invest-landing-graph__title_bold {
  font-size: 13px;
  line-height: 22px;
  font-weight: 700;
  color: #000;
  letter-spacing: 1px;
}

.invest-landing-graph__image-wrapper {
  width: 100%;
}

.invest-landing-graph__image-wrapper_fear {
  margin-top: 10px;
  max-width: 228px;
}

.invest-landing-graph__image {
  max-width: 100%;
}

.invest-landing-graph__caption {
  color: rgba(0, 0, 0, 0.5);
}

.invest-landing-description {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  padding-bottom: 28px;
  font-size: 15px;
  line-height: 20px;
}

.invest-landing-description__image-wrapper {
  margin-right: 18px;
  padding-top: 5px;
  min-width: 137px;
}

.invest-landing-description__image {
  max-width: 137px;
}

.invest-landing-description__text-wrapper {
  display: -ms-flexbox;
  display: flex;
}

.invest-landing-description__title {
  display: -ms-flexbox;
  display: flex;
  margin: 0 20px 0 0;
  min-width: 145px;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
}

.invest-landing-description__title-number {
  margin-right: 8px;
  color: #CB0000;
}

.invest-landing-description__text {
  margin: 0 50px 0 0;
}

.invest-landing-description__text-link {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.invest-landing-description__factoid-wrapper {
  width: 120px;
}

.invest-landing-section-subitem__title {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 1.08px;
  text-transform: uppercase;
}

.trial-idea-prev-statistic {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 20px 0;
}

.trial-idea-prev-statistic:last-child {
  padding-bottom: 0;
}

.trial-idea-prev-statistic__title {
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
  margin-bottom: 10px;
}

.trial-idea-prev-statistic__infographics .infographics__table {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

.trial-idea-prev-statistic__infographics .infographics__table .table__row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
}

.trial-idea-prev-statistic__infographics .infographics__table .table__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.trial-idea-prev-statistic__infographics .infographics__table .table__column:first-child,
.trial-idea-prev-statistic__infographics .infographics__table .table__column:nth-child(2) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.trial-idea-prev-statistic__infographics .infographics__table .table__column > *:not(:first-child) {
  margin-top: 10px;
}

.trial-idea-prev-statistic__infographics .infographics__table .table__column:nth-child(3) {
  -ms-flex: 2 1;
      flex: 2 1;
}

.trial-idea-prev-statistic__infographics .infographics__table .list__item {
  margin-top: 10px;
}

.trial-idea-prev-statistic__infographics .infographics__table .list__item:first-child {
  margin-top: 0;
}

.trial-idea-prev-statistic__infographics .infographics__table .list__item:only-child {
  margin-top: 0;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__logo {
  width: 100%;
  max-width: 30px;
  -o-object-fit: contain;
     object-fit: contain;
  font-size: 10px;
  line-height: normal;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__title {
  margin-left: 15px;
  font-size: 15px;
  line-height: 19px;
  -ms-flex: 1 1;
      flex: 1 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__diagram {
  margin-left: 5px;
  -ms-flex: 1 1;
      flex: 1 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  max-width: 100%;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__diagram::after {
  content: '';
  display: block;
  width: 62px;
  height: 10px;
  position: absolute;
  top: 4.5px;
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(38%, white), color-stop(20%, white), to(white));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 38%, white 20%, white 100%);
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 38%, white 20%, white 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 38%, white 20%, white 100%);
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__diagram .diagram__column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__diagram .diagram__column_positive {
  -ms-flex: 1 1;
      flex: 1 1;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__diagram .diagram__column_positive .column__bar {
  background-color: #2F4EFE;
  position: relative;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__diagram .diagram__column_positive .column__percentage {
  color: #2F4EFE;
  position: relative;
  z-index: 3;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__diagram .diagram__column_negative {
  -ms-flex: 1 1;
      flex: 1 1;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__diagram .diagram__column_negative .column__bar {
  background-color: #ED4040;
  position: relative;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__diagram .diagram__column_negative .column__percentage {
  color: #ED4040;
  position: relative;
  z-index: 3;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__diagram .diagram__column .column__bar {
  height: 10px;
}

.trial-idea-prev-statistic__infographics .infographics__table .trial-idea-prev__diagram .diagram__column .column__percentage {
  margin-left: 5px;
  font-size: 13px;
  line-height: 16px;
}

.trial-idea-company {
  width: 100%;
}

.trial-idea-company .row {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-align: start;
      align-items: flex-start;
}

.trial-idea-company__description {
  font-size: 15px;
  line-height: 20px;
  margin-right: 100px;
  width: 100%;
  max-width: 585px;
}

.trial-idea-company__logo {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 100%;
  max-width: 216px;
  -o-object-fit: contain;
     object-fit: contain;
  font-size: 10px;
  line-height: normal;
}

.trial-idea-company__logo-dropdown {
  width: 60px;
  max-height: 30px;
  margin-right: 10px;
  -o-object-fit: contain;
     object-fit: contain;
  display: none;
  font-size: 10px;
  line-height: normal;
}

.trial-idea-company__title-dropdown {
  display: none;
}

.border-radius_top_0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.border-radius_bottom_0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.margin_0 {
  margin: 0;
}

.margin-bottom_0 {
  margin-bottom: 0;
}

.align_center {
  -ms-flex-align: center;
      align-items: center;
}

.display_flex {
  display: -ms-flexbox;
  display: flex;
}

.align-items_center {
  -ms-flex-align: center;
      align-items: center;
}

.align-items_start {
  -ms-flex-align: start;
      align-items: flex-start;
}

.align-items_end {
  -ms-flex-align: end;
      align-items: flex-end;
}

.position_relative {
  position: relative;
}



/*# sourceMappingURL=main.9b9318cd01cd2182f7dc.css.map*/