@charset "UTF-8";
:root {
  --grey: #a9a9a9;
  --color-placeholder: gray;
}

.dark-theme,
body {
  --theme-color-text: #FEFEFE;
  --theme-color-bg-main: #0E0F11;
  --theme-color-bg-top-menu-link: #212122;
  --theme-color-text-top-menu-link: #fff;
}

.light-theme,
body.light-theme {
  --theme-color-text: #0E0F11;
  --theme-color-bg-main: #FEFEFE;
  --theme-color-bg-top-menu-link: #F8F8F8;
  --theme-color-text-top-menu-link: #0E0F11;
}

/*
$type -- для условия
         1 -- только если ширина окна меньше контейнера
         2 -- только если ширина окна больше контейнера
         0 -- всегда
*/
.section-creative-tab + .section-wip {
  padding-top: calc(200rem / 16);
}
@media (max-width: 1728px) {
  .section-creative-tab + .section-wip {
    padding-top: calc(10rem / 16 + 190 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.section-wip {
  padding-top: calc(114rem / 16);
  padding-bottom: calc(144rem / 16);
  background-color: #f6f5ff;
}
@media (max-width: 1728px) {
  .section-wip {
    padding-top: calc(30rem / 16 + 84 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-wip {
    padding-bottom: calc(65rem / 16 + 79 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip.row-type {
  padding-top: calc(0rem / 16);
}
@media (max-width: 1728px) {
  .section-wip.row-type {
    padding-top: calc(60rem / 16 + -60 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip.row-type .main-wrapper {
  display: flex;
  flex-direction: column;
  column-gap: 30px;
}
@media only screen and (min-width: 992px) {
  .section-wip.row-type .main-wrapper {
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
}
.section-wip.row-type .section-description {
  max-width: none;
}
.section-wip.row-type .section-wip__wrap-top-content {
  max-width: 650px;
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section-wip.row-type .section-wip__wrap-top-content {
    max-width: 686px;
  }
}
.section-wip.row-type .section-wip__block {
  margin-top: calc(45rem / 16);
  aspect-ratio: 1/1;
  max-width: 540px;
  width: 100%;
  min-height: auto;
}
@media (max-width: 1728px) {
  .section-wip.row-type .section-wip__block {
    margin-top: calc(30rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip.row-type .section-wip__block.has-image {
  background: none;
}
.section-wip.row-type:has(.section-wip__block.has-image) {
  background: linear-gradient(65deg, rgba(64, 30, 255, 0) 0%, rgba(64, 30, 255, 0) 60%, rgba(64, 30, 255, 0.2) 100%), #f6f5ff;
}
@media only screen and (min-width: 992px) {
  .section-wip.row-type:has(.section-wip__block.has-image) {
    background: linear-gradient(195deg, rgba(64, 30, 255, 0) 0%, rgba(64, 30, 255, 0) 60%, rgba(64, 30, 255, 0.2) 100%), #f6f5ff;
  }
}
.section-wip:not(.section-wip.row-type) .section-wip__block.has-image {
  padding: 0;
  min-height: auto;
  overflow: hidden;
}
.section-wip__wrap-top-content {
  max-width: 910px;
}
.section-wip__wrap-top-content .btn {
  margin-top: calc(30rem / 16);
}
@media (max-width: 1728px) {
  .section-wip__wrap-top-content .btn {
    margin-top: calc(25rem / 16 + 5 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip .section-description-top {
  padding-bottom: calc(16rem / 16);
  color: #6b34fd;
  letter-spacing: 0.05em;
}
@media (max-width: 1728px) {
  .section-wip .section-description-top {
    padding-bottom: calc(8rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip .section-title {
  font-size: calc(62rem / 16);
  line-height: 1.05;
  color: #121185;
}
@media (max-width: 1728px) {
  .section-wip .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip .section-description {
  padding-top: calc(22rem / 16);
  color: #353ab0;
  max-width: 680px;
}
@media (max-width: 1728px) {
  .section-wip .section-description {
    padding-top: calc(14rem / 16 + 8 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-wip .section-description + .section-description {
  padding-top: 12px;
}
.section-wip__block {
  margin-top: calc(50rem / 16);
  border-radius: 16px;
  background-color: #001c4f;
  padding: 50px 30px;
  font-size: 7.9375rem;
  line-height: 1.34;
  letter-spacing: 0.02em;
  color: #fff;
  min-height: 531px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-size: contain;
}
@media (max-width: 1728px) {
  .section-wip__block {
    margin-top: calc(30rem / 16 + 20 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
/*# sourceMappingURL=section-wip.min.css.map */