@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 -- всегда
*/
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 80%;
    flex-direction: column;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1025px) {
  .page-plug-play .section-left-text-right-visual__wrapper {
    --wLeft: 45%;
  }
}
@media only screen and (max-width: 1024px) {
  .page-plug-play .section-left-text-right-visual__right {
    max-width: 739px;
    width: 100%;
  }
}

.section-left-text-right-visual {
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual {
    padding-bottom: calc(30rem / 16 + 94 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual.with-scroll-slider-lobby {
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    align-items: center;
  }
}
.section-left-text-right-visual__wrapper {
  --colGap: 30px;
  --wLeft: 340px;
  display: flex;
  flex-direction: column;
  row-gap: 55px;
  column-gap: var(--colGap);
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1200px) {
  .section-left-text-right-visual__wrapper {
    --colGap: 50px;
    --wLeft: 565px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
  padding-top: calc(124rem / 16);
  padding-bottom: calc(124rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-top: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post {
    padding-bottom: calc(60rem / 16 + 64 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
  font-size: calc(62rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    font-size: calc(32rem / 16 + 30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-title {
    max-width: 420px;
  }
}
.section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 1200px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 250px;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    --wLeft: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__wrapper {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 991px) {
  .section-left-text-right-visual.section-left-text-right-visual__with-list-cards-post .section-left-text-right-visual__right {
    max-width: 100%;
  }
}
.section-left-text-right-visual__left {
  max-width: var(--wLeft);
  width: 100%;
}
.section-left-text-right-visual__right {
  max-width: 827px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual__right {
    width: calc(100% - var(--wLeft) - var(--colGap));
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .section-left-text-right-visual__slider-wrapper {
    width: calc(100% + 20px);
    margin-right: -20px;
  }
}
.section-left-text-right-visual__list-card-post {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  .section-left-text-right-visual__list-card-post {
    max-width: 818px;
  }
}
@media only screen and (min-width: 1201px) {
  .section-left-text-right-visual__list-card-post {
    min-width: 818px;
  }
}
.section-left-text-right-visual .list-card-post {
  --gap: calc(30rem / 16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .list-card-post {
    --gap: calc(24rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .list-card-post .card-post {
  width: 100%;
  margin: 0;
}
@media only screen and (min-width: 600px) {
  .section-left-text-right-visual .list-card-post .card-post {
    width: calc(50% - var(--gap) / 2);
  }
}
.section-left-text-right-visual.light-theme {
  color: #121185;
}
.section-left-text-right-visual.light-theme .section-description {
  color: #353AB0;
}
.section-left-text-right-visual.light-theme .btn.border {
  border-color: #0E0F11;
  color: #0E0F11;
}
.section-left-text-right-visual .section-description-top {
  font-size: calc(24rem / 16);
  padding-bottom: calc(18rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    font-size: calc(18rem / 16 + 6 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description-top {
    padding-bottom: calc(15rem / 16 + 3 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-title {
  font-size: calc(62rem / 16);
  padding-bottom: calc(15rem / 16);
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    font-size: calc(40rem / 16 + 22 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-title {
    padding-bottom: calc(0rem / 16 + 15 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.section-left-text-right-visual .section-description {
  font-size: calc(22rem / 16);
  max-width: 400px;
  line-height: 1.33;
  letter-spacing: 0.02em;
  color: #353ab0;
}
@media (max-width: 1728px) {
  .section-left-text-right-visual .section-description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .section-left-text-right-visual .section-description {
    line-height: 1.4;
  }
}

.card-lobby-1__wrapper {
  column-gap: calc(30rem / 16);
  display: flex;
  flex-wrap: wrap;
  row-gap: 30px;
}
@media (max-width: 1728px) {
  .card-lobby-1__wrapper {
    column-gap: calc(20rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 1025px) {
  .card-lobby-1__wrapper {
    flex-wrap: nowrap;
  }
}
.card-lobby-1__bg {
  aspect-ratio: 1/0.56;
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .card-lobby-1__bg {
    aspect-ratio: 1/0.62;
    max-width: 460px;
  }
}
.card-lobby-1__bg img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.card-lobby-1__text-wrap {
  gap: calc(0rem / 16);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 340px;
  width: 100%;
}
@media (max-width: 1728px) {
  .card-lobby-1__text-wrap {
    gap: calc(30rem / 16 + -30 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
.card-lobby-1__title {
  font-size: calc(40rem / 16);
  margin-bottom: calc(15rem / 16);
  line-height: 1.2;
  font-weight: 500;
  color: #0E0F11;
}
@media (max-width: 1728px) {
  .card-lobby-1__title {
    font-size: calc(24rem / 16 + 16 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media (max-width: 1728px) {
  .card-lobby-1__title {
    margin-bottom: calc(5rem / 16 + 10 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-lobby-1__title {
    color: #000;
  }
}
.card-lobby-1__description {
  font-size: calc(22rem / 16);
  line-height: 1.51;
  letter-spacing: 0.01em;
  color: #0E0F11;
  opacity: 0.6;
}
@media (max-width: 1728px) {
  .card-lobby-1__description {
    font-size: calc(18rem / 16 + 4 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}
@media only screen and (min-width: 768px) {
  .card-lobby-1__description {
    line-height: 1.4;
    letter-spacing: 0.02em;
    color: #000;
  }
}
.card-lobby-1 .link-to-more {
  font-size: calc(18rem / 16);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #0E0F11;
  margin-bottom: 12px;
}
@media (max-width: 1728px) {
  .card-lobby-1 .link-to-more {
    font-size: calc(16rem / 16 + 2 / 16 * (100vw - 390rem / 16) / (1338 / 16));
  }
}

.slider-scroll-lobby.swiper .swiper-slide-active .card-lobby-1__description[data-animate-text] {
  opacity: 0.6;
}
.slider-scroll-lobby.swiper.is-touch-device .card-lobby-1__description {
  opacity: 0.6;
}
/*# sourceMappingURL=section-left-text-right-scroll-slider-lobby.min.css.map */