/* global.css */
a,
audio,
body,
div,
footer,
h2,
h3,
header,
html,
img,
li,
main,
p,
span,
summary,
time,
ul,
var {
  border: 0;
  font-size: 100%;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: initial;
}
footer,
header,
main {
  display: block;
}
body {
  line-height: 1;
}
ul {
  list-style: none;
}
:root {
  --left-tower-font-family: "GraphikLC", sans-serif;
  --left-tower-font-fallback-sans-serif:
    Arial, "Helvetica Neue", Helvetica, sans-serif;
  --left-tower-font-fallback-serif: Georgia, Times, "Times New Roman", serif;
  --modalsZIndex: 299;
  --modalsLinkColor: #0073f7;
  --transitionTime: 0.3s;
  --left-tower-button-gray-color: #657685;
  --left-tower-text-gray-color: #919fa9;
  --left-tower-green-color: #00c77e;
  --button-transitions: all 200ms cubic-bezier(0.509, 0.001, 0.25, 1) 0ms;
  --sliderGeneralZIndex: 11;
  --addBlockZIndex: 12;
  --customLoginWidget: 201;
  --subscriptionsPacksScrolbarTrack: hsla(0, 0%, 100%, 0.3);
  --dark-overlay-background: rgba(0, 0, 0, 0.7);
  --loader-zIndex: 99999;
}

* {
  box-sizing: border-box;
}
button {
  background: none;
  border: 0;
  cursor: pointer;
  font-size: inherit;
  outline: none;
}
ul {
  list-style: disc;
  list-style-position: inside;
}
html {
  font-size: 8px;
  height: 100%;
}
body {
  font-size: 1.5rem;
  width: 100%;
}
main {
  display: flex;
}
div:focus {
  outline: none;
}
#root {
  display: flex;
  height: 100%;
  justify-content: flex-start;
  width: 100%;
}
#gdpr-consent-form {
  bottom: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.custom-main-font--graphiklc {
  font-family: var(--left-tower-font-family);
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {

}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
  --block-size-xs: 35rem;
  --block-size-sm: 42rem;
  --block-size-md: 86rem;
  --block-size-lg: 133.5rem;
  --block-size: var(--block-size-xs);
}
@media (min-width: 375px) {
  :root {
    --block-size: var(--block-size-sm);
  }
}
@media (min-width: 768px) {
  :root {
    --block-size: var(--block-size-md);
  }
}
@media (min-width: 1280px) {
  :root {
    --block-size: var(--block-size-lg);
  }
}
[class^="xds-text-"] {
  overflow-wrap: break-word;
}
:root {
  --typo-components-button-font-weight: 500;
}
.xds-text-auto h2,
.xds-text-heading h2 {
  font-family: var(--typo-core-h2-mobile-font-family);
  font-size: var(--typo-core-h2-mobile-font-size);
  font-weight: var(--typo-core-h2-mobile-font-weight);
  line-height: var(--typo-core-h2-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-auto h2,
  .xds-text-heading h2 {
    font-family: var(--typo-core-h2-desktop-font-family);
    font-size: var(--typo-core-h2-desktop-font-size);
    font-weight: var(--typo-core-h2-desktop-font-weight);
    line-height: var(--typo-core-h2-desktop-line-height);
  }
}
.xds-text-auto h3,
.xds-text-heading h3 {
  font-family: var(--typo-core-h3-mobile-font-family);
  font-size: var(--typo-core-h3-mobile-font-size);
  font-weight: var(--typo-core-h3-mobile-font-weight);
  line-height: var(--typo-core-h3-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-auto h3,
  .xds-text-heading h3 {
    font-family: var(--typo-core-h3-desktop-font-family);
    font-size: var(--typo-core-h3-desktop-font-size);
    font-weight: var(--typo-core-h3-desktop-font-weight);
    line-height: var(--typo-core-h3-desktop-line-height);
  }
}

.xds-text-strong,
.xds-text-strong * {
  font-family: var(--typo-core-strong-mobile-font-family);
  font-size: var(--typo-core-strong-mobile-font-size);
  font-weight: var(--typo-core-strong-mobile-font-weight);
  line-height: var(--typo-core-strong-mobile-line-height);
}
@media (min-width: 1280px) {

  .xds-text-strong,
  .xds-text-strong * {
    font-family: var(--typo-core-strong-desktop-font-family);
    font-size: var(--typo-core-strong-desktop-font-size);
    font-weight: var(--typo-core-strong-desktop-font-weight);
    line-height: var(--typo-core-strong-desktop-line-height);
  }
}
.xds-text-body-l,
.xds-text-body-l * {
  font-family: var(--typo-core-body-lg-mobile-font-family);
  font-size: var(--typo-core-body-lg-mobile-font-size);
  font-weight: var(--typo-core-body-lg-mobile-font-weight);
  line-height: var(--typo-core-body-lg-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-body-l,
  .xds-text-body-l * {
    font-family: var(--typo-core-body-lg-desktop-font-family);
    font-size: var(--typo-core-body-lg-desktop-font-size);
    font-weight: var(--typo-core-body-lg-desktop-font-weight);
    line-height: var(--typo-core-body-lg-desktop-line-height);
  }
}
.xds-text-body-m,
.xds-text-body-m * {
  font-family: var(--typo-core-body-md-mobile-font-family);
  font-size: var(--typo-core-body-md-mobile-font-size);
  font-weight: var(--typo-core-body-md-mobile-font-weight);
  line-height: var(--typo-core-body-md-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-body-m,
  .xds-text-body-m * {
    font-family: var(--typo-core-body-md-desktop-font-family);
    font-size: var(--typo-core-body-md-desktop-font-size);
    font-weight: var(--typo-core-body-md-desktop-font-weight);
    line-height: var(--typo-core-body-md-desktop-line-height);
  }
}
.xds-text-auto {
  font-family: var(--typo-core-paragraph-mobile-font-family);
  font-size: var(--typo-core-paragraph-mobile-font-size);
  font-weight: var(--typo-core-paragraph-mobile-font-weight);
  line-height: var(--typo-core-paragraph-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-auto {
    font-family: var(--typo-core-paragraph-desktop-font-family);
    font-size: var(--typo-core-paragraph-desktop-font-size);
    font-weight: var(--typo-core-paragraph-desktop-font-weight);
    line-height: var(--typo-core-paragraph-desktop-line-height);
  }
}
.xds-text-button-sm,
.xds-text-button-sm * {
  font-family: var(--typo-components-button-sm-font-family);
  font-size: var(--typo-components-button-sm-font-size);
  font-weight: var(--typo-components-button-font-weight);
  letter-spacing: var(--typo-components-button-sm-letter-spacing);
  line-height: var(--typo-components-button-sm-line-height);
}
.xds-text-button-md,
.xds-text-button-md * {
  font-family: var(--typo-components-button-md-font-family);
  font-size: var(--typo-components-button-md-font-size);
  font-weight: var(--typo-components-button-font-weight);
  letter-spacing: var(--typo-components-button-md-letter-spacing);
  line-height: var(--typo-components-button-md-line-height);
}
@media (min-width: 1280px) {
  .xds-text-button-lg-desktop,
  .xds-text-button-lg-desktop * {
    font-family: var(--typo-components-button-lg-font-family);
    font-size: var(--typo-components-button-lg-font-size);
    font-weight: var(--typo-components-button-font-weight);
    letter-spacing: var(--typo-components-button-lg-letter-spacing);
    line-height: var(--typo-components-button-lg-line-height);
  }
}

/*!
 * Toastify js 1.12.0
 * https://github.com/apvarun/toastify-js
 * @license MIT licensed
 *
 * Copyright (C) 2018 Varun A P
 */
.gdpr-consent-form {
  bottom: 0;
  position: fixed;
  width: 100%;
}
:root {
  --colorBlack: #000;
  --colorTextBlack: #00244d;
  --colorTextSecondary: #747e8a;
  --colorBlackLight: #d6d6d6;
  --colorBlackEasy: #ebebeb;
  --colorBlackWhitest: #fafafa;
  --colorBrand: #0073f7;
  --colorBrandDark: #0064d6;
  --colorBrandLight: rgba(0, 115, 247, 0.32);
  --colorGreen: #00c77e;
  --colorGreenDark: #01b170;
  --colorGreenBright: #0bb200;
  --colorRed: #f50031;
  --colorRedEasy: rgba(245, 0, 49, 0.08);
  --colorOrange: #ff8111;
  --colorYellow: #ffc500;
  --colorCoralOrange: linear-gradient(225deg, #ff497f, #fcdd40);
  --colorBlueViolet: linear-gradient(225deg, #ac2eff, #37b9fb);
  --colorBrightSky: linear-gradient(225deg, #489dff, #00ffca);
  --color-background: #f5f9ff;
  --color-text--white: #f7faff;
  --color-disabled-text: #a0abb8;
  --color-gray: #747e8a;
  --color-gray--light: #fafbfc;
  --color-border--regular: #c5d0db;
  --color-shadow--regular: rgba(0, 36, 77, 0.2);
  --color-brand--easy: rgba(0, 115, 247, 0.04);
  --color-green--easy: rgba(0, 199, 126, 0.04);
  --color-red--dark: #eb2124;
  --color-red--regular: #eb002f;
  --color-table-cell: #fafbfc;
  --ls: 8px;
  --ls--sm: calc(var(--ls) * 2);
  --ls--md: calc(var(--ls) * 3);
  --ls--lg: calc(var(--ls) * 4);
  --ls--xlg: calc(var(--ls) * 5);
  --ls--xxlg: calc(var(--ls) * 6);
  --box-shadow--sm: 0 2px 4px 0 rgba(0, 0, 0, 0.04);
  --box-shadow--md: 0 3px 12px 0 rgba(68, 72, 103, 0.15);
  --box-shadow--lg: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
  --box-shadow--xlg: 0 10px 35px 0 rgba(0, 0, 0, 0.2);
  --border-radius--sm: 4px;
  --border-radius--md: 6px;
  --border-radius--lg: 8px;
  --border-radius--xlg: 18px;
}
.preview-page {
  width: 100%;
}
.preview-page .editor-background-image {
  left: 0;
}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}
.editor {
  background: #2b2a2a;
  background-attachment: fixed;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  font-size: 18px;
  line-height: 20px;
  min-height: 100vh;
  position: relative;
}
@media (max-width: 575px) {
  .editor {
    font-size: 17px;
    line-height: 19px;
  }
}
.preview-page .editor {
  position: relative;
}
.editor-background-image {
  background-image: var(--background-image);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: var(--background-image-size);
  -webkit-filter: blur(var(--background-blur));
  filter: blur(var(--background-blur));
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: left var(--transitionTime) ease;
}
.editor-background-color,
.editor-background-gradient {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}
.editor-background-color {
  background-color: var(--background-color);
}
.editor-background-gradient {
  background: var(--background-gradient);
}
.editor :where(.block) {
  position: relative;
}
.editor .block--first {
  z-index: 3;
}
.editor .block-wrapper {
  min-height: inherit;
  position: relative;
}
.block--footer {
  margin-top: auto;
}
.block--first .block-content {
  padding-top: 5em;
}
.block--overlap {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 3;
}
.block--overlap ~ .block--index-2 > .block-wrapper {
  padding-top: var(--size-16);
}
.editor > .block--fixed:where(.block--overlap) {
  position: fixed;
  top: 0;
}
.block--fixed:not(.block--overlap) {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}
.ui-site-media {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}
.ui-site-media.custom-background {
  bottom: 0;
  position: absolute;
  top: 0;
  z-index: 0;
}
.ui-site-media__background-color {
  height: inherit;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.ui-site-media__image {
  background-position: 50%;
  background-repeat: no-repeat;
  height: inherit;
  width: 100%;
}
@media (max-width: 575px) {
  .gallery .ui-site-media__image {
    background-size: auto 365px !important;
  }
}
@media (max-width: 479px) {
  .gallery .ui-site-media__image {
    background-size: auto 285px !important;
  }
}
@media only screen and (max-device-width: 812px) and (orientation: landscape) {
  .gallery .ui-site-media__image {
    background-size: auto 365px !important;
  }
}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}
.xds-text a {
  color: var(--colors-core-text-primary);
}
[class^="xds-text-"] {
  overflow-wrap: break-word;
}
:root {
  --typo-components-button-font-weight: 500;
}
.xds-text-auto h2,
.xds-text-heading h2 {
  font-family: var(--typo-core-h2-mobile-font-family);
  font-size: var(--typo-core-h2-mobile-font-size);
  font-weight: var(--typo-core-h2-mobile-font-weight);
  line-height: var(--typo-core-h2-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-auto h2,
  .xds-text-heading h2 {
    font-family: var(--typo-core-h2-desktop-font-family);
    font-size: var(--typo-core-h2-desktop-font-size);
    font-weight: var(--typo-core-h2-desktop-font-weight);
    line-height: var(--typo-core-h2-desktop-line-height);
  }
}
.xds-text-auto h3,
.xds-text-heading h3 {
  font-family: var(--typo-core-h3-mobile-font-family);
  font-size: var(--typo-core-h3-mobile-font-size);
  font-weight: var(--typo-core-h3-mobile-font-weight);
  line-height: var(--typo-core-h3-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-auto h3,
  .xds-text-heading h3 {
    font-family: var(--typo-core-h3-desktop-font-family);
    font-size: var(--typo-core-h3-desktop-font-size);
    font-weight: var(--typo-core-h3-desktop-font-weight);
    line-height: var(--typo-core-h3-desktop-line-height);
  }
}

.xds-text-strong,
.xds-text-strong * {
  font-family: var(--typo-core-strong-mobile-font-family);
  font-size: var(--typo-core-strong-mobile-font-size);
  font-weight: var(--typo-core-strong-mobile-font-weight);
  line-height: var(--typo-core-strong-mobile-line-height);
}
@media (min-width: 1280px) {

  .xds-text-strong,
  .xds-text-strong * {
    font-family: var(--typo-core-strong-desktop-font-family);
    font-size: var(--typo-core-strong-desktop-font-size);
    font-weight: var(--typo-core-strong-desktop-font-weight);
    line-height: var(--typo-core-strong-desktop-line-height);
  }
}
.xds-text-body-l,
.xds-text-body-l * {
  font-family: var(--typo-core-body-lg-mobile-font-family);
  font-size: var(--typo-core-body-lg-mobile-font-size);
  font-weight: var(--typo-core-body-lg-mobile-font-weight);
  line-height: var(--typo-core-body-lg-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-body-l,
  .xds-text-body-l * {
    font-family: var(--typo-core-body-lg-desktop-font-family);
    font-size: var(--typo-core-body-lg-desktop-font-size);
    font-weight: var(--typo-core-body-lg-desktop-font-weight);
    line-height: var(--typo-core-body-lg-desktop-line-height);
  }
}
.xds-text-body-m,
.xds-text-body-m * {
  font-family: var(--typo-core-body-md-mobile-font-family);
  font-size: var(--typo-core-body-md-mobile-font-size);
  font-weight: var(--typo-core-body-md-mobile-font-weight);
  line-height: var(--typo-core-body-md-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-body-m,
  .xds-text-body-m * {
    font-family: var(--typo-core-body-md-desktop-font-family);
    font-size: var(--typo-core-body-md-desktop-font-size);
    font-weight: var(--typo-core-body-md-desktop-font-weight);
    line-height: var(--typo-core-body-md-desktop-line-height);
  }
}
.xds-text-auto {
  font-family: var(--typo-core-paragraph-mobile-font-family);
  font-size: var(--typo-core-paragraph-mobile-font-size);
  font-weight: var(--typo-core-paragraph-mobile-font-weight);
  line-height: var(--typo-core-paragraph-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-auto {
    font-family: var(--typo-core-paragraph-desktop-font-family);
    font-size: var(--typo-core-paragraph-desktop-font-size);
    font-weight: var(--typo-core-paragraph-desktop-font-weight);
    line-height: var(--typo-core-paragraph-desktop-line-height);
  }
}
.xds-text-button-sm,
.xds-text-button-sm * {
  font-family: var(--typo-components-button-sm-font-family);
  font-size: var(--typo-components-button-sm-font-size);
  font-weight: var(--typo-components-button-font-weight);
  letter-spacing: var(--typo-components-button-sm-letter-spacing);
  line-height: var(--typo-components-button-sm-line-height);
}
.xds-text-button-md,
.xds-text-button-md * {
  font-family: var(--typo-components-button-md-font-family);
  font-size: var(--typo-components-button-md-font-size);
  font-weight: var(--typo-components-button-font-weight);
  letter-spacing: var(--typo-components-button-md-letter-spacing);
  line-height: var(--typo-components-button-md-line-height);
}
@media (min-width: 1280px) {
  .xds-text-button-lg-desktop,
  .xds-text-button-lg-desktop * {
    font-family: var(--typo-components-button-lg-font-family);
    font-size: var(--typo-components-button-lg-font-size);
    font-weight: var(--typo-components-button-font-weight);
    letter-spacing: var(--typo-components-button-lg-letter-spacing);
    line-height: var(--typo-components-button-lg-line-height);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.xds-button {
  font-family: var(--body-font);
}
.xds-button__editable-text {
  min-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xds-button {
  border: var(--misc-border-width, 1px) solid transparent;
  border-radius: var(--misc-border-radius-button);
}
.xds-button--md {
  height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 1280px) {
  .xds-button--lg-desktop {
    height: 6rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.xds-button--default {
  background-color: var(--colors-control-default-bg);
  border-color: var(--colors-control-default-border, transparent);
  color: var(--colors-control-text-default);
}
.xds-button--default:hover {
  background-color: var(--colors-control-default-bg-hover);
  border-color: var(--colors-control-default-border-hover);
}
.xds-button--default:active {
  background-color: var(--colors-control-default-bg-press);
  border-color: var(--colors-control-default-border-press);
}
.xds-button--primary {
  background-color: var(--colors-control-primary-bg);
  border-color: var(--colors-control-primary-border, transparent);
  color: var(--colors-control-text-primary);
}
.xds-button--primary:hover {
  background-color: var(--colors-control-primary-bg-hover);
  border-color: var(--colors-control-primary-border-hover);
}
.xds-button--primary:active {
  background-color: var(--colors-control-primary-bg-press);
  border-color: var(--colors-control-primary-border-press);
}
:where(.xds-button-base) {
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: top;
}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}
@keyframes spinner {
  to {
    transform: rotate(1turn);
  }
}
.button {
  align-content: center;
  align-items: center;
  background: var(--colors-core-text-brand);
  border-radius: var(--misc-border-radius-button);
  color: var(--colors-core-text-brand-contrast);
  column-gap: var(--size-1);
  display: flex;
  flex-wrap: wrap;
  height: var(--size-8);
  justify-content: center;
  padding: 0.625rem 1.8rem;
  position: relative;
  transition: transform 0.2s cubic-bezier(0.509, 0.001, 0.25, 1);
  width: 100%;
}
.button:hover {
  cursor: pointer;
  transform: scale(0.95);
}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}


/* common-styles.css */
.xds-custom-button--link {
  text-decoration: none;
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(359deg);
  }
}
.xds-text a {
  color: var(--colors-core-text-primary);
}
[class^="xds-text-"] {
  overflow-wrap: break-word;
}
:root {
  --typo-components-button-font-weight: 500;
}
.xds-text-auto h2,
.xds-text-heading h2 {
  font-family: var(--typo-core-h2-mobile-font-family);
  font-size: var(--typo-core-h2-mobile-font-size);
  font-weight: var(--typo-core-h2-mobile-font-weight);
  line-height: var(--typo-core-h2-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-auto h2,
  .xds-text-heading h2 {
    font-family: var(--typo-core-h2-desktop-font-family);
    font-size: var(--typo-core-h2-desktop-font-size);
    font-weight: var(--typo-core-h2-desktop-font-weight);
    line-height: var(--typo-core-h2-desktop-line-height);
  }
}
.xds-text-auto h3,
.xds-text-heading h3 {
  font-family: var(--typo-core-h3-mobile-font-family);
  font-size: var(--typo-core-h3-mobile-font-size);
  font-weight: var(--typo-core-h3-mobile-font-weight);
  line-height: var(--typo-core-h3-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-auto h3,
  .xds-text-heading h3 {
    font-family: var(--typo-core-h3-desktop-font-family);
    font-size: var(--typo-core-h3-desktop-font-size);
    font-weight: var(--typo-core-h3-desktop-font-weight);
    line-height: var(--typo-core-h3-desktop-line-height);
  }
}

.xds-text-strong,
.xds-text-strong * {
  font-family: var(--typo-core-strong-mobile-font-family);
  font-size: var(--typo-core-strong-mobile-font-size);
  font-weight: var(--typo-core-strong-mobile-font-weight);
  line-height: var(--typo-core-strong-mobile-line-height);
}
@media (min-width: 1280px) {

  .xds-text-strong,
  .xds-text-strong * {
    font-family: var(--typo-core-strong-desktop-font-family);
    font-size: var(--typo-core-strong-desktop-font-size);
    font-weight: var(--typo-core-strong-desktop-font-weight);
    line-height: var(--typo-core-strong-desktop-line-height);
  }
}
.xds-text-body-l,
.xds-text-body-l * {
  font-family: var(--typo-core-body-lg-mobile-font-family);
  font-size: var(--typo-core-body-lg-mobile-font-size);
  font-weight: var(--typo-core-body-lg-mobile-font-weight);
  line-height: var(--typo-core-body-lg-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-body-l,
  .xds-text-body-l * {
    font-family: var(--typo-core-body-lg-desktop-font-family);
    font-size: var(--typo-core-body-lg-desktop-font-size);
    font-weight: var(--typo-core-body-lg-desktop-font-weight);
    line-height: var(--typo-core-body-lg-desktop-line-height);
  }
}
.xds-text-body-m,
.xds-text-body-m * {
  font-family: var(--typo-core-body-md-mobile-font-family);
  font-size: var(--typo-core-body-md-mobile-font-size);
  font-weight: var(--typo-core-body-md-mobile-font-weight);
  line-height: var(--typo-core-body-md-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-body-m,
  .xds-text-body-m * {
    font-family: var(--typo-core-body-md-desktop-font-family);
    font-size: var(--typo-core-body-md-desktop-font-size);
    font-weight: var(--typo-core-body-md-desktop-font-weight);
    line-height: var(--typo-core-body-md-desktop-line-height);
  }
}
.xds-text-auto {
  font-family: var(--typo-core-paragraph-mobile-font-family);
  font-size: var(--typo-core-paragraph-mobile-font-size);
  font-weight: var(--typo-core-paragraph-mobile-font-weight);
  line-height: var(--typo-core-paragraph-mobile-line-height);
}
@media (min-width: 1280px) {
  .xds-text-auto {
    font-family: var(--typo-core-paragraph-desktop-font-family);
    font-size: var(--typo-core-paragraph-desktop-font-size);
    font-weight: var(--typo-core-paragraph-desktop-font-weight);
    line-height: var(--typo-core-paragraph-desktop-line-height);
  }
}
.xds-text-button-sm,
.xds-text-button-sm * {
  font-family: var(--typo-components-button-sm-font-family);
  font-size: var(--typo-components-button-sm-font-size);
  font-weight: var(--typo-components-button-font-weight);
  letter-spacing: var(--typo-components-button-sm-letter-spacing);
  line-height: var(--typo-components-button-sm-line-height);
}
.xds-text-button-md,
.xds-text-button-md * {
  font-family: var(--typo-components-button-md-font-family);
  font-size: var(--typo-components-button-md-font-size);
  font-weight: var(--typo-components-button-font-weight);
  letter-spacing: var(--typo-components-button-md-letter-spacing);
  line-height: var(--typo-components-button-md-line-height);
}
@media (min-width: 1280px) {
  .xds-text-button-lg-desktop,
  .xds-text-button-lg-desktop * {
    font-family: var(--typo-components-button-lg-font-family);
    font-size: var(--typo-components-button-lg-font-size);
    font-weight: var(--typo-components-button-font-weight);
    letter-spacing: var(--typo-components-button-lg-letter-spacing);
    line-height: var(--typo-components-button-lg-line-height);
  }
}
.button {
  align-content: center;
  align-items: center;
  background: var(--colors-core-text-brand);
  border-radius: var(--misc-border-radius-button);
  color: var(--colors-core-text-brand-contrast);
  column-gap: var(--size-1);
  display: flex;
  flex-wrap: wrap;
  height: var(--size-8);
  justify-content: center;
  padding: 0.625rem 1.8rem;
  position: relative;
  transition: transform 0.2s cubic-bezier(0.509, 0.001, 0.25, 1);
  width: 100%;
}
.button:hover {
  cursor: pointer;
  transform: scale(0.95);
}
:where(.xds-button-base) {
  align-items: center;
  box-sizing: border-box;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: top;
}
.xds-button {
  font-family: var(--body-font);
}
.xds-button__editable-text {
  min-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.xds-button {
  border: var(--misc-border-width, 1px) solid transparent;
  border-radius: var(--misc-border-radius-button);
}
.xds-button--md {
  height: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media (min-width: 1280px) {
  .xds-button--lg-desktop {
    height: 6rem;
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}
.xds-button--default {
  background-color: var(--colors-control-default-bg);
  border-color: var(--colors-control-default-border, transparent);
  color: var(--colors-control-text-default);
}
.xds-button--default:hover {
  background-color: var(--colors-control-default-bg-hover);
  border-color: var(--colors-control-default-border-hover);
}
.xds-button--default:active {
  background-color: var(--colors-control-default-bg-press);
  border-color: var(--colors-control-default-border-press);
}
.xds-button--primary {
  background-color: var(--colors-control-primary-bg);
  border-color: var(--colors-control-primary-border, transparent);
  color: var(--colors-control-text-primary);
}
.xds-button--primary:hover {
  background-color: var(--colors-control-primary-bg-hover);
  border-color: var(--colors-control-primary-border-hover);
}
.xds-button--primary:active {
  background-color: var(--colors-control-primary-bg-press);
  border-color: var(--colors-control-primary-border-press);
}
.xds-custom-button--link {
  text-decoration: none;
}
@font-face {
  font-display: swap;
  font-family: TrajanPro;
  font-style: normal;
  font-weight: 700;
  src:
    local("TrajanPro-Bold"),
    url(//cdn.xsolla.net/site-builder/v1.0.209/landings/images/70a3a90b007cde09a612.otf)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: GothamXNarrSSm;
  font-style: normal;
  font-weight: 400;
  src:
    local("GothamXNarrSSm-Book"),
    url(//cdn.xsolla.net/site-builder/v1.0.209/landings/images/f41362e7bf4c9fdc8904.otf)
      format("opentype");
}
@font-face {
  font-display: swap;
  font-family: STIXTwoText;
  font-style: normal;
  font-weight: 400;
  src:
    local("STIXTwoText-Medium"),
    url(//cdn.xsolla.net/site-builder/v1.0.209/landings/images/aa158f1329c24c4a5ce4.ttf)
      format("truetype");
}
@keyframes spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes spinner {
  to {
    transform: rotate(1turn);
  }
}
li::marker {
  content: none;
}
:has(> .xds-input--sm) {
  --xds-input-padding-inline: 1.25rem;
  --xds-input-heading: 4rem;
}
:has(> .xds-input--md) {
  --xds-input-heading: 5rem;
  --xds-input-padding-inline: 1.5rem;
}
:has(> .xds-input--lg) {
  --xds-input-heading: 6rem;
  --xds-input-padding-inline: 1.75rem;
}
:has(> .xds-input--xl) {
  --xds-input-heading: 7rem;
  --xds-input-padding-inline: 2rem;
}
@media (min-width: 768px) {
  :has(> .xds-input--md-tablet) {
    --xds-input-heading: 5rem;
    --xds-input-padding-inline: 1.5rem;
  }
  :has(> .xds-input--lg-tablet) {
    --xds-input-heading: 6rem;
    --xds-input-padding-inline: 1.75rem;
  }
  :has(> .xds-input--xl-tablet) {
    --xds-input-heading: 7rem;
    --xds-input-padding-inline: 2rem;
  }
}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}


/* header_v3.css */
@keyframes slide-in-from-left {
  0% {
    opacity: 0;
    transform: translate(-100%);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes slide-out-to-left {
  0% {
    opacity: 1;
    transform: translate(0);
  }
  to {
    opacity: 0;
    transform: translate(-100%);
  }
}
@keyframes slideDownAndFade {
  0% {
    opacity: 1;
    transform: translateY(-2px);
  }
  to {
    opacity: 0;
    transform: translateY(0);
  }
}
@keyframes slideUpAndFade {
  0% {
    opacity: 0;
    transform: translateY(2px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}


/* leadGameSales.css */
.lead-game-sales {
  --lead-game-sales-max-width: var(--size-176);
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 335px;
  padding: var(--size-10) 0 var(--size-10);
  position: relative;
}
@media (min-width: 768px) {
  .lead-game-sales {
    max-width: 688px;
  }
}
@media (min-width: 1280px) {
  .lead-game-sales {
    max-width: 1068px;
    padding: var(--size-18) 0 var(--size-12);
  }
}
.lead-game-sales--left {
  align-items: flex-start;
}
.lead-game-sales__text-content {
  max-width: var(--lead-game-sales-max-width);
  word-break: break-word;
}
.lead-game-sales__title {
  margin-bottom: var(--size-4);
}
.lead-game-sales__interactive-content {
  display: flex;
  flex-direction: column;
  margin-top: var(--size-18);
}
.lead-game-sales__interactive-content--left {
  align-items: flex-start;
}
@media (min-width: 1280px) {
  .lead-game-sales__interactive-content {
    margin-top: var(--size-24);
  }
}
.lead-game-sales__platforms,
.lead-game-sales__platforms-title {
  max-width: var(--lead-game-sales-max-width);
}
.lead-game-sales__platforms-title {
  margin-bottom: var(--size-2);
  word-break: break-word;
}
.lead-game-sales__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-4);
  margin-top: var(--size-5);
  max-width: 335px;
}
@media (min-width: 768px) {
  .lead-game-sales__buttons {
    max-width: 688px;
  }
}
@media (min-width: 1280px) {
  .lead-game-sales__buttons {
    margin-top: var(--size-6);
    max-width: 1068px;
  }
}
.lead-game-sales__buttons--left {
  justify-content: flex-start;
}
.lead-game-sales__button {
  max-width: 100%;
}
@media (min-width: 768px) {
  .lead-game-sales__button {
    max-width: 500px;
  }
}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}
.lead-game-sales-tag {
  align-items: center;
  border: 1px solid var(--colors-core-text-brand-secondary);
  border-radius: var(--misc-border-radius-tag);
  display: flex;
  gap: var(--size-1);
  height: 24px;
  overflow: hidden;
  padding: 0 7px;
  white-space: nowrap;
}
.lead-game-sales-tag__text {
  color: var(--colors-core-text-brand-secondary);
}
.lead-game-sales-tags__content {
  color: var(--colors-core-text-brand-secondary);
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-2);
  list-style-type: none;
  margin-top: var(--size-5);
  max-width: var(--lead-game-sales-max-width);
}
.lead-game-sales-tags__content--left {
  justify-content: flex-start;
}
@media (--desktop-1) {
  .lead-game-sales-tags__content {
    margin-top: var(--size-6);
  }
}
.platforms-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--size-2);
  list-style-type: none;
}
.platforms-list__item {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 24px;
  width: 24px;
}


/* description_v2.css */
@keyframes slideDown {
  0% {
    height: 0;
  }
  to {
    height: var(--radix-collapsible-content-height);
  }
}
@keyframes slideUp {
  0% {
    height: var(--radix-collapsible-content-height);
  }
  to {
    height: 0;
  }
}


/* bento-grid.css */
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}
.bento-grid {
  min-width: var(--block-size-xs);
  padding: var(--size-5) 0;
}
@media (min-width: 1280px) {
  .bento-grid {
    padding: var(--size-6) 0;
  }
}
.block-wrapper:has(> .bento-grid) {
  z-index: 0;
}


/* swiper.css */
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
}
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,\ 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);
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
:root {
  --swiper-navigation-size: 44px;
}


/* hero.css */
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}
.hero {
  margin: 0 auto;
  max-width: var(--size-176);
  padding: var(--size-8) 0;
  position: relative;
  width: var(--block-size);
}
.hero > div:last-child {
  margin-bottom: 0;
}
@media (min-width: 1280px) {
  .hero {
    padding: var(--size-12) 0;
  }
}


/* gallery_v2.css */
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}


/* packs_v2.css */
:has(+ .packs-v2__pack-card__button[data-last]) {
  margin-bottom: var(--size-1);
}
@media (min-width: 768px) {
  :has(+ .packs-v2__pack-card__button[data-last]) {
    margin-bottom: var(--size-2);
  }
}


/* requirements_v2.css */
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}


/* footer_v2.css */
.content-rating__icon--age-18 {
  background-image: url(//cdn.xsolla.net/site-builder/v1.0.209/landings/images/0a48e606d1f9c1fc6a61.svg);
}
:root {
  --size-05: 0.25rem;
  --size-1: 0.5rem;
  --size-2: 1rem;
  --size-3: 1.5rem;
  --size-4: 2rem;
  --size-5: 2.5rem;
  --size-6: 3rem;
  --size-7: 3.5rem;
  --size-8: 4rem;
  --size-9: 4.5rem;
  --size-10: 5rem;
  --size-11: 5.5rem;
  --size-12: 6rem;
  --size-13: 5.5rem;
  --size-14: 7rem;
  --size-15: 7.5rem;
  --size-16: 8rem;
  --size-18: 9rem;
  --size-19: 9.5rem;
  --size-20: 10rem;
  --size-24: 12rem;
  --size-25: 12.5rem;
  --size-26: 13rem;
  --size-27: 13.5rem;
  --size-28: 14rem;
  --size-29: 14.5rem;
  --size-30: 15rem;
  --size-36: 18rem;
  --size-40: 20rem;
  --size-47: 23.5rem;
  --size-53: 26.5rem;
  --size-60: 30rem;
  --size-67: 33.5rem;
  --size-70: 35rem;
  --size-71: 35.5rem;
  --size-72: 36rem;
  --size-73: 36.5rem;
  --size-74: 37rem;
  --size-75: 37.5rem;
  --size-76: 38rem;
  --size-80: 40rem;
  --size-84: 42rem;
  --size-92: 46.5rem;
  --size-97: 48.5rem;
  --size-100: 50rem;
  --size-119: 59.5rem;
  --size-150: 75rem;
  --size-176: 88rem;
}
.content-rating__icon {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 50px;
  width: 50px;
}
.content-rating__icon--age-18 {
  background-image: url(//cdn.xsolla.net/site-builder/v1.0.209/landings/images/0a48e606d1f9c1fc6a61.svg);
}