@charset "UTF-8";
/*
 * Page-scoped bundle: публичная страница MCP (route mcp.landing, /mcp-integration).
 * Подключается ТОЛЬКО на этой странице, поверх css-new/style-v18.css.
 *
 * Источник: v2_spytool.me, compiled css-new/style.css (срез 2026-09-10, HEAD 550984b
 * + незакоммиченные изменения). Вырезаны только секции, нужные этой странице:
 *
 *   [1] scrollbar bootstrap-select      main2.scss
 *   [2] .main-page-2 + утилиты          main2.scss
 *   [3] .home-faq                       main2.scss
 *   [4] RTL                             main2-rtl.scss (здесь же RTL для .client-item)
 *   [5] .mcp-page и секции страницы     mcp.scss
 *   [6] .ai-preview                     ai-preview.scss
 *   [7] .dark-mode                      dark-mode.scss
 *
 * Пропущены секции главной (offer2, video-link, award-list, services,
 * creative-formats, free-start, home-marketplace, @keyframes tada) — этап 1.
 * Секции [1]-[4] дублируют то, что на этапе 1 уедет в глобальный бандл;
 * при переносе главной удалить их отсюда. См. docs/tasks/mcp-landing-layout-migration-plan.md §0.
 *
 * Файл собран скриптом, вручную не редактировать — правки вносить в источник и пересобирать.
 */

/* ==== [1] scrollbar bootstrap-select + [2] .main-page-2 + утилиты =========== */
@media (hover: hover) {
  .bootstrap-select .dropdown-menu ::-webkit-scrollbar-button {
    width: 4px;
    height: 0px;
  }
  .bootstrap-select .dropdown-menu ::-webkit-scrollbar-track {
    background-color: transparent;
    border-left: 0;
    border-radius: 0;
  }
  .bootstrap-select .dropdown-menu ::-webkit-scrollbar-thumb {
    background-color: rgba(61, 201, 138, 0.5);
  }
  .bootstrap-select .dropdown-menu ::-webkit-resizer {
    width: 4px;
    height: 0px;
  }
  .bootstrap-select .dropdown-menu ::-webkit-scrollbar {
    width: 4px;
  }
}
.main-page-2 {
  background: #1E272A;
}
.main-page-2 body {
  background: #1E272A;
  font-size: 16px;
  color: #fff;
}
.main-page-2 body, .main-page-2 html {
  font-family: "Inter", sans-serif;
}
.main-page-2 .footer {
  background: #191F22;
}
.main-page-2 .header .header__contacts .link {
  color: #EDEF92;
}
.main-page-2 .prices {
  background: #283034;
}
.main-page-2 .prices .prices__tubs .btn {
  background: rgba(57, 71, 78, 0.5);
}
.main-page-2 .prices .prices__tubs .btn.active {
  background: rgb(27.4673913043, 35.4184782609, 39.0326086957);
}
@media screen and (max-width: 767px) {
  .main-page-2 .prices .prices__tubs {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .main-page-2 .prices:after {
    background: 0;
    display: none;
  }
}

.mb-40 {
  margin-bottom: 40px;
}

.txt-gray-3 {
  color: rgba(255, 255, 255, 0.7);
}

.min-250 {
  min-width: 250px;
}

@media screen and (max-width: 767px) {
  .center-mobile {
    text-align: center;
  }
}

/* ==== [3] .home-faq ======================================================== */
.home-faq {
  padding: 90px 0;
}
@media screen and (max-width: 767px) {
  .home-faq {
    padding: 60px 0 40px;
  }
}
.home-faq .home-faq__list {
  padding-top: 20px;
}

/* ==== [4] RTL (main2-rtl.scss) ============================================= */
html[dir=rtl] .select-lang .bootstrap-select .dropdown-menu li .dropdown-item.active {
  background-position: 22px center;
}
html[dir=rtl] .manager .icon-telegram {
  right: auto;
  left: 15px;
}
html[dir=rtl] .telegram-link {
  padding-left: 0;
  padding-right: 30px;
}
html[dir=rtl] .telegram-link .icon-telegram2 {
  left: auto;
  right: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
html[dir=rtl] .award-item {
  padding-left: 0;
  padding-right: 34px;
}
html[dir=rtl] .award-item .award-item__content {
  padding-left: 20px;
  padding-right: 80px;
  background: -webkit-gradient(linear, right top, left top, color-stop(2.37%, rgba(255, 255, 255, 0)), color-stop(56.83%, rgba(255, 255, 255, 0.1)));
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 2.37%, rgba(255, 255, 255, 0.1) 56.83%);
}
html[dir=rtl] .award-item .award-item__figure {
  left: auto;
  right: 0;
}
html[dir=rtl] .faq .faq__answer,
html[dir=rtl] .faq .faq__question {
  padding-left: 23px;
  padding-right: 80px;
}
html[dir=rtl] .faq .faq__answer .icon-down,
html[dir=rtl] .faq .faq__question .icon-down {
  left: auto;
  right: 23px;
}
html[dir=rtl] .market-list .market-list__item {
  direction: rtl;
}
html[dir=rtl] .free-start .free-start__txt {
  direction: rtl;
}
@media screen and (min-width: 768px) {
  html[dir=rtl] .free-start .free-start__txt {
    padding: 0 40px;
  }
}
html[dir=rtl] .client-item .client-item__txt ol {
  padding-right: 0;
}
html[dir=rtl] .client-item .client-item__txt ol li {
  padding-left: 0;
  padding-right: 44px;
}
html[dir=rtl] .client-item .client-item__txt ol li:before {
  left: auto;
  right: 0;
}


/* ==== [5] mcp.scss + [6] ai-preview.scss + [7] dark-mode.scss ============== */
.mcp-page .message {
  font-size: 12px;
  padding: 10px 25px;
  border-radius: 12px;
}

.title span {
  color: #FFD262;
}

.btn._orange2 {
  background: #FFD262;
  color: #000000;
}

.first-screen {
  padding-top: 160px;
}
@media screen and (max-width: 767px) {
  .first-screen {
    padding-top: 120px;
  }
}
.first-screen:after {
  width: 708px;
  height: 708px;
  z-index: 30;
  position: absolute;
  top: 50px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background: rgba(255, 210, 98, 0.15);
  border-radius: 50%;
  -webkit-filter: blur(250px);
          filter: blur(250px);
  pointer-events: none;
  max-width: 100%;
}
.first-screen .first-screen__content {
  text-align: center;
  position: relative;
  z-index: 50;
}
.first-screen .first-screen__title {
  font-size: 50px;
  font-weight: 700;
  color: inherit;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .first-screen .first-screen__title {
    font-size: 32px;
  }
}
.first-screen .first-screen__title span {
  color: #FFD262;
}
.first-screen .first-screen__desc {
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  max-width: 780px;
  margin: 0 auto 40px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .first-screen .first-screen__desc {
    font-size: 18px;
  }
}

@-webkit-keyframes st-float {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
}

@keyframes st-float {
  0%, 100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
}
.client-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 40px;
}
.client-list .client-icon {
  -webkit-animation: st-float 4.6s ease-in-out infinite;
          animation: st-float 4.6s ease-in-out infinite;
}
.client-list .client-icon:nth-child(2) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.client-list .client-icon:nth-child(3) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.client-list .client-icon:nth-child(4) {
  -webkit-animation-delay: 1.65s;
          animation-delay: 1.65s;
}
.client-list .client-icon:nth-child(5) {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}

.client-icon {
  width: 46px;
  height: 46px;
  border-radius: 16px;
  background: radial-gradient(105.62% 105.62% at 50% 50%, #252D30 0%, #75612D 100%);
  display: -ms-grid;
  display: grid;
  place-items: center;
  border: 1px solid transparent;
}
.client-icon img {
  width: 20px;
  height: auto;
}
@media (hover: hover) {
  .client-icon[href]:hover {
    border-color: rgba(255, 210, 98, 0.3);
  }
}
.client-icon._green {
  background: radial-gradient(105.62% 105.62% at 50% 50%, #252D30 0%, #195C3E 100%);
}
.client-icon._big {
  width: 52px;
  height: 52px;
}
.client-icon._big img {
  width: 22px;
}

.section2 {
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
  padding: 20px;
  -webkit-transition: border 0.3s;
  transition: border 0.3s;
}
@media (hover: hover) {
  .section2:hover {
    border-color: rgba(255, 210, 98, 0.3);
  }
}

.connector-url {
  padding-top: 90px;
  position: relative;
  z-index: 60;
}
@media screen and (max-width: 767px) {
  .connector-url {
    padding-top: 60px;
  }
}

.connector-steps {
  padding-top: 90px;
  position: relative;
  z-index: 50;
}
@media screen and (max-width: 767px) {
  .connector-steps {
    padding-top: 60px;
  }
}
.connector-steps:after {
  width: 708px;
  height: 708px;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: rgba(255, 210, 98, 0.15);
  border-radius: 50%;
  -webkit-filter: blur(250px);
          filter: blur(250px);
  pointer-events: none;
}
.connector-steps .title-label {
  background: #191E21;
}

.mcp-step {
  margin-bottom: 20px;
  border-radius: 16px;
  width: 100%;
}
.mcp-step .mcp-step__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-bottom: 14px;
  font-weight: 600;
}
@media screen and (max-width: 991px) {
  .mcp-step .mcp-step__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 13px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.mcp-step .mcp-step__number {
  width: 46px;
  height: 46px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 16px;
  background: rgba(255, 210, 98, 0.08);
  display: -ms-grid;
  display: grid;
  place-items: center;
  color: #FFD262;
  font-size: 22px;
  font-weight: 500;
}
.mcp-step .mcp-step__desc {
  opacity: 0.7;
  font-size: 14px;
  line-height: 1.6;
}

.pick-client {
  padding-top: 80px;
  position: relative;
  z-index: 60;
}
@media screen and (max-width: 767px) {
  .pick-client {
    padding-top: 50px;
  }
}
.pick-client .title-label {
  background: #191E21;
}
.pick-client .pick-client__request {
  padding-top: 50px;
}
@media screen and (max-width: 767px) {
  .pick-client .pick-client__request {
    padding-top: 30px;
  }
}

.client-item {
  line-height: 1.4;
  font-size: 14px;
}
@media screen and (min-width: 992px) {
  .client-item {
    padding: 28px 28px 28px 38px;
  }
}
.client-item .row {
  row-gap: 15px;
}
.client-item .client-item__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 767px) {
  .client-item .client-item__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.client-item .client-item__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-top: 2px;
}
.client-item .client-item__title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 7px;
}
@media screen and (max-width: 767px) {
  .client-item .client-item__title {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.client-item .client-item__desc {
  color: #9CA3AF;
}
.client-item .client-item__txt {
  padding-top: 24px;
}
.client-item .client-item__txt .txt-gray {
  color: #70787A;
}
.client-item .client-item__txt .txt-green {
  color: #69B593;
}
.client-item .client-item__txt ol {
  padding-left: 0;
  list-style: none;
  counter-reset: item;
}
.client-item .client-item__txt ol li {
  counter-increment: item;
  position: relative;
  padding-left: 44px;
}
.client-item .client-item__txt ol li::before {
  content: counter(item);
  display: -ms-grid;
  display: grid;
  place-items: center;
  position: absolute;
  left: 0;
  top: -4px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #343B3D;
  color: #FFD262;
}
.client-item .client-item__txt ol li:not(:last-child) {
  margin-bottom: 30px;
}
.client-item .form-copy {
  direction: ltr;
}
.client-item .form-copy input {
  background: #1A2021 !important;
  border-color: #1A2021 !important;
}
.client-code {
  position: relative;
  padding: 18px 60px 18px 24px;
  border-radius: 12px;
  background: #1A2021;
  color: #E5E7EB;
  direction: ltr;
  font-size: 12px;
  line-height: 1.62;
}
.client-code:not(:last-child) {
  margin-bottom: 15px;
}
.client-code code {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
}
.client-code .txt-green {
  color: #69B593;
}
.client-code .txt-gray {
  color: #5C5E63;
}
.client-code .btn-icon {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 10px;
  font-size: 15px;
}
.client-code .btn-icon:not(.copied-success) {
  background: #293134;
  color: #fff;
}

.verification-request {
  padding: 0;
}
.verification-request .verification-request__content {
  padding: 28px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 25px;
}
@media screen and (max-width: 991px) {
  .verification-request .verification-request__content {
    padding: 20px;
  }
}
.verification-request .verification-request__warning {
  padding: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #FF7272;
  font-size: 14px;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .verification-request .verification-request__warning {
    padding: 20px;
  }
}

.verification-request-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  font-size: 14px;
  color: #D1D5DB;
  line-height: 1.5;
}
@media screen and (max-width: 991px) {
  .verification-request-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }
}
.verification-request-item .txt-gray {
  color: #9CA3AF;
}
.verification-request-item .verification-request-item__title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 170px;
  color: #FFD262;
}
.verification-request-item .verification-request-item__group {
  width: 100px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media screen and (max-width: 991px) {
  .verification-request-item .verification-request-item__group {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2px;
  }
}
.verification-request-item .verification-request-item__group-title {
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 10px;
  color: #6B7280;
  letter-spacing: 0.5px;
  padding-top: 4px;
}

.ai-preview {
  direction: ltr;
  border-radius: 30px;
  background: #263032;
  padding: 20px;
  max-width: 896px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}
@media screen and (max-width: 767px) {
  .ai-preview {
    padding: 10px;
    border-radius: 20px;
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
.ai-preview:after {
  z-index: 50;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 45%;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(7.93%, #1E272A), color-stop(85.34%, rgba(26, 34, 36, 0)));
  background: linear-gradient(0deg, #1E272A 7.93%, rgba(26, 34, 36, 0) 85.34%);
  pointer-events: none;
}
.ai-preview .ai-preview__items {
  margin-bottom: 12px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 12px 1fr 12px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  overflow: hidden;
  opacity: 0;
}
.ai-preview .ai-preview__items.active {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .ai-preview .ai-preview__items {
    -ms-grid-columns: 1fr 5px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }
}
@media screen and (max-width: 767px) {
  .ai-preview .ai-preview__items .ai-preview-item:nth-child(3) {
    display: none;
  }
}
.ai-preview .ai-preview__items .ai-preview-item {
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ai-preview .ai-preview__items .ai-preview-item:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.ai-preview .ai-preview__items .ai-preview-item:nth-child(1) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.ai-preview .ai-preview__items:not(:first-child) {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -12px;
}
.ai-preview .ai-preview__search {
  border-radius: 15px;
  background: #161816;
  padding: 0 15px 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 50px;
  gap: 15px;
}
.ai-preview .ai-preview__search-txt {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .ai-preview .ai-preview__search-txt {
    font-size: 12px;
  }
}
.ai-preview .ai-preview__search-btn {
  position: relative;
  width: 32px;
  height: 32px;
  background: #29B877;
  display: -ms-grid;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 50%;
}
.ai-preview .ai-preview__search-btn .icon-next-long {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: 0.1s;
  transition: 0.1s;
  font-size: 12px;
}
.ai-preview .ai-preview__search-btn .loader-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  margin-top: -9px;
  margin-left: -9px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  opacity: 0;
}
.ai-preview .ai-preview__results {
  position: relative;
}
.ai-preview .ai-preview__results .loader-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  margin-left: -20px;
  margin-top: -20px;
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.ai-preview.loaded .ai-preview__items .ai-preview-item {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}
.ai-preview.loaded .ai-preview__items .ai-preview-item:nth-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.ai-preview.loaded .ai-preview__items .ai-preview-item:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.ai-preview.loaded .ai-preview__items .ai-preview-item:nth-child(3) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.ai-preview.loading .ai-preview__results .icon-next-long,
.ai-preview.loading .ai-preview__search-btn .icon-next-long {
  opacity: 0;
}
.ai-preview.loading .ai-preview__results .loader-btn,
.ai-preview.loading .ai-preview__search-btn .loader-btn {
  opacity: 1;
}

.ai-preview-item {
  border-radius: 1.5em;
  border: 1px solid #5F6F6C;
  background: #414E4F;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  padding: 1em;
  font-size: 10px;
}
@media screen and (max-width: 767px) {
  .ai-preview-item {
    font-size: 8px;
  }
}
.ai-preview-item .ai-preview-item__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6em;
  font-size: 1.2em;
  margin-bottom: 0.8em;
}
.ai-preview-item .ai-preview-item__head img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2em;
  height: 2em;
}
.ai-preview-item .ai-preview-item__head span {
  width: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.ai-preview-item .ai-preview-item__thumb {
  margin-bottom: 0.8em;
}
.ai-preview-item .ai-preview-item__thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 16/11;
  -o-object-fit: cover;
     object-fit: cover;
}
.ai-preview-item .ai-preview-item__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
  white-space: nowrap;
}
.ai-preview-item .ai-preview-item__status {
  color: #3DC98A;
}
.ai-preview-item .ai-preview-item__device {
  border-radius: 0.4em;
  background: #596566;
  color: #C4C4C4;
  padding: 0.1em 0.4em;
}
.ai-preview-item .ai-preview-item__country {
  margin-left: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4em;
}
.ai-preview-item .ai-preview-item__country img {
  width: 1.4em;
}

.dark-mode .btn._border-green {
  background: 0;
  color: #29B877;
  border-color: #29B877;
}
.dark-mode .btn._border-green:hover {
  background: #29B877;
  color: #fff;
  opacity: 1;
}
.dark-mode .article {
  background: #2B373D;
  -webkit-box-shadow: 0 0 0.724px 0 rgba(0, 0, 0, 0.21), 0 1.448px 0.724px 0 rgba(0, 0, 0, 0.12);
          box-shadow: 0 0 0.724px 0 rgba(0, 0, 0, 0.21), 0 1.448px 0.724px 0 rgba(0, 0, 0, 0.12);
}
.dark-mode .article .article__desc {
  opacity: 0.55;
}
.dark-mode .article-info {
  color: #99A1A4;
}
.dark-mode .article-info .article-info__item:not(.icon-rating):before {
  color: #5D6A71;
}
.dark-mode .slick-dots li {
  background: #596265;
}
.dark-mode .slick-dots li.slick-active {
  background: #29B877;
}
.dark-mode .faq .faq__item {
  background: #242B2F;
  border: 0;
  color: #ABA9B2;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
@media screen and (min-width: 992px) {
  .dark-mode .faq .faq__item {
    font-size: 17px;
  }
}
.dark-mode .faq .faq__item.active {
  background: #2C3539;
  color: #E4E0F1;
}
.dark-mode .faq .faq__item:not(.active) .faq__question .icon-down {
  background: #2C3539;
  color: #ABA9B2;
}
.dark-mode .faq .faq__question {
  font-weight: normal;
}
.dark-mode .faq .faq__answer {
  color: #ABA9B2;
}
.dark-mode .market-list .market-list__item {
  background: #1E272A;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dark-mode .market-list .market-list__item .market-list__info,
.dark-mode .market-list .market-list__item .market-list__thumb {
  border-color: #3E3E43;
}
.dark-mode .market-list .market-list__item .market-list__desc {
  color: #A9B3B8;
}
.dark-mode .market-list .market-list__item .market-list__info {
  color: #99A1A4;
}
.dark-mode .market-list .market-list__item .market-list__info li:before {
  color: #5D6A71;
}
.dark-mode .market-list .market-list__item .btn._border-green {
  background: rgba(41, 184, 119, 0.1);
  color: #fff;
  border: 0;
}
.dark-mode .market-list .market-list__item .btn._border-green:hover {
  background: #29B877;
  color: #fff;
  opacity: 1;
}
.dark-mode .form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dark-mode .select-lang .bootstrap-select .dropdown-menu {
  background: transparent;
}
.dark-mode .select-lang .bootstrap-select .dropdown-menu .bs-searchbox input {
  background-image: url(../img/search-dark.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 22px) center;
  background-size: 24px;
}
.dark-mode .select-lang .bootstrap-select .dropdown-menu li .dropdown-item {
  color: #fff;
}
.dark-mode .select-lang .bootstrap-select .dropdown-menu li .dropdown-item:not(.selected):focus, .dark-mode .select-lang .bootstrap-select .dropdown-menu li .dropdown-item:not(.selected):hover {
  background: rgba(61, 201, 138, 0.15);
  color: #fff !important;
}
.dark-mode .select-lang .bootstrap-select .dropdown-menu li .dropdown-item.active {
  color: #fff !important;
}
.dark-mode .select-lang .bootstrap-select .dropdown-menu li .dropdown-item .lang-item img {
  border-color: #000;
}
.dark-mode .btn-icon._gray {
  background: rgba(255, 255, 255, 0.07);
  color: #A9ADBD;
}
.dark-mode .btn-icon._gray:hover {
  background: rgba(255, 255, 255, 0.1);
}
.dark-mode .btn-icon._gray:active {
  background: rgba(255, 255, 255, 0.2);
}
.dark-mode .modal-backdrop.show {
  background: #4D4E55;
}
.dark-mode .modal-content {
  background: #202023;
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .modal-content h2, .dark-mode .modal-content h3 {
  color: #fff;
}
.dark-mode .manager {
  background: #2B373D;
}
.dark-mode .manager .manager__name {
  color: #fff;
}
.dark-mode textarea, .dark-mode input[type=url], .dark-mode input[type=email], .dark-mode input[type=text], .dark-mode input[type=search], .dark-mode input[type=password] {
  border-color: rgba(255, 255, 255, 0.07);
  background: rgba(255, 255, 255, 0.03);
  color: #fff;
}
.dark-mode textarea::-moz-placeholder, .dark-mode input[type=url]::-moz-placeholder, .dark-mode input[type=email]::-moz-placeholder, .dark-mode input[type=text]::-moz-placeholder, .dark-mode input[type=search]::-moz-placeholder, .dark-mode input[type=password]::-moz-placeholder {
  color: rgba(255, 255, 255, 0.55);
}
.dark-mode textarea::-webkit-input-placeholder, .dark-mode input[type=url]::-webkit-input-placeholder, .dark-mode input[type=email]::-webkit-input-placeholder, .dark-mode input[type=text]::-webkit-input-placeholder, .dark-mode input[type=search]::-webkit-input-placeholder, .dark-mode input[type=password]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.55);
}
.dark-mode textarea:hover:not(:disabled), .dark-mode input[type=url]:hover:not(:disabled), .dark-mode input[type=email]:hover:not(:disabled), .dark-mode input[type=text]:hover:not(:disabled), .dark-mode input[type=search]:hover:not(:disabled), .dark-mode input[type=password]:hover:not(:disabled) {
  border-color: rgba(255, 255, 255, 0.1);
}
.dark-mode textarea:focus, .dark-mode input[type=url]:focus, .dark-mode input[type=email]:focus, .dark-mode input[type=text]:focus, .dark-mode input[type=search]:focus, .dark-mode input[type=password]:focus {
  outline: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-mode .message._orange._bg {
  background: rgba(255, 210, 98, 0.1);
}