/*! build version: 2.25.10 */
.sitegen-widget {
  /* font sizes */
  --title-font-size: 2.063em;
  --subtitle-font-size: 1.5em;
  --main-font-size: 1rem;
  --cta-font-size: 1rem;
  --secondary-font-size: 1rem;
  /* font families */
  --main-font-bm2: 'Open Sans', 'Arial', 'sans-serif';
  --main-font: 'Montserrat', 'Arial', 'sans-serif';
  --main-font-cyrillic: 'Montserrat', 'Arial', 'sans-serif';
  --main-font-asian: 'Montserrat', 'Roboto', 'Arial', 'sans-serif';
  --primary-color: #006EF5;
--primary-color-hover: #265fc9;
--primary-color-pressed: #1d4ea6;
--primary-color-text: #F2F2F2;
--secondary-color-text: #B5B5B5;
--tertiary-color-text: #FFFFFF;
--border-color: #ffffff26;
--secondary-color: #006EF5;
--secondary-color-hover: #3DA2FF;
--container-background-color: #000;
--content-background-color: #000000bf;
--subcontent-background-color: #0D0D0D;
--content-footer-color: #B5B5B5;
--card-primary-color: #242424;
--card-secondary-color: #343434;
--card-tertiary-color: #3F3F3F;
--platform-tile-background-color: #242424;
--platform-tile-disabled-background-color: #242424;
--platform-info-background-color: #343434;
--platform-info-disabled-background-color: #343434;
--platform-disabled-border-color: #3F3F3F;
--platform-tile-text-color: #F2F2F2;
--platform-disabled-message-text-color: #3BB071;
--platform-link-status-text-color: #B5B5B5;
--error-text-color: #F17474;

}

@font-face {
  font-display: swap;
  font-family: flowtext;
  font-weight: 400;
  font-style: normal;
  src: 
    local('OpenSans-Regular'), 
    local('OpenSans Regular'), 
    url(./assets/OpenSans-Regular.01ff4ae5d96c54d410a131e7c166b4e5.woff2) format('woff2'), 
    url(./assets/OpenSans-Regular.03a20a68b7c3b6428403d63e3697e984.woff) format('woff');
}

@font-face {
  font-display: swap;
  font-family: ctatext;
  font-weight: 700;
  font-style: normal;
  src: 
    local('OpenSans-Bold'), 
    local('OpenSans Bold'), 
    url(./assets/OpenSans-Bold.c34c63ec2550735aa229ddfc00c2f3a9.woff2) format('woff2'), 
    url(./assets/OpenSans-Bold.178d6be840da0898d9b3db40ed792f2a.woff) format('woff');
}

@font-face {
  font-family: headertext;
  font-weight: 700;
  font-style: normal;
  src: 
    local('Ubisoft Sans'), 
    url(./assets/UbisoftSans-Bold.b205014357b0afa18b3829bb894d41e6.woff2) format('woff2'), 
    url(./assets/UbisoftSans-Bold.db3da2dae937e4b48d6c479d232beabf.woff) format('woff');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 400;
  font-style: normal;
  src: 
    local('Montserrat-Regular'), 
    local('Montserrat Regular'), 
    url(./assets/Montserrat-Regular.45e055a7b8b6035b78dc076b6c913102.woff2) format('woff2'), 
    url(./assets/Montserrat-Regular.f3e05e510b90ba39ad29815168c08daa.woff) format('woff');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 600;
  font-style: normal;
  src: 
    local('Montserrat-SemiBold'), 
    local('Montserrat SemiBold'), 
    local('Montserrat Semi-Bold'), 
    url(./assets/Montserrat-SemiBold.f0020bd45d1be52a945bf9862739b9cb.woff2) format('woff2'), 
    url(./assets/Montserrat-SemiBold.c7ef8bf987094fa6b59e8e2f3a3321b4.woff) format('woff');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 700;
  font-style: normal;
  src: 
    local('Montserrat-Bold'), 
    local('Montserrat Bold'), 
    url(./assets/Montserrat-Bold.7d1ac73268b01b806cec508dc6b94985.woff2) format('woff2'), 
    url(./assets/Montserrat-Bold.352385cebca18f5e2a1f283816a0a5a5.woff) format('woff');
}
.sitegen-widget-embedded button {
  padding: 0.75rem 2.5rem;
}
.sitegen-body {
  margin: 0;
}
.sitegen-body-embedded {
  background-color: transparent;
  margin: 0;
}
.sitegen-widget,
.sitegen-widget-embedded {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sitegen-widget div,
.sitegen-widget-embedded div {
  box-sizing: border-box;
}
.sitegen-widget {
  min-height: 100vh;
  font-family: flowtext, sans-serif;
  color: var(--primary-color-text, #F2F2F2);
}
.sitegen-widget header,
.sitegen-widget h1,
.sitegen-widget h2,
.sitegen-widget h3,
.sitegen-widget h4,
.sitegen-widget h5,
.sitegen-widget h6,
.sitegen-widget p {
  font-family: headertext, sans-serif;
}
.sitegen-widget .sg-h1 {
  font-family: headertext, sans-serif;
  color: #FFF;
  font-size: 2.375rem;
  font-weight: 400;
  line-height: 110%;
  letter-spacing: 0.04px;
}
.sitegen-widget .sg-h2,
.sitegen-widget .sg-h3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.04px;
  font-family: headertext, sans-serif;
}
.sitegen-widget .sg-h4 {
  font-family: flowtext, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.02px;
}
.sitegen-widget .sg-h5 {
  color: var(--secondary-color-text, #B5B5B5);
  font-family: flowtext, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.02px;
}
.sitegen-widget a {
  color: var(--primary-color, #006EF5);
  text-decoration: none;
}
.sitegen-widget .sitegen-footer .sitegen-footer__nav-link {
  color: var(--content-footer-color);
}
.sitegen-widget .sitegen-footer .sitegen-footer__nav-link:hover {
  color: var(--tertiary-color, var(--secondary-color-hover));
}
.sitegen-widget button {
  padding: 0.75rem 2.5rem;
  font-family: ctatext, sans-serif;
}
.sitegen-widget textarea,
.sitegen-widget label,
.sitegen-widget input {
  font-family: flowtext, sans-serif;
}
@media only screen and (max-width: 900px) {
  .sitegen-widget .sg-h2 {
    font-size: 1.875rem;
    letter-spacing: 0.03px;
  }
  .sitegen-widget .sg-h3 {
    font-size: 1.5rem;
    letter-spacing: 0.03px;
  }
  .sitegen-widget .sg-h4 {
    font-size: 0.875rem;
    letter-spacing: 0.015px;
  }
  .sitegen-widget .sg-h5 {
    font-size: 0.75rem;
    letter-spacing: 0.014px;
  }
}
.sitegen-button {
  border: none;
  margin: 0;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  user-select: none;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 56.25rem;
  min-width: 6rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  padding: 0.75rem 1.25rem;
  height: 3rem;
  width: fit-content;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .sitegen-button {
    width: 100%;
  }
}
.sitegen-button:focus {
  outline: 0.125rem solid var(--primary-color);
  outline-offset: 0.25rem;
}
.sitegen-button.primary {
  background-color: var(--primary-color);
  color: var(--primary-color-text, #fff);
}
.sitegen-button.primary:hover {
  background-color: var(--primary-color-hover);
}
.sitegen-button.primary:active {
  background-color: var(--primary-color-pressed);
}
.sitegen-button.primary:disabled {
  cursor: initial;
  opacity: 0.3;
  pointer-events: none;
}
.sitegen-button.secondary {
  background-color: transparent;
  border: 0.125rem solid var(--text-color, #F2F2F2);
  color: var(--text-color, #F2F2F2);
  min-width: 3.5rem;
}
.sitegen-button.secondary:hover {
  background-color: rgba(255, 255, 255, 0.075);
}
.sitegen-button.secondary:active {
  background-color: rgba(255, 255, 255, 0.15);
}
.sitegen-button.secondary:disabled {
  cursor: initial;
  opacity: 0.38;
  pointer-events: none;
}
@media only screen and (max-width: 375px) {
  .sitegen-button:not(.expanded) {
    width: 100%;
  }
}
.sitegen-button-embedded {
  border: none;
  margin: 0;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  user-select: none;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 900px;
  min-width: 96px;
  text-align: center;
  padding: 12px 20px;
  height: 48px;
  width: fit-content;
  cursor: pointer;
}
@media only screen and (max-width: 480px) {
  .sitegen-button-embedded {
    width: 100%;
  }
}
.sitegen-button-embedded:focus {
  outline: 2px solid;
  outline-color: inherit;
  outline-offset: 4px;
}
.sitegen-button-embedded.primary,
.sitegen-button-embedded.secondary {
  border: 2px solid;
  border-color: inherit;
  color: inherit;
}
.sitegen-button-embedded.primary:disabled,
.sitegen-button-embedded.secondary:disabled {
  cursor: initial;
  opacity: 0.38;
  pointer-events: none;
}
.sitegen-button-embedded.secondary {
  min-width: 56px;
}
@media only screen and (max-width: 375px) {
  .sitegen-button-embedded:not(.expanded) {
    width: 100%;
  }
}
.sg-mobile-preview .sitegen-button,
.sg-mobile-preview .sitegen-button-embedded {
  width: 100%;
}
.sg-mobile-preview .sitegen-button:not(.expanded),
.sg-mobile-preview .sitegen-button-embedded:not(.expanded) {
  width: 100%;
}
.sitegen-checkbox {
  display: block;
  position: relative;
}
.sitegen-checkbox label {
  text-align: left;
  padding-left: 2.125rem;
  cursor: pointer;
  color: var(--content-text-color);
  line-height: 150%;
  font-size: 1rem;
  letter-spacing: 0.019px;
}
.sitegen-checkbox input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  margin: 0;
  height: 1.125rem;
  width: 1.125rem;
  border-radius: 0.125rem;
  border: 0.063rem solid #3DA2FF;
  position: absolute;
  left: 0;
  top: 0.25rem;
}
.sitegen-checkbox input[type="checkbox"]:checked {
  background-color: var(--primary-color, #006EF5);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(./assets/checkmark.c73a76961db472bc0e362048a880fff2.svg);
  border: 0.063rem solid var(--primary-color, #006EF5);
}
@media only screen and (max-width: 375px) {
  .sitegen-checkbox {
    font-size: 0.875rem;
  }
}
.sitegen-checkbox-embedded {
  display: block;
  position: relative;
}
.sitegen-checkbox-embedded label {
  text-align: left;
  padding-left: 34px;
  cursor: pointer;
  color: inherit;
}
.sitegen-checkbox-embedded input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  margin: 0;
  height: 18px;
  width: 18px;
  border-radius: 2px;
  border: 1px solid;
  border-color: inherit;
  position: absolute;
  left: 0;
  top: 4px;
}
.sitegen-checkbox-embedded input[type="checkbox"]:checked {
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(./assets/checkmark.c73a76961db472bc0e362048a880fff2.svg);
  border: 0.063rem solid;
  border-color: inherit;
}
.sg-mobile-preview .sitegen-checkbox {
  font-size: 0.875rem;
}
.sitegen-game-logo {
  --default-logo: url(./assets/game-logo.42c86bc0dc5f4e3dcb29b384cf53c6cd.png);
}
.sitegen-game-logo img {
  max-width: 25rem;
  content: var(--game-logo-image, var(--default-logo));
}
.sitegen-platform-selection {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1rem;
  gap: 2rem;
  --android-logo: url(./assets/android-logo.81710c9f22993cca91b856b3e0612cee.svg);
  --amazon-logo: url(./assets/amazon-logo.4d4645d0fec29a2e1feba2c253eb5be3.svg);
  --epic-logo: url(./assets/epic-logo.52d8ee2843f9e3785ce214adbd667f37.svg);
  --ios-logo: url(./assets/ios-logo.95ac0a5b92d21ac107b039ff0f07c875.svg);
  --luna-logo: url(./assets/luna-logo.af1e02bbf6d1745f99d1add55f155179.svg);
  --mobile-logo: url(./assets/mobile-logo.4c0a7c88f9db6841266d34b1a2797af3.svg);
  --oculusvr-logo: url(./assets/oculusvr-logo.5d8278f422ba8c6b4f2590d14fa7452e.svg);
  --pc-logo: url(./assets/pc-logo.8d83a44684ef42a65a43e536ea0cd114.svg);
  --ps4-logo: url(./assets/ps4-logo.fa3d01ee9356d1e91c5f9ad27046851f.svg);
  --ps5-logo: url(./assets/ps5-logo.86adb6fba0d0e1852d30ce5b1a0c1dee.svg);
  --steam-logo: url(./assets/steam-logo.5ce54f4a37cb904fcf40a0054fd97c4b.svg);
  --steamvr-logo: url(./assets/steamvr-logo.03af9aa665c4996abef99fbb740f9d29.svg);
  --switch-logo: url(./assets/switch-logo.22cbec2892cc2676d0a3e6eec5f72fad.svg);
  --web-logo: url(./assets/web-logo.2caf44dbb59c2e226047963a62eafc32.svg);
  --xboxone-logo: url(./assets/xbox-one-logo.c64f065b504fdfe9e75d79040e6e823a.svg);
  --xboxx-logo: url(./assets/xbox-x-logo.a1aba4c2a0fba137843807c307e432e5.svg);
  --android-logo-small: url(./assets/android-logo-small.733d281f97b8195c47daa0aa80afc1c0.svg);
  --epic-logo-small: url(./assets/epic-logo-small.b76de91ad05a33417f96bcfd062e21aa.svg);
  --ios-logo-small: url(./assets/ios-logo-small.c3257bf746c261ffd49c7a0742dd44e7.svg);
  --luna-logo-small: url(./assets/luna-logo-small.4419e9a3f377081d834f725987c0b50a.svg);
  --mobile-logo-small: url(./assets/mobile-logo-small.fc836ea16ab4c3455c451a29ebfb5854.svg);
  --oculusvr-logo-small: url(./assets/oculusvr-logo-small.376c388e1ee5040d569a1ca457db8e0c.svg);
  --pc-logo-small: url(./assets/pc-logo-small.64942dc4b6ec67c4d0419a2a30a1aa10.svg);
  --ps4-logo-small: url(./assets/ps4-logo-small.93546d2a2d7218ce75a54941aadc01c3.svg);
  --ps5-logo-small: url(./assets/ps5-logo-small.314d4b2f3579cb178830c850c9e8c510.svg);
  --steam-logo-small: url(./assets/steam-logo-small.3ea1495421d1d54b8eb3fa13e0d3e56e.svg);
  --steamvr-logo-small: url(./assets/steamvr-logo-small.658f6e10ae01cc489f607b1977afed7e.svg);
  --switch-logo-small: url(./assets/switch-logo-small.80a2812899e88c47a0b83053615b25d4.svg);
  --web-logo-small: url(./assets/web-logo-small.be93ecbddf5b008f6badd1c41a52cad1.svg);
  --xboxone-logo-small: url(./assets/xbox-one-logo-small.aa3fb331b8096d0a83a7caa6d502e73d.svg);
  --xboxx-logo-small: url(./assets/xbox-x-logo-small2.d794748f0f1af8839be2bc63b765d7f7.svg);
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection {
    padding: 0;
    gap: 1.5rem;
  }
}
.sitegen-platform-selection .sitegen-platform-button,
.sitegen-platform-selection button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  position: relative;
  display: block;
  height: 9.25em;
  --text-color: var(--platform-tile-text-color, #F2F2F2);
  --border-color: #3F3F3F;
  --border-color-hover: var(--primary-color, #006EF5);
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection .sitegen-platform-button,
  .sitegen-platform-selection button {
    height: 7.8125rem;
  }
}
.sitegen-platform-selection .sitegen-platform-button:after,
.sitegen-platform-selection button:after {
  content: '';
  position: absolute;
  display: block;
  z-index: 5;
  opacity: 0;
  transition: 0.2s opacity cubic-bezier(0, 0.55, 0.83, 0.99);
  border-radius: 0.5rem;
  border: 0.125rem solid var(--border-color-hover);
  box-shadow: 0 0.125rem 0.625rem 0 #00000014;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection .sitegen-platform-button:after,
  .sitegen-platform-selection button:after {
    display: none;
  }
}
.sitegen-platform-selection .sitegen-platform-button:hover::after,
.sitegen-platform-selection button:hover::after {
  opacity: 1;
}
.sitegen-platform-selection .sitegen-platform-button__link-status,
.sitegen-platform-selection button__link-status {
  display: block;
  margin-top: -0.125rem;
  color: var(--platform-link-status-text-color, #B5B5B5);
  font-size: 0.75rem;
  word-wrap: break-word;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}
.sitegen-platform-selection button {
  isolation: isolate;
  --background-color: color-mix(in srgb, var(--border-color-hover), transparent 94%);
  background-color: var(--background-color);
  width: 10.4375rem;
  height: 9.25rem;
  border-radius: 0.625rem;
  border: 0.0625rem solid var(--border-color);
  color: var(--text-color);
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection button {
    width: 8.75rem;
    height: 7.8125rem;
  }
}
.sitegen-platform-selection button:focus,
.sitegen-platform-selection button:active {
  outline: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.sitegen-platform-selection button:after {
  inset: -0.0625rem;
}
.sitegen-platform-selection button:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.55rem;
  top: 0;
}
.sitegen-platform-selection button:active {
  box-shadow: inset 0 0.5rem 0.625rem 0 rgba(0, 0, 0, 0.6);
}
.sitegen-platform-selection .sitegen-platform-button {
  --border-color-preferred: #3DA2FF;
  --border-color-registered: #707070;
  --tile-background: #242424;
  --tile-background-selected: #0D0D0D;
}
.sitegen-platform-selection .sitegen-platform-button:after {
  top: 0.0625rem;
  left: 0.0625rem;
  right: 0.0625rem;
  bottom: -0.0625rem;
}
.sitegen-platform-selection .sitegen-platform-button:active .sitegen-platform-button__content .sitegen-platform-button__logo {
  box-shadow: 0 0.9375rem 0.625rem 0 #00000014 inset, 0 0.9375rem 0.625rem 0 #0D0D0D40 inset;
}
.sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__tag {
  user-select: none;
  position: absolute;
  display: none;
  z-index: 1;
  left: 0.075rem;
  top: 0.075rem;
  padding: 0.375rem 0.75rem 0.25rem;
  font-family: ctatext, sans-serif;
  font-size: 75%;
  letter-spacing: 0.012rem;
  line-height: 1.125rem;
  text-align: left;
}
@media only screen and (max-width: 900px) {
  .sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__tag {
    padding: 0.25rem 0.5rem;
  }
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__tag {
    padding: 0.125rem 0.5rem;
    line-height: 1rem;
  }
}
.sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__content:after {
  content: '';
  position: absolute;
  z-index: 0;
  display: none;
  inset: 0;
  border-radius: 0.5rem;
}
.sitegen-platform-selection .sitegen-platform-button.preferred {
  pointer-events: none;
}
.sitegen-platform-selection .sitegen-platform-button.preferred .sitegen-platform-button__tag {
  display: block;
  border-radius: 0.625rem 0 0.25rem 0;
  color: var(--tile-background);
  background-image: linear-gradient(90deg, #188FFC 0%, #46AFF5 36.76%, #4BDFFF 103.79%);
}
.sitegen-platform-selection .sitegen-platform-button.preferred .sitegen-platform-button__content:after {
  display: block;
  border: 0.0625rem solid var(--border-color-preferred);
}
.sitegen-platform-selection .sitegen-platform-button.registered {
  pointer-events: none;
}
.sitegen-platform-selection .sitegen-platform-button.registered .sitegen-platform-button__tag {
  display: block;
  border-radius: 0.625rem 0 0.25rem 0;
  color: var(--tile-background);
  background-color: #FFFFFF;
}
.sitegen-platform-selection .sitegen-platform-button.registered .sitegen-platform-button__content .sitegen-platform-button__logo,
.sitegen-platform-selection .sitegen-platform-button.registered .sitegen-platform-button__content .sitegen-platform-button__title {
  border-color: var(--border-color-registered);
}
.sitegen-platform-selection .sitegen-platform-button input[type="checkbox"]:checked ~ .sitegen-platform-button__content .sitegen-platform-button__logo {
  background-color: var(--tile-background-selected);
}
.sitegen-platform-selection .sitegen-platform-button input[type="checkbox"]:checked ~ .sitegen-platform-button__content:after {
  display: block;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5rem) 0.75rem;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='23' viewBox='0 0 32 23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.4233 0.928145C32.1993 1.71419 32.1912 2.98049 31.4051 3.75651L13.1725 21.7565C12.3936 22.5255 11.1413 22.5255 10.3623 21.7565L0.594893 12.1137C-0.191153 11.3376 -0.199281 10.0713 0.576739 9.28529C1.35276 8.49924 2.61906 8.49111 3.40511 9.26713L11.7674 17.5228L28.5949 0.909991C29.3809 0.133971 30.6472 0.142099 31.4233 0.928145Z' fill='%233DA2FF'/%3E%3C/svg%3E");
  border: 0.125rem solid var(--border-color-hover);
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection .sitegen-platform-button input[type="checkbox"]:checked ~ .sitegen-platform-button__content:after {
    background-position: calc(100% - 0.375rem) 0.375rem;
    background-size: 1.5rem;
  }
}
.sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__content {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  --title-height: 1.875rem;
  width: 10.4375rem;
  height: 9.25rem;
  border-radius: 0.5rem;
  border: 0.0625rem solid transparent;
  color: var(--text-color);
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__content {
    --title-height: 1.6rem;
    width: 8.625rem;
    height: 7.8125rem;
  }
}
.sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__content .sitegen-platform-button__logo {
  border: 0.0625rem solid;
  border-bottom: none;
  border-color: var(--border-color);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  flex: 1 1 0;
  background-color: var(--tile-background);
  background-repeat: no-repeat;
  background-position: center;
}
.sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__content .sitegen-platform-button__title {
  background-color: var(--border-color);
  border: 0.0625rem solid;
  border-color: var(--border-color);
  border-top: none;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  flex: var(--title-height) 0 0;
  line-height: var(--title-height);
  text-align: center;
}
.sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__content .sitegen-platform-button__title p {
  margin: 0;
  padding: 0;
  user-select: none;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__content .sitegen-platform-button__title {
    font-size: 0.75rem;
  }
}
.sitegen-platform-selection .sitegen-platform-button.PS5 .sitegen-platform-button__logo {
  background-image: var(--ps5-logo);
}
.sitegen-platform-selection .sitegen-platform-button.PC .sitegen-platform-button__logo {
  background-image: var(--pc-logo);
}
.sitegen-platform-selection .sitegen-platform-button.IOS .sitegen-platform-button__logo {
  background-image: var(--ios-logo);
}
.sitegen-platform-selection .sitegen-platform-button.EPIC .sitegen-platform-button__logo {
  background-image: var(--epic-logo);
}
.sitegen-platform-selection .sitegen-platform-button.ANDROID .sitegen-platform-button__logo {
  background-image: var(--android-logo);
}
.sitegen-platform-selection .sitegen-platform-button.LUNA .sitegen-platform-button__logo {
  background-image: var(--luna-logo);
}
.sitegen-platform-selection .sitegen-platform-button.MOBILE .sitegen-platform-button__logo {
  background-image: var(--mobile-logo);
}
.sitegen-platform-selection .sitegen-platform-button.OCULUSVR .sitegen-platform-button__logo {
  background-image: var(--oculusvr-logo);
}
.sitegen-platform-selection .sitegen-platform-button.PS4 .sitegen-platform-button__logo {
  background-image: var(--ps4-logo);
}
.sitegen-platform-selection .sitegen-platform-button.STEAM .sitegen-platform-button__logo {
  background-image: var(--steam-logo);
}
.sitegen-platform-selection .sitegen-platform-button.STEAMVR .sitegen-platform-button__logo {
  background-image: var(--steamvr-logo);
}
.sitegen-platform-selection .sitegen-platform-button.SWITCH .sitegen-platform-button__logo {
  background-image: var(--switch-logo);
}
.sitegen-platform-selection .sitegen-platform-button.XONE .sitegen-platform-button__logo {
  background-image: var(--xboxone-logo);
}
.sitegen-platform-selection .sitegen-platform-button.XSX .sitegen-platform-button__logo {
  background-image: var(--xboxx-logo);
}
.sitegen-platform-selection .sitegen-platform-button.WEB .sitegen-platform-button__logo {
  background-image: var(--web-logo);
  background-size: 50%;
}
.sitegen-platform-selection .sitegen-platform-button.AMAZON .sitegen-platform-button__logo {
  background-image: var(--amazon-logo);
  background-size: 80%;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection .sitegen-platform-button.PS5 .sitegen-platform-button__logo {
    background-image: var(--ps5-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.PC .sitegen-platform-button__logo {
    background-image: var(--pc-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.IOS .sitegen-platform-button__logo {
    background-image: var(--ios-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.EPIC .sitegen-platform-button__logo {
    background-image: var(--epic-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.ANDROID .sitegen-platform-button__logo {
    background-image: var(--android-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.LUNA .sitegen-platform-button__logo {
    background-image: var(--luna-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.MOBILE .sitegen-platform-button__logo {
    background-image: var(--mobile-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.OCULUSVR .sitegen-platform-button__logo {
    background-image: var(--oculusvr-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.PS4 .sitegen-platform-button__logo {
    background-image: var(--ps4-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.STEAM .sitegen-platform-button__logo {
    background-image: var(--steam-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.STEAMVR .sitegen-platform-button__logo {
    background-image: var(--steamvr-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.SWITCH .sitegen-platform-button__logo {
    background-image: var(--switch-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.XONE .sitegen-platform-button__logo {
    background-image: var(--xboxone-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.XSX .sitegen-platform-button__logo {
    background-image: var(--xboxx-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.WEB .sitegen-platform-button__logo {
    background-image: var(--web-logo-small);
  }
  .sitegen-platform-selection .sitegen-platform-button.AMAZON .sitegen-platform-button__logo {
    background-image: var(--amazon-logo);
    background-size: 80%;
  }
}
.sitegen-platform-selection-embedded {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 16px;
  gap: 32px;
  --android-logo: url(./assets/android-logo.81710c9f22993cca91b856b3e0612cee.svg);
  --amazon-logo: url(./assets/amazon-logo.4d4645d0fec29a2e1feba2c253eb5be3.svg);
  --epic-logo: url(./assets/epic-logo.52d8ee2843f9e3785ce214adbd667f37.svg);
  --ios-logo: url(./assets/ios-logo.95ac0a5b92d21ac107b039ff0f07c875.svg);
  --luna-logo: url(./assets/luna-logo.af1e02bbf6d1745f99d1add55f155179.svg);
  --mobile-logo: url(./assets/mobile-logo.4c0a7c88f9db6841266d34b1a2797af3.svg);
  --oculusvr-logo: url(./assets/oculusvr-logo.5d8278f422ba8c6b4f2590d14fa7452e.svg);
  --pc-logo: url(./assets/pc-logo.8d83a44684ef42a65a43e536ea0cd114.svg);
  --ps4-logo: url(./assets/ps4-logo.fa3d01ee9356d1e91c5f9ad27046851f.svg);
  --ps5-logo: url(./assets/ps5-logo.86adb6fba0d0e1852d30ce5b1a0c1dee.svg);
  --steam-logo: url(./assets/steam-logo.5ce54f4a37cb904fcf40a0054fd97c4b.svg);
  --steamvr-logo: url(./assets/steamvr-logo.03af9aa665c4996abef99fbb740f9d29.svg);
  --switch-logo: url(./assets/switch-logo.22cbec2892cc2676d0a3e6eec5f72fad.svg);
  --web-logo: url(./assets/web-logo.2caf44dbb59c2e226047963a62eafc32.svg);
  --xboxone-logo: url(./assets/xbox-one-logo.c64f065b504fdfe9e75d79040e6e823a.svg);
  --xboxx-logo: url(./assets/xbox-x-logo.a1aba4c2a0fba137843807c307e432e5.svg);
  --android-logo-small: url(./assets/android-logo-small.733d281f97b8195c47daa0aa80afc1c0.svg);
  --epic-logo-small: url(./assets/epic-logo-small.b76de91ad05a33417f96bcfd062e21aa.svg);
  --ios-logo-small: url(./assets/ios-logo-small.c3257bf746c261ffd49c7a0742dd44e7.svg);
  --luna-logo-small: url(./assets/luna-logo-small.4419e9a3f377081d834f725987c0b50a.svg);
  --mobile-logo-small: url(./assets/mobile-logo-small.fc836ea16ab4c3455c451a29ebfb5854.svg);
  --oculusvr-logo-small: url(./assets/oculusvr-logo-small.376c388e1ee5040d569a1ca457db8e0c.svg);
  --pc-logo-small: url(./assets/pc-logo-small.64942dc4b6ec67c4d0419a2a30a1aa10.svg);
  --ps4-logo-small: url(./assets/ps4-logo-small.93546d2a2d7218ce75a54941aadc01c3.svg);
  --ps5-logo-small: url(./assets/ps5-logo-small.314d4b2f3579cb178830c850c9e8c510.svg);
  --steam-logo-small: url(./assets/steam-logo-small.3ea1495421d1d54b8eb3fa13e0d3e56e.svg);
  --steamvr-logo-small: url(./assets/steamvr-logo-small.658f6e10ae01cc489f607b1977afed7e.svg);
  --switch-logo-small: url(./assets/switch-logo-small.80a2812899e88c47a0b83053615b25d4.svg);
  --web-logo-small: url(./assets/web-logo-small.be93ecbddf5b008f6badd1c41a52cad1.svg);
  --xboxone-logo-small: url(./assets/xbox-one-logo-small.aa3fb331b8096d0a83a7caa6d502e73d.svg);
  --xboxx-logo-small: url(./assets/xbox-x-logo-small2.d794748f0f1af8839be2bc63b765d7f7.svg);
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded {
    padding: 0;
    gap: 24px;
  }
}
.sitegen-platform-selection-embedded .sitegen-platform-button,
.sitegen-platform-selection-embedded button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  position: relative;
  display: block;
  height: 148px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded .sitegen-platform-button,
  .sitegen-platform-selection-embedded button {
    height: 125px;
  }
}
.sitegen-platform-selection-embedded .sitegen-platform-button:after,
.sitegen-platform-selection-embedded button:after {
  content: '';
  position: absolute;
  display: block;
  z-index: 5;
  opacity: 0;
  transition: 0.2s opacity cubic-bezier(0, 0.55, 0.83, 0.99);
  border-radius: 8px;
  border: 2px solid;
  border-color: inherit;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded .sitegen-platform-button:after,
  .sitegen-platform-selection-embedded button:after {
    display: none;
  }
}
.sitegen-platform-selection-embedded .sitegen-platform-button:hover::after,
.sitegen-platform-selection-embedded button:hover::after {
  opacity: 1;
}
.sitegen-platform-selection-embedded button {
  isolation: isolate;
  background-color: transparent;
  width: 167px;
  height: 148px;
  border-radius: 10px;
  border: 1px solid;
  border-color: inherit;
  color: inherit;
  text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded button {
    width: 140px;
    height: 125px;
  }
}
.sitegen-platform-selection-embedded button:focus,
.sitegen-platform-selection-embedded button:active {
  outline: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.sitegen-platform-selection-embedded button:after {
  inset: -1px;
}
.sitegen-platform-selection-embedded button:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8.8px;
  top: 0;
}
.sitegen-platform-selection-embedded .sitegen-platform-button:after {
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: -1px;
}
.sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__tag {
  user-select: none;
  position: absolute;
  display: none;
  z-index: 1;
  left: 1.2px;
  top: 1.2px;
  padding: 6px 12px 12px;
  text-align: left;
}
@media only screen and (max-width: 900px) {
  .sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__tag {
    padding: 4px 8px;
  }
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__tag {
    padding: 2px 8px;
  }
}
.sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__content:after {
  content: '';
  position: absolute;
  z-index: 0;
  display: none;
  inset: 0;
  border-radius: 8px;
}
.sitegen-platform-selection-embedded .sitegen-platform-button.preferred {
  pointer-events: none;
}
.sitegen-platform-selection-embedded .sitegen-platform-button.preferred .sitegen-platform-button__tag {
  display: block;
  border-radius: 10px 0 4px 0;
  color: inherit;
}
.sitegen-platform-selection-embedded .sitegen-platform-button.preferred .sitegen-platform-button__content:after {
  display: block;
  border: 1px solid;
  border-color: inherit;
}
.sitegen-platform-selection-embedded .sitegen-platform-button.registered {
  pointer-events: none;
}
.sitegen-platform-selection-embedded .sitegen-platform-button.registered .sitegen-platform-button__tag {
  display: block;
  border-radius: 10px 0 4px 0;
  color: inherit;
  background-color: transparent;
}
.sitegen-platform-selection-embedded .sitegen-platform-button.registered .sitegen-platform-button__content .sitegen-platform-button__logo,
.sitegen-platform-selection-embedded .sitegen-platform-button.registered .sitegen-platform-button__content .sitegen-platform-button__title {
  border-color: inherit;
}
.sitegen-platform-selection-embedded .sitegen-platform-button input[type="checkbox"]:checked ~ .sitegen-platform-button__content .sitegen-platform-button__logo {
  background-color: transparent;
}
.sitegen-platform-selection-embedded .sitegen-platform-button input[type="checkbox"]:checked ~ .sitegen-platform-button__content:after {
  display: block;
  background-repeat: no-repeat;
  background-position: calc(100% - 0.5rem) 0.75rem;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='23' viewBox='0 0 32 23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M31.4233 0.928145C32.1993 1.71419 32.1912 2.98049 31.4051 3.75651L13.1725 21.7565C12.3936 22.5255 11.1413 22.5255 10.3623 21.7565L0.594893 12.1137C-0.191153 11.3376 -0.199281 10.0713 0.576739 9.28529C1.35276 8.49924 2.61906 8.49111 3.40511 9.26713L11.7674 17.5228L28.5949 0.909991C29.3809 0.133971 30.6472 0.142099 31.4233 0.928145Z' fill='%233DA2FF'/%3E%3C/svg%3E");
  border: 2px solid;
  border-color: inherit;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded .sitegen-platform-button input[type="checkbox"]:checked ~ .sitegen-platform-button__content:after {
    background-position: calc(100% - 6px) 6px;
    background-size: 24px;
  }
}
.sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__content {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
  --logo-height: 116px;
  --title-height: 30px;
  width: 167px;
  height: 148px;
  border-radius: 8px;
  border: 1px solid transparent;
  color: inherit;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__content {
    --logo-height: 98px;
    --title-height: 25.6px;
    width: 138px;
    height: 125px;
  }
}
.sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__content .sitegen-platform-button__logo {
  border: 1px solid;
  border-bottom: none;
  border-color: inherit;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex: 1 1 0;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}
.sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__content .sitegen-platform-button__title {
  background-color: transparent;
  border: 1px solid;
  border-color: inherit;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  flex: var(--title-height) 0 0;
  line-height: var(--title-height);
  text-align: center;
}
.sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__content .sitegen-platform-button__title p {
  margin: 0;
  padding: 0;
  user-select: none;
}
.sitegen-platform-selection-embedded .sitegen-platform-button.PS5 .sitegen-platform-button__logo {
  background-image: var(--ps5-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.PC .sitegen-platform-button__logo {
  background-image: var(--pc-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.IOS .sitegen-platform-button__logo {
  background-image: var(--ios-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.EPIC .sitegen-platform-button__logo {
  background-image: var(--epic-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.ANDROID .sitegen-platform-button__logo {
  background-image: var(--android-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.LUNA .sitegen-platform-button__logo {
  background-image: var(--luna-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.MOBILE .sitegen-platform-button__logo {
  background-image: var(--mobile-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.OCULUSVR .sitegen-platform-button__logo {
  background-image: var(--oculusvr-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.PS4 .sitegen-platform-button__logo {
  background-image: var(--ps4-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.STEAM .sitegen-platform-button__logo {
  background-image: var(--steam-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.STEAMVR .sitegen-platform-button__logo {
  background-image: var(--steamvr-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.SWITCH .sitegen-platform-button__logo {
  background-image: var(--switch-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.XONE .sitegen-platform-button__logo {
  background-image: var(--xboxone-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.XSX .sitegen-platform-button__logo {
  background-image: var(--xboxx-logo);
}
.sitegen-platform-selection-embedded .sitegen-platform-button.WEB .sitegen-platform-button__logo {
  background-image: var(--web-logo);
  background-size: 50%;
}
.sitegen-platform-selection-embedded .sitegen-platform-button.AMAZON .sitegen-platform-button__logo {
  background-image: var(--amazon-logo);
  background-size: 80%;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded .sitegen-platform-button.PS5 .sitegen-platform-button__logo {
    background-image: var(--ps5-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.PC .sitegen-platform-button__logo {
    background-image: var(--pc-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.IOS .sitegen-platform-button__logo {
    background-image: var(--ios-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.EPIC .sitegen-platform-button__logo {
    background-image: var(--epic-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.ANDROID .sitegen-platform-button__logo {
    background-image: var(--android-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.LUNA .sitegen-platform-button__logo {
    background-image: var(--luna-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.MOBILE .sitegen-platform-button__logo {
    background-image: var(--mobile-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.OCULUSVR .sitegen-platform-button__logo {
    background-image: var(--oculusvr-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.PS4 .sitegen-platform-button__logo {
    background-image: var(--ps4-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.STEAM .sitegen-platform-button__logo {
    background-image: var(--steam-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.STEAMVR .sitegen-platform-button__logo {
    background-image: var(--steamvr-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.SWITCH .sitegen-platform-button__logo {
    background-image: var(--switch-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.XONE .sitegen-platform-button__logo {
    background-image: var(--xboxone-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.XSX .sitegen-platform-button__logo {
    background-image: var(--xboxx-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.WEB .sitegen-platform-button__logo {
    background-image: var(--web-logo-small);
  }
  .sitegen-platform-selection-embedded .sitegen-platform-button.AMAZON .sitegen-platform-button__logo {
    background-image: var(--amazon-logo);
    background-size: 80%;
  }
}
.sg-mobile-preview .sitegen-platform-selection,
.sg-mobile-preview .sitegen-platform-selection-embedded {
  padding: 0;
  gap: 1.5rem;
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button,
.sg-mobile-preview .sitegen-platform-selection button,
.sg-mobile-preview .sitegen-platform-selection-embedded button {
  height: 7.8125rem;
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button:after,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button:after,
.sg-mobile-preview .sitegen-platform-selection button:after,
.sg-mobile-preview .sitegen-platform-selection-embedded button:after {
  display: none;
}
.sg-mobile-preview .sitegen-platform-selection button,
.sg-mobile-preview .sitegen-platform-selection-embedded button {
  width: 8.75rem;
  height: 7.8125rem;
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__tag,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__tag {
  padding: 0.125rem 0.5rem;
  line-height: 1rem;
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button input[type="checkbox"]:checked ~ .sitegen-platform-button__content:after,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button input[type="checkbox"]:checked ~ .sitegen-platform-button__content:after {
  background-position: calc(100% - 0.375rem) 0.375rem;
  background-size: 1.5rem;
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button .sitegen-platform-button__content,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__content {
  --title-height: 1.6rem;
  width: 8.625rem;
  height: 7.8125rem;
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.PS5 .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.PS5 .sitegen-platform-button__logo {
  background-image: var(--ps5-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.PC .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.PC .sitegen-platform-button__logo {
  background-image: var(--pc-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.IOS .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.IOS .sitegen-platform-button__logo {
  background-image: var(--ios-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.EPIC .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.EPIC .sitegen-platform-button__logo {
  background-image: var(--epic-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.ANDROID .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.ANDROID .sitegen-platform-button__logo {
  background-image: var(--android-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.LUNA .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.LUNA .sitegen-platform-button__logo {
  background-image: var(--luna-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.MOBILE .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.MOBILE .sitegen-platform-button__logo {
  background-image: var(--mobile-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.OCULUSVR .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.OCULUSVR .sitegen-platform-button__logo {
  background-image: var(--oculusvr-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.PS4 .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.PS4 .sitegen-platform-button__logo {
  background-image: var(--ps4-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.STEAM .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.STEAM .sitegen-platform-button__logo {
  background-image: var(--steam-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.STEAMVR .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.STEAMVR .sitegen-platform-button__logo {
  background-image: var(--steamvr-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.SWITCH .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.SWITCH .sitegen-platform-button__logo {
  background-image: var(--switch-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.XONE .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.XONE .sitegen-platform-button__logo {
  background-image: var(--xboxone-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.XSX .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.XSX .sitegen-platform-button__logo {
  background-image: var(--xboxx-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.WEB .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.WEB .sitegen-platform-button__logo {
  background-image: var(--web-logo-small);
}
.sg-mobile-preview .sitegen-platform-selection .sitegen-platform-button.AMAZON .sitegen-platform-button__logo,
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button.AMAZON .sitegen-platform-button__logo {
  background-image: var(--amazon-logo);
  background-size: 80%;
}
.sg-mobile-preview .sitegen-platform-selection-embedded .sitegen-platform-button .sitegen-platform-button__content {
  --logo-height: 98px;
  --title-height: 25.6px;
  width: 138px;
  height: 125px;
}
.sg-mobile-preview.sitegen-widget .sg-h2 {
  font-size: 1.875rem;
  letter-spacing: 0.03px;
}
.sg-mobile-preview.sitegen-widget .sg-h3 {
  font-size: 1.5rem;
  letter-spacing: 0.03px;
}
.sg-mobile-preview.sitegen-widget .sg-h4 {
  font-size: 0.875rem;
  letter-spacing: 0.015px;
}
.sg-mobile-preview.sitegen-widget .sg-h5 {
  font-size: 0.75rem;
  letter-spacing: 0.014px;
}

/** Polyfill for CSS Gap in Flex Layout
* Should be removed once all browsers support the feature
* [https://caniuse.com/flexbox-gap]
*/
.sitegen-login-page {
  min-height: 8.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  background-color: var(--subcontent-background-color);
  color: var(--subcontent-text-color);
  padding: 0;
  border-top: 4px solid var(--primary-color);
  border-bottom: 4px solid var(--primary-color);
  min-height: 21em;
}
.sitegen-login-page__ubisoft-connect-container {
  width: 100%;
  display: flex;
  align-items: center;
}
.sitegen-login-page__ubisoft-connect-container iframe {
  transition: height 0.3s ease-in-out;
  border: none;
  margin: 0 auto;
}
.sitegen-login-page-embedded {
  margin-top: 10px;
}
.sitegen-login-page-embedded__ubisoft-connect-container {
  width: 100%;
  display: flex;
  align-items: center;
}
.sitegen-login-page-embedded__ubisoft-connect-container iframe {
  border: none;
  margin: 0 auto;
}

/** Polyfill for CSS Gap in Flex Layout
* Should be removed once all browsers support the feature
* [https://caniuse.com/flexbox-gap]
*/
.sitegen-login {
  min-height: 8.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  background-color: var(--subcontent-background-color);
  color: var(--subcontent-text-color);
  padding: 0;
  border-top: 4px solid var(--primary-color);
  border-bottom: 4px solid var(--primary-color);
  min-height: 21rem;
  border-top: transparent;
  border-bottom: transparent;
  background-color: transparent;
}
.sitegen-login__ubisoft-connect-container {
  padding: 2rem 1.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sitegen-login__ubisoft-connect-container iframe {
  transition: height 0.3s ease-in-out;
  border: none;
  margin: 0 auto;
}
@media only screen and (max-width: 540px) {
  .sitegen-login__ubisoft-connect-container iframe {
    width: 100%;
  }
}
.sitegen-login__popup {
  margin: 2rem 0 2.5rem;
  padding: 0 0.5rem;
}
.sitegen-login__popup-inner {
  margin: 2rem 0;
  padding: 0 0.5rem;
}
.sitegen-login__popup-inner ul {
  max-width: 32.5rem;
  font-size: 1rem;
  padding-left: 1.5rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  list-style-type: none;
}
@media only screen and (max-width: 480px) {
  .sitegen-login__popup-inner ul {
    font-size: 0.875rem;
  }
}
.sitegen-login__popup-inner ul span {
  position: relative;
}
.sitegen-login__popup-inner ul span::before {
  content: '\00B7';
  position: absolute;
  left: -1rem;
  font-size: 2em;
  line-height: 0.5em;
  color: inherit;
}
@media only screen and (max-width: 480px) {
  .sitegen-login__popup-action {
    margin: 1rem 0;
  }
}
.sitegen-login-embedded__ubisoft-connect-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 24px;
}
.sitegen-login-embedded__ubisoft-connect-container iframe {
  border: none;
  margin: 0 auto;
}
@media only screen and (max-width: 540px) {
  .sitegen-login-embedded__ubisoft-connect-container iframe {
    width: 100%;
  }
}
.sitegen-login-embedded .sitegen-login__popup-embedded {
  margin: 32px 0 40px;
  padding: 0 8px;
}
.sitegen-login-embedded .sitegen-login__popup-inner-embedded {
  margin: 32px ;
  padding: 0 8px;
}
.sitegen-login-embedded .sitegen-login__popup-inner-embedded ul {
  max-width: 520px;
  margin: 16px auto;
  font-size: 16px;
  padding-left: 24px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  list-style-type: none;
}
@media screen and (max-width: 480px) {
  .sitegen-login-embedded .sitegen-login__popup-inner-embedded ul {
    font-size: 14px;
  }
}
.sitegen-login-embedded .sitegen-login__popup-inner-embedded ul span {
  position: relative;
}
.sitegen-login-embedded .sitegen-login__popup-inner-embedded ul span::before {
  content: '\00B7';
  position: absolute;
  left: -16px;
  font-size: 2em;
  line-height: 0.5em;
  color: inherit;
}
@media screen and (max-width: 480px) {
  .sitegen-login-embedded .sitegen-login__popup-action-embedded {
    margin: 16px 0;
  }
}
.sg-mobile-preview .sitegen-login__ubisoft-connect-container iframe,
.sg-mobile-preview .sitegen-login-embedded__ubisoft-connect-container iframe {
  width: 100%;
}
.sg-mobile-preview .sitegen-login__popup-inner ul,
.sg-mobile-preview .sitegen-login-embedded .sitegen-login__popup-inner-embedded ul {
  font-size: 0.875rem;
}
.sg-mobile-preview .sitegen-login__popup-action,
.sg-mobile-preview .sitegen-login-embedded .sitegen-login__popup-action-embedded {
  margin: 1rem 0;
}

.redeem-v2-login .sitegen-login__ubisoft-connect-container,
.redeem-v2-login .sitegen-login-embedded__ubisoft-connect-container {
  padding: 0;
}
.redeem-v2-login .sitegen-login__ubisoft-connect-container iframe,
.redeem-v2-login .sitegen-login-embedded__ubisoft-connect-container iframe {
  min-height: 750px;
}

.sitegen-spinner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.sitegen-spinner svg {
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  box-sizing: border-box;
  z-index: 10;
  animation: sitegen-spinner-rotate 0.9s infinite linear;
}
.sitegen-spinner svg path {
  fill: var(--spinner-color, white);
}
@keyframes sitegen-spinner-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.sitegen-support-text {
  margin: 0;
  text-align: center;
  color: var(--primary-color-text, #F2F2F2);
  font-family: flowtext, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.02px;
}
.sitegen-support-text a {
  color: var(--secondary-color);
  font-weight: 700;
}
.sitegen-support-text a:hover {
  color: var(--secondary-color-hover);
}
.sitegen-support-text-embedded {
  margin: 0;
}

.sitegen-platform-selection {
  padding: 0;
}
.sitegen-platform-selection__title {
  color: var(--primary-color-text, #F2F2F2);
  margin-bottom: 2rem;
  text-align: center;
}
.sitegen-platform-selection .sg-h4 {
  color: var(--primary-color-text, #F2F2F2);
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.02px;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 900px) {
  .sitegen-platform-selection .sg-h4 {
    font-size: 1.125rem;
    line-height: 1.2;
  }
}
.sitegen-platform-selection__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sitegen-platform-selection__list .sitegen-platform-button {
  margin: 1rem;
}
.sitegen-platform-selection__list .sitegen-platform-button p {
  font-family: flowtext, sans-serif;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection__list .sitegen-platform-button {
    margin: 0.75rem;
  }
}
.sitegen-platform-selection__list--5 .sitegen-platform-button:first-child,
.sitegen-platform-selection__list--6 .sitegen-platform-button:first-child {
  margin-left: 5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection__list--5 .sitegen-platform-button:first-child,
  .sitegen-platform-selection__list--6 .sitegen-platform-button:first-child {
    margin-left: 0;
  }
}
.sitegen-platform-selection__list--5 .sitegen-platform-button:nth-child(3),
.sitegen-platform-selection__list--6 .sitegen-platform-button:nth-child(3) {
  margin-right: 5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection__list--5 .sitegen-platform-button:nth-child(3),
  .sitegen-platform-selection__list--6 .sitegen-platform-button:nth-child(3) {
    margin-right: 0.75rem;
  }
}
.sitegen-platform-selection__list--9 .sitegen-platform-button:first-child {
  margin-left: 5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection__list--9 .sitegen-platform-button:first-child {
    margin-left: 0.75rem;
  }
}
.sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(3) {
  margin-right: 5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(3) {
    margin-right: 0.75rem;
  }
}
.sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(4) {
  margin-left: 5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(4) {
    margin-left: 0.75rem;
  }
}
.sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(6) {
  margin-right: 5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(6) {
    margin-right: 0;
  }
}
.sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(7) {
  margin-left: 5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(7) {
    margin-left: 0;
  }
}
.sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(9) {
  margin-right: 5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(9) {
    margin-right: 0.75rem;
  }
}
.sitegen-platform-selection__cta {
  display: flex;
  justify-content: center;
  margin: 1rem 0 2rem;
  font-weight: 700;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection__cta {
    margin: 1.25rem 0 2rem;
  }
}
.sitegen-platform-selection__cta .sitegen-button {
  min-width: 5rem;
  height: 3rem;
  padding: 0 1.25rem;
  border-radius: 56.25rem;
  font-family: ctatext, sans-serif;
}
.sitegen-platform-selection__cta .sitegen-button:after {
  border-radius: inherit;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection__cta .sitegen-button {
    width: 100%;
  }
}
.sitegen-platform-selection-embedded {
  padding: 0;
}
.sitegen-platform-selection-embedded__title {
  margin-bottom: 32px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__title {
    font-size: 24px;
    letter-spacing: 0.03px;
  }
}
.sitegen-platform-selection-embedded__subtitle {
  text-align: center;
  margin-bottom: 16px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__subtitle {
    font-size: 18px;
  }
}
.sitegen-platform-selection-embedded__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.sitegen-platform-selection-embedded__list .sitegen-platform-button {
  margin: 16px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__list .sitegen-platform-button {
    margin: 12px;
  }
}
.sitegen-platform-selection-embedded__list--5 .sitegen-platform-button:first-child,
.sitegen-platform-selection-embedded__list--6 .sitegen-platform-button:first-child {
  margin-left: 80px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__list--5 .sitegen-platform-button:first-child,
  .sitegen-platform-selection-embedded__list--6 .sitegen-platform-button:first-child {
    margin-left: 0;
  }
}
.sitegen-platform-selection-embedded__list--5 .sitegen-platform-button:nth-child(3),
.sitegen-platform-selection-embedded__list--6 .sitegen-platform-button:nth-child(3) {
  margin-right: 80px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__list--5 .sitegen-platform-button:nth-child(3),
  .sitegen-platform-selection-embedded__list--6 .sitegen-platform-button:nth-child(3) {
    margin-right: 12px;
  }
}
.sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:first-child {
  margin-left: 80px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:first-child {
    margin-left: 12px;
  }
}
.sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(3) {
  margin-right: 80px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(3) {
    margin-right: 12px;
  }
}
.sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(4) {
  margin-left: 80px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(4) {
    margin-left: 12px;
  }
}
.sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(6) {
  margin-right: 80px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(6) {
    margin-right: 0;
  }
}
.sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(7) {
  margin-left: 80px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(7) {
    margin-left: 0;
  }
}
.sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(9) {
  margin-right: 80px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(9) {
    margin-right: 12px;
  }
}
.sitegen-platform-selection-embedded__cta {
  display: flex;
  justify-content: center;
  margin: 16px 0 32px;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__cta {
    margin: 20px 0 32px;
  }
}
.sitegen-platform-selection-embedded__cta .sitegen-button-embedded {
  min-width: 80px;
  height: 48px;
  padding: 0 20px;
  border-radius: 900px;
}
.sitegen-platform-selection-embedded__cta .sitegen-button-embedded:after {
  border-radius: inherit;
}
@media only screen and (max-width: 480px) {
  .sitegen-platform-selection-embedded__cta .sitegen-button-embedded {
    width: 100%;
  }
}
.sg-mobile-preview .sitegen-platform-selection__list .sitegen-platform-button,
.sg-mobile-preview .sitegen-platform-selection-embedded__list .sitegen-platform-button {
  margin: 0.75rem;
}
.sg-mobile-preview .sitegen-platform-selection__list--5 .sitegen-platform-button:first-child,
.sg-mobile-preview .sitegen-platform-selection-embedded__list--5 .sitegen-platform-button:first-child,
.sg-mobile-preview .sitegen-platform-selection__list--6 .sitegen-platform-button:first-child,
.sg-mobile-preview .sitegen-platform-selection-embedded__list--6 .sitegen-platform-button:first-child,
.sg-mobile-preview .sitegen-platform-selection__list--9 .sitegen-platform-button:first-child,
.sg-mobile-preview .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:first-child {
  margin-left: 0;
}
.sg-mobile-preview .sitegen-platform-selection__list--5 .sitegen-platform-button:nth-child(3),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--5 .sitegen-platform-button:nth-child(3),
.sg-mobile-preview .sitegen-platform-selection__list--6 .sitegen-platform-button:nth-child(3),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--6 .sitegen-platform-button:nth-child(3),
.sg-mobile-preview .sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(3),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(3),
.sg-mobile-preview .sitegen-platform-selection__list--5 .sitegen-platform-button:nth-child(9),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--5 .sitegen-platform-button:nth-child(9),
.sg-mobile-preview .sitegen-platform-selection__list--6 .sitegen-platform-button:nth-child(9),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--6 .sitegen-platform-button:nth-child(9),
.sg-mobile-preview .sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(9),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(9) {
  margin-right: 0.75rem;
}
.sg-mobile-preview .sitegen-platform-selection__list--5 .sitegen-platform-button:nth-child(4),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--5 .sitegen-platform-button:nth-child(4),
.sg-mobile-preview .sitegen-platform-selection__list--6 .sitegen-platform-button:nth-child(4),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--6 .sitegen-platform-button:nth-child(4),
.sg-mobile-preview .sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(4),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(4) {
  margin-left: 0.75rem;
}
.sg-mobile-preview .sitegen-platform-selection__list--5 .sitegen-platform-button:nth-child(6),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--5 .sitegen-platform-button:nth-child(6),
.sg-mobile-preview .sitegen-platform-selection__list--6 .sitegen-platform-button:nth-child(6),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--6 .sitegen-platform-button:nth-child(6),
.sg-mobile-preview .sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(6),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(6),
.sg-mobile-preview .sitegen-platform-selection__list--5 .sitegen-platform-button:nth-child(7),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--5 .sitegen-platform-button:nth-child(7),
.sg-mobile-preview .sitegen-platform-selection__list--6 .sitegen-platform-button:nth-child(7),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--6 .sitegen-platform-button:nth-child(7),
.sg-mobile-preview .sitegen-platform-selection__list--9 .sitegen-platform-button:nth-child(7),
.sg-mobile-preview .sitegen-platform-selection-embedded__list--9 .sitegen-platform-button:nth-child(7) {
  margin-right: 0;
  margin-left: 0;
}
.sg-mobile-preview .sitegen-platform-selection .sg-h4 {
  font-size: 1.125rem;
  line-height: 1.2;
}
.sg-mobile-preview .sitegen-platform-selection__cta {
  margin: 1.25rem 0 2rem;
}
.sg-mobile-preview .sitegen-platform-selection__cta .sitegen-button {
  width: 100%;
}
.sg-mobile-preview .sitegen-platform-selection-embedded__title {
  font-size: 24px;
  letter-spacing: 0.03px;
}
.sg-mobile-preview .sitegen-platform-selection-embedded__subtitle {
  font-size: 18px;
}
.sg-mobile-preview .sitegen-platform-selection-embedded__list .sitegen-platform-button {
  margin: 12px;
}
.sg-mobile-preview .sitegen-platform-selection-embedded__cta {
  margin: 20px 0 32px;
}
.sg-mobile-preview .sitegen-platform-selection-embedded__cta .sitegen-button-embedded {
  width: 100%;
}

.sitegen-redeem-code__support-format {
  color: var(--secondary-color-text, #B5B5B5);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.02px;
  margin-top: 1rem;
  text-align: left;
}
.sitegen-redeem-code__label {
  color: var(--primary-color-text, #F2F2F2);
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.02px;
  text-align: left;
  margin-bottom: 0.5rem;
}
.sitegen-redeem-code__field {
  height: 7rem;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
}
.sitegen-redeem-code__field .error-message {
  color: var(--error-text-color, #F17474);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.02px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.5rem;
  text-align: left;
}
.sitegen-redeem-code__field .error-message:before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 0.875rem;
  background-image: url(./assets/error.dc6d8094ac2dfc894960d45ce19426b2.svg);
  background-repeat: no-repeat;
  background-position: left;
}
.sitegen-redeem-code__field input {
  overflow: hidden;
  color: var(--primary-color-text, #F2F2F2);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.02px;
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  border: 0.125rem solid var(--border-color, #ffffff26);
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(0.25rem);
}
.sitegen-redeem-code__field input.error-text-field {
  border-color: var(--error-text-color, #F17474);
}
.sitegen-redeem-code__field input.error-text-field:focus-visible {
  outline: none;
  border-color: var(--error-text-color, #F17474);
}
.sitegen-redeem-code__field input:focus-visible {
  border-color: rgba(255, 255, 255, 0.3);
}
.sitegen-redeem-code__field input:focus-visible {
  outline-offset: 0.25rem;
  outline: 0.125rem solid var(--secondary-color-hover, #3DA2FF);
}
.sitegen-redeem-code button {
  margin: 1.5rem 0 2rem;
}
@media only screen and (max-width: 900px) {
  .sitegen-redeem-code__support-format {
    margin-top: 2.5rem;
  }
}
.sitegen-redeem-code-embedded__support-format {
  margin-top: 1rem;
  text-align: left;
}
.sitegen-redeem-code-embedded__label {
  text-align: left;
  margin-bottom: 0.5rem;
}
.sitegen-redeem-code-embedded__field {
  height: 7rem;
  display: flex;
  flex: 1 0 0;
  flex-direction: column;
}
.sitegen-redeem-code-embedded__field .error-message {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 0.5rem;
  text-align: left;
}
.sitegen-redeem-code-embedded__field .error-message:before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 0.875rem;
  background-image: url(./assets/error.dc6d8094ac2dfc894960d45ce19426b2.svg);
  background-repeat: no-repeat;
  background-position: left;
}
.sitegen-redeem-code-embedded__field input {
  padding: 0.625rem 1rem;
  border-radius: 0.5rem;
  border: 0.125rem solid var(--border-color, #ffffff26);
}
.sitegen-redeem-code-embedded__field input.error-text-field {
  border-color: #F17474;
}
.sitegen-redeem-code-embedded__field input.error-text-field:focus-visible {
  outline: none;
  border-color: #F17474;
}
.sitegen-redeem-code-embedded__field input:focus-visible {
  border-color: rgba(255, 255, 255, 0.3);
}
.sitegen-redeem-code-embedded button {
  margin: 1.5rem 0 2rem;
}
@media only screen and (max-width: 900px) {
  .sitegen-redeem-code-embedded__support-format {
    margin-top: 2.5rem;
  }
}
.sg-mobile-preview .sitegen-redeem-code__support-format,
.sg-mobile-preview .sitegen-redeem-code-embedded__support-format {
  margin-top: 2.5rem;
}

.sitegen-landing .sg-h2,
.sitegen-landing-embedded .sg-h2 {
  text-align: center;
  margin: 0 0 2rem;
}
.sitegen-landing .sg-h3,
.sitegen-landing-embedded .sg-h3 {
  margin: 0 0 1.5rem;
  text-align: left;
}

.sitegen-loading-indicator .sitegen-spinner {
  height: 4.5rem;
}

.sitegen-game-card {
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-radius: 0.5rem;
  border: 0.063rem solid var(--card-tertiary-color, #3F3F3F);
}
.sitegen-game-card.disabled {
  pointer-events: none;
}
.sitegen-game-card.disabled::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 0.5rem;
}
.sitegen-game-card:hover {
  border: 0.063rem solid var(--primary-color, #006EF5);
}
.sitegen-game-card:hover .sitegen-game-card__info {
  background: var(--card-primary-color, #242424);
}
.sitegen-game-card:hover .sitegen-game-card__poster::after {
  background: rgba(0, 0, 0, 0.6);
}
.sitegen-game-card__banner {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.5rem 0 0.25rem 0;
  padding: 0 0.5rem;
  background: #FFF;
  color: var(--card-primary-color, #242424);
  font-family: ctatext, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.02px;
  z-index: 10;
}
.sitegen-game-card__poster {
  position: relative;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  overflow: hidden;
  width: 12.5rem;
  height: 16.438rem;
  background: #000;
  align-items: center;
  display: flex;
}
.sitegen-game-card__poster img {
  display: block;
  border-radius: 0.5rem;
  width: 12.5rem;
}
.sitegen-game-card__poster > .sg-h5 {
  position: absolute;
  bottom: 0.625rem;
  left: 0.625rem;
  padding: 0 0.5rem;
  color: var(--primary-color-text, #F2F2F2);
  border-radius: 0.25rem;
  border: 0.063rem solid var(--primary-color-text, #F2F2F2);
  backdrop-filter: blur(0.5rem);
}
.sitegen-game-card__poster::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  transition: background 0.3s ease;
  z-index: 1;
}
.sitegen-game-card__info {
  display: flex;
  padding: 1rem 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  text-align: left;
  border-radius: 0 0 0.5rem 0.5rem;
  background: var(--card-secondary-color, #343434);
}
.sitegen-game-card__info > .sg-h5,
.sitegen-game-card__info .sg-h4 {
  max-width: 11rem;
}
.sitegen-game-card__info > .sg-h5 {
  margin: 0 0 0.5rem;
  font-size: 0.75rem;
}
.sitegen-game-card__info > .sg-h4 {
  margin: 0;
  text-align: left;
  font-size: 0.875rem;
}
.sitegen-game-card__shadow {
  display: none;
}
@media only screen and (max-width: 480px) {
  .sitegen-game-card__poster {
    width: 9.625rem;
    height: 12.625rem;
  }
  .sitegen-game-card__poster img {
    width: 9.625rem;
  }
  .sitegen-game-card__info {
    min-height: 6.125rem;
    text-align: left;
  }
  .sitegen-game-card__info > .sg-h5,
  .sitegen-game-card__info .sg-h4 {
    max-width: 8.125rem;
  }
  .sitegen-game-card__shadow {
    display: block;
    position: absolute;
    height: 100%;
    width: 1.5rem;
    top: 0;
    bottom: 0;
    transition: background 0.3s ease;
    z-index: 1;
  }
  .sitegen-game-card__shadow:first-child {
    left: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  }
  .sitegen-game-card__shadow:last-child {
    right: 0;
    background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0) 100%);
  }
  .sitegen-game-card__wrapper {
    overflow: hidden;
    position: relative;
  }
}
.sitegen-game-card-embedded {
  position: relative;
  display: flex;
  flex-direction: column;
  cursor: pointer;
  border-radius: 0.5rem;
  border: 0.063rem solid inherit;
}
.sitegen-game-card-embedded.disabled::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.sitegen-game-card-embedded:hover {
  border: 0.063rem solid inherit;
}
.sitegen-game-card-embedded__banner {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.5rem 0 0.25rem 0;
  padding: 0 0.5rem;
  background: transparent;
  color: inherit;
  z-index: 10;
}
.sitegen-game-card-embedded__poster {
  position: relative;
  width: 12.5rem;
  height: 16.438rem;
  align-items: center;
  display: flex;
}
.sitegen-game-card-embedded__poster img {
  display: block;
  border-radius: 0.5rem;
  width: 12.5rem;
}
.sitegen-game-card-embedded__poster > .sg-h5 {
  position: absolute;
  bottom: 0.625rem;
  left: 0.625rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  border: 0.063rem solid inherit;
}
.sitegen-game-card-embedded__poster::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  transition: background 0.3s ease;
  z-index: 1;
}
.sitegen-game-card-embedded__info {
  display: flex;
  padding: 1rem 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  border-radius: 0 0 0.5rem 0.5rem;
  background: transparent;
}
.sitegen-game-card-embedded__info > .sg-h5,
.sitegen-game-card-embedded__info .sg-h4 {
  max-width: 11rem;
}
.sitegen-game-card-embedded__info > .sg-h5 {
  margin: 0 0 0.5rem;
}
.sitegen-game-card-embedded__info > .sg-h4 {
  margin: 0;
  text-align: left;
}
.sitegen-game-card-embedded__shadow {
  display: none;
}
@media only screen and (max-width: 480px) {
  .sitegen-game-card-embedded__poster {
    width: 9.625rem;
    height: 12.625rem;
  }
  .sitegen-game-card-embedded__poster img {
    width: 9.625rem;
  }
  .sitegen-game-card-embedded__info {
    min-height: 6.125rem;
    text-align: left;
  }
  .sitegen-game-card-embedded__info > .sg-h5,
  .sitegen-game-card-embedded__info .sg-h4 {
    max-width: 8.125rem;
  }
  .sitegen-game-card-embedded__shadow {
    display: block;
    position: absolute;
    height: 100%;
    width: 1.5rem;
    top: 0;
    bottom: 0;
    transition: background 0.3s ease;
    z-index: 1;
  }
  .sitegen-game-card-embedded__wrapper {
    overflow: hidden;
    position: relative;
  }
}
.sg-mobile-preview .sitegen-game-card__poster,
.sg-mobile-preview .sitegen-game-card-embedded__poster {
  width: 9.625rem;
  height: 12.625rem;
}
.sg-mobile-preview .sitegen-game-card__poster img,
.sg-mobile-preview .sitegen-game-card-embedded__poster img {
  width: 9.625rem;
}
.sg-mobile-preview .sitegen-game-card__info,
.sg-mobile-preview .sitegen-game-card-embedded__info {
  min-height: 6.125rem;
  text-align: left;
}
.sg-mobile-preview .sitegen-game-card__info > .sg-h5,
.sg-mobile-preview .sitegen-game-card-embedded__info > .sg-h5,
.sg-mobile-preview .sitegen-game-card__info .sg-h4,
.sg-mobile-preview .sitegen-game-card-embedded__info .sg-h4 {
  max-width: 8.125rem;
}
.sg-mobile-preview .sitegen-game-card__shadow,
.sg-mobile-preview .sitegen-game-card-embedded__shadow {
  display: block;
  position: absolute;
  height: 100%;
  width: 1.5rem;
  top: 0;
  bottom: 0;
  transition: background 0.3s ease;
  z-index: 1;
}
.sg-mobile-preview .sitegen-game-card__wrapper,
.sg-mobile-preview .sitegen-game-card-embedded__wrapper {
  overflow: hidden;
  position: relative;
}
.sg-mobile-preview .sitegen-game-card__shadow:first-child {
  left: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.sg-mobile-preview .sitegen-game-card__shadow:last-child {
  right: 0;
  background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}

.sitegen-game-cards-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  margin: 0 auto;
}
.sitegen-game-cards-list__wrapper {
  position: relative;
  margin-bottom: 2rem;
  overflow: hidden;
}
.sitegen-game-cards-list--4 {
  display: grid;
  grid-template-columns: repeat(2, 12.626rem);
}
@media only screen and (max-width: 480px) {
  .sitegen-game-cards-list--4 {
    display: flex;
  }
}
.sitegen-game-cards-list::after,
.sitegen-game-cards-list::before {
  content: none;
}
.sitegen-game-cards-list::before,
.sitegen-game-cards-list::after {
  position: absolute;
  height: 100%;
  width: 1.5rem;
  top: 0;
  z-index: 1;
}
.sitegen-game-cards-list::after {
  left: 0;
  background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000 100%);
}
.sitegen-game-cards-list::before {
  right: 0;
  background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
@media only screen and (max-width: 480px) {
  .sitegen-game-cards-list {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
  }
  .sitegen-game-cards-list__scrollable-wrapper {
    display: flex;
    overflow-x: auto;
  }
  .sitegen-game-cards-list.slider.start-shadow::after {
    content: '';
  }
  .sitegen-game-cards-list.slider.end-shadow::before {
    content: '';
  }
}
.sitegen-game-cards-list-embedded {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.5rem;
  margin: 0 auto;
}
.sitegen-game-cards-list-embedded__wrapper {
  position: relative;
  margin-bottom: 2rem;
  overflow: hidden;
}
.sitegen-game-cards-list-embedded--4 {
  display: grid;
  grid-template-columns: repeat(2, 12.626rem);
}
@media only screen and (max-width: 480px) {
  .sitegen-game-cards-list-embedded--4 {
    display: flex;
  }
}
.sitegen-game-cards-list-embedded::after,
.sitegen-game-cards-list-embedded::before {
  content: none;
}
.sitegen-game-cards-list-embedded::before,
.sitegen-game-cards-list-embedded::after {
  position: absolute;
  height: 100%;
  width: 1.5rem;
  top: 0;
  z-index: 1;
}
@media only screen and (max-width: 480px) {
  .sitegen-game-cards-list-embedded {
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
  }
  .sitegen-game-cards-list-embedded__scrollable-wrapper {
    display: flex;
    overflow-x: auto;
  }
  .sitegen-game-cards-list-embedded.slider.start-shadow::after {
    content: '';
  }
  .sitegen-game-cards-list-embedded.slider.end-shadow::before {
    content: '';
  }
}
.sg-mobile-preview .sitegen-game-cards-list,
.sg-mobile-preview .sitegen-game-cards-list-embedded {
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
}
.sg-mobile-preview .sitegen-game-cards-list--4,
.sg-mobile-preview .sitegen-game-cards-list-embedded--4 {
  display: flex;
}
.sg-mobile-preview .sitegen-game-cards-list__scrollable-wrapper,
.sg-mobile-preview .sitegen-game-cards-list-embedded__scrollable-wrapper {
  display: flex;
  overflow-x: auto;
}
.sg-mobile-preview .sitegen-game-cards-list.slider.start-shadow::after,
.sg-mobile-preview .sitegen-game-cards-list-embedded.slider.start-shadow::after {
  content: '';
}
.sg-mobile-preview .sitegen-game-cards-list.slider.end-shadow::before,
.sg-mobile-preview .sitegen-game-cards-list-embedded.slider.end-shadow::before {
  content: '';
}

.sitegen-modal {
  position: fixed;
  z-index: 10000;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
}
.sitegen-modal__content {
  position: absolute;
  top: 14%;
  left: 50%;
  transform: translate(-50%, 0);
  width: auto;
  border-radius: 1rem;
  background: #242424;
}
@media only screen and (max-width: 480px) {
  .sitegen-modal__content {
    width: 93%;
  }
}
@media only screen and (max-width: 480px) {
  .sitegen-modal.dialog .sitegen-modal__content {
    width: 100%;
  }
}
.sitegen-modal.dialog .sitegen-modal__content:after {
  content: '';
  cursor: pointer;
  position: absolute;
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  top: 2.813rem;
  right: 2.813rem;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9Ii0yIC0yIDIyIDIyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0uNDQuNDRhMS41IDEuNSAwIDAgMSAyLjEyIDBMOSA2Ljg3OGw2LjQ0LTYuNDRhMS41IDEuNSAwIDAgMSAyLjEyIDIuMTIyTDExLjEyMiA5bDYuNDQgNi40NGExLjUgMS41IDAgMCAxLTIuMTIyIDIuMTJMOSAxMS4xMjJsLTYuNDQgNi40NEExLjUgMS41IDAgMCAxIC40NCAxNS40NEw2Ljg3OCA5IC40MzkgMi41NmExLjUgMS41IDAgMCAxIDAtMi4xMiIgZmlsbD0iI0I1QjVCNSIvPjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 480px) {
  .sitegen-modal.dialog .sitegen-modal__content:after {
    top: 1.5rem;
    right: 1.5rem;
    width: 1rem;
    height: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 1050px) {
  .sitegen-modal__content {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .sitegen-modal__content {
    top: 0;
    transform: translate(-50%, 0);
    width: 100%;
  }
}

.sitegen-item-description {
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
  max-height: 19.5rem;
  overflow: auto;
}
.sitegen-item-description__description {
  display: flex;
  flex-direction: column;
  color: #F2F2F2;
  font-family: ctatext, sans-serif;
  font-size: 0.875rem;
  line-height: 150%;
}
.sitegen-item-description__description span:last-child {
  margin-top: 0.25rem;
}
.sitegen-item-description__description .stg-description__item p {
  font-family: flowtext, sans-serif;
}
.sitegen-item-description__details {
  display: flex;
  gap: 1.5rem;
}
.sitegen-item-description__date {
  color: #F2F2F2;
  font-family: ctatext, sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 150%;
}
.sitegen-item-description__date span:last-child {
  font-family: flowtext, sans-serif;
  font-weight: 400;
}
.sitegen-item-description__legalLines {
  color: #949494;
  text-align: center;
  font-family: flowtext, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 150%;
}
.sitegen-item-description__genres > .sg-h5 {
  font-family: ctatext, sans-serif;
  color: #FFF;
  margin-bottom: 0.5rem;
}
.sitegen-item-description__genres__genre {
  display: flex;
  max-width: 14.125rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.sitegen-item-description__genres__genre.sg-h5 {
  font-family: ctatext, sans-serif;
  color: #FFF;
}
.sitegen-item-description__genres__genre.sg-h5 span {
  min-height: 1.5rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  border: 0.063rem solid #FFF;
  margin-right: 0.5rem;
  line-height: 1.5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-item-description {
    overflow: auto;
    max-height: 25rem;
  }
  .sitegen-item-description__details {
    flex-direction: column;
  }
}
.sitegen-item-description-embedded {
  gap: 1.5rem;
  display: flex;
  flex-direction: column;
  max-height: 19.5rem;
  overflow: auto;
}
.sitegen-item-description-embedded__description {
  display: flex;
  flex-direction: column;
}
.sitegen-item-description-embedded__description span:last-child {
  margin-top: 0.25rem;
}
.sitegen-item-description-embedded__details {
  display: flex;
  gap: 1.5rem;
}
.sitegen-item-description-embedded__legalLines {
  text-align: center;
}
.sitegen-item-description-embedded__genres > .sg-h5 {
  margin-bottom: 0.5rem;
}
.sitegen-item-description-embedded__genres__genre {
  display: flex;
  max-width: 14.125rem;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.sitegen-item-description-embedded__genres__genre.sg-h5 span {
  min-height: 1.5rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  border: 0.063rem solid inherit;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-item-description-embedded {
    overflow: auto;
    max-height: 25rem;
  }
  .sitegen-item-description-embedded__details {
    flex-direction: column;
  }
}
.sg-mobile-preview .sitegen-item-description,
.sg-mobile-preview .sitegen-item-description-embedded {
  overflow: auto;
  max-height: 25rem;
}
.sg-mobile-preview .sitegen-item-description__details,
.sg-mobile-preview .sitegen-item-description-embedded__details {
  flex-direction: column;
}

.sitegen-ratings {
  display: flex;
  align-items: center;
}
.sitegen-ratings__text-box {
  display: flex;
  flex-direction: column;
  margin-left: 0.5rem;
}
.sitegen-ratings__interactive {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  padding-top: 0.625rem;
  margin-top: 0.5rem;
}
.sitegen-ratings__descriptors,
.sitegen-ratings__interactive {
  color: var(--primary-color-text, #FFF);
  font-family: flowtext, sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 150%;
  min-width: 16.25rem;
}
.sitegen-ratings img {
  height: 4.25rem;
  display: block;
}
.sitegen-ratings-embedded {
  display: flex;
  align-items: center;
}
.sitegen-ratings-embedded__text-box {
  display: flex;
  flex-direction: column;
  margin-left: 0.5rem;
}
.sitegen-ratings-embedded__interactive {
  padding-top: 0.625rem;
  margin-top: 0.5rem;
}
.sitegen-ratings-embedded__descriptors,
.sitegen-ratings-embedded__interactive {
  min-width: 16.25rem;
}
.sitegen-ratings-embedded img {
  height: 4.25rem;
  display: block;
}

.sitegen-item-edition {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-height: 19.5rem;
  overflow: auto;
}
.sitegen-item-edition__game {
  display: flex;
}
.sitegen-item-edition__game img {
  width: 3.125rem;
  height: 3.125rem;
  flex-shrink: 0;
}
.sitegen-item-edition__title {
  margin-left: 1rem;
  color: #F2F2F2;
  font-size: 0.75rem;
  line-height: 150%;
}
.sitegen-item-edition__title div {
  font-family: ctatext, sans-serif;
  margin-top: 0.25rem;
  font-weight: 400;
}
.sitegen-item-edition__title .stg-edition__item p,
.sitegen-item-edition__title .stg-edition__item ul {
  font-family: flowtext, sans-serif;
}
@media only screen and (max-width: 480px) {
  .sitegen-item-edition {
    gap: 1rem;
    overflow: auto;
    max-height: 25rem;
  }
}
.sitegen-item-edition-embedded {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-height: 19.5rem;
  overflow: auto;
}
.sitegen-item-edition-embedded__game {
  display: flex;
}
.sitegen-item-edition-embedded__game img {
  width: 3.125rem;
  height: 3.125rem;
  flex-shrink: 0;
}
.sitegen-item-edition-embedded__title {
  margin-left: 1rem;
}
.sitegen-item-edition-embedded__title span {
  display: block;
  margin-top: 0.25rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-item-edition-embedded {
    gap: 1rem;
    overflow: auto;
    max-height: 25rem;
  }
}
.sg-mobile-preview .sitegen-item-edition,
.sg-mobile-preview .sitegen-item-edition-embedded {
  gap: 1rem;
  overflow: auto;
  max-height: 25rem;
}

.sitegen-tabs {
  display: flex;
  padding-bottom: 1rem;
  border-bottom: 0.063rem solid var(--border-color, #ffffff26);
}
.sitegen-tabs-embedded {
  display: flex;
  padding-bottom: 1rem;
  border-bottom: 0.063rem solid inherit;
}

.sitegen-selection-tab {
  cursor: pointer;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  color: rgba(255, 255, 255, 0.82);
  text-align: center;
  font-family: flowtext, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}
.sitegen-selection-tab.selected {
  background: var(--border-color, #ffffff26);
}
.sitegen-selection-tab:last-child {
  margin-left: 0.5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-selection-tab {
    padding: 0.375rem 1rem;
    font-size: 0.875rem;
  }
}
.sitegen-selection-tab-embedded {
  cursor: pointer;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  text-align: center;
}
.sitegen-selection-tab-embedded:last-child {
  margin-left: 0.5rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-selection-tab-embedded {
    padding: 0.375rem 1rem;
  }
}
.sg-mobile-preview .sitegen-selection-tab {
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
}
.sg-mobile-preview .sitegen-selection-tab-embedded {
  padding: 0.375rem 1rem;
}

.sitegen-item-selection {
  padding: 2rem;
  min-width: 64rem;
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
}
.sitegen-item-selection__title {
  color: var(--primary-color-text, #F2F2F2);
  font-family: flowtext, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 120%;
  margin-bottom: 0.5rem;
}
.sitegen-item-selection__edition {
  color: var(--secondary-color-text, #B5B5B5);
  font-family: flowtext, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 150%;
}
.sitegen-item-selection__edition span:first-child {
  margin-right: 1rem;
}
.sitegen-item-selection__info {
  display: flex;
  gap: 1.5rem;
}
.sitegen-item-selection__info > img {
  width: 6.5rem;
}
.sitegen-item-selection__platform {
  padding: 0 0.5rem;
  color: var(--primary-color-text, #F2F2F2);
  font-size: 0.875rem;
  border-radius: 0.25rem;
  border: 0.063rem solid var(--primary-color-text, #F2F2F2);
  backdrop-filter: blur(0.5rem);
}
.sitegen-item-selection__description {
  display: flex;
  flex-direction: column;
  color: var(--primary-color-text, #F2F2F2);
  font-family: flowtext, sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
}
.sitegen-item-selection__description span:last-child {
  margin-top: 0.25rem;
  font-weight: 400;
}
.sitegen-item-selection__cta-buttons {
  display: flex;
  justify-content: center;
}
.sitegen-item-selection__cta-buttons button:last-child {
  margin-left: 0.625rem;
}
@media (max-width: 1050px) {
  .sitegen-item-selection {
    min-width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .sitegen-item-selection {
    padding: 1rem;
  }
  .sitegen-item-selection__title {
    max-width: 10rem;
  }
  .sitegen-item-selection__info {
    gap: 0.5rem;
  }
  .sitegen-item-selection__cta-buttons {
    flex-direction: column-reverse;
  }
  .sitegen-item-selection__cta-buttons button:last-child {
    margin-left: 0;
  }
  .sitegen-item-selection__cta-buttons button:first-child {
    margin-top: 1.5rem;
  }
}
.sitegen-item-selection-embedded {
  padding: 2rem;
  min-width: 64rem;
  display: flex;
  gap: 1.5rem;
  flex-direction: column;
}
.sitegen-item-selection-embedded__title {
  margin-bottom: 0.5rem;
}
.sitegen-item-selection-embedded__info {
  display: flex;
  gap: 1.5rem;
}
.sitegen-item-selection-embedded__info > img {
  width: 6.5rem;
}
.sitegen-item-selection-embedded__platform {
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  border: 0.063rem solid inherit;
  margin-left: 1rem;
}
.sitegen-item-selection-embedded__description {
  display: flex;
  flex-direction: column;
}
.sitegen-item-selection-embedded__description span:last-child {
  margin-top: 0.25rem;
}
.sitegen-item-selection-embedded__cta-buttons {
  display: flex;
  justify-content: center;
}
.sitegen-item-selection-embedded__cta-buttons button:last-child {
  margin-left: 0.625rem;
}
@media (max-width: 1050px) {
  .sitegen-item-selection-embedded {
    min-width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .sitegen-item-selection-embedded {
    padding: 1rem;
  }
  .sitegen-item-selection-embedded__title {
    max-width: 10rem;
  }
  .sitegen-item-selection-embedded__info {
    gap: 0.5rem;
  }
  .sitegen-item-selection-embedded__cta-buttons {
    flex-direction: column-reverse;
  }
  .sitegen-item-selection-embedded__cta-buttons button:last-child {
    margin-left: 0;
  }
  .sitegen-item-selection-embedded__cta-buttons button:first-child {
    margin-top: 1.5rem;
  }
}
.sg-mobile-preview .sitegen-item-selection,
.sg-mobile-preview .sitegen-item-selection-embedded {
  min-width: 100%;
  padding: 1rem;
}
.sg-mobile-preview .sitegen-item-selection__title,
.sg-mobile-preview .sitegen-item-selection-embedded__title {
  max-width: 10rem;
}
.sg-mobile-preview .sitegen-item-selection__info,
.sg-mobile-preview .sitegen-item-selection-embedded__info {
  gap: 0.5rem;
}
.sg-mobile-preview .sitegen-item-selection__cta-buttons,
.sg-mobile-preview .sitegen-item-selection-embedded__cta-buttons {
  flex-direction: column-reverse;
}
.sg-mobile-preview .sitegen-item-selection__cta-buttons button:last-child,
.sg-mobile-preview .sitegen-item-selection-embedded__cta-buttons button:last-child {
  margin-left: 0;
}
.sg-mobile-preview .sitegen-item-selection__cta-buttons button:first-child,
.sg-mobile-preview .sitegen-item-selection-embedded__cta-buttons button:first-child {
  margin-top: 1.5rem;
}

.sitegen-item-list > .sg-h2,
.sitegen-item-list-embedded > .sg-h2 {
  text-align: center;
  margin: 0 0 2rem;
}
.sitegen-item-list > .sg-h4,
.sitegen-item-list-embedded > .sg-h4 {
  text-align: center;
  margin: 0 0 1.5rem;
}
.sitegen-item-list button,
.sitegen-item-list-embedded button {
  margin: 0 0 2rem;
}
@media only screen and (max-width: 480px) {
  .sitegen-item-list,
  .sitegen-item-list-embedded {
    display: inline-grid;
  }
}
.sg-mobile-preview .sitegen-item-list,
.sg-mobile-preview .sitegen-item-list-embedded {
  display: inline-grid;
}

.sitegen-error-page img,
.sitegen-error-page-embedded img {
  width: 12.5rem;
}
.sitegen-error-page .sg-h3,
.sitegen-error-page-embedded .sg-h3 {
  margin: 2rem 0;
}
.sitegen-error-page button,
.sitegen-error-page-embedded button {
  margin: 0 0 2rem;
}
.sitegen-error-page .sg-h4,
.sitegen-error-page-embedded .sg-h4 {
  text-align: center;
  margin: 0 0 2rem;
}

.sitegen-sucess .sg-h3 {
  text-align: center;
  margin: 0 0 2rem;
  font-size: 1.5rem;
}
.sitegen-sucess__illustration {
  width: 18.875rem;
}
.sitegen-sucess .sg-h3 {
  text-align: center;
  margin: 0 0 2rem;
  font-size: 1.5rem;
}
.sitegen-sucess__entitlements {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.sitegen-sucess__entitlement {
  margin: 1.75rem auto 0;
  display: flex;
  max-width: 37.5rem;
}
.sitegen-sucess__entitlement:first-child {
  margin-top: 0;
}
.sitegen-sucess__entitlement .thumbnail {
  width: 12.5rem;
  min-width: 12.5rem;
  display: flex;
  flex-grow: 0;
  border-radius: 0.5rem;
  border: 0.125rem solid var(--border-color, rgba(255, 255, 255, 0.15));
  overflow: hidden;
}
@media only screen and (max-width: 480px) {
  .sitegen-sucess__entitlement .thumbnail {
    width: 8.75rem;
    min-width: 8.75rem;
  }
}
.sitegen-sucess__entitlement .thumbnail img {
  max-width: 100%;
  height: auto;
}
.sitegen-sucess__entitlement .description {
  text-align: left;
  font-size: 0.875rem;
  margin-left: 1.5rem;
}
.sitegen-sucess__entitlement .description div,
.sitegen-sucess__entitlement .description .sg-h3 {
  margin-bottom: 0.75rem;
}
.sitegen-sucess__entitlement .description .sg-h3 {
  text-align: left;
}
.sitegen-sucess__entitlement .description .sg-h4 {
  font-size: 1rem;
  color: var(--secondary-color-text, #B5B5B5);
}
.sitegen-sucess__entitlement .description .sg-h4 span {
  text-transform: uppercase;
  font-size: 0.875rem;
  display: inline-block;
  margin-left: 0.75rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--tertiary-color-text, #FFFFFF);
  color: var(--tertiary-color-text, #FFFFFF);
}
.sitegen-sucess__entitlement .description .sg-h5 {
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--tertiary-color-text, #FFFFFF);
  position: relative;
  padding-left: 1.5rem;
}
.sitegen-sucess__entitlement .description .sg-h5::before {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(./assets/icon-info.0f204477495ce52fd83ee5651721d22c.svg);
  position: absolute;
  left: 0;
  top: 4px;
}
.sitegen-sucess button {
  margin-bottom: 1.5rem;
}
.sitegen-sucess-embedded .sg-h3 {
  text-align: center;
  margin: 0 0 2rem;
}
.sitegen-sucess-embedded__illustration {
  width: 18.875rem;
}
.sitegen-sucess-embedded .sg-h3 {
  text-align: center;
  margin: 0 0 2rem;
}
.sitegen-sucess-embedded__entitlements {
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}
.sitegen-sucess-embedded__entitlement {
  margin: 1.75rem auto 0;
  display: flex;
  max-width: 37.5rem;
}
.sitegen-sucess-embedded__entitlement:first-child {
  margin-top: 0;
}
.sitegen-sucess-embedded__entitlement .thumbnail {
  width: 12.5rem;
  min-width: 12.5rem;
  display: flex;
  flex-grow: 0;
  overflow: hidden;
  border-radius: 0.5rem;
  border: 0.125rem solid rgba(255, 255, 255, 0.15);
}
@media only screen and (max-width: 480px) {
  .sitegen-sucess-embedded__entitlement .thumbnail {
    width: 8.75rem;
    min-width: 8.75rem;
  }
}
.sitegen-sucess-embedded__entitlement .thumbnail img {
  max-width: 100%;
  height: auto;
}
.sitegen-sucess-embedded__entitlement .description {
  text-align: left;
  margin-left: 1.5rem;
}
.sitegen-sucess-embedded__entitlement .description div,
.sitegen-sucess-embedded__entitlement .description .sg-h3 {
  margin-bottom: 0.75rem;
}
.sitegen-sucess-embedded__entitlement .description .sg-h3 {
  text-align: left;
}
.sitegen-sucess-embedded__entitlement .description .sg-h4 span {
  text-transform: uppercase;
  display: inline-block;
  margin-left: 0.75rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  border: 0.0625rem solid;
}
.sitegen-sucess-embedded__entitlement .description .sg-h5 {
  position: relative;
  padding-left: 1.5rem;
}
.sitegen-sucess-embedded__entitlement .description .sg-h5::before {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  background-image: url(./assets/icon-info.0f204477495ce52fd83ee5651721d22c.svg);
  position: absolute;
  left: 0;
  top: 4px;
}
.sitegen-sucess-embedded button {
  margin-bottom: 1.5rem;
}
.sg-mobile-preview .sitegen-sucess__entitlement .thumbnail,
.sg-mobile-preview .sitegen-sucess-embedded__entitlement .thumbnail {
  width: 8.75rem;
  min-width: 8.75rem;
}

/** Polyfill for CSS Gap in Flex Layout
* Should be removed once all browsers support the feature
* [https://caniuse.com/flexbox-gap]
*/
.sitegen-default-error-boundary {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.sitegen-default-error-boundary__title {
  font-size: var(--title-font-size);
  font-weight: bold;
  color: var(--content-text-color);
  margin: 2rem 0;
}
.sitegen-default-error-boundary__content {
  min-height: 8.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  background-color: var(--subcontent-background-color);
  color: var(--subcontent-text-color);
  padding: 2.25rem 1.5rem 2.5rem 1.5rem;
  border-top: 4px solid var(--primary-color);
  border-bottom: 4px solid var(--primary-color);
}

.sitegen-user {
  display: flex;
  height: 100%;
  max-width: 70%;
  justify-content: space-between;
}
.sitegen-user #overlay-widget {
  width: auto !important;
}
.sitegen-header-spinner {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .sitegen-header-spinner {
    margin-right: 3px;
  }
}
@keyframes LOADER-ANIMATION {
  0% {
    transform: translate(-50%, -50%) rotate(0deg) scale(-1, 1);
  }
  to {
    transform: translate(-50%, -50%) rotate(1turn) scale(-1, 1);
  }
}
.sitegen-header-spinner:after {
  content: '';
  background-image: url(./assets/overlay-spinner.3e6b93ef44b863a91beb9f974ce4bd30.svg);
  animation: LOADER-ANIMATION 1s infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  left: 50%;
  top: 50%;
  z-index: 1;
  will-change: transform;
  animation-fill-mode: both;
  background-size: 100%;
  color: #fff;
}
.sg-mobile-preview .sitegen-header-spinner {
  margin-right: 3px;
}

.sitegen-header {
  padding: 0 3em;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3.3em;
  color: var(--tertiary-color-text);
  background: #222222;
  border-bottom: 1px solid var(--tertiary-color);
}
.sitegen-header__logo-container {
  height: 3.3em;
}
@media only screen and (max-width: 480px) {
  .sitegen-header__logo-container {
    width: 2.1em;
    overflow: hidden;
  }
}
.sitegen-header__logo {
  display: block;
  width: 9.25em;
  height: 3.3em;
  background: url(./assets/ubisoft-logo.bb226c6a3ae8d6a32114b378ea58697a.svg) no-repeat left center;
  background-size: 70%;
}
@media only screen and (max-width: 640px) {
  .sitegen-header {
    padding: 0 0 0 0.6em;
  }
}
.sg-mobile-preview .sitegen-header {
  padding: 0 0 0 0.6em;
}
.sg-mobile-preview .sitegen-header__logo-container {
  width: 2.1em;
  overflow: hidden;
}

.sitegen-footer-logo {
  display: flex;
  position: relative;
  height: 3.5rem;
  max-height: 3.5rem;
  align-items: center;
  max-width: 7.813rem;
}
.sitegen-footer-logo:before {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  background-color: var(--tertiary-color);
  left: 50%;
  transform: translate(-50%, 0);
  transition: all 0.3s;
}
.sitegen-footer-logo:hover:before {
  width: 100%;
}
.sitegen-footer-logo__link {
  display: block;
  outline: none;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  text-decoration: none;
  height: 3em;
}
.sitegen-footer-logo.sitegen-ubisoft-logo .sitegen-footer-logo__link {
  background-image: url(./assets/ubisoft-logo.8d39e726bf9017d2b9fc0de49f872931.svg);
  width: 6em;
}
.sitegen-footer-logo.sitegen-ubisoft-connect-logo .sitegen-footer-logo__link {
  background-image: url(./assets/ubisoft-connect-logo.09dd9394c5473465d58daa13a7daac18.svg);
  width: 8em;
}
.sitegen-footer-logo.sitegen-ubisoft-club-logo .sitegen-footer-logo__link {
  background-image: url(./assets/ubisoft-club-logo.1754b66c3cbbfe258e16a44e379997ac.svg);
  width: 5.3em;
}
.sitegen-footer-logo.sitegen-ps4-logo .sitegen-footer-logo__link {
  background-image: url(./assets/ps4-logo.c36bf6409987c8af96a7cd351f6636c2.svg);
  width: 7em;
}
.sitegen-footer-logo.sitegen-ps5-logo .sitegen-footer-logo__link {
  background-image: url(./assets/ps5-logo.2d1c046ef0de72b25e03490b536b82c1.svg);
  width: 7em;
}
.sitegen-footer-logo.sitegen-xbox-one-logo .sitegen-footer-logo__link {
  background-image: url(./assets/xone-logo.36b5a33f3c7187fc0535bb60e02ae23f.svg);
  width: 8em;
}
.sitegen-footer-logo.sitegen-luna-logo .sitegen-footer-logo__link {
  background-image: url(./assets/luna-logo.0b5eac539bc257acddc505f8e6341c88.svg);
  width: 8em;
}
.sitegen-footer-logo.sitegen-xbox-series-x-logo .sitegen-footer-logo__link {
  background-image: url(./assets/xbox-x-logo.1422dc63274d5ec0e3897b0514d69c01.svg);
  width: 8em;
}
.sitegen-footer-logo.sitegen-ubisoft-store-logo .sitegen-footer-logo__link {
  background-image: url(./assets/ubisoft-store-logo.568c82fc14a077341a9799172e4ab631.svg);
  width: 5.5em;
}
.sitegen-footer-logo.sitegen-switch-logo .sitegen-footer-logo__link {
  background-image: url(./assets/switch-logo.63283172e507f89241ff25b31d33374c.svg);
  width: 8em;
}
.sitegen-footer-logo.sitegen-stadia-logo .sitegen-footer-logo__link {
  background-image: url(./assets/google-stadia-logo.ba75980730194a9dce7bb325329b3eb2.svg);
  width: 8em;
}
.sitegen-footer-logo.sitegen-epic-logo .sitegen-footer-logo__link {
  background-image: url(./assets/epic_games_logo.019149acdcc34bab7613c9dc768fba61.svg);
  width: 4em;
  height: 2.5em;
  background-size: contain;
}
.sitegen-footer-logo.sitegen-steam-logo .sitegen-footer-logo__link {
  background-image: url(./assets/steam-logo.2be968bd1b1a9349a2a1f9a250face9e.svg);
  width: 8em;
}
.sitegen-footer-logo.sitegen-amazon-logo .sitegen-footer-logo__link {
  background-image: url(./assets/amazon-logo.5291ed43d09b4daaab64dbaaa6e1a450.svg);
  width: 8em;
}
.sitegen-footer-logo.sitegen-android-logo .sitegen-footer-logo__link {
  background-image: url(./assets/android-logo.6c523df5545f06f582ad5c5aa9b8d915.svg);
  width: 8em;
}
.sitegen-footer-logo.sitegen-ios-logo .sitegen-footer-logo__link {
  background-image: url(./assets/ios-logo.2166afae8cb07eb41d164c5b6c00a5c9.svg);
  width: 8em;
}

.sitegen-footer {
  padding: 0 1.65em;
  background-color: #222222;
  color: var(--tertiary-color-text);
  border-top: 1px solid var(--tertiary-color);
}
@media only screen and (max-width: 900px) {
  .sitegen-footer {
    padding: 0 1rem;
  }
}
.sitegen-footer__content {
  max-width: 56.25em;
  margin: 0 auto;
}
.sitegen-footer__logos-and-links {
  display: flex;
  flex-direction: column;
  margin-top: 1.65em;
}
@media only screen and (max-width: 900px) {
  .sitegen-footer__logos-and-links {
    flex-wrap: wrap;
  }
}
.sitegen-footer__logos-wrapper {
  max-width: calc(100% / 6 * 5);
  flex: 0 0 calc(100% / 6 * 5);
  padding-right: 0.938rem;
}
@media only screen and (max-width: 900px) {
  .sitegen-footer__logos-wrapper {
    max-width: 100%;
    flex: 0 0 100%;
    border-right: none;
    padding-right: 0;
  }
}
.sitegen-footer__logos-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 10px;
  text-align: center;
  justify-items: center;
}
@media only screen and (max-width: 900px) {
  .sitegen-footer__logos-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .sitegen-footer__logos-container {
    grid-template-columns: auto auto;
  }
}
.sitegen-footer__ratings-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: calc(100% / 6);
  flex: 0 0 calc(100% / 6);
  align-self: center;
  margin-top: 3rem;
}
@media only screen and (max-width: 900px) {
  .sitegen-footer__ratings-wrapper {
    max-width: 100%;
    flex: 0 0 100%;
    margin-top: 1.875rem;
  }
}
.sitegen-footer__nav-wrapper {
  margin-top: 1.875rem;
}
.sitegen-footer__nav-row {
  display: flex;
  justify-content: center;
}
.sitegen-footer__nav-item {
  margin: 0 0.625rem;
  position: relative;
}
.sitegen-footer__nav-item:after {
  content: '';
  position: absolute;
  top: 50%;
  right: -0.625rem;
  height: 70%;
  width: 0.125rem;
  transform: translate(0, -50%);
  background-color: var(--content-footer-color);
}
.sitegen-footer__nav-item.last:after {
  width: 0;
}
.sitegen-footer__nav-link {
  font-family: 'Montserrat';
  font-weight: 600;
  font-size: 0.7em;
  color: var(--content-footer-color);
  text-transform: uppercase;
  text-decoration: none;
}
.sitegen-footer__nav-link:hover {
  color: var(--tertiary-color, var(--secondary-color-hover));
}
.sitegen-footer__language-select-column {
  display: flex;
}
@media only screen and (max-width: 900px) {
  .sitegen-footer__language-select-column {
    justify-content: center;
  }
}
.sitegen-footer__copyright-msg {
  font-size: 0.563rem;
  font-family: 'Montserrat';
  font-weight: 600;
  max-width: 37.5rem;
  margin: 0.625rem auto 2.188rem auto;
  color: var(--content-footer-color);
  text-align: center;
}
.sg-mobile-preview .sitegen-footer {
  padding: 0 1rem;
}
.sg-mobile-preview .sitegen-footer__logos-and-links {
  flex-wrap: wrap;
}
.sg-mobile-preview .sitegen-footer__logos-wrapper {
  max-width: 100%;
  flex: 0 0 100%;
  border-right: none;
  padding-right: 0;
}
.sg-mobile-preview .sitegen-footer__logos-container {
  grid-template-columns: auto auto;
}
.sg-mobile-preview .sitegen-footer__ratings-wrapper {
  max-width: 100%;
  flex: 0 0 100%;
  margin-top: 1.875rem;
}
.sg-mobile-preview .sitegen-footer__language-select-column {
  justify-content: center;
}

.sitegen-language-select {
  position: relative;
  margin: 1.65em 0 0;
  width: 9em;
}
.sitegen-language-select select {
  background: #222222;
  border: 1px solid var(--tertiary-color, var(--primary-color));
  border-radius: 3px;
  color: #fff;
  padding: 0.3125em 1.875em 0.3125em 0.75em;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  width: 100%;
  line-height: 1.75em;
  font-weight: 400;
  font-size: 0.8em;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}
.sitegen-language-select select:focus {
  outline: none;
}
.sitegen-language-select:after {
  position: absolute;
  content: '';
  top: 45%;
  right: 5%;
  width: 0;
  height: 0;
  border: 0.375em solid;
  border-color: var(--tertiary-color, var(--primary-color)) transparent transparent transparent;
  pointer-events: none;
}

.sitegen-game-logo img {
  content: var(--game-logo-image, url(./assets/game-logo.09548c8a6f6b674ce63648d145340104.png));
}
.sitegen-content-wrapper {
  flex-grow: 1;
  display: flex;
  background: var(--container-background-color, #000) var(--background-image, url(./assets/content-bg.d47b9b71b4e67cd1607fa4324a79c409.jpg)) no-repeat center / cover;
}
.sitegen-content-wrapper .sitegen-content {
  text-align: center;
  width: 56.25rem;
  margin: 0 auto;
  padding: 2.5rem 0;
  background: rgba(0, 0, 0, 0.15) var(--container-background-image, none) no-repeat center / cover;
}
@media only screen and (max-width: 900px) {
  .sitegen-content-wrapper .sitegen-content {
    padding: 2rem 0;
  }
}
.sitegen-content-wrapper .sitegen-content header {
  display: flex;
  padding: 1.875rem 3rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  margin-bottom: 2rem;
  background-color: var(--content-background-color, #000000bf);
}
.sitegen-content-wrapper .sitegen-content header .sg-h1 {
  margin: 0;
  max-width: 180px;
}
.sitegen-content-wrapper .sitegen-content .sitegen-sub-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 28.25rem;
  padding: 2.25rem 1.5rem 2.5rem;
  background-color: var(--content-background-color, #000000bf);
  border-top: 0.25em solid var(--primary-color);
  border-bottom: 0.25em solid var(--primary-color);
}
.sitegen-content-wrapper-embedded {
  flex-grow: 1;
  display: flex;
  color: inherit;
  background: transparent;
}
.sitegen-content-wrapper-embedded .sitegen-content-embedded {
  text-align: center;
  width: 56.25rem;
  margin: 0 auto;
  padding: 2.5rem 0;
  background-color: transparent;
}
@media only screen and (max-width: 900px) {
  .sitegen-content-wrapper-embedded .sitegen-content-embedded {
    width: auto;
    padding: 2rem 0;
  }
}
.sitegen-content-wrapper-embedded .sitegen-content-embedded header {
  display: flex;
  padding: 1.875rem 3rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  margin-bottom: 2rem;
  background: transparent;
}
.sitegen-content-wrapper-embedded .sitegen-content-embedded header .sg-h1 {
  margin: 0;
  max-width: 11.25rem;
}
.sitegen-content-wrapper-embedded .sitegen-content-embedded .sitegen-sub-content-embedded {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 28.25rem;
  padding: 2.25rem 1.5rem 2.5rem;
  background-color: transparent;
  border-top: 0.25em solid var(--primary-color);
  border-bottom: 0.25em solid var(--primary-color);
}
.sitegen-content-wrapper:has(.sitegen-error-page) header {
  display: none;
}
.sitegen-content-wrapper-embedded:has(.sitegen-error-page-embedded) header {
  display: none;
}
.sg-mobile-preview .sitegen-content-wrapper .sitegen-content,
.sg-mobile-preview .sitegen-content-wrapper-embedded .sitegen-content,
.sg-mobile-preview .sitegen-content-wrapper .sitegen-content-embedded,
.sg-mobile-preview .sitegen-content-wrapper-embedded .sitegen-content-embedded {
  padding: 2rem 0;
}
.sg-mobile-preview .sitegen-content-wrapper-embedded .sitegen-content-embedded {
  width: auto;
}


/*# sourceMappingURL=redeem-v2-root-index.css.map*/