/* Component boundaries preserve the original selector specificity and layout. */
[data-component] {
  display: inline;
}

[data-host-header] .logo[data-header] {
  height: 60px;
}

[data-host-header] .navbar[data-header] {
  position: fixed;
  z-index: 100;
  width: 100vw;
  opacity: 1;
  padding: 16px 40px;
  justify-content: space-between;
  background: linear-gradient(rgb(62, 85, 255), rgba(84, 103, 255, 0) 93%);
}

[data-host-header] .dropdown-style[data-header] {
  list-style: none;
  text-decoration: none;
  color: rgb(255, 255, 255);
}

[data-host-header] .dropdown-style[data-header]>.dropdown-toggle[data-header] {
  min-height: 67px;
  padding: 22px 32px 16px;
  border: 0px;
  background: transparent;
  color: rgb(255, 255, 255);
  font: 16px / 24px poppins-regular;
}

[data-host-header] .dropdown-style[data-header]>.dropdown-toggle[data-header]:hover {
  color: rgb(254, 252, 169);
}

[data-host-header] .dropdown-style[data-header]>.dropdown-toggle[data-header]:focus-visible {
  border-radius: 8px;
  outline: rgb(254, 252, 169) solid 2px;
  outline-offset: -4px;
}

[data-host-header] .dropdown-style[data-header] .submenu-style[data-header] {
  background: rgb(255, 255, 255);
  border-radius: 12px;
  margin-top: 12px;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px;
  padding-left: 0px;
}

[data-host-header] .dropdown-style[data-header] .submenu-style[data-header] .ico-solutions[data-header] {
  height: 30px;
  margin-right: 12px;
}

[data-host-header] .dropdown-style[data-header] .submenu-style[data-header] a[data-header] {
  color: var(--yso-deep-grey) !important;
}

[data-host-header] .navbar-brand[data-header] {
  background: 0% 0% no-repeat padding-box padding-box transparent;
  animation: 0.46s cubic-bezier(0.22, 1, 0.36, 1) 60ms 1 normal backwards running data-header_header-item-enter;
}

[data-host-header] .navbar-collapse[data-header] {
  flex-grow: 0;
}

[data-host-header] .navbar-toggler[data-header] {
  width: 56px;
  height: 56px;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 60px;
  animation: 0.44s cubic-bezier(0.22, 1, 0.36, 1) 0.12s 1 normal backwards running data-header_header-item-enter;
}

[data-host-header] .navbar-toggler[data-header]:focus-visible {
  outline: rgb(254, 252, 169) solid 3px;
  outline-offset: 3px;
  box-shadow: none;
}

[data-host-header] .navbar-nav[data-header]>[data-header] {
  animation: 0.44s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal backwards running data-header_header-item-enter;
}

[data-host-header] .navbar-nav[data-header]>[data-header]:nth-child(1) {
  animation-delay: 0.12s;
}

[data-host-header] .navbar-nav[data-header]>[data-header]:nth-child(2) {
  animation-delay: 0.17s;
}

[data-host-header] .navbar-nav[data-header]>[data-header]:nth-child(3) {
  animation-delay: 0.22s;
}

[data-host-header] .navbar-nav[data-header]>[data-header]:nth-child(4) {
  animation-delay: 0.27s;
}

[data-host-header] .nav-item[data-header] a[data-header] {
  font: 16px / 35px poppins-regular;
  color: rgb(255, 255, 255);
  padding: 16px 32px;
}

[data-host-header] .nav-item[data-header] a[data-header]:hover {
  color: rgb(254, 252, 169);
}

[data-host-header] .nav-item[data-header] a[data-header]:focus-visible {
  border-radius: 8px;
  outline: rgb(254, 252, 169) solid 2px;
  outline-offset: -4px;
}

[data-host-header] .nav-item.active[data-header] a[data-header] {
  color: rgb(254, 252, 169);
}

[data-host-header] .nav-item[data-header] .button-service[data-header] {
  background: rgb(229, 243, 255);
  border-radius: 25px;
  color: rgb(0, 139, 255);
}

[data-host-header] .nav-item[data-header] .button-service[data-header]:hover {
  background: rgb(0, 139, 255);
  color: rgb(255, 255, 255);
}

[data-host-header] .nav-item[data-header] .button-publish[data-header] {
  backdrop-filter: blur(30px);
  text-align: center;
  align-items: center;
  height: 50px;
  font: 700 16px / 22px poppins-bold;
  letter-spacing: 0px;
  color: var(--header-background);
  text-transform: uppercase;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  background: rgba(255, 255, 255, 0.094);
  border-radius: 30px;
  border: 0px;
  opacity: 1;
}

[data-host-header] .nav-item[data-header] .button-publish[data-header]:hover {
  background: transparent linear-gradient(56deg,
      var(--header-first-color-light) 0%,
      var(--header-second-color-light) 100%);
  color: rgb(255, 255, 255) !important;
}

[data-host-header] .nav-item[data-header] .button-publish[data-header] img[data-header] {
  margin-left: 10px;
}

@media (max-width: 992px) {
  [data-host-header] .navbar[data-header] {
    padding: 16px 40px;
  }

  [data-host-header] .navbar-collapse[data-header] {
    flex-basis: 100%;
    margin-top: 8px;
    border-radius: 16px;
    background: rgba(55, 68, 95, 0.96);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px;
  }

  [data-host-header] .dropdown-style[data-header]>.dropdown-toggle[data-header] {
    width: 100%;
    text-align: left;
  }

  [data-host-header] .dropdown-style[data-header] .submenu-style[data-header] {
    position: static;
    margin: 0px 16px 12px;
  }

  [data-host-header] .nav-item[data-header] .button-service[data-header] {
    margin-bottom: 15px;
  }

  [data-host-header] .nav-item[data-header]:last-child {
    margin-left: 0px;
  }
}

@media (max-width: 575.98px) {
  [data-host-header] .logo[data-header] {
    width: 150px;
    height: auto;
  }

  [data-host-header] .navbar[data-header] {
    padding: 16px 31px;
  }

  [data-host-header] .navbar-toggler[data-header] {
    width: 56px;
    height: 56px;
    padding: 13px;
  }
}

@media (prefers-reduced-motion: reduce) {

  [data-host-header] .navbar-brand[data-header],
  [data-host-header] .navbar-toggler[data-header],
  [data-host-header] .navbar-nav[data-header]>[data-header] {
    animation: 0.18s ease-out 0s 1 normal backwards running header-reduced-fade;
  }
}

@keyframes data-header_header-item-enter {
  0% {
    opacity: 0;
    transform: translate3d(0px, -8px, 0px);
  }

  100% {
    opacity: 1;
    transform: translateZ(0px);
  }
}

@keyframes data-header_header-reduced-fade {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#topgames[data-home-page],
#aboutus[data-home-page],
#contact[data-home-page] {
  scroll-margin-top: 150px;
}

[data-host-hero] {
  --home-primary: #596bff;
  --hero-card-radius: 31px;
  --hero-motion-easing: cubic-bezier(0.22, 1, 0.36, 1);
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: -43px;
}

[data-host-hero] .hero[data-hero] {
  min-height: 684px;
  position: relative;
  color: var(--yso-white);
}

[data-host-hero] .hero__art[data-hero] {
  position: absolute;
  z-index: -1;
  top: 0px;
  left: 50%;
  width: 100vw;
  min-width: 1440px;
  height: 1323px;
  transform: translate(-50%);
  overflow: hidden;
  background: linear-gradient(116deg,
      rgb(47, 216, 241),
      rgb(70, 153, 250) 38%,
      rgb(101, 64, 255));
  pointer-events: none;
  animation: hero-background-enter 0.6s var(--hero-motion-easing) backwards;
}

[data-host-hero] .hero__decorations[data-hero] {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 1918.36px;
  height: 1186px;
  transform: translate(-50%);
}

[data-host-hero] .hero__decoration[data-hero] {
  --parallax-x: 0px;
  --parallax-y: 0px;
  position: absolute;
  display: block;
  max-width: none;
  transform: translate3d(var(--parallax-x), var(--parallax-y), 0);
  transform-origin: center center;
}

[data-host-hero] .hero__decoration--hex-cyan-large[data-hero] {
  top: 452.78px;
  left: 1669.54px;
  width: 500.91px;
  height: 474.1px;
  animation:
    hero-decoration-enter 0.52s var(--hero-motion-easing) 1.12s backwards,
    hero-decoration-spin 28s linear 1.7s infinite;
}

[data-host-hero] .hero__decoration--hex-cyan-left[data-hero] {
  top: 325.36px;
  left: -105.56px;
  width: 196.37px;
  height: 189.18px;
  animation:
    hero-decoration-enter 0.52s var(--hero-motion-easing) 1.18s backwards,
    hero-decoration-spin-reverse 24s linear 1.76s infinite;
}

[data-host-hero] .hero__decoration--hex-yellow[data-hero] {
  top: 121.79px;
  left: 1722.69px;
  width: 88.4px;
  height: 83.92px;
  animation:
    hero-decoration-enter 0.52s var(--hero-motion-easing) 1.22s backwards,
    hero-decoration-spin 22s linear 1.8s infinite;
}

[data-host-hero] .hero__decoration--blob-blue-right[data-hero] {
  top: 541.38px;
  left: 1766.89px;
  width: 90.87px;
  height: 86.24px;
  animation: hero-decoration-enter 0.52s var(--hero-motion-easing) 1.16s backwards;
}

[data-host-hero] .hero__decoration--blob-blue-lower[data-hero] {
  top: 813.54px;
  left: 1062.02px;
  width: 70.33px;
  height: 69.48px;
  animation: hero-decoration-enter 0.52s var(--hero-motion-easing) 1.24s backwards;
}

[data-host-hero] .hero__decoration--dot-white[data-hero] {
  top: 161px;
  left: 847px;
  width: 11px;
  height: 11px;
  animation: hero-decoration-enter 0.42s var(--hero-motion-easing) 1.1s backwards;
}

[data-host-hero] .hero__content[data-hero] {
  width: min(1409px, 100% - 48px);
  margin: 0px auto;
  padding-top: 216px;
  display: grid;
  grid-template-columns: 490px minmax(0px, 1fr);
  align-items: center;
  gap: 77px;
}

[data-host-hero] .hero__copy[data-hero] {
  position: relative;
  min-width: 0px;
}

[data-host-hero] .hero__rocket[data-hero] {
  --parallax-x: 0px;
  --parallax-y: 0px;
  --rocket-rotation: 20deg;
  position: absolute;
  top: 105px;
  right: -44px;
  width: 152px;
  height: auto;
  object-fit: contain;
  transform: translate3d(var(--parallax-x), var(--parallax-y), 0) rotate(var(--rocket-rotation));
  pointer-events: none;
  animation:
    hero-rocket-enter 0.68s var(--hero-motion-easing) 1.12s backwards,
    hero-rocket-float 4.4s ease-in-out 1.9s infinite alternate;
}

[data-host-hero] .hero__eyebrow[data-hero] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0px 0px 31px;
  font: 20.84px / 1.2 poppins-medium;
  letter-spacing: 2.92px;
  text-transform: uppercase;
  text-shadow: rgb(53, 73, 168) 0px 1px 0px;
  white-space: nowrap;
  animation: hero-copy-enter 0.48s var(--hero-motion-easing) 0.2s backwards;
}

[data-host-hero] .hero__eyebrow[data-hero] span[data-hero] {
  width: 15px;
  height: 15px;
  flex: 0 0 15px;
  border-radius: 50%;
  background: rgb(244, 240, 20);
}

[data-host-hero] .hero__title[data-hero] {
  margin: 0px;
  font: 93.57px / 1.2 poppins-bold;
  letter-spacing: -2px;
  color: var(--yso-white);
  text-shadow:
    rgba(71, 96, 214, 0.46) 0px 19.56px 4.9px,
    rgba(57, 36, 244, 0.81) 0px 8.89px 0px,
    rgb(8, 218, 255) 0px 3.56px 0px;
}

[data-host-hero] .hero__title[data-hero] span[data-hero] {
  display: block;
  animation: hero-copy-enter 0.56s var(--hero-motion-easing) backwards;
}

[data-host-hero] .hero__title[data-hero] span[data-hero]:nth-child(1) {
  animation-delay: 0.35s;
}

[data-host-hero] .hero__title[data-hero] span[data-hero]:nth-child(2) {
  animation-delay: 0.47s;
}

[data-host-hero] .hero__title[data-hero] span[data-hero]:nth-child(3) {
  animation-delay: 0.59s;
}

[data-host-hero] .hero__ecosystem[data-hero] {
  position: relative;
}

[data-host-hero] .hero__cards[data-hero] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0px, 1fr));
  gap: 36px 24px;
}

[data-host-hero] .ecosystem-card[data-hero] {
  --card-enter-x: 0px;
  --card-enter-y: 0px;
  --parallax-x: 0px;
  --parallax-y: 0px;
  min-width: 0px;
  height: 193px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: var(--hero-card-radius);
  padding: 28px;
  isolation: isolate;
  color: var(--yso-white);
  text-decoration: none;
  cursor: pointer;
  transform: translate3d(var(--parallax-x), var(--parallax-y), 0);
  box-shadow:
    0 7px 0 var(--card-edge),
    7px 7px 0 var(--card-edge),
    22px 21px 14.6px #0000001f;
  transition:
    transform 0.18s,
    box-shadow 0.18s;
  animation: hero-card-enter 0.74s var(--hero-motion-easing) backwards;
}

[data-host-hero] .ecosystem-card[data-hero]::before {
  position: absolute;
  z-index: -1;
  inset: 0px;
  border-radius: inherit;
  background: var(--card-background);
  box-shadow: rgba(255, 255, 255, 0.25) 2px 2px inset;
  content: "";
  transition:
    filter 0.18s,
    box-shadow 0.18s;
}

[data-host-hero] .ecosystem-card[data-hero]::after {
  position: absolute;
  z-index: -1;
  inset: -2px;
  border-radius: calc(var(--hero-card-radius) + 2px);
  border: 1.5px solid transparent;
  box-shadow: transparent 0px 0px 0px 0px;
  content: "";
  pointer-events: none;
  transition:
    border-color 0.18s,
    box-shadow 0.18s;
}

[data-host-hero] .ecosystem-card[data-hero]:hover {
  transform: translateY(-4px);
  box-shadow:
    0 11px 0 var(--card-edge),
    7px 11px 0 var(--card-edge),
    26px 28px 22px #0000002e;
}

[data-host-hero] .ecosystem-card[data-hero]:hover::before {
  filter: saturate(1.08) brightness(1.04);
}

[data-host-hero] .ecosystem-card[data-hero]:hover::after {
  border-color: color-mix(in srgb, var(--card-edge) 55%, white);
  box-shadow: 0 0 18px color-mix(in srgb, var(--card-edge) 40%, transparent);
}

[data-host-hero] .ecosystem-card[data-hero]:hover .ecosystem-card__label[data-hero] {
  transform: translateY(-2px) scale(1.04);
  box-shadow: rgba(68, 55, 83, 0.34) 3px 5px 10px;
}

[data-host-hero] .ecosystem-card[data-hero]:hover .ecosystem-card__icon[data-hero] {
  transform: translateY(-3px) scale(1.06);
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 14px;
}

[data-host-hero] .ecosystem-card[data-hero]:focus-visible {
  outline: 3px solid var(--yso-white);
  outline-offset: 4px;
}

[data-host-hero] .ecosystem-card[data-hero]:active {
  transform: translateY(-1px);
}

[data-host-hero] .ecosystem-card[data-hero]:nth-child(1) {
  --card-enter-x: 18px;
  --card-enter-y: 14px;
  animation-delay: 0.55s;
}

[data-host-hero] .ecosystem-card[data-hero]:nth-child(2) {
  --card-enter-x: -18px;
  --card-enter-y: 14px;
  animation-delay: 0.61s;
}

[data-host-hero] .ecosystem-card[data-hero]:nth-child(3) {
  --card-enter-x: 18px;
  --card-enter-y: -14px;
  animation-delay: 0.67s;
}

[data-host-hero] .ecosystem-card[data-hero]:nth-child(4) {
  --card-enter-x: -18px;
  --card-enter-y: -14px;
  animation-delay: 0.73s;
}

[data-host-hero] .ecosystem-card--studio[data-hero] {
  --card-edge: #8d3f39;
  --partner-color: #8d3f39;
  --label-color: #92587a;
  --card-background: linear-gradient(146deg,
      rgb(255 155 22 / 96%) 0%,
      rgb(255 100 30 / 66%) 53%,
      rgb(89 71 148 / 49%) 200%);
}

[data-host-hero] .ecosystem-card--playable[data-hero] {
  --card-edge: #95556a;
  --partner-color: #ff6724;
  --label-color: #ce6229;
  --card-background: linear-gradient(204deg,
      rgb(255 155 22 / 88%) 34%,
      rgb(255 87 161 / 71%) 99%);
}

[data-host-hero] .ecosystem-card--publishing[data-hero] {
  --card-edge: #434797;
  --partner-color: #434797;
  --label-color: #4b40c2;
  --card-background: linear-gradient(105deg,
      rgb(23 0 52 / 30%) 7%,
      rgb(116 122 221 / 52%) 63%,
      rgb(137 187 255 / 88%) 119%);
}

[data-host-hero] .ecosystem-card--network[data-hero] {
  --card-edge: #95556a;
  --partner-color: #9a2f7e;
  --label-color: #9a3ce2;
  --card-background: linear-gradient(185deg,
      #ff825a 0%,
      rgb(255 0 184 / 55%) 100%);
}

[data-host-hero] .ecosystem-card__label[data-hero] {
  position: absolute;
  top: 18px;
  right: 19px;
  min-width: 86px;
  padding: 6px 15px;
  border-radius: 4px;
  background: var(--label-color);
  font: 10.17px / 15px poppins-semi-bold;
  letter-spacing: 1.83px;
  text-align: center;
  text-transform: uppercase;
  box-shadow: rgba(68, 55, 83, 0.28) 2px 3px 6px;
  transform-origin: right top;
  transition:
    transform 0.18s,
    box-shadow 0.18s;
}

[data-host-hero] .ecosystem-card__main[data-hero] {
  display: grid;
  grid-template-columns: 70px minmax(0px, 1fr);
  align-items: center;
  gap: 20px;
}

[data-host-hero] .ecosystem-card__icon[data-hero] {
  width: 70px;
  height: 70px;
  display: grid;
  place-items: center;
  padding: 8px;
  border-radius: 10px;
  background: var(--yso-white);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 10px;
  transition:
    transform 0.18s,
    box-shadow 0.18s;
}

[data-host-hero] .ecosystem-card__icon[data-hero] img[data-hero] {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

[data-host-hero] .ecosystem-card__main[data-hero] h2[data-hero] {
  margin: 0px 0px 7px;
  font: 19px / 1.2 poppins-bold;
  text-transform: uppercase;
}

[data-host-hero] .ecosystem-card__main[data-hero] p[data-hero] {
  margin: 0px;
  font: 12.14px / 1.25 poppins-regular;
}

[data-host-hero] .ecosystem-card__partner[data-hero] {
  position: absolute;
  right: 32px;
  bottom: 20px;
  min-height: 26px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 15px;
  border-radius: 47px;
  background: rgba(255, 255, 255, 0.55);
  color: var(--partner-color);
  font: 10.12px / 1 poppins-semi-bold;
  transition:
    background-color 0.18s,
    transform 0.18s,
    box-shadow 0.18s;
}

[data-host-hero] .ecosystem-card__partner[data-hero] img[data-hero] {
  width: 10px;
  height: 10px;
}

[data-host-hero] .ecosystem-card[data-hero]:hover .ecosystem-card__partner[data-hero] {
  background: rgba(255, 255, 255, 0.62);
}

[data-host-hero] .ecosystem-card[data-hero] .ecosystem-card__partner[data-hero]:hover {
  background: rgba(255, 255, 255, 0.82);
  box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 10px;
  transform: translateY(-2px);
}

[data-host-hero] .hero__badge[data-hero] {
  --parallax-x: 0px;
  --parallax-y: 0px;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  width: 118px;
  height: auto;
  transform: translate(-50%, -42%) translate3d(var(--parallax-x), var(--parallax-y), 0);
  pointer-events: none;
  animation: hero-badge-enter 0.43s var(--hero-motion-easing) 0.95s backwards;
}

[data-host-hero] .hero__badge-pulse[data-hero] {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 118px;
  aspect-ratio: 1 / 1;
  border: 2px solid rgba(68, 238, 255, 0.56);
  border-radius: 28px;
  box-shadow:
    rgba(45, 230, 255, 0.34) 0px 0px 18px,
    rgba(255, 255, 255, 0.24) 0px 0px 14px inset;
  opacity: 0;
  transform: translate(-50%, -42%) scale(0.78);
  pointer-events: none;
  animation: 0.62s ease-out 1.04s 1 normal none running hero-badge-pulse;
}

[data-host-hero] .hero__astronaut[data-hero] {
  --parallax-x: 0px;
  --parallax-y: 0px;
  position: absolute;
  z-index: 2;
  top: -157px;
  right: 83px;
  width: auto;
  height: 215px;
  object-fit: contain;
  transform: translate3d(var(--parallax-x), var(--parallax-y), 0) rotate(-8deg);
  pointer-events: none;
  animation:
    hero-astronaut-enter 0.68s var(--hero-motion-easing) 1.1s backwards,
    hero-astronaut-float 4.8s ease-in-out 1.9s infinite alternate;
}

[data-host-hero] .hero--motion-paused[data-hero] .hero__decoration--hex-cyan-large[data-hero],
[data-host-hero] .hero--motion-paused[data-hero] .hero__decoration--hex-cyan-left[data-hero],
[data-host-hero] .hero--motion-paused[data-hero] .hero__decoration--hex-yellow[data-hero],
[data-host-hero] .hero--motion-paused[data-hero] .hero__rocket[data-hero],
[data-host-hero] .hero--motion-paused[data-hero] .hero__astronaut[data-hero] {
  animation-play-state: running, paused;
}

@media (min-width: 1200px) and (max-width: 1440px) {
  [data-host-hero] .hero__content[data-hero] {
    width: min(1190px, 100% - 96px);
    grid-template-columns: 485px minmax(0px, 1fr);
    gap: 31px;
  }

  [data-host-hero] .hero__title[data-hero] {
    font-size: 81.57px;
  }

  [data-host-hero] .hero__rocket[data-hero] {
    top: 130px;
    right: -12px;
    width: 108px;
    height: 114px;
    --rocket-rotation: 8deg;
  }

  [data-host-hero] .ecosystem-card[data-hero] {
    height: 170px;
  }

  [data-host-hero] .hero__badge[data-hero] {
    width: 87px;
    height: 93px;
  }

  [data-host-hero] .hero__badge-pulse[data-hero] {
    width: 87px;
  }

  [data-host-hero] .hero__astronaut[data-hero] {
    top: -119px;
    right: 82px;
    width: 134px;
    height: 155px;
  }
}

@media (min-width: 1000px) and (max-width: 1199.98px) {
  [data-host-hero] .hero__eyebrow[data-hero] {
    font-size: 15.84px;
  }

  [data-host-hero] .hero__rocket[data-hero] {
    top: 70px;
    right: -64px;
    width: 152px;
    height: auto;
    --rocket-rotation: 20deg;
  }
}

@media (max-width: 1199.98px) {
  [data-host-hero] {
    margin-bottom: 0px;
  }

  [data-host-hero] .hero__art[data-hero] {
    background:
      radial-gradient(circle at 40% 16%,
        rgb(255, 255, 255) 0px,
        rgb(255, 255, 255) 4px,
        transparent 5px),
      linear-gradient(116deg,
        rgb(47, 216, 241),
        rgb(70, 153, 250) 38%,
        rgb(101, 64, 255));
  }

  [data-host-hero] .hero__decorations[data-hero] {
    display: none;
  }

  [data-host-hero] .hero__content[data-hero] {
    width: min(960px, 100% - 48px);
    grid-template-columns: minmax(350px, 0.8fr) minmax(0px, 1.2fr);
  }

  [data-host-hero] .hero__title[data-hero] {
    font-size: clamp(58px, 6.3vw, 76px);
  }

  [data-host-hero] .ecosystem-card[data-hero] {
    padding: 22px;
  }

  [data-host-hero] .ecosystem-card__main[data-hero] {
    grid-template-columns: 60px minmax(0px, 1fr);
    gap: 14px;
  }

  [data-host-hero] .ecosystem-card__icon[data-hero] {
    width: 60px;
    height: 60px;
  }

  [data-host-hero] .ecosystem-card__partner[data-hero] {
    right: 22px;
  }
}

@media (max-width: 991.98px) {
  [data-host-hero] {
    margin-bottom: -140px;
  }

  [data-host-hero] .hero[data-hero] {
    min-height: 1598px;
  }

  [data-host-hero] .hero__art[data-hero] {
    width: 100%;
    min-width: 0px;
    height: 1944px;
    background:
      radial-gradient(circle at 28% 7%,
        rgb(255, 255, 255) 0px,
        rgb(255, 255, 255) 4px,
        transparent 5px),
      radial-gradient(circle at 76% 22%,
        rgb(255, 255, 255) 0px,
        rgb(255, 255, 255) 4px,
        transparent 5px),
      linear-gradient(168deg,
        rgb(85, 89, 255),
        rgb(72, 132, 255) 38%,
        rgb(32, 215, 230));
  }

  [data-host-hero] .hero__decoration[data-hero],
  [data-host-hero] .hero__rocket[data-hero],
  [data-host-hero] .hero__astronaut[data-hero],
  [data-host-hero] .hero__badge[data-hero] {
    animation: auto ease 0s 1 normal none running none;
  }

  [data-host-hero] .hero__badge-pulse[data-hero] {
    display: none;
  }

  [data-host-hero] .hero__eyebrow[data-hero] {
    animation-duration: 0.36s;
  }

  [data-host-hero] .hero__title[data-hero] span[data-hero] {
    animation-duration: 0.44s;
  }

  [data-host-hero] .hero__cards[data-hero] .ecosystem-card[data-hero] {
    --card-enter-x: 0px;
    --card-enter-y: 10px;
    animation-duration: 0.52s;
  }

  [data-host-hero] .hero__content[data-hero] {
    width: 100%;
    padding: 246px 71px 0px;
    display: block;
  }

  [data-host-hero] .hero__copy[data-hero] {
    width: 626px;
    max-width: 100%;
    margin: 0px auto 28px;
  }

  [data-host-hero] .hero__eyebrow[data-hero] {
    margin-bottom: 31px;
  }

  [data-host-hero] .hero__title[data-hero] {
    font-size: 81.57px;
    line-height: 1.2;
  }

  [data-host-hero] .hero__ecosystem[data-hero] {
    width: 626px;
    max-width: 100%;
    margin: 0px auto;
  }

  [data-host-hero] .hero__cards[data-hero] {
    grid-template-columns: 1fr;
    gap: 39px;
  }

  [data-host-hero] .ecosystem-card[data-hero] {
    height: 198px;
    padding: 20px 52px;
  }

  [data-host-hero] .ecosystem-card__main[data-hero] {
    grid-template-columns: 70px minmax(0px, 1fr);
    gap: 20px;
  }

  [data-host-hero] .ecosystem-card__icon[data-hero] {
    width: 70px;
    height: 70px;
  }

  [data-host-hero] .ecosystem-card__main[data-hero] h2[data-hero] {
    font-size: 25.19px;
  }

  [data-host-hero] .ecosystem-card__main[data-hero] p[data-hero] {
    font-size: 16.1px;
    line-height: 1.25;
  }

  [data-host-hero] .ecosystem-card__partner[data-hero] {
    right: 52px;
    bottom: 20px;
  }

  [data-host-hero] .hero__rocket[data-hero] {
    display: block;
    top: 64px;
    right: 83px;
    width: 192px;
  }

  [data-host-hero] .hero__badge[data-hero],
  [data-host-hero] .hero__astronaut[data-hero] {
    display: none;
  }
}

@media (max-width: 575.98px) {
  [data-host-hero] .hero[data-hero] {
    min-height: 1316px;
  }

  [data-host-hero] .hero__art[data-hero] {
    height: 1800px;
    background:
      radial-gradient(circle at 63% 10%,
        rgb(255, 255, 255) 0px,
        rgb(255, 255, 255) 3px,
        transparent 4px),
      linear-gradient(168deg,
        rgb(85, 89, 255),
        rgb(72, 132, 255) 38%,
        rgb(32, 215, 230));
  }

  [data-host-hero] .hero__content[data-hero] {
    padding: 135px 31px 0px;
  }

  [data-host-hero] .hero__copy[data-hero] {
    margin-bottom: 36px;
  }

  [data-host-hero] .hero__eyebrow[data-hero] {
    gap: 10px;
    margin-bottom: 28px;
    font-size: 11px;
    letter-spacing: 1.65px;
  }

  [data-host-hero] .hero__eyebrow[data-hero] span[data-hero] {
    width: 10px;
    height: 10px;
    flex-basis: 10px;
  }

  [data-host-hero] .hero__title[data-hero] {
    font-size: 48px;
    line-height: 1.15;
    letter-spacing: -1px;
    text-shadow:
      rgba(71, 96, 214, 0.46) 0px 10px 3px,
      rgba(57, 36, 244, 0.81) 0px 5px 0px,
      rgb(8, 218, 255) 0px 2px 0px;
  }

  [data-host-hero] .hero__rocket[data-hero] {
    top: 27px;
    right: -8px;
    width: clamp(96px, 28vw, 128px);
  }

  [data-host-hero] .hero__cards[data-hero] {
    gap: 24px;
  }

  [data-host-hero] .ecosystem-card[data-hero] {
    height: 198px;
    padding: 20px;
    border-radius: 31px;
    box-shadow:
      0 7px 0 var(--card-edge),
      7px 7px 0 var(--card-edge),
      18px 18px 13px #0000001f;
  }

  [data-host-hero] .ecosystem-card__label[data-hero] {
    top: 19px;
    right: 20px;
    min-width: 104px;
    padding: 6px 15px;
    font-size: 10px;
    line-height: 15px;
    letter-spacing: 1.8px;
    box-shadow: rgba(68, 55, 83, 0.3) 2px 2px 2px;
  }

  [data-host-hero] .ecosystem-card__main[data-hero] {
    grid-template-columns: 70px minmax(0px, 1fr);
    gap: 20px;
    align-items: center;
  }

  [data-host-hero] .ecosystem-card__icon[data-hero] {
    width: 70px;
    height: 70px;
    padding: 8px;
    border-radius: 10px;
  }

  [data-host-hero] .ecosystem-card__main[data-hero] h2[data-hero] {
    margin-bottom: 4px;
    font-size: 20px;
    line-height: 1.2;
  }

  [data-host-hero] .ecosystem-card__main[data-hero] p[data-hero] {
    font-size: 14px;
    line-height: 1.25;
  }

  [data-host-hero] .ecosystem-card__partner[data-hero] {
    right: 24px;
    bottom: 20px;
    min-height: 26px;
    gap: 8px;
    padding: 5px 15px;
    font-size: 10px;
  }

  [data-host-hero] .ecosystem-card__partner[data-hero] img[data-hero] {
    width: 10px;
    height: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {

  [data-host-hero] .hero__art[data-hero],
  [data-host-hero] .hero__eyebrow[data-hero],
  [data-host-hero] .hero__title[data-hero] span[data-hero],
  [data-host-hero] .ecosystem-card[data-hero],
  [data-host-hero] .hero__rocket[data-hero],
  [data-host-hero] .hero__astronaut[data-hero],
  [data-host-hero] .hero__decoration[data-hero],
  [data-host-hero] .hero__badge[data-hero] {
    animation: 0.18s ease-out 0s 1 normal backwards running hero-reduced-fade;
  }

  [data-host-hero] .hero__badge-pulse[data-hero] {
    display: none;
  }
}

[data-host-products] {
  --home-primary: #596bff;
}

[data-host-products] #ysonetwork[data-products] {
  scroll-margin-top: 120px;
}

[data-host-products] #publishing[data-products] {
  scroll-margin-top: 120px;
}

[data-host-products] #monsterplayable[data-products] {
  scroll-margin-top: 120px;
}

[data-host-products] .logo-solution[data-products] {
  height: 70px;
  margin-top: 50px;
}

[data-host-products] .bkg-publishing[data-products] {
  position: relative;
  z-index: 3;
  padding: 12px 12px 230px;
  height: 100%;
  background-image: url("/assets/images/home-page/bkg-topgame.svg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  margin-bottom: -150px;
}

[data-host-products] .bkg-publishing[data-products] .container-xl[data-products] {
  max-width: 1280px;
}

[data-host-products] .bkg-publishing[data-products] .container-xl[data-products] .stretchguy[data-products] {
  max-width: 300px;
  position: absolute;
  right: -20px;
  top: 3630px;
  z-index: 1;
}

[data-host-products] .bkg-publishing[data-products] .container-xl[data-products] .woodcharact[data-products] {
  max-width: 220px;
  position: absolute;
  left: 160px;
  top: 3200px;
  z-index: 1;
}

[data-host-products] .bkg-publishing[data-products] .stars[data-products] {
  max-width: 140px;
  width: 100%;
  display: block;
  margin: 60px auto 0px;
}

[data-host-products] .bkg-publishing[data-products] .title[data-products] {
  font-size: 32px;
  color: rgb(255, 255, 255);
  font-family: poppins-bold;
  padding-top: 40px;
  padding-bottom: 12px;
}

[data-host-products] .bkg-publishing[data-products] .description[data-products] {
  font-family: poppins-regular;
  font-size: 16px;
  color: rgb(255, 255, 255);
  margin-bottom: 32px;
  text-align: center;
}

[data-host-products] .bkg-publishing[data-products] .description[data-products] b[data-products] {
  font: 16px / 27px poppins-bold;
}

[data-host-products] .bkg-publishing[data-products] .background-img[data-products] {
  position: absolute;
  width: 100%;
  left: 0px;
  overflow: hidden;
  z-index: -1;
}

[data-host-products] .bkg-publishing[data-products] .background-img[data-products] img[data-products] {
  margin-left: -250px;
}

[data-host-products] .bkg-publishing[data-products] .bt-publish[data-products] {
  background-color: rgb(255, 255, 255);
  width: fit-content;
  font-size: 16px;
  color: rgb(89, 107, 255);
  border-radius: 100px;
  padding: 10px 20px;
  font-family: poppins-medium;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px;
  transition: 0.2s ease-in-out;
  margin-top: 24px;
  margin-bottom: 24px;
  text-decoration: none;
  display: block;
}

[data-host-products] .bkg-publishing[data-products] .bt-publish[data-products]:hover {
  padding: 10px 24px;
  transition: 0.2s ease-in-out;
}

[data-host-products] .bkg-publishing[data-products] .button-more-games[data-products] {
  background-color: rgba(255, 255, 255, 0.15);
  width: fit-content;
  font-size: 16px;
  color: rgb(255, 255, 255);
  border-radius: 100px;
  padding: 10px 20px;
  font-family: poppins-medium;
  margin: 24px auto;
  text-align: center;
  display: block;
  transition: 0.2s ease-in-out;
  text-decoration: none;
}

[data-host-products] .bkg-publishing[data-products] .button-more-games[data-products]:hover {
  background-color: rgb(255, 255, 255);
  color: rgb(89, 107, 255);
  transition: 0.2s ease-in-out;
  text-decoration: none;
}

[data-host-products] .bkg-publishing[data-products] .award-block[data-products] {
  padding: 24px;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: 32px;
}

[data-host-products] .bkg-publishing[data-products] .award-block[data-products] .trophe[data-products] {
  height: 300px;
  float: right;
}

[data-host-products] .bkg-publishing[data-products] .award-block[data-products] .title-award[data-products] {
  font-family: poppins-black;
  text-shadow: rgba(0, 106, 255, 0.09) 0px 10px 6px;
}

[data-host-products] .bkg-publishing[data-products] .award-block[data-products] .title-award[data-products] .aw1[data-products] {
  color: rgb(255, 230, 134);
  font-size: 80px;
  line-height: 116px;
}

[data-host-products] .bkg-publishing[data-products] .award-block[data-products] .title-award[data-products] .aw2[data-products] {
  color: rgb(255, 246, 214);
  font-size: 36px;
  line-height: 0px;
}

[data-host-products] .bkg-publishing[data-products] .award-block[data-products] .title-award[data-products] .aw3[data-products] {
  color: rgb(255, 204, 77);
  font-size: 38px;
  line-height: 82px;
}

[data-host-products] .bkg-publishing[data-products] .award-block[data-products] .text-award[data-products] {
  font-family: poppins-regular;
  font-size: 16px;
  color: rgb(255, 255, 255);
}

@media (max-width: 992px) {

  .bkg-publishing[data-products] .stretchguy[data-products],
  .bkg-publishing[data-products] .woodcharact[data-products],
  .bkg-publishing[data-products] .second-games[data-products] {
    display: none;
  }

  .bkg-publishing[data-products] .trophe[data-products] {
    height: 300px;
    margin: 0px auto;
    display: block;
    float: none !important;
  }

  .bkg-publishing[data-products] .aw2[data-products] {
    color: rgb(255, 246, 214);
    line-height: 0px;
    font-size: 26px !important;
  }
}

[data-host-products] .bkg-network[data-products] {
  --cloud-image: url(/assets/images/home-page/network/figma/cloud-background.svg);
  --cloud-zoom: 192%;
  --cloud-position: top center;
  --cloud-parallax-x: 0px;
  --cloud-parallax-y: 0px;
  --network-min-height: 1298px;
  --network-safe-top: 425px;
  --network-gutter: 24px;
  --network-bottom-space: 140px;
  --network-overlap-bottom: -100px;
  position: relative;
  z-index: 2;
  isolation: isolate;
  min-height: var(--network-min-height);
  margin-bottom: var(--network-overlap-bottom);
  padding: var(--network-safe-top) var(--network-gutter) var(--network-bottom-space);
  color: var(--yso-deep-grey);
  overflow: hidden;
}

[data-host-products] .bkg-network[data-products]::before {
  position: absolute;
  z-index: -1;
  inset: 0px;
  background-image: var(--cloud-image);
  background-position: var(--cloud-position);
  background-repeat: no-repeat;
  background-size: var(--cloud-zoom);
  content: "";
  pointer-events: none;
  transform: translate3d(var(--cloud-parallax-x), var(--cloud-parallax-y), 0);
  animation: 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal backwards running network-cloud-enter;
}

[data-host-products] .bkg-network[data-products] .network-container[data-products] {
  width: min(1280px, 100%);
  margin: 0px auto;
}

[data-host-products] .bkg-network[data-products] .network-heading[data-products] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

[data-host-products] .bkg-network[data-products] .network-logo[data-products] {
  width: 207px;
  height: 70px;
  object-fit: contain;
}

[data-host-products] .bkg-network[data-products] .network-heading[data-products] h2[data-products] {
  max-width: 1080px;
  margin: 40px 0px 12px;
  color: var(--home-primary);
  font: 32px / 1.2 poppins-bold;
}

[data-host-products] .bkg-network[data-products] .network-heading[data-products] p[data-products] {
  margin: 0px;
  color: var(--yso-deep-grey);
  font: 16px / 24px poppins-regular;
}

[data-host-products] .bkg-network[data-products] .network-heading[data-products] p[data-products] strong[data-products] {
  font-family: poppins-bold;
}

[data-host-products] .bkg-network[data-products] .network-cards[data-products] {
  display: grid;
  grid-template-columns: repeat(3, minmax(0px, 1fr));
  gap: 24px;
  margin-top: 40px;
}

[data-host-products] .bkg-network[data-products] .card-network[data-products] {
  min-width: 0px;
  min-height: 309px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 32px;
  background: var(--yso-white);
  color: var(--yso-deep-grey);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px;
  transition:
    transform 0.18s,
    box-shadow 0.18s;
}

[data-host-products] .bkg-network[data-products] .card-network[data-products]:hover {
  transform: translateY(-4px);
  box-shadow: rgba(0, 0, 0, 0.13) 0px 16px 24px;
}

[data-host-products] .bkg-network[data-products] .card-network[data-products] .img-network[data-products] {
  width: 100%;
  aspect-ratio: 354.66 / 153.45;
  object-fit: contain;
}

[data-host-products] .bkg-network[data-products] .card-network[data-products] h3[data-products] {
  margin: 17px 0px 7px;
  color: var(--yso-deep-grey);
  font: 22px / 33px poppins-bold;
  text-align: center;
}

[data-host-products] .bkg-network[data-products] .card-network[data-products] p[data-products] {
  margin: 0px;
  color: var(--yso-deep-grey);
  font: 16px / 22px poppins-regular;
  text-align: center;
}

[data-host-products] .bkg-network[data-products] .bt-network[data-products] {
  width: fit-content;
  min-height: 44px;
  margin: 24px auto 0px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background: var(--home-primary);
  color: var(--yso-white);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 12px 20px;
  font: 16px / 24px poppins-medium;
  text-decoration: none;
  transition:
    padding 0.18s,
    filter 0.18s,
    transform 0.18s;
}

[data-host-products] .bkg-network[data-products] .bt-network[data-products]:hover {
  padding-inline: 24px;
  filter: brightness(1.06);
}

[data-host-products] .bkg-network[data-products] .bt-network[data-products]:focus-visible {
  outline: rgb(55, 68, 95) solid 3px;
  outline-offset: 4px;
}

[data-host-products] .bkg-network[data-products] .bt-network[data-products]:active {
  transform: translateY(1px);
}

@media (min-width: 1440px) {
  [data-host-products] .bkg-network[data-products] {
    --cloud-zoom: 158%;
    --network-min-height: 1500px;
    --network-safe-top: 650px;
  }
}

@media (min-width: 2100px) {
  [data-host-products] .bkg-network[data-products] {
    --cloud-zoom: 158%;
    --network-min-height: 1440px;
    --network-safe-top: 650px;
  }
}

@media (min-width: 2560px) {
  [data-host-products] .bkg-network[data-products] {
    --cloud-zoom: 120%;
    --network-min-height: 1440px;
    --network-safe-top: 696px;
  }
}

@media (max-width: 991.98px) {
  [data-host-products] .bkg-network[data-products] {
    --cloud-zoom: 300%;
    --network-min-height: 1469px;
    --network-safe-top: 480px;
    --network-gutter: 12px;
    --network-bottom-space: 144px;
    margin-top: 0px;
  }

  [data-host-products] .bkg-network[data-products]::before {
    animation: 0.52s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal backwards running network-cloud-enter-mobile;
  }

  [data-host-products] .bkg-network[data-products] .network-container[data-products] {
    width: 744px;
    max-width: 100%;
  }

  [data-host-products] .bkg-network[data-products] .network-heading[data-products] h2[data-products] {
    margin-top: 40px;
  }

  [data-host-products] .bkg-network[data-products] .network-heading[data-products] p[data-products] {
    max-width: 720px;
  }

  [data-host-products] .bkg-network[data-products] .network-cards[data-products] {
    grid-template-columns: repeat(2, minmax(0px, 1fr));
    gap: 24px;
    margin-top: 40px;
  }

  [data-host-products] .bkg-network[data-products] .card-network[data-products] {
    min-height: 308px;
  }

  [data-host-products] .bkg-network[data-products] .card-network[data-products]:last-child {
    grid-column: 1 / -1;
    width: calc(50% - 12px);
    justify-self: center;
  }
}

@media (max-width: 575.98px) {
  [data-host-products] .bkg-network[data-products] {
    --cloud-image: url(/assets/images/home-page/network/figma/cloud-background-mobile.webp);
    --cloud-position: 49% top;
    --cloud-zoom: 540%;
    --network-min-height: 1762px;
    --network-safe-top: 405px;
    --network-gutter: 24px;
    --network-bottom-space: 110px;
    --network-overlap-bottom: -80px;
  }

  [data-host-products] .bkg-network[data-products] .network-logo[data-products] {
    width: 207px;
    height: 70px;
  }

  [data-host-products] .bkg-network[data-products] .network-heading[data-products] h2[data-products] {
    max-width: 342px;
    margin-top: 40px;
    font-size: 32px;
    line-height: 1.2;
  }

  [data-host-products] .bkg-network[data-products] .network-heading[data-products] p[data-products] {
    max-width: 342px;
    margin-top: 0px;
    font-size: 16px;
    line-height: 24px;
  }

  [data-host-products] .bkg-network[data-products] .network-cards[data-products] {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 40px;
  }

  [data-host-products] .bkg-network[data-products] .card-network[data-products],
  [data-host-products] .bkg-network[data-products] .card-network[data-products]:last-child {
    width: 100%;
    min-height: 309px;
    grid-column: auto;
    padding: 24px;
    border-radius: 32px;
  }

  [data-host-products] .bkg-network[data-products] .card-network[data-products] h3[data-products],
  [data-host-products] .bkg-network[data-products] .card-network[data-products]:last-child h3[data-products] {
    margin-top: 17px;
    margin-bottom: 7px;
    font-size: 22px;
    line-height: 33px;
  }

  [data-host-products] .bkg-network[data-products] .card-network[data-products] p[data-products],
  [data-host-products] .bkg-network[data-products] .card-network[data-products]:last-child p[data-products] {
    max-width: 300px;
    font-size: 16px;
    line-height: 22px;
  }

  [data-host-products] .bkg-network[data-products] .bt-network[data-products] {
    min-height: 44px;
    margin-top: 24px;
    padding: 10px 20px;
    font-size: 16px;
    line-height: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  [data-host-products] .bkg-network[data-products]::before {
    animation: 0.18s ease-out 0s 1 normal backwards running network-cloud-reduced-fade;
  }
}

[data-host-products] .bkg-monsterplayable[data-products] {
  position: relative;
  z-index: 4;
  padding: 12px;
  height: 100%;
  background-image: url("/assets/images/home-page/bkg-monsterplayable.svg");
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

[data-host-products] .bkg-monsterplayable[data-products] .container-xl[data-products] {
  max-width: 1280px;
  margin-bottom: 100px;
}

[data-host-products] .bkg-monsterplayable[data-products] .bt-monster[data-products] {
  background-color: rgb(89, 107, 255);
  width: fit-content;
  font-size: 16px;
  color: rgb(255, 255, 255);
  border-radius: 100px;
  padding: 10px 20px;
  font-family: poppins-medium;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 12px 20px;
  transition: 0.2s ease-in-out;
  margin-top: 24px;
  text-decoration: none;
  display: block;
}

[data-host-products] .bkg-monsterplayable[data-products] .bt-monster[data-products]:hover {
  padding: 10px 24px;
  transition: 0.2s ease-in-out;
}

[data-host-products] .bkg-monsterplayable[data-products] .title[data-products] {
  font-size: 32px;
  color: rgb(255, 255, 255);
  font-family: poppins-bold;
  padding-top: 40px;
  padding-bottom: 12px;
  width: 100%;
}

[data-host-products] .bkg-monsterplayable[data-products] .description[data-products] {
  font-family: poppins-regular;
  font-size: 16px;
  color: rgb(255, 255, 255);
  margin-bottom: 40px;
}

[data-host-products] .bkg-monsterplayable[data-products] .description[data-products] b[data-products] {
  font: 16px / 27px poppins-bold;
}

[data-host-products] .bkg-monsterplayable[data-products] .card-playable[data-products] {
  padding: 24px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px;
  border-radius: 32px;
  opacity: 1;
  margin-bottom: 24px;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
  color: var(--yso-deep-grey);
}

[data-host-products] .bkg-monsterplayable[data-products] .card-playable[data-products] .img-iec[data-products] {
  width: 100%;
  background: linear-gradient(216deg,
      rgb(255, 167, 79) 21.46%,
      rgb(255, 117, 216) 101.66%);
  border-radius: 16px;
}

[data-host-products] .bkg-monsterplayable[data-products] .card-playable[data-products] .img-playable[data-products] {
  width: 100%;
  background: linear-gradient(224deg,
      rgb(255, 236, 63) 8.24%,
      rgb(255, 164, 56) 92%);
  border-radius: 16px;
}

[data-host-products] .bkg-monsterplayable[data-products] .card-playable[data-products] .title-playable[data-products] {
  font-size: 22px;
  color: var(--yso-deep-grey);
  font-family: poppins-bold;
  margin-bottom: 7px;
  display: block;
}

[data-host-products] .bkg-monsterplayable[data-products] .card-playable[data-products] .description[data-products] {
  font: 16px / 22px poppins-regular;
  letter-spacing: 0px;
  color: var(--yso-deep-grey);
  opacity: 1;
  margin-bottom: 0px;
  display: block;
}

[data-host-products] .bkg-monsterplayable[data-products] .card-playable[data-products] .game-image[data-products] {
  margin-top: 25px;
  overflow: hidden;
}

[data-host-products] .bkg-monsterplayable[data-products] .card-playable[data-products] .game-image[data-products] img[data-products] {
  border-radius: 20px;
  width: 334px;
}

[data-host-products] .bkg-monsterplayable[data-products] .card-try[data-products] {
  padding: 32px 18px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px;
  border-radius: 32px;
  opacity: 1;
  margin-bottom: 24px;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
}

[data-host-products] .bkg-monsterplayable[data-products] .card-try[data-products] .game-icon[data-products] {
  margin-bottom: 24px;
}

[data-host-products] .bkg-monsterplayable[data-products] .card-try[data-products] .game-icon[data-products] img[data-products] {
  border-radius: 32px;
  width: 100%;
  max-width: 140px;
  display: block;
  margin: 0px auto;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px;
}

[data-host-products] .bkg-monsterplayable[data-products] .card-try[data-products] .game-title[data-products] {
  font-size: 22px;
  color: rgb(89, 107, 255);
  font-family: poppins-bold;
  margin-bottom: 7px;
  text-align: center;
  display: block;
}

[data-host-products] .bkg-monsterplayable[data-products] .card-try[data-products] .game-description[data-products] {
  font: 16px / 22px poppins-regular;
  letter-spacing: 0px;
  color: var(--yso-deep-grey);
  opacity: 1;
  margin-bottom: 24px;
  text-align: center;
  display: block;
}

[data-host-about-us] .deco[data-about-us] {
  position: absolute;
  margin-top: -540px;
  z-index: -1;
  width: 500px;
  margin-left: -160px;
}

[data-host-about-us] .container-xl[data-about-us] {
  max-width: 1280px;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 24px;
}

[data-host-about-us] .container-xl[data-about-us] .img-succes[data-about-us] {
  width: 180px;
  margin-top: -50px;
  margin-bottom: -50px;
}

[data-host-about-us] .container-xl[data-about-us] .title-section[data-about-us] {
  font-size: 32px;
  color: rgb(89, 107, 255);
  padding-bottom: 32px;
  font-family: poppins-bold;
}

[data-host-about-us] .container-xl[data-about-us] .card-top5[data-about-us] {
  border-radius: 32px;
  border: 1px solid rgb(255, 255, 255);
  background: linear-gradient(77deg,
      rgb(200, 255, 209) 6.07%,
      rgb(148, 255, 249) 106.12%);
  color: rgb(0, 106, 85);
  padding: 32px;
  height: 100%;
  transition: 0.2s ease-in-out;
  font-size: 16px;
  font-family: poppins-regular;
  min-height: 220px;
}

[data-host-about-us] .container-xl[data-about-us] .card-top5[data-about-us] .title-succes[data-about-us] {
  font-size: 38px;
  font-family: poppins-black;
  display: block;
  margin-bottom: -6px;
}

[data-host-about-us] .container-xl[data-about-us] .card-top5[data-about-us] .subtitle-succes[data-about-us] {
  font-size: 22px;
  font-family: poppins-bold;
  display: block;
  margin-bottom: 8px;
}

[data-host-about-us] .container-xl[data-about-us] .card-download[data-about-us] {
  border-radius: 32px;
  border: 1px solid rgb(255, 255, 255);
  background: linear-gradient(83deg,
      rgb(187, 247, 255) -5.55%,
      rgb(245, 206, 255) 109.99%);
  color: rgb(49, 46, 159);
  padding: 32px;
  height: 100%;
  transition: 0.2s ease-in-out;
  font-size: 16px;
  font-family: poppins-regular;
  min-height: 220px;
}

[data-host-about-us] .container-xl[data-about-us] .card-download[data-about-us] .title-succes[data-about-us] {
  font-size: 38px;
  font-family: poppins-black;
  display: block;
  margin-bottom: -6px;
}

[data-host-about-us] .container-xl[data-about-us] .card-download[data-about-us] .subtitle-succes[data-about-us] {
  font-size: 22px;
  font-family: poppins-bold;
  display: block;
  margin-bottom: 8px;
}

[data-host-about-us] .container-xl[data-about-us] .card-newgames[data-about-us] {
  border-radius: 32px;
  border: 1px solid rgb(255, 255, 255);
  background: linear-gradient(83deg,
      rgb(242, 222, 255) -10.86%,
      rgb(221, 243, 255) 103.79%);
  color: rgb(119, 25, 109);
  padding: 32px;
  height: 100%;
  transition: 0.2s ease-in-out;
  font-size: 16px;
  font-family: poppins-regular;
  min-height: 220px;
}

[data-host-about-us] .container-xl[data-about-us] .card-newgames[data-about-us] .title-succes[data-about-us] {
  font-size: 38px;
  font-family: poppins-black;
  display: block;
  margin-bottom: -6px;
}

[data-host-about-us] .container-xl[data-about-us] .card-newgames[data-about-us] .subtitle-succes[data-about-us] {
  font-size: 22px;
  font-family: poppins-bold;
  display: block;
  margin-bottom: 8px;
}

[data-host-about-us] .container-xl[data-about-us] .card-top8[data-about-us] {
  border-radius: 32px;
  border: 1px solid rgb(255, 255, 255);
  background: linear-gradient(81deg,
      rgb(255, 243, 200) 1.87%,
      rgb(255, 213, 238) 114.07%);
  color: rgb(145, 52, 22);
  padding: 32px;
  height: 100%;
  transition: 0.2s ease-in-out;
  font-size: 16px;
  font-family: poppins-regular;
  min-height: 220px;
}

[data-host-about-us] .container-xl[data-about-us] .card-top8[data-about-us] .title-succes[data-about-us] {
  font-size: 38px;
  font-family: poppins-black;
  display: block;
  margin-bottom: -6px;
}

[data-host-about-us] .container-xl[data-about-us] .card-top8[data-about-us] .subtitle-succes[data-about-us] {
  font-size: 22px;
  font-family: poppins-bold;
  display: block;
  margin-bottom: 8px;
}

@media (max-width: 992px) {
  [data-host-about-us] .container-xl[data-about-us] .img-succes[data-about-us] {
    max-width: 180px;
    width: 100%;
    margin: 16px;
  }
}

[data-host-contact] .container[data-contact] {
  max-width: 1280px;
  transition: 0.2s ease-in-out;
}

[data-host-contact] .contact[data-contact] {
  padding: 12px;
  background-color: rgb(236, 244, 255);
}

[data-host-contact] .contact[data-contact] .title[data-contact] {
  display: flex;
  justify-content: center;
  font-size: 32px;
  color: rgb(89, 107, 255);
  padding-top: 24px;
  padding-bottom: 24px;
  font-family: poppins-bold;
}

[data-host-contact] .contact[data-contact] .form[data-contact] {
  display: flex;
}

@media (min-width: 768px) {
  [data-host-contact] .contact[data-contact] .form[data-contact] .col-md-6[data-contact] {
    flex: 0 0 49%;
    max-width: 49%;
  }

  [data-host-contact] .contact[data-contact] .form[data-contact] .fill-md-6[data-contact] {
    flex: 0 0 2%;
    max-width: 2%;
  }
}

[data-host-contact] .contact[data-contact] .form[data-contact] .form-item-valid[data-contact] {
  margin-bottom: 35px;
}

[data-host-contact] .contact[data-contact] .form[data-contact] .custom-input[data-contact] {
  background: 0% 0% no-repeat padding-box padding-box rgb(255, 255, 255);
  border: 1px solid white;
  border-radius: 12px;
  opacity: 1;
  box-shadow: rgb(223, 235, 251) 0px 12px 20px;
}

[data-host-contact] .contact[data-contact] .form[data-contact] .custom-input[data-contact]:focus {
  outline-color: rgb(89, 107, 255);
}

[data-host-contact] .contact[data-contact] .form[data-contact] .custom-input-select[data-contact] {
  border: 1px solid white;
  border-radius: 12px;
  opacity: 1;
  box-shadow: rgb(223, 235, 251) 0px 12px 20px;
}

[data-host-contact] .contact[data-contact] .form[data-contact] .custom-input-select[data-contact]:focus {
  outline-color: rgb(89, 107, 255);
}

[data-host-contact] .contact[data-contact] .form[data-contact] .error-input[data-contact] {
  border: 1px solid red;
  transition: 0.2s ease-in-out;
}

[data-host-contact] .contact[data-contact] .form[data-contact] .error-text-off[data-contact] {
  color: green;
}

[data-host-contact] .contact[data-contact] .form[data-contact] .send-message-error[data-contact] {
  color: red;
}

[data-host-contact] .contact[data-contact] .form[data-contact] .send-message-ok[data-contact] {
  color: green;
}

[data-host-contact] .contact[data-contact] .form[data-contact] .error-text-on[data-contact] {
  color: red;
  font-family: poppins-bold;
  margin-bottom: 20px;
  transition: 0.2s ease-in-out;
}

[data-host-contact] .contact[data-contact] .form[data-contact] input[data-contact],
[data-host-contact] .contact[data-contact] .form[data-contact] select[data-contact] {
  height: 60px;
  width: 100%;
  padding-left: 10px;
}

[data-host-contact] .contact[data-contact] .form[data-contact] textarea[data-contact] {
  height: 175px;
  width: 100%;
  padding: 15px;
}

[data-host-contact] .contact[data-contact] .form[data-contact] .bt-send[data-contact] {
  background-color: rgb(255, 255, 255);
  width: fit-content;
  font-size: 16px;
  color: rgb(89, 107, 255);
  border-radius: 100px;
  padding: 10px 32px;
  font-family: poppins-medium;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px;
  transition: 0.2s ease-in-out;
  text-decoration: none;
}

[data-host-contact] .contact[data-contact] .form[data-contact] .bt-send[data-contact]:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(89, 107, 255);
  transition: 0.2s ease-in-out;
}

[data-host-contact] .contact[data-contact] .form[data-contact] .bt-send[data-contact]:focus {
  outline: none;
}

@media (max-width: 768px) {
  [data-host-contact] .contact[data-contact] .form[data-contact] {
    display: block;
  }
}

[data-host-footer] .footer[data-footer] {
  color: var(--footer-text-color);
  background: 0% 0% no-repeat padding-box padding-box rgb(236, 244, 255);
}

[data-host-footer] .footer[data-footer] .bkg-footer[data-footer] {
  background-image: url("/assets/images/footer/footer.svg");
  background-size: cover;
  background-position-x: center;
  background-repeat: no-repeat;
  height: 100%;
  padding: 82px 62px 62px;
}

[data-host-footer] .footer[data-footer] .container-xl[data-footer] {
  max-width: 1280px;
}

[data-host-footer] .footer[data-footer] a[data-footer] {
  color: var(--footer-text-color);
}

[data-host-footer] .footer[data-footer] .info-map[data-footer] {
  width: 140px;
}

[data-host-footer] .footer[data-footer] .info-map[data-footer] .map[data-footer] {
  width: 100%;
  border-radius: 12px;
}

[data-host-footer] .footer[data-footer] .info-text[data-footer] {
  font: 16px / 22px poppins-regular;
  letter-spacing: 0px;
  color: var(--footer-text-color);
}

[data-host-footer] .footer[data-footer] .info-text[data-footer] p[data-footer] {
  margin-bottom: 0px;
}

[data-host-footer] .footer[data-footer] .info-text[data-footer] .ysocorp-img[data-footer] {
  margin-bottom: 20px;
}

[data-host-footer] .footer[data-footer] .social-links[data-footer] p[data-footer] {
  margin-bottom: 38px;
  text-align: center;
  font: 700 16px / 27px poppins-regular;
  letter-spacing: 0px;
  color: var(--footer-text-color);
  opacity: 1;
}

[data-host-footer] .footer[data-footer] .social-links[data-footer] .links[data-footer] {
  display: flex;
  text-align: center;
  justify-content: space-evenly;
}

[data-host-footer] .footer[data-footer] .social-links[data-footer] .links[data-footer] .link[data-footer] .social-img[data-footer] {
  width: 80px;
}

[data-host-footer] .footer[data-footer] .copyright[data-footer] {
  text-align: right;
  font: 16px / 21px poppins-regular;
  letter-spacing: 0px;
  color: var(--footer-text-color);
}

[data-host-footer] .footer[data-footer] .copyright[data-footer] .img-top[data-footer] {
  cursor: pointer;
  width: 60px;
  margin-bottom: 32px;
}

@media (max-width: 992px) {
  [data-host-footer] .footer[data-footer] {}

  [data-host-footer] .footer[data-footer] .bkg-footer[data-footer] {
    padding: 12px;
  }

  [data-host-footer] .footer[data-footer] .info-map[data-footer] {
    text-align: center;
    margin-bottom: 10px;
  }

  [data-host-footer] .footer[data-footer] .info-map[data-footer] .map[data-footer] {
    max-width: 215px;
    margin-bottom: 20px;
  }

  [data-host-footer] .footer[data-footer] .info-text[data-footer] {
    text-align: center;
    margin-bottom: 30px;
  }

  [data-host-footer] .footer[data-footer] .social-links[data-footer] {
    margin-bottom: 40px;
  }

  [data-host-footer] .footer[data-footer] .social-links[data-footer] p[data-footer] {
    font-size: 22px;
    margin-bottom: 20px;
  }

  [data-host-footer] .footer[data-footer] .copyright[data-footer] {
    text-align: center;
  }

  [data-host-footer] .footer[data-footer] .copyright[data-footer] .img-top[data-footer] {
    width: 80px;
    margin-bottom: 20px;
  }

  [data-host-footer] .footer[data-footer] .copyright[data-footer] .copy-text[data-footer] {
    position: relative;
  }
}

[data-host-card] .card[data-card] {
  padding: 32px 18px;
  background: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px;
  border-radius: 32px;
  opacity: 1;
  margin-bottom: 24px;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none;
}

[data-host-card] .card[data-card] .info-card[data-card] {
  display: flex;
}

[data-host-card] .card[data-card] .info-card[data-card] .game-icon[data-card] {
  margin-bottom: 24px;
}

[data-host-card] .card[data-card] .info-card[data-card] .game-icon[data-card] img[data-card] {
  border-radius: 32px;
  width: 100%;
  max-width: 140px;
  display: block;
  margin: 0px auto;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 12px 20px;
}

[data-host-card] .card[data-card] .info-card[data-card] .game-info[data-card] .game-title[data-card] {
  font-size: 22px;
  color: rgb(89, 107, 255);
  font-family: poppins-bold;
  margin-bottom: 7px;
  text-align: center;
  display: block;
}

[data-host-card] .card[data-card] .info-card[data-card] .game-info[data-card] .game-description[data-card] {
  font: 16px / 22px poppins-regular;
  letter-spacing: 0px;
  color: var(--yso-deep-grey);
  opacity: 1;
  margin-bottom: 0px;
  text-align: center;
  display: block;
}

[data-host-card] .card[data-card] .info-card[data-card] .game-info[data-card] .game-links[data-card] {
  text-align: center;
  display: block;
  margin: 0px auto;
}

[data-host-card] .card[data-card] .info-card[data-card] .game-info[data-card] .game-links[data-card] .game-link[data-card] .icon[data-card] {
  width: 24px;
  margin: 12px;
}

[data-host-card] .card[data-card] .info-card[data-card] .game-info[data-card] .game-links[data-card] .disable-card[data-card] {
  opacity: 0.3 !important;
}

[data-host-card] .card[data-card] .game-image[data-card] {
  margin-top: 25px;
  overflow: hidden;
}

[data-host-card] .card[data-card] .game-image[data-card] img[data-card] {
  border-radius: 20px;
  width: 334px;
}

[data-host-games-page] .prod-games[data-games-page] {
  background-color: rgb(84, 104, 255);
  padding: 80px 12px 40px;
}

[data-host-games-page] .prod-games[data-games-page] .container-xl[data-games-page] {
  max-width: 1600px;
}

[data-host-games-page] .prod-games[data-games-page] .container-xl[data-games-page] .title[data-games-page] {
  text-align: left;
  font: 700 30px / 54px poppins-bold;
  letter-spacing: 0px;
  color: rgb(255, 255, 255);
  opacity: 1;
  margin-bottom: 20px;
}

[data-host-games-page] .prod-games[data-games-page] .container-xl[data-games-page] .description[data-games-page] {
  text-align: left;
  font: 16px / 27px poppins-regular;
  letter-spacing: 0px;
  color: var(--yso-black);
  opacity: 1;
  margin-bottom: 30px;
}

[data-host-games-page] .prod-games[data-games-page] .container-xl[data-games-page] .description[data-games-page] b[data-games-page] {
  font: 16px / 27px poppins-bold;
}

[data-host-privacy] .p-privacy[data-privacy] .nav[data-privacy] {
  position: fixed;
  width: 100%;
  padding-top: 84px;
  background-color: rgb(255, 255, 255);
  z-index: 1;
}

[data-host-privacy] .p-privacy[data-privacy] .nav[data-privacy] .nav-item[data-privacy] {
  cursor: pointer;
}

[data-host-privacy] .p-privacy[data-privacy] .container[data-privacy] {
  padding-top: 156px;
  padding-bottom: 50px;
}

[hidden] {
  display: none !important;
}