.container {
  width: 100%;
  height: fit-content;
  background: linear-gradient(to bottom, #c8dbff 0%, #ffffff 100%);
  border-radius: 30px;
  padding: 35px 0 0 15px;
  margin-top: 16px;
  overflow: hidden;
  // color: #000;
}

:global(.dark-theme) .container {
  background: linear-gradient(to bottom, #0b4477, #222225);
}

.title {
  margin: 0;
  font-size: 32px;
  line-height: 125%;
  text-align: left;

  &>span {
    color: #275ca7;
  }
}

:global(body.dark-theme) .title {
  &>span {
    color: #4F8DE5;
  }
}

.description {
  font-size: 22px;
  line-height: 125%;
  margin-top: 26px;
  font-weight: 500;
}

.text {
  font-size: 16px;
  line-height: 125%;
  margin-top: 12px;

  &>span {
    color: #275ca7;
    font-size: 18px;
    font-weight: 500;
  }
}

:global(body.dark-theme) .text {
  &>span {
    color: #4F8DE5;
  }
}

.choose-text {
  font-size: 16px;
  line-height: 125%;
  margin-top: 18px;
  font-weight: 500;
}

.avatars-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 12px 0 0 15px;

  &>img {
    margin-right: -18px;
    width: 49px;
    height: 49px;
  }
}

.girl-image {
  float: right;
  margin-top: 33px;
  margin-right: 10px;
  width: 144px;
  shape-outside: var(--compatibilityV2-prefix-girl-image);
  -webkit-shape-outside: var(--compatibilityV2-prefix-girl-image);
  shape-image-threshold: 0;
  -webkit-shape-image-threshold: 0;
  // shape-margin: 10px;
  // -webkit-shape-margin: 10px;
}