.PageContainer--m-scheme-light {
  background: var(--background-page-light);
}
.PageContainer--m-scheme-dark {
  background: var(--background-page-dark);
}
.BrowserTabs {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.BrowserTabs__header::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.BrowserTabs__header {
  display: flex;
  padding: 16px 16px 0;
  background: var(--background-page-dark);
  position: relative;
  border: 1px solid var(--card-border-dark);
  border-bottom: 0;
  border-radius: 24px 24px 0 0;
  z-index: 0;
  width: 100%;
  overflow: scroll hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.BrowserTabs__header::-webkit-scrollbar {
  display: none;
}
@media (max-width: 734px) {
  .BrowserTabs__header {
    border-radius: 16px 16px 0 0;
    padding: 8px 8px 0;
  }
}
.BrowserTabs__headerWrap {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  display: flex;
  border-radius: 24px 24px 0 0;
}
@media (max-width: 734px) {
  .BrowserTabs__headerWrap {
    border-radius: 16px 16px 0 0;
  }
}
.BrowserTabs__headerItem {
  white-space: nowrap;
  cursor: pointer;
  border-radius: 10px 10px 0 0;
  z-index: 2;
  color: var(--text-tertiary-dark);
  padding: 8px 11px 6px 8px;
  display: flex;
  flex-direction: row;
  gap: 6px;
}
.BrowserTabs__headerItem__icon {
  filter: invert(19%) sepia(1%) saturate(0) hue-rotate(90deg) brightness(85%)
    contrast(91%);
  transition: filter 0.2s;
}
.BrowserTabs__headerItem.active {
  color: var(--text-primary-dark);
}
.BrowserTabs__headerItem.active .BrowserTabs__headerItem__icon {
  filter: none;
}
.BrowserTabs__headerItem.active .BrowserTabs__headerItem__title {
  color: var(--text-primary-dark);
}
@media (max-width: 734px) {
  .BrowserTabs__headerItem {
    padding: 6px 8px 5px 6px;
  }
}
.BrowserTabs__headerFloatBlock {
  background: var(--background-content-hover-dark);
  border: 1px solid var(--card-border-dark);
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  z-index: 1;
  width: var(--width);
  height: var(--height);
  position: absolute;
  top: var(--yPosition);
  left: var(--xPosition);
  transition: top 0.2s, left 0.2s, width 0.2s, height 0.2s;
}
.BrowserTabs__bodyContainer {
  flex-grow: 1;
  background: var(--background-content-hover-dark);
  border: 1px solid var(--card-border-dark);
  border-top: 0;
  border-radius: 0 0 24px 24px;
  overflow: hidden;
  display: flex;
  z-index: 1;
}
@media (max-width: 734px) {
  .BrowserTabs__bodyContainer {
    border-radius: 0 0 16px 16px;
  }
}
.BrowserTabs__body {
  display: flex;
  flex-direction: column;
  position: relative;
  height: var(--height);
  flex-grow: 1;
  transition: height 0.3s;
}
.BrowserTabs__bodyItem {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
  max-width: 100%;
  min-height: min-content;
  height: var(--height);
  overflow: hidden;
}
.BrowserTabs__bodyItem.active {
  opacity: 1;
  pointer-events: all;
}
code[class*="language-"],
pre[class*="language-"] {
  color: var(--text-primary-dark);
  background: none;
  font-family: JetBrains Mono;
  font-size: 14px;
  line-height: 28px;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
pre[class*="language-"]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
pre[class*="language-"] {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  overflow: scroll;
  padding-right: 16px;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
pre[class*="language-"]::-webkit-scrollbar {
  display: none;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  background: var(--background-content-hover-dark);
}
:not(pre) > code[class*="language-"] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}
.token.block-comment,
.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
  color: #85e4b1;
}
.token.punctuation {
  color: #c792ea;
}
.token.attr-name,
.token.deleted,
.token.namespace,
.token.tag {
  color: #e2777a;
}
.token.function-name {
  color: #6196cc;
}
.token.boolean,
.token.function,
.token.number {
  color: #f78c6c;
}
.token.class-name,
.token.constant,
.token.property,
.token.symbol {
  color: #f8c555;
}
.token.atrule,
.token.builtin,
.token.important,
.token.keyword,
.token.selector {
  color: #82aaff;
}
.token.attr-value,
.token.char,
.token.regex,
.token.string {
  color: #c3e88d;
}
.token.entity,
.token.operator,
.token.url {
  color: #67cdcc;
}
.token.bold,
.token.important {
  font-weight: 700;
}
.token.italic {
  font-style: italic;
}
.token.entity {
  cursor: help;
}
.token.inserted {
  color: green;
}
.CodeEditor {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding-top: 16px;
}
.CodeEditor__copyButton {
  display: flex;
  transition: opacity 0.3s;
  padding: 6px;
  border-radius: 8px;
  background: var(--basic-overlay-24);
  backdrop-filter: blur(3px);
}
.CodeEditor__downloadButton {
  padding: 8px 8px 6px;
  border-radius: 8px;
  backdrop-filter: blur(3px);
}
.CodeEditor__downloadButton .ButtonText {
  font-size: 12px;
}
.CodeEditor__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 16px;
  box-sizing: border-box;
  gap: 8px;
}
.CodeEditor__numbers {
  user-select: none;
  height: max-content;
  display: flex;
  flex-direction: column;
  padding: 0 12px 0 16px;
  text-align: end;
  min-height: 100%;
  font-family: JetBrains Mono;
  font-size: 14px;
  line-height: 28px;
  color: var(--text-tertiary-dark);
  background: var(--background-content-hover-dark);
  box-shadow: 0;
  transition: box-shadow 0.2s ease;
}
.CodeEditor__numbers > span {
  opacity: 0.48;
}
.CodeEditor__numbers--sticky {
  position: sticky;
  left: 0;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.4);
}
.CopyBtn--mode-icon {
  width: max-content;
  height: max-content;
}
.CopyBtn--mode-icon .svgColored {
  background-color: var(--icon-primary-dark);
}
.CopyBtn--mode-icon.copied {
  animation: scale-icon 0.7s linear;
}
.CopyBtn--mode-icon.copied .svgColored {
  background-color: var(--icon-primary-dark);
}
.CopyBtn--mode-text {
  width: max-content;
}
@keyframes scale-icon {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.7);
  }
  60% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.VideoBlock {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  position: relative;
  opacity: 0;
}
.VideoBlock.in {
  opacity: 1;
}
.VideoBlock__player {
  position: relative;
  pointer-events: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
  border-radius: 16px;
  display: block;
}
.VideoBlock__player_loaded {
  z-index: 1;
}
.VideoBlock__poster {
  position: absolute;
  z-index: 0;
}
.VideoBlock__poster--hidden {
  display: none;
}
.VideoBlock video::-internal-media-controls-overlay-cast-button {
  display: none;
}
.BannerCardVideo__rightColumn {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  align-self: stretch;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  padding: 40px 48px 40px 0;
}
@media (max-width: 1280px) {
  .BannerCardVideo__rightColumn {
    padding: 28px 32px 28px 0;
  }
}
@media (max-width: 734px) {
  .BannerCardVideo__rightColumn {
    padding: 0 24px 20px;
    flex-direction: row;
    align-self: center;
    justify-content: center;
  }
}
.BannerCardVideo__rightColumn__content {
  display: flex;
  justify-content: flex-end;
  max-width: 496px;
  width: 100%;
  height: 310px;
  box-sizing: border-box;
}
@media (max-width: 734px) {
  .BannerCardVideo__rightColumn__content {
    justify-content: center;
    max-height: 285px;
  }
}
.BannerCardVideo__video {
  border-radius: 16px;
}
.BannerCardCode__rightColumn {
  position: relative;
  display: flex;
  flex: 1;
  align-self: stretch;
  box-sizing: border-box;
  width: 100%;
  padding: 40px 48px 40px 0;
}
@media (max-width: 1280px) {
  .BannerCardCode__rightColumn {
    padding: 28px 32px 28px 0;
  }
}
@media (max-width: 734px) {
  .BannerCardCode__rightColumn {
    padding: 0 24px 20px;
    flex-direction: row;
    align-self: center;
    justify-content: center;
  }
}
.BannerCardCode__rightColumn__content {
  display: flex;
  max-width: 496px;
  min-height: 310px;
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 734px) {
  .BannerCardCode__rightColumn__content {
    min-height: 285px;
    max-width: 100%;
  }
}
.BannerCardImage__img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 16px;
  object-fit: contain;
}
.BannerCardImage__rightColumn {
  position: relative;
  display: flex;
  flex: 1;
  align-items: center;
  align-self: stretch;
  justify-content: flex-end;
  box-sizing: border-box;
  width: 100%;
  padding: 40px 48px 40px 0;
}
@media (max-width: 1280px) {
  .BannerCardImage__rightColumn {
    padding: 28px 32px 28px 0;
  }
}
@media (max-width: 734px) {
  .BannerCardImage__rightColumn {
    width: 100%;
    padding: 0 24px 20px;
    flex-direction: row;
    align-self: center;
    justify-content: center;
  }
}
.BannerCardImage__rightColumn__content {
  display: flex;
  justify-content: flex-end;
  width: 496px;
  max-height: 310px;
  box-sizing: border-box;
}
@media (max-width: 1280px) {
  .BannerCardImage__rightColumn__content {
    width: 100%;
    max-width: 496px;
  }
}
@media (max-width: 734px) {
  .BannerCardImage__rightColumn__content {
    justify-content: center;
    width: 100%;
    max-height: 285px;
  }
}
.BannerCardImage__rightColumn--overflow {
  padding-bottom: 0;
  align-items: flex-end;
}
@media (max-width: 1280px) {
  .BannerCardImage__rightColumn--overflow {
    align-items: flex-end;
  }
}
@media (max-width: 734px) {
  .BannerCardImage__rightColumn--overflow {
    align-self: center;
    padding-top: 0;
  }
}
.BannerCardImage__rightColumn--overflow .BannerCardImage__img {
  border-radius: 16px 16px 0 0;
}
@media (max-width: 734px) {
  .BannerCardImage__rightColumn--overflow .BannerCardImage__img {
    border-radius: 12px 12px 0 0;
  }
}
.BannerCardImage__rightColumn--overflow .BannerCardImage__rightColumn__content {
  justify-content: center;
  height: auto;
}
@media (max-width: 1280px) {
  .BannerCardImage__rightColumn--overflow
    .BannerCardImage__rightColumn__content {
    height: auto;
    max-height: 100%;
  }
}
@media (max-width: 734px) {
  .BannerCardImage__rightColumn--overflow
    .BannerCardImage__rightColumn__content {
    height: auto;
    max-height: 285px;
  }
}
.BannerCardImage__rightColumn--background {
  padding: 0 48px 0 0;
}
@media (max-width: 1280px) {
  .BannerCardImage__rightColumn--background {
    padding-right: 0;
  }
}
.BannerCardImage__rightColumn--background
  .BannerCardImage__rightColumn__content {
  position: absolute;
  bottom: 0;
  height: 100%;
  max-height: 100%;
}
@media (max-width: 1280px) {
  .BannerCardImage__rightColumn--background
    .BannerCardImage__rightColumn__content {
    position: relative;
  }
}
@media (max-width: 734px) {
  .BannerCardImage__rightColumn--background
    .BannerCardImage__rightColumn__content {
    max-height: 180px;
    width: auto;
  }
}
.BannerCardImage__rightColumn--background .BannerCardImage__img {
  overflow: visible;
  object-position: center bottom;
  object-fit: contain;
}
@media (max-width: 1280px) {
  .BannerCardImage__rightColumn--background .BannerCardImage__img {
    object-position: left bottom;
    object-fit: cover;
  }
}
@media (max-width: 734px) {
  .BannerCardImage__rightColumn--background .BannerCardImage__img {
    object-position: center bottom;
    object-fit: contain;
  }
}
.SmallCard {
  border-radius: 24px;
  width: 100%;
  overflow: hidden;
}
.SmallCard.SmallCard--hovered {
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out,
    background 0.2s ease-in-out;
  cursor: pointer;
}
@media screen and (min-width: 1000px) {
  .SmallCard.SmallCard--hovered:hover .SmallCard__hoverIcon {
    opacity: 1;
  }
  .SmallCard.SmallCard--hovered:hover .SmallCard__badge--withIcon {
    transform: translateX(-32px);
  }
}
.SmallCard--scheme-light {
  background-color: var(--background-content-light);
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
  cursor: pointer;
  cursor: default;
}
@media screen and (min-width: 1000px) {
  .SmallCard--scheme-light:hover {
    background-color: var(--background-content-hover-light);
  }
}
.SmallCard--scheme-light .SmallCard__hoverIconSvg {
  background-color: var(--icon_light_thirdly);
}
.SmallCard--scheme-dark {
  background-color: var(--background-content-dark);
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
  cursor: pointer;
  cursor: default;
}
@media screen and (min-width: 1000px) {
  .SmallCard--scheme-dark:hover {
    background-color: var(--background-content-hover-dark);
  }
}
.SmallCard--scheme-dark .SmallCard__hoverIconSvg {
  background-color: var(--icon-secondary-dark);
}
.SmallCard--scheme-overlay .SmallCard__hoverIconSvg {
  background-color: var(--basic-white);
}
.SmallCard--in-scrollable-row {
  width: 352px;
  max-height: 560px;
  flex-shrink: 0;
  scroll-snap-align: start;
  height: fit-content;
}
@media (max-width: 734px) {
  .SmallCard--in-scrollable-row {
    width: 312px;
    scroll-snap-align: center;
  }
}
.SmallCard__hoverIcon {
  opacity: 0;
  position: absolute;
  top: 20px;
  right: 24px;
  transition: opacity 0.2s ease-in-out;
}
@media (min-width: 1280px) {
  .SmallCard__hoverIcon {
    top: 28px;
    right: 32px;
  }
}
.SmallCard__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 734px) {
  .SmallCard__content {
    gap: 12px;
  }
}
.SmallCard__topContent {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 28px 32px;
  gap: 8px;
}
@media (max-width: 734px) {
  .SmallCard__topContent {
    padding: 20px 24px;
  }
}
.SmallCard__topContent--withImg {
  padding-bottom: 0;
}
@media (max-width: 734px) {
  .SmallCard__topContent--withImg {
    padding-bottom: 0;
  }
}
.SmallCard__topContent--icon {
  gap: 24px;
}
.SmallCard__topContent--icon-left {
  flex-direction: row;
}
@media (max-width: 734px) {
  .SmallCard__topContent--icon-left {
    flex-direction: column;
  }
}
.SmallCard__topContent--icon-left .SmallCard__firstRow {
  width: max-content;
  flex-direction: column-reverse;
  gap: 0;
  justify-content: flex-end;
}
.SmallCard__firstRow {
  flex-direction: row;
  align-items: flex-start;
}
.SmallCard__firstRow,
.SmallCard__secondRow {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.SmallCard__secondRow {
  height: 100%;
  flex-direction: column;
}
.SmallCard__iconWrap {
  width: 48px;
  height: 48px;
}
.SmallCard__icon,
.SmallCard__lottie {
  height: 100%;
  width: 100%;
}
.SmallCard__lottie > g {
  clip-path: none;
}
.SmallCard__badge {
  margin-bottom: 8px;
  transition: transform 0.3s;
}
.SmallCard__info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.SmallCard__buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 8px;
}
@media (max-width: 734px) {
  .SmallCard__buttons {
    gap: 12px;
  }
}
.SmallCard__img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center bottom;
}
.SmallCard__imgWrap {
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  max-height: 232px;
}
.SmallCard__imgWrap--overflow {
  padding: 0 32px;
}
@media (max-width: 734px) {
  .SmallCard__imgWrap--overflow {
    padding: 0 24px;
  }
}
.SmallCard__imgWrap--background {
  padding: 0;
}
@media (max-width: 1280px) {
  .SmallCard__imgWrap--background .SmallCard__img {
    object-fit: cover;
  }
}
.SmallCard__imgWrap--container {
  padding: 0 32px 28px;
}
@media (max-width: 734px) {
  .SmallCard__imgWrap--container {
    padding: 0 24px 20px;
  }
}
.SmallCard__imgWrap--big {
  padding: 0;
  width: 100%;
  height: 100%;
  max-height: 386px;
}
.PopupContent__desktop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
  background: rgba(0, 0, 0, 0.4);
}
.PopupContent__desktop_visible {
  visibility: visible;
  opacity: 1;
}
.PopupContent__desktop__wrapper {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  height: fit-content;
}
.PopupContent__desktop__modal::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.PopupContent__desktop__modal {
  position: relative;
  width: 100%;
  overflow-y: scroll;
  margin: 96px 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
  border-radius: 24px;
  background: var(--background-page-light, #fff);
}
.PopupContent__desktop__modal::-webkit-scrollbar {
  display: none;
}
.PopupButtonsRow {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 16px;
}
@media (min-width: 734px) {
  .PopupButtonsRow {
    gap: 16px;
    padding: 0 32px 28px;
  }
}
.PopupMarkdown {
  width: 100%;
  box-sizing: border-box;
}
@media (min-width: 734px) {
  .PopupMarkdown {
    width: 544px;
    padding: 28px 32px 32px;
  }
}
.PopupMarkdown a {
  color: var(--accent-light) !important;
  font-variant-numeric: lining-nums tabular-nums;
  border-bottom: none;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.14px;
  font-weight: 600;
}
@media (max-width: 734px) {
  .PopupMarkdown a {
    font-size: 16px;
    letter-spacing: -0.11px;
  }
}
.PopupMarkdown p {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.14px;
}
@media (max-width: 734px) {
  .PopupMarkdown p {
    font-size: 16px;
    letter-spacing: -0.11px;
  }
}
.PopupMarkdown img,
.PopupMarkdown video {
  width: 100%;
  border-radius: 16px;
}
.LinkOption {
  padding: 16px 20px;
  gap: 4px;
  cursor: pointer;
  box-sizing: border-box;
}
.LinkOption,
.LinkOption__wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.LinkOption__wrap {
  border-radius: 16px;
  align-items: center;
}
.LinkOption__wrap:after {
  content: "";
  border-bottom: 1px solid var(--card-border-dark);
  width: calc(100% - 32px);
  display: flex;
}
@media (max-width: 734px) {
  .LinkOption__wrap:after {
    width: calc(100% - 24px);
  }
}
.LinkOption__wrap:last-child:after {
  border-bottom: none;
}
@media (max-width: 734px) {
  .LinkOption {
    padding: 12px 16px;
  }
}
.LinkOption--scheme-light:after {
  border-bottom: 1px solid var(--card-border-light);
}
.LinkOption--scheme-light:hover {
  background-color: var(--background-content-hover-light);
}
.LinkOption--scheme-dark {
  background-color: var(--background-content-dark);
}
.LinkOption--scheme-dark:hover {
  background-color: var(--background-content-hover-dark);
}
.BigCard {
  width: 100%;
  overflow: hidden;
}
.BigCard--scheme-light {
  background-color: var(--background-content-light);
}
.BigCard--scheme-light.BigCard__withImg {
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
  cursor: pointer;
  cursor: default;
}
@media screen and (min-width: 1000px) {
  .BigCard--scheme-light.BigCard__withImg:hover {
    background-color: var(--background-content-hover-light);
  }
}
.BigCard--scheme-dark {
  background-color: var(--background-content-dark);
}
.BigCard--scheme-dark.BigCard__withImg {
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
    opacity 0.2s ease-in-out;
  cursor: pointer;
  cursor: default;
}
@media screen and (min-width: 1000px) {
  .BigCard--scheme-dark.BigCard__withImg:hover {
    background-color: var(--background-content-hover-dark);
  }
}
.BigCard__withImg--overflow .BigCard__bottomContent {
  max-height: 310px;
  padding: 0 32px;
}
@media (max-width: 734px) {
  .BigCard__withImg--overflow .BigCard__bottomContent {
    padding: 0 24px;
  }
}
.BigCard__withImg--background .BigCard__bottomContent {
  max-height: 310px;
  padding: 0;
}
@media (max-width: 1280px) {
  .BigCard__withImg--background .BigCard__img {
    object-fit: cover;
    object-position: left bottom;
  }
}
.BigCard__withImg--container .BigCard__bottomContent {
  padding: 0 32px 28px;
}
@media (max-width: 734px) {
  .BigCard__withImg--container .BigCard__bottomContent {
    padding: 0 24px 20px;
  }
}
.BigCard__withCode .BigCard__bottomContent {
  padding: 0 24px 28px;
  min-height: 310px;
}
@media (max-width: 734px) {
  .BigCard__withCode .BigCard__bottomContent {
    padding: 0 24px 20px;
  }
}
@media (max-width: 1280px) {
  .BigCard__withCode .BigCard__bottomContent {
    min-height: 285px;
  }
}
.BigCard__withOptions .BigCard__content {
  gap: 16px;
}
@media (max-width: 734px) {
  .BigCard__withOptions .BigCard__content {
    gap: 8px;
  }
}
.BigCard__withOptions .BigCard__bottomContent {
  padding: 0 12px 28px;
}
@media (max-width: 734px) {
  .BigCard__withOptions .BigCard__bottomContent {
    padding: 0 8px 8px;
  }
}
.BigCard__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
}
@media (max-width: 734px) {
  .BigCard__content {
    gap: 24px;
  }
}
.BigCard__badge {
  width: max-content;
}
.BigCard__titleWrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.BigCard__titleWrap__firstColumn {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
@media (max-width: 734px) {
  .BigCard__titleWrap__firstColumn {
    gap: 12px;
  }
}
.BigCard__info {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 4px;
  align-items: flex-start;
}
.BigCard__buttons {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  flex-wrap: wrap;
}
@media (max-width: 734px) {
  .BigCard__buttons {
    gap: 12px;
  }
}
.BigCard__topContent {
  box-sizing: border-box;
  padding: 28px 32px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media (max-width: 734px) {
  .BigCard__topContent {
    padding: 20px 24px 0;
  }
}
.BigCard__bottomContent {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}
.BigCard__img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center bottom;
}
.BigCard__options {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.BigCard .NewButton--mode-primary {
  margin-top: 8px;
  padding: 10px 20px;
}
@media (max-width: 734px) {
  .BigCard .NewButton--mode-primary {
    padding: 8px 16px;
    margin-top: 0;
  }
}
.BannerCard {
  border-radius: 24px;
  width: 100%;
  overflow: hidden;
}
.BannerCard--scheme-light {
  background-color: var(--background-content-light);
}
.BannerCard--scheme-dark {
  background-color: var(--background-content-dark);
}
.BannerCard--scheme-overlay .Markdown__link--light:hover {
  color: inherit !important;
  border-bottom-color: inherit !important;
}
.BannerCard__content {
  display: flex;
  flex-direction: row;
  gap: 48px;
  justify-content: center;
}
@media (max-width: 1280px) {
  .BannerCard__content {
    gap: 24px;
  }
}
@media (max-width: 734px) {
  .BannerCard__content {
    flex-direction: column;
    gap: 4px;
  }
}
.BannerCard__leftColumn {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 40px 0 40px 48px;
}
@media (max-width: 1280px) {
  .BannerCard__leftColumn {
    padding: 28px 0 28px 32px;
  }
}
@media (max-width: 734px) {
  .BannerCard__leftColumn {
    padding: 20px 24px;
  }
}
.BannerCard__infoWrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 734px) {
  .BannerCard__infoWrap {
    gap: 4px;
  }
}
.BannerCard__infoWrap__icons {
  display: flex;
}
.BannerCard__infoWrap__icons__item {
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.BannerCard__infoWrap__icons__item:not(:first-child) {
  margin-left: -3px;
  outline: 3px solid var(--background-content-light);
}
@media (max-width: 734px) {
  .BannerCard__infoWrap__icons__item {
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
  }
  .BannerCard__infoWrap__icons__item:not(:first-child) {
    margin-left: -3px;
    outline: 2px solid var(--background-content-light);
  }
}
.BannerCard__buttonsWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 32px;
  gap: 24px;
  align-items: center;
}
@media (max-width: 734px) {
  .BannerCard__buttonsWrap {
    margin-top: 16px;
    gap: 16px;
  }
}
.BannerCard__buttonsWrap--small {
  margin-top: 16px;
}
@media (max-width: 734px) {
  .BannerCard__buttonsWrap--small {
    margin-top: 8px;
  }
}
@keyframes shine-lines {
  0% {
    background-position: -400px;
  }
  to {
    background-position: 440px;
  }
}
@keyframes inAnimation {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes shineAnimation {
  to {
    background-position: 200% 0, 50%;
  }
}
.NewPageBlock--light + .NewPageBlock--dark {
  margin-top: 72px;
}
@media (min-width: 734px) {
  .NewPageBlock--light + .NewPageBlock--dark {
    margin-top: 100px;
  }
}
@media (min-width: 1280px) {
  .NewPageBlock--light + .NewPageBlock--dark {
    margin-top: 120px;
  }
}
.NewPageBlock {
  position: relative;
}
.NewPageBlock--light {
  margin-top: 64px;
}
@media (min-width: 734px) {
  .NewPageBlock--light {
    margin-top: 100px;
  }
}
@media (min-width: 1280px) {
  .NewPageBlock--light {
    margin-top: 120px;
  }
}
.NewPageBlock--light .Title {
  color: var(--text-primary-light);
}
.NewPageBlock--light .Text {
  color: var(--text-secondary-light);
}
.NewPageBlock--light .Note .Text {
  color: var(--text-primary-light);
}
.NewPageBlock--dark {
  color: var(--basic-white);
  background: var(--background-page-dark);
  margin-top: 64px;
}
.NewPageBlock--dark ::selection {
  background: var(--dark-selection);
}
@media (min-width: 734px) {
  .NewPageBlock--dark {
    margin-top: 100px;
  }
}
@media (min-width: 1280px) {
  .NewPageBlock--dark {
    margin-top: 120px;
  }
}
.NewPageBlock--dark .Title {
  color: var(--text-primary-dark);
}
.NewPageBlock--dark .Text {
  color: var(--text-secondary-dark);
}
.NewPageBlock--dark .Note .Text {
  color: var(--text-primary-dark);
}
.NewPageBlock--center .NewPageBlock__info {
  text-align: center;
}
.NewPageBlock__info {
  position: relative;
  margin-bottom: 24px;
}
@media (min-width: 734px) {
  .NewPageBlock__info {
    margin-bottom: 40px;
  }
}
@media (min-width: 1280px) {
  .NewPageBlock__info {
    margin-bottom: 48px;
  }
}
.NewPageBlock .size--small .NewPageBlock__info {
  margin-bottom: 24px;
}
@media (min-width: 1280px) {
  .NewPageBlock .size--small .NewPageBlock__info {
    margin-bottom: 32px;
  }
}
.NewPageBlock__btnSlot {
  text-align: center;
}
.NewPageBlock__containerTitle {
  margin-bottom: 16px;
}
@media (max-width: 734px) {
  .NewPageBlock__containerTitle .Title {
    text-align: center;
  }
}
.NewPageBlock__containerTitle.multiContent {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 734px) {
  .NewPageBlock__containerTitle.multiContent {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .NewPageBlock__containerTitle.multiContent .Title {
    text-align: center;
  }
}
@media (max-width: 1024px) {
  .NewPageBlock__containerTitle {
    margin-bottom: 12px;
  }
}
@media (max-width: 834px) {
  .NewPageBlock__containerTitle {
    margin-bottom: 12px;
  }
}
.NewPageBlock__containerTitle .Title {
  margin: 0;
}
.NewPageBlock__subtitle .Text + .Text {
  margin-top: 24px;
}
@media (max-width: 1024px) {
  .NewPageBlock__subtitle .Text + .Text {
    margin-top: 16px;
  }
}