@charset "UTF-8";
/* =================================================================
Styles for the base templates..
Buttery biscuit base - https://www.youtube.com/watch?v=OMg3epr53Ns
==================================================================== */
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
/* Document
   ========================================================================== */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
figcaption,
figure {
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 */
button {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

button,
[type=button],
[type=reset],
[type=submit] {
  /**
   * Remove the inner border and padding in Firefox.
   */
  /**
   * Restore the focus styles unset by the previous rule.
   */
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Show the overflow in Edge.
 */
input {
  overflow: visible;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
  /**
   * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
   */
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Add the correct display in IE 9-.
 */
menu {
  display: block;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

.foundation-mq {
  font-family: "small=0em&medium=40em&large=64em&xlarge=87.5em&xxlarge=125em";
}

html {
  box-sizing: border-box;
  font-size: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  font-weight: normal;
  line-height: 1.5;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

.row {
  max-width: 80rem;
  margin-right: auto;
  margin-left: auto;
}
.row::before, .row::after {
  display: table;
  content: " ";
}
.row::after {
  clear: both;
}
.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.row .row {
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
}
@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -0.875rem;
    margin-left: -0.875rem;
  }
}
@media screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.875rem;
    margin-left: -0.875rem;
  }
}
.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}
.row.expanded {
  max-width: none;
}
.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}
.row:not(.expanded) .row {
  max-width: none;
}
.row.gutter-small > .column, .row.gutter-small > .columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.row.gutter-medium > .column, .row.gutter-medium > .columns {
  padding-right: 0.875rem;
  padding-left: 0.875rem;
}

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}
.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  width: 8.3333333333%;
}

.small-push-1 {
  position: relative;
  left: 8.3333333333%;
}

.small-pull-1 {
  position: relative;
  left: -8.3333333333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.6666666667%;
}

.small-push-2 {
  position: relative;
  left: 16.6666666667%;
}

.small-pull-2 {
  position: relative;
  left: -16.6666666667%;
}

.small-offset-1 {
  margin-left: 8.3333333333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.6666666667%;
}

.small-4 {
  width: 33.3333333333%;
}

.small-push-4 {
  position: relative;
  left: 33.3333333333%;
}

.small-pull-4 {
  position: relative;
  left: -33.3333333333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.6666666667%;
}

.small-push-5 {
  position: relative;
  left: 41.6666666667%;
}

.small-pull-5 {
  position: relative;
  left: -41.6666666667%;
}

.small-offset-4 {
  margin-left: 33.3333333333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.6666666667%;
}

.small-7 {
  width: 58.3333333333%;
}

.small-push-7 {
  position: relative;
  left: 58.3333333333%;
}

.small-pull-7 {
  position: relative;
  left: -58.3333333333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.6666666667%;
}

.small-push-8 {
  position: relative;
  left: 66.6666666667%;
}

.small-pull-8 {
  position: relative;
  left: -66.6666666667%;
}

.small-offset-7 {
  margin-left: 58.3333333333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.6666666667%;
}

.small-10 {
  width: 83.3333333333%;
}

.small-push-10 {
  position: relative;
  left: 83.3333333333%;
}

.small-pull-10 {
  position: relative;
  left: -83.3333333333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.6666666667%;
}

.small-push-11 {
  position: relative;
  left: 91.6666666667%;
}

.small-pull-11 {
  position: relative;
  left: -91.6666666667%;
}

.small-offset-10 {
  margin-left: 83.3333333333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.6666666667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.3333333333%;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.6666666667%;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.2857142857%;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}
.small-collapse .row {
  margin-right: 0;
  margin-left: 0;
}

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.small-centered {
  margin-right: auto;
  margin-left: auto;
}
.small-centered, .small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  float: left;
  margin-right: 0;
  margin-left: 0;
}

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.3333333333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.6666666667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .medium-offset-1 {
    margin-left: 8.3333333333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.6666666667%;
  }
  .medium-4 {
    width: 33.3333333333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.6666666667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .medium-offset-4 {
    margin-left: 33.3333333333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.6666666667%;
  }
  .medium-7 {
    width: 58.3333333333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.6666666667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .medium-offset-7 {
    margin-left: 58.3333333333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.6666666667%;
  }
  .medium-10 {
    width: 83.3333333333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.6666666667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .medium-offset-10 {
    margin-left: 83.3333333333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.6666666667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }
  .medium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .medium-centered, .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 64em) {
  .large-1 {
    width: 8.3333333333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.3333333333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.6666666667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.6666666667%;
  }
  .large-offset-1 {
    margin-left: 8.3333333333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.6666666667%;
  }
  .large-4 {
    width: 33.3333333333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.3333333333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.6666666667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.6666666667%;
  }
  .large-offset-4 {
    margin-left: 33.3333333333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.6666666667%;
  }
  .large-7 {
    width: 58.3333333333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.3333333333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.6666666667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.6666666667%;
  }
  .large-offset-7 {
    margin-left: 58.3333333333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.6666666667%;
  }
  .large-10 {
    width: 83.3333333333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.3333333333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.6666666667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.6666666667%;
  }
  .large-offset-10 {
    margin-left: 83.3333333333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.6666666667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.3333333333%;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.6666666667%;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.2857142857%;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }
  .large-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .large-centered, .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
}
.column-block {
  margin-bottom: 1.875rem;
}
.column-block > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 1.75rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

p {
  margin-bottom: 1rem;
  font-size: inherit;
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}

em,
i {
  font-style: italic;
  line-height: inherit;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 80%;
  line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizeLegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  line-height: 0;
  color: #cacaca;
}

h1 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2 {
  font-size: 1.25rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h3 {
  font-size: 1.1875rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h4 {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 40em) {
  h1 {
    font-size: 3rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 1.9375rem;
  }
  h4 {
    font-size: 1.5625rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
}
a {
  line-height: inherit;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus {
  color: black;
}
a img {
  border: 0;
}

hr {
  clear: both;
  max-width: 80rem;
  height: 0;
  margin: 1.25rem auto;
  border-top: 0;
  border-right: 0;
  border-bottom: 1px solid #cacaca;
  border-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1rem;
  list-style-position: outside;
  line-height: 1.6;
}

li {
  font-size: inherit;
}

ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

ol {
  margin-left: 1.25rem;
}

ul ul, ul ol, ol ul, ol ol {
  margin-left: 2rem;
  margin-bottom: 0;
}

dl {
  margin-bottom: 1rem;
}
dl dt {
  margin-bottom: 0.3rem;
  font-weight: bold;
}

blockquote {
  margin: 0 0 1rem;
  padding: 0.5625rem 1.25rem 0 1.1875rem;
  border-left: 3px solid #FFA528;
}
blockquote, blockquote p {
  line-height: 1.6;
  color: #8a8a8a;
}

cite {
  display: block;
  font-size: 0.8125rem;
  color: #8a8a8a;
}
cite:before {
  content: "— ";
}

abbr {
  border-bottom: 1px dotted #0a0a0a;
  color: #000;
  cursor: help;
}

figure {
  margin: 0;
}

code {
  padding: 0.125rem 0.3125rem 0.0625rem;
  border: 1px solid #cacaca;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: normal;
  color: #0a0a0a;
}

kbd {
  margin: 0;
  padding: 0.125rem 0.25rem 0;
  background-color: #e6e6e6;
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  color: #0a0a0a;
}

.subheader {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: normal;
  line-height: 1.4;
  color: #8a8a8a;
}

.lead {
  font-size: 125%;
  line-height: 1.6;
}

.stat {
  font-size: 2.5rem;
  line-height: 1;
}
p + .stat {
  margin-top: -1rem;
}

.no-bullet {
  margin-left: 0;
  list-style: none;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

@media print, screen and (min-width: 40em) {
  .medium-text-left {
    text-align: left;
  }
  .medium-text-right {
    text-align: right;
  }
  .medium-text-center {
    text-align: center;
  }
  .medium-text-justify {
    text-align: justify;
  }
}
@media screen and (min-width: 64em) {
  .large-text-left {
    text-align: left;
  }
  .large-text-right {
    text-align: right;
  }
  .large-text-center {
    text-align: center;
  }
  .large-text-justify {
    text-align: justify;
  }
}
.show-for-print {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: black !important;
    text-shadow: none !important;
  }
  .show-for-print {
    display: block !important;
  }
  .hide-for-print, .button-fm24,
  a.button-fm24, .button-fm23, .user-page__box a,
  a.button-fm23, .button-fm22,
  a.button-fm22, .button, .copy .button,
  .copy a.button,
  a.button, .full-image, .cover-area, .cover-area-link, .bf-box__link, .b-box__link, .copy .insider__link, .ac-box__link, .news-box__link, .footer {
    display: none !important;
  }
  table.show-for-print {
    display: table !important;
  }
  thead.show-for-print {
    display: table-header-group !important;
  }
  tbody.show-for-print {
    display: table-row-group !important;
  }
  tr.show-for-print {
    display: table-row !important;
  }
  td.show-for-print {
    display: table-cell !important;
  }
  th.show-for-print {
    display: table-cell !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #8a8a8a;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .print-break-inside {
    page-break-inside: auto;
  }
}
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 3.09375rem;
  margin: 0 0 1.4375rem;
  padding: 0.71875rem;
  border: 2px solid #eee;
  border-radius: 0;
  background-color: #eee;
  box-shadow: none;
  font-family: inherit;
  font-size: 1rem;
  font-weight: normal;
  color: #000;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 2px solid #bbbbbb;
  background-color: #fefefe;
  box-shadow: none;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea {
  max-width: 100%;
}
textarea[rows] {
  height: auto;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #000;
}

input::placeholder,
textarea::placeholder {
  color: #000;
}
input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #e6e6e6;
  cursor: not-allowed;
}

[type=submit],
[type=button] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

input[type=search] {
  box-sizing: border-box;
}

[type=file],
[type=checkbox],
[type=radio] {
  margin: 0 0 1.4375rem;
}

[type=checkbox] + label,
[type=radio] + label {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 0.71875rem;
  margin-right: 1.4375rem;
  margin-bottom: 0;
}
[type=checkbox] + label[for],
[type=radio] + label[for] {
  cursor: pointer;
}

label > [type=checkbox],
label > [type=radio] {
  margin-right: 0.71875rem;
}

[type=file] {
  width: 100%;
}

label {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}
label.middle {
  margin: 0 0 1.4375rem;
  padding: 0.84375rem 0;
}

.help-text {
  margin-top: -0.71875rem;
  font-size: 0.8125rem;
  font-style: italic;
  color: #0a0a0a;
}

.input-group {
  display: table;
  width: 100%;
  margin-bottom: 1.4375rem;
}
.input-group > :first-child {
  border-radius: 0 0 0 0;
}
.input-group > :last-child > * {
  border-radius: 0 0 0 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
  display: table-cell;
  vertical-align: middle;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #cacaca;
  background: #e6e6e6;
  color: #0a0a0a;
  text-align: center;
  white-space: nowrap;
  width: 1%;
  height: 100%;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  height: 3.15625rem;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  width: 1%;
  height: 100%;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  height: 3.15625rem;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

.input-group .input-group-button {
  display: table-cell;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}

legend {
  max-width: 100%;
  margin-bottom: 0.71875rem;
}

.fieldset {
  margin: 1.125rem 0;
  padding: 1.25rem;
  border: 1px solid #eee;
}
.fieldset legend {
  margin: 0;
  margin-left: -0.1875rem;
  padding: 0 0.1875rem;
  background: #fefefe;
}

select {
  height: 3.09375rem;
  margin: 0 0 1.4375rem;
  padding: 0.71875rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 2px solid #eee;
  border-radius: 0;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  line-height: normal;
  color: #000;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1.4375rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 2.15625rem;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:focus {
  outline: none;
  border: 2px solid #bbbbbb;
  background-color: #fefefe;
  box-shadow: none;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
select:disabled {
  background-color: #e6e6e6;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea;
}
.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #cc4b37;
}
.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37;
}

.is-invalid-label {
  color: #cc4b37;
}

.form-error {
  display: none;
  margin-top: -0.71875rem;
  margin-bottom: 1.4375rem;
  font-size: 0.75rem;
  font-weight: bold;
  color: #cc4b37;
}
.form-error.is-visible {
  display: block;
}

.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}

.accordion-item:first-child > :first-child {
  border-radius: 0 0 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0 0;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  font-size: 0.75rem;
  line-height: 1;
  color: #1779ba;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #e6e6e6;
  border-radius: 0 0 0 0;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #e6e6e6;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #e6e6e6;
  border-bottom: 0;
  background-color: #fefefe;
  color: #000;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #e6e6e6;
}

.close-button {
  position: absolute;
  color: #8a8a8a;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #0a0a0a;
}
.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}
.close-button, .close-button.medium {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.menu {
  margin: 0;
  list-style-type: none;
}
.menu > li {
  display: table-cell;
  vertical-align: middle;
}
[data-whatinput=mouse] .menu > li {
  outline: 0;
}
.menu > li > a {
  display: block;
  padding: 0.7rem 1rem;
  line-height: 1;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
  vertical-align: middle;
}
.menu > li > a img + span,
.menu > li > a i + span,
.menu > li > a svg + span {
  vertical-align: middle;
}
.menu > li > a img,
.menu > li > a i,
.menu > li > a svg {
  margin-right: 0.25rem;
  display: inline-block;
}
.menu > li, .menu.horizontal > li {
  display: table-cell;
}
.menu.expanded {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.menu.expanded > li:first-child:last-child {
  width: 100%;
}
.menu.vertical > li {
  display: block;
}
@media print, screen and (min-width: 40em) {
  .menu.medium-horizontal > li {
    display: table-cell;
  }
  .menu.medium-expanded {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .menu.medium-expanded > li:first-child:last-child {
    width: 100%;
  }
  .menu.medium-vertical > li {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .menu.large-horizontal > li {
    display: table-cell;
  }
  .menu.large-expanded {
    display: table;
    width: 100%;
    table-layout: fixed;
  }
  .menu.large-expanded > li:first-child:last-child {
    width: 100%;
  }
  .menu.large-vertical > li {
    display: block;
  }
}
.menu.simple li {
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
.menu.simple a {
  padding: 0;
}
.menu.simple li {
  margin-left: 0;
  margin-right: 1rem;
}
.menu.simple.align-right li {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.align-right::before, .menu.align-right::after {
  display: table;
  content: " ";
}
.menu.align-right::after {
  clear: both;
}
.menu.align-right > li {
  float: right;
}
.menu.icon-top > li > a {
  text-align: center;
}
.menu.icon-top > li > a img,
.menu.icon-top > li > a i,
.menu.icon-top > li > a svg {
  display: block;
  margin: 0 auto 0.25rem;
}
.menu.icon-top.vertical a > span {
  margin: auto;
}
.menu.nested {
  margin-left: 1rem;
}
.menu .active > a {
  background: #1779ba;
  color: #fefefe;
}
.menu.menu-bordered li {
  border: 1px solid #e6e6e6;
}
.menu.menu-bordered li:not(:first-child) {
  border-top: 0;
}
.menu.menu-hover li:hover {
  background-color: #e6e6e6;
}

.menu-text {
  padding-top: 0;
  padding-bottom: 0;
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered {
  text-align: center;
}
.menu-centered > .menu {
  display: inline-block;
  vertical-align: top;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  transition: height 0.5s;
}

.is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  transition: transform 0.15s linear;
}
.is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  transform: translateX(-100%);
}
.is-drilldown-submenu.is-closing {
  transform: translateX(100%);
}

.drilldown-submenu-cover-previous {
  min-height: 100%;
}

.is-drilldown-submenu-parent > a {
  position: relative;
}
.is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #1779ba;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}

.js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #1779ba transparent transparent;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
  border-left-width: 0;
}

.responsive-embed,
.flex-video {
  position: relative;
  height: 0;
  margin-bottom: 1rem;
  padding-bottom: 75%;
  overflow: hidden;
}
.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed,
.responsive-embed video,
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-embed.widescreen,
.flex-video.widescreen {
  padding-bottom: 56.25%;
}

.sticky-container {
  position: relative;
}

.sticky {
  position: relative;
  z-index: 0;
  transform: translate3d(0, 0, 0);
}

.sticky.is-stuck {
  position: fixed;
  z-index: 5;
}
.sticky.is-stuck.is-at-top {
  top: 0;
}
.sticky.is-stuck.is-at-bottom {
  bottom: 0;
}

.sticky.is-anchored {
  position: relative;
  right: auto;
  left: auto;
}
.sticky.is-anchored.is-at-bottom {
  bottom: 0;
}

body.is-reveal-open {
  overflow: hidden;
}

html.is-reveal-open,
html.is-reveal-open body {
  min-height: 100%;
  overflow: hidden;
  position: fixed;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(0, 0, 0, 0.75);
  overflow-y: scroll;
}

.reveal {
  z-index: 1006;
  backface-visibility: hidden;
  display: none;
  padding: 1.875rem;
  border: 1px solid #cacaca;
  border-radius: 0;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column, .reveal .columns {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 80rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 80rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 80rem;
  }
}
@media print, screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 80rem;
  }
}
.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media screen and (max-width: 39.9375em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media screen and (max-width: 39.9375em) {
  .hide-for-small-only {
    display: none !important;
  }
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
  .show-for-small-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) {
  .hide-for-medium {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em) {
  .show-for-medium {
    display: none !important;
  }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hide-for-medium-only {
    display: none !important;
  }
}

@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
  .show-for-medium-only {
    display: none !important;
  }
}

@media screen and (min-width: 64em) {
  .hide-for-large {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em) {
  .show-for-large {
    display: none !important;
  }
}

@media screen and (min-width: 64em) and (max-width: 87.4375em) {
  .hide-for-large-only {
    display: none !important;
  }
}

@media screen and (max-width: 63.9375em), screen and (min-width: 87.5em) {
  .show-for-large-only {
    display: none !important;
  }
}

.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
}

.show-for-landscape,
.hide-for-portrait {
  display: block !important;
}
@media screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: block !important;
  }
}
@media screen and (orientation: portrait) {
  .show-for-landscape,
  .hide-for-portrait {
    display: none !important;
  }
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}
@media screen and (orientation: landscape) {
  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }
}
@media screen and (orientation: portrait) {
  .hide-for-landscape,
  .show-for-portrait {
    display: block !important;
  }
}

/* ================================================================================
Mobile nav - based on Bliss' offcanvas nav
=================================================================================== */
.sticky-mobile {
  width: 100%;
  position: fixed;
  top: 40px;
  z-index: 30;
}

.title-bar {
  background: rgba(25, 10, 40, 0.8);
  height: 44px;
}
.title-bar__menu-icon {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
}
.title-bar__user-icon {
  width: 26px;
  height: 26px;
  display: block;
  position: absolute;
  right: 60px;
  top: 11px;
  background: url(../img/icons/user-white.svg) no-repeat center;
  background-size: contain;
}
.title-bar__search-icon {
  width: 21px;
  height: 21px;
  display: block;
  position: absolute;
  right: 100px;
  top: 13px;
  background: url(../img/icons/magnifying-glass-white.svg) no-repeat center;
  background-size: contain;
}

.site-logo-mobile {
  background: url("../img/logos/header-logo-mobile-fm21.svg") no-repeat center left;
  background-size: contain;
  text-indent: -1000px;
  overflow: hidden;
  width: 57px;
  height: 25px;
  position: absolute;
  top: 9px;
  left: 9px;
}

.top-nav-desktop-submenu__icon-wrapper {
  display: none;
}

.sidebar {
  transform: translateX(155%);
  transition: transform 350ms;
  background-color: #190A28;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 20;
}

.sidebar.active {
  transform: none;
}

.top-nav-mobile {
  min-width: 100vw;
  width: 100%;
}

.top-nav-mobile__triangle {
  position: absolute;
  top: 0;
  left: -50vw;
  right: 100%;
  bottom: 0;
  border-top: 100vh solid transparent;
  border-right: 50vw solid #190A28;
}

.top-nav-mobile__menu {
  background-color: #190A28;
  list-style: none;
  padding: 0;
  margin: 104px 0 0 0;
  display: flex;
  flex-direction: column;
  height: 100vh;
  /*Fun*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media all and (max-height: 700px) {
  .top-nav-mobile__menu {
    max-height: 600px !important;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
.top-nav-mobile__menu-item--button {
  padding: 12px 0;
  border-top: 1px solid #404040;
  line-height: 1.4;
  color: white !important;
  align-items: center;
  width: calc(100% - 30px);
  margin: 0 auto;
  position: relative;
}
.top-nav-mobile__menu-item--button:first-child {
  border: 0;
  padding-top: 0;
}
.top-nav-mobile__menu-item--button .button-fm24 {
  width: 100% !important;
}
.top-nav-mobile__menu-item--button .button-fm24 + .button-fm24 {
  margin-top: 14px;
}

.top-nav-mobile__buttons {
  padding-top: 20px;
}

.top-nav-mobile__menu-item--back {
  padding-left: 22px !important;
}
.top-nav-mobile__menu-item--back:after {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../img/icons/arrow-right-orange.svg") no-repeat center;
  background-size: contain;
  transform: rotate(180deg);
  position: absolute;
  left: 0;
  display: inline-block;
  border: 0;
  vertical-align: middle;
  transition: transform 200ms;
}

.top-nav-mobile__menu-item--has-children > .top-nav-mobile__menu-link:after, .top-nav-mobile__headerlinks .top-nav-mobile__menu-item--has-children > a:after {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../img/icons/arrow-right-orange.svg") no-repeat center;
  background-size: contain;
  transform: rotate(0);
  position: absolute;
  right: 0;
  display: inline-block;
  border: 0;
  vertical-align: middle;
  transition: transform 200ms;
}

.top-nav-mobile__menu-link, .top-nav-mobile__headerlinks a {
  padding: 12px;
  display: flex;
  text-decoration: none;
  font-family: sans-serif;
  font-size: 18px;
  border-top: 1px solid #404040;
  text-transform: uppercase;
  line-height: 1.4;
  color: white !important;
  align-items: center;
  width: calc(100% - 30px);
  margin: 0 auto;
  position: relative;
  /* Language Switcher Overrides as per FMA12773-139 */
}
.top-nav-mobile__menu-link--lang-switcher:after {
  content: "";
  width: 15px;
  height: 15px;
  background: url("../img/icons/arrow-down-menu-solid-orange.svg") no-repeat center;
  background-size: contain;
  transform: rotate(0);
  position: absolute;
  right: 0;
  display: inline-block;
  border: 0;
  vertical-align: middle;
  transition: transform 200ms;
}
.top-nav-mobile__menu-link .int-btn, .top-nav-mobile__headerlinks a .int-btn {
  align-items: center;
  display: flex;
  width: 100%;
}
.top-nav-mobile__menu-link .int-btn__aro, .top-nav-mobile__headerlinks a .int-btn__aro {
  display: none;
}

.top-nav-mobile__menu-sub-menu {
  transform: translateX(100%);
  transition: all 0.35s ease;
  background-color: #190A28;
  margin: 0;
  list-style: none;
  z-index: 22;
  overflow-y: scroll;
  max-height: 504px; /* max height of iphone 5 minus top of page */
  /*Fun*/
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.top-nav-mobile__menu-sub-menu.active {
  transform: translateX(0);
}

@media all and (max-height: 700px) {
  .top-nav-mobile__menu-sub-menu.active {
    max-height: 600px !important;
  }
}
.mega-menu-mobile__item {
  display: flex;
  margin: 0 auto;
  position: relative;
  padding: 12px;
  border-bottom: 1px solid #404040;
  width: calc(100% - 30px);
  text-align: left;
  align-items: center;
}
.mega-menu-mobile__item:first-child {
  border-top: 1px solid #404040;
}
.mega-menu-mobile__item-image {
  width: 100%;
  pointer-events: none;
}
.mega-menu-mobile__item-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.75rem;
  order: 1;
  width: 103px;
}
.mega-menu-mobile__item-title {
  text-align: left;
  color: #fefefe;
  line-height: 1.14;
  font-size: 1.125rem;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  margin: 0;
  flex: 1;
}

@media screen and (min-width: 64em) {
  .top-bar-desktop {
    z-index: 20;
    position: relative;
    background-color: #F0F0F0;
    height: 55px;
    display: flex;
    align-items: center;
  }
  .top-bar-desktop * {
    transition: all 200ms linear !important;
  }
  .top-bar-desktop__promotions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 70%;
    margin-left: 18px;
  }
  .top-bar-desktop__links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 30%;
    margin-right: 1.5rem;
  }
  .top-bar-desktop__promo-text {
    color: #321450;
    margin: 0;
    font-size: 1rem;
  }
}
@media screen and (min-width: 64em) and (min-width: 64em) {
  .top-bar-desktop__promo-text {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 64em) and (min-width: 75em) {
  .top-bar-desktop__promo-text {
    font-size: initial;
  }
}
@media screen and (min-width: 64em) {
  .top-bar-desktop__promo-text a {
    color: #FF501E !important;
  }
  .top-bar-desktop__promo-button {
    white-space: nowrap;
    background-color: #641EAA;
    font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
    font-size: 0.9375rem;
    text-transform: uppercase;
    font-weight: bold;
    height: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    margin-right: 1.0625rem;
    cursor: pointer !important;
    text-decoration: none !important;
    color: #fefefe !important;
  }
  .top-bar-desktop__nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    margin-right: 1.25rem;
  }
  .top-bar-desktop__nav ul li:after {
    margin: 0 0.625rem;
    content: "|";
    color: #FF501E;
  }
  .top-bar-desktop__nav ul li:last-of-type:after {
    display: none;
  }
  .top-bar-desktop__nav ul li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #641EAA;
    font-size: 0.9375rem;
  }
  .top-bar-desktop__nav ul li a:hover {
    color: #641EAA;
  }
  .top-bar-desktop .int-btn {
    margin-right: 0;
  }
  .top-nav-desktop {
    background-color: rgba(25, 10, 40, 0.8);
    color: white;
    text-align: center;
    height: 90px;
    z-index: 20;
    position: absolute;
    top: 40px;
    width: 100%;
    transition: height 200ms linear;
  }
  .top-nav-desktop * {
    transition: all 200ms linear !important;
  }
}
@media screen and (min-width: 64em) and (min-width: 64em) {
  .top-nav-desktop {
    top: 55px;
  }
}
@media screen and (min-width: 64em) {
  .top-nav-desktop.top-nav-desktop--sticky {
    position: fixed;
    height: 54px;
    top: 0;
  }
}
@media screen and (min-width: 64em) and (max-width: 90.5625em) {
  .top-nav-desktop {
    height: 54px;
  }
}
@media screen and (min-width: 64em) {
  .top-nav-desktop__cta-wrapper {
    position: absolute;
    top: 23px;
    right: 1rem;
  }
}
@media screen and (min-width: 64em) and (min-width: 90.625em) {
  .top-nav-desktop__cta-wrapper {
    right: 1.5rem;
  }
}
@media screen and (min-width: 64em) and (max-width: 90.5625em) {
  .top-nav-desktop__cta-wrapper {
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 64em) {
  .top-nav-desktop--sticky .top-nav-desktop__cta-wrapper {
    top: 0;
    right: 0;
  }
  .top-nav-desktop__cta {
    padding: 0 12px;
    font-size: 1rem;
    text-align: center;
    text-decoration: none !important;
    text-transform: uppercase;
    color: white !important;
    background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
    font-weight: normal;
    margin: 0 0 0 8px;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    border-radius: 0;
    transition: background 200ms, padding 200ms, margin 200ms, height 200ms, border-radius 200ms;
    transition-timing-function: linear;
    font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  }
}
@media screen and (min-width: 64em) and (min-width: 90.625em) {
  .top-nav-desktop__cta {
    margin-left: 14px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 64em) {
  .top-nav-desktop--sticky .top-nav-desktop__cta {
    line-height: 54px;
    height: 54px;
    border-radius: 0;
  }
}
@media screen and (min-width: 64em) and (max-width: 90.5625em) {
  .top-nav-desktop__cta {
    line-height: 54px;
    height: 54px;
    border-radius: 0;
  }
}
@media screen and (min-width: 64em) {
  .top-nav-desktop__cta:hover, .top-nav-desktop__cta:focus, .top-nav-desktop__cta:active {
    color: white;
    background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  }
  .top-nav-desktop__menu {
    padding: 0;
    margin: 0;
    margin-left: 215px;
    margin-right: 300px;
    list-style-type: none;
  }
}
@media screen and (min-width: 64em) and (min-width: 90.625em) {
  .top-nav-desktop__menu {
    margin-left: 215px;
  }
}
@media screen and (min-width: 64em) and (max-width: 90.5625em) {
  .top-nav-desktop__menu {
    margin-left: 100px !important;
    margin-right: 230px !important;
  }
}
@media screen and (min-width: 64em) {
  .top-nav-desktop--sticky .top-nav-desktop__menu {
    margin-left: 100px !important;
    margin-right: 230px !important;
  }
  .top-nav-desktop__menu > li {
    text-align: left;
    vertical-align: top;
    display: inline-block;
  }
  .top-nav-desktop__menu > li.has-children, .top-nav-desktop__menu > li.has-megamenu {
    position: relative;
    margin-right: 12px;
  }
  .top-nav-desktop__menu > li.has-children > a, .top-nav-desktop__menu > li.has-children > span, .top-nav-desktop__menu > li.has-megamenu > a, .top-nav-desktop__menu > li.has-megamenu > span {
    padding-right: 18px !important;
  }
  .top-nav-desktop__menu > li.has-children > a:before, .top-nav-desktop__menu > li.has-children > span:before, .top-nav-desktop__menu > li.has-megamenu > a:before, .top-nav-desktop__menu > li.has-megamenu > span:before {
    right: 17px;
  }
  .top-nav-desktop__menu > li.has-children.megamenu-active:before, .top-nav-desktop__menu > li.has-children.megamenu-active:after, .top-nav-desktop__menu > li.has-children.is-active:before, .top-nav-desktop__menu > li.has-children.is-active:after, .top-nav-desktop__menu > li.has-megamenu.megamenu-active:before, .top-nav-desktop__menu > li.has-megamenu.megamenu-active:after, .top-nav-desktop__menu > li.has-megamenu.is-active:before, .top-nav-desktop__menu > li.has-megamenu.is-active:after {
    opacity: 1;
    transform: rotate(180deg);
  }
  .top-nav-desktop__menu > li.has-children:before, .top-nav-desktop__menu > li.has-children:after, .top-nav-desktop__menu > li.has-megamenu:before, .top-nav-desktop__menu > li.has-megamenu:after {
    content: "";
    display: block;
    position: absolute;
    width: 13px;
    height: 12px;
    background-size: contain;
    top: calc(50% - 5px);
    right: 0;
    pointer-events: none;
    transition: none;
  }
  .top-nav-desktop__menu > li.has-children:before, .top-nav-desktop__menu > li.has-megamenu:before {
    background: url(../img/icons/arrow-down-menu-orange.svg) no-repeat center;
  }
  .top-nav-desktop__menu > li.has-children:after, .top-nav-desktop__menu > li.has-megamenu:after {
    background: url(../img/icons/arrow-down-menu-orange.svg) no-repeat center;
    opacity: 0;
  }
  .top-nav-desktop__menu > li > a,
  .top-nav-desktop__menu > li > span {
    color: white;
    text-decoration: none;
    font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
    font-weight: normal;
    font-size: 1.125rem;
    padding: 0 6px;
    position: relative;
    border: 0;
    transition: color 200ms, background 200ms;
    text-transform: uppercase;
    line-height: 90px;
    display: inline-block;
    cursor: pointer;
  }
}
@media screen and (min-width: 64em) and (min-width: 90.625em) {
  .top-nav-desktop__menu > li > a,
  .top-nav-desktop__menu > li > span {
    padding: 0 12px;
  }
}
@media screen and (min-width: 64em) and (min-width: 112.5em) {
  .top-nav-desktop__menu > li > a,
  .top-nav-desktop__menu > li > span {
    padding: 0 22px;
  }
}
@media screen and (min-width: 64em) and (max-width: 90.5625em) {
  .top-nav-desktop__menu > li > a,
  .top-nav-desktop__menu > li > span {
    line-height: 54px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 64em) {
  .top-nav-desktop--sticky .top-nav-desktop__menu > li > a,
  .top-nav-desktop--sticky .top-nav-desktop__menu > li > span {
    line-height: 54px;
    font-size: 0.875rem;
  }
  .top-nav-desktop__menu > li > a:visited,
  .top-nav-desktop__menu > li > span:visited {
    color: white;
  }
  .top-nav-desktop__menu > li:first-child > a {
    padding-left: 0;
  }
  .top-nav-desktop__menu > li:last-child > a {
    padding-right: 0;
  }
  .top-nav-desktop__menu > li.is-active > a,
  .top-nav-desktop__menu > li.is-active > span {
    background: transparent;
    color: #fff;
  }
  .top-nav-desktop__user-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../img/icons/user-white.svg) no-repeat center;
    background-size: contain;
    text-indent: -1000px;
    text-align: left;
    transition: opacity 200ms;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    vertical-align: middle;
    margin: -2px 0 0 8px;
  }
}
@media screen and (min-width: 64em) and (min-width: 90.625em) {
  .top-nav-desktop__user-icon {
    margin-left: 14px;
  }
}
@media screen and (min-width: 64em) {
  .top-nav-desktop__user-icon:hover, .top-nav-desktop__user-icon:active {
    opacity: 0.6;
  }
  .top-nav-desktop__search-icon {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../img/icons/magnifying-glass-white.svg) no-repeat center;
    background-size: contain;
    text-indent: -1000px;
    text-align: left;
    transition: opacity 200ms;
    overflow: hidden;
    opacity: 1;
    cursor: pointer;
    vertical-align: middle;
    margin: -2px 0 0 8px;
  }
}
@media screen and (min-width: 64em) and (min-width: 90.625em) {
  .top-nav-desktop__search-icon {
    margin-left: 14px;
  }
}
@media screen and (min-width: 64em) {
  .top-nav-desktop__search-icon:hover, .top-nav-desktop__search-icon:active {
    opacity: 0.6;
  }
  .top-nav-desktop > .menu {
    display: inline-block;
  }
  .top-nav-desktop-submenu {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    z-index: 20;
    display: none;
    background-color: #3C2159;
    padding: 10px 20px;
    width: 210px;
  }
  .is-active .top-nav-desktop-submenu {
    display: block;
  }
  .top-nav-desktop-submenu:before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    transform: rotate(-45deg) translateX(-50%);
    position: absolute;
    top: -10px;
    left: 25%;
    z-index: 1;
    background: #3C2159;
  }
  .top-nav-desktop--sticky .top-nav-desktop-submenu {
    top: 54px;
  }
}
@media screen and (min-width: 64em) and (max-width: 90.5625em) {
  .top-nav-desktop-submenu {
    top: 54px;
  }
}
@media screen and (min-width: 64em) {
  .top-nav-desktop-submenu li:last-child a,
  .top-nav-desktop-submenu li:last-child span {
    border-bottom: 0;
  }
  .top-nav-desktop-submenu__item {
    padding: 12.5px 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    text-decoration: none;
  }
  .top-nav-desktop-submenu__item a,
  .top-nav-desktop-submenu__item span {
    text-decoration: none;
  }
  .top-nav-desktop-submenu__item img {
    margin: 0 !important;
  }
  .top-nav-desktop-submenu__item:hover, .top-nav-desktop-submenu__item:active {
    color: #bebebe;
  }
  .site-logo-desktop {
    text-indent: -1000px;
    width: 179px;
    height: 56px;
    position: absolute;
    top: 20px;
    left: 18px;
    text-align: left;
    transition: height 200ms linear, top 200ms linear;
  }
}
@media screen and (min-width: 64em) and (min-width: 90.625em) {
  .site-logo-desktop {
    width: 179px;
  }
}
@media screen and (min-width: 64em) {
  .top-nav-desktop--sticky .site-logo-desktop {
    height: 28px;
    top: 10px;
  }
}
@media screen and (min-width: 64em) and (max-width: 90.5625em) {
  .site-logo-desktop {
    height: 28px;
    top: 10px;
  }
}
@media screen and (min-width: 64em) {
  .site-logo-desktop__image {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
  }
  .top-nav-desktop--sticky .site-logo-desktop__image {
    opacity: 0;
  }
}
@media screen and (min-width: 64em) and (max-width: 90.5625em) {
  .site-logo-desktop__image {
    opacity: 0;
  }
}
@media screen and (min-width: 64em) {
  .site-logo-desktop__image-sticky {
    height: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  .top-nav-desktop--sticky .site-logo-desktop__image-sticky {
    opacity: 1;
  }
}
@media screen and (min-width: 64em) and (max-width: 90.5625em) {
  .site-logo-desktop__image-sticky {
    opacity: 1;
  }
}
@media screen and (min-width: 64em) {
  .top-links {
    margin: 0;
  }
  .top-links li {
    list-style-type: none;
    display: inline;
    font-size: 0;
  }
  .top-links li:last-child a {
    padding-right: 0;
  }
  .top-links li:first-child a, .top-links li:nth-child(2) a {
    border: 0;
  }
  .top-links a,
  .top-links a:visited,
  .top-links span,
  .top-links span:visited {
    text-decoration: none;
    display: inline-block;
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.25);
    transition: color 200ms;
    padding: 0 12px;
    line-height: 20px;
    font-size: 1rem;
    text-transform: uppercase;
  }
  .top-links a:hover,
  .top-links a:active,
  .top-links span:hover,
  .top-links span:active {
    color: white;
    opacity: 0.6;
  }
  .top-links-wrapper {
    position: absolute;
    top: 15px;
    right: 1rem;
    transition: opacity 200ms, top 200ms;
    transition-timing-function: linear;
  }
  .top-nav-desktop--sticky .top-links-wrapper {
    opacity: 0;
    top: -30px;
  }
}
@media screen and (min-width: 64em) and (max-width: 90.5625em) {
  .top-links-wrapper {
    opacity: 0;
    top: -30px;
  }
}
.mega-menu-desktop {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 55px;
  height: 309px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 11;
  transform: translateY(-150%);
  transition: all 0.25s ease;
  background: #321450;
  border-bottom: 1px solid #641EAA;
  padding-top: 90px;
}
.mega-menu-desktop--is-active {
  transform: translateY(0);
}
.sticky-active .mega-menu-desktop {
  margin-top: 0;
  padding-top: 54px;
}
.mega-menu-desktop__bg {
  position: absolute;
  width: 2320px;
  bottom: 0;
  left: calc(50% - 960px);
  z-index: -1;
  height: 309px;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: none;
}
.mega-menu-desktop__wrapper {
  width: 100%;
  max-width: 825px;
  margin: 0 auto;
}
.mega-menu-desktop__content {
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.mega-menu-desktop__item {
  cursor: pointer;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0;
  transition: all 0.25s ease-in-out;
  flex: 1;
  position: relative;
  padding: 0 20px;
}
.mega-menu-desktop__item:not(:last-child):after {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background: #641EAA;
  position: absolute;
  right: 0;
}
.mega-menu-desktop__item-image {
  width: 100%;
  pointer-events: none;
  max-width: 134px;
}
.mega-menu-desktop__item-image-container {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 6.0625rem;
}
.mega-menu-desktop__item-title {
  text-align: center;
  color: #fefefe;
  line-height: 1.14;
  font-size: 1.3125rem;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
}

/* ====================================================
Changes to a cross when opened
======================================================= */
.animated-menu-icon {
  width: 44px;
  height: 44px;
  padding: 9px;
  outline: none;
}
.animated-menu-icon__top, .animated-menu-icon__middle, .animated-menu-icon__bottom {
  content: "";
  display: block;
  position: absolute;
  width: 26px;
  height: 2px;
  background-color: #f0f0f0;
  transition: transform 200ms ease, top 200ms ease 200ms, bottom 200ms ease 200ms, opacity 200ms;
  will-change: transform, top, bottom, transition;
}
.animated-menu-icon__top {
  top: 14px;
}
.animated-menu-icon__middle {
  top: 21px;
}
.animated-menu-icon__bottom {
  bottom: 14px;
}
.animated-menu-icon--active .animated-menu-icon__top, .animated-menu-icon:active .animated-menu-icon__top {
  transform: rotate(45deg);
  top: 21px;
  transition: transform 200ms ease 200ms, top 200ms ease;
}
.animated-menu-icon--active .animated-menu-icon__middle, .animated-menu-icon:active .animated-menu-icon__middle {
  opacity: 0;
}
.animated-menu-icon--active .animated-menu-icon__bottom, .animated-menu-icon:active .animated-menu-icon__bottom {
  transform: rotate(-45deg);
  bottom: 21px;
  transition: transform 200ms ease 200ms, bottom 200ms ease;
}

.top-footer {
  background: #190A28;
  color: white;
  padding: 15px 0 0;
  position: relative;
}
@media screen and (min-width: 64em) {
  .top-footer {
    padding: 80px 0 0;
  }
  .top-footer > .row {
    position: relative;
  }
}
.top-footer__logos {
  margin: 1rem 0 0.5rem;
  text-align: left;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
@media screen and (min-width: 64em) {
  .top-footer__logos {
    text-align: right;
    margin: 0 0 1.5rem;
    padding-right: 0;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 28px 30px;
  }
}
.top-footer__privacy-text-mobile {
  text-decoration: none;
  margin-top: 10px;
  font-size: 14px;
}
.top-footer__logo {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  margin: 0;
}
@media screen and (min-width: 64em) {
  .top-footer__logo {
    margin: 0;
  }
}
.top-footer__logo img {
  width: 100%;
}
.top-footer__logo:last-child {
  margin-right: 0;
}
.top-footer__logo.privacy-choices img {
  max-width: 236px;
}
.top-footer__logo.privacy-choices a {
  text-decoration: none;
}
@media screen and (min-width: 40em) {
  .top-footer__logo.privacy-choices {
    display: none;
  }
}
.top-footer__logo.pegi {
  max-width: 37px;
}
@media screen and (min-width: 64em) {
  .top-footer__logo.pegi {
    max-width: 60px;
    width: 100%;
    order: 4;
  }
}
.top-footer__logo.pegi-de img {
  width: 100%;
}
.top-footer__logo.si {
  max-width: 139px;
}
@media screen and (min-width: 64em) {
  .top-footer__logo.si {
    max-width: 204px;
  }
}
.top-footer__logo.sega {
  max-width: 89px;
}
@media screen and (min-width: 64em) {
  .top-footer__logo.sega {
    max-width: 149px;
  }
}
.top-footer__logo.bund {
  max-width: 55px;
}
@media screen and (min-width: 64em) {
  .top-footer__logo.bund {
    max-width: 65px;
  }
}
.top-footer__logo.esrb, .top-footer__logo.oflc {
  max-width: 60px;
}
.top-footer__logo.mlspa {
  max-width: 75px;
}
.top-footer__logo.lfp, .top-footer__logo.plus18, .top-footer__logo.mls, .top-footer__logo.korea, .top-footer__logo.a-league {
  max-width: 65px;
}
.top-footer__logo.k-league {
  max-width: 65px;
}
.top-footer__logo.superliga {
  max-width: 207px;
}
@media screen and (min-width: 64em) {
  .top-footer__logo.superliga {
    max-width: 175px;
  }
}
.top-footer__logo.ekstraklasa {
  max-width: 262px;
}
@media screen and (min-width: 64em) {
  .top-footer__logo.ekstraklasa {
    max-width: 226px;
  }
}
.top-footer__title {
  font-size: 0.9375rem;
  color: white;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 40em) {
  .top-footer__title {
    font-size: 1.3125rem;
  }
}
.top-footer__col {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  break-inside: avoid-column;
  margin-bottom: 40px;
}
@media screen and (min-width: 40em) {
  .top-footer__col {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 40em) {
  .top-footer__cols {
    -moz-column-count: 4;
         column-count: 4;
  }
}
@media screen and (min-width: 64em) {
  .top-footer__cols {
    width: 65%;
  }
}
.top-footer__cols a,
.top-footer__cols a:visited {
  font-size: 0.8125rem;
  color: white;
  text-decoration: none;
  transition: color 200ms;
  display: block;
  margin-bottom: 8px;
}
@media screen and (min-width: 40em) {
  .top-footer__cols a,
  .top-footer__cols a:visited {
    font-size: 1rem;
  }
}
.top-footer__cols a:hover,
.top-footer__cols a:active,
.top-footer__cols a:focus {
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 64em) {
  .top-footer__logos-col {
    width: 35%;
    padding-left: 0;
  }
}

.footer {
  background: #190A28;
  text-align: left;
  color: white;
  padding: 0 0 60px;
  position: relative;
}
@media screen and (min-width: 64em) {
  .footer {
    padding: 0 0 60px;
  }
}
.footer a,
.footer a:visited {
  text-decoration: none;
}
.footer a:hover,
.footer a:active {
  color: #fff;
}
.footer__content {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.8);
}
@media screen and (min-width: 64em) {
  .footer__content {
    font-size: 0.875rem;
    text-align: left;
  }
}
.footer__content p {
  font-size: inherit;
  color: inherit;
  margin: 0 0 18px;
  line-height: 1.3;
}
@media screen and (max-width: 39.9375em) {
  .footer__mobile-links {
    margin-top: -21px;
  }
}
.footer__links {
  display: block;
  font-size: 0;
  text-align: left;
}
@media screen and (max-width: 63.9375em) {
  .footer__links {
    margin-bottom: 1.75rem;
  }
}
@media screen and (min-width: 64em) {
  .footer__links {
    margin-bottom: 1.25rem;
    padding-top: 20px;
  }
}
.footer__links a {
  position: relative;
  display: block;
  color: white !important;
  transition: color 200ms;
  font-size: 1rem;
  text-decoration: none;
}
@media screen and (min-width: 40em) {
  .footer__links a {
    display: inline-block;
    border-left: 1px solid #404040;
    line-height: 34px;
    padding: 0 12px;
    margin-bottom: 0.75rem;
  }
  .footer__links a:first-of-type {
    border-left: 0;
    padding-left: 0;
  }
}
.footer__links a:hover, .footer__links a:active, .footer__links a:focus {
  color: rgba(255, 255, 255, 0.5) !important;
}
.footer__links a img {
  max-width: 236px;
}
.footer__links:nth-of-type(even) {
  padding-top: 0;
  margin-top: 0;
}
.footer__links:nth-of-type(even) a {
  padding-left: 0;
  border-left: 0;
}
.footer__links-title {
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  color: white;
  font-size: 1.3125rem;
  text-transform: uppercase;
  display: inline-block;
  margin-top: -1px;
  vertical-align: top;
}

.footer-expander {
  border-top: 1px solid #5B4473;
  border-bottom: 1px solid #5B4473;
  position: relative;
}
.footer-expander + .footer-expander {
  border-top: 0;
}
.footer-expander:last-child {
  margin-bottom: 1.25rem;
}
.footer-expander__button {
  height: 50px;
  padding: 10px 0;
  color: white;
  width: 100%;
  display: block;
  outline: none;
  text-align: left;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  font-size: 1.125rem;
  cursor: pointer;
}
.footer-expander__icon {
  position: absolute;
  top: 17px;
  right: 0;
  width: 16px;
  height: 16px;
  pointer-events: none;
  will-change: transform;
}
.footer-expander__icon:before, .footer-expander__icon:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  width: 100%;
  background: #FFA528;
  transition: transform 300ms;
}
.footer-expander__icon:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.footer-expander--active .footer-expander__icon:before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.footer-expander--active .footer-expander__icon:after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.footer-expander__content {
  display: none;
  overflow: hidden;
  padding: 0 20px 10px;
}
.footer-expander__content a,
.footer-expander__content a:visited {
  font-size: 1rem;
  display: block;
  color: white;
  padding: 5px 0;
}
.footer-expander__content a:first-of-type,
.footer-expander__content a:visited:first-of-type {
  padding-top: 0;
}

.banner {
  z-index: 2;
  min-height: 141px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: rgb(50, 20, 80);
  background: linear-gradient(180deg, rgb(50, 20, 80) 0%, rgb(35, 14, 56) 100%);
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .banner {
    min-height: 300px;
    background: rgb(25, 10, 40);
    background: linear-gradient(180deg, rgb(25, 10, 40) 0%, rgb(49, 19, 79) 300px);
  }
}
.banner > .row {
  width: 100%;
}
.banner__wrapper {
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .banner__wrapper {
    padding-top: 120px !important;
    padding-bottom: 30px;
  }
}
.banner__title {
  color: white;
  text-align: left;
  margin: 0;
  position: relative;
  z-index: 2;
  text-shadow: -2px 2px 10px #321450;
}
.banner__title i {
  font-style: normal;
  color: #D2FF00;
}
.banner__subtitle {
  color: #fff;
  font-size: 1rem;
  margin: 0.5rem 0 0;
  text-align: left;
  max-width: 625px;
}
@media screen and (max-width: 39.9375em) {
  .banner__subtitle {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 40em) {
  .banner__subtitle {
    font-size: 1rem;
  }
}
.banner--centered .banner__subtitle {
  margin: 0.5rem auto 0 !important;
}
.banner__content-wrapper, .bp-banner__content-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .banner__bg {
    position: absolute;
    height: 300px;
    width: auto;
    min-width: 2274px;
    top: 0;
    left: 50%;
    transform: translateX(-48.6%);
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.banner__frills {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.banner__frills svg {
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .banner__frills svg {
    visibility: visible;
  }
}

.user-page {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
}
body .user-page {
  background-color: #f0f0f1;
}
.user-page__box {
  align-items: center;
  background: #fff;
  border: 1px solid #c3c4c7;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5625rem 3.125rem;
}
.user-page__box img {
  max-width: 100%;
  width: 300px;
}
.user-page__box label {
  font-size: 1.125rem;
}
.user-page__box input {
  background-color: #fff;
  border-radius: 0.3125rem;
  border: 1px solid #c3c4c7;
}
.user-page__box input:active, .user-page__box input:focus {
  border: 1px solid #c3c4c7;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.user-page__box .form-actions {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0.9375rem;
}
.user-page__box .description {
  display: none;
}
.user-page__box a {
  background: linear-gradient(90deg, #00DDE3 0%, #7871F7 100%) !important;
  border-color: transparent !important;
  color: white !important;
  margin: 1.25rem;
}
.user-page__box a:hover, .user-page__box a:focus, .user-page__box a:active {
  background: linear-gradient(90deg, #0df9ff 0%, #9d98f9 100%) !important;
  border-color: transparent !important;
  color: white;
}

@font-face {
  font-family: "gt_americaextended_black";
  src: url("../fonts/gt-america-extended-black-webfont.eot");
  src: url("../fonts/gt-america-extended-black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gt-america-extended-black-webfont.woff2") format("woff2"), url("../fonts/gt-america-extended-black-webfont.woff") format("woff"), url("../fonts/gt-america-extended-black-webfont.ttf") format("truetype"), url("../fonts/gt-america-extended-black-webfont.svg#gt_americaextended_black") format("svg");
  unicode-range: U+000-5FF; /* Latin glyphs */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gt_americastandard_bold";
  src: url("../fonts/gt-america-standard-bold-webfont.eot");
  src: url("../fonts/gt-america-standard-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gt-america-standard-bold-webfont.woff2") format("woff2"), url("../fonts/gt-america-standard-bold-webfont.woff") format("woff"), url("../fonts/gt-america-standard-bold-webfont.ttf") format("truetype"), url("../fonts/gt-america-standard-bold-webfont.svg#GTAmerica-Bold") format("svg");
  unicode-range: U+000-5FF; /* Latin glyphs */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gt_americalight";
  src: url("../fonts/gt-america-standard-light-webfont.eot");
  src: url("../fonts/gt-america-standard-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/gt-america-standard-light-webfont.woff2") format("woff2"), url("../fonts/gt-america-standard-light-webfont.woff") format("woff"), url("../fonts/gt-america-standard-light-webfont.ttf") format("truetype"), url("../fonts/gt-america-standard-light-webfont.svg#gt_americalight") format("svg");
  unicode-range: U+000-5FF; /* Latin glyphs */
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "gt_americastandard_regular";
  src: url("../fonts/gt-america-standard-regular-webfont.woff2") format("woff2"), url("../fonts/gt-america-standard-regular-webfont.woff") format("woff"), url("../fonts/gt-america-standard-regular-webfont.ttf") format("truetype");
  unicode-range: U+000-5FF; /* Latin glyphs */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  color: #321450;
  font-weight: normal;
  line-height: 1.2em;
  text-transform: uppercase;
}
.wrapper--dark h1, .wrapper--dark h2, .wrapper--dark h3, .wrapper--dark h4, .wrapper--dark h5, .wrapper--dark h6 {
  color: #fff;
}
html[lang=tr] h1, html[lang=de] h1, html[lang=tr] h2, html[lang=de] h2, html[lang=tr] h3, html[lang=de] h3, html[lang=tr] h4, html[lang=de] h4, html[lang=tr] h5, html[lang=de] h5, html[lang=tr] h6, html[lang=de] h6 {
  -webkit-hyphens: auto;
          hyphens: auto;
}

h1, h2, h3 {
  line-height: 1;
  margin-bottom: 0.5em;
  font-size: 1.75rem;
}
@media screen and (min-width: 40em) {
  h1, h2, h3 {
    font-size: 2.875rem;
  }
}
h1 a,
h1 a:visited,
h1 a:hover,
h1 a:active, h2 a,
h2 a:visited,
h2 a:hover,
h2 a:active, h3 a,
h3 a:visited,
h3 a:hover,
h3 a:active {
  text-decoration: none;
}
html[lang=tr] h1, html[lang=pl] h1, html[lang=tr] h2, html[lang=pl] h2, html[lang=tr] h3, html[lang=pl] h3 {
  line-height: 1.2;
}

a,
a:visited {
  font-family: inherit;
  color: inherit;
  text-decoration: underline;
  transition: color 200ms;
}

a:not([href]) {
  cursor: default;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
}

hr {
  border-color: #ccc;
  margin-top: 2.25rem;
  margin-bottom: 2.25rem;
}

/* ================================================
Global classes that might be used anywhere
=================================================== */
.text-center {
  text-align: center;
}

.no-margin {
  margin: 0 !important;
}

.sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.cover-area-link, .bf-box__link, .b-box__link, .copy .insider__link, .ac-box__link, .news-box__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-indent: -99999px;
  overflow: hidden;
  cursor: pointer;
  background: rgba(255, 255, 255, 0);
}

.cover-area {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 39.9375em) {
  .fullwidth-on-small,
  .button.fullwidth-on-small {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
@media screen and (min-width: 40em) {
  .fullwidth-on-small,
  .button.fullwidth-on-small {
    min-width: 240px;
  }
}

.full-image {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.skew {
  transform: skew(-18deg);
}

.no-skew {
  transform: skew(18deg);
}

@media screen and (min-width: 64em) {
  .no-break-on-large {
    white-space: nowrap;
  }
}

html[lang=tr],
html[lang=de],
html[lang=fr],
html[lang=it] {
  -webkit-hyphens: auto;
          hyphens: auto;
}

@media screen and (max-width: 87.4375em) {
  .show-for-xlarge {
    display: none;
  }
}

@media screen and (min-width: 87.5em) {
  .hide-for-xlarge {
    display: none;
  }
}

/* ================================================================================
The main copy - a large bit of rich text & styles for links, lists etc
=================================================================================== */
.copy, .copy p, .copy li {
  color: #000;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  font-weight: 400;
  text-align: left;
  font-size: 1rem;
  /* =============================================================
  Different versions, eg. inside coloured wrappers
  ================================================================ */
}
@media screen and (min-width: 40em) {
  .copy, .copy p, .copy li {
    font-size: 1rem;
  }
}
.copy .subtitle {
  font-size: 1.5rem;
}
.copy h1, .copy h2, .copy h3 {
  font-size: 0.8125rem;
  color: #452C60;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 40em) {
  .copy h1, .copy h2, .copy h3 {
    font-size: 1.5rem;
    margin-top: 3rem;
    margin-bottom: 0.5rem;
  }
}
.copy__title {
  margin-bottom: 1rem;
  color: #452C60;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (min-width: 40em) {
  .copy__title {
    margin-bottom: 0.75rem;
    font-size: 2.25rem;
  }
}
.copy__abstract, .copy__abstract p {
  font-size: 1.25rem;
  font-weight: 300;
}
@media screen and (min-width: 40em) {
  .copy__abstract, .copy__abstract p {
    font-size: 1.3125rem;
    font-weight: 500;
  }
}
.copy__abstract:last-child p, .copy__abstract p:last-child p {
  margin-bottom: 0;
}
.copy__buttons {
  margin-top: 1.5rem;
}
.copy p, .copy li {
  margin-bottom: 1.6rem;
  line-height: 1.5;
  font-size: inherit;
}
@media screen and (min-width: 40em) {
  .copy p, .copy li {
    margin-bottom: 1.5rem;
    line-height: 1.6em;
  }
}
.copy p:last-child {
  margin-bottom: 0;
}
.copy ul, .copy ol {
  margin-left: 0;
}
.copy ul {
  margin-left: 0.25rem;
}
.copy li {
  margin-bottom: 0;
  text-align: left;
  margin-left: 1rem;
}
.copy a,
.copy a:visited {
  color: #000;
  font-weight: inherit;
  transition: color 200ms, border-color 200ms;
  word-wrap: break-word;
  text-decoration: underline;
}
.copy a:hover,
.copy a:active {
  color: black;
}
.copy blockquote {
  font-size: 1.125rem;
  padding-top: 0;
  padding-bottom: 4px;
  margin: 1.5rem 0;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1.1;
  text-transform: uppercase;
  color: #321450;
}
@media screen and (min-width: 40em) {
  .copy blockquote {
    font-size: 1.375rem;
    margin: 2rem 0;
  }
}
.copy blockquote p {
  font-family: inherit;
  color: inherit;
  text-transform: inherit;
  line-height: inherit;
  font-size: inherit;
}
.copy img:last-child,
.copy figure:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 40em) {
  .copy > ul:last-child, .copy p > ul:last-child, .copy li > ul:last-child,
  .copy > p:last-child,
  .copy p > p:last-child,
  .copy li > p:last-child {
    margin-bottom: 0;
  }
}
.copy iframe {
  max-width: 100%;
}
.copy.text-center, .copy p.text-center, .copy li.text-center {
  text-align: center;
}
.copy.text-center p, .copy p.text-center p, .copy li.text-center p {
  text-align: inherit;
}
.copy .align-center,
.copy .center-img {
  text-align: center;
}
.copy .align-center img,
.copy .center-img img {
  margin-left: auto;
  margin-right: auto;
}
.copy .bordered {
  padding: 5px;
  border: 1px solid #DBE3E3;
}
.copy iframe,
.copy img {
  margin-bottom: 1.5rem;
}
.copy .image-caption {
  font-size: 0.875rem;
  color: #737373;
  padding: 12px 24px 0;
}
.copy .medium, .copy .small {
  text-align: center;
}
.copy .medium img, .copy .small img {
  width: 300px;
  max-width: 100%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
.copy .small img {
  width: 300px;
}
.copy .medium img {
  width: 600px;
}
@media screen and (min-width: 40em) {
  .copy .left {
    float: left;
    max-width: calc(50% - 1.875rem);
    margin: 0 1.875rem 1.875rem 0;
  }
}
@media screen and (min-width: 40em) {
  .copy .right {
    float: right;
    max-width: calc(50% - 1.875rem);
    margin: 0 0 1.875rem 1.875rem;
  }
}
.copy ol {
  counter-reset: section;
  list-style-type: none;
  margin-left: 0;
}
.copy ol li {
  margin: 0.5rem 0 1rem;
}
.copy ol li > strong + p {
  margin-top: 0.6rem;
}
.copy ol ul {
  margin: 0.5rem 0 0 1.4rem !important;
}
.copy ol table {
  border: 0 none;
}
.copy ol table td {
  padding: 0;
}
.copy ol table td:first-child {
  width: 25%;
}
.copy ol table td img {
  margin: 0 3rem !important;
}
.copy ol table tbody {
  background: none;
  border: none;
}
.copy ol ol {
  margin-left: 1.4rem;
}
.copy ol > li:before {
  counter-increment: section;
  content: counters(section, ".") ". ";
  font-weight: bold;
}
.copy [id]::before {
  content: "";
  display: block;
  height: 59px;
  margin-top: -29px;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .copy [id]::before {
    height: 69px;
    margin-top: -39px;
  }
}
.copy--dark, .wrapper--dark .copy, .wrapper--dark .copy p, .copy .wrapper--dark p, .wrapper--dark .copy li, .copy .wrapper--dark li, .wrapper--purple .copy, .wrapper--purple .copy p, .copy .wrapper--purple p, .wrapper--purple .copy li, .copy .wrapper--purple li, .wrapper--darkGrey .copy, .wrapper--darkGrey .copy p, .copy .wrapper--darkGrey p, .wrapper--darkGrey .copy li, .copy .wrapper--darkGrey li {
  color: #fff;
}
.copy--dark a, .wrapper--dark .copy a, .copy .wrapper--dark p a, .copy .wrapper--dark li a, .wrapper--purple .copy a, .copy .wrapper--purple p a, .copy .wrapper--purple li a, .wrapper--darkGrey .copy a, .copy .wrapper--darkGrey p a, .copy .wrapper--darkGrey li a,
.copy--dark a:visited {
  color: #fff;
}
.copy--dark a:hover, .wrapper--dark .copy a:hover, .copy .wrapper--dark p a:hover, .copy .wrapper--dark li a:hover, .wrapper--purple .copy a:hover, .copy .wrapper--purple p a:hover, .copy .wrapper--purple li a:hover, .wrapper--darkGrey .copy a:hover, .copy .wrapper--darkGrey p a:hover, .copy .wrapper--darkGrey li a:hover,
.copy--dark a:active,
.wrapper--dark .copy a:active,
.copy .wrapper--dark p a:active,
.copy .wrapper--dark li a:active,
.wrapper--purple .copy a:active,
.copy .wrapper--purple p a:active,
.copy .wrapper--purple li a:active,
.wrapper--darkGrey .copy a:active,
.copy .wrapper--darkGrey p a:active,
.copy .wrapper--darkGrey li a:active,
.copy--dark a:focus,
.wrapper--dark .copy a:focus,
.copy .wrapper--dark p a:focus,
.copy .wrapper--dark li a:focus,
.wrapper--purple .copy a:focus,
.copy .wrapper--purple p a:focus,
.copy .wrapper--purple li a:focus,
.wrapper--darkGrey .copy a:focus,
.copy .wrapper--darkGrey p a:focus,
.copy .wrapper--darkGrey li a:focus {
  color: #d9d9d9;
}
.copy--center {
  text-align: center;
}
.copy--center h1, .copy--center h2, .copy--center h3, .copy--center p, .copy--center li {
  text-align: center;
}
.copy-with-sidecol__sidecol {
  margin-top: 1.875rem;
}

html {
  height: 100%;
  min-height: 100%;
  scroll-behavior: smooth;
}
@media screen and (max-width: 63.9375em) {
  html {
    padding-top: 84px;
  }
}
@media (prefers-reduced-motion) {
  html {
    scroll-behavior: auto;
  }
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #190A28;
  overflow-x: hidden;
}
body > img {
  display: block;
}

.fp-tableCell {
  vertical-align: top !important;
  height: calc(100vh - 40px);
}
@media screen and (max-width: 63.9375em) and (orientation: landscape) {
  .fp-tableCell {
    height: auto !important;
  }
}

#container {
  overflow-x: hidden;
}

/* ====================================================
Button styles
======================================================= */
.button, .copy .button,
.copy a.button,
a.button {
  cursor: pointer;
  padding: 0.75rem 2rem 0.625rem;
  transition: background 200ms, color 200ms, border 200ms;
  text-align: center;
  text-decoration: none !important;
  border: 2px solid #000;
  border-radius: 3px;
  text-transform: uppercase;
  background-color: transparent;
  font-weight: 600;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  margin: 0;
  line-height: 1.5;
  display: inline-block;
  position: relative;
  outline: 0;
  font-size: 1rem;
}
@media screen and (min-width: 40em) {
  .button, .copy .button,
  .copy a.button,
  a.button {
    font-size: 0.875rem;
    padding: 0.9375rem 2.5rem 0.8125rem;
    min-height: 42px;
  }
}
@media screen and (min-width: 125em) {
  .button, .copy .button,
  .copy a.button,
  a.button {
    min-height: 47px;
  }
}
.button--wide,
a.button--wide {
  width: 100%;
}
@media screen and (min-width: 40em) {
  .button--wide,
  a.button--wide {
    width: auto;
  }
}
.button--fullwidth,
a.button--fullwidth {
  width: 100%;
  display: block;
}
.button--skewed,
a.button--skewed {
  transform: skew(-18deg);
  border-radius: 0 !important;
}
.button--skewed > span,
a.button--skewed > span {
  transform: skew(18deg);
  display: block;
}
.button--skewed-2021,
a.button--skewed-2021 {
  font-size: 1rem;
  padding: 0.5rem 2.5rem 0.6875rem;
}
.button span, .copy .button span,
a.button span {
  position: relative;
  z-index: 1;
}
.button:after, .copy .button:after,
a.button:after {
  transition: background-color 200ms;
}
.button[disabled], .button.disabled,
a.button[disabled],
a.button.disabled {
  opacity: 0.6 !important;
  cursor: initial;
}
.button[disabled]:hover, .button[disabled]:active, .button[disabled]:focus, .button.disabled:hover, .button.disabled:active, .button.disabled:focus,
a.button[disabled]:hover,
a.button[disabled]:active,
a.button[disabled]:focus,
a.button.disabled:hover,
a.button.disabled:active,
a.button.disabled:focus {
  opacity: 0.6 !important;
}
.button--fm21,
a.button--fm21 {
  border-radius: 0;
}

div.button, .copy div.button {
  pointer-events: none;
}

/* ====================================================
Different button styles - for extending into components
======================================================= */
.button--dark,
a.button--dark {
  border-color: #000;
  color: #000;
}
.button--dark:hover, .button--dark:focus, .button--dark:active,
a.button--dark:hover,
a.button--dark:focus,
a.button--dark:active {
  color: #fff;
  border-color: black;
  background: black;
}

.button--light,
a.button--light {
  border-color: white;
  color: #fff;
}
.button--light:hover, .button--light:focus, .button--light:active,
a.button--light:hover,
a.button--light:focus,
a.button--light:active {
  color: black;
  border-color: white;
  background: white;
}

.button--ghost-white, .wrapper--gradient .inline-buttons .button ~ .button,
a.button--ghost-white {
  border-color: white;
  color: white;
  background: transparent;
  transition: opacity 200ms;
  will-change: opacity;
}
.button--ghost-white:hover, .wrapper--gradient .inline-buttons .button ~ .button:hover, .button--ghost-white:focus, .wrapper--gradient .inline-buttons .button ~ .button:focus, .button--ghost-white:active, .wrapper--gradient .inline-buttons .button ~ .button:active,
a.button--ghost-white:hover,
a.button--ghost-white:focus,
a.button--ghost-white:active {
  color: white;
  border-color: white;
  background: transparent;
  opacity: 0.6;
}

.button--blue, .signup .button, .user-page__box .button, .button,
a.button, .copy .button,
.copy a.button,
a.button--blue {
  border-color: #007EC1 !important;
  background-color: #007EC1 !important;
  color: white;
}
.button--blue:hover, .button:hover, .button--blue:focus, .button:focus, .button--blue:active, .button:active,
a.button--blue:hover,
a.button--blue:focus,
a.button--blue:active {
  border-color: #003b5b !important;
  background: #003b5b !important;
  color: white;
}

.button--yellow, .inline-buttons .button ~ .button,
a.button--yellow {
  border-color: #FFFD5E !important;
  background-color: #FFFD5E !important;
  color: #321450 !important;
  opacity: 1 !important;
}
@media screen and (max-width: 39.9375em) {
  .carousel-wrapper .inline-buttons--stacked-on-small .button ~ .button--yellow, .carousel-wrapper .inline-buttons--stacked-on-small .inline-buttons .button ~ .button, .inline-buttons .carousel-wrapper .inline-buttons--stacked-on-small .button ~ .button,
  .carousel-wrapper .inline-buttons--stacked-on-small .button ~ a.button--yellow {
    border-color: #FFFD5E !important;
  }
}
.button--yellow:hover, .inline-buttons .button ~ .button:hover, .button--yellow:focus, .inline-buttons .button ~ .button:focus, .button--yellow:active, .inline-buttons .button ~ .button:active,
a.button--yellow:hover,
a.button--yellow:focus,
a.button--yellow:active {
  color: #321450 !important;
  border-color: #f7f400 !important;
  background: #f7f400 !important;
  opacity: 1 !important;
}
.button--yellow:hover:after, .inline-buttons .button ~ .button:hover:after, .button--yellow:focus:after, .inline-buttons .button ~ .button:focus:after, .button--yellow:active:after, .inline-buttons .button ~ .button:active:after,
a.button--yellow:hover:after,
a.button--yellow:focus:after,
a.button--yellow:active:after {
  background: #f7f400 !important;
}
.button--yellow:after, .inline-buttons .button ~ .button:after,
a.button--yellow:after {
  background: #FFFD5E !important;
  border: 0 !important;
}

.button--teal, .competition__sidecol .button, .inline-buttons .button:first-child,
a.button--teal {
  border-color: #6DFFE6 !important;
  background-color: #6DFFE6 !important;
  color: #321450 !important;
  opacity: 1 !important;
}
@media screen and (max-width: 39.9375em) {
  .carousel-wrapper .inline-buttons--stacked-on-small .button ~ .button--teal, .carousel-wrapper .inline-buttons--stacked-on-small .competition__sidecol .button ~ .button, .competition__sidecol .carousel-wrapper .inline-buttons--stacked-on-small .button ~ .button, .carousel-wrapper .inline-buttons--stacked-on-small .inline-buttons .button ~ .button:first-child, .inline-buttons .carousel-wrapper .inline-buttons--stacked-on-small .button ~ .button:first-child,
  .carousel-wrapper .inline-buttons--stacked-on-small .button ~ a.button--teal {
    border-color: #6DFFE6 !important;
  }
}
.button--teal:hover, .competition__sidecol .button:hover, .inline-buttons .button:hover:first-child, .button--teal:focus, .competition__sidecol .button:focus, .inline-buttons .button:focus:first-child, .button--teal:active, .competition__sidecol .button:active, .inline-buttons .button:active:first-child,
a.button--teal:hover,
a.button--teal:focus,
a.button--teal:active {
  color: #321450 !important;
  border-color: #00edc4 !important;
  background: #00edc4 !important;
  opacity: 1 !important;
}
.button--teal:hover:after, .competition__sidecol .button:hover:after, .inline-buttons .button:hover:first-child:after, .button--teal:focus:after, .competition__sidecol .button:focus:after, .inline-buttons .button:focus:first-child:after, .button--teal:active:after, .competition__sidecol .button:active:after, .inline-buttons .button:active:first-child:after,
a.button--teal:hover:after,
a.button--teal:focus:after,
a.button--teal:active:after {
  background: #00edc4 !important;
}
.button--teal:after, .competition__sidecol .button:after, .inline-buttons .button:first-child:after,
a.button--teal:after {
  background: #6DFFE6 !important;
  border: 0 !important;
}

.button--green,
a.button--green {
  border-color: #D2FF00 !important;
  background-color: #D2FF00 !important;
  color: #321450 !important;
  opacity: 1 !important;
}
.button--green:hover, .button--green:focus, .button--green:active,
a.button--green:hover,
a.button--green:focus,
a.button--green:active {
  color: #321450 !important;
  border-color: white !important;
  background: white !important;
  opacity: 1 !important;
}

.button--green-on-light,
a.button--green-on-light {
  border-color: #D2FF00 !important;
  background-color: #D2FF00 !important;
  color: #321450 !important;
  opacity: 1 !important;
}
.button--green-on-light:hover, .button--green-on-light:focus, .button--green-on-light:active,
a.button--green-on-light:hover,
a.button--green-on-light:focus,
a.button--green-on-light:active {
  color: white !important;
  border-color: #321450 !important;
  background: #321450 !important;
  opacity: 1 !important;
}

.button--ghost-dark,
a.button--ghost-dark {
  border-color: #D8D8D8 !important;
  color: #321450 !important;
  border-width: 1px !important;
  background: transparent !important;
  transition: opacity 200ms;
  will-change: opacity;
}
.button--ghost-dark:hover, .button--ghost-dark:focus, .button--ghost-dark:active,
a.button--ghost-dark:hover,
a.button--ghost-dark:focus,
a.button--ghost-dark:active {
  color: #321450 !important;
  border-color: #D8D8D8 !important;
  background: transparent !important;
  opacity: 0.6 !important;
}
.button--ghost-dark:hover:after, .button--ghost-dark:focus:after, .button--ghost-dark:active:after,
a.button--ghost-dark:hover:after,
a.button--ghost-dark:focus:after,
a.button--ghost-dark:active:after {
  background: transparent !important;
}
.button--ghost-dark img,
a.button--ghost-dark img {
  margin: -4px 7px 0 0;
}

.button--logo,
a.button--logo {
  background: black !important;
  border: 1px solid #707070 !important;
  padding: 0.4375rem 0.75rem 0.5625rem !important;
  vertical-align: top;
  display: flex;
}
@media screen and (min-width: 40em) {
  .button--logo,
  a.button--logo {
    padding: 0.4375rem 0.75rem 0.5625rem !important;
  }
}
.button--logo:hover, .button--logo:focus, .button--logo:active,
a.button--logo:hover,
a.button--logo:focus,
a.button--logo:active {
  color: #fff !important;
  border-color: #a3a3a3 !important;
  background: #333333 !important;
}
.button--logo img,
a.button--logo img {
  height: 27px;
  width: auto;
  max-width: initial;
  margin: auto;
}
.button--logo.disabled:hover, .button--logo.search-results__load-more[disabled]:hover, .button--logo.disabled:active, .button--logo.search-results__load-more[disabled]:active,
a.button--logo.disabled:hover,
a.button--logo.disabled:active {
  background: black;
  border-color: black;
}

a.button--store-logo {
  background: black !important;
  border: 1px solid #9C9C9C !important;
  padding: 0.375rem 9px !important;
  vertical-align: top;
  border-radius: 7px;
  margin: 0 25px 25px 0;
}
a.button--store-logo:hover, a.button--store-logo:focus, a.button--store-logo:active {
  color: #fff !important;
  border-color: #9C9C9C !important;
  background: #4d4d4d !important;
}
a.button--store-logo img {
  height: 30px;
  width: auto;
  max-width: initial;
  margin-top: 3px;
}

.button--white,
a.button--white {
  border-color: white !important;
  background-color: white !important;
  color: #fff;
}
.button--white:hover, .button--white:focus, .button--white:active,
a.button--white:hover,
a.button--white:focus,
a.button--white:active {
  color: #fff;
  border-color: #FFFD5E !important;
  background: #FFFD5E !important;
}

.button--purple,
a.button--purple {
  border-color: #321450 !important;
  background-color: #321450 !important;
  color: white !important;
  opacity: 1 !important;
}
.button--purple:hover, .button--purple:focus, .button--purple:active,
a.button--purple:hover,
a.button--purple:focus,
a.button--purple:active {
  color: white !important;
  border-color: black !important;
  background: black !important;
  opacity: 1 !important;
}
.button--purple.disabled, .button--purple.search-results__load-more[disabled],
a.button--purple.disabled {
  background: #321450 !important;
}
.button--purple.disabled:hover, .button--purple.search-results__load-more[disabled]:hover, .button--purple.disabled:active, .button--purple.search-results__load-more[disabled]:active,
a.button--purple.disabled:hover,
a.button--purple.disabled:active {
  background: #321450 !important;
}

.button--purple-2021,
a.button--purple-2021 {
  border-color: #641EAA !important;
  background-color: #641EAA !important;
  color: white !important;
  opacity: 1 !important;
}
.button--purple-2021:hover, .button--purple-2021:focus, .button--purple-2021:active,
a.button--purple-2021:hover,
a.button--purple-2021:focus,
a.button--purple-2021:active {
  color: white !important;
  border-color: #310f53 !important;
  background: #310f53 !important;
  opacity: 1 !important;
}
.button--purple-2021.disabled, .button--purple-2021.search-results__load-more[disabled],
a.button--purple-2021.disabled {
  background: #641EAA !important;
}
.button--purple-2021.disabled:hover, .button--purple-2021.search-results__load-more[disabled]:hover, .button--purple-2021.disabled:active, .button--purple-2021.search-results__load-more[disabled]:active,
a.button--purple-2021.disabled:hover,
a.button--purple-2021.disabled:active {
  background: #641EAA !important;
}

.button--gradient,
a.button--gradient {
  background-image: linear-gradient(to right, #FF00A5 0%, #FF2850 100%) !important;
  color: white !important;
  opacity: 1 !important;
}
.button--gradient:hover, .button--gradient:focus, .button--gradient:active,
a.button--gradient:hover,
a.button--gradient:focus,
a.button--gradient:active {
  background-position: right center; /* change the direction of the change here */
}

.inline-buttons {
  font-size: 0;
  transform: scale(1);
  white-space: nowrap;
}
.inline-buttons .button {
  margin: 0 15px 0 0;
}
@media screen and (min-width: 40em) {
  .inline-buttons .button {
    margin-right: 10px;
  }
}
.inline-buttons .button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: 1.5rem;
  padding-right: 1rem;
}
@media screen and (min-width: 64em) {
  .inline-buttons .button:first-child:not(:last-child) {
    padding-left: 2rem;
    padding-right: 1.5rem;
  }
}
.inline-buttons .button:first-child:not(:last-child):after {
  content: "";
  display: block;
  width: 1.25rem;
  position: absolute;
  top: -2px;
  bottom: -2px;
  right: -0.6875rem;
  transform: skew(-18deg);
  background: #6DFFE6;
  z-index: -1;
}
.inline-buttons .button:last-child:not(:first-child) {
  padding-left: 1rem;
  padding-right: 1.5rem;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-right: 0;
}
@media screen and (min-width: 64em) {
  .inline-buttons .button:last-child:not(:first-child) {
    padding-left: 1.5rem;
    padding-right: 2rem;
  }
}
.inline-buttons .button ~ .button {
  border-left: 0;
  margin-left: 10px;
}
@media screen and (min-width: 40em) {
  .inline-buttons .button ~ .button {
    margin-left: 20px;
  }
}
.inline-buttons .button ~ .button:after {
  content: "";
  display: block;
  width: 1.25rem;
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-bottom: 2px solid black;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -0.625rem;
  transform: skew(-18deg);
  z-index: -1;
}
@media screen and (max-width: 39.9375em) {
  .inline-buttons--stacked-on-small .button {
    margin: 0 auto 1rem !important;
    border-radius: 3px !important;
    display: block;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    width: 100%;
  }
  .inline-buttons--stacked-on-small .button:after {
    display: none !important;
  }
  .inline-buttons--stacked-on-small .button ~ .button {
    border: 2px solid black !important;
  }
  .carousel-wrapper .inline-buttons--stacked-on-small .button ~ .button, .wrapper--gradient .inline-buttons--stacked-on-small .button ~ .button {
    border: 2px solid white !important;
  }
  .inline-buttons--stacked-on-small .button:last-child {
    margin-bottom: 0 !important;
  }
}

/* =============================================================
For the 404 template
================================================================ */
.not-found {
  display: flex;
  align-items: center;
  background: #190A28;
  padding: 40px 0;
  text-align: center;
  min-height: 391px;
  overflow: hidden;
}
@media screen and (min-width: 40em) {
  .not-found {
    padding: 80px 0;
    min-height: 1080px;
  }
}
.not-found > .row {
  width: 100%;
}
.not-found__big {
  font-size: 5.125rem !important;
  line-height: 1;
  color: white;
  position: relative;
  margin: 0;
}
@media screen and (min-width: 64em) {
  .not-found__big {
    font-size: 7.5rem !important;
  }
}
.not-found__title {
  font-size: 2rem;
  font-weight: normal;
  position: relative;
  color: white;
  line-height: 1;
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 64em) {
  .not-found__title {
    font-size: 3.75rem;
    margin-bottom: 1.75rem;
  }
}
.not-found__subtitle {
  position: relative;
  font-size: 1.3125rem;
  line-height: 1;
  color: white;
}
@media screen and (min-width: 64em) {
  .not-found__subtitle {
    font-size: 1.4375rem;
  }
}
.not-found__buttons {
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .not-found__buttons {
    margin-top: 2.75rem;
  }
}
.not-found__bg {
  position: absolute;
  top: 84px;
  width: 720px;
  left: calc(50% - 360px);
  max-width: initial;
}
@media screen and (min-width: 40em) {
  .not-found__bg {
    width: 3280px;
    left: calc(50% - 1640px);
  }
}
@media screen and (min-width: 64em) {
  .not-found__bg {
    top: 55px;
  }
}

/* =============================================================
Generic forms. Basic Foundation styles are in _settings.scss
================================================================ */
select {
  background: url(../img/arrow-down-orange.svg) no-repeat center right 10px;
  background-size: 13px 11.4px;
  border: 1px solid #707070;
}
select:focus, select:active {
  border-width: 1px;
  border-color: #3d3d3d;
}
select.light {
  border-color: rgba(255, 255, 255, 0.2);
  color: white;
  background-image: url(../img/arrow-down-white.svg);
}
select.light:focus, select.light:active {
  background-color: transparent;
}

/* ================================================================
A coloured area for giving consistent top & bottom padding to
components - white by default
=================================================================== */
/**
 Wrapper paddings are separated out due to their complexity!
 */
.wrapper, .main-content > .wrapper ~ .wrapper, .main-content > .signup-hero__form-wrapper ~ .wrapper {
  padding: 2.5rem 0 2.5rem;
}
@media screen and (min-width: 40em) {
  .wrapper, .main-content > .wrapper ~ .wrapper, .main-content > .signup-hero__form-wrapper ~ .wrapper {
    padding: 5.875rem 0 6.125rem;
  }
}
@media screen and (min-width: 64em) {
  .main-content > .wrapper:nth-child(1), .main-content > [data-drupal-messages-fallback]:first-child + .wrapper {
    padding-top: 10.375rem;
  }
}

.wrapper {
  text-align: center;
  position: relative;
  background: #fff;
}
.wrapper p,
.wrapper li,
.wrapper .copy__abstract,
.wrapper .copy__abstract p {
  color: inherit;
}
.wrapper--dark, .wrapper--gradient {
  color: #fff;
  background: #31184D;
}
.wrapper--purple {
  color: #fff;
  background: #321450;
}
.wrapper--purple-2021 {
  color: #fff;
  background-color: #190A28;
}
.wrapper--lightGrey {
  background: #f5f5f5;
  color: #000;
}
@media screen and (min-width: 64em) {
  .wrapper--black-top:after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 90px;
    z-index: 1;
    background: black;
  }
  .sticky-active .wrapper--black-top:after {
    height: 54px;
  }
}

/* =======================================================
A button which expands when clicked to show share icons
- Used on blog and project page
========================================================== */
.share-btn {
  height: 23px;
  width: 110px;
  font-size: 0.9375rem;
  line-height: 15px;
  font-weight: 400;
  overflow: hidden;
  transition: width 200ms, background 200ms;
  position: relative;
  text-align: left;
}
html[lang=it] .share-btn, html[lang=fr] .share-btn, html[lang=es] .share-btn {
  width: 180px;
}
.share-btn__slider {
  background: transparent;
  font-size: inherit;
  color: #000;
  line-height: inherit;
  font-weight: inherit;
  width: 200px;
  position: absolute;
  left: 0;
}
html[lang=it] .share-btn__slider, html[lang=fr] .share-btn__slider, html[lang=es] .share-btn__slider {
  width: 270px;
}
.share-btn__button {
  padding: 2px 10px 2px 0;
  width: 110px;
  outline: 0;
  color: #452C60;
  text-align: right;
  cursor: pointer;
}
html[lang=it] .share-btn__button, html[lang=fr] .share-btn__button, html[lang=es] .share-btn__button {
  width: 180px;
}
.share-btn__label {
  position: relative;
  padding-right: 16px;
  font-size: 16px;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
}
@media screen and (min-width: 64em) {
  .share-btn__label {
    font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
    font-size: 1.125rem;
  }
}
.share-btn__aro {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 6px;
  width: 10px;
  height: 12px;
  background: url(../img/components/share-btn/share-arrow-orange.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.share-btn__sharers {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 110px;
  overflow: hidden;
  width: 0;
  transition: width 200ms;
}
html[lang=it] .share-btn__sharers, html[lang=fr] .share-btn__sharers, html[lang=es] .share-btn__sharers {
  left: 180px;
}
.share-btn--expanded {
  width: 200px;
}
html[lang=it] .share-btn--expanded, html[lang=fr] .share-btn--expanded, html[lang=es] .share-btn--expanded {
  width: 270px;
}
.share-btn--expanded .share-btn__sharers {
  width: 90px;
}
.share-btn a.sharer {
  width: 30px;
  border-left: 1px solid #cecece;
  background: rgba(1, 1, 1, 0);
  display: inline-block;
  margin: 0;
  line-height: 35px !important;
  text-align: center;
  transition: background 200ms;
  position: absolute;
  height: 23px;
  left: 0;
}
.share-btn a.sharer:nth-child(1) {
  border-left: 0;
}
.share-btn a.sharer:nth-child(2) {
  left: 30px;
}
.share-btn a.sharer:nth-child(3) {
  left: 60px;
}
.share-btn a.sharer:nth-child(4) {
  left: 90px;
}
.share-btn a.sharer img, .share-btn a.sharer svg {
  max-height: 65%;
  max-width: 65%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.share-btn a.sharer svg path {
  transition: fill 200ms;
  fill: #000;
}
.share-btn a.sharer:hover, .share-btn a.sharer:active {
  background: #321450;
}
.share-btn a.sharer:hover svg path, .share-btn a.sharer:active svg path {
  fill: #fff;
}

/* ============================================================
Different types of share button e.g. ghost
=============================================================== */
/* =======================================================
A component with several news boxes, an image, title,
content, and link.
========================================================== */
.news-box {
  background: white;
  position: relative;
  padding: 0;
  text-align: left;
  transition: color 200ms, border 200ms;
  box-shadow: none;
  color: #000;
  vertical-align: top;
  width: 100%;
}
@media print {
  .news-box {
    border: 1px solid grey;
  }
}
@media screen and (max-width: 39.9375em) {
  .news-box {
    display: flex;
    gap: 15px;
    align-items: center;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 11px;
  }
}
.news-box__title {
  font-size: 0.875rem;
  margin: 0 0 0.25rem;
  transition: opacity 200ms;
}
@media screen and (min-width: 40em) {
  .news-box__title {
    margin: 1rem 0 0.5rem;
    font-size: 1.3125rem;
  }
}
.news-box__date, .news-box__author {
  display: inline-block;
  text-align: left;
  margin: 0;
  line-height: 1;
}
.news-box__meta {
  text-align: left;
  position: relative;
  font-size: 0.875rem;
  margin: 0;
}
@media screen and (min-width: 40em) {
  .news-box__meta {
    font-size: 1.125rem;
  }
}
.news-box__abstract {
  display: none;
  font-size: 1rem;
}
.news-box__abstract p {
  margin-bottom: 0;
}
.news-box__content {
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 100%;
}
@media screen and (min-width: 40em) {
  .news-box__content {
    max-height: 183px;
  }
}
@media screen and (min-width: 64em) {
  .news-box__content {
    max-height: 225px;
  }
}
.news-box__gradient {
  display: none;
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 49px;
}
.news-box__image-sm, .news-box__image-lg {
  width: 100%;
  height: auto;
  transition: transform 200ms, filter 200ms;
}
@media screen and (min-width: 40em) {
  .news-box__image-sm {
    display: none;
  }
}
@media screen and (max-width: 39.9375em) {
  .news-box__image-lg {
    display: none;
  }
}
.news-box__image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .news-box__image-wrapper {
    width: 70px;
    height: 70px;
    order: 1;
  }
}
.news-box__link {
  text-decoration: none;
}
.news-box__hr {
  border-bottom: 1px solid green;
  width: 100%;
  display: none;
}
.news-box:hover, .news-box:active {
  color: black;
}
.news-box:hover .news-box__image, .news-box:active .news-box__image {
  transform: scale(1.02);
}
.news-box:hover .news-box__title, .news-box:active .news-box__title {
  opacity: 0.75;
}

.faqs {
  text-align: left;
  /* =============================================================
  Different versions, eg. inside coloured wrappers
  ================================================================ */
}
.faqs a {
  text-decoration: none;
  color: #321450;
}
.faqs-filter {
  display: inline;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .faqs-filter {
    width: 250px;
    margin-right: 1rem;
  }
}
.faqs-item {
  border: 1px solid #CCCCCC;
  margin-left: 0 !important;
  position: relative;
}
.faqs-item:not(:last-of-type) {
  border-bottom: 0;
}
.wrapper--lightGrey .faqs-item {
  border-color: #bfbfbf;
}
.faqs .accordion {
  margin-bottom: 0;
}
.is-active > .faqs__question:before {
  transform: rotate(90deg);
  content: "";
}
.faqs__question {
  border: 0 !important;
  display: block;
  font-size: 1.125rem;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  margin-left: 40px;
  background: transparent;
  padding-right: 30px;
  text-transform: uppercase;
}
@media screen and (min-width: 40em) {
  .faqs__question {
    margin-left: 60px;
  }
}
.faqs__question:before {
  margin-left: auto;
  margin-top: -0.25rem;
  content: "";
  display: block;
  width: 12px;
  height: 11px;
  background: url(../img/arrow-down-orange.svg) no-repeat center;
  background-size: contain;
  transition: transform 200ms;
}
@media screen and (min-width: 40em) {
  .faqs__question:before {
    width: 12px;
    height: 10px;
  }
}
.faqs__question:hover, .faqs__question:active, .faqs__question:focus {
  background: transparent;
}
.faqs:last-child > .faqs__answer {
  border-bottom: none;
}
.faqs__answer {
  margin-left: 40px;
  border: 0 !important;
  font-size: 1.125rem;
  padding-top: 2px;
}
@media screen and (min-width: 40em) {
  .faqs__answer {
    font-size: 1rem;
    margin-left: 60px;
  }
}
.faqs__answer a,
.faqs__answer a:visited {
  color: #FFA528;
  text-decoration: underline;
}
.faqs__answer a:hover,
.faqs__answer a:focus,
.faqs__answer a:active {
  color: #310f53;
  text-decoration: underline;
}
.faqs__number {
  display: inline-block;
  background: #321450;
  color: white;
  padding-top: 1rem;
  text-align: center;
  width: 40px;
  position: absolute;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 1.125rem;
  top: 0;
  bottom: 0;
  transition: background 200ms;
}
@media screen and (min-width: 40em) {
  .faqs__number {
    width: 60px;
  }
}
.wrapper--lightGrey .faqs__number {
  background: #250f3c;
}
.is-active > .faqs__number {
  background: #641EAA;
  color: white;
}
.wrapper--lightGrey .is-active > .faqs__number {
  background: #571a94;
}
.faqs__top {
  margin-bottom: 2rem;
}
.faqs.wrapper--lightGrey .accordion {
  background: #f5f5f5;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.reveal-on-scroll {
  opacity: 0;
  position: relative;
  z-index: 1;
  /* ====================================================
  Set initial states
  ======================================================= */
  /* ====================================================
  ...then when in view, set final state
  ======================================================= */
  /* ====================================================
  Stagger their entrance
  ======================================================= */
}
.reveal-on-scroll.slide-in-left {
  opacity: 0;
  transition: transform 700ms, opacity 2s;
  transform: translate3d(-25px, 0px, 0px);
}
.reveal-on-scroll.slide-in-right {
  opacity: 0;
  transition: transform 700ms, opacity 700ms;
  transform: translate3d(25px, 0px, 0px);
}
.reveal-on-scroll.fade-in-up {
  opacity: 0;
  transition: transform 700ms, opacity 700ms;
  transform: translate3d(0, 2rem, 0px);
}
.reveal-on-scroll.fade-in {
  opacity: 0;
  transition: opacity 700ms;
}
.reveal-on-scroll.slide-in-left.in-view, .reveal-on-scroll.slide-in-right.in-view, .reveal-on-scroll.fade-in-up.in-view {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px);
}
.reveal-on-scroll.fade-in.in-view {
  opacity: 1;
}
.reveal-on-scroll.zoom-in {
  opacity: 0;
  transform: scale(0.98);
  transition: transform 400ms, opacity 400ms;
}
.reveal-on-scroll.zoom-in.in-view {
  opacity: 1;
  transform: scale(1);
}
.reveal-on-scroll:nth-child(1) {
  transition-delay: 200ms !important;
}
.reveal-on-scroll:nth-child(2) {
  transition-delay: 400ms !important;
}
.reveal-on-scroll:nth-child(3) {
  transition-delay: 600ms !important;
}
.reveal-on-scroll:nth-child(4) {
  transition-delay: 800ms !important;
}
.reveal-on-scroll:nth-child(5) {
  transition-delay: 1000ms !important;
}
.reveal-on-scroll:nth-child(6) {
  transition-delay: 1200ms !important;
}
.reveal-on-scroll:nth-child(7) {
  transition-delay: 1400ms !important;
}
.reveal-on-scroll:nth-child(8) {
  transition-delay: 1600ms !important;
}

/* ====================================================
Manual staggered transitions
======================================================= */
.transition-delay-2nd {
  transition-delay: 300ms !important;
}

.transition-delay-3rd {
  transition-delay: 600ms !important;
}

.transition-delay-4th {
  transition-delay: 900ms !important;
}

/* ================================================================
A full-width image banner which loads a video in lightbox when
button is clicked
=================================================================== */
.video {
  max-width: 100vw;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  position: relative;
}
.video__play {
  margin: 0 auto;
  padding: 1rem 0 !important;
  width: 90px;
  cursor: pointer;
}
@media screen and (min-width: 40em) {
  .video__play {
    padding: 1.65rem 0 !important;
    width: 117px;
  }
}
.video__play img {
  width: auto;
  height: 25px;
  margin: auto !important;
}
@media screen and (min-width: 40em) {
  .video__play img {
    height: 25px;
  }
}
.video__overlay {
  background: transparent;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 400px;
  height: 31.25rem;
  width: 100vw;
}
.video__lightbox {
  text-align: center;
}
.video__lightbox .close-button {
  transition: color 200ms;
  color: #e6e6e6;
}
.video__lightbox .close-button:hover, .video__lightbox .close-button:active, .video__lightbox .close-button:focus {
  color: #fff;
}
.video__embed {
  width: calc(100% - 2rem);
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  margin: 0 auto;
}
.video__embed textarea {
  display: none;
}
.video__frills-left {
  position: absolute;
  z-index: 1;
  transform: translateX(-100%);
  transition: left 200ms;
  top: -349px;
  left: 8vw;
  width: 425px;
  height: 1074px;
}
@media screen and (min-width: 64em) {
  .video__frills-left {
    left: 260px;
  }
}
.video__frills-right {
  position: absolute;
  z-index: 1;
  transform: translateX(100%);
  transition: right 200ms;
  bottom: -1px;
  right: 9vw;
  width: 263px;
  height: 100%;
}
@media screen and (min-width: 64em) {
  .video__frills-right {
    right: 170px;
  }
}

.search-results__wrapper {
  border-bottom: 1px solid #b2b2b2;
}
.search-results__load-more[disabled]:after {
  content: "...";
}
.search-results__load-more-wrapper {
  display: none;
}
@media screen and (min-width: 40em) {
  .search-results__load-more-wrapper {
    padding-top: 1rem;
  }
}

.search-result {
  text-align: left;
  border-top: 1px solid #b2b2b2;
  padding: 30px 0 10px;
}
@media screen and (min-width: 40em) {
  .search-result {
    padding: 40px 0 20px;
  }
}
.search-result:first-child {
  border: 0 none;
  padding-top: 0;
}
.search-result__title {
  font-size: 1.125rem;
}
@media screen and (min-width: 40em) {
  .search-result__title {
    font-size: 1.625rem;
  }
}
.search-result__snippet {
  font-size: 0.875rem;
}
@media screen and (min-width: 40em) {
  .search-result__snippet {
    font-size: 1rem;
  }
}

/* Slider */
.slick-loading .slick-list {
  background: transparent;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  border: none;
  outline: none;
  z-index: 1;
  transition: opacity 200ms;
  padding: 0;
  width: 13px;
  height: 24px;
}
.slick-prev:hover,
.slick-next:hover {
  opacity: 0.5;
}
.slick-prev:focus, .slick-prev:active,
.slick-next:focus,
.slick-next:active {
  outline: none;
  background: transparent;
  color: transparent;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
  content: "";
  display: block;
  font-size: 1.25rem;
  line-height: 1;
  color: white;
  background: url(../img/arrow-right-dark.svg) no-repeat center;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.slick-prev {
  left: 4.3rem;
}
.slick-prev:before {
  transform: rotate(180deg);
}

.slick-next {
  right: 4.3rem;
}
/* Dots - original slick styles */
/* ================================================================
Custom global dot styles
=================================================================== */
.slick-dotted.slick-slider {
  margin: 1.875rem 0;
}

.slick-dots {
  margin: 1.875rem 0;
}
.slick-dots li {
  margin: 0 7px;
  padding: 0;
  list-style-type: none;
  display: inline-block;
  height: 18px;
}
.slick-dots li button {
  margin: 0;
  padding: 0;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-indent: -5000px;
  background: rgba(255, 255, 255, 0.5);
  transition: transform 200ms;
  vertical-align: top;
  border: 1px solid #31184D;
  cursor: pointer;
  font-size: 0;
}
.slick-dots li button:hover {
  transform: scale(1.2, 1.2);
}
.slick-dots li.slick-active button {
  background-color: #6DFFE6;
  border-color: #31184D;
}

/* ====================================================
A main carousel, with slides of content, maybe buttons
and maybe a bottom bar
======================================================= */
.carousel {
  width: 100%;
  background-color: #45494a;
  text-align: center;
  height: 400px;
  min-height: 400px;
}
.carousel--full {
  height: 100vh;
  height: calc(100vh - 44px);
  min-height: 600px;
}
@media screen and (max-width: 63.9375em) {
  .carousel--full {
    height: calc(100vh - 44px);
  }
}
@media screen and (min-width: 64em) {
  .carousel--full {
    min-height: 600px;
    height: 100vh;
  }
}
.fp-section .carousel--full {
  height: 100vh;
}
.carousel-hint {
  position: absolute;
  bottom: 34px;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  font-size: 1rem;
  z-index: 1;
  cursor: pointer;
}
.carousel-hint img {
  margin-left: auto;
  margin-right: auto;
}
.carousel-hint__scroll {
  height: 13px;
  width: 27px;
  margin-bottom: 2px;
  display: block;
}
.carousel__icon {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 27px;
  height: 13px;
  background: url(../img/icons/down-arrow-white.svg) no-repeat;
  background-size: contain;
  z-index: 10;
  cursor: pointer !important;
}
@media screen and (min-width: 40em) {
  .carousel__icon {
    bottom: 30px;
  }
}
.wrapper--light .carousel__icon {
  background-image: url(../img/icons/down-arrow-dark.svg);
}
.carousel .slick-list,
.carousel .slick-track {
  height: 100%;
}
.carousel__video-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.carousel--full .carousel__video-wrapper .inline-YTPlayer {
  max-width: none !important;
}
.carousel--full .carousel__video-wrapper .inline-YTPlayer .playerBox {
  margin-top: -50px !important;
}
.carousel__video {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 300%;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .carousel--short .carousel__video {
    height: 400%;
    top: -133%;
  }
}
@media (max-aspect-ratio: 16/9) {
  .carousel--tall .carousel__video {
    width: 300%;
    left: -100%;
  }
}
@media screen and (min-width: 64em) {
  .carousel--tall .carousel__video {
    width: 100%;
    left: 0;
    height: 300%;
    top: -100%;
  }
}
.carousel--full .carousel__video {
  padding-bottom: 100vh !important;
}
.carousel--with-bar .carousel__video {
  padding-bottom: 50px;
}
@media screen and (min-width: 64em) {
  .carousel--with-bar .carousel__video {
    padding-bottom: 60px;
  }
}
.carousel .slide {
  color: #fff;
  text-align: center;
  position: relative;
  width: 100%;
  height: 100%;
  outline: none;
  z-index: 1 !important;
}
.carousel .slide-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.carousel .slide-tint {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background: #000;
  opacity: 0;
  z-index: 1;
}
.carousel .slide-content {
  padding: 0;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) and (orientation: landscape) {
  .carousel .slide-content {
    margin-top: 1.875rem;
  }
}
.carousel .slide-content--dark-text h1, .carousel .slide-content--dark-text h2, .carousel .slide-content--dark-text p {
  color: #000;
}
@media screen and (min-width: 87.5em) and (min-height:801px) {
  .carousel .slide-content__title-wrapper {
    transform: scale(1.2);
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 64em) {
  html[lang=tr] .carousel .slide-content__title-wrapper, html[lang=de] .carousel .slide-content__title-wrapper, html[lang=fr] .carousel .slide-content__title-wrapper, html[lang=it] .carousel .slide-content__title-wrapper {
    width: 80% !important;
  }
}
.carousel .slide-content__title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: normal;
  margin: 0;
  line-height: 0.9;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 40em) {
  .carousel .slide-content__title {
    font-size: 2.875rem;
  }
}
@media screen and (min-width: 64em) {
  .carousel .slide-content__title {
    font-size: 3rem;
  }
}
.carousel .slide-content__subtitle {
  font-size: 0.8125rem;
  line-height: 1.2;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
@media screen and (min-width: 40em) {
  .carousel .slide-content__subtitle {
    font-size: 1.125rem;
    margin-top: 1rem;
  }
}
.carousel .slide-content__content-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.carousel .slide-content__buttons {
  margin-top: 1.75rem;
}
@media screen and (min-width: 40em) {
  .carousel .slide-content__buttons {
    margin-top: 30px;
  }
}
.carousel .slide-content .button {
  min-width: auto;
}
@media screen and (min-width: 40em) {
  .carousel .slide-content .button {
    margin-right: 0.5rem;
  }
}
.carousel .slide-content .button:first-child {
  margin-left: 0;
}
.carousel .slide-content .button:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.carousel .slick-next {
  right: 4.3rem;
}
.carousel .slick-prev {
  left: 4.3rem;
}

/* ====================================================
A version with light bg & dark text - don't use yet
======================================================= */
/* ====================================================
Dots
======================================================= */
.carousel .slick-dots {
  margin: 0;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 39.9375em) {
  .carousel .slick-dots {
    bottom: 20px;
  }
}
@media screen and (max-width: 39.9375em) and (orientation: landscape) {
  .carousel .slick-dots {
    bottom: 20px;
    left: auto;
    transform: none;
  }
}
@media screen and (min-width: 40em) {
  .carousel .slick-dots {
    bottom: 20px;
  }
}
.carousel .slick-dots li button {
  font-size: 0;
  background: rgba(255, 255, 255, 0.5);
}
.carousel .slick-dots li.slick-active button {
  background: #fff;
}
.carousel--dots-right .slick-dots {
  right: 25px;
  left: auto;
  transform: none;
}
.carousel--dots-left .slick-dots {
  left: 25px;
  right: auto;
  transform: none;
}
.carousel--dots-left li:first-child {
  margin-left: 0;
}
.carousel--small .slick-dots, .carousel--tall .slick-dots {
  bottom: 20px !important;
}

/* ============================================================
Wrapper around carousel to add other things, like share button
Optionally make carousel "fixed", remember to remove __height
=============================================================== */
.carousel-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}
.carousel-wrapper--fixed {
  position: fixed;
  top: 44px;
}
@media screen and (min-width: 40em) {
  .carousel-wrapper--fixed {
    top: 0;
  }
}
.carousel-wrapper__height {
  height: 400px;
  height: 100vh;
  height: calc(100vh - 44px);
}
@media screen and (min-width: 40em) {
  .carousel-wrapper__height {
    height: 100vh;
  }
}

/* ============================================================
Share button in the carousel
=============================================================== */
.video-modal {
  width: 100% !important;
  max-width: none !important;
  top: 0 !important;
  bottom: 0 !important;
  position: absolute;
  padding: 30px 0;
  border: 0 none;
  overflow: hidden;
  background-color: transparent;
}
@media screen and (min-width: 40em) {
  .video-modal {
    padding: 50px 30px;
  }
}
@media screen and (min-width: 64em) {
  .video-modal {
    padding: 50px 60px;
  }
}
.video-modal iframe {
  width: 100%;
  height: 100%;
  display: none;
}
.video-modal[aria-hidden=false] iframe {
  display: block;
}
.video-modal .close-button {
  color: white !important;
}

.policy-text {
  font-size: 0.8125rem;
  text-align: left;
}
@media screen and (min-width: 40em) {
  .policy-text {
    font-size: 1rem;
  }
}
.policy-text h1, .policy-text h2, .policy-text h3 {
  font-size: 1.0625rem;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
}
@media screen and (min-width: 40em) {
  .policy-text h1, .policy-text h2, .policy-text h3 {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
}
.policy-text p {
  font-size: inherit;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 40em) {
  .policy-text p {
    margin-bottom: 1.7rem;
  }
}
.policy-text p:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 40em) {
  .policy-text__wrapper.wrapper {
    padding-top: 55px !important;
    padding-bottom: 75px !important;
  }
}

.signup {
  text-align: center;
}
@media screen and (min-width: 40em) {
  .signup__wrapper.wrapper {
    padding-top: 50px;
  }
}
@media screen and (min-width: 64em) {
  .signup__wrapper.wrapper {
    padding-top: 120px;
  }
}
.signup__abstract p {
  margin-bottom: 1rem;
  font-size: 1rem;
}
@media screen and (min-width: 40em) {
  .signup__abstract p {
    margin-bottom: 1.25rem;
    font-size: 1.125rem;
  }
}
.signup__title {
  display: block;
  margin-bottom: 0.5rem;
  line-height: 1;
  color: #321450;
  font-size: 1.75rem;
}
@media screen and (min-width: 40em) {
  .signup__title {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 3.75rem;
  }
}
.signup__logo {
  display: block;
  width: 150px;
  height: auto;
  margin: 0 auto 0.5rem;
}
@media screen and (min-width: 40em) {
  .signup__logo {
    display: inline-block;
    width: 316px;
    margin: -0.25em 0 0.2em;
  }
  html[lang=tr] .signup__logo, html[lang=pl] .signup__logo {
    margin: -0.4em 0 0.1em;
  }
  .bc--safari .signup__logo {
    margin: -0.11em 0 0.1em !important;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .signup__title-wrapper {
    transform: scale(0.8);
  }
}
@media screen and (min-width: 64em) {
  .signup__title-wrapper {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .signup__form {
    margin-bottom: 2rem;
  }
}
.signup__input, .mailchimp__input {
  border: 1px solid #a1a2a1;
  border-radius: 0;
  background: white;
}
.signup__input:hover, .mailchimp__input:hover, .signup__input:active, .mailchimp__input:active, .signup__input:focus, .mailchimp__input:focus {
  border: 1px solid #a1a2a1;
}
.signup__input-label, .mailchimp__label {
  color: #6b6b6b;
  font-size: 1rem;
  line-height: 1.25;
}
@media screen and (min-width: 40em) {
  .signup__input-label, .mailchimp__label {
    font-size: 1.125rem;
  }
}
.signup__checkbox {
  text-align: left;
  color: #6b6b6b;
  margin: 0 0 1rem;
  clear: both;
}
.signup__checkbox input {
  float: left;
  font-size: 1rem;
}
.signup__checkbox-label {
  margin: 0 0 0 2.2rem !important;
  display: block !important;
  line-height: 1.3;
  font-size: 0.75rem;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
}
@media screen and (min-width: 40em) {
  .signup__checkbox-label {
    font-size: 0.875rem;
  }
}
.signup__error {
  color: #d8040f !important;
  text-align: left;
  margin-top: -1rem;
}
.signup .button {
  margin-top: 0.5rem;
}

/* ====================================================
Animated Google material design inputs.
Not using BEM just because to keep the fields free of
too many classes - although slightly slower to find.
- Input should have no placeholder
- Label should be after input
- Wrap input & label with .animated-input
======================================================= */
.animated-input {
  position: relative;
}
.animated-input input,
.animated-input select {
  padding-top: 18px;
  padding-bottom: 7px;
}
.animated-input textarea {
  line-height: 1.6;
}
.animated-input input:focus ~ label, .animated-input input.has-value ~ label,
.animated-input textarea:focus ~ label,
.animated-input textarea.has-value ~ label,
.animated-input select:focus ~ label,
.animated-input select.has-value ~ label {
  top: 5px;
  font-size: 0.75rem;
}
.animated-input label {
  position: absolute;
  left: 1rem;
  top: 17px;
  transition: all 200ms;
  display: block;
  font-size: 1rem;
  pointer-events: none;
  line-height: 1.2;
}

/* ================================================================================
Nav that slides in from the right, with accordion expanding submenus
Used on mobile
=================================================================================== */
.offcanvas-nav {
  height: 100vh;
  background: black;
  transform: translateX(155%);
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  transition: transform 350ms;
  z-index: 900;
  will-change: transform;
}
@media screen and (min-width: 40em) {
  .offcanvas-nav {
    display: none;
  }
}
@media screen and (min-width: 125em) {
  .offcanvas-nav {
    width: 50vw;
  }
}
.offcanvas-nav--active {
  transform: none;
}
.offcanvas-nav__triangle {
  position: absolute;
  top: 0;
  left: -50vw;
  right: 100%;
  bottom: 0;
  border-top: 100vh solid transparent;
  border-right: 50vw solid black;
}
.offcanvas-nav__button.button {
  margin: 0;
  width: 100%;
  max-width: 70%;
}
.offcanvas-nav__menu-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
}
.offcanvas-nav__menu {
  text-align: center;
  margin: 1rem auto 1.5rem;
  max-width: 70%;
  width: 100%;
}
.offcanvas-nav .menu {
  padding: 0;
  margin: 0;
}
.offcanvas-nav .menu > li {
  text-align: center;
  vertical-align: top;
  display: block;
}
@media screen and (min-height:801px) {
  .offcanvas-nav .menu > li {
    margin-bottom: 0.5rem;
  }
}
.offcanvas-nav .menu > li:last-child > a {
  border: 0;
}
.offcanvas-nav .menu > li > a {
  border-bottom: 1px solid #333333;
  color: rgba(255, 255, 255, 0.6);
  display: block;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.6;
  padding: 10px 0;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 200ms;
}
.offcanvas-nav .menu > li > a:visited {
  color: rgba(255, 255, 255, 0.6);
}
.offcanvas-nav .menu > li > a:hover, .offcanvas-nav .menu > li > a:active, .offcanvas-nav .menu > li > a:focus {
  color: white;
  outline: none;
  cursor: pointer;
}
.offcanvas-nav .menu .active > a {
  background: none;
  color: white !important;
}
.offcanvas-nav .menu > li.is-active > a {
  color: white;
}
.offcanvas-nav .menu > li.is-active > a:after {
  transform: rotate(90deg);
}

.search-box {
  display: none;
  background: rgba(25, 10, 40, 0.95);
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
@media screen and (min-width: 64em) {
  .search-box {
    top: 0;
  }
}
.search-box > .row {
  height: 100%;
}
.search-box__content-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}
.search-box__content {
  color: #fff;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 64em) {
  .search-box__content:after {
    content: "";
    display: block;
    border-bottom: 2px solid rgba(244, 244, 244, 0.2);
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 65px);
  }
}
.search-box__submit-sm {
  margin: 1.5rem auto 0;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.search-box__submit-sm span:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/icons/magnifying-glass-white.svg) no-repeat center;
  background-size: contain;
  vertical-align: middle;
  margin: -2px 10px 0 0;
}
.search-box__submit-lg {
  position: absolute;
  bottom: 0;
  right: 0;
  background: transparent;
  border: 0;
  font-size: 1rem;
  width: 60px;
  height: 60px;
  cursor: pointer;
}
.search-box__submit-lg:after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  background: url(../img/icons/magnifying-glass-orange.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.search-box__input {
  margin: 0;
  border: 0;
  border-bottom: 2px solid transparent;
  padding: 0;
  text-align: center;
  font-size: 1.3125rem;
  background: transparent !important;
  height: 30px;
  color: white;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 63.9375em) {
  .search-box__input {
    border-bottom: 2px solid rgba(244, 244, 244, 0.2);
  }
}
@media screen and (min-width: 64em) {
  .search-box__input {
    padding-right: 60px;
    text-align: left;
    height: 60px;
    font-size: 2rem;
    font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  }
}
@media screen and (min-width: 87.5em) {
  .search-box__input {
    font-size: 3rem;
  }
}
.search-box__input:focus {
  border: 0;
  border-bottom: 2px solid rgba(244, 244, 244, 0.2) !important;
  background: transparent;
}
.search-box__input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.search-box__input:-moz-placeholder { /* Firefox 18- */
  color: rgba(255, 255, 255, 0.75);
}
.search-box__input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.75);
}
.search-box__input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.search-box__input-wrapper {
  position: relative;
}
@media screen and (max-width: 63.9375em) {
  .search-box__input-wrapper {
    text-align: center;
  }
}
.search-box__close-btn {
  display: inline-block;
  position: absolute;
  top: 10%;
  left: 50%;
  text-align: center;
  background-size: contain;
  transition: opacity 200ms;
  border: 0;
  z-index: 1;
  cursor: pointer;
  outline: 0;
  transform: translateX(-50%);
  color: white;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  line-height: 1;
  padding: 42px 0.5rem 0.5rem;
}
@media screen and (min-width: 64em) {
  .search-box__close-btn {
    font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
    top: 18%;
  }
}
.search-box__close-btn:active, .search-box__close-btn:hover {
  opacity: 0.8;
}
.search-box__close-btn:after {
  content: "";
  display: block;
  background: url(../img/icons/cross-white.svg) no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  position: absolute;
  left: calc(50% - 11px);
  top: 10px;
}

/* ====================================================
The language switcher button
======================================================= */
.int-btn {
  cursor: pointer;
  display: inline-block;
  color: rgba(255, 255, 255, 0.6);
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  font-size: 0.875rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: color 200ms;
  position: relative;
  margin: 0 5px 0 0;
  transform: translateY(-2px);
}
@media screen and (min-width: 90.625em) {
  .int-btn {
    margin-right: 14px;
  }
}
.int-btn:visited {
  color: rgba(255, 255, 255, 0.6);
}
.int-btn:hover, .int-btn:active, .int-btn:focus {
  color: white;
  outline: none;
  cursor: pointer;
}
.int-btn__icon {
  width: 35px;
  height: auto;
  display: inline-block;
  margin-right: 17px;
  vertical-align: middle;
}
.int-btn__aro {
  position: absolute;
  top: calc(50% - 5px);
  right: 0;
  width: 12px;
  height: 9px;
  background: url(../img/icons/arrow-down-orange.svg) no-repeat center;
  background-size: contain;
  opacity: 1;
  transition: opacity 200ms;
}
.int-btn__label {
  padding-right: 25px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 64em) {
  .int-btn__label {
    display: none;
  }
}

.lang-selector-modal {
  max-width: 330px;
  text-align: left;
  height: auto;
  outline: none;
  background: #321450;
  background-size: cover;
  overflow: hidden;
  position: relative;
  border: 1px solid #641EAA;
}
@media screen and (max-width: 39.9375em) {
  .lang-selector-modal {
    margin: 1rem auto;
    width: calc(100% - 2rem);
    min-height: 0;
    padding: 25px 5px 40px;
  }
}
@media screen and (min-width: 40em) {
  .lang-selector-modal {
    max-width: 868px !important;
    padding: 65px 1.5rem 60px;
  }
}
@media screen and (min-width: 64em) {
  .lang-selector-modal {
    padding-left: 130px;
    padding-right: 130px;
  }
}
.lang-selector-modal .row {
  position: relative;
}
.lang-selector-modal__bg {
  pointer-events: none;
}
.lang-selector-modal__title {
  text-align: center;
  font-size: 1.625rem;
  margin-bottom: 1rem;
  color: white;
}
.lang-selector-modal__title span {
  color: #00DDE3;
}
@media screen and (min-width: 40em) {
  .lang-selector-modal__title {
    font-size: 2.875rem;
    margin-bottom: 2.25rem;
  }
}
.lang-selector-modal__flags {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 25px 25px;
}
@media screen and (min-width: 64em) {
  .lang-selector-modal__flags {
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px 25px;
  }
}
.lang-selector-modal .close-button {
  color: white;
  z-index: 10;
}

.lang-select {
  margin: 0;
  transition: opacity 200ms;
  text-decoration: none;
  text-align: left;
  display: flex;
  align-items: center;
  flex-direction: row;
  -webkit-hyphens: none;
          hyphens: none;
  line-height: 1.15;
  padding: 0;
}
.lang-select--pt-pt, .lang-select--pl, .lang-select--el, .lang-select--zh-hans, .lang-select--zh-hant, .lang-select--nl, .lang-select--da, .lang-select--ru, .lang-select--no, .lang-select--nb, .lang-select--th, .lang-select--en-us, .lang-select--en-au, .lang-select--sv {
  display: none;
}
.lang-select .flag__image {
  margin-right: 10px;
  flex: 0 0 auto;
}
@media screen and (min-width: 40em) {
  .lang-select .flag__image {
    margin-right: 15px;
  }
}
.lang-select .flag__image img {
  width: 35px;
  height: auto;
}
@media screen and (min-width: 40em) {
  .lang-select .flag__image img {
    width: 55px;
  }
}
.lang-select .flag__body {
  color: white;
  font-size: 1rem;
}
@media screen and (min-width: 64em) {
  .lang-select .flag__body {
    font-size: 1.125rem;
  }
}
.news__date {
  display: inline-block;
  text-align: left;
  margin: 0;
  line-height: 1;
}
.news__date:after {
  content: "|";
  margin-left: 7px;
  margin-right: 2px;
}
@media screen and (min-width: 40em) {
  .news__date:after {
    margin-left: 12px;
    margin-right: 6px;
  }
}
.news__date:last-child:after {
  display: none;
}
.news__meta {
  text-align: left;
  margin-bottom: 0.25rem;
  position: relative;
  color: #747474;
}
@media screen and (min-width: 40em) {
  .news__meta {
    margin-bottom: 0.75rem;
  }
}
.news__meta-wrapper {
  position: relative;
}
.news__read-time {
  display: inline;
  text-align: left;
  margin: 0;
  line-height: 1;
}
.news__title {
  font-size: 1.125rem;
  text-align: left;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 40em) {
  .news__title {
    font-size: 2.25rem;
    margin-bottom: 1.5rem;
  }
}
.news__copy {
  text-align: left;
}
.news__copy iframe {
  min-height: 315px;
}
@media screen and (min-width: 40em) {
  .news__copy iframe {
    min-height: 400px;
  }
}
@media screen and (min-width: 64em) {
  .news__copy iframe {
    min-height: 500px;
  }
}
.news__copy img {
  width: 100%;
}
.news__copy a.html5lightbox {
  display: inline-block;
  position: relative;
}
.news__copy a.html5lightbox img {
  margin: 0;
}
.news__copy button.news__button {
  background-color: #6DFFE6 !important;
  border-color: #6DFFE6 !important;
  color: #321450 !important;
}
.news__copy button.news__button:hover, .news__copy button.news__button:active {
  color: #321450 !important;
  border-color: #00edc4 !important;
  background: #00edc4 !important;
}
.news__copy-button {
  margin-top: 1.25rem !important;
}
.news__share {
  position: absolute;
  top: -1px;
  right: 0;
}
.news__wrapper {
  padding: 15px 0 40px;
  background: white;
  color: #000;
}
@media screen and (min-width: 40em) {
  .news__wrapper {
    padding: 30px 0 80px;
  }
}
.news__tags {
  margin-top: 1.25rem;
  text-align: left;
}
.news__buttons {
  margin: 1rem 0 -25px;
}
.news__button:last-child {
  margin-right: 0;
}

.lightbox-icon {
  background: rgba(0, 0, 0, 0.7);
  font-size: 1.25rem;
  color: white;
  padding: 8px 10px 7px;
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  line-height: 0.9;
  transition: background 200ms;
}
.lightbox-icon:before {
  content: "";
  display: inline-block;
  margin-top: -2px;
  margin-right: 10px;
  background: url(../img/icons/camera-white.svg) no-repeat center;
  background-size: contain;
  width: 24px;
  height: 21px;
  vertical-align: bottom;
}

.has-image-lightbox a.html5lightbox {
  display: inline-block;
  position: relative;
}
.has-image-lightbox a.html5lightbox img {
  margin: 0;
}

.views-infinite-scroll-content-separator {
  display: none;
}

#views-exposed-form-blog-listing-block-1,
#views-exposed-form-blog-listing-2023-block-1 {
  display: none;
}

#views-exposed-form-the-byline-listing-block-1 {
  display: none;
}

.news-list {
  text-align: left;
}
@media screen and (min-width: 40em) {
  .news-list > .row {
    display: flex;
  }
}
.news-list__wrapper {
  padding: 15px 0 20px;
}
@media screen and (min-width: 40em) {
  .news-list__wrapper {
    padding: 30px 0 60px;
  }
}
.news-list__breadcrumbs {
  text-align: left;
  margin-bottom: 1rem;
}
@media screen and (max-width: 39.9375em) {
  .news-list__tags-col {
    padding: 0;
  }
}
.news-list__tags {
  margin-bottom: 15px;
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 39.9375em) {
  .news-list__tags {
    overflow-x: auto;
  }
}
@media screen and (min-width: 40em) {
  .news-list__tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.news-list__tag {
  background: #F0F0F0;
  font-size: 1rem;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  color: #190A28;
  text-transform: uppercase;
  line-height: 1.25;
  padding: 15px;
  border-radius: 4px;
  text-decoration: none;
  transition: color 0s, background-color 200ms !important;
  text-align: center;
  margin: 0;
  white-space: nowrap;
}
.news-list__tag:hover, .news-list__tag:active {
  color: white;
  background: linear-gradient(90deg, #FFA528 0%, #FF501E 100%);
}
.news-list__tag.is-active {
  color: white;
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
}
@media screen and (max-width: 39.9375em) {
  .news-list__tag:first-child {
    margin-left: 15px;
  }
}
@media screen and (max-width: 39.9375em) {
  .news-list__tag:last-child {
    margin-right: 15px;
  }
}
.news-list__container {
  font-size: 0;
}
@media screen and (max-width: 39.9375em) {
  .news-list__container {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .news-list .news-box:nth-child(1), .news-list .news-box:nth-child(9n) {
    flex-direction: column;
    align-items: initial;
  }
  .news-list .news-box:nth-child(1) .news-box__image-wrapper, .news-list .news-box:nth-child(9n) .news-box__image-wrapper {
    width: 100%;
    height: auto;
    order: 0;
  }
  .news-list .news-box:nth-child(1) .news-box__image-sm, .news-list .news-box:nth-child(9n) .news-box__image-sm {
    display: none;
  }
  .news-list .news-box:nth-child(1) .news-box__image-lg, .news-list .news-box:nth-child(9n) .news-box__image-lg {
    display: block;
  }
  .news-list .news-box:nth-child(1) .news-box__title, .news-list .news-box:nth-child(9n) .news-box__title {
    font-size: 1.3125rem;
  }
}
@media screen and (min-width: 40em) {
  .news-list .news-box:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .news-list .news-box:nth-child(1) .news-box__abstract {
    display: block;
  }
  .news-list .news-box:nth-child(1) .news-box__gradient {
    display: block;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .news-list .news-box:nth-child(9n) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .news-list .news-box:nth-child(9n) .news-box__abstract {
    display: block;
  }
  .news-list .news-box:nth-child(9n) .news-box__gradient {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .news-list .news-box {
    display: inline-block;
    width: 100%;
  }
  .news-list .news-box:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-end: 3;
    grid-row-start: 1;
  }
  .news-list .news-box:nth-child(1) .news-box__abstract {
    display: block;
  }
  .news-list .news-box:nth-child(1) .news-box__gradient {
    display: block;
  }
  .news-list .news-box:nth-child(2) {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 3;
    grid-column-end: 4;
  }
  .news-list .news-box:nth-child(3) {
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 4;
    margin-bottom: 30px;
  }
  .news-list .news-box:nth-child(3):after {
    content: "";
    display: block;
    grid-column-start: 1;
    grid-column-end: 4;
    margin: 10px 0;
    width: 100%;
  }
  .news-list .news-box:nth-child(11) {
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    padding: 50px 0;
    width: 100%;
    margin: 0 0 25px;
    display: flex;
    gap: 28px;
    flex-direction: row;
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .news-list .news-box:nth-child(11) .news-box__title {
    font-size: 2rem;
    margin-top: 0;
  }
  .news-list .news-box:nth-child(11) .news-box__image-wrapper {
    width: 50%;
  }
  .news-list .news-box:nth-child(11) .news-box__content {
    width: 50%;
    max-height: 310px;
  }
  .news-list .news-box:nth-child(11) .news-box__abstract {
    display: block;
  }
  .news-list .news-box:nth-child(11) .news-box__gradient {
    display: block;
  }
}
.news-list .pager {
  margin-bottom: 0;
}
.news-list .pager__item {
  margin-top: 10px;
}
@media screen and (min-width: 64em) {
  .news-list .pager__item {
    margin-top: 20px;
  }
}
.news-list .views-infinite-scroll-content-wrapper {
  display: flex;
  gap: 11px;
  flex-wrap: wrap;
}
@media screen and (min-width: 40em) {
  .news-list .views-infinite-scroll-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 64em) {
  .news-list .views-infinite-scroll-content-wrapper {
    gap: 28px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.news-list .views-infinite-scroll-content-separator {
  display: block;
  grid-column: 1/-1;
  height: 1px;
  background-color: #F0F0F0;
}

.news-banner {
  min-height: 161px;
  background: #452C60;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .news-banner {
    min-height: 337px;
  }
}
.news-banner__wrapper {
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .news-banner__wrapper {
    padding-top: 120px !important;
    padding-bottom: 30px;
  }
}
.news-banner__bg {
  position: absolute;
  height: 540px;
  width: 100%;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .news-banner__bg {
    height: 640px;
  }
}
.news-banner__content-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
}
.news-banner__title {
  color: white;
  text-align: left;
  margin: 0;
  position: relative;
  z-index: 2;
  max-width: 82vw;
  font-size: 2rem;
}
.news-banner__title i, .news-banner__title strong {
  color: #FF501E !important;
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
}
@media screen and (min-width: 64em) {
  .news-banner__title {
    font-size: 3.25rem;
  }
}
.news-banner__abstract {
  text-align: left;
  max-width: 714px;
  color: white;
  margin: 0.75rem 0 0;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .news-banner__abstract {
    font-size: 1.3125rem;
  }
}

.news-list-banner__left-bit {
  position: absolute;
  z-index: 1;
  transform: translateX(-100%);
  width: 76px;
  height: 92px;
  bottom: -50px;
  left: 260px;
}
@media screen and (max-width: 124.9375em) {
  .news-list-banner__left-bit {
    display: none;
  }
}
.news-list-banner__frills-left {
  position: absolute;
  z-index: 1;
  transform: translateX(-100%);
  width: 356px;
  height: 753px;
  bottom: -470px;
  left: 5vw;
}
@media screen and (min-width: 125em) {
  .news-list-banner__frills-left {
    left: 185px;
  }
}
.news-list-banner__frills-right {
  position: absolute;
  background-size: contain;
  z-index: 1;
  background: url(../img/components/news-list/frills-right-sm.svg) no-repeat;
  transform: translateX(100%);
  width: 76px;
  height: 98px;
  bottom: -27px;
  right: 71px;
}
@media screen and (min-width: 40em) {
  .news-list-banner__frills-right {
    background: none;
    bottom: -163px;
    right: 17vw;
    width: 486px;
    height: 1005px;
  }
}
@media screen and (min-width: 102.5em) {
  .news-list-banner__frills-right {
    right: 327px;
  }
}

.snippet {
  margin-bottom: 1rem;
}
@media screen and (min-width: 40em) {
  .snippet {
    margin-bottom: 1.75rem;
  }
}
.snippet:last-child {
  margin-bottom: 0;
}
.snippet__title {
  font-size: 0.8125rem;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  text-transform: none;
  line-height: 1.4;
  margin-bottom: 0;
  color: #000;
  text-decoration: none;
}
@media screen and (min-width: 40em) {
  .snippet__title {
    font-size: 1rem;
  }
}
.snippet__title:hover, .snippet__title:active {
  color: #31184D;
}
.snippet__meta {
  font-size: 1rem;
  color: #9b9b9b !important;
}
@media screen and (min-width: 40em) {
  .snippet__meta {
    font-size: 1rem;
  }
}

.tag {
  display: inline-block;
  text-decoration: none;
  margin: 0 4px 0 0;
  font-size: inherit;
  transition: opacity 200ms, border-color 200ms;
  line-height: 1;
  position: relative;
  z-index: 2;
}
.tag:after {
  content: "|";
  margin-left: 8px;
  color: #7F7F7F;
}
.tag:last-child {
  margin-right: 0;
  border: 0;
}
.tag:last-child:after {
  display: none;
}

a.tag {
  cursor: pointer;
}
a.tag:hover, a.tag:active, a.tag:focus {
  opacity: 0.6;
}

.fm-tabs {
  margin: 0;
}
.fm-tabs li {
  list-style-type: none;
  display: inline;
}

.fm-tab {
  font-size: inherit;
  display: inline-block;
  margin: 0 1rem;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color 200ms, opacity 200ms;
  color: rgba(255, 255, 255, 0.75);
}
.fm-tab:hover, .fm-tab:active, .fm-tab:focus {
  border-bottom: 1px solid #fff;
  color: white;
  border-color: transparent;
}
li + li .fm-tab {
  margin-left: -0.25rem;
}
.fm-tab.is-active {
  color: white;
  border-color: #FF00A5;
}
.content-video {
  padding: 0 0 56.25%;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 1rem;
  background-size: cover;
}
@media screen and (min-width: 40em) {
  .content-video {
    margin-bottom: 1.5rem;
  }
}
.content-video__overlay {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-video__play.button--white {
  background-color: white !important;
  border-color: white !important;
}
.content-video__play.button--white:hover, .content-video__play.button--white:active {
  background-color: #FFFD5E !important;
  border-color: #FFFD5E !important;
}
.content-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  margin: 0;
  min-width: 0;
  min-height: 0;
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  width: 100%;
}

.features-item {
  text-align: left;
  position: relative;
  color: #000;
  margin: 0 0 1.5rem;
}
@media screen and (min-width: 40em) {
  .features-item {
    margin-bottom: 2.5rem;
  }
}
@media print {
  .features-item {
    border: 1px solid grey;
  }
}
.features-item:first-child {
  display: none;
}
@media screen and (min-width: 40em) {
  .features-item:nth-child(2n+2) {
    clear: both;
  }
}
.features-item__title {
  font-size: 1.25rem;
  color: #321450;
}
@media screen and (min-width: 40em) {
  .features-item__title {
    font-size: 1.625rem;
  }
}
.features-item__title a {
  transition: color 200ms;
}
.features-item__title a:hover,
.features-item__title a:active {
  color: rgba(50, 20, 80, 0.75);
}
.features-item__abstract {
  color: inherit;
  margin: 0;
  font-size: 1rem;
}
.features-item__content {
  transition: opacity 200ms;
  border-bottom: 1px solid #ccc;
  padding-bottom: 1.75rem;
}
@media screen and (min-width: 40em) {
  .features-item__content {
    padding-bottom: 2rem;
  }
}
.features-item__image-wrapper {
  display: block;
  overflow: hidden;
  margin-bottom: 1.2rem;
}
@media screen and (min-width: 40em) {
  .features-item__image-wrapper {
    margin-bottom: 1.75rem;
  }
}
.features-item__image {
  transition: filter 200ms, transform 200ms;
}
.features-item__image:hover, .features-item__image:active {
  transform: scale(1.02);
}

.feature__title {
  padding-top: 1.5rem;
}
@media screen and (min-width: 40em) {
  .feature__title {
    padding-top: 2.25rem;
  }
}

.signup-hero {
  text-align: center;
}
.signup-hero__title {
  display: inline-block;
  margin: 0 auto 0.5rem;
  line-height: 1;
  text-align: center;
  color: white;
  font-size: 1.75rem;
  position: relative;
  max-width: 75%;
}
@media screen and (min-width: 64em) {
  .signup-hero__title {
    margin-bottom: 0.5rem;
    font-size: 4.25rem;
    max-width: initial;
  }
}
.signup-hero__title .purple-slant-bg {
  top: -10px;
  bottom: -10px;
  left: -20px;
  right: -20px;
}
@media screen and (min-width: 64em) {
  .signup-hero__title .purple-slant-bg {
    top: -20px;
    bottom: -20px;
    left: -30px;
    right: -40px;
  }
}
.signup-hero__subtitle {
  margin: 0;
  position: relative;
  font-size: 1.125rem;
  line-height: 1.3;
  display: inline-block;
}
@media screen and (min-width: 64em) {
  .signup-hero__subtitle {
    font-size: 1.5625rem;
  }
}
.signup-hero__subtitle .purple-slant-bg {
  top: -10px;
  bottom: -10px;
  left: -20px;
  right: -20px;
}
@media screen and (min-width: 64em) {
  .signup-hero__subtitle .purple-slant-bg {
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -30px;
  }
}
.signup-hero__logo {
  display: block;
  width: 211px;
  height: auto;
  margin: 0 auto 1rem;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .signup-hero__logo {
    width: 380px;
    margin: 0 auto 1.5rem;
  }
}
.signup-hero__form-wrapper .wrapper {
  padding-top: 2.5rem;
}
@media screen and (min-width: 40em) {
  .signup-hero__form-wrapper .wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.signup-hero__form-wrapper .signup__title, .signup-hero__form-wrapper .signup__abstract {
  display: none;
}

.demo-widget {
  background-color: #ffffff;
  margin-top: 1.25rem;
  margin-bottom: 4.6875rem;
}
@media all and (max-width: 900px) {
  .demo-widget {
    background: unset;
  }
}
.demo-widget__container {
  display: flex;
  justify-content: center;
  width: 100%;
}
@media all and (max-width: 900px) {
  .demo-widget__container {
    flex-direction: column;
  }
}
.demo-widget__content-wrap {
  width: 50%;
}
@media all and (max-width: 1100px) {
  .demo-widget__content-wrap {
    width: 60%;
  }
}
@media all and (max-width: 900px) {
  .demo-widget__content-wrap {
    background-color: #fff;
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .demo-widget__content-wrap {
    margin-right: 1rem;
  }
}
.demo-widget__content {
  padding: 25px;
}
@media all and (max-width: 1100px) {
  .demo-widget__content {
    padding-right: 10px;
  }
}
@media all and (max-width: 1240px) {
  .demo-widget__content {
    padding-right: 25px;
  }
}
@media all and (max-width: 1156px) {
  .demo-widget__content {
    padding-right: 25px;
  }
}
@media all and (max-width: 900px) {
  .demo-widget__content {
    padding: 20px;
    width: 100%;
  }
}
.demo-widget__copy {
  font-size: 1rem;
  line-height: 1.125rem;
}
.demo-widget__title {
  color: #321450;
  font-size: 1.625rem;
}
@media screen and (min-width: 64em) {
  .demo-widget__title {
    font-size: 2.375rem;
    margin-bottom: 0.625rem;
  }
}
.demo-widget__image {
  width: 100%;
  position: relative;
  order: -1;
  overflow: hidden;
}
@media screen and (max-width: 63.9375em) {
  .demo-widget__image {
    background-position: center;
  }
}
@media all and (max-width: 56.25rem) {
  .demo-widget__image {
    aspect-ratio: 329/184;
  }
}
@media all and (min-width: 56.25rem) {
  .demo-widget__image {
    width: 50%;
    min-height: 330px;
    order: 0;
  }
}
.demo-widget__button-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media all and (max-width: 900px) {
  .demo-widget__button-wrap {
    flex-direction: column;
  }
}
.demo-widget__button.button-fm23, .user-page__box a.demo-widget__button {
  background: transparent;
  display: flex;
  padding: 0.75rem 1rem !important;
  align-items: center;
  justify-content: flex-start;
  color: #321450 !important;
  border: 2px solid #321450 !important;
  min-height: 3.125rem;
}
@media all and (max-width: 900px) {
  .demo-widget__button.button-fm23, .user-page__box a.demo-widget__button {
    justify-content: center;
  }
}
.demo-widget__button.button-fm23:first-of-type, .user-page__box a.demo-widget__button:first-of-type {
  margin-right: 1rem;
}
@media all and (max-width: 900px) {
  .demo-widget__button.button-fm23:first-of-type, .user-page__box a.demo-widget__button:first-of-type {
    margin-right: 0;
  }
}
.demo-widget__button.button-fm23:nth-of-type(3n), .user-page__box a.demo-widget__button:nth-of-type(3n) {
  margin-top: 1rem;
}
.demo-widget__button.button-fm23:hover, .user-page__box a.demo-widget__button:hover {
  border-color: #7239AF !important;
  background: #f0f0f0;
}
.demo-widget__button.button-fm23 img, .user-page__box a.demo-widget__button img {
  margin: auto 6px auto 0 !important;
}
@media all and (max-width: 1220px) {
  .demo-widget__button.button-fm23, .user-page__box a.demo-widget__button {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .demo-widget__button.button-fm23:nth-of-type(3n), .user-page__box a.demo-widget__button:nth-of-type(3n) {
    margin-top: 5px;
  }
}
.demo-widget__platform-icon-wrap {
  padding-top: 15px;
}
.demo-widget__pc-mac-label {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 34px;
}
@media screen and (min-width: 64em) {
  .demo-widget__pc-mac-label {
    bottom: 20px;
    right: 20px;
    width: 45px;
  }
}

#ccc-icon {
  outline: none !important;
}

.demo-download__top {
  display: block;
  text-align: left;
  position: relative;
  color: white;
  z-index: 1;
  background: #31184D url(../img/components/demo-download/demo-mobile-banner-23.svg) no-repeat center;
  background-size: cover;
  padding-top: 2.5rem;
  padding-bottom: 80px;
  margin-bottom: -80px;
}
@media screen and (min-width: 40em) {
  .demo-download__top {
    background-image: url(../img/components/demo-download/demo-banner-23.svg);
  }
}
@media screen and (min-width: 64em) {
  .demo-download__top {
    display: block;
    margin-bottom: -150px;
    padding-top: 10.375rem;
  }
}
.demo-download__title {
  font-size: 1.5rem;
  color: white;
}
@media screen and (min-width: 40em) {
  .demo-download__title {
    font-size: 2.875rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .demo-download__title {
    font-size: 2rem;
  }
}
.demo-download__abstract {
  font-size: 1rem;
  margin-bottom: 0;
}
@media screen and (min-width: 40em) {
  .demo-download__abstract {
    font-size: 1rem;
  }
}
.demo-download__content-wrapper {
  text-align: left;
  color: white;
  position: relative;
  z-index: 1;
}
.demo-download__content {
  font-size: 1.3125rem;
}
@media screen and (max-width: 39.9375em) {
  .demo-download__content {
    font-size: 1rem;
  }
}
.demo-download__widget {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .demo-download__widget {
    margin-top: 1.25rem;
  }
}
.demo-download__wrapper {
  background: #F0F0F0;
}
.demo-download__left-bit {
  position: absolute;
  bottom: -34px;
  width: 69px;
  height: 93px;
  z-index: 1;
  display: none;
  background: url(../img/components/demo-download/left-bit.svg) no-repeat;
}
@media screen and (min-width: 64em) {
  .demo-download__left-bit {
    left: 6.3vw;
    display: block;
  }
}

.demo-page-plat-icons {
  font-size: 0;
  display: block;
}
.demo-page-plat-icons a {
  margin-right: 0.5rem;
}
.demo-page-plat-icons__icon {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: relative;
  margin: 0 0.4rem;
  background-color: black;
  border-radius: 50%;
}
.demo-page-plat-icons__icon:first-child {
  margin-left: 0;
}
.demo-page-plat-icons__icon:last-child {
  margin-right: 0;
}
.demo-page-plat-icons__icon:last-child:after {
  display: none;
}
.demo-page-plat-icons__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 16px;
  max-height: 16px;
}

@media screen and (min-width: 64em) {
  .bc--safari .demo-download__top {
    margin-bottom: -100px;
  }
}

.mailchimp {
  display: none;
  margin-bottom: 1.3rem;
}
@media screen and (min-width: 40em) {
  .mailchimp {
    margin-bottom: 3rem;
  }
}
.mailchimp--loaded {
  display: block;
}
.mailchimp h2 {
  margin-bottom: 0.875rem;
}
@media screen and (min-width: 40em) {
  .mailchimp h2 {
    margin-bottom: 1.5rem;
  }
}
.mailchimp__label {
  font-size: 1rem;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
}
.mailchimp__input {
  font-size: 1rem;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  margin-bottom: 0.8125rem;
}
@media screen and (min-width: 40em) {
  .mailchimp__input {
    margin-bottom: 1.125rem;
  }
}
.mailchimp__input.mce_inline_error {
  border: 1px solid #d8040f !important;
  margin-bottom: 0;
}
.mailchimp__select {
  border: 1px solid #a1a2a1;
  background-color: white;
}
.mailchimp__select:focus {
  border: 1px solid #a1a2a1;
  background-color: white;
}
.mailchimp__select.mce_inline_error {
  border: 1px solid #d8040f !important;
  margin-bottom: 0;
}
.mailchimp .button {
  margin: 0 auto;
  display: block;
}
.mailchimp #mc_embed_signup .indicates-required {
  display: none;
}
.mailchimp #mc_embed_signup div.mce_inline_error {
  background: none;
  padding: 0;
  margin: 5px 0 13px;
  color: #d8040f;
  font-weight: normal;
}
@media screen and (min-width: 40em) {
  .mailchimp #mc_embed_signup div.mce_inline_error {
    margin-bottom: 18px;
  }
}
.mailchimp #mc_embed_signup #mce-error-response {
  margin-bottom: 13px;
  color: #d8040f;
}
@media screen and (min-width: 40em) {
  .mailchimp #mc_embed_signup #mce-error-response {
    margin-bottom: 18px;
  }
}
.mailchimp #mc_embed_signup #mce-success-response {
  margin-bottom: 13px;
  font-weight: bold;
}
@media screen and (min-width: 40em) {
  .mailchimp #mc_embed_signup #mce-success-response {
    margin-bottom: 18px;
  }
}

.watermark {
  position: relative;
  display: inline-block;
  line-height: 0;
}
.watermark:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom right;
}
@media screen and (max-width: 39.9375em) {
  .watermark:after {
    transform: scale(0.7);
    transform-origin: bottom right;
  }
}
.watermark--wip:after {
  background-image: url(../img/watermarks/wip.png);
  width: 230px;
  height: 130px;
}

.survey-hero__title {
  display: inline-block;
  margin: 0 auto 0.5rem;
  line-height: 1;
  text-align: center;
  color: white;
  font-size: 1.75rem;
  position: relative;
  max-width: 75%;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 64em) {
  .survey-hero__title {
    margin-bottom: 0.5rem;
    font-size: 3.75rem;
    max-width: initial;
  }
}
.survey-hero__title .purple-slant-bg {
  top: -10px;
  bottom: -10px;
  left: -20px;
  right: -20px;
}
@media screen and (min-width: 64em) {
  .survey-hero__title .purple-slant-bg {
    top: -20px;
    bottom: -20px;
    left: -30px;
    right: -40px;
  }
}
.survey-hero__subtitle {
  margin: 0;
  position: relative;
  font-size: 1.125rem;
  line-height: 1.3;
  display: inline-block;
}
@media screen and (min-width: 64em) {
  .survey-hero__subtitle {
    font-size: 1.125rem;
  }
}
.survey-hero__subtitle .purple-slant-bg {
  top: -10px;
  bottom: -10px;
  left: -20px;
  right: -20px;
}
@media screen and (min-width: 64em) {
  .survey-hero__subtitle .purple-slant-bg {
    top: -20px;
    bottom: -20px;
    left: -20px;
    right: -30px;
  }
}
.survey-hero__btn-wrapper {
  margin-top: 1.25rem;
}
@media screen and (min-width: 40em) {
  .survey-hero__btn-wrapper {
    margin-top: 2.25rem;
  }
}

.survey-modal {
  max-width: 630px;
  text-align: center;
  height: auto;
  outline: none;
  background: #f5f8fc url(../img/snow-bg.jpg) no-repeat center;
  background-size: cover;
  border: 0 none;
  overflow: hidden;
  position: relative;
  padding: 2.75rem 0 2.5rem;
  color: #000;
}
@media screen and (max-width: 39.9375em) {
  .survey-modal {
    margin: 1rem;
    width: calc(100% - 2rem);
    min-height: 0;
  }
}
@media screen and (min-width: 40em) {
  .survey-modal {
    max-width: 1032px !important;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .survey-modal {
    padding: 4.5rem 7rem 4.75rem;
  }
}
.survey-modal__checkbox {
  text-align: left;
  color: rgba(255, 255, 255, 0.5) !important;
  margin: 0 0 1rem;
  clear: both;
}
.survey-modal__checkbox input {
  float: left;
  font-size: 1rem;
}
.survey-modal__checkbox a {
  color: inherit !important;
}
.survey-modal__checkbox-label {
  margin: 0 0 0 2.2rem !important;
  display: block !important;
  line-height: 1.3;
  font-size: 0.75rem;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
}
@media screen and (min-width: 40em) {
  .survey-modal__checkbox-label {
    font-size: 0.875rem;
  }
}
.survey-modal__input {
  background: transparent;
  border: 1px solid #707070;
  color: #000;
}
.survey-modal__input:focus, .survey-modal__input:hover, .survey-modal__input:active {
  background: transparent;
  border-color: #575757;
}
.survey-modal__input-label {
  color: #000;
}
.survey-modal__error {
  margin-top: 0.5rem;
  clear: both;
}
.survey-modal__title {
  color: #321450;
  font-size: 1.625rem;
  line-height: 1.1;
  margin: 0 1rem 0.75rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .survey-modal__title {
    font-size: 2.875rem;
    margin: 0 0 0.75rem;
  }
}

.lang-detector-modal {
  max-width: 630px;
  text-align: center;
  height: auto;
  outline: none;
  background: #321450;
  border: 1px solid #641EAA;
}
@media screen and (max-width: 39.9375em) {
  .lang-detector-modal {
    margin: 1rem;
    width: calc(100% - 2rem);
    min-height: 0;
  }
}
@media screen and (min-width: 40em) {
  .lang-detector-modal {
    max-width: 822px !important;
    padding: 5rem 1.5rem;
  }
}
.lang-detector-modal .row {
  position: relative;
}
.lang-detector-modal__bg {
  pointer-events: none;
}
.lang-detector-modal__flag {
  width: 60px;
  height: 30px;
  margin-bottom: 25px;
}
.lang-detector-modal__title {
  color: white;
  max-width: 400px;
  margin: 0 auto 20px;
}
.lang-detector-modal__copy {
  color: white;
  max-width: 600px;
  margin: 0 auto 25px;
}
@media screen and (min-width: 40em) {
  .lang-detector-modal__copy {
    font-size: 1.125rem;
  }
}
.lang-detector-modal .close-button {
  color: white !important;
}
.lang-detector-modal .close-button:hover {
  opacity: 0.6;
}

[data-games-modal] {
  cursor: pointer !important;
}

.games-modal {
  max-width: 630px;
  text-align: center;
  height: auto;
  outline: none;
  background: #f5f8fc url(../img/snow-bg.jpg) no-repeat center;
  background-size: cover;
  border: 0 none;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .games-modal {
    margin: 1rem;
    width: calc(100% - 2rem);
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 40em) {
  .games-modal {
    max-width: 1032px !important;
    padding: 4rem 1.5rem 2.5rem;
  }
}
.games-modal__title {
  color: #321450;
  margin: 0 auto 1.5rem;
}
@media screen and (min-width: 64em) {
  .games-modal__title {
    margin-bottom: 2rem;
  }
}
.games-modal__editions-title {
  color: #321450;
  font-size: 1.5rem;
  margin: 15px auto 20px;
}
.games-modal__editions-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.games-modal__game {
  display: block;
  position: relative;
  flex: 0 0 auto;
  padding: 0 1.5rem;
  box-sizing: content-box;
  text-align: center;
  margin-bottom: 18px;
  text-decoration: none !important;
  width: auto;
}
.games-modal__game--standard {
  width: auto;
  display: inline-block;
}
.games-modal__game--standard:after {
  display: none !important;
}
.games-modal__game-image {
  margin-bottom: 8px;
  transition: transform 200ms;
  height: 148px;
}
.games-modal__game:hover .games-modal__game-image {
  transform: scale(1.1);
}
.games-modal__game-title {
  display: flex;
  text-transform: uppercase;
  color: #321450;
  font-size: 1rem;
  line-height: 1.1;
  align-items: center;
  justify-content: center;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  margin: 0.5rem 0.25rem;
}
.games-modal__game-desc {
  max-width: 224px;
  display: block;
  line-height: 1.2;
  font-size: 0.875rem;
  color: #321450;
  margin: -1rem auto 0;
}
.games-modal .close-button {
  color: #321450 !important;
}
.games-modal .close-button:hover {
  opacity: 0.6;
}
.games-modal__frills-left {
  position: absolute;
  background-size: contain;
  z-index: 1;
  background: url(../img/components/game-modal/frills-left.svg) no-repeat;
  transform: translateX(-100%);
  width: 245px;
  height: 759px;
  top: -153px;
  left: 153px;
}
.games-modal__frills-right {
  position: absolute;
  background-size: contain;
  z-index: 1;
  background: url(../img/components/game-modal/frills-right.svg) no-repeat;
  transform: translateX(100%);
  width: 383px;
  height: 776px;
  bottom: -185px;
  right: 297px;
}

.svg-animation svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@media screen and (max-width: 63.9375em) {
  .svg-animation svg {
    display: none;
  }
}
.svg-animation svg .animate-from, .svg-animation svg .animate-to {
  visibility: hidden;
}

html.is-reveal-open body {
  overflow: visible;
}
@media screen and (max-width: 39.9375em) {
  html.is-reveal-open body.bc--ios .video-modal iframe {
    height: calc(100% - 86px);
  }
}

.byline-banner {
  min-height: 209px;
  background: #321450;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .byline-banner {
    min-height: 343px;
  }
}
.byline-banner > .row {
  width: 100%;
}
.byline-banner__wrapper {
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .byline-banner__wrapper {
    padding-top: 120px !important;
    padding-bottom: 30px;
  }
}
.byline-banner__content h2 {
  color: white;
}
.byline-banner__bg {
  position: absolute;
  height: 540.58px;
  width: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .byline-banner__bg {
    height: 640px;
  }
}
.byline-banner__content-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  align-items: center;
}
.byline-banner__abstract {
  text-align: left;
  max-width: 714px;
  color: white;
  margin: 0.75rem 0 0;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .byline-banner__abstract {
    font-size: 1.3125rem;
    margin-top: 1.5rem;
  }
}
.byline-banner__logo {
  width: 160px;
  height: auto;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 64em) {
  .byline-banner__logo {
    width: 290px;
  }
}
.byline-banner__title {
  color: white;
  margin: 0 0 0 1rem;
  font-size: 2.875rem;
}

.asset-list__content-wrapper {
  position: relative;
  z-index: 1;
}
.asset-list__row {
  padding: 0 10px;
}
.asset-list__top {
  text-align: left;
  position: relative;
  color: white;
  z-index: 1;
  padding: 2.5rem 10px 20px;
  overflow: hidden;
}
@media screen and (min-width: 40em) {
  .asset-list__top {
    min-height: 500px;
    padding-bottom: 66px;
    margin-bottom: -66px;
    padding-top: 4rem;
    background: #190A28;
  }
}
@media screen and (min-width: 64em) {
  .asset-list__top {
    padding-top: 9.125rem;
    min-height: 633px;
  }
}
@media screen and (min-width: 40em) {
  .asset-list__top-row {
    display: flex;
    align-items: center;
    padding-bottom: 80px;
  }
}
.asset-list__top-bg {
  position: absolute;
  width: 720px;
  height: auto;
  max-width: initial;
  left: calc(50% - 360px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .asset-list__top-bg {
    top: -44px;
  }
}
@media screen and (min-width: 40em) {
  .asset-list__top-bg {
    top: 0;
    width: 3280px;
    left: calc(50% - 1640px);
  }
}
.asset-list__content {
  color: #fff;
  font-size: 1rem;
  margin: 0;
  line-height: 1.14;
}
@media screen and (min-width: 64em) {
  .asset-list__content {
    font-size: 1.3125rem;
    max-width: 516px;
  }
}
.asset-list__title {
  color: #fff;
  margin-bottom: 0.5rem;
  font-size: 2rem;
}
@media screen and (min-width: 64em) {
  .asset-list__title {
    max-width: 516px;
    font-size: 3.25rem;
    margin-bottom: 1rem;
  }
}
.asset-list__button {
  margin-top: 25px;
}
.asset-list__wrapper {
  background: white;
  padding: 0;
  padding-bottom: 0.5rem !important;
}
@media screen and (min-width: 40em) {
  .asset-list__wrapper {
    padding-bottom: 4.125rem !important;
  }
}
.asset-list__thumbnail-link {
  cursor: pointer !important;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(255, 255, 255, 0.3);
  display: block;
  transition: border-color 200ms;
}
.asset-list__thumbnail-link:hover, .asset-list__thumbnail-link:active {
  border: 1px solid rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 39.9375em) {
  .asset-list__thumbnail-link {
    margin-top: 20px;
  }
}
.asset-list__play-icon {
  width: 45px;
  position: absolute;
  top: calc(50% - 22px);
  left: calc(50% - 22px);
  z-index: 1;
  pointer-events: none;
}
.asset-list__list {
  position: relative;
  z-index: 1;
}
.asset-list__list .views-element-container > div {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 20px;
}
@media screen and (min-width: 40em) {
  .asset-list__list .views-element-container > div {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 64em) {
  .asset-list__list .views-element-container > div {
    gap: 28px;
  }
}

.asset-box {
  background: #F5F5F5;
  position: relative;
  border: 0;
  color: #000;
  padding: 20px;
  transition: background-color 200ms;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .asset-box {
    padding: 50px 60px;
  }
}
@media print {
  .asset-box {
    border: 1px solid grey;
  }
}
.asset-box:hover, .asset-box:active {
  background: #e3e3e3;
}
.asset-box__title {
  font-size: 1.5rem;
  margin: 0;
  color: #641EAA;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .asset-box__title {
    font-size: 2.5rem;
  }
}
.asset-box__abstract {
  margin-top: 5px;
}
@media screen and (min-width: 64em) {
  .asset-box__abstract {
    margin-top: 15px;
    font-size: 1.3125rem;
  }
}
.asset-box__abstract p {
  margin: 0;
}
.asset-box__logo {
  width: 88px;
  margin-bottom: 10px;
}
.asset-box__link-title {
  text-transform: uppercase;
  padding-right: 17px;
  position: relative;
  font-size: 1.125rem;
  line-height: 1.14;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  color: #321450;
  margin: 10px 0 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 64em) {
  .asset-box__link-title {
    font-size: 1.3125rem;
    margin-top: 15px;
  }
}
.asset-box__link-icon {
  position: absolute;
  top: 4px;
  right: 0;
  width: auto;
  height: 12px;
}
@media screen and (min-width: 64em) {
  .asset-box__link-icon {
    top: 5px;
    height: 14px;
  }
}

#views-exposed-form-asset-listing-block-1 {
  display: none;
}

.asset-carousel {
  text-align: center;
  position: relative;
  min-height: 100px;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .asset-carousel {
    min-height: 215px;
  }
}
.asset-carousel .slick-arrow {
  display: inline-block;
  line-height: 1;
  position: absolute;
  top: initial;
  bottom: 0;
  cursor: pointer;
  transition: opacity 200ms;
  color: #FF00A5;
  text-decoration: none;
  will-change: opacity;
  font-size: 0;
  width: 13px;
  height: 11.14px;
}
@media screen and (min-width: 40em) {
  .asset-carousel .slick-arrow {
    top: calc(50% - 13px);
    bottom: initial;
    width: 30px;
    height: 25.72px;
  }
}
@media screen and (min-width: 64em) {
  .asset-carousel .slick-arrow {
    opacity: 0.3;
  }
}
.asset-carousel .slick-arrow:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background: url(../img/components/asset-page/arrow-right-orange.svg) no-repeat center;
  background-size: contain;
}
.asset-carousel .slick-arrow.disabled, .asset-carousel .slick-arrow.search-results__load-more[disabled], .asset-carousel .slick-arrow:hover, .asset-carousel .slick-arrow:active {
  opacity: 1;
}
.asset-carousel .slick-arrow.disabled, .asset-carousel .slick-arrow.search-results__load-more[disabled] {
  cursor: default;
}
.asset-carousel .slick-arrow.slick-prev {
  text-align: left;
  left: 0;
}
.asset-carousel .slick-arrow.slick-prev:before {
  left: 0;
  transform: rotate(180deg);
}
.asset-carousel .slick-arrow.slick-next {
  text-align: right;
  right: 0;
}
.asset-carousel .slick-arrow.slick-next:before {
  right: 0;
}
.asset-carousel__wrapper {
  position: relative;
  padding-bottom: 1rem;
  min-height: 290px;
  display: flex;
  align-items: center;
  padding-top: 0.75rem;
}
@media screen and (min-width: 64em) {
  .asset-carousel__wrapper {
    padding-top: 8.125rem !important;
    padding-bottom: 2.5rem;
    min-height: 525px;
  }
}
.asset-carousel__wrapper > .row {
  width: 100%;
}
.asset-carousel__slide {
  outline: 0;
}
.asset-carousel__title {
  font-size: 1.3125rem;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  text-transform: none;
  margin: 1rem 2rem 0;
  line-height: 1.2;
  color: #321450;
  white-space: nowrap;
  max-width: calc(100% - 4rem);
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .asset-carousel__title {
    margin: 1rem auto 0;
    font-size: 1.125rem;
  }
}
.asset-carousel__image-wrapper {
  width: auto;
  max-width: calc(100% - 2rem);
  height: 216px;
  position: relative;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .asset-carousel__image-wrapper {
    height: 315px;
  }
}
.asset-carousel__image-wrapper p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.asset-carousel__image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.asset-page {
  padding: 40px 10px !important;
}
@media screen and (min-width: 40em) {
  .asset-page {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
.asset-page__checkbox {
  text-align: left;
  color: #6b6b6b;
  margin: 0 0 1rem;
}
.asset-page__checkbox input {
  float: left;
}
.asset-page__checkbox-label {
  margin: 0 0 0 30px !important;
  display: block !important;
  line-height: 1.3;
  font-size: 0.875rem;
}
.asset-page__title {
  font-size: 1.625rem;
  margin-bottom: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .asset-page__title {
    margin-bottom: 0.75rem;
    text-align: left;
  }
}
@media screen and (max-width: 39.9375em) {
  .asset-page__desc {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .asset-page__select {
    margin-top: 0.25rem;
  }
}
.asset-page__button {
  display: block !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  transition: opacity 200ms;
}
@media screen and (max-width: 39.9375em) {
  .asset-page__button {
    margin: 0 auto;
  }
}
.asset-page__button.disabled, .asset-page__button.search-results__load-more[disabled] {
  opacity: 0.8;
}
@media screen and (max-width: 39.9375em) {
  .asset-page__buttons {
    text-align: center;
  }
}

.academy-list__list {
  position: relative;
  z-index: 1;
}
.academy-list__top {
  text-align: left;
  position: relative;
  color: white;
  z-index: 1;
  background: #321450;
  background: linear-gradient(180deg, #190A28 0%, #31134F 651px);
  padding-top: 2.5rem;
  padding-bottom: 94px;
  margin-bottom: -94px;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .academy-list__top {
    padding-bottom: 160px;
    margin-bottom: -160px;
    padding-top: 10.875rem;
    overflow: hidden;
  }
}
.academy-list__bg {
  position: absolute;
  height: 493px;
  width: auto;
  min-width: 868px;
  top: 0;
  left: calc(50% - 434px);
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .academy-list__bg {
    min-width: 2320px;
    left: calc(50% - 1160px);
    height: 651px;
  }
}
.academy-list__content {
  color: #fff;
  font-size: 1rem;
  margin: 0 0 1rem;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 40em) {
  .academy-list__content {
    font-size: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .academy-list__content {
    max-width: 75%;
  }
}
@media screen and (min-width: 87.5em) {
  .academy-list__content {
    font-size: 1.125rem;
  }
}
.academy-list__title {
  color: #fff;
  margin-bottom: 0.5rem;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 40em) {
  .academy-list__title {
    margin-bottom: 1rem;
  }
}
.academy-list__tabs {
  font-size: 1rem;
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .academy-list__tabs {
    margin-top: 25px;
  }
}
@media screen and (min-width: 87.5em) {
  .academy-list__tabs {
    font-size: 1.125rem;
  }
}
.academy-list__tabs-wrapper {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .academy-list__tabs-wrapper {
    font-size: 1.125rem;
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .academy-list__tabs-wrapper {
    margin-bottom: 1.25rem;
  }
}
.academy-list__filter-select.light {
  background-image: url(../img/arrow-down-pointy-turquoise.svg);
  background-size: 12px 9px;
}
@media screen and (max-width: 39.9375em) {
  .academy-list__tags-col {
    padding: 0;
  }
}
.academy-list__tags {
  margin-bottom: 15px;
  display: flex;
  gap: 15px;
}
@media screen and (max-width: 39.9375em) {
  .academy-list__tags {
    overflow-x: auto;
  }
}
@media screen and (min-width: 40em) {
  .academy-list__tags {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.academy-list__tag {
  background: #452C60;
  font-size: 1rem;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  color: #190A28;
  text-transform: uppercase;
  line-height: 1.25;
  padding: 15px;
  border-radius: 4px;
  text-decoration: none;
  transition: color 0s, background-color 200ms !important;
  text-align: center;
  margin: 0;
  white-space: nowrap;
}
.academy-list__tag:hover, .academy-list__tag:active {
  color: white;
  background: linear-gradient(to right, #00DDE3 0%, #7871F7 100%);
}
.academy-list__tag.is-active {
  color: white;
  background: linear-gradient(to right, #00DDE3 0%, #7871F7 100%);
}
@media screen and (max-width: 39.9375em) {
  .academy-list__tag:first-child {
    margin-left: 15px;
  }
}
@media screen and (max-width: 39.9375em) {
  .academy-list__tag:last-child {
    margin-right: 15px;
  }
}

#views-exposed-form-academy-listing-block-1 {
  display: none;
}

/* =======================================================
Academy box (similar to news box from base templates)
========================================================== */
.ac-box {
  background: transparent;
  position: relative;
  margin-bottom: 1.25rem;
  text-align: left;
  transition: color 200ms, border 200ms;
  box-shadow: none;
  color: #000;
}
@media screen and (min-width: 40em) {
  .ac-box {
    margin-bottom: 2.75rem;
  }
}
@media print {
  .ac-box {
    border: 1px solid grey;
  }
}
.ac-box__title {
  font-size: 1.0625rem;
}
@media screen and (max-width: 39.9375em) {
  .ac-box__title {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 40em) {
  .ac-box__title {
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
  }
}
.ac-box__content {
  padding: 0;
  font-size: 1rem;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 40em) {
  .ac-box__content {
    padding: 0;
    font-size: 1rem;
  }
}
.ac-box__image {
  width: 100%;
  height: auto;
  transition: transform 200ms, filter 200ms;
}
.ac-box__image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-bottom: 1rem;
}
@media screen and (min-width: 40em) {
  .ac-box__image-wrapper {
    margin-bottom: 1.25rem;
  }
}
.ac-box__meta {
  margin-bottom: 0.5rem;
}
.ac-box__link {
  text-decoration: none;
}
.ac-box__abstract {
  margin-bottom: 0.75rem;
}
.ac-box__abstract:last-child {
  margin: 0;
}
.ac-box__button {
  color: #000;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}
@media screen and (min-width: 40em) {
  .ac-box__button {
    left: 1.75rem;
    bottom: 1.5rem;
  }
}
.ac-box__tags {
  position: relative;
  z-index: 2;
  order: 4;
  margin: 0;
  line-height: 1.2;
}
.ac-box__tags .tag {
  color: #747474;
}
@media screen and (min-width: 64em) {
  .ac-box__tags .tag {
    font-size: 1.125rem;
  }
}
.ac-box__tags-title {
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-style: normal;
  color: #321450;
  text-transform: uppercase;
  margin-right: 0.5rem;
}
@media screen and (min-width: 64em) {
  .ac-box__tags-title {
    font-size: 1.125rem;
  }
}
.ac-box:hover, .ac-box:active {
  color: black;
}
.ac-box:hover .ac-box__image, .ac-box:active .ac-box__image {
  transform: scale(1.02);
}

.academy__title {
  font-size: 1.125rem;
  text-align: left;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 40em) {
  .academy__title {
    font-size: 2.25rem;
    margin-bottom: 1.5rem;
  }
}
.academy__share {
  position: absolute;
  top: -1px;
  right: 0;
}
.academy__share .share-btn__label {
  opacity: 1;
}
.academy__sidecol-title {
  font-size: 1.25rem;
  margin-bottom: 10px;
  text-align: left;
  color: #641EAA;
}
@media screen and (min-width: 40em) {
  .academy__sidecol-title {
    margin-bottom: 1rem;
    font-size: 1.625rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .academy__sidecol {
    padding-top: 2rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .academy__sidecol .ac-box:last-child {
    border-bottom: 0;
  }
}
@media screen and (min-width: 40em) {
  .academy__sidecol .ac-box:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 40em) {
  .academy__titles-wrapper {
    display: flex;
  }
}
.academy__copy iframe {
  width: 100%;
  min-height: 315px;
}
@media screen and (min-width: 40em) {
  .academy__copy iframe {
    min-height: 400px;
  }
}
@media screen and (min-width: 64em) {
  .academy__copy iframe {
    min-height: 500px;
  }
}
.academy__copy h2, .academy__copy h2, .academy__copy h3, .academy__copy h4, .academy__copy h5 {
  margin-top: 0;
  font-size: 1.125rem;
  color: #321450;
}
@media screen and (min-width: 64em) {
  .academy__copy h2, .academy__copy h2, .academy__copy h3, .academy__copy h4, .academy__copy h5 {
    font-size: 1.75rem;
  }
}
.academy__wrapper {
  padding: 1rem 0;
  background: white;
  color: #000;
  position: relative;
}
@media screen and (min-width: 40em) {
  .academy__wrapper {
    padding: 1.5rem 0 70px;
  }
}
.academy__breadcrumbs {
  text-align: left;
  margin-bottom: 0.5rem !important;
}
@media screen and (min-width: 40em) {
  .academy__breadcrumbs {
    margin-bottom: 1rem !important;
  }
}

.academy-banner {
  min-height: 136px;
  background: #190A28;
  background: linear-gradient(180deg, #321450 0%, #190A28 150%);
  display: flex;
  align-items: center;
}
@media screen and (min-width: 64em) {
  .academy-banner {
    min-height: 285px;
    background: linear-gradient(180deg, #190A28 0%, #321450 100%);
  }
}
.academy-banner > .row {
  width: 100%;
}
.academy-banner__wrapper {
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .academy-banner__wrapper {
    padding-top: 130px !important;
    padding-bottom: 20px;
  }
}
.academy-banner__title {
  color: white;
  text-align: left;
  margin: 0;
  font-size: 2rem;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .academy-banner__title {
    font-size: 2.875rem;
  }
}
.academy-banner__bg {
  position: absolute;
  height: 136px;
  width: auto;
  min-width: 850px;
  bottom: 0;
  left: calc(50% - 670px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .academy-banner__bg {
    height: 285px;
    min-width: 2458px;
    left: calc(50% - 1478px);
  }
}

.icon-row__wrapper.wrapper {
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .icon-row__wrapper.wrapper {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}
.icon-row__row {
  visibility: hidden;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 40em) {
  .icon-row__row {
    margin: 0 1.5rem;
  }
}
.icon-row__box {
  background: #F0F0F0;
  height: 100%;
  padding: 25px 14px;
  color: #190A28;
  position: relative;
  border-radius: 5px;
  display: flex;
}
@media screen and (min-width: 40em) {
  .icon-row__box {
    padding: 30px;
  }
}
@media screen and (max-width: 39.9375em) {
  .icon-row__box {
    align-items: center;
    justify-content: center;
  }
}
.icon-row__entry {
  margin-bottom: 2rem;
  text-align: center;
}
@media screen and (max-width: 63.9375em) {
  .icon-row__entry:nth-last-child(1), .icon-row__entry:nth-last-child(2) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 64em) {
  .icon-row__entry {
    margin-bottom: 2rem;
    text-align: left;
  }
  .icon-row__entry:nth-last-child(1), .icon-row__entry:nth-last-child(2), .icon-row__entry:nth-last-child(3), .icon-row__entry:nth-last-child(4) {
    margin-bottom: 0;
  }
}
.icon-row__title {
  font-size: 1.125rem;
  margin-bottom: 0;
  color: #641EAA;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .icon-row__title {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 64em) {
  .icon-row__title {
    font-size: 1.5rem;
  }
}
.icon-row__link {
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  font-size: 1.125rem;
  text-decoration: none;
  text-transform: uppercase;
  color: #321450 !important;
  transition: color 200ms;
  display: inline-block;
  padding-right: 24px;
  position: relative;
  z-index: 1;
  cursor: pointer;
  margin-top: auto;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}
@media screen and (min-width: 40em) {
  .icon-row__link:after {
    content: "";
    display: block;
    width: 13px;
    height: 12px;
    background: url(../img/arrow-right-orange.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 3px;
    right: 0;
  }
}
.icon-row__icon-wrapper {
  position: relative;
  margin: 0 auto 1.5rem;
  text-align: center;
  z-index: 1;
  height: 60px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 64em) {
  .icon-row__icon-wrapper {
    text-align: left;
    margin-left: 0;
    height: 80px;
  }
}
.icon-row__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  font-weight: "gt_americalight", Arial, sans-serif;
}
@media screen and (max-width: 63.9375em) {
  .icon-row__content {
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .icon-row__content {
    font-size: 1.125rem;
  }
}
.icon-row__content p {
  margin-bottom: 0.75rem;
  line-height: 1.12;
}

.icon-row-banner {
  min-height: 238px;
  background: rgb(50, 20, 80);
  background: linear-gradient(180deg, rgb(50, 20, 80) 0%, rgb(35, 14, 56) 100%);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .icon-row-banner {
    min-height: 368px;
    background: rgb(25, 10, 40);
    background: linear-gradient(180deg, rgb(25, 10, 40) 0%, rgb(49, 19, 79) 368px);
  }
}
.icon-row-banner__wrapper {
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .icon-row-banner__wrapper {
    padding-top: 120px !important;
    padding-bottom: 30px;
  }
}
.icon-row-banner__bg {
  position: absolute;
  height: 368px;
  width: auto;
  min-width: 720px;
  top: 0;
  left: calc(50% - 360px);
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 40em) {
  .icon-row-banner__bg {
    min-width: 3280px;
    left: calc(50% - 1640px);
  }
}
.icon-row-banner__content-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  align-items: center;
}

/*
  Shared styles for the "frills"
 */
.frills__parallax-wrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.frills__parallax-wrapper .scroll {
  will-change: transform;
}

[data-platform-modal] {
  cursor: pointer !important;
}

.plat-modal {
  width: calc(100% - 2rem);
  text-align: center;
  height: auto;
  outline: none;
  background: #321450;
  border: 1px solid #641EAA;
  overflow: hidden;
  position: relative;
  padding: 2rem 21px 2.5rem;
}
@media screen and (max-width: 39.9375em) {
  .plat-modal {
    margin: 1rem auto;
    min-height: 0;
    max-width: 330px !important;
  }
}
@media screen and (min-width: 40em) {
  .plat-modal {
    max-width: 1032px !important;
    padding: 60px 1.5rem;
    min-height: 305px;
  }
}
@media screen and (min-width: 64em) {
  .plat-modal {
    min-height: 497px;
    padding: 113px 1.5rem;
  }
}
.plat-modal__title {
  color: white;
  margin: 0 auto 1.5rem;
  z-index: 1;
  position: relative;
  font-size: 1.625rem;
}
@media screen and (min-width: 64em) {
  .plat-modal__title {
    margin-bottom: 2rem;
    font-size: 2.875rem;
  }
}
.plat-modal .close-button {
  color: white !important;
  z-index: 1;
  top: 0.2rem;
  right: 0.5rem;
}
.plat-modal .close-button:hover {
  opacity: 0.6;
}
.plat-modal__items {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 14px;
}
@media screen and (max-width: 39.9375em) {
  .plat-modal__items {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 40em) {
  .plat-modal__items {
    justify-content: center;
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .plat-modal__items {
    gap: 28px;
  }
}
.plat-modal__item {
  margin: 0;
  text-decoration: none;
  width: 100%;
  transition: background 200ms, border-color 200ms;
  display: block;
  position: relative;
  border: 1px solid #641EAA;
  border-radius: 3px;
  max-width: 222px;
  background: #321450;
}
@media screen and (max-width: 39.9375em) {
  .plat-modal__item {
    width: calc(50% - 8px);
    max-width: 138px;
    height: 100px;
  }
}
@media screen and (min-width: 40em) {
  .plat-modal__item {
    max-width: 184px;
    height: 138px;
  }
}
@media screen and (min-width: 64em) {
  .plat-modal__item {
    height: 172px;
  }
}
.plat-modal__item:after {
  content: "";
  display: block;
  opacity: 0;
  background: linear-gradient(180deg, #7871F7 0%, #641EAA 100%);
  position: absolute;
  inset: 0;
  transition: opacity 200ms;
}
.plat-modal__item:hover, .plat-modal__item:active {
  border-color: #7871F7;
}
.plat-modal__item:hover:after, .plat-modal__item:active:after {
  opacity: 1;
}
.plat-modal__item:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 64em) {
  .plat-modal__item:last-child {
    margin-right: 0;
  }
}
.plat-modal__icon-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.plat-modal__icon {
  width: 100%;
  max-width: 100px;
  height: auto;
  position: relative;
  z-index: 1;
}
.plat-modal__item--desktop .plat-modal__icon {
  width: 83.69px;
}
@media screen and (min-width: 64em) {
  .plat-modal__item--desktop .plat-modal__icon {
    width: 101.12px;
  }
}
.plat-modal__item--console .plat-modal__icon {
  width: 64.84px;
}
@media screen and (min-width: 64em) {
  .plat-modal__item--console .plat-modal__icon {
    width: 78.34px;
  }
}
.plat-modal__item--mobile .plat-modal__icon {
  width: 57.67px;
}
@media screen and (min-width: 64em) {
  .plat-modal__item--mobile .plat-modal__icon {
    width: 69.68px;
  }
}
.plat-modal__item--touch .plat-modal__icon {
  width: 83.14px;
}
@media screen and (min-width: 64em) {
  .plat-modal__item--touch .plat-modal__icon {
    width: 100.45px;
  }
}
.plat-modal__item--arcade .plat-modal__icon {
  width: 97.92px;
}
@media screen and (min-width: 64em) {
  .plat-modal__item--arcade .plat-modal__icon {
    width: 118.31px;
  }
}

.share-bar {
  background: rgba(0, 0, 0, 0.5);
  font-size: 0;
  text-align: center;
  width: 100%;
  position: relative;
  margin-top: -50px;
}
@media screen and (max-width: 63.9375em) {
  .share-bar {
    margin-top: -45px;
  }
  body:not(.menu-open) .share-bar {
    z-index: 50;
  }
}
@media screen and (min-width: 64em) {
  .share-bar {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }
}
.share-bar__icon {
  display: inline-block;
  position: relative;
  width: 34px;
  height: 45px;
}
@media screen and (min-width: 64em) {
  .share-bar__icon {
    width: 67px;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    height: 50px;
  }
}
.share-bar__icon img {
  width: 18px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 64em) {
  .share-bar__icon img {
    width: 26px;
    height: 26px;
  }
}
.share-bar__title {
  color: white;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 1.125rem;
  line-height: 45px;
  padding-right: 10px;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
}
.share-bar__title:after {
  content: ":";
}
@media screen and (min-width: 64em) {
  .share-bar__title {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    padding-right: 20px;
    line-height: 50px;
  }
  .share-bar__title:after {
    display: none;
  }
}

.ww-video {
  position: relative;
  display: inline-block;
  margin: 0px;
  width: 100vw;
  height: calc(100vw / 1.7777777778);
  max-height: 100vh;
  max-width: calc(1.7777777778 * 100vh);
}
@media screen and (min-width: 64em) {
  .ww-video {
    width: calc(100vw - 2 * 40px);
    height: calc((100vw - 2 * 40px) / 1.7777777778);
    max-height: calc(100vh - 90px - 50px - 2 * 40px);
    max-width: calc(1.7777777778 * (100vh - 90px - 50px - 2 * 40px));
    margin: calc(90px + 40px) 40px 40px;
  }
}
.ww-video__wrapper {
  width: 100vw;
  position: relative;
  background: #321450 url(../img/purple-bg-2020.png) no-repeat center;
  text-align: center;
  line-height: 0;
}
@media screen and (max-width: 63.9375em) {
  body:not(.menu-open) .ww-video__wrapper {
    z-index: 50;
  }
}
.ww-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.ww2 {
  position: relative;
  min-height: 100vh;
  min-height: calc(100vh - 44px);
  padding: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 39.9375em) {
  .ww2 {
    overflow: hidden;
  }
}
@media screen and (min-width: 40em) {
  .ww2 {
    margin-bottom: 0;
    padding: 0;
  }
}
@media screen and (max-width: 63.9375em) and (orientation: landscape) {
  .ww2 {
    height: auto !important;
    padding-top: 45px;
    padding-bottom: 105px;
  }
}
@media screen and (min-width: 64em) {
  .ww2 {
    height: 100vh;
    padding-top: 90px;
  }
}
.ww2--with-arrow {
  padding-bottom: 80px;
}
.bc--ios.bc--safari .ww2 {
  min-height: calc(100vh - 44px - 113px);
}
.ww2 > .row {
  width: 100%;
}
.ww2__content {
  text-align: center;
  margin: 1rem auto;
  width: 100%;
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 64em) and (max-height:800px) {
  .ww2__content {
    transform: scale(0.8);
  }
}
.ww2__top-title {
  color: white;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  font-size: 1.3125rem;
  line-height: 1;
  margin: 0 auto 1.25rem;
}
@media screen and (min-width: 64em) {
  .ww2__top-title {
    font-size: 1.625rem;
  }
}
.ww2__title {
  font-size: 2.875rem;
  color: white;
  margin: 0 auto 1rem;
  line-height: 0.9;
}
html[lang=de] .ww2__title {
  font-size: 1.875rem;
}
@media screen and (min-width: 64em) {
  .ww2__title {
    font-size: 5.625rem;
    max-width: 40.625rem;
    margin-bottom: 1rem;
  }
  html[lang=es] .ww2__title, html[lang=tr] .ww2__title, html[lang=it] .ww2__title, html[lang=de] .ww2__title {
    max-width: none;
    font-size: 3.875rem;
  }
}
.ww2__title:first-line {
  color: #FFFD5E;
}
.ww2__abstract {
  font-size: 1.75rem;
  color: white;
  margin-bottom: 2.5rem;
  line-height: 1.1;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .ww2__abstract {
    margin-bottom: 1rem;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) and (max-height:800px) {
  .ww2__abstract {
    margin-bottom: 1.5rem;
  }
}
.ww2__tint {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ww2__anim {
  display: flex;
  margin: 1.5rem auto 2rem;
  align-items: stretch;
  justify-content: center;
  position: relative;
  padding: 0 0.5rem;
}
@media screen and (min-width: 40em) {
  .ww2__anim {
    margin-bottom: 2.5rem;
    padding: 0;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .ww2__anim {
    transform: scale(0.8);
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 64em) and (max-height:800px) {
  .ww2__anim {
    transform: scale(0.8);
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
}
.ww2__btn {
  background: transparent;
  color: white;
  text-align: center;
  display: flex;
  align-content: center;
  justify-content: center;
  text-transform: uppercase;
  padding: 1.25rem 1.25rem;
  font-size: 1rem;
  border: 2px solid white;
  margin: 0 6px;
  position: relative;
  transform: skewX(-18deg);
  max-width: 10.625rem;
  line-height: 1;
  width: 50%;
}
@media screen and (min-width: 40em) {
  .ww2__btn {
    margin: 0 35px;
    min-width: 15.625rem;
    max-width: 15.625rem;
    padding: 1.25rem 2.75rem 1.75rem 2.25rem;
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 40em) {
  .ww2__btn:after {
    content: "";
    position: absolute;
    top: -12px;
    left: -10px;
    right: 10px;
    bottom: 12px;
    border: 2px solid rgba(255, 255, 255, 0.7);
    z-index: 1;
  }
}
@media screen and (min-width: 40em) {
  .ww2__btn:before {
    content: "";
    display: block;
    width: 1px;
    margin-left: -1px;
    float: left;
    height: 0;
    padding-top: 50%;
  }
}
.ww2__btn.active {
  color: #321450;
  background: #FFFD5E;
}
.ww2__btn-inner {
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  display: flex;
  align-items: center;
  transform: skewX(18deg);
}
@media screen and (min-width: 40em) {
  .ww2__btn-inner {
    line-height: 1;
    font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  }
}
.ww2__btn1 {
  margin-left: 0 !important;
  animation: ww-button1-anim 2s infinite;
}
.ww2__btn2 {
  margin-right: 0 !important;
  animation: ww-button2-anim 2s infinite;
}
.ww2 .button {
  position: relative;
  z-index: 10;
  padding-left: 25px;
  padding-right: 25px;
}
.ww2 .button i {
  background: url(../img/icons/play-circle-small-purple.svg) no-repeat center;
  background-size: contain;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: -2px 8px 0 0;
  vertical-align: middle;
}
.ww2__cover-btn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background: transparent;
  z-index: 1;
  cursor: pointer;
}
.ww2__cursor {
  width: 35px;
  height: 41px;
  background: url(../img/components/wirewax2/cursor-hand-purple.png) no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: -25px;
  left: 20%;
  animation: ww-cursor-anim 2s infinite linear;
}
@media screen and (min-width: 40em) {
  .ww2__cursor {
    width: 34px;
    height: 57px;
    background-image: url(../img/components/wirewax2/cursor-purple.png);
    bottom: -20px;
  }
}
.ww2__play-btn {
  width: 3.1875rem;
  height: 3.1875rem;
  display: block;
  background: url(../img/video-play-round-white.svg) no-repeat center;
  background-size: contain;
  margin: 0 auto 20px;
}
.ww2__bottom-arrow {
  bottom: 55px;
}
@media screen and (min-width: 64em) {
  .ww2__bottom-arrow {
    bottom: 65px;
  }
}
@media screen and (min-width: 64em) and (max-height: 900px) {
  .ww2__bottom-arrow {
    display: none;
  }
}
@keyframes ww-cursor-anim {
  0% {
    left: 20%;
  }
  25% {
    left: 20%;
  }
  50% {
    left: 75%;
  }
  75% {
    left: 75%;
  }
  100% {
    left: 20%;
  }
}
@keyframes ww-button1-anim {
  0% {
    color: #321450;
    background: #FFFD5E;
  }
  30% {
    color: #321450;
    background: #FFFD5E;
  }
  40% {
    color: white;
    background: transparent;
  }
  90% {
    color: white;
    background: transparent;
  }
  100% {
    color: #321450;
    background: #FFFD5E;
  }
}
@keyframes ww-button2-anim {
  40% {
    color: white;
    background: transparent;
  }
  50% {
    color: #321450;
    background: #FFFD5E;
  }
  80% {
    color: #321450;
    background: #FFFD5E;
  }
  90% {
    color: white;
    background: transparent;
  }
}

.ww2-modal {
  padding: 0 !important;
}
.ww2-modal iframe {
  width: 100%;
  height: 100%;
}
.ww2-modal:after {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  font-size: 10px;
  border-top: 10px solid rgba(255, 255, 255, 0.2);
  border-right: 10px solid rgba(255, 255, 255, 0.2);
  border-bottom: 10px solid rgba(255, 255, 255, 0.2);
  border-left: 10px solid #ffffff;
  animation: spin 0.8s infinite linear;
  border-radius: 50%;
  z-index: -1;
}

/**
 *  Insider elements injected in body copy via CKEditor
 */
.copy .insider {
  position: relative;
  border: 1px solid #ccc;
  border-width: 1px 0;
  margin-bottom: 1.7rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 20px 0;
  flex-wrap: wrap;
}
.copy .insider__logo {
  width: 230px;
  margin: 0;
}
.copy .insider__content {
  text-align: center;
  margin-top: 18px;
}
@media screen and (min-width: 40em) {
  .copy .insider__content {
    max-width: 50%;
    margin-top: 6px;
  }
}
.copy .insider__heading {
  color: #321450;
  margin-top: 0;
  font-size: 1.5rem;
}
.copy .insider__abstract {
  font-size: 1.125rem;
  text-align: center;
}
/**
 * Buy page styles
 */
.bp-banner {
  z-index: 2;
  min-height: 225px;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  background: rgb(50, 20, 80);
  background: linear-gradient(180deg, rgb(50, 20, 80) 0%, rgb(35, 14, 56) 100%);
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 40em) {
  .bp-banner {
    align-items: center;
    padding-bottom: 50px;
    justify-content: center;
  }
}
@media screen and (min-width: 64em) {
  .bp-banner {
    flex-direction: row;
    min-height: 365px;
    background: rgb(25, 10, 40);
    align-items: center;
    padding-top: 70px;
    padding-bottom: 0;
    background: linear-gradient(180deg, rgb(25, 10, 40) 0%, rgb(49, 19, 79) 365px);
  }
}
.bp-banner__title {
  color: white;
  text-align: left;
  margin: 0;
  position: relative;
  z-index: 2;
  text-shadow: -2px 2px 10px #321450;
  font-size: 2rem;
}
@media screen and (min-width: 64em) {
  .bp-banner__title {
    font-size: 2.875rem;
  }
}
.bp-banner__subtitle {
  color: #fff;
  font-size: 1rem;
  margin: 0.5rem 0 0;
  text-align: left;
  max-width: 715px;
  line-height: 1.125;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 64em) {
  .bp-banner__subtitle {
    font-size: 1.3125rem;
    line-height: 1.15;
    margin-top: 18px;
  }
}
.bp__buttons {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 12px;
  align-items: center;
}
.bp__buttons a {
  padding: 14px 8px !important;
}
.bp__dropdown {
  width: 100%;
  z-index: 2;
  margin-top: 1rem;
}
.bp__dropdown select {
  color: white;
  position: relative;
  background: url(../img/icons/arrow-down-pink.svg) no-repeat center right 10px !important;
  background-size: 14px;
}
.bp__dropdown select:hover, .bp__dropdown select:focus {
  background: transparent;
}
.bp__controls {
  margin: 33px auto 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
@media screen and (min-width: 40em) {
  .bp__controls {
    margin-top: 40px;
  }
}
@media screen and (min-width: 64em) {
  .bp__controls {
    margin-top: 33px;
  }
}
.bp__tab-titles {
  float: left;
  display: flex;
  list-style-type: none;
  align-items: flex-end;
  margin: 0;
  padding: 0;
  width: 100%;
}
.bp__tab-title {
  border-radius: 3px 3px 0 0;
  color: white;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.125rem;
  padding: 15px 30px;
  margin-right: 15px;
  width: calc(50% - 7.5px);
  background-color: #3C2059;
  transition: all 0.1s linear;
}
.bp__tab-title:hover {
  opacity: 0.7;
}
.bp__tab-title:last-child {
  margin-right: 0;
}
@media screen and (min-width: 40em) {
  .bp__tab-title {
    width: auto;
    margin-right: 20px;
    font-size: 1.3125rem;
  }
}
.bp__tab-title--active.bp__tab-title {
  background: white;
  border-color: white;
  color: #1D1D1B;
}
.bp__tab-title--active.bp__tab-title:hover {
  opacity: 1;
}
.bp__links {
  float: right;
}
.bp__links a {
  font-size: 1.3125rem;
  color: white !important;
  text-decoration: none !important;
  margin: 11px 0 0 25px;
  display: inline-block;
  transition: all 0.2s linear;
  padding-right: 15px;
  position: relative;
}
@media screen and (min-width: 40em) {
  .bp__links a {
    padding-bottom: 11px;
  }
}
@media screen and (min-width: 64em) {
  .bp__links a {
    padding-bottom: 9px;
  }
}
.bp__links a:hover {
  opacity: 0.7;
}
.bp__links a:after {
  content: "";
  width: 8px;
  height: 12px;
  display: block;
  background: url(../img/arrow-right-light.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 10px;
  right: 0;
}
.bp__tabs {
  border-bottom: 1px solid #ccc;
}
.bp__tab {
  display: none;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .bp__tab {
    margin-top: 25px;
  }
}
.bp__tab--active {
  display: block;
}
.bp__text-tab {
  margin: auto 0 auto auto;
  display: flex;
}
.bp__text-tab a {
  margin-right: 1rem;
  padding: 0.5rem 0.5rem 15px;
  color: white;
  text-decoration: none;
  font-size: 1.3125rem;
  line-height: 1.2;
  display: block;
  position: relative;
}
.bp__text-tab a:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 9px;
  left: 0.5rem;
  width: calc(100% - 1rem);
  border-bottom: 2px solid #FF00A5;
}
/**
 * Buy page edition
 */
.bpe {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  margin-bottom: 60px;
}
.bpe:last-child {
  border-bottom: 0 none;
  margin-bottom: -20px;
  padding-bottom: 0;
}
@media screen and (min-width: 40em) {
  .bpe {
    flex-direction: row;
    padding-bottom: 80px;
    margin-bottom: 80px;
  }
  .bpe:last-child {
    margin-bottom: 0;
  }
}
.bpe__content {
  display: flex;
  flex-flow: column;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .bpe__content {
    text-align: left;
    flex-grow: 1;
    padding-right: 2rem;
  }
}
.bpe__logo {
  max-width: 265px;
  margin-bottom: 14px;
}
.bpe__abstract {
  margin: 10px 0 18px;
}
@media screen and (min-width: 40em) {
  .bpe__abstract {
    max-width: 680px;
  }
}
.bpe__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
  gap: 13px;
}
@media screen and (min-width: 40em) {
  .bpe__buttons {
    justify-content: left;
    gap: 16px;
  }
}
.bpe__buttons .button {
  flex-grow: 1;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .bpe__buttons .button {
    width: auto !important;
    min-width: 150px !important;
  }
}
@media screen and (min-width: 55.625em) {
  .bpe__buttons .button {
    flex-grow: 0;
    min-width: 90px !important;
  }
}
@media screen and (max-width: 55.625em) {
  .bpe__buttons .button--main {
    width: 100% !important;
  }
}
.bpe__image {
  width: 140px;
  margin: 0 auto 22px;
  display: flex;
  flex-flow: column;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .bpe__image {
    order: 2;
    width: auto;
    margin: 0 auto;
    flex-shrink: 0;
  }
  .bpe__image img {
    height: 300px;
  }
  .bpe__image img.square {
    height: 180px;
  }
}
@media screen and (min-width: 64em) {
  .bpe__image img {
    height: 350px;
  }
  .bpe__image img.square {
    height: 206px;
  }
}
@media screen and (min-width: 40em) {
  .bpe__icons {
    order: 3;
    transform: none;
    display: flex;
    flex-flow: column;
    justify-content: center;
    min-width: 100px;
  }
  .bpe__icons .plat-icons-2022__icon {
    margin: 8px 30px;
  }
  .bpe__icons .plat-icons-2022__icon:after {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .bpe__icons {
    min-width: 138px;
    padding-left: 30px;
  }
}
.bpe__icons img {
  width: 36px;
  height: 36px;
  margin: 5px !important;
}
@media screen and (min-width: 40em) {
  .bpe__icons img {
    margin: 5px auto !important;
  }
}
.bpe__xbox-btn {
  padding: 15px 15px !important;
}
.bpe__xbox-btn img {
  max-width: 138px;
  margin: 0 !important;
}
.bpe__sega-btn {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
@media screen and (max-width: 39.9375em) {
  .bpe__sega-btn {
    width: 100%;
  }
}
.bpe__sega-btn img {
  display: inline;
  width: 64px;
  margin-left: 5px !important;
}
.bpe__sega-btn-wrapper {
  margin-bottom: 1rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .bpe__sega-btn-wrapper {
    text-align: left;
  }
}
.bpe__sega-btn-wrapper p {
  opacity: 0.6;
  margin: 7px 0 0;
  font-size: 0.75rem;
}

/**
 * IFrames embedded in a WYSIWYG editor
 */
.iframe-embed iframe[src*="youtube.com"] {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .iframe-embed iframe[src*="youtube.com"] {
    min-height: 462px;
  }
}

.sticky-bar {
  cursor: pointer;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  transition: transform 200ms, opacity 200ms;
  height: 2.8125rem;
  padding: 0 0.9375rem 0 0;
  z-index: 20;
  background: rgba(0, 0, 0, 0.7);
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
  line-height: 1.1;
  color: white;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sticky-bar--align-right {
  justify-content: flex-end;
  border: 3px solid red;
}
.sticky-bar:hover, .sticky-bar:active {
  color: white;
}
@media screen and (min-width: 40em) {
  .sticky-bar {
    padding: 0;
    font-size: 1.125rem;
    justify-content: center;
  }
}
@media screen and (max-width: 25em) {
  .sticky-bar {
    padding: 0 0.625rem 0 0;
  }
}
.sticky-bar__content {
  display: flex;
}
.sticky-bar__label {
  margin: 0 10px 0 80px;
  font-size: 1.125rem;
  color: white;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
}
@media screen and (max-width: 25em) {
  .sticky-bar__label {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 40em) {
  .sticky-bar__label {
    margin: 0 10px;
  }
}
.sticky-bar img {
  margin: 0;
}

.boxes-menu {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 64em) {
  .boxes-menu__wrapper {
    padding-top: 7.8125rem !important;
  }
}
@media screen and (max-width: 63.9375em) {
  .boxes-menu__wrapper {
    padding-top: 1.25rem !important;
  }
}
@media all and (max-width: 1000px) {
  .boxes-menu__wrapper {
    padding-top: 1.25rem !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 39.9375em) {
  .boxes-menu__wrapper {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 87.4375em) {
  .boxes-menu__wrapper .columns {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media all and (max-width: 1000px) {
  .boxes-menu__wrapper .columns {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}
.boxes-menu__title {
  z-index: 1;
  position: relative;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  color: #fff;
}
@media all and (max-width: 1000px) {
  .boxes-menu__title {
    font-size: 2.25rem;
  }
}
.boxes-menu__title span, .boxes-menu__title i {
  font-style: normal;
  color: #D2FF00;
}
@media screen and (max-width: 39.9375em) {
  .boxes-menu__title {
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 64em) {
  .boxes-menu__title {
    font-size: 3.75rem;
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

.box-item {
  position: relative;
  height: 0;
  padding-bottom: 32%;
  background: transparent;
  margin: 0;
  z-index: 1;
  display: flex;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
}
.box-item:nth-of-type(1), .box-item:nth-of-type(2), .box-item:nth-of-type(3), .box-item:nth-of-type(4) {
  width: 50%;
}
.box-item:nth-of-type(5), .box-item:nth-of-type(6), .box-item:nth-of-type(7) {
  width: 33.33%;
}
.box-item:nth-of-type(1), .box-item:nth-of-type(3) {
  margin-right: 2rem;
  margin-bottom: 2rem;
  width: calc(50% - 2rem);
}
@media all and (max-width: 1000px) {
  .box-item:nth-of-type(1), .box-item:nth-of-type(3) {
    margin-right: 1rem;
    margin-bottom: 1rem;
    width: calc(50% - 1rem);
  }
}
.box-item:nth-of-type(5) {
  margin-right: 1rem;
  padding-bottom: 30%;
  width: calc(33.33% - 1rem);
}
@media all and (max-width: 1000px) {
  .box-item:nth-of-type(5) {
    margin-right: 0.5rem;
    width: calc(33.33% - 0.5rem);
  }
}
.box-item:nth-of-type(6) {
  margin-left: 1rem;
  margin-right: 1rem;
  padding-bottom: 30%;
  width: calc(33.33% - 2rem);
}
@media all and (max-width: 1000px) {
  .box-item:nth-of-type(6) {
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    width: calc(33.33% - 1rem);
  }
}
.box-item:nth-of-type(7) {
  margin-left: 1rem;
  padding-bottom: 30%;
  width: calc(33.33% - 1rem);
}
@media all and (max-width: 1000px) {
  .box-item:nth-of-type(7) {
    margin-left: 0.5rem;
    width: calc(33.33% - 0.5rem);
  }
}
.box-item__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.box-item__title {
  z-index: 10;
  color: white;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  max-width: calc(100% - 4rem);
  margin: 0;
  font-size: 2.375rem;
  width: 100%;
}
.box-item__title i, .box-item__title span {
  font-style: normal;
  color: #D2FF00;
}
.box-item__title.long {
  word-break: break-all;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media all and (max-width: 1000px) {
  .box-item__title {
    bottom: 15px;
    font-size: 1.75rem;
  }
}
@media all and (max-width: 710px) {
  .box-item__title {
    font-size: 1.5rem;
  }
}
.box-item__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 10;
}
@media screen and (max-width: 39.9375em) {
  .box-item:nth-of-type(1), .box-item:nth-of-type(2), .box-item:nth-of-type(3), .box-item:nth-of-type(4), .box-item:nth-of-type(5), .box-item:nth-of-type(6), .box-item:nth-of-type(7) {
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    padding-bottom: 51%;
    margin-bottom: 1rem;
  }
  .box-item:nth-of-type(1) .box-item__title, .box-item:nth-of-type(2) .box-item__title, .box-item:nth-of-type(3) .box-item__title, .box-item:nth-of-type(4) .box-item__title, .box-item:nth-of-type(5) .box-item__title, .box-item:nth-of-type(6) .box-item__title, .box-item:nth-of-type(7) .box-item__title {
    display: none;
  }
}
@media screen and (max-width: 39.9375em) {
  .box-item:nth-of-type(5) {
    order: -1;
  }
}
@media screen and (max-width: 39.9375em) {
  .box-item:nth-of-type(6) {
    margin-right: 0.5rem;
    width: calc(50% - 0.5rem);
  }
}
@media screen and (max-width: 39.9375em) {
  .box-item:nth-of-type(7) {
    margin-left: 0.5rem;
    width: calc(50% - 0.5rem);
  }
}
@media screen and (max-width: 39.9375em) {
  .box-item:nth-of-type(6), .box-item:nth-of-type(7) {
    margin-bottom: 0;
    padding-bottom: 48%;
  }
  .box-item:nth-of-type(6) .box-item__title, .box-item:nth-of-type(7) .box-item__title {
    display: block;
    font-size: 1.25rem;
  }
}

.box-menu-2022 {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 39.9375em) {
  .box-menu-2022 {
    max-width: 330px;
  }
}
.box-menu-2022__bg {
  position: absolute;
  height: 1209px;
  width: auto;
  min-width: 1024px;
  top: 0;
  left: calc(50% - 511px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .box-menu-2022__bg {
    height: 1580px;
    min-width: 2646px;
    left: calc(50% - 1605px);
    top: 0;
  }
}
.box-menu-2022__wrapper {
  background: #190A28;
}
@media screen and (min-width: 64em) {
  .box-menu-2022__wrapper {
    padding-top: 7.8125rem !important;
  }
}
@media screen and (max-width: 63.9375em) {
  .box-menu-2022__wrapper {
    padding-top: 1.25rem !important;
  }
}
@media all and (max-width: 1000px) {
  .box-menu-2022__wrapper {
    padding-top: 1.25rem !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 39.9375em) {
  .box-menu-2022__wrapper {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 87.4375em) {
  .box-menu-2022__wrapper .columns {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media all and (max-width: 1000px) {
  .box-menu-2022__wrapper .columns {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}
.box-menu-2022__title {
  z-index: 1;
  position: relative;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  color: #fff;
}
@media all and (max-width: 1000px) {
  .box-menu-2022__title {
    font-size: 2.25rem;
  }
}
.box-menu-2022__title span, .box-menu-2022__title i {
  font-style: normal;
  color: #FF00A5;
}
@media screen and (max-width: 39.9375em) {
  .box-menu-2022__title {
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 64em) {
  .box-menu-2022__title {
    font-size: 3.75rem;
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

.box-item-2022 {
  position: relative;
  background: transparent;
  margin: 0;
  z-index: 1;
  text-align: center;
  width: 100%;
  margin-bottom: 14px;
}
@media screen and (min-width: 40em) {
  .box-item-2022 {
    margin: 0 14px 28px;
    margin-bottom: 28px;
    width: calc(50% - 14px);
  }
}
@media screen and (min-width: 40em) {
  .box-item-2022:nth-of-type(1), .box-item-2022:nth-of-type(3), .box-item-2022:nth-of-type(5), .box-item-2022:nth-of-type(7) {
    margin-left: 0;
  }
}
@media screen and (min-width: 40em) {
  .box-item-2022:nth-of-type(2), .box-item-2022:nth-of-type(4), .box-item-2022:nth-of-type(6), .box-item-2022:nth-of-type(8) {
    margin-right: 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .box-item-2022:nth-of-type(1) .box-item-2022__title, .box-item-2022:nth-of-type(2) .box-item-2022__title, .box-item-2022:nth-of-type(3) .box-item-2022__title {
    display: none !important;
  }
}
@media screen and (max-width: 39.9375em) {
  .box-item-2022:nth-of-type(5) {
    order: -1;
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 39.9375em) {
  .box-item-2022:nth-last-child(1) {
    margin-left: 0.5rem;
    width: calc(50% - 0.5rem);
  }
}
@media screen and (max-width: 39.9375em) {
  .box-item-2022:nth-last-child(2) {
    margin-right: 0.5rem;
    width: calc(50% - 0.5rem);
  }
}
@media screen and (max-width: 39.9375em) {
  .box-item-2022:nth-last-child(1), .box-item-2022:nth-last-child(2) {
    margin-bottom: 0;
  }
  .box-item-2022:nth-last-child(1) .box-item-2022__title, .box-item-2022:nth-last-child(2) .box-item-2022__title {
    font-size: 1.25rem !important;
  }
}
.box-item-2022__image {
  width: 100%;
  height: auto;
  display: block;
}
.box-item-2022__title {
  z-index: 10;
  color: white;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  max-width: calc(100% - 2rem);
  margin: 0;
  font-size: 2.375rem;
  width: 100%;
}
.box-item-2022__title i, .box-item-2022__title span {
  font-style: normal;
  color: #FF00A5;
}
.box-item-2022__title.long {
  word-break: break-all;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media all and (max-width: 1000px) {
  .box-item-2022__title {
    bottom: 15px;
    font-size: 1.625rem;
  }
}
@media all and (max-width: 710px) {
  .box-item-2022__title {
    font-size: 1.625rem;
  }
}
.box-item-2022__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 10;
}

.competition {
  text-align: left;
}
.competition__sidecol {
  background: #f5f5f5;
  padding: 20px;
}
@media screen and (max-width: 39.9375em) {
  .competition__sidecol {
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 64em) {
  .competition__sidecol {
    padding: 40px;
  }
}
.competition__sidecol h2 {
  font-size: 1.5rem;
}
.competition__sidecol #mc-embedded-subscribe-form {
  position: relative;
}
.competition__sidecol #mc_embed_signup_scroll > h2:first-child {
  margin-bottom: 0;
}
@media screen and (min-width: 73.75em) {
  .competition__sidecol #mc_embed_signup_scroll > h2:first-child {
    width: 70%;
    margin-bottom: 15px;
  }
}
.competition__sidecol #mce-responses {
  margin-bottom: 1rem;
  color: #d8040f;
}
.competition__sidecol .indicates-required {
  display: block;
  font-size: 1rem !important;
  text-align: left !important;
  margin: 0.75rem 0;
}
@media screen and (min-width: 73.75em) {
  .competition__sidecol .indicates-required {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right !important;
    margin: 0;
  }
}
.competition__sidecol .asterisk {
  color: #000 !important;
}
.competition__sidecol ul {
  margin: 1rem 0 1rem !important;
  font-size: 1rem;
}
.competition__sidecol li {
  list-style-type: none;
  margin: 0;
}
.competition__sidecol li input {
  margin-bottom: 1rem;
}
.competition__sidecol input {
  margin-bottom: 1.25rem;
}
.competition__sidecol .input-group {
  margin: 0;
}
.competition__sidecol .mc-field-group {
  padding: 0 !important;
  margin-bottom: 0;
}
.competition__sidecol .mc-field-group label {
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.competition__sidecol .mc-field-group input {
  border: 1px solid #D3D3D3 !important;
  border-radius: 0 !important;
  background: transparent;
}
.competition__sidecol .mc-field-group input:active, .competition__sidecol .mc-field-group input:focus {
  border-color: #4F0A92 !important;
}
.competition__sidecol .mc-field-group input.mce_inline_error {
  border-color: #d8040f !important;
  margin-bottom: 5px !important;
}
.competition__sidecol .mc-field-group .datefield {
  padding: 0 !important;
  margin-bottom: 23px !important;
}
.competition__sidecol .mc-field-group .datefield .small-meta {
  visibility: hidden;
}
.competition__sidecol .mc-field-group .datefield input {
  margin: 0;
}
.competition__sidecol .mc-field-group .dayfield,
.competition__sidecol .mc-field-group .monthfield {
  width: 50px;
  display: inline-block;
}
.competition__sidecol .mc-field-group .dayfield input,
.competition__sidecol .mc-field-group .monthfield input {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: left;
}
.competition__sidecol .mc-field-group .yearfield {
  width: 100px;
  display: inline-block;
}
.competition__sidecol .button {
  margin: 0;
}
.competition__sidecol div.mce_inline_error {
  padding: 0 !important;
  background: none !important;
  color: #d8040f !important;
  font-size: 1rem !important;
  margin-bottom: 16px !important;
}
.competition__sidecol .signup__error {
  margin-top: 0 !important;
  display: none;
}
.competition__sidecol input:checked + label + .signup__error {
  display: none;
}
.competition__content {
  text-align: left;
}
.competition .copy, .competition .copy p, .copy .competition p, .competition .copy li, .copy .competition li {
  margin-bottom: 1.5rem;
}
.competition .copy h2, .copy .competition p h2, .copy .competition li h2, .competition .copy h3, .copy .competition p h3, .copy .competition li h3 {
  font-size: 1.5rem;
  color: #321450;
}
.competition .copy h2:first-child, .copy .competition p h2:first-child, .copy .competition li h2:first-child, .competition .copy h3:first-child, .copy .competition p h3:first-child, .copy .competition li h3:first-child {
  margin-top: 0;
}
.competition .copy .button, .copy .competition p .button, .copy .competition li .button {
  color: white;
}
.competition .copy .button--teal, .copy .competition p .button--teal, .copy .competition li .button--teal, .competition .copy .inline-buttons .button:first-child, .inline-buttons .competition .copy .button:first-child, .copy .competition p .inline-buttons .button:first-child, .inline-buttons .copy .competition p .button:first-child, .copy .competition li .inline-buttons .button:first-child, .inline-buttons .copy .competition li .button:first-child, .competition .copy .competition__sidecol .button, .competition__sidecol .competition .copy .button, .copy .competition p .competition__sidecol .button, .competition__sidecol .copy .competition p .button, .copy .competition li .competition__sidecol .button, .competition__sidecol .copy .competition li .button {
  border-color: #6DFFE6 !important;
  background-color: #6DFFE6 !important;
  color: #321450 !important;
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 40em) {
  .competition__wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.competition__sticky-button {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 253, 94, 0.84);
  color: #321450;
  font-size: 1.125rem;
  text-transform: uppercase;
  text-align: center;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1.2;
  padding: 12px;
  width: 100%;
  padding-left: 2rem;
  z-index: 10;
}

@media screen and (max-width: 39.9375em) {
  .competition-page .banner__title {
    max-width: 210px;
  }
}
.competition-page .banner__subtitle {
  max-width: 925px;
}
@media screen and (max-width: 39.9375em) {
  .competition-page .banner__subtitle {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .competition-page .banner__frills-right {
    background: none;
    display: block;
    bottom: -60px;
    right: 10vw;
    width: 223px;
    height: 671px;
  }
}

.submit-attempted .signup__error {
  display: block;
}

.competition-modal {
  text-align: center;
  padding: 20px;
  margin-bottom: 1rem;
  outline: 0;
}
@media screen and (min-width: 40em) {
  .competition-modal {
    padding: 30px;
  }
}
.competition-modal__title {
  font-size: 1.75rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 39.9375em) {
  .competition-modal__title {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .competition-modal__title {
    font-size: 3.4375rem;
    margin-top: 1rem;
  }
}
.competition-modal__copy {
  margin-bottom: 1.5rem;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .competition-modal__copy {
    margin-bottom: 2rem;
  }
}

@media screen and (min-width: 40em) {
  .cm-tables {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .cm-tables {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 22px;
  }
}

.cm-table {
  border: 1px solid #ccc;
  pointer-events: auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .cm-table {
    margin-bottom: 1.75rem;
  }
}
.cm-table__title {
  padding: 1rem;
  font-size: 1.5rem;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  border-bottom: 1px solid #ccc;
  text-align: left;
}
.cm-table__body {
  padding: 0 1rem;
  display: table;
  text-align: left;
  width: 100%;
}
.cm-table__row {
  display: flex;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #ccc;
  align-items: center;
}
.cm-table__row:last-child {
  border-bottom: 0;
}
.cm-table__num, .cm-table__icon, .cm-table__name {
  font-size: 1rem;
  padding: 0;
  line-height: 1;
}
.cm-table__num {
  font-size: 1rem;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  color: #321450;
}
.cm-table__icon {
  padding: 0 0.75rem 0 0.75rem !important;
}
.cm-table__icon:after {
  content: "";
  display: block;
  width: 30px;
  height: 28px;
  background: url(../img/components/competition/shirt-green.svg) no-repeat;
  background-size: contain;
}
.cm-table__icon.yellow:after {
  background-image: url(../img/components/competition/shirt-yellow.svg);
}
.cm-table__icon.amber:after {
  background-image: url(../img/components/competition/shirt-amber.svg);
}
.cm-table__icon.orange:after {
  background-image: url(../img/components/competition/shirt-orange.svg);
}
.cm-table__icon.red:after {
  background-image: url(../img/components/competition/shirt-red.svg);
}
.cm-table__name {
  color: #321450;
  pointer-events: auto;
  position: relative;
  z-index: 1;
  -webkit-user-select: all; /* Chrome all / Safari all */
  -moz-user-select: all; /* Firefox all */ /* IE 10+ */
  user-select: all;
}
@media screen and (min-width: 40em) {
  .cm-table.no-bottom {
    margin-bottom: 0;
  }
}

.formatted-title {
  -webkit-hyphens: none;
          hyphens: none;
}
.formatted-title i, .formatted-title strong {
  color: #D2FF00;
  font-style: normal;
}

.formatted-title-23 {
  -webkit-hyphens: none;
          hyphens: none;
}
.formatted-title-23 i, .formatted-title-23 strong {
  color: #00DDE3 !important;
  font-style: normal;
}

.formatted-title-24 {
  -webkit-hyphens: none;
          hyphens: none;
}
.formatted-title-24 i, .formatted-title-24 strong {
  color: #FF501E !important;
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
}

.breadcrumbs {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  overflow: hidden;
  text-align: left;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #190A28;
  font-size: 0.8125rem;
}
@media screen and (min-width: 40em) {
  .breadcrumbs {
    font-size: 0.875rem;
  }
}
.breadcrumbs li {
  display: inline;
  color: #190A28;
  float: none;
}
.breadcrumbs li:not(:last-child):after {
  position: relative;
  margin: 0 0 1px 4px;
  opacity: 1;
  content: "";
  color: #190A28;
  background: url(../img/breadcrumb-divider-purple.svg) no-repeat center;
  background-size: contain;
  width: 6.21px;
  height: 8.29px;
  display: inline-block;
}
.breadcrumbs a {
  color: #190A28;
  text-decoration: none;
  font-size: inherit;
}
.breadcrumbs .current a {
  color: #FFA528;
}

.byline-list {
  text-align: left;
}
.byline-list__wrapper {
  padding: 15px 0 20px;
}
@media screen and (min-width: 40em) {
  .byline-list__wrapper {
    padding: 20px 0 60px;
  }
}
.byline-list__tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
@media screen and (min-width: 40em) {
  .byline-list__tags {
    margin-bottom: 7px;
  }
}
.byline-list__tag {
  background: #F0F0F0;
  font-size: 1rem;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  color: #190A28;
  text-transform: uppercase;
  line-height: 1.25;
  padding: 15px;
  border-radius: 4px;
  text-decoration: none;
  transition: color 0s, background-color 200ms !important;
  text-align: center;
  margin: 0 15px 15px 0;
}
@media screen and (max-width: 39.9375em) {
  .byline-list__tag {
    width: calc(50% - 5px);
    margin: 0 10px 10px 0;
  }
  .byline-list__tag:nth-child(even) {
    margin-right: 0 !important;
  }
}
.byline-list__tag:hover, .byline-list__tag:active {
  color: white;
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
}
.byline-list__tag.is-active {
  color: white;
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
}
.byline-list__breadcrumbs {
  text-align: left;
  margin-bottom: 1rem;
}
.byline-list__boxes {
  font-size: 0;
}
@media screen and (max-width: 39.9375em) {
  .byline-list__boxes {
    margin-bottom: 2rem;
  }
}
.byline-list__ad-wrapper {
  display: block;
  position: relative;
  aspect-ratio: 330/191;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .byline-list__ad-wrapper {
    margin-top: 10px;
    margin-bottom: 40px;
  }
  .byline-list__ad-wrapper:after {
    display: block;
    content: "";
    width: 100%;
    border-bottom: 1px solid #E2E2E2;
    position: absolute;
    bottom: -20px;
  }
}
@media screen and (min-width: 40em) {
  .byline-list__ad-wrapper {
    aspect-ratio: 766/185;
    width: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
  }
}
@media screen and (min-width: 64em) {
  .byline-list__ad-wrapper {
    display: inline-block;
    width: 100%;
    grid-column-start: 3;
    grid-column-end: 4;
    margin-bottom: 0;
    aspect-ratio: 396/710;
  }
}
.byline-list .views-infinite-scroll-content-wrapper {
  display: flex;
  gap: 11px;
  flex-wrap: wrap;
}
@media screen and (min-width: 40em) {
  .byline-list .views-infinite-scroll-content-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
  }
}
@media screen and (min-width: 64em) {
  .byline-list .views-infinite-scroll-content-wrapper {
    gap: 28px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 39.9375em) {
  .byline-list .b-box:nth-child(1), .byline-list .b-box#byline-article-pinned {
    flex-direction: column;
    align-items: initial;
  }
  .byline-list .b-box:nth-child(1) .b-box__image-wrapper, .byline-list .b-box#byline-article-pinned .b-box__image-wrapper {
    width: 100%;
    height: auto;
    order: 0;
  }
  .byline-list .b-box:nth-child(1) .b-box__image-sm, .byline-list .b-box#byline-article-pinned .b-box__image-sm {
    display: none;
  }
  .byline-list .b-box:nth-child(1) .b-box__image-lg, .byline-list .b-box#byline-article-pinned .b-box__image-lg {
    display: block;
  }
  .byline-list .b-box:nth-child(1) .b-box__title, .byline-list .b-box#byline-article-pinned .b-box__title {
    font-size: 1.3125rem;
  }
}
@media screen and (min-width: 40em) {
  .byline-list .b-box:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .byline-list .b-box:nth-child(1) .b-box__abstract {
    display: block;
  }
  .byline-list .b-box:nth-child(1) .b-box__gradient {
    display: block;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .byline-list .b-box#byline-article-pinned {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .byline-list .b-box#byline-article-pinned .b-box__abstract {
    display: block;
  }
  .byline-list .b-box#byline-article-pinned .b-box__gradient {
    display: block;
  }
}
@media screen and (min-width: 64em) {
  .byline-list .b-box {
    display: inline-block;
    width: 100%;
  }
  .byline-list .b-box:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .byline-list .b-box#byline-article-pinned {
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    padding: 50px 0;
    width: 100%;
    margin: 0 0 25px;
    display: flex;
    gap: 28px;
    flex-direction: row;
    grid-column-start: 1;
    grid-column-end: 4;
  }
  .byline-list .b-box#byline-article-pinned .b-box__title {
    font-size: 2rem;
    margin-top: 0;
  }
  .byline-list .b-box#byline-article-pinned .b-box__image-wrapper {
    width: 50%;
  }
  .byline-list .b-box#byline-article-pinned .b-box__content {
    width: 50%;
    max-height: 310px;
  }
  .byline-list .b-box#byline-article-pinned .b-box__abstract {
    display: block;
  }
  .byline-list .b-box#byline-article-pinned .b-box__gradient {
    display: block;
  }
}
.byline-list .pager__item {
  margin-top: 10px;
}
@media screen and (min-width: 64em) {
  .byline-list .pager__item {
    margin-top: 20px;
  }
}

#views-exposed-form-the-byline-listing-2021-block-2 {
  display: none;
}

#views-exposed-form-guides-listing-block-2 {
  display: none;
}

.byline-categories__top {
  background-color: #fff;
  border-bottom: 1px solid #F0F0F0;
}
.byline-categories__item {
  display: inline-flex;
}
.byline-categories__item:first-child {
  margin-left: -25px;
}
.byline-categories__link {
  color: #190A28;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  padding: 20px 25px;
}
.byline-categories__link:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: #F0F0F0;
  transform: rotate(45deg);
  position: absolute;
  bottom: -8px;
  left: calc(50% - 8px);
  opacity: 0;
  transition: opacity 200ms;
}
.byline-categories__link.active:after {
  opacity: 1;
}
.byline-categories__item {
  position: relative;
}
.byline-categories__arrow {
  position: absolute;
  top: 23px;
  right: 5px;
  width: 12px;
}
.byline-categories__submenu {
  background-color: #F0F0F0;
  display: none;
}
.byline-categories__submenu--active {
  display: block;
}
.byline-categories__submenu .columns {
  display: flex;
}
.byline-categories__submenu .byline-categories__sub-item {
  display: inline-flex;
  padding: 20px 0;
  padding-right: 35px;
}
.byline-categories__submenu .byline-categories__sub-item--close {
  cursor: pointer;
  margin-left: auto;
}
.byline-categories__submenu .byline-categories__sub-link {
  color: #190A28;
  font-size: 18px;
  line-height: 18px;
  text-decoration: none;
}
.byline-categories__submenu .byline-categories__sub-link--active, .byline-categories__submenu .byline-categories__sub-link:hover {
  position: relative;
}
.byline-categories__submenu .byline-categories__sub-link--active:after, .byline-categories__submenu .byline-categories__sub-link:hover:after {
  background-color: #FFA528;
  bottom: -5px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}

.b-box {
  background: white;
  position: relative;
  padding: 0;
  text-align: left;
  transition: color 200ms, border 200ms;
  box-shadow: none;
  color: #000;
  vertical-align: top;
  width: 100%;
}
@media print {
  .b-box {
    border: 1px solid grey;
  }
}
@media screen and (max-width: 39.9375em) {
  .b-box {
    display: flex;
    gap: 15px;
    align-items: center;
    border-bottom: 1px solid #E2E2E2;
    padding-bottom: 11px;
  }
}
.b-box__title {
  font-size: 0.875rem;
  margin: 0 0 0.25rem;
  transition: opacity 200ms;
}
@media screen and (min-width: 40em) {
  .b-box__title {
    margin: 1rem 0 0.5rem;
    font-size: 1.3125rem;
  }
}
.b-box__date, .b-box__author {
  display: inline-block;
  text-align: left;
  margin: 0;
  line-height: 1;
}
.b-box__meta {
  text-align: left;
  position: relative;
  font-size: 0.875rem;
  margin: 0;
}
@media screen and (min-width: 40em) {
  .b-box__meta {
    font-size: 1.125rem;
  }
}
.b-box__abstract {
  display: none;
  font-size: 1rem;
}
.b-box__abstract p {
  margin-bottom: 0;
}
.b-box__content {
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 100%;
}
@media screen and (min-width: 40em) {
  .b-box__content {
    max-height: 183px;
  }
}
@media screen and (min-width: 64em) {
  .b-box__content {
    max-height: 225px;
  }
}
.b-box__gradient {
  display: none;
  content: "";
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 49px;
}
.b-box__image-sm, .b-box__image-lg {
  width: 100%;
  height: auto;
  transition: transform 200ms, filter 200ms;
}
@media screen and (min-width: 40em) {
  .b-box__image-sm {
    display: none;
  }
}
@media screen and (max-width: 39.9375em) {
  .b-box__image-lg {
    display: none;
  }
}
.b-box__image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .b-box__image-wrapper {
    width: 70px;
    height: 70px;
    order: 1;
  }
}
.b-box__link {
  text-decoration: none;
}
.b-box__hr {
  border-bottom: 1px solid green;
  width: 100%;
  display: none;
}
.b-box__category {
  padding-right: 10px;
  font-weight: 600;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  color: #452C60;
  text-transform: uppercase;
}
.b-box:hover, .b-box:active {
  color: black;
}
.b-box:hover .b-box__image, .b-box:active .b-box__image {
  transform: scale(1.02);
}
.b-box:hover .b-box__title, .b-box:active .b-box__title {
  opacity: 0.75;
}

.bf-box {
  margin-bottom: 1.5rem;
  position: relative;
}
@media screen and (min-width: 40em) {
  .bf-box {
    margin-bottom: 2rem;
  }
}
.bf-box__title {
  font-size: 1.375rem;
  color: #321450;
  margin-bottom: 2px;
}
@media screen and (min-width: 40em) {
  .bf-box__title {
    font-size: 2.375rem;
    margin-bottom: 0.75px;
  }
}
.bf-box__image {
  margin-bottom: 1.5rem;
}
.bf-box__info span {
  display: inline-block;
  font-size: 1rem;
}
@media screen and (min-width: 40em) {
  .bf-box__info span {
    font-size: 1.125rem;
  }
}
.bf-box__info span:first-child {
  margin-right: 0.25em;
}
.bf-box__category {
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  color: #641EAA !important;
  line-height: 1.3;
}
.bf-box__date {
  color: #747474;
  font-size: 0.75rem;
  line-height: 1.3;
}
@media screen and (min-width: 40em) {
  .bf-box__date {
    font-size: 1.125rem;
  }
}
.b-sidecol__ad {
  margin: 0 0 1.25rem;
}
@media screen and (min-width: 40em) {
  .b-sidecol__ad {
    margin: 0;
  }
}
@media screen and (min-width: 64em) {
  .b-sidecol__ad {
    margin: 5px 0 0;
  }
}
.b-sidecol__title {
  color: #641EAA;
  font-size: 1.625rem;
}

.b-sidecol-item {
  position: relative;
  margin: 0 0 15px;
  padding: 0;
  min-height: 80px;
  display: flex;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .b-sidecol-item {
    align-items: center;
  }
}
.b-sidecol-item__title {
  color: #321450;
  font-size: 0.875rem;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  text-transform: none;
  margin: 0;
  line-height: 1.22;
}
@media screen and (min-width: 64em) {
  .b-sidecol-item__title {
    font-size: 1.125rem;
  }
}
.b-sidecol-item:hover .b-sidecol-item__title, .b-sidecol-item:active .b-sidecol-item__title {
  color: #641EAA;
}
.b-sidecol-item__content-wrapper {
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  padding: 10px;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 40em) {
  .b-sidecol-item__content-wrapper {
    border: 0;
    padding: 0 0 0 10px;
  }
}
@media screen and (min-width: 64em) {
  .b-sidecol-item__content-wrapper {
    padding: 5px 0 0 15px;
  }
}
.b-sidecol-item__info span {
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.3;
}
@media screen and (min-width: 64em) {
  .b-sidecol-item__info span {
    font-size: 1rem;
  }
}
.b-sidecol-item__info span:first-child {
  margin-right: 0.25em;
}
.b-sidecol-item__category {
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  color: #641EAA !important;
  line-height: 1.3;
}
.b-sidecol-item__date, .b-sidecol-item__author {
  color: #190A28 !important;
}
.b-sidecol-item__image-wrapper {
  min-width: 80px;
  min-height: 80px;
  margin: 0;
  position: relative;
}
.b-sidecol-item__image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.b-article {
  text-align: left;
}
.b-article__wrapper {
  padding: 10px 0 20px;
}
@media screen and (min-width: 40em) {
  .b-article__wrapper {
    padding: 40px 0 60px;
  }
}
.b-article__breadcrumbs {
  margin-bottom: 1rem;
}
.b-article__category {
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  color: #641EAA !important;
  line-height: 1;
  margin-right: 15px;
}
@media screen and (max-width: 63.9375em) {
  .b-article__category {
    display: block !important;
  }
}
.b-article__date, .b-article__author {
  color: #747474 !important;
}
.b-article__title {
  font-size: 1.375rem;
  text-align: left;
  margin-bottom: 10px;
  line-height: 1.1;
}
@media screen and (min-width: 64em) {
  .b-article__title {
    font-size: 2.375rem;
    margin-bottom: 1.5rem;
  }
}
.b-article__info-wrapper {
  text-align: left;
  position: relative;
}
.b-article__info {
  text-align: left;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 40em) {
  .b-article__info {
    margin-bottom: 2rem;
  }
}
.b-article__info span {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
}
@media screen and (min-width: 40em) {
  .b-article__info span {
    font-size: 1.125rem;
  }
}
.b-article__share {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.b-article__share .share-btn__label {
  color: #321450;
  opacity: 1;
}
.b-article__copy.copy, .copy p.b-article__copy, .copy li.b-article__copy {
  font-size: 0.875rem;
}
@media screen and (max-width: 39.9375em) {
  .b-article__copy.copy, .copy p.b-article__copy, .copy li.b-article__copy {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 40em) {
  .b-article__copy.copy, .copy p.b-article__copy, .copy li.b-article__copy {
    font-size: 1.125rem;
  }
}
.b-article__copy.copy p, .copy p.b-article__copy p, .copy li.b-article__copy p {
  font-size: inherit;
}
.b-article__copy.copy h2, .copy p.b-article__copy h2, .copy li.b-article__copy h2, .b-article__copy.copy h2 {
  margin-top: 0;
  font-size: 1.125rem;
  color: #321450;
}
@media screen and (min-width: 64em) {
  .b-article__copy.copy h2, .copy p.b-article__copy h2, .copy li.b-article__copy h2, .b-article__copy.copy h2 {
    font-size: 1.75rem;
  }
}
.b-article__copy.copy h3, .copy p.b-article__copy h3, .copy li.b-article__copy h3, .b-article__copy.copy h4, .copy p.b-article__copy h4, .copy li.b-article__copy h4, .b-article__copy.copy h5, .copy p.b-article__copy h5, .copy li.b-article__copy h5, .b-article__copy.copy h6, .copy p.b-article__copy h6, .copy li.b-article__copy h6 {
  margin-top: 0;
  font-size: 1rem;
  color: #321450;
}
@media screen and (min-width: 64em) {
  .b-article__copy.copy h3, .copy p.b-article__copy h3, .copy li.b-article__copy h3, .b-article__copy.copy h4, .copy p.b-article__copy h4, .copy li.b-article__copy h4, .b-article__copy.copy h5, .copy p.b-article__copy h5, .copy li.b-article__copy h5, .b-article__copy.copy h6, .copy p.b-article__copy h6, .copy li.b-article__copy h6 {
    font-size: 1.375rem;
  }
}
.b-article__copy.copy blockquote, .copy p.b-article__copy blockquote, .copy li.b-article__copy blockquote {
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif !important;
  color: #321450;
  font-size: 0.875rem !important;
  line-height: 1.14;
  padding-left: 10px;
  text-transform: uppercase;
}
@media screen and (min-width: 40em) {
  .b-article__copy.copy blockquote, .copy p.b-article__copy blockquote, .copy li.b-article__copy blockquote {
    font-size: 1.5rem !important;
    padding-left: 20px;
  }
}
.b-article__copy.copy blockquote p, .copy p.b-article__copy blockquote p, .copy li.b-article__copy blockquote p {
  font-family: inherit;
  color: inherit;
  text-transform: inherit;
  line-height: inherit;
  font-size: inherit;
}
.b-article__copy.copy .insert-editors-picks, .copy p.b-article__copy .insert-editors-picks, .copy li.b-article__copy .insert-editors-picks {
  font-size: 0;
}
.b-article__copy.copy .editors-picks, .copy p.b-article__copy .editors-picks, .copy li.b-article__copy .editors-picks {
  display: block;
}
.b-article__abstract {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  color: #321450;
}
@media screen and (min-width: 40em) {
  .b-article__abstract {
    font-size: 1.125rem;
  }
}
.b-article__abstract p {
  font-size: inherit;
  color: inherit;
}
.b-article__abstract a,
.b-article__abstract a:visited {
  color: #321450;
}
.b-article__subtitle {
  font-size: 1.25rem;
  text-align: left;
  margin-top: 1.25rem;
  margin-bottom: 0.75rem;
  line-height: 1.1;
  color: #641EAA;
}
@media screen and (min-width: 64em) {
  .b-article__subtitle {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
  }
}
.b-article__bottom {
  margin-top: 0.75rem;
  margin-bottom: 1rem;
}
.b-rel-box {
  position: relative;
  margin: 0 0 10px;
  padding: 0;
  min-height: 80px;
  display: flex;
  vertical-align: top;
  border-bottom: 1px solid #E2E2E2;
}
@media screen and (max-width: 63.9375em) {
  .b-rel-box {
    padding-bottom: 11px;
  }
}
@media screen and (min-width: 64em) {
  .b-rel-box {
    min-height: 147px;
    margin-bottom: 20px;
    border-top: 1px solid #E2E2E2;
  }
}
.b-rel-box__title {
  color: #321450;
  font-size: 0.875rem;
  margin: 0;
  line-height: 1.22;
  transition: color 200ms;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
}
@media screen and (min-width: 64em) {
  .b-rel-box__title {
    font-size: 1.375rem;
  }
}
.b-rel-box:hover .b-rel-box__title, .b-rel-box:active .b-rel-box__title {
  color: #641EAA;
}
.b-rel-box__content-wrapper {
  padding: 10px 0;
  width: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 63.9375em) {
  .b-rel-box__content-wrapper {
    padding-right: 20px;
  }
}
@media screen and (min-width: 64em) {
  .b-rel-box__content-wrapper {
    padding: 20px 20px 20px 30px;
  }
}
.b-rel-box__info {
  margin-top: 1px;
  margin-bottom: 1px;
}
.b-rel-box__info span {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.3;
}
@media screen and (min-width: 64em) {
  .b-rel-box__info span {
    font-size: 1rem;
  }
}
.b-rel-box__info span:first-child {
  margin-right: 0.25em;
}
.b-rel-box__category {
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  color: #641EAA !important;
  line-height: 1.3;
}
@media screen and (max-width: 63.9375em) {
  .b-rel-box__category {
    display: block;
  }
}
.b-rel-box__date, .b-rel-box__author {
  color: #190A28 !important;
}
.b-rel-box__image-wrapper {
  width: 80px;
  min-width: 80px;
  min-height: 80px;
  margin: 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 63.9375em) {
  .b-rel-box__image-wrapper {
    order: 1;
  }
}
@media screen and (min-width: 64em) {
  .b-rel-box__image-wrapper {
    margin-right: 0;
    width: 260px;
    min-width: 260px;
    min-height: 147px;
  }
}
.b-rel-box__image-sm, .b-rel-box__image-lg {
  width: 100%;
  height: auto;
  transition: transform 200ms, filter 200ms;
}
@media screen and (min-width: 64em) {
  .b-rel-box__image-sm {
    display: none;
  }
}
.b-rel-box__image-lg {
  position: absolute;
  inset: 0;
}
@media screen and (max-width: 63.9375em) {
  .b-rel-box__image-lg {
    display: none;
  }
}

.f-image-text {
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 525px;
  background: rgb(49, 19, 79);
  background: linear-gradient(180deg, rgb(49, 19, 79) 0%, rgb(25, 10, 40) 525px);
  padding: 40px 0;
}
@media screen and (min-width: 40em) {
  .f-image-text {
    display: flex;
    align-items: center;
    text-align: left;
    height: 601px;
    background: linear-gradient(180deg, rgb(49, 19, 79) 0%, rgb(25, 10, 40) 601px);
    padding: 50px 1rem;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text {
    padding: 50px 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .f-image-text + .f-image-text {
    padding: 20px 0;
  }
}
.f-image-text:nth-last-child(2) {
  padding-bottom: 40px;
}
@media screen and (min-width: 64em) {
  .f-image-text:nth-last-child(2) {
    padding-bottom: 100px;
  }
}
.f-image-text__wrapper {
  overflow: hidden;
  padding: 35px 0 32px;
}
@media screen and (min-width: 40em) {
  .f-image-text__wrapper {
    padding: 110px 0 150px;
  }
}
.f-image-text__bg {
  position: absolute;
  height: 525px;
  width: auto;
  min-width: 550px;
  top: 0;
  left: 50%;
  transform: translateX(-47.8%);
  -o-object-fit: cover;
     object-fit: cover;
  background: transparent url(../img/components/features-2021/1-bg-sm.svg);
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .f-image-text__bg {
    height: 601px;
    min-width: 2164px;
    transform: translateX(-49.95%);
    background-image: url(../img/components/features-2021/1-bg-lg.svg);
  }
}
.f-image-text__title {
  color: white;
  font-size: 1.625rem;
  margin-bottom: 15px;
  position: relative;
  line-height: 1.1;
}
@media screen and (min-width: 64em) {
  .f-image-text__title {
    font-size: 3.375rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text__title {
    margin-bottom: 1.75rem;
  }
}
.f-image-text__content-wrapper {
  visibility: hidden;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .f-image-text__content-wrapper {
    text-align: left;
  }
}
.f-image-text__abstract {
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 40em) {
  .f-image-text__abstract {
    margin-bottom: 1rem;
  }
}
.f-image-text__abstract p {
  text-align: center;
  color: white;
  line-height: 1.14;
  font-size: 1rem !important;
}
@media screen and (min-width: 64em) {
  .f-image-text__abstract p {
    font-size: 1.3125rem !important;
  }
}
.f-image-text__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  font-size: 0.875rem;
}
@media screen and (min-width: 40em) {
  .f-image-text__content p {
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text__content p {
    font-size: 1.125rem;
  }
}
.f-image-text__content a,
.f-image-text__content a:visited {
  color: #D2FF00;
  text-decoration: underline;
}
.f-image-text__content a:hover,
.f-image-text__content a:active {
  color: #f2ffb3;
}
.f-image-text__row {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .f-image-text__row {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
}
.f-image-text__image-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .f-image-text__image-container {
    padding: 0 1rem;
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 40em) {
  .f-image-text__image-container {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    width: calc(50% - 1rem);
    text-align: right;
    margin: 0 auto;
    padding: 0 1rem;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text__image-container {
    width: calc(50% - 98px);
  }
}
.f-image-text__image {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 720px;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .f-image-text__image {
    width: 100%;
    max-width: none;
  }
}
.f-image-text__image-frill {
  position: absolute;
  z-index: 999;
  top: -30px;
  right: 0;
  width: 100px;
}
.f-image-text__video {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 720px;
}
@media screen and (max-width: 39.9375em) {
  .f-image-text__video {
    width: 100%;
    max-width: none;
  }
}
.f-image-text__buttons {
  margin-top: 1rem;
}
@media screen and (min-width: 40em) {
  .f-image-text__buttons {
    margin-top: 1.5rem;
  }
}
.f-image-text--features:nth-child(4n+4) {
  min-height: 507px;
}
@media screen and (min-width: 40em) {
  .f-image-text--features:nth-child(4n+4) {
    height: 551px;
  }
}
.f-image-text--features:nth-child(4n+4) .f-image-text__bg {
  height: 507px;
  min-width: 491px;
  transform: translateX(-44.8%);
  background-image: url(../img/components/features-2021/2-bg-sm.svg);
}
@media screen and (min-width: 40em) {
  .f-image-text--features:nth-child(4n+4) .f-image-text__bg {
    height: 551px;
    min-width: 2152px;
    transform: translateX(-53.61%);
    background-image: url(../img/components/features-2021/2-bg-lg.svg);
  }
}
.f-image-text--features:nth-child(4n+5) {
  min-height: 505px;
}
@media screen and (min-width: 40em) {
  .f-image-text--features:nth-child(4n+5) {
    height: 550px;
  }
}
.f-image-text--features:nth-child(4n+5) .f-image-text__bg {
  height: 505px;
  min-width: 439px;
  transform: translateX(-53%);
  background-image: url(../img/components/features-2021/3-bg-sm.svg);
}
@media screen and (min-width: 40em) {
  .f-image-text--features:nth-child(4n+5) .f-image-text__bg {
    height: 550px;
    min-width: 2176px;
    transform: translateX(-48.71%);
    background-image: url(../img/components/features-2021/3-bg-lg.svg);
  }
}
.f-image-text--features:nth-child(4n+6) {
  min-height: 525px;
  background: #180D23 !important;
}
@media screen and (min-width: 40em) {
  .f-image-text--features:nth-child(4n+6) {
    height: 602px;
  }
}
.f-image-text--features:nth-child(4n+6) .f-image-text__bg {
  height: 525px;
  min-width: 669px;
  transform: translateX(-61.43%);
  background-image: url(../img/components/features-2021/4-bg-sm.svg);
}
@media screen and (min-width: 40em) {
  .f-image-text--features:nth-child(4n+6) .f-image-text__bg {
    height: 602px;
    min-width: 2227px;
    transform: translateX(-51.5%);
    background-image: url(../img/components/features-2021/4-bg-lg.svg);
  }
}
.f-image-text--features:nth-child(2n+4) {
  background: linear-gradient(180deg, rgb(25, 10, 40) 0%, rgb(49, 19, 79) 525px);
}
@media screen and (min-width: 40em) {
  .f-image-text--features:nth-child(2n+4) {
    background: linear-gradient(180deg, rgb(25, 10, 40) 0%, rgb(49, 19, 79) 602px);
  }
}
@media screen and (min-width: 40em) {
  .f-image-text--features:nth-child(2n+4) .f-image-text__row {
    flex-direction: row;
  }
}
@media screen and (min-width: 40em) {
  .f-image-text--features:nth-child(2n+4) .f-image-text__image-container {
    left: initial;
    right: 1rem;
    text-align: left;
  }
}

@media screen and (max-width: 39.9375em) {
  #fm21-touch-interaction-section .f-image-text__bg {
    background: transparent url(../img/components/features-2021/1-bg-sm.svg) !important;
  }
}

.c-features {
  position: relative;
  background: #321450;
  text-align: center;
  padding: 40px 1rem;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .c-features {
    padding: 70px 0 80px;
  }
}
.c-features__content-wrapper {
  position: relative;
  z-index: 1;
}
.c-features__abstract {
  color: white;
}
@media screen and (min-width: 40em) {
  .c-features__abstract {
    font-size: 1.3125rem;
  }
}
.c-features__abstract p {
  line-height: 1.125;
}
.c-features__abstract p:last-child {
  margin: 0;
}
.c-features__abstract a {
  color: #D2FF00;
  text-decoration: underline;
}
.c-features__abstract a:visited {
  color: #D2FF00;
}
.c-features__abstract a:hover, .c-features__abstract a:active {
  color: #dbff33;
}
.c-features__title {
  font-size: 1.625rem;
  color: white;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 40em) {
  .c-features__title {
    font-size: 3.375rem;
    margin-bottom: 1.25rem;
  }
}
.c-features__bg-tr {
  width: 636px;
  height: 772px;
  position: absolute;
  right: -49px;
  top: 48px;
}
.c-features__bg-br {
  width: 636px;
  height: 772px;
  position: absolute;
  bottom: -31px;
  right: -49px;
}
.c-features__boxes {
  margin-top: 1.75rem;
}
@media screen and (min-width: 40em) {
  .c-features__boxes {
    margin-top: 2.25rem;
  }
}
.c-features__boxes--last {
  margin-top: 0;
}
@media screen and (min-width: 40em) {
  .c-features__boxes--last {
    margin-top: 2rem;
  }
}

.c-feature-box {
  text-align: center;
  color: white;
}
@media screen and (max-width: 39.9375em) {
  .c-feature-box {
    margin-bottom: 1.75rem;
  }
}
.c-feature-box__title {
  color: white;
  font-size: 1.125rem;
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 40em) {
  .c-feature-box__title {
    font-size: 1.625rem;
  }
}
.c-feature-box__copy {
  font-size: 0.875rem;
}
@media screen and (min-width: 40em) {
  .c-feature-box__copy {
    font-size: 1rem;
  }
}
.c-feature-box__copy p {
  line-height: 1.15;
}
.c-feature-box__copy p:last-child {
  margin: 0;
}
.c-feature-box__image-wrapper {
  margin: 0 0 0.75rem;
}
@media screen and (min-width: 40em) {
  .c-feature-box__image-wrapper {
    margin-bottom: 1.25rem;
  }
}

.edition-buttons {
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .edition-buttons {
    margin-top: 1.5rem;
  }
}

.edition-button {
  margin: 0 20px 20px 0;
  background: #F0F0F0;
  padding: 10px 22px 10px 15px;
  text-align: left;
  text-decoration: none;
  align-items: center;
  width: 100%;
  display: block;
  transition: background-color 200ms;
}
@media screen and (min-width: 64em) {
  .edition-button {
    display: inline-block;
    width: auto;
  }
}
.edition-button img {
  width: auto;
  height: 100%;
  max-height: 54px;
  vertical-align: middle;
}
.edition-button__label {
  font-size: 1.5rem;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  color: #321450;
  text-transform: uppercase;
  margin-left: 20px;
  vertical-align: middle;
}
.edition-button:last-child {
  margin-right: 0;
  margin-bottom: 0;
}
.edition-button:hover, .edition-button:active {
  background-color: #d7d7d7;
}

.version-modal {
  width: calc(100% - 2rem);
  text-align: center;
  height: auto;
  outline: none;
  background: #321450;
  border: 1px solid #641EAA;
  overflow: hidden;
  position: relative;
  padding: 2rem 0 2.5rem;
}
@media screen and (max-width: 39.9375em) {
  .version-modal {
    margin: 1rem auto;
    min-height: 0;
    max-width: 330px !important;
  }
}
@media screen and (min-width: 40em) {
  .version-modal {
    max-width: 1032px !important;
    padding: 60px 1.5rem;
    min-height: 305px;
  }
}
@media screen and (min-width: 64em) {
  .version-modal {
    min-height: 497px;
    padding: 113px 1.5rem;
  }
}
.version-modal__title {
  color: white;
  margin: 0 auto 1.5rem;
  z-index: 1;
  position: relative;
  font-size: 1.625rem;
}
@media screen and (min-width: 40em) {
  .version-modal__title {
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .version-modal__title {
    font-size: 2.875rem;
  }
}
.version-modal .close-button {
  color: white !important;
  z-index: 1;
  top: 0.2rem;
  right: 0.5rem;
}
.version-modal .close-button:hover {
  opacity: 0.6;
}
.version-modal__items {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  display: flex;
  gap: 14px;
}
@media screen and (max-width: 39.9375em) {
  .version-modal__items {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 40em) {
  .version-modal__items {
    justify-content: center;
    width: 100%;
    gap: 28px;
  }
}
.version-modal__item {
  margin: 0;
  text-decoration: none;
  width: 100%;
  transition: background 200ms, border-color 200ms;
  display: block;
  position: relative;
  border: 1px solid #641EAA;
  border-radius: 3px;
  max-width: 222px;
  background: #321450;
}
@media screen and (max-width: 39.9375em) {
  .version-modal__item {
    width: calc(50% - 8px);
    max-width: 138px;
    height: 100px;
  }
}
@media screen and (min-width: 40em) {
  .version-modal__item {
    max-width: 184px;
    height: 138px;
  }
}
@media screen and (min-width: 64em) {
  .version-modal__item {
    height: 172px;
  }
}
.version-modal__item:after {
  content: "";
  display: block;
  opacity: 0;
  background: linear-gradient(180deg, #7871F7 0%, #641EAA 100%);
  position: absolute;
  inset: 0;
  transition: opacity 200ms;
}
.version-modal__item:hover, .version-modal__item:active {
  border-color: #7871F7;
}
.version-modal__item:hover:after, .version-modal__item:active:after {
  opacity: 1;
}
.version-modal__icon-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
}
.version-modal__icon {
  width: 100%;
  max-width: 100px;
  height: auto;
  position: relative;
  z-index: 1;
}
.version-modal__bg {
  pointer-events: none;
  width: 1032px;
  max-width: initial;
  position: absolute;
  top: 0;
  left: calc(50% - 516px);
}
@media screen and (max-width: 39.9375em) {
  .version-modal__bg {
    left: initial;
    right: 0;
  }
}

.gp-image-with-copy {
  text-align: center;
  position: relative;
  min-height: 320px;
  background: #31134F;
  display: flex;
  align-items: center;
  overflow: visible;
}
@media screen and (min-width: 64em) {
  .gp-image-with-copy {
    min-height: 618px;
  }
}
.gp-image-with-copy__wrapper {
  padding: 30px 0 60px;
}
@media screen and (min-width: 40em) {
  .gp-image-with-copy__wrapper {
    padding: 30px 0 0;
  }
}
@media screen and (min-width: 64em) {
  .gp-image-with-copy__wrapper {
    padding: 40px 0 60px;
  }
}
.gp-image-with-copy__buttons {
  margin-top: 1rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .gp-image-with-copy__buttons {
    margin-top: 1.5rem;
  }
}
.gp-image-with-copy__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  width: 100%;
  visibility: hidden;
}
.gp-image-with-copy__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
}
@media screen and (min-width: 64em) {
  .gp-image-with-copy__content p {
    font-size: 1.3125rem;
  }
}
.gp-image-with-copy__content a {
  color: #D2FF00;
  text-decoration: underline;
}
.gp-image-with-copy__content a:visited {
  color: #D2FF00;
}
.gp-image-with-copy__content a:hover, .gp-image-with-copy__content a:active {
  color: #dbff33;
}
.gp-image-with-copy__bg {
  position: absolute;
  height: 320px;
  width: auto;
  min-width: 503px;
  top: 0;
  left: 50%;
  transform: translateX(-56.26%);
  -o-object-fit: cover;
     object-fit: cover;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .gp-image-with-copy__bg {
    height: 618px;
    min-width: 2189px;
    transform: translateX(-49.2%);
  }
}
@media screen and (max-width: 63.9375em) {
  .gp-image-with-copy__bg {
    height: 410px;
  }
}
@media screen and (max-width: 39.9375em) {
  .gp-image-with-copy__bg {
    left: 80%;
  }
}
.gp-image-with-copy__title {
  color: white;
  margin-top: 24px;
  font-size: 1.625rem;
  margin-bottom: 0.5rem;
  position: relative;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .gp-image-with-copy__title {
    margin-top: 38px;
    font-size: 3.375rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .gp-image-with-copy__title {
    font-size: 4.125rem;
    margin-bottom: 1.5rem;
  }
}
.gp-image-with-copy__image {
  position: relative;
  z-index: 1;
  visibility: hidden;
}
.gp-image-with-copy__plat-icons {
  margin-top: 30px;
}
.gp-image-with-copy__image-container {
  max-width: 360px;
  text-align: center;
  margin: auto;
}
@media screen and (min-width: 40em) {
  .gp-image-with-copy__image-container {
    max-width: 500px;
  }
}
@media screen and (min-width: 64em) {
  .gp-image-with-copy__image-container {
    max-width: 804px;
  }
}
.gp-image-with-copy__frills-container {
  position: relative;
  display: inline-block;
}

.comparison__wrapper {
  padding: 40px 0;
  background: #321450;
  background: linear-gradient(180deg, #190A28 0%, #321450 808px);
  position: relative;
}
@media screen and (min-width: 40em) {
  .comparison__wrapper {
    padding: 80px 0;
    background: linear-gradient(180deg, #190A28 0%, #321450 1187px);
  }
}
@media screen and (min-width: 64em) {
  .comparison__wrapper {
    padding-top: 140px;
  }
}
@media screen and (min-width: 87.5em) {
  .comparison__wrapper {
    padding-top: 180px;
  }
}
.comparison__wrapper:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  width: 100%;
  height: 678px;
  background: linear-gradient(180deg, #321450 0%, #0A0410 100%);
  z-index: 0;
  display: block;
}
.comparison__title {
  color: white;
  font-size: 2rem;
}
@media screen and (min-width: 64em) {
  .comparison__title {
    font-size: 2.875rem;
  }
}
.comparison__content {
  color: white;
  margin-bottom: 1rem;
}
.comparison__content p {
  font-size: 1rem;
  line-height: 1.05;
}
@media screen and (min-width: 40em) {
  .comparison__content p {
    font-size: 1.3125rem;
  }
}
.comparison__bottom-text {
  color: white;
  margin-top: 1rem;
  position: relative;
  z-index: 1;
}
.comparison__bottom-text p {
  color: inherit;
  margin-bottom: 0.25rem;
}
.comparison select {
  border: 1px solid rgba(255, 255, 255, 0.25);
  color: white;
  font-size: 1.125rem;
  background-image: url(../img/icons/arrow-down-orange.svg);
  background-size: 12px 9px;
  margin-bottom: 10px;
}
.comparison select:hover, .comparison select:focus {
  background-color: transparent;
}
.comparison__filters {
  display: flex;
  margin-bottom: 1rem;
}
@media screen and (max-width: 39.9375em) {
  .comparison__filter-3 {
    display: none;
  }
}
@media screen and (max-width: 63.9375em) {
  .comparison__filter-4 {
    display: none;
  }
}
.comparison__filter-label {
  position: absolute;
  font-size: 12px;
  background: #190A28;
  top: -5px;
  left: 6px;
  padding: 0 4px;
  color: white;
  line-height: 1;
}
.comparison__filter-wrapper {
  position: relative;
  margin: 0 8px;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .comparison__filter-wrapper {
    margin: 0 13px;
  }
}
.comparison__filter-wrapper:first-child {
  margin-left: 0;
}
@media screen and (max-width: 39.9375em) {
  .comparison__filter-wrapper:nth-child(2) {
    margin-right: 0;
  }
}
@media screen and (min-width: 40em) {
  .comparison__filter-wrapper:nth-child(3) {
    margin-right: 0;
  }
}

.c-grid {
  color: white;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .c-grid {
    margin: 0 -1rem;
  }
}
.c-grid p, .c-grid div, .c-grid li {
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.11;
  font-size: 0.875rem;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .c-grid p, .c-grid div, .c-grid li {
    font-size: 1rem;
  }
}
.c-grid ul {
  margin: 0;
  list-style-type: none;
}
.c-grid li {
  display: block;
  width: 100%;
}
.c-grid li + li {
  margin-top: 0.25rem;
}
.c-grid li:before {
  content: "• ";
}
.c-grid img {
  margin: 0 auto;
}
.c-grid__button {
  width: 100%;
  padding: 14px 33px 14px !important;
  margin-top: 10px;
}
@media screen and (min-width: 40em) {
  .c-grid__button {
    padding: 14px 35px 12px !important;
    min-height: 45px !important;
    margin-top: 10px;
  }
}
.c-grid__button:not(:first-child) {
  margin-top: 20px !important;
}
@media screen and (min-width: 64em) {
  .c-grid__button:not(:first-child) {
    margin-top: 30px !important;
  }
}
.c-grid__row {
  width: 100%;
  position: relative;
}
.c-grid__row:nth-child(1) .c-grid__cell {
  padding-top: 20px;
  padding-bottom: 10px;
  flex-direction: column;
  justify-content: space-between;
}
.c-grid__row:nth-last-child(1) .c-grid__cell {
  padding-top: 0;
  padding-bottom: 20px;
}
.c-grid__row-title {
  font-size: 1.3125rem;
  color: white;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  position: absolute;
  top: 15px;
  left: 10px;
  width: calc(100% - 20px);
}
@media screen and (min-width: 64em) {
  .c-grid__row-title {
    font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  }
}
.c-grid__row-title:after {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.15);
}
.c-grid__cells {
  display: flex;
  width: 100%;
  text-align: center;
}
.c-grid__header-cells .c-grid__cell {
  padding-top: 10px;
  padding-bottom: 20px;
}
.c-grid__header-cell {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.03);
  border-radius: 0.5rem;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 20px;
  width: 100%;
}
.c-grid__header-cell img {
  width: 50px;
}
.c-grid__game-button {
  border: 1px solid #641EAA;
  background: #321450;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 200ms;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 40em) {
  .c-grid__game-button {
    max-width: 100%;
  }
}
.c-grid__game-button:after {
  content: "";
  display: block;
  opacity: 0;
  background: linear-gradient(180deg, #7871F7 0%, #641EAA 100%);
  position: absolute;
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
  transition: opacity 10ms, left 200ms linear;
}
.c-grid__game-button:hover, .c-grid__game-button:active {
  border-color: #7871F7;
}
.c-grid__game-button--is-active {
  border-color: #7871F7;
}
.c-grid__game-button--is-active:after {
  opacity: 1;
  left: 0;
}
.c-grid__game-button {
  height: 68px;
  cursor: pointer;
}
.c-grid__game-logo {
  width: auto;
  height: 100%;
  position: relative;
  z-index: 1;
  pointer-events: none;
  max-width: 62%;
  max-height: 54%;
}
.c-grid__cell {
  display: none;
  flex: 1;
  padding: 70px 10px 15px;
  background: rgba(255, 255, 255, 0.05);
  position: relative;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.c-grid__cell a,
.c-grid__cell a:visited {
  color: #FFA528;
}
.c-grid__cell.show {
  display: flex;
}
.c-grid__cell-num {
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  font-size: 1.75rem !important;
  letter-spacing: 0.02em;
}
@media screen and (min-width: 40em) {
  .c-grid__cell-num {
    font-size: 1.625rem !important;
  }
}
@media screen and (min-width: 64em) {
  .c-grid__cell-num {
    font-size: 2.125rem !important;
  }
}
.c-grid__logo-wrapper {
  text-align: center;
  display: flex;
}
.c-grid__logo {
  width: 125px;
  height: 88px;
  margin: auto;
}
.c-grid__logo--fm23 {
  padding-bottom: 33px;
}
@media screen and (min-width: 64em) {
  .c-grid__logo {
    width: 150px;
  }
}
.c-grid__icon {
  margin: 0 4px !important;
  height: 36px;
  width: auto;
}
.c-grid__stars {
  width: 100%;
  max-width: 120px;
}
@media screen and (min-width: 64em) {
  .c-grid__stars {
    max-width: 158px;
  }
}
.c-grid__col-1 {
  display: flex;
  order: 1;
  background-color: rgba(255, 255, 255, 0.08);
}
.c-grid__col-2 {
  display: flex;
  order: 2;
}
.c-grid__col-3 {
  display: flex;
  order: 3;
  background-color: rgba(255, 255, 255, 0.08);
}
@media screen and (max-width: 39.9375em) {
  .c-grid__col-3 {
    display: none;
  }
}
.c-grid__col-4 {
  display: flex;
  order: 4;
}
@media screen and (max-width: 63.9375em) {
  .c-grid__col-4 {
    display: none;
  }
}
.c-grid__col-5 {
  display: none;
  order: 5;
}
@media screen and (max-width: 63.9375em) {
  .c-grid__col-5 {
    background-color: rgba(255, 255, 255, 0.08);
    display: none;
  }
}
.c-grid__subcells {
  display: flex;
  text-align: center;
  width: 100%;
}
.c-grid__subcell {
  flex: 1;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .c-grid__subcell:first-child {
    margin-right: 10px;
    position: relative;
  }
}
@media screen and (min-width: 40em) {
  .c-grid__subcell:nth-child(n+2) {
    margin-left: 10px;
    position: relative;
  }
  .c-grid__subcell:nth-child(n+2):after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -10px;
    height: 100%;
    width: 1px;
    background: rgba(255, 255, 255, 0.15);
  }
}
.c-grid__subcell:last-child {
  margin-left: 10px;
}
.c-grid__subcell-noborder:after {
  display: none !important;
}
@media screen and (max-width: 39.9375em) {
  .c-grid__subcol-1, .c-grid__subcol-2 {
    display: none;
  }
}
@media screen and (max-width: 39.9375em) {
  .c-grid__subcol-1.active, .c-grid__subcol-2.active {
    display: block;
  }
}
.c-grid__subcells-select {
  height: auto;
  position: relative;
  z-index: 1;
  font-size: 1rem !important;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}
.c-grid__subcell-device {
  display: block !important;
}
@media screen and (max-width: 39.9375em) {
  .c-grid__subcell-device {
    margin: auto !important;
    font-size: 1rem !important;
  }
}

.editors-picks {
  display: none;
}

.copy .editors-picks {
  background: #F0F0F0;
  display: none;
  padding: 20px;
  margin: 1.5rem 0;
}
@media screen and (min-width: 64em) {
  .copy .editors-picks {
    padding: 28px;
  }
}
.copy .editors-picks.active {
  display: block !important;
}
.copy .editors-picks__title {
  text-transform: uppercase;
  font-size: 1.125rem !important;
  margin: 0 0 0.75rem !important;
  color: #321450;
}
@media screen and (min-width: 64em) {
  .copy .editors-picks__title {
    font-size: 1.375rem !important;
  }
}
.copy .editors-picks ul {
  margin: 0;
  padding: 0;
  list-style-position: inside;
}
.copy .editors-picks li {
  margin: 0 0 10px;
  line-height: 1.12;
}
.copy .editors-picks li:last-child {
  margin-bottom: 0;
}

.lp {
  color: white;
  text-align: center;
  position: relative;
  min-height: calc(100vh + 44px);
  min-height: 100vh;
  margin-top: -84px;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .lp {
    margin-top: 0;
    min-height: 100vh;
  }
}
.lp__title {
  font-weight: 700;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 1.625rem;
  color: white;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .lp__title {
    font-size: 2.75rem;
  }
}
.lp__content {
  font-size: 1.125rem;
  line-height: 1.125;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 64em) {
  .lp__content {
    font-size: 1.3125rem;
    margin-bottom: 2rem;
  }
}
.lp__content p {
  line-height: 1.125;
}
.lp__content p:last-child {
  margin-bottom: 0;
}
.lp__content-wrapper {
  position: relative;
  z-index: 1;
}
.lp__logo {
  width: auto;
  height: 70px;
  margin: 0 0 32px;
}
.lp__bg {
  position: absolute;
  height: 100%;
  width: 720px;
  max-width: initial;
  top: 0;
  left: calc(50% - 360px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .lp__bg {
    height: auto;
    width: 2520px;
    left: calc(50% - 1260px);
  }
}
.lp__wrapper {
  padding: 35px 0;
}
@media screen and (min-width: 64em) {
  .lp__wrapper {
    padding: 50px 0;
  }
}
.lp__buttons {
  margin-top: 2rem;
}
@media screen and (max-width: 39.9375em) {
  .lp__buttons {
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 40em) {
  .lp__buttons {
    margin-top: 1.875rem;
  }
}
.lp__buttons .button-fm24:first-child {
  background: linear-gradient(90deg, #FF501E 0%, #F97E28 100%);
}
.lp__buttons .button-fm24:first-child:hover, .lp__buttons .button-fm24:first-child:focus, .lp__buttons .button-fm24:first-child:active {
  background: linear-gradient(90deg, #ff6438 0%, #fa8d41 100%);
}
.lp__buttons .button-fm24:last-child {
  background: linear-gradient(90deg, #F97E28 0%, #FFA528 100%);
}
.lp__buttons .button-fm24:last-child:hover, .lp__buttons .button-fm24:last-child:focus, .lp__buttons .button-fm24:last-child:active {
  background: linear-gradient(90deg, #fa8d41 0%, #ffb042 100%);
}
@media screen and (min-width: 64em) {
  .lp__button {
    padding-top: 19px !important;
    padding-bottom: 19px !important;
    min-width: 190px !important;
  }
}
.lp__items {
  max-width: 600px;
  margin: 0 auto;
}
.lp__item {
  background-color: #452C60;
  border-radius: 0.1875rem;
  color: white;
  display: block;
  font-size: 1.125rem;
  line-height: 1.1;
  margin: 0 0 0.5rem;
  padding: 14px 20px;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: transform 200ms, background 200ms;
}
@media screen and (min-width: 40em) {
  .lp__item {
    font-size: 1.3125rem;
    padding: 22px 35px;
  }
}
.lp__item:hover, .lp__item:active {
  background-color: #5e3c83;
  color: white;
  transform: scale(1.02);
}
.lp__item:last-child {
  margin-bottom: 0;
}
.lp__social-cta {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media screen and (min-width: 64em) {
  .lp__social-cta .social-cta-2024__title {
    font-size: 44px !important;
  }
}
.lp__social-cta .social-cta-2024__content-wrapper {
  visibility: visible;
}
.lp .sticky-bar {
  justify-content: center;
  padding: 0;
  padding-left: 1rem;
}
.lp .sticky-bar__label {
  font-size: 1rem;
}
@media screen and (min-width: 64em) {
  .lp .sticky-bar__label {
    font-size: 1.375rem;
  }
}
.lp .sticky-bar img {
  width: 75px;
  height: auto;
  vertical-align: center;
  margin-top: -10px;
}
@media screen and (min-width: 64em) {
  .lp .sticky-bar img {
    width: 102px;
    margin-top: -13px;
  }
}

.guide-banner {
  min-height: 238px;
  background: #190A28;
  background: linear-gradient(180deg, rgb(50, 20, 80) 0%, rgb(35, 14, 56) 100%);
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .guide-banner {
    min-height: 368px;
    background: linear-gradient(180deg, rgb(25, 10, 40) 0%, rgb(49, 19, 79) 368px);
    padding-top: 175px !important;
    padding-bottom: 30px;
    margin-top: -55px;
  }
}
.guide-banner__bg {
  position: absolute;
  height: 238px;
  width: auto;
  min-width: 493px;
  top: 0;
  left: calc(50% - 313px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .guide-banner__bg {
    height: 368px;
    left: calc(50% - 991px);
    min-width: 2016px;
  }
}
.guide-banner__title {
  color: white;
  font-size: 2rem;
  text-align: left;
  margin-bottom: 0.25rem;
  line-height: 1.1;
}
@media screen and (min-width: 64em) {
  .guide-banner__title {
    font-size: 2.875rem;
    margin-bottom: 1rem;
  }
}
.guide-banner__content-wrapper {
  position: relative;
  z-index: 1;
}
.guide-banner__abstract {
  text-align: left;
  max-width: 820px;
  color: white;
  margin: 0.75rem 0 0;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .guide-banner__abstract {
    font-size: 1.3125rem;
  }
}

.guide-article__wrapper {
  padding: 10px 0 20px;
}
@media screen and (min-width: 40em) {
  .guide-article__wrapper {
    padding: 20px 0 60px;
  }
}

.guides-list__wrapper {
  padding: 10px 0 20px;
}
@media screen and (min-width: 40em) {
  .guides-list__wrapper {
    padding: 20px 0 60px;
  }
}

.plat-icons-2022 {
  font-size: 0;
  display: block;
}
.plat-icons-2022__icon {
  width: 36px;
  height: 36px;
  display: inline-block;
  position: relative;
  margin: 0 5px;
}
@media screen and (min-width: 40em) {
  .plat-icons-2022__icon {
    width: 52px;
    height: 52px;
    margin: 0 7px;
  }
}

.button-outline,
a.button-outline {
  transform: skew(-18deg);
  border-radius: 0 !important;
  cursor: pointer;
  padding: 12px 33px 12px;
  transition: background 200ms, color 200ms, border 200ms;
  text-align: center;
  text-decoration: none !important;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1.25;
  display: inline-block;
  position: relative;
  outline: 0;
  font-size: 1rem;
  color: white;
  min-height: 45px;
  border: 1px solid #FF00A5;
}
.button-outline > span,
a.button-outline > span {
  transform: skew(18deg);
  display: block;
}
.button-outline:hover,
a.button-outline:hover {
  background: linear-gradient(90deg, #FF00A5 0%, #FF2850 100%);
}

.button-outline--no-skew,
a.button-outline--no-skew {
  border-radius: 0 !important;
  cursor: pointer;
  padding: 12px 33px 12px;
  transition: background 200ms, color 200ms, border 200ms;
  text-align: center;
  text-decoration: none !important;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1.25;
  display: inline-block;
  position: relative;
  outline: 0;
  font-size: 1rem;
  color: white;
  min-height: 45px;
  border: 1px solid #FF00A5;
}
.button-outline--no-skew > span,
a.button-outline--no-skew > span {
  display: block;
}
.button-outline--no-skew:hover,
a.button-outline--no-skew:hover {
  background: linear-gradient(90deg, #FF00A5 0%, #FF2850 100%);
}

.button-fm22,
a.button-fm22 {
  cursor: pointer;
  padding: 14px 33px 14px;
  transition: background 200ms, color 200ms, border 200ms;
  text-align: center;
  text-decoration: none !important;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1;
  display: inline-block;
  position: relative;
  outline: 0;
  font-size: 1rem;
  background: #FF2850;
  color: white;
  min-height: 45px;
}
@media screen and (min-width: 40em) {
  .button-fm22,
  a.button-fm22 {
    padding: 19px 35px 17px;
    min-height: 55px;
  }
}
.button-fm22:after,
a.button-fm22:after {
  background: white;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 200ms;
}
.button-fm22--skewed,
a.button-fm22--skewed {
  transform: skew(-18deg);
  border-radius: 0 !important;
}
.button-fm22--skewed > span,
.button-fm22--skewed > img,
a.button-fm22--skewed > span,
a.button-fm22--skewed > img {
  transform: skew(18deg);
  display: block;
  margin: auto;
}
.button-fm22 img,
a.button-fm22 img {
  vertical-align: middle;
  margin: auto 6px auto auto;
  width: 19px;
  height: auto;
}
.button-fm22:hover:after, .button-fm22:focus:after, .button-fm22:active:after,
a.button-fm22:hover:after,
a.button-fm22:focus:after,
a.button-fm22:active:after {
  opacity: 0.2;
}
.button-fm22.disabled, .button-fm22.search-results__load-more[disabled],
a.button-fm22.disabled {
  background: linear-gradient(90deg, #FF00A5 0%, #FF2850 100%) !important;
}
.button-fm22.disabled:hover, .button-fm22.search-results__load-more[disabled]:hover, .button-fm22.disabled:active, .button-fm22.search-results__load-more[disabled]:active,
a.button-fm22.disabled:hover,
a.button-fm22.disabled:active {
  background: linear-gradient(90deg, #FF00A5 0%, #FF2850 100%) !important;
}

.button-fm22--red, .button-fm22,
a.button-fm22,
a.button-fm22--red {
  color: white !important;
  background: linear-gradient(90deg, #FF00A5 0%, #FF2850 100%);
  border-color: transparent !important;
}
.button-fm22--red:hover, .button-fm22:hover, .button-fm22--red:focus, .button-fm22:focus, .button-fm22--red:active, .button-fm22:active,
a.button-fm22--red:hover,
a.button-fm22--red:focus,
a.button-fm22--red:active {
  color: white;
  background: linear-gradient(90deg, #ff29b3 0%, #ec00c8 100%);
  border-color: transparent !important;
}

.button-fm22--purple,
a.button-fm22--purple {
  color: white !important;
  background: linear-gradient(90deg, #C300A5 0%, #641EAA 100%);
}
.button-fm22--purple:hover, .button-fm22--purple:focus, .button-fm22--purple:active,
a.button-fm22--purple:hover,
a.button-fm22--purple:focus,
a.button-fm22--purple:active {
  color: white;
  background: linear-gradient(90deg, #ec00c8 0%, #7824cd 100%);
}

.button-fm22--white,
a.button-fm22--white {
  color: #190A28 !important;
  background: white;
}
.button-fm22--white:hover, .button-fm22--white:focus, .button-fm22--white:active,
a.button-fm22--white:hover,
a.button-fm22--white:focus,
a.button-fm22--white:active {
  color: white !important;
  background: #FF00A5;
}

.inline-buttons-fm22 {
  display: flex;
}
.inline-buttons-fm22 .button-fm22 {
  min-width: 150px;
}
.inline-buttons-fm22 .button-fm22:first-child:not(:last-child) {
  padding-left: 15px;
  padding-right: 25px;
  -webkit-clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, 0 0);
          clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, 0 0);
  margin-left: auto;
}
@media screen and (min-width: 64em) {
  .inline-buttons-fm22 .button-fm22:first-child:not(:last-child) {
    padding-left: 20px;
    padding-right: 35px;
  }
}
.inline-buttons-fm22 .button-fm22:last-child:not(:first-child) {
  padding-left: 25px;
  padding-right: 15px;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, calc(0% + 15px) 0%);
          clip-path: polygon(100% 0, 100% 100%, 0 100%, calc(0% + 15px) 0%);
  margin-right: auto;
  margin-left: -5px;
}
@media screen and (min-width: 64em) {
  .inline-buttons-fm22 .button-fm22:last-child:not(:first-child) {
    padding-left: 35px;
    padding-right: 20px;
  }
}

.hero-2022 {
  position: relative;
  padding: 0 0 40px;
  display: flex;
  align-items: center;
  height: 640px;
  min-height: 640px;
  text-align: center;
  background: #190A28;
  background: linear-gradient(0deg, black 0%, #321450 100%);
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .hero-2022 {
    padding-bottom: 80px;
    min-height: 600px;
    height: 100vh;
    padding-top: 90px;
  }
}
.hero-2022 > .row {
  width: 100%;
}
.hero-2022__arrow {
  width: auto;
  height: 22px;
  position: absolute;
  bottom: 23px;
  left: calc(50% - 15px);
  z-index: 1;
  cursor: pointer !important;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .hero-2022__arrow {
    width: 40px;
    height: auto;
  }
}
.sticky-bar ~ .hero-2022 .hero-2022__arrow {
  bottom: 68px;
}
.hero-2022__bg {
  position: absolute;
  width: 658px;
  height: 640px;
  bottom: 0;
  left: 50%;
  transform: translateX(-72.64%);
  pointer-events: none;
  max-width: none;
}
.hero-2022__image-container {
  overflow: hidden;
}
@media screen and (max-width: 39.9375em) {
  .hero-2022__image-container {
    position: relative;
  }
}
.hero-2022__image {
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .hero-2022__image {
    margin: 1rem auto 0;
    width: 100%;
    height: 235px;
    visibility: visible;
  }
}
.hero-2022__overlay {
  background: rgba(0, 0, 0, 0.15);
  pointer-events: none;
}
.hero-2022__title {
  font-size: 2.375rem;
  color: white;
  line-height: 1;
  margin: 0;
}
@media screen and (min-width: 64em) {
  .hero-2022__title {
    font-size: 5.625rem;
  }
}
.hero-2022__title i, .hero-2022__title strong {
  color: #FF00A5 !important;
}
.hero-2022__buttons {
  margin-top: 1rem;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .hero-2022__buttons {
    margin-top: 2rem;
  }
}
@media screen and (min-width: 64em) {
  .hero-2022__buttons .button-fm22 {
    margin-left: 0 !important;
  }
}
.hero-2022__content {
  position: relative;
  z-index: 10;
  visibility: hidden;
  text-align: center;
}
@media screen and (min-width: 64em) and (max-width: 87.4375em) {
  .hero-2022__content {
    margin-left: 100px;
    width: 80% !important;
  }
}
@media screen and (min-width: 64em) {
  .hero-2022__content {
    text-align: left;
  }
}
@media screen and (max-width: 39.9375em) {
  .hero-2022__content {
    visibility: visible;
  }
}
.hero-2022__copy {
  color: white;
  font-size: 1rem;
  line-height: 1.14;
  margin-top: 1rem;
  position: relative;
}
@media screen and (min-width: 64em) {
  .hero-2022__copy {
    font-size: 1.4375rem;
    margin-top: 1.5rem;
  }
}
.hero-2022__copy p {
  line-height: inherit;
  letter-spacing: 0.02em;
}
.hero-2022__copy p:last-child {
  margin-bottom: 0;
}
.hero-2022__top-left {
  position: absolute;
  pointer-events: none;
  width: 138.15px;
  height: auto;
  top: -76px;
  left: -44px;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .hero-2022__top-left {
    width: auto;
    height: 100%;
    top: 0;
    left: 0;
  }
}
.hero-2022__bottom-right {
  width: auto;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  visibility: hidden;
}
.hero-2022__video {
  background: black;
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .hero-2022__video {
    margin: 1rem auto 0;
    width: 100%;
    max-width: 418px;
    height: 235px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media screen and (min-width: 40em) {
  .hero-2022__video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 0;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.hero-2022__video video, .hero-2022__video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 39.9375em) {
  .hero-2022__video video {
    visibility: hidden;
  }
}
.hero-2022__wipe, .hero-2022__image-wipe {
  background: #641EAA;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  transform: translateY(100%);
}

.img-text-2022 {
  text-align: center;
  position: relative;
  overflow: hidden;
  background: #190A28;
  min-height: 688px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .img-text-2022 {
    min-height: 550px;
  }
}
@media screen and (min-width: 64em) {
  .img-text-2022 {
    text-align: left;
    min-height: 680px;
    flex-direction: row;
    margin-top: -1px;
  }
}
.img-text-2022__wrapper {
  padding: 20px 0;
}
@media screen and (min-width: 64em) {
  .img-text-2022__wrapper {
    padding: 40px 0;
  }
}
.img-text-2022__row {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 64em) {
  .img-text-2022__row {
    display: flex;
    align-items: center;
  }
}
.img-text-2022__bg {
  position: absolute;
  height: 688px;
  width: auto;
  min-width: 465px;
  top: 0;
  left: 50%;
  transform: translateX(-43.226%);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .img-text-2022__bg {
    height: 550px;
    min-width: 1096px;
    transform: translateX(-65%);
  }
}
@media screen and (min-width: 64em) {
  .img-text-2022__bg {
    height: 680px;
    transform: translateX(-51.178%);
    min-width: 2632px;
  }
}
.img-text-2022__buttons {
  margin-top: 22px;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .img-text-2022__buttons {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .img-text-2022__buttons {
    margin-left: -15px;
  }
}
.img-text-2022__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .img-text-2022__content-wrapper {
    text-align: left;
  }
}
.img-text-2022__content {
  color: white;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .img-text-2022__content {
    max-width: 329px;
    margin: 0 auto;
  }
}
.img-text-2022__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 64em) {
  .img-text-2022__content p {
    font-size: 1.3125rem;
    text-align: left;
  }
}
.img-text-2022__content a {
  color: #FF00A5;
  text-decoration: underline;
}
.img-text-2022__content a:visited {
  color: #FF00A5;
}
.img-text-2022__content a:hover, .img-text-2022__content a:active {
  color: #ff33b7;
}
.img-text-2022__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .img-text-2022__title {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 64em) {
  .img-text-2022__title {
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 87.5em) {
  .img-text-2022__title {
    font-size: 4.125rem;
  }
}
.img-text-2022__title i, .img-text-2022__title strong {
  color: #FF00A5 !important;
}
.img-text-2022__title-wrapper {
  position: relative;
  z-index: 1;
}
.img-text-2022__image {
  display: block;
  width: calc(100% - 40px);
  visibility: hidden;
  max-width: 300px;
  margin: 0 auto 1.5rem;
}
@media screen and (min-width: 40em) {
  .img-text-2022__image {
    max-width: 608px;
  }
}
@media screen and (min-width: 64em) {
  .img-text-2022__image {
    width: calc(50vw - 119px);
    height: 595px;
    max-width: 1029px;
    position: absolute;
    left: calc(50% + 119px);
    top: 40px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.img-text-2022__lines {
  position: absolute;
  top: 40px;
  left: calc(50% + 77px);
  width: auto;
  height: 595px;
  visibility: hidden;
}
.img-text-2022__frills-l {
  position: absolute;
  top: 27px;
  left: calc(50% - 187px);
  visibility: hidden;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .img-text-2022__frills-l {
    left: calc(50% - 322px);
  }
}
@media screen and (min-width: 64em) {
  .img-text-2022__frills-l {
    top: 0;
    left: initial;
    right: calc(50% + 671px);
    width: 316.43px;
    height: auto;
  }
}
.img-text-2022__frills-r {
  position: absolute;
  top: -67px;
  right: calc(50% - 180px);
  visibility: hidden;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .img-text-2022__frills-r {
    right: calc(50% - 325px);
  }
}
@media screen and (min-width: 64em) {
  .img-text-2022__frills-r {
    width: 371.57px;
    height: 572.82px;
    top: initial;
    bottom: 0;
    left: calc(50% + 771px);
  }
}

.lp-xbox-2022 {
  text-align: center;
  position: relative;
  overflow: visible;
  background: black;
  background: linear-gradient(180deg, #190A28 0%, #321450 100%);
  display: flex;
  align-items: center;
  min-height: 545px;
  z-index: 1;
  padding: 20px 0;
}
@media screen and (min-width: 40em) {
  .lp-xbox-2022 {
    text-align: left;
    height: 499px;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .lp-xbox-2022 {
    height: 650px;
  }
}
.lp-xbox-2022__bg {
  position: absolute;
  height: 545px;
  width: auto;
  min-width: 868.24px;
  top: 0;
  left: calc(50% - 342px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .lp-xbox-2022__bg {
    height: 499px;
    left: calc(50% - 619px);
    min-width: 1471px;
  }
}
@media screen and (min-width: 64em) {
  .lp-xbox-2022__bg {
    height: 650px;
    left: calc(50% - 1273px);
    min-width: 2508px;
  }
}
.lp-xbox-2022__image {
  margin: 0 0 0 auto;
  max-width: 880px;
  width: 100%;
  height: auto;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .lp-xbox-2022__image {
    margin: 0 0 0.5rem 12%;
  }
}
@media screen and (min-width: 40em) {
  .lp-xbox-2022__image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(66% - 144px);
    left: 1rem;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .lp-xbox-2022__image-wrapper {
    left: unset;
    right: calc(50% - 144px);
  }
}
@media screen and (min-width: 64em) and (max-width: 87.4375em) {
  .lp-xbox-2022__image-wrapper {
    padding: 0 2rem;
  }
}
.lp-xbox-2022__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-xbox-2022__content-wrapper {
    text-align: left;
  }
}
.lp-xbox-2022__content {
  color: white;
}
.lp-xbox-2022__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 40em) {
  .lp-xbox-2022__content p {
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .lp-xbox-2022__content p {
    font-size: 1.3125rem;
  }
}
.lp-xbox-2022__content a {
  color: #FF00A5;
  text-decoration: underline;
}
.lp-xbox-2022__content a:visited {
  color: #FF00A5;
}
.lp-xbox-2022__content a:hover, .lp-xbox-2022__content a:active {
  color: #ff33b7;
}
.lp-xbox-2022__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
}
@media screen and (min-width: 40em) {
  .lp-xbox-2022__title {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 64em) {
  .lp-xbox-2022__title {
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 87.5em) {
  .lp-xbox-2022__title {
    font-size: 4.125rem;
  }
}
.lp-xbox-2022__title i, .lp-xbox-2022__title strong {
  color: #FF00A5 !important;
}
.lp-xbox-2022__top-logos {
  position: relative;
  z-index: 1;
  margin: 0 auto 15px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .lp-xbox-2022__top-logos {
    text-align: left;
    margin: 0 auto 10px;
    justify-content: left;
  }
}
@media screen and (min-width: 64em) {
  .lp-xbox-2022__top-logos {
    margin-bottom: 12px;
  }
}
.lp-xbox-2022__logo {
  height: 24px;
  width: auto;
  margin: 0 22px 10px 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 40em) {
  .lp-xbox-2022__logo {
    margin-right: 25px;
  }
}
@media screen and (min-width: 64em) {
  .lp-xbox-2022__logo {
    height: 28px;
    margin-right: 30px;
  }
}
.lp-xbox-2022__logo:last-child {
  margin-right: 0;
}
.lp-xbox-2022__bottom-logos {
  margin-top: 2rem;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .lp-xbox-2022__bottom-logos {
    margin-left: -1rem;
    margin-right: -1rem;
    justify-content: center;
  }
}
.lp-xbox-2022__bottom-logos .lp-xbox-2022__logo {
  height: 27px;
}
@media screen and (max-width: 39.9375em) {
  .lp-xbox-2022__bottom-logos .lp-xbox-2022__logo {
    max-width: 129px;
  }
}
@media screen and (min-width: 64em) {
  .lp-xbox-2022__bottom-logos .lp-xbox-2022__logo {
    height: 32px;
  }
}
.lp-xbox-2022__buttons {
  margin-top: 1rem;
}

.p-tabs-2022 {
  text-align: center;
  position: relative;
  overflow: hidden;
  background: #190A28;
  background: linear-gradient(180deg, #321450 0%, #190A28 634px);
  display: flex;
  align-items: center;
  min-height: 634px;
  z-index: 1;
  width: 100%;
  padding: 20px 0;
}
@media screen and (min-width: 40em) {
  .p-tabs-2022 {
    height: 680px;
  }
}
@media screen and (min-width: 64em) {
  .p-tabs-2022 {
    text-align: left;
    height: 730px;
    display: flex;
    align-items: center;
    background: linear-gradient(180deg, #321450 0%, black 100%);
    padding: 0;
  }
}
@media screen and (min-width: 40em) {
  .p-tabs-2022:before {
    content: "";
    display: block;
    height: 326px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(180deg, #321450 0%, rgba(50, 20, 80, 0) 100%);
  }
}
.p-tabs-2022__row {
  width: 100%;
  visibility: hidden;
}
@media screen and (max-width: 63.9375em) {
  .p-tabs-2022__row {
    max-width: 100%;
  }
}
.p-tabs-2022__bg {
  position: absolute;
  height: 634px;
  width: auto;
  min-width: 1126px;
  top: 0;
  left: 50%;
  transform: translateX(-49.2%);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .p-tabs-2022__bg {
    height: 680px;
    transform: translateX(-69.889%);
    min-width: 1272px;
  }
}
@media screen and (min-width: 64em) {
  .p-tabs-2022__bg {
    height: 730px;
    transform: translateX(-56.06%);
    min-width: 2253px;
  }
}
.p-tabs-2022 .slick-dots {
  text-align: center;
  margin: 1.25rem auto 0;
}
@media screen and (max-width: 63.9375em) {
  .p-tabs-2022 .slick-dots {
    position: absolute;
    top: 266px;
    left: calc(50% - 25px);
    margin-top: 0;
  }
}
.p-tabs-2022 .slick-dots li {
  margin: 0 6px;
}
.p-tabs-2022 .slick-dots li button {
  width: 15px;
  height: 15px;
  background: transparent;
  border: 2px solid #FF00A5;
  transform: none;
  font-size: 0;
}
@media screen and (min-width: 64em) {
  .p-tabs-2022 .slick-dots li button {
    width: 20px;
    height: 20px;
  }
}
.p-tabs-2022 .slick-dots li.slick-active button {
  border: 1px solid #FF00A5;
  background: #FF00A5;
  transform: none;
}
.p-tabs-2022 .slick-prev,
.p-tabs-2022 .slick-next {
  width: 20px;
  height: 15px;
  top: 160px;
  transform: none;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .p-tabs-2022 .slick-prev,
  .p-tabs-2022 .slick-next {
    width: 30px;
    height: 40px;
  }
}
.p-tabs-2022 .slick-prev:before,
.p-tabs-2022 .slick-next:before {
  background-image: url(../img/components/lp-platforms-2022/arrow-pink.svg);
}
.p-tabs-2022 .slick-prev.slick-disabled:before,
.p-tabs-2022 .slick-next.slick-disabled:before {
  opacity: 0.5;
}
.p-tabs-2022 .slick-next {
  right: 0;
}
@media screen and (min-width: 64em) {
  .p-tabs-2022 .slick-next {
    right: -10px;
  }
}
@media screen and (min-width: 87.5em) {
  .p-tabs-2022 .slick-next {
    right: -70px;
  }
}
.p-tabs-2022 .slick-prev {
  left: 0;
}
@media screen and (min-width: 64em) {
  .p-tabs-2022 .slick-prev {
    left: -10px;
  }
}
@media screen and (min-width: 87.5em) {
  .p-tabs-2022 .slick-prev {
    left: -70px;
  }
}

.p-tab-2022 {
  width: 100%;
  max-width: 100%;
}
.p-tab-2022__tabs {
  visibility: hidden;
}
.p-tab-2022__tab {
  width: 107px;
  height: 72px;
  border-radius: 10px;
  border: 2px solid #6525A7;
  transition: border-color 200ms, opacity 200ms;
  margin: 0 7px;
  padding: 14px;
  cursor: pointer;
  opacity: 0.8;
}
@media screen and (min-width: 64em) {
  .p-tab-2022__tab {
    width: 126px;
    height: 86px;
    padding: 16px;
    margin: 0 10px;
  }
}
.p-tab-2022__tab:hover {
  border-color: #FF00A5;
  opacity: 1;
}
.p-tab-2022__tab.active {
  border: 2px solid #FF00A5;
  opacity: 1;
  padding: 18px;
}
.p-tab-2022__content {
  position: relative;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 64em) and (max-width: 87.4375em) {
  .p-tab-2022__content {
    margin-left: 2rem !important;
  }
}
@media screen and (min-width: 64em) {
  .p-tab-2022__content {
    width: 50%;
  }
}
@media screen and (min-width: 87.5em) {
  .p-tab-2022__content {
    margin-left: 1rem !important;
  }
}
.p-tab-2022__copy {
  color: white;
  visibility: hidden;
}
.p-tab-2022__copy p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 64em) {
  .p-tab-2022__copy p {
    text-align: left;
    font-size: 1.3125rem;
  }
}
.p-tab-2022__copy a {
  color: #FF00A5;
  text-decoration: underline;
}
.p-tab-2022__copy a:visited {
  color: #FF00A5;
}
.p-tab-2022__copy a:hover, .p-tab-2022__copy a:active {
  color: #ff33b7;
}
.p-tab-2022__image {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.slide-1 .p-tab-2022__image {
  max-width: 296px;
  width: 111%;
  margin-right: -11%;
}
@media screen and (min-width: 64em) {
  .slide-1 .p-tab-2022__image {
    max-width: 730px;
    transform: scale(0.75);
  }
}
.slide-2 .p-tab-2022__image {
  width: 119%;
  margin-right: -19%;
}
@media screen and (min-width: 64em) {
  .slide-2 .p-tab-2022__image {
    max-width: 1003px;
  }
}
@media screen and (max-width: 63.9375em) {
  .p-tab-2022__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45%, -50%);
  }
  .slide-1 .p-tab-2022__image {
    transform: translate(-45%, -50%);
  }
  .slide-2 .p-tab-2022__image {
    transform: translate(-41%, -50%);
  }
}
.p-tab-2022__image-wrapper {
  visibility: hidden;
}
@media screen and (max-width: 63.9375em) {
  .p-tab-2022__image-wrapper {
    margin-bottom: 1rem;
    min-height: 214px;
    position: relative;
  }
}
@media screen and (min-width: 64em) and (max-width: 87.4375em) {
  .p-tab-2022__image-wrapper {
    padding: 0 2rem 0 0;
  }
}
@media screen and (min-width: 64em) {
  .p-tab-2022__image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% + 40px);
    right: 0;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 87.5em) {
  .slide-2 .p-tab-2022__image-wrapper {
    left: calc(50% + 75px);
  }
}
.p-tab-2022__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .p-tab-2022__title {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 87.5em) {
  .p-tab-2022__title {
    font-size: 4.125rem;
  }
}
.p-tab-2022__title i, .p-tab-2022__title strong {
  color: #FF00A5 !important;
}
.p-tab-2022__animated-icons {
  visibility: hidden;
}
.p-tab-2022__plat-icons {
  display: flex;
  margin-top: 1rem;
  justify-content: center;
}
@media screen and (min-width: 64em) {
  .p-tab-2022__plat-icons {
    margin-top: 2rem;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 64em) {
  .p-tab-2022__plat-icons img:first-child {
    margin-left: 0;
  }
}
.p-tab-2022__plat-buttons {
  display: flex;
  margin-top: 1rem;
  gap: 15px;
  justify-content: center;
}
@media screen and (min-width: 64em) {
  .p-tab-2022__plat-buttons {
    margin-top: 25px;
    justify-content: left;
  }
}

.lp-fmfc-2022 {
  text-align: center;
  position: relative;
  overflow: hidden;
  background: #190A28;
  min-height: 522px;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2022 {
    min-height: 629px;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2022 {
    text-align: left;
    height: 794px;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2022:before {
    content: "";
    display: block;
    height: 193px;
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    background: linear-gradient(180deg, black 0%, rgba(0, 0, 0, 0) 100%);
  }
}
.lp-fmfc-2022__row {
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .lp-fmfc-2022__row {
    margin-top: -115px;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-fmfc-2022__row {
    margin-top: -102px;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2022__row {
    display: flex;
    align-items: center;
  }
}
.lp-fmfc-2022__bg {
  position: absolute;
  height: 522px;
  width: auto;
  min-width: 511px;
  bottom: 0;
  left: 50%;
  transform: translateX(-60%);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2022__bg {
    height: 281px;
    transform: translateX(-50%);
    min-width: 798px;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2022__bg {
    height: 794px;
    transform: translateX(-95.97%);
    min-width: 1513px;
  }
}
.lp-fmfc-2022__buttons {
  margin-top: 22px;
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2022__buttons {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .lp-fmfc-2022__buttons {
    margin-left: -15px;
  }
}
.lp-fmfc-2022__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2022__content-wrapper {
    text-align: left;
  }
}
.lp-fmfc-2022__copy, .lp-fmfc-2022__bottom-text {
  color: white;
  max-width: 420px;
  margin: 0 auto;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2022__copy, .lp-fmfc-2022__bottom-text {
    max-width: 640px;
  }
}
.lp-fmfc-2022__copy p, .lp-fmfc-2022__bottom-text p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2022__copy p, .lp-fmfc-2022__bottom-text p {
    font-size: 1.3125rem;
    text-align: left;
  }
}
.lp-fmfc-2022__copy a, .lp-fmfc-2022__bottom-text a {
  color: #FF00A5;
  text-decoration: underline;
}
.lp-fmfc-2022__copy a:visited, .lp-fmfc-2022__bottom-text a:visited {
  color: #FF00A5;
}
.lp-fmfc-2022__copy a:hover, .lp-fmfc-2022__copy a:active, .lp-fmfc-2022__bottom-text a:hover, .lp-fmfc-2022__bottom-text a:active {
  color: #ff33b7;
}
.lp-fmfc-2022__bottom-text {
  margin-top: 1rem;
}
.lp-fmfc-2022__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2022__title {
    margin-bottom: 1.5rem;
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2022__title {
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 87.5em) {
  .lp-fmfc-2022__title {
    font-size: 4.125rem;
  }
}
.lp-fmfc-2022__title i, .lp-fmfc-2022__title strong {
  color: #FF00A5 !important;
}
.lp-fmfc-2022__title-wrapper {
  position: relative;
  z-index: 1;
}
.lp-fmfc-2022__logo {
  width: 145px;
  height: 43px;
  margin-bottom: 1rem;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2022__logo {
    width: 219px;
    height: 65px;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2022__logo {
    width: 315px;
    height: 93px;
    margin-bottom: 1.5rem;
  }
}
.lp-fmfc-2022__image {
  display: block;
  width: 100%;
  visibility: hidden;
  max-width: 360px;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-fmfc-2022__image {
    height: 348px;
    max-width: 768px;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2022__image {
    width: 50vw;
    height: 794px;
    max-width: 1143px;
    position: absolute;
    left: 50%;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left;
       object-position: left;
  }
}
.lp-fmfc-2022__frills {
  position: absolute;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .lp-fmfc-2022__frills {
    top: 226px;
    left: calc(50% - 197px);
    width: 393px;
    height: 121px;
    max-width: none;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-fmfc-2022__frills {
    top: 323px;
    left: calc(50% - 384px);
    width: 768px;
    height: 100px;
    max-width: none;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2022__frills {
    top: 0;
    left: calc(50% - 258px);
    width: 326.65px;
    height: 794px;
  }
}

@media screen and (min-width: 90.625em) {
  .fmfc-2022-paragraph-nav-spacer {
    height: 110px;
    background-image: linear-gradient(#000, #321450);
  }
}

.social-cta-2022 {
  text-align: center;
  position: relative;
  min-height: 242px;
  background: rgb(59, 31, 88);
  background: linear-gradient(0deg, #321450 0, #190A28 100%);
  display: flex;
  align-items: center;
}
@media screen and (min-width: 40em) {
  .social-cta-2022 {
    padding-top: 110px;
    padding-bottom: 110px;
    height: 234px;
    background: linear-gradient(0deg, #321450 0, #190A28 100%);
  }
}
@media screen and (min-width: 64em) {
  .social-cta-2022 {
    height: 516px;
  }
}
.social-cta-2022__bg {
  position: absolute;
  height: 242px;
  width: auto;
  min-width: 521px;
  top: 0;
  left: calc(50% - 221px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .social-cta-2022__bg {
    height: 234px;
    left: 50%;
    transform: translateX(-47.57%);
    min-width: 1070px;
  }
}
@media screen and (min-width: 64em) {
  .social-cta-2022__bg {
    height: 516px;
    transform: translateX(-50%);
    min-width: 3000px;
  }
}
.social-cta-2022__content-wrapper {
  position: relative;
  z-index: 1;
  visibility: hidden;
}
.social-cta-2022__title {
  font-size: 1.75rem;
  color: white;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .social-cta-2022__title {
    font-size: 2.125rem;
    margin: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .social-cta-2022__title {
    font-size: 4.125rem;
    margin: 1.5rem;
  }
}
.social-cta-2022__title i, .social-cta-2022__title strong {
  color: #FF00A5 !important;
  font-style: normal;
}
.social-cta-2022__icon {
  width: 31px;
  height: 31px;
  margin: auto;
  transition: transform 200ms;
}
@media screen and (min-width: 64em) {
  .social-cta-2022__icon {
    width: 51px;
    height: 51px;
  }
}
.social-cta-2022__item:hover .social-cta-2022__icon, .social-cta-2022__item:active .social-cta-2022__icon {
  transform: scale(1.2);
}
.social-cta-2022__icon.small-icon {
  width: 29px;
  height: 29px;
}
@media screen and (min-width: 64em) {
  .social-cta-2022__icon.small-icon {
    width: 42px;
    height: 42px;
  }
}
.social-cta-2022__icon.large-icon {
  width: 38px;
  height: 38px;
}
@media screen and (min-width: 64em) {
  .social-cta-2022__icon.large-icon {
    width: 56px;
    height: 56px;
  }
}
.social-cta-2022__item-title {
  color: white !important;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;
  text-align: center;
  display: block;
}
.social-cta-2022__items {
  font-size: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.social-cta-2022__item-wrapper {
  position: relative;
  display: inline-block;
}
.social-cta-2022__item-wrapper:after {
  content: "";
  display: block;
  height: 45px;
  width: 1px;
  border-right: 2px solid #FF00A5;
  transform: skew(-18deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 6px;
}
@media screen and (min-width: 64em) {
  .social-cta-2022__item-wrapper:after {
    height: 80px;
    right: 12px;
  }
}
.social-cta-2022__item-wrapper:last-child:after {
  display: none;
}
.social-cta-2022__item {
  padding: 10px 15px;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: block;
}
@media screen and (min-width: 64em) {
  .social-cta-2022__item {
    padding: 1rem 3rem 1rem 3rem;
  }
}
.social-cta-2022__row {
  position: relative;
  z-index: 1;
}

.hp-copy-2022 {
  text-align: center;
  position: relative;
  background: rgb(25, 10, 40);
  background: linear-gradient(180deg, #31134F 0%, #190A28 100%);
  overflow: hidden;
  min-height: 636px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 40em) {
  .hp-copy-2022 {
    background: linear-gradient(180deg, rgb(49, 19, 79) 0%, rgb(25, 10, 40) 400px);
    height: 710px;
    margin-bottom: -1px;
  }
}
.hp-copy-2022__wrapper {
  padding: 20px 0;
}
.hp-copy-2022__row {
  width: 100%;
}
.hp-copy-2022__content-wrapper {
  position: relative;
  z-index: 1;
}
.hp-copy-2022__copy {
  text-align: center;
  color: white;
}
.hp-copy-2022__copy p {
  color: inherit;
  text-align: center;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  margin-bottom: 1.25rem;
}
@media screen and (min-width: 64em) {
  .hp-copy-2022__copy p {
    font-size: 1.3125rem;
    margin-bottom: 25px;
  }
}
.hp-copy-2022__copy a {
  color: #FF00A5;
  text-decoration: underline;
}
.hp-copy-2022__copy a:hover,
.hp-copy-2022__copy a:active {
  color: #ff33b7;
}
.hp-copy-2022__logo {
  max-width: 150px;
  margin: 0 auto 1rem;
}
@media screen and (min-width: 64em) {
  .hp-copy-2022__logo {
    max-width: 380px;
    margin-bottom: 1.75rem;
  }
}
.hp-copy-2022__buttons {
  text-align: center;
  margin-top: 20px;
}
@media screen and (min-width: 40em) {
  .hp-copy-2022__buttons {
    margin-top: 30px;
  }
}
.hp-copy-2022__plat-icons {
  margin-top: 20px;
  text-align: center;
}
@media screen and (max-width: 39.9375em) {
  .hp-copy-2022__plat-icons {
    width: 190px;
    margin-bottom: -5px;
    margin-left: auto;
    margin-right: auto;
  }
  .hp-copy-2022__plat-icons img {
    margin: 5px;
  }
}
@media screen and (min-width: 40em) {
  .hp-copy-2022__plat-icons {
    margin-top: 30px;
  }
}
.hp-copy-2022__bg {
  position: absolute;
  height: 636px;
  width: auto;
  min-width: 2082px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .hp-copy-2022__bg {
    height: 710px;
    transform: translateX(-50%);
    min-width: 3243px;
  }
}

.banner-2022 {
  z-index: 2;
  min-height: 238px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: #321450;
  background: linear-gradient(180deg, #190A28 0%, #321450 100%);
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 40em) {
  .banner-2022 {
    min-height: 368px;
  }
}
.banner-2022 > .row {
  width: 100%;
}
.banner-2022__wrapper {
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .banner-2022__wrapper {
    padding-top: 120px !important;
    padding-bottom: 30px;
  }
}
.banner-2022__title {
  color: white;
  text-align: left;
  margin: 0;
  position: relative;
  z-index: 2;
  font-size: 2rem;
}
@media screen and (min-width: 40em) {
  .banner-2022__title {
    font-size: 2.875rem;
  }
}
.banner-2022__title i, .banner-2022__title strong {
  color: #FF00A5 !important;
}
.banner-2022__subtitle {
  color: #fff;
  font-size: 1rem;
  margin: 0.5rem 0 0;
  text-align: left;
  max-width: 625px;
}
@media screen and (max-width: 39.9375em) {
  .banner-2022__subtitle {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 40em) {
  .banner-2022__subtitle {
    font-size: 1rem;
  }
}
.banner-2022--centered .banner-2022__subtitle {
  margin: 0.5rem auto 0 !important;
}
.banner-2022__content-wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
}
.banner-2022__bg {
  position: absolute;
  height: 238px;
  width: auto;
  min-width: 727px;
  top: 0;
  left: calc(50% - 181px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .banner-2022__bg {
    height: 368px;
    min-width: 2336px;
    left: calc(50% - 1247px);
  }
}

.game-banner-2022 {
  text-align: center;
  position: relative;
  overflow: hidden;
  background: #321450;
  padding: 15px 0 0;
}
@media screen and (min-width: 64em) {
  .game-banner-2022 {
    text-align: left;
    height: 735px;
    min-height: 735px;
    display: flex;
    align-items: center;
    padding: 145px 0 0;
    background: linear-gradient(180deg, #190A28 0%, #321450 735px);
    margin-top: -55px;
  }
}
.game-banner-2022__row {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__row {
    display: flex;
    align-items: center;
  }
}
.game-banner-2022__bg {
  position: absolute;
  height: 788px;
  width: auto;
  min-width: 1024px;
  top: 0;
  left: calc(50% - 663px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__bg {
    height: 735px;
    min-width: 2646px;
    left: calc(50% - 1420px);
    top: 0;
  }
}
.game-banner-2022__top-left {
  position: absolute;
  right: calc(50% + 12px);
  width: 643px;
  top: 0;
  max-width: none;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__top-left {
    right: calc(50% + 480px);
    width: 918px;
  }
}
.game-banner-2022__line {
  width: 81.97px;
  height: 691px;
  position: absolute;
  top: 0;
  left: 54%;
  z-index: 2;
  visibility: hidden;
}
.game-banner-2022__buttons {
  margin-top: 1.25rem;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__buttons {
    margin-top: 1.25rem;
    text-align: left;
  }
}
.game-banner-2022__buttons .button-fm22 {
  min-width: 155px;
  padding-left: 20px;
  padding-right: 20px;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__buttons .button-fm22 {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 39.9375em) {
  .game-banner-2022__buttons .button-fm22:first-child:last-child {
    width: 100%;
  }
}
.game-banner-2022__plat-icons {
  margin-top: 20px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__plat-icons {
    margin-top: 1rem;
    text-align: left;
  }
  .game-banner-2022__plat-icons img:first-child {
    margin-left: 0;
  }
}
.game-banner-2022__content-wrapper {
  visibility: hidden;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__content-wrapper {
    text-align: left;
  }
}
.game-banner-2022__content {
  color: white;
}
.game-banner-2022__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__content p {
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2022__content p {
    font-size: 1.3125rem;
  }
}
.game-banner-2022__content a {
  color: #FF00A5;
  text-decoration: underline;
}
.game-banner-2022__content a:visited {
  color: #FF00A5;
}
.game-banner-2022__content a:hover, .game-banner-2022__content a:active {
  color: #ff33b7;
}
.game-banner-2022__logo {
  width: 155px;
  position: relative;
  margin-bottom: 1rem;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__logo {
    width: 192px;
    margin-bottom: 1.75rem;
  }
}
.fm22 .game-banner-2022__logo {
  width: 292px;
}
@media screen and (min-width: 40em) {
  .fm22 .game-banner-2022__logo {
    width: 374px;
  }
}
.game-banner-2022__logo-wrapper {
  position: relative;
  z-index: 1;
  visibility: hidden;
}
.game-banner-2022__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  visibility: hidden;
}
.game-banner-2022__image-wrapper {
  z-index: 1;
  padding: 0;
  height: 270px;
  position: relative;
  margin-bottom: 1.25rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 63.9375em) {
  .game-banner-2022__image-wrapper {
    max-width: 700px;
    margin-bottom: 1.25rem;
    padding: 0 30px;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2022__image-wrapper {
    height: 635px;
    width: 43.7vw;
    padding: 0;
    position: absolute;
    top: 55px;
    right: 0;
    margin: 0;
  }
}
.game-banner-2022__store-button {
  margin-top: 1rem;
}
.game-banner-2022__app-store-buttons {
  margin-top: 1.25rem;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__app-store-buttons {
    margin-top: 1.25rem;
    justify-content: left;
  }
}
.inline-buttons + .game-banner-2022__app-store-buttons {
  margin-top: 0.75rem;
}
@media screen and (min-width: 64em) {
  .inline-buttons + .game-banner-2022__app-store-buttons {
    margin-top: 1rem;
  }
}
.game-banner-2022__app-store-buttons .button {
  margin-right: 10px;
  border-radius: 8px;
}
.game-banner-2022__app-store-buttons .button:last-child {
  margin: 0;
}
.game-banner-2022__xbox-top-logos {
  position: relative;
  z-index: 1;
  margin: 1.25rem auto -15px;
  text-align: center;
  max-width: 360px;
  font-size: 0;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__xbox-top-logos {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    margin-left: 0;
    max-width: none;
  }
}
@media screen and (max-width: 39.9375em) {
  .game-banner-2022__xbox-top-logos .game-banner-2022__logo {
    display: block;
    margin: 0 auto 14px;
  }
}
.game-banner-2022__xbox-logo {
  height: 24px;
  width: auto;
  margin: 0 22px 20px 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 40em) {
  .game-banner-2022__xbox-logo {
    margin: 0 25px 20px 0;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2022__xbox-logo {
    height: 27px;
    margin: 0 30px 20px 0;
  }
}
@media screen and (min-width: 40em) {
  .game-banner-2022__xbox-logo:first-child {
    margin-left: 0;
  }
}
.game-banner-2022__xbox-logo:last-child {
  margin-right: 0;
}
.game-banner-2022__xbox-bottom-logo {
  height: 27px;
  margin-right: 18px;
}
@media screen and (min-width: 40em) {
  .game-banner-2022__xbox-bottom-logo {
    margin-right: 20px;
  }
}
@media screen and (max-width: 63.9375em) {
  .game-banner-2022__xbox-bottom-logo {
    max-width: 135px;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2022__xbox-bottom-logo {
    height: 30px;
    margin-right: 25px;
  }
}
.game-banner-2022__pc-mac-label {
  position: absolute;
  bottom: 12px;
  right: 42px;
  width: 35px;
  height: auto;
}
@media screen and (min-width: 64em) {
  .game-banner-2022__pc-mac-label {
    width: 46px;
    right: 20px;
    bottom: 20px;
  }
}

.c-features-2022 {
  position: relative;
  text-align: center;
  padding: 40px 1rem;
  visibility: hidden;
  background: #190A28;
  background: linear-gradient(180deg, #321450 0%, #190A28 1122px);
}
@media screen and (min-width: 64em) {
  .c-features-2022 {
    padding: 70px 0 80px;
    background: linear-gradient(180deg, #321450 0%, #000 773px);
  }
}
.c-features-2022__content-wrapper {
  position: relative;
  z-index: 1;
}
.c-features-2022__abstract {
  color: white;
}
@media screen and (min-width: 40em) {
  .c-features-2022__abstract {
    font-size: 1.3125rem;
  }
}
.c-features-2022__abstract p {
  line-height: 1.125;
}
.c-features-2022__abstract p:last-child {
  margin: 0;
}
.c-features-2022__abstract a {
  color: #FF00A5;
  text-decoration: underline;
}
.c-features-2022__abstract a:visited {
  color: #FF00A5;
}
.c-features-2022__abstract a:hover, .c-features-2022__abstract a:active {
  color: #ff33b7;
}
.c-features-2022__title {
  font-size: 1.625rem;
  color: white;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 40em) {
  .c-features-2022__title {
    font-size: 3.375rem;
    margin-bottom: 1.25rem;
  }
}
.c-features-2022__title i, .c-features-2022__title strong {
  color: #FF00A5 !important;
}
.c-features-2022__bg {
  position: absolute;
  height: 1122px;
  width: auto;
  min-width: 514px;
  top: 0;
  left: calc(50% - 181px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .c-features-2022__bg {
    height: 1162px;
    min-width: 2582px;
    left: calc(50% - 1350px);
  }
}
.c-features-2022__tr {
  width: 308.6px;
  height: 1161.99px;
  position: absolute;
  left: calc(50% + 905px);
  top: 0;
  pointer-events: none;
  visibility: hidden;
}
.c-features-2022__tl {
  width: 737.45px;
  height: 775px;
  position: absolute;
  top: -1px;
  right: calc(50% + 588px);
  pointer-events: none;
  visibility: hidden;
}
.c-features-2022__boxes {
  margin-top: 1.75rem;
}
@media screen and (min-width: 40em) {
  .c-features-2022__boxes {
    margin-top: 2.25rem;
  }
}
.c-features-2022__boxes--last {
  margin-top: 0;
}
@media screen and (min-width: 40em) {
  .c-features-2022__boxes--last {
    margin-top: 2rem;
  }
}

.c-feature-box-2022 {
  text-align: center;
  color: white;
}
@media screen and (max-width: 39.9375em) {
  .c-feature-box-2022 {
    margin-bottom: 1.75rem;
  }
}
.c-feature-box-2022__title {
  color: white;
  font-size: 1.125rem;
  margin: 0 0 0.5rem;
}
@media screen and (min-width: 40em) {
  .c-feature-box-2022__title {
    font-size: 1.625rem;
  }
}
.c-feature-box-2022__copy {
  font-size: 0.875rem;
}
@media screen and (min-width: 40em) {
  .c-feature-box-2022__copy {
    font-size: 1rem;
  }
}
.c-feature-box-2022__copy p {
  line-height: 1.15;
}
.c-feature-box-2022__copy p:last-child {
  margin: 0;
}
.c-feature-box-2022__image-wrapper {
  margin: 0 0 0.75rem;
}
@media screen and (min-width: 40em) {
  .c-feature-box-2022__image-wrapper {
    margin-bottom: 1.25rem;
  }
}

.req-grid-2022 {
  position: relative;
  text-align: center;
  z-index: 2;
  color: white;
}
.req-grid-2022__title {
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1.625rem;
  color: white;
}
@media screen and (min-width: 40em) {
  .req-grid-2022__title {
    font-size: 4.125rem;
    margin-bottom: 1.25rem;
  }
}
.req-grid-2022__title i, .req-grid-2022__title strong {
  color: #FF00A5 !important;
}
.req-grid-2022__tabs {
  background: transparent;
  border: 0;
  text-align: center;
  margin: 0 0 20px;
}
@media screen and (min-width: 40em) {
  .req-grid-2022__tabs {
    margin-bottom: 50px;
  }
}
.req-grid-2022__tabs .tabs-title {
  float: none;
  display: inline;
  margin: 0 auto;
}
.req-grid-2022__tabs .tabs-title a {
  color: rgba(255, 255, 255, 0.45);
  border-bottom: 1px solid transparent;
  transition: color 200ms, border-color 200ms;
  text-transform: none;
  text-decoration: none;
  padding: 0;
  margin: auto;
  margin-right: 10px;
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  padding-bottom: 7px;
  background: transparent;
}
@media screen and (min-width: 40em) {
  .req-grid-2022__tabs .tabs-title a {
    font-size: 1.3125rem;
    margin-left: 18px;
    margin-right: 18px;
    padding-bottom: 10px;
  }
}
.req-grid-2022__tabs .tabs-title a:hover, .req-grid-2022__tabs .tabs-title a:focus {
  color: white;
}
.req-grid-2022__tabs .tabs-title.is-active a {
  color: white;
  border-color: #FF00A5;
}
.req-grid-2022__buttons {
  margin-top: 1.5rem;
}
.req-grid-2022__content {
  background: transparent;
  border: 0;
  color: white;
  text-align: left;
}
@media screen and (min-width: 40em) {
  .req-grid-2022__content {
    text-align: center;
  }
}
.req-grid-2022 .tabs-panel {
  padding: 0;
  margin: 0;
}
.req-grid-2022__item {
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 40em) {
  .req-grid-2022__item {
    display: inline-block !important;
    float: none !important;
    vertical-align: top;
    border-bottom: 1px solid #7A56BE;
    padding: 1.5rem 1.5rem;
  }
  .req-grid-2022__item:not(:last-child) {
    border-right: 1px solid #7A56BE;
  }
  .cols-5 .req-grid-2022__item:nth-child(2) {
    border-right: 1px solid #7A56BE; /*Add the last border if it's the 5th of 6*/
  }
  .req-grid-2022__grid .columns:first-child .req-grid-2022__item {
    padding-top: 0 !important;
  }
  .req-grid-2022__grid .columns:last-child .req-grid-2022__item {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 64em) {
  .req-grid-2022__item {
    padding: 1.75rem 3.5rem;
    min-height: 100px;
  }
}
@media screen and (max-width: 39.9375em) {
  .req-grid-2022__item:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
.req-grid-2022__item h2, .req-grid-2022__item h3 {
  font-size: 1.125rem;
  color: inherit;
}
@media screen and (min-width: 40em) {
  .req-grid-2022__item h2, .req-grid-2022__item h3 {
    font-size: 1.5rem;
  }
}
.req-grid-2022__item p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media screen and (min-width: 40em) {
  .req-grid-2022__item p {
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
.req-grid-2022__wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px;
  background: linear-gradient(180deg, #321450 0%, #000 100%);
}
@media screen and (min-width: 40em) {
  .req-grid-2022__wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
    overflow-x: hidden;
  }
}
.req-grid-2022__grid .columns:last-child .req-grid-2022__item {
  border-bottom: 0;
}
@media screen and (min-width: 40em) {
  .req-grid-2022__grid-row {
    display: flex;
    padding: 0 1.5rem;
  }
}
@media screen and (min-width: 40em) {
  .req-grid-2022__grid-row.medium-up-2 {
    width: 75%;
    margin: auto;
  }
}
@media screen and (min-width: 40em) {
  .req-grid-2022__grid-row.medium-up-1 {
    width: 50%;
    margin: auto;
  }
}
.req-grid-2022__bottom-text {
  font-size: 0.875rem;
  margin-top: 1rem;
  text-align: left;
}
@media screen and (min-width: 40em) {
  .req-grid-2022__bottom-text {
    text-align: center;
  }
}
@media screen and (min-width: 64em) {
  .req-grid-2022__bottom-text {
    margin-top: 1.25rem;
  }
}
.req-grid-2022__bottom-text p:last-child {
  margin-bottom: 0;
}
.req-grid-2022 .tabs-panel {
  display: none;
}
.req-grid-2022 .tabs-panel.is-active {
  display: block;
}
.req-grid-2022 .cols-2,
.req-grid-2022 .cols-3 {
  width: 100% !important;
}
@media screen and (max-width: 39.9375em) {
  .req-grid-2022 .cols-2 .req-grid-2022__grid-row,
  .req-grid-2022 .cols-3 .req-grid-2022__grid-row {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 1fr 1fr;
  }
  .req-grid-2022 .cols-2 .req-grid-2022__grid-row:before,
  .req-grid-2022 .cols-3 .req-grid-2022__grid-row:before {
    display: none;
  }
}

@media screen and (max-width: 39.9375em) {
  .xbox-grid-2022__tabs {
    display: grid;
    gap: 9px;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .xbox-grid-2022__tabs {
    display: grid;
    gap: 9px;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 63.9375em) {
  .xbox-grid-2022__tab.tabs-title {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 63.9375em) {
  .xbox-grid-2022__tab.tabs-title a {
    display: flex;
    background: #3C2059;
    border-radius: 4px;
    min-height: 41px;
    padding: 11px 11px;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 0;
  }
  .xbox-grid-2022__tab.tabs-title a svg {
    max-height: 19px;
  }
}
@media screen and (max-width: 63.9375em) {
  .xbox-grid-2022__tab.tabs-title.is-active a {
    padding: 0;
    margin: 0;
    background: #FF00A5;
  }
}

/* ================================================================
A full-width image banner which loads a video in lightbox when
button is clicked
=================================================================== */
.video-2022 {
  max-width: 100vw;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  height: 270px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .video-2022 {
    height: 598px;
  }
}
.video-2022__play-btn {
  margin: 0 auto;
  padding: 0.75rem 1.5rem !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}
@media screen and (min-width: 40em) {
  .video-2022__play-btn {
    font-size: 1.375rem;
    padding: 17px 2.75rem !important;
  }
}
.video-2022__play-btn img {
  width: 30px;
  height: auto;
  margin: 0;
}
@media screen and (min-width: 40em) {
  .video-2022__play-btn img {
    width: 41px;
  }
}
.video-2022__play-btn span {
  margin-left: 8px;
}
.video-2022__title {
  font-size: 1.625rem;
  color: white;
}
@media screen and (min-width: 40em) {
  .video-2022__title {
    font-size: 4.125rem;
  }
}
.video-2022__content-wrapper {
  text-align: center;
  width: 100%;
}

.f-image-text-2022 {
  text-align: center;
  position: relative;
  background: #190A28;
  background: linear-gradient(180deg, #190A28 0%, #321450 100%);
  padding: 40px 0;
}
@media screen and (max-width: 39.9375em) {
  .f-image-text-2022 {
    min-height: 514px;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2022 {
    display: flex;
    align-items: center;
    text-align: left;
    height: 450px;
    padding: 50px 1rem;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022 {
    padding: 50px 0;
    height: 500px;
  }
}
@media screen and (max-width: 39.9375em) {
  .f-image-text-2022 + .f-image-text-2022 {
    padding: 20px 0;
  }
}
.f-image-text-2022:nth-last-child(2) {
  padding-bottom: 40px;
}
@media screen and (min-width: 64em) {
  .f-image-text-2022:nth-last-child(2) {
    padding-bottom: 100px;
  }
}
.f-image-text-2022__wrapper {
  overflow: hidden;
  padding: 35px 0 32px;
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__wrapper {
    padding: 110px 0 150px;
  }
}
.f-image-text-2022__bg {
  position: absolute;
  width: auto;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  top: 0;
}
@media screen and (max-width: 39.9375em) {
  .f-image-text-2022__bg {
    height: 514px;
    min-width: 644px;
    left: calc(50% - 179px);
    background: transparent url(../img/components/features-2022/1-bg-sm.svg);
  }
}
@media screen and (min-width: 40em) {
  .f-image-text-2022__bg {
    height: 450px;
    min-width: 2388px;
    left: calc(50% - 1205px);
    background-image: url(../img/components/features-2022/1-bg-lg.svg);
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022__bg {
    height: 500px;
    min-width: 2505px;
    left: calc(50% - 1208px);
    background-image: url(../img/components/features-2022/1-bg-xlg.svg);
  }
}
.f-image-text-2022__title {
  color: white;
  font-size: 1.625rem;
  margin-bottom: 15px;
  position: relative;
  line-height: 1.1;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__title {
    font-size: 2.875rem;
    margin-bottom: 1.5rem;
    text-align: left;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022__title {
    font-size: 3.625rem;
    margin-bottom: 1.75rem;
  }
}
.f-image-text-2022__title i, .f-image-text-2022__title strong {
  color: #FF00A5 !important;
}
.f-image-text-2022__top-right {
  position: absolute;
  left: calc(50% + 112px);
  width: 335.6px;
  height: 371.85px;
  top: 133px;
  max-width: none;
  visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 40em) {
  .f-image-text-2022__top-right {
    top: 0;
    left: calc(50% + 469px);
    width: 632px;
    height: 450px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022__top-right {
    left: calc(50% + 466px);
    width: 622px;
    height: 550px;
  }
}
.f-image-text-2022--features .f-image-text-2022__top-right {
  display: none;
}
.f-image-text-2022__content-wrapper {
  visibility: hidden;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 63.9375em) {
  .f-image-text-2022__content-wrapper {
    margin: 0 auto;
    max-width: 750px;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__content-wrapper {
    text-align: left;
  }
}
.f-image-text-2022__abstract {
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__abstract {
    margin-bottom: 1rem;
  }
}
.f-image-text-2022__abstract p {
  text-align: center;
  color: white;
  line-height: 1.14;
  font-size: 1rem !important;
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__abstract p {
    font-size: 1.3125rem !important;
  }
}
.f-image-text-2022__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  font-size: 0.875rem;
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__content p {
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__content p {
    font-size: 1.125rem;
  }
}
.f-image-text-2022__content a,
.f-image-text-2022__content a:visited {
  color: #FF00A5;
  text-decoration: underline;
}
.f-image-text-2022__content a:hover,
.f-image-text-2022__content a:active {
  color: #ffb3e4;
}
.f-image-text-2022__row {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__row {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
}
.f-image-text-2022__image-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 63.9375em) {
  .f-image-text-2022__image-container {
    padding: 0 1rem;
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__image-container {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    width: calc(50% - 1rem);
    text-align: right;
    margin: 0 auto;
    padding: 0 1rem;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022__image-container {
    width: calc(50% - 98px);
  }
}
.f-image-text-2022__image {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 400px;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__image {
    max-width: 700px;
  }
}
.f-image-text-2022__video {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 700px;
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__video {
    max-width: 700px;
  }
}
.f-image-text-2022__buttons {
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .f-image-text-2022__buttons {
    margin-top: 1.5rem;
    margin-left: -0.5rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .f-image-text-2022--features:nth-child(4n+3) {
    min-height: 504px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022--features:nth-child(4n+3) {
    height: 550px;
  }
}
.f-image-text-2022--features:nth-child(4n+3) .f-image-text-2022__top-right {
  display: block;
}
@media screen and (max-width: 39.9375em) {
  .f-image-text-2022--features:nth-child(4n+3) .f-image-text-2022__bg {
    height: 504px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022--features:nth-child(4n+3) .f-image-text-2022__bg {
    height: 550px;
    width: 2595px;
    left: calc(50% - 1265px);
  }
}
@media screen and (max-width: 39.9375em) {
  .f-image-text-2022--features:nth-child(4n+4) {
    min-height: 514px;
  }
}
@media screen and (min-width: 40em) {
  .f-image-text-2022--features:nth-child(4n+4) {
    min-height: 450px;
    height: 450px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022--features:nth-child(4n+4) {
    height: 500px;
  }
}
@media screen and (max-width: 39.9375em) {
  .f-image-text-2022--features:nth-child(4n+4) .f-image-text-2022__bg {
    height: 514px;
    min-width: 842.14px;
    left: calc(50% - 376px);
    background-image: url(../img/components/features-2022/2-bg-sm.svg);
  }
}
@media screen and (min-width: 40em) {
  .f-image-text-2022--features:nth-child(4n+4) .f-image-text-2022__bg {
    background-image: url(../img/components/features-2022/2-bg-lg.svg);
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022--features:nth-child(4n+4) .f-image-text-2022__bg {
    background-image: url(../img/components/features-2022/2-bg-xlg.svg);
    width: 2595px;
    left: calc(50% - 1265px);
  }
}
.f-image-text-2022--features:nth-child(4n+5) {
  background: #190A28;
}
@media screen and (min-width: 40em) {
  .f-image-text-2022--features:nth-child(4n+5) {
    background: linear-gradient(180deg, rgb(49, 19, 79) 0%, rgb(25, 10, 40) 450px) !important;
  }
}
@media screen and (max-width: 39.9375em) {
  .f-image-text-2022--features:nth-child(4n+5) .f-image-text-2022__bg {
    min-width: 870.57px;
    left: calc(50% - 405px);
    background-image: url(../img/components/features-2022/3-bg-sm.svg);
  }
}
@media screen and (min-width: 40em) {
  .f-image-text-2022--features:nth-child(4n+5) .f-image-text-2022__bg {
    height: 450px;
    min-width: 2388px;
    left: calc(50% - 1205px);
    background-image: url(../img/components/features-2022/3-bg-lg.svg);
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022--features:nth-child(4n+5) .f-image-text-2022__bg {
    height: 500px;
    left: calc(50% - 1208px);
    background-image: url(../img/components/features-2022/3-bg-xlg.svg);
  }
}
.f-image-text-2022--features:nth-child(4n+6) {
  background: #180D23 !important;
}
@media screen and (min-width: 40em) {
  .f-image-text-2022--features:nth-child(4n+6) {
    min-height: 450px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022--features:nth-child(4n+6) {
    height: 500px;
  }
}
@media screen and (max-width: 39.9375em) {
  .f-image-text-2022--features:nth-child(4n+6) .f-image-text-2022__bg {
    min-width: 574px;
    left: calc(50% - 180px);
    background-image: url(../img/components/features-2022/4-bg-sm.svg);
  }
}
@media screen and (max-width: 63.9375em) {
  .f-image-text-2022--features:nth-child(4n+6) .f-image-text-2022__bg {
    top: initial;
    bottom: 0;
  }
}
@media screen and (min-width: 40em) {
  .f-image-text-2022--features:nth-child(4n+6) .f-image-text-2022__bg {
    height: 450px;
    min-width: 2388px;
    left: calc(50% - 1208px);
    background-image: url(../img/components/features-2022/4-bg-lg.svg);
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2022--features:nth-child(4n+6) .f-image-text-2022__bg {
    height: 500px;
    left: calc(50% - 1211px);
    background-image: url(../img/components/features-2022/4-bg-xlg.svg);
  }
}
.f-image-text-2022--features:nth-child(2n+4) {
  background: linear-gradient(180deg, rgb(25, 10, 40) 0%, rgb(49, 19, 79) 514px);
}
@media screen and (min-width: 40em) {
  .f-image-text-2022--features:nth-child(2n+4) {
    background: #321450;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2022--features:nth-child(2n+4) .f-image-text-2022__row {
    flex-direction: row;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2022--features:nth-child(2n+4) .f-image-text-2022__image-container {
    left: initial;
    right: 1rem;
    text-align: left;
  }
}
@media screen and (min-width: 40em) {
  .f-image-text-2022--features:nth-child(2n+5) {
    background: linear-gradient(180deg, #321450 0%, #190A28 100%);
  }
}

.gp-switch {
  text-align: center;
  position: relative;
  overflow: hidden;
  background: #190A28;
  display: flex;
  align-items: center;
  min-height: 417px;
  z-index: 1;
  width: 100%;
  padding: 60px 0 40px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 64em) {
  .gp-switch {
    padding: 100px 0 80px;
    height: 835px;
  }
}
.gp-switch__bg {
  position: absolute;
  height: 417px;
  width: 830px;
  min-width: 830px;
  top: 0;
  left: calc(50% - 422px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .gp-switch__bg {
    height: 835px;
    left: calc(50% - 1095px);
    width: 2388px;
    min-width: 2388px;
  }
}
.gp-switch__content-wrapper {
  width: 100%;
  z-index: 1;
}
.gp-switch__image-container {
  padding: 0 1rem 20px;
}
.gp-switch__image {
  width: 100%;
  max-width: 932px;
  margin-right: -18%;
  visibility: hidden;
}
.gp-switch__title {
  text-align: center;
  margin: 0 auto 0.75rem;
  font-size: 1.625rem;
  color: white;
  visibility: hidden;
  max-width: 798px;
}
@media screen and (min-width: 64em) {
  .gp-switch__title {
    font-size: 4.125rem;
    margin-bottom: 1.25rem;
  }
}
.gp-switch__title i, .gp-switch__title strong {
  color: #FF00A5 !important;
  font-style: normal;
}
.gp-switch__copy {
  color: white;
  visibility: hidden;
  max-width: 608px;
  margin: 0 auto;
}
.gp-switch__copy p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 64em) {
  .gp-switch__copy p {
    font-size: 1.3125rem;
  }
}
.gp-switch__copy p:last-child {
  margin-bottom: 0;
}
.gp-switch__copy a {
  color: #FF00A5;
  text-decoration: underline;
}
.gp-switch__copy a:visited {
  color: #FF00A5;
}
.gp-switch__copy a:hover, .gp-switch__copy a:active {
  color: #ff33b7;
}
.gp-switch__bottom-right {
  position: absolute;
  bottom: 0;
  left: calc(50% + 874px);
  pointer-events: none;
  visibility: hidden;
}

.f-hero-2022 {
  position: relative;
  text-align: center;
  padding: 0;
  align-items: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.f-hero-2022 > .row {
  width: 100%;
}
.f-hero-2022__wrapper {
  position: relative;
  min-height: 645px;
  background: #190A28;
  display: flex;
  flex-direction: column;
  padding: 1rem 0;
}
@media screen and (min-width: 40em) {
  .f-hero-2022__wrapper {
    padding: 40px 1rem 0;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-2022__wrapper {
    margin-top: -55px;
    height: 799px;
    background: linear-gradient(180deg, black 0%, #190A28 795px);
    padding-top: 165px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2022__wrapper {
    height: 1088px;
  }
}
.f-hero-2022__bg {
  position: absolute;
  height: 645px;
  width: auto;
  min-width: 1061px;
  top: 0;
  left: calc(50% - 600px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .f-hero-2022__bg {
    height: 799px;
    left: calc(50% - 1205px);
    min-width: 2505px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2022__bg {
    height: 1088px;
    left: calc(50% - 1265px);
    min-width: 2595px;
  }
}
.f-hero-2022__image-wrapper {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .f-hero-2022__image-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    left: calc(50% - 162px);
    right: 1rem;
    max-width: 679px;
    margin: 0;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2022__image-wrapper {
    max-width: 973px;
    left: calc(50% - 177px);
  }
}
.f-hero-2022__image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (max-width: 63.9375em) {
  .f-hero-2022__image {
    width: auto;
    height: 229px;
  }
}
@media screen and (max-width: 39.9375em) {
  .f-hero-2022__image {
    margin-left: -29%;
    max-width: 129%;
  }
}
.f-hero-2022__title {
  font-size: 2.375rem;
  color: white;
  line-height: 0.91;
  margin: 0 auto;
  visibility: hidden;
  max-width: 602px;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media screen and (max-width: 39.9375em) {
  html[lang=es] .f-hero-2022__title, html[lang=it] .f-hero-2022__title, html[lang=fr] .f-hero-2022__title {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-2022__title {
    font-size: 4.125rem;
    text-align: left;
    margin: 0;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2022__title {
    max-width: 608px;
  }
}
.f-hero-2022__title i, .f-hero-2022__title strong {
  color: #FF00A5 !important;
}
.f-hero-2022__content {
  position: relative;
  z-index: 1;
}
.f-hero-2022__copy {
  color: white;
  font-size: 1rem;
  line-height: 1.14;
  margin: 1rem auto 0;
  position: relative;
  visibility: hidden;
  max-width: 602px;
}
@media screen and (min-width: 64em) {
  .f-hero-2022__copy {
    font-size: 1.4375rem;
    margin: 1.5rem 0 0;
    text-align: left;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2022__copy {
    max-width: 608px;
  }
}
.f-hero-2022__copy p {
  line-height: inherit;
}
.f-hero-2022__copy p:last-child {
  margin-bottom: 0;
}
.f-hero-2022__top-right {
  width: 274.13px;
  height: auto;
  position: absolute;
  left: calc(50% + 710px);
  top: -91px;
  visibility: hidden;
}
@media screen and (min-width: 87.5em) {
  .f-hero-2022__top-right {
    top: 0px;
  }
}
.f-hero-2022__bottom-right {
  width: 409.17px;
  height: auto;
  position: absolute;
  left: calc(50% + 873px);
  bottom: 0;
  visibility: hidden;
}
.f-hero-2022__buttons {
  visibility: hidden;
  margin-top: 1.25rem;
}
@media screen and (min-width: 64em) {
  .f-hero-2022__buttons {
    margin-top: 1.5rem;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-2022__buttons .button-fm22 {
    margin-left: 0 !important;
    min-width: 130px;
  }
}
.f-hero-2022__buttons .button-fm22:first-child:last-child {
  min-width: 279px;
}
@media screen and (min-width: 64em) {
  .f-hero-2022__buttons .button-fm22:first-child:last-child {
    min-width: 155px;
  }
}

.f-hero-2022-links {
  text-align: center;
  position: relative;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .f-hero-2022-links:before {
    content: "";
    display: block;
    border-top: 1px solid rgba(240, 240, 240, 0.2);
    width: calc(100% - 2rem);
    margin: 0 1rem 0.75rem;
  }
}
@media screen and (min-width: 54.4375em) {
  .f-hero-2022-links--mobile {
    display: none;
  }
}
@media screen and (max-width: 54.375em) {
  .f-hero-2022-links--desktop {
    display: none;
  }
}
.f-hero-2022-links__wrapper {
  margin-top: 1.5rem;
}
.f-hero-2022-links__content {
  position: relative;
  padding: 15px 0 0;
  text-align: center;
}
.f-hero-2022-links__content.slick-initialized {
  opacity: 1;
}
@media screen and (max-width: 54.375em) {
  .f-hero-2022-links__content:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: -1px;
    right: 0;
    width: 45px;
    background: linear-gradient(90deg, rgba(25, 10, 40, 0) 0%, #190A28 calc(100% - 20px));
    pointer-events: none;
    z-index: 1;
  }
}
.f-hero-2022-links__title {
  font-size: 1.625rem;
  color: white;
  text-align: center;
  margin: 0;
  position: relative;
}
@media screen and (min-width: 64em) {
  .f-hero-2022-links__title {
    font-size: 2.375rem;
  }
}
.f-hero-2022-links__item {
  padding: 0 5px;
  display: inline-block;
  outline: 0;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .f-hero-2022-links__item {
    padding: 0 8px;
  }
}
.f-hero-2022-links a,
.f-hero-2022-links a:visited {
  color: white !important;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  font-size: 0.875rem;
  transition: color 200ms, background-color 200ms !important;
  background: #321450;
  padding: 7px 12px 7px;
  border-radius: 4px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  outline: 0;
  border: 1px solid #190a27;
}
@media screen and (min-width: 75em) {
  .f-hero-2022-links a,
  .f-hero-2022-links a:visited {
    font-size: 1rem;
    font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
    padding: 14px 12px;
  }
}
.f-hero-2022-links a:hover,
.f-hero-2022-links a:active {
  color: white;
  background-color: #FF2850;
  background: linear-gradient(90deg, #FF00A5 0%, #FF2850 100%);
}
.f-hero-2022-links .slick-prev {
  display: none !important;
}
.f-hero-2022-links .slick-next {
  position: absolute;
  top: 29px;
  right: -5px;
  width: 30px;
  height: 30px;
  z-index: 2;
  opacity: 1 !important;
}
.f-hero-2022-links .slick-next:before {
  background-image: url(../img/components/features-2022/arrow-right-pink.svg);
  width: 10px;
  height: 14px;
  position: absolute;
  top: calc(50% - 8px);
  left: calc(50% - 5px);
}
@media screen and (min-width: 40em) {
  .f-hero-2022-links .slick-next {
    display: none;
  }
}

.f-hero-dd-links {
  position: relative;
  margin-top: 1.5rem;
  visibility: hidden;
}
@media screen and (min-width: 87.5em) {
  .f-hero-dd-links {
    margin-top: 2.5rem;
  }
}
.f-hero-dd-links__content {
  text-align: center;
  justify-content: center;
}
@media screen and (min-width: 64em) {
  .f-hero-dd-links__content {
    display: flex;
    align-items: center;
  }
}
.f-hero-dd-links__links {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: center;
}
@media screen and (min-width: 87.5em) {
  .f-hero-dd-links__links {
    gap: 22px;
  }
}
.f-hero-dd-links__link {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 98px;
  min-height: 80px;
  aspect-ratio: 124/104;
}
@media screen and (min-width: 87.5em) {
  .f-hero-dd-links__link {
    width: 135px;
  }
}
.f-hero-dd-links__link img {
  width: 38px;
  height: auto;
}
@media screen and (min-width: 87.5em) {
  .f-hero-dd-links__link img {
    width: 52px;
  }
}
.f-hero-dd-links__link.mobile img {
  width: 47px;
}
@media screen and (min-width: 87.5em) {
  .f-hero-dd-links__link.mobile img {
    width: 62px;
  }
}
.f-hero-dd-links__title {
  font-size: 1rem;
  color: white;
  margin: 0;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  text-transform: none;
}
@media screen and (max-width: 63.9375em) {
  .f-hero-dd-links__title {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-dd-links__title {
    font-size: 1.3125rem;
    margin-right: 32px;
    text-align: right;
  }
}

.f-banner-2022 {
  min-height: 217px;
}
@media screen and (min-width: 64em) {
  .f-banner-2022 {
    min-height: 368px;
  }
}
.f-banner-2022__bg {
  position: absolute;
  height: 217px;
  top: 0;
  left: calc(50% - 466px);
  min-width: 900px;
}
@media screen and (min-width: 40em) {
  .f-banner-2022__bg {
    position: absolute;
    height: 368px;
    width: auto;
    min-width: 2195px;
    top: 0;
    left: calc(50% - 1235px);
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
  }
}

.f-article-2022__wrapper {
  padding: 0;
}
@media screen and (min-width: 40em) {
  .f-article-2022__wrapper {
    padding: 0;
  }
}

.gp-image-text-2022 {
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 544px;
  background: #190A28;
  background: linear-gradient(180deg, #190A28 0%, #321450 100%);
  padding: 40px 0;
}
@media screen and (max-width: 39.9375em) {
  .gp-image-text-2022 {
    min-height: 544px;
  }
}
@media screen and (min-width: 64em) {
  .gp-image-text-2022 {
    display: flex;
    align-items: center;
    text-align: left;
    height: 650px;
    padding: 50px 1rem;
  }
}
@media screen and (min-width: 87.5em) {
  .gp-image-text-2022 {
    padding: 50px 0;
  }
}
.gp-image-text-2022__wrapper {
  overflow: hidden;
  padding: 35px 0 32px;
}
@media screen and (min-width: 40em) {
  .gp-image-text-2022__wrapper {
    padding: 110px 0 150px;
  }
}
.gp-image-text-2022__bg {
  position: absolute;
  height: 544px;
  width: auto;
  min-width: 644px;
  top: 0;
  left: calc(50% - 179px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  background: transparent url(../img/components/gp-image-text-2022/1-bg-sm.svg);
}
@media screen and (min-width: 40em) {
  .gp-image-text-2022__bg {
    height: 650px;
    min-width: 2297px;
    left: calc(50% - 1193px);
    background-image: url(../img/components/gp-image-text-2022/1-bg-lg.svg);
  }
}
.gp-image-text-2022__title {
  color: white;
  font-size: 1.625rem;
  margin-bottom: 15px;
  position: relative;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .gp-image-text-2022__title {
    font-size: 3.375rem;
    margin-bottom: 1.5rem;
    text-align: left;
  }
}
@media screen and (min-width: 87.5em) {
  .gp-image-text-2022__title {
    margin-bottom: 1.75rem;
  }
}
.gp-image-text-2022__title i, .gp-image-text-2022__title strong {
  color: #FF00A5 !important;
}
.gp-image-text-2022__top-right {
  position: absolute;
  left: calc(50% + 112px);
  width: 335.6px;
  height: 371.85px;
  top: 133px;
  max-width: none;
  visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 64em) {
  .gp-image-text-2022__top-right {
    top: 0;
    left: calc(50% + 680px);
    width: 409.24px;
    height: 598.35px;
  }
}
.gp-image-text-2022--features .gp-image-text-2022__top-right {
  display: none;
}
.gp-image-text-2022__content-wrapper {
  visibility: hidden;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .gp-image-text-2022__content-wrapper {
    text-align: left;
  }
}
.gp-image-text-2022__abstract {
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 64em) {
  .gp-image-text-2022__abstract {
    margin-bottom: 1rem;
  }
}
.gp-image-text-2022__abstract p {
  text-align: center;
  color: white;
  line-height: 1.14;
  font-size: 1rem !important;
}
@media screen and (min-width: 64em) {
  .gp-image-text-2022__abstract p {
    font-size: 1.3125rem !important;
  }
}
.gp-image-text-2022__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  font-size: 0.875rem;
}
@media screen and (min-width: 64em) {
  .gp-image-text-2022__content p {
    font-size: 1.125rem;
    text-align: left;
  }
}
.gp-image-text-2022__content a,
.gp-image-text-2022__content a:visited {
  color: #FF00A5;
  text-decoration: underline;
}
.gp-image-text-2022__content a:hover,
.gp-image-text-2022__content a:active {
  color: #ffb3e4;
}
.gp-image-text-2022__row {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .gp-image-text-2022__row {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
}
.gp-image-text-2022__image-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 63.9375em) {
  .gp-image-text-2022__image-container {
    padding: 0 1rem;
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 64em) {
  .gp-image-text-2022__image-container {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    width: calc(50% - 1rem);
    text-align: right;
    margin: 0 auto;
    padding: 0 1rem;
  }
}
@media screen and (min-width: 87.5em) {
  .gp-image-text-2022__image-container {
    width: calc(50% - 98px);
  }
}
.gp-image-text-2022__image {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 400px;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .gp-image-text-2022__image {
    max-width: 700px;
  }
}
.gp-image-text-2022__buttons {
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .gp-image-text-2022__buttons {
    margin-top: 1.5rem;
    margin-left: -0.5rem;
  }
}

.dd-banner {
  height: 174px;
  background: #641EAA;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 64em) {
  .dd-banner {
    text-align: left;
    height: 145px;
  }
}
.dd-banner > .row {
  width: 100%;
}
.dd-banner__title {
  color: white;
  font-size: 1.25rem;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  position: relative;
  margin: 0 0 1rem 0;
}
@media screen and (min-width: 64em) {
  .dd-banner__title {
    font-size: 1.75rem;
    margin: 0 2rem 0 0;
  }
}
.dd-banner__bg {
  position: absolute;
  height: 174px;
  top: 0;
  left: 0;
  min-width: 360px;
}
@media screen and (min-width: 64em) {
  .dd-banner__bg {
    position: absolute;
    height: 145px;
    width: auto;
    min-width: 1920px;
    top: 0;
    left: calc(50% - 960px);
    -o-object-fit: cover;
       object-fit: cover;
    pointer-events: none;
  }
}
.dd-banner__button {
  width: -moz-fit-content;
  width: fit-content;
  display: flex !important;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .dd-banner__button {
    margin-right: 1rem;
  }
}
.dd-banner__content {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .dd-banner__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

/* ================================================================
A full-width image with button
=================================================================== */
.full-image-2022 {
  max-width: 100vw;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  height: 270px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .full-image-2022 {
    height: 598px;
  }
}
.full-image-2022__button.button-fm22 {
  width: -moz-fit-content;
  width: fit-content;
  display: flex !important;
  margin: 0 auto;
  min-height: auto;
  padding-left: 1rem;
  padding-right: 1rem;
}
.full-image-2022__button.button-fm22 span {
  margin: auto 14px !important;
}
.full-image-2022__button.button-fm22 img {
  width: auto;
  height: 16px;
  margin: 0 !important;
}
@media screen and (min-width: 64em) {
  .full-image-2022__button.button-fm22 img {
    height: 22px;
  }
}
.full-image-2022__content-wrapper {
  text-align: center;
  width: 100%;
}

.blp-text-image {
  color: white;
  text-align: center;
  min-height: 321px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 64em) {
  .blp-text-image {
    min-height: 695px;
  }
}
.blp-text-image__row {
  width: 100%;
}
.blp-text-image__wrapper {
  background: #190A28;
  padding: 20px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blp-text-image__bg {
  position: absolute;
  height: 321px;
  min-width: 1095px;
  bottom: 0;
  left: calc(50% - 287px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.blp-text-image__title {
  font-size: 1.625rem;
  z-index: 1;
  position: relative;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  margin: 0 auto 10px;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .blp-text-image__title {
    font-size: 4.125rem;
    text-align: left;
  }
}
.blp-text-image__title span, .blp-text-image__title i {
  font-style: normal;
  color: #FF00A5;
}
.blp-text-image__content {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) and (max-width: 87.4375em) {
  .blp-text-image__content {
    padding-left: 2rem;
  }
}
.blp-text-image__copy {
  max-width: 608px;
  margin: auto;
}
@media screen and (min-width: 64em) {
  .blp-text-image__copy {
    font-size: 1.3125rem;
    text-align: left;
  }
}
.blp-text-image__copy p {
  line-height: 1.14;
}
@media screen and (min-width: 64em) {
  .blp-text-image__button-wrapper {
    text-align: left;
    margin-top: 30px;
  }
}
.blp-text-image__image {
  width: 43.8vw;
  max-width: 841px;
  height: 595px;
  position: absolute;
  top: 0;
  left: 56.25%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blp-text-image__tl {
  position: absolute;
  top: -1px;
  left: calc(50% - 1259px);
  width: 492.26px;
}

.blp-video-modal {
  color: white;
  text-align: center;
  min-height: 321px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .blp-video-modal {
    min-height: 696px;
  }
}
.blp-video-modal__row {
  width: 100%;
}
.blp-video-modal__wrapper {
  background: #190A28;
  padding: 50px 0 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.blp-video-modal__bg {
  position: absolute;
  height: 321px;
  min-width: 2182px;
  bottom: 0;
  left: calc(50% - 961px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.blp-video-modal__bl {
  position: absolute;
  bottom: 0;
  right: calc(50% - 51px);
  width: 329.09px;
  height: 454.76px;
  pointer-events: none;
}
.blp-video-modal__tr {
  position: absolute;
  z-index: 1;
  height: calc(100% + 50px);
  right: -15px;
  top: -20px;
  bottom: -30px;
  width: auto;
  pointer-events: none;
}
.blp-video-modal__title {
  font-size: 1.625rem;
  z-index: 1;
  position: relative;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  margin: 0 auto 10px;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .blp-video-modal__title {
    font-size: 4.125rem;
    text-align: left;
  }
}
.blp-video-modal__title span, .blp-video-modal__title i {
  font-style: normal;
  color: #FF00A5;
}
.blp-video-modal__content {
  position: relative;
  z-index: 1;
}
.blp-video-modal__copy {
  margin: auto;
}
@media screen and (min-width: 64em) {
  .blp-video-modal__copy {
    font-size: 1.3125rem;
    text-align: left;
  }
}
.blp-video-modal__copy p {
  line-height: 1.14;
}
@media screen and (min-width: 64em) {
  .blp-video-modal__button-wrapper {
    text-align: left;
    margin-top: 30px;
  }
}
.blp-video-modal__button-wrapper img {
  margin-top: -3px;
}
@media screen and (max-width: 63.9375em) {
  .blp-video-modal__image-wrapper {
    width: calc(100% - 60px);
    margin: 0 auto 30px;
    position: relative;
    max-width: 500px;
  }
}
@media screen and (min-width: 64em) {
  .blp-video-modal__image-wrapper {
    width: 43.8vw;
    max-width: 841px;
    height: 595px;
    position: absolute;
    top: 0;
    right: 56.25%;
  }
}
.blp-video-modal__image {
  width: 100%;
}
@media screen and (min-width: 64em) {
  .blp-video-modal__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.blp-video-modal__play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100.44px;
  height: 75px;
  cursor: pointer;
}
.blp-video-modal__play-icon img {
  width: 68.01px;
  height: 50.79px;
}
@media screen and (min-width: 64em) {
  .blp-video-modal__play-icon img {
    width: 100.44px;
    height: 75px;
  }
}

.alp-learn-more__bg {
  position: absolute;
  height: 1209px;
  width: auto;
  min-width: 1024px;
  top: 0;
  left: calc(50% - 511px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .alp-learn-more__bg {
    height: 1080px;
    min-width: 3108px;
    left: calc(50% - 1552px);
    top: 0;
  }
}
.alp-learn-more__boxes {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 39.9375em) {
  .alp-learn-more__boxes {
    max-width: 330px;
  }
}
.alp-learn-more__wrapper {
  background: #190A28;
}
@media screen and (max-width: 63.9375em) {
  .alp-learn-more__wrapper {
    padding-top: 1.25rem !important;
  }
}
@media all and (max-width: 1000px) {
  .alp-learn-more__wrapper {
    padding-top: 1.25rem !important;
    padding-bottom: 0 !important;
  }
}
@media screen and (max-width: 39.9375em) {
  .alp-learn-more__wrapper {
    padding-top: 0 !important;
  }
}
@media screen and (max-width: 87.4375em) {
  .alp-learn-more__wrapper .columns {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media all and (max-width: 1000px) {
  .alp-learn-more__wrapper .columns {
    padding-left: 0.875rem;
    padding-right: 0.875rem;
  }
}
.alp-learn-more__title {
  z-index: 1;
  position: relative;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  margin-left: 1.25rem;
  margin-right: 1.25rem;
  color: #fff;
}
@media all and (max-width: 1000px) {
  .alp-learn-more__title {
    font-size: 2.25rem;
  }
}
.alp-learn-more__title span, .alp-learn-more__title i {
  font-style: normal;
  color: #FF00A5;
}
@media screen and (max-width: 39.9375em) {
  .alp-learn-more__title {
    margin-top: 0.5em;
  }
}
@media screen and (min-width: 64em) {
  .alp-learn-more__title {
    font-size: 3.75rem;
    margin-left: 3rem;
    margin-right: 3rem;
  }
}

.alp-box {
  position: relative;
  background: transparent;
  margin: 0;
  z-index: 1;
  text-align: center;
  width: 100%;
  margin-bottom: 14px;
}
@media screen and (min-width: 40em) {
  .alp-box {
    margin: 0 14px 28px;
    margin-bottom: 28px;
    width: calc(50% - 14px);
  }
}
@media screen and (min-width: 40em) {
  .alp-box:nth-of-type(1), .alp-box:nth-of-type(3), .alp-box:nth-of-type(5), .alp-box:nth-of-type(7) {
    margin-left: 0;
  }
}
@media screen and (min-width: 40em) {
  .alp-box:nth-of-type(2), .alp-box:nth-of-type(4), .alp-box:nth-of-type(6), .alp-box:nth-of-type(8) {
    margin-right: 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .alp-box:nth-of-type(5) {
    order: 10;
  }
}
@media screen and (max-width: 39.9375em) {
  .alp-box:nth-last-child(1) {
    margin-left: 0.5rem;
    width: calc(50% - 0.5rem);
  }
}
@media screen and (max-width: 39.9375em) {
  .alp-box:nth-last-child(2) {
    margin-right: 0.5rem;
    width: calc(50% - 0.5rem);
  }
}
@media screen and (max-width: 39.9375em) {
  .alp-box:nth-last-child(1) .alp-box__title, .alp-box:nth-last-child(2) .alp-box__title {
    font-size: 1.25rem !important;
  }
}
.alp-box__image {
  width: 100%;
  height: auto;
  display: block;
}
.alp-box__title {
  z-index: 10;
  color: white;
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  max-width: calc(100% - 2rem);
  margin: 0;
  font-size: 2.375rem;
  width: 100%;
}
.alp-box__title i, .alp-box__title span {
  font-style: normal;
  color: #FF00A5;
}
.alp-box__title.long {
  word-break: break-all;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media all and (max-width: 1000px) {
  .alp-box__title {
    bottom: 15px;
    font-size: 1.625rem;
  }
}
@media all and (max-width: 710px) {
  .alp-box__title {
    font-size: 1.625rem;
  }
}
.alp-box__link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  z-index: 10;
}

.alp-play-links {
  color: white;
  text-align: center;
  min-height: 540px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .alp-play-links {
    min-height: 734px;
  }
}
.alp-play-links__wrapper {
  background: #190A28;
  padding: 20px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 64em) {
  .alp-play-links__wrapper {
    padding-top: 110px;
  }
}
.alp-play-links__bg {
  position: absolute;
  height: 600px;
  min-width: 673px;
  bottom: 0;
  left: calc(50% - 326px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .alp-play-links__bg {
    height: 734px;
    min-width: 3104px;
    left: calc(50% - 1553px);
  }
}
.alp-play-links__title {
  font-size: 2rem;
  z-index: 1;
  position: relative;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  margin: 0 auto 10px;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .alp-play-links__title {
    font-size: 4.125rem;
  }
}
.alp-play-links__title span, .alp-play-links__title i {
  font-style: normal;
  color: #FF00A5;
}
.alp-play-links__content {
  position: relative;
  z-index: 1;
}
.alp-play-links__copy {
  font-size: 1rem;
  max-width: 820px;
  margin: auto;
}
@media screen and (min-width: 64em) {
  .alp-play-links__copy {
    font-size: 1.4375rem;
  }
}
.alp-play-links__copy p {
  line-height: 1.125;
}
.alp-play-links__links {
  display: flex;
  margin: 15px auto;
  justify-content: center;
  gap: 12px;
}
@media screen and (min-width: 64em) {
  .alp-play-links__links {
    margin: 35px auto 60px;
    gap: 35px;
  }
}
.alp-play-links__link {
  margin: 0;
  min-width: 100px;
  text-align: center;
  display: block;
  text-decoration: none;
  transition: opacity 200ms;
}
@media screen and (max-width: 39.9375em) {
  .alp-play-links__link {
    background: radial-gradient(circle, rgb(50, 20, 80) 15%, rgb(25, 10, 40) 100%);
    border: 1px solid #665677;
    border-radius: 5px;
    padding: 15px;
  }
}
.alp-play-links__link:hover, .alp-play-links__link:active, .alp-play-links__link:focus {
  opacity: 0.8;
  color: white;
}
.alp-play-links__link img {
  width: 80px;
  height: auto;
  display: block;
  margin: auto;
}
.alp-play-links__link span {
  font-size: 1rem;
  display: block;
  text-decoration: none;
  margin-top: 10px;
  line-height: 1.24;
}
@media screen and (min-width: 64em) {
  .alp-play-links__link span {
    font-size: 1.3125rem;
  }
}
.alp-play-links__box {
  border: 1px solid #554665;
  background: rgba(25, 10, 40, 0.8);
  padding: 20px 25px 25px;
  text-align: center;
  border-radius: 5px;
}
@media screen and (max-width: 63.9375em) {
  .alp-play-links__box {
    background: radial-gradient(circle, rgb(50, 20, 80) 15%, rgb(25, 10, 40) 100%);
  }
}
@media screen and (min-width: 64em) {
  .alp-play-links__box {
    text-align: left;
    padding: 20px 30px 30px;
  }
}
@media screen and (min-width: 64em) {
  .alp-play-links__box-content-wrapper {
    display: flex;
    flex-direction: row;
  }
}
@media screen and (min-width: 64em) {
  .alp-play-links__box-content {
    font-size: 1.125rem;
  }
}
.alp-play-links__box-content p {
  line-height: 1.14;
}
.alp-play-links__box-content p:last-child {
  margin-bottom: 0;
}
.alp-play-links__box-title {
  color: white;
  margin-bottom: 6px;
  font-size: 1.375rem;
}
@media screen and (min-width: 64em) {
  .alp-play-links__box-title {
    font-size: 2.375rem;
  }
}
@media screen and (max-width: 63.9375em) {
  .alp-play-links__button-wrapper {
    margin-top: 15px;
  }
}
@media screen and (min-width: 64em) {
  .alp-play-links__button-wrapper {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.alp-play-links__button.button-fm22 {
  min-width: 154px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.alp-sales {
  color: white;
  text-align: center;
  min-height: 327px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .alp-sales {
    min-height: 430px;
  }
}
.alp-sales__wrapper {
  background: #190A28;
  padding: 20px 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (min-width: 64em) {
  .alp-sales__wrapper {
    padding-top: 110px;
  }
}
.alp-sales__bg {
  position: absolute;
  height: 600px;
  min-width: 708px;
  bottom: 0;
  left: calc(50% - 354px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .alp-sales__bg {
    height: 734px;
    min-width: 3104px;
    left: calc(50% - 1554px);
  }
}
.alp-sales__title {
  font-size: 2rem;
  z-index: 1;
  position: relative;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  margin: 0 auto 10px;
  color: #fff;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .alp-sales__title {
    font-size: 4.125rem;
  }
}
.alp-sales__title span, .alp-sales__title i {
  font-style: normal;
  color: #FF00A5;
}
.alp-sales__content {
  position: relative;
  z-index: 1;
}
.alp-sales__copy {
  font-size: 1rem;
  max-width: 820px;
  margin: auto;
}
@media screen and (min-width: 64em) {
  .alp-sales__copy {
    font-size: 1.4375rem;
  }
}
.alp-sales__copy p {
  line-height: 1.125;
}
.lp-hero-2023 {
  position: relative;
  padding: 0 0 117px;
  display: flex;
  align-items: flex-end;
  height: 575px;
  min-height: 575px;
  text-align: center;
  background: transparent;
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .lp-hero-2023 {
    min-height: 720px;
    height: 720px;
    padding-bottom: 132px;
  }
}
@media screen and (min-width: 64em) {
  .lp-hero-2023 {
    min-height: 600px;
    height: calc(100vh - 55px);
    padding-top: 90px;
    padding-bottom: 177px;
  }
}
.lp-hero-2023 > .row {
  width: 100%;
}
.lp-hero-2023__image-container {
  overflow: hidden;
}
.lp-hero-2023__image {
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .lp-hero-2023__image {
    height: 416px;
  }
}
.lp-hero-2023__placeholder {
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .lp-hero-2023__placeholder {
    height: 416px;
  }
}
.lp-hero-2023__gradient {
  position: absolute;
  left: 0;
  right: 0;
  top: 307px;
  height: 109px;
  background: linear-gradient(180deg, rgba(25, 10, 40, 0) 0%, #190a28 100%);
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .lp-hero-2023__gradient {
    opacity: 0.4;
    height: 520px;
    top: 200px;
  }
}
.lp-hero-2023__title {
  font-size: 2.5rem;
  color: white;
  line-height: 1;
  margin: 0;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .lp-hero-2023__title {
    font-size: 4.6875rem;
  }
}
@media screen and (min-width: 64em) {
  .lp-hero-2023__title {
    font-size: 5.75rem;
  }
}
.lp-hero-2023__title i, .lp-hero-2023__title strong {
  color: #00DDE3 !important;
}
.lp-hero-2023__buttons {
  margin-top: 1rem;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-hero-2023__buttons {
    margin-top: 2rem;
  }
}
.lp-hero-2023__content {
  position: relative;
  z-index: 10;
  visibility: hidden;
  text-align: center;
  margin: 0 auto;
}
.lp-hero-2023__copy {
  color: white;
  font-size: 1rem;
  line-height: 1.14;
  margin-top: 1rem;
  position: relative;
}
@media screen and (min-width: 40em) {
  .lp-hero-2023__copy {
    font-size: 1.4375rem;
    margin-top: 1.5rem;
  }
}
.lp-hero-2023__copy p {
  line-height: inherit;
  letter-spacing: 0.02em;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
.lp-hero-2023__copy p:last-child {
  margin-bottom: 0;
}
.lp-hero-2023__top-left {
  position: absolute;
  pointer-events: none;
  width: 119.06px;
  height: 344.95px;
  top: -1px;
  left: -1px;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .lp-hero-2023__top-left {
    width: 195.96px;
    height: 567.75px;
  }
}
.lp-hero-2023__video {
  background: black;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .lp-hero-2023__video {
    height: 416px;
  }
}
.lp-hero-2023__video video, .lp-hero-2023__video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.lp-hero-2023__wipe, .lp-hero-2023__image-wipe {
  background: #641EAA;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  transform: translateY(100%);
}
.lp-hero-2023__arrow {
  width: 28px;
  height: auto;
  position: absolute;
  bottom: 30px;
  left: calc(50% - 15px);
  z-index: 1;
  cursor: pointer !important;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .lp-hero-2023__arrow {
    bottom: 68px;
  }
}
.lp-hero-2023__arrow #an-arrow__inner1 {
  opacity: 0;
  animation-duration: 1.5s;
  animation-name: an-arrow-inner1;
  animation-iteration-count: infinite;
}
.lp-hero-2023__arrow #an-arrow__inner2 {
  opacity: 0;
  animation-duration: 1.5s;
  animation-name: an-arrow-inner2;
  animation-iteration-count: infinite;
}

@keyframes an-arrow-inner1 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes an-arrow-inner2 {
  10% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.button-fm23, .user-page__box a,
a.button-fm23,
.user-page__box a {
  cursor: pointer;
  padding: 14px 33px 14px;
  transition: background 200ms, color 200ms, border 200ms;
  text-align: center;
  text-decoration: none !important;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1;
  display: inline-block;
  position: relative;
  outline: 0;
  font-size: 1rem;
  background: #00DDE3;
  color: white;
  min-height: 45px;
}
@media screen and (min-width: 40em) {
  .button-fm23, .user-page__box a,
  a.button-fm23,
  .user-page__box a {
    padding: 15px 35px 14px;
    min-height: 45px;
  }
}
.button-fm23:after, .user-page__box a:after,
a.button-fm23:after,
.user-page__box a:after {
  background: white;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 200ms;
}
.button-fm23--skewed,
a.button-fm23--skewed {
  transform: skew(-18deg);
  border-radius: 0 !important;
}
.button-fm23--skewed > span,
.button-fm23--skewed > img,
a.button-fm23--skewed > span,
a.button-fm23--skewed > img {
  transform: skew(18deg);
  display: block;
  margin: auto;
}
.button-fm23 img, .user-page__box a img,
a.button-fm23 img,
.user-page__box a img {
  vertical-align: middle;
  margin: auto 6px auto auto;
  width: 19px;
  height: auto;
}
.button-fm23:hover:after, .user-page__box a:hover:after, .button-fm23:focus:after, .user-page__box a:focus:after, .button-fm23:active:after, .user-page__box a:active:after,
a.button-fm23:hover:after,
a.button-fm23:focus:after,
a.button-fm23:active:after {
  opacity: 0.2;
}
.button-fm23.disabled, .user-page__box a.disabled, .button-fm23.search-results__load-more[disabled], .user-page__box a.search-results__load-more[disabled],
a.button-fm23.disabled {
  background: linear-gradient(90deg, #00DDE3 0%, #7871F7 100%) !important;
}
.button-fm23.disabled:hover, .user-page__box a.disabled:hover, .button-fm23.search-results__load-more[disabled]:hover, .user-page__box a.search-results__load-more[disabled]:hover, .button-fm23.disabled:active, .user-page__box a.disabled:active, .button-fm23.search-results__load-more[disabled]:active, .user-page__box a.search-results__load-more[disabled]:active,
a.button-fm23.disabled:hover,
a.button-fm23.disabled:active {
  background: linear-gradient(90deg, #00DDE3 0%, #7871F7 100%) !important;
}

.button-fm23--turquoise, .button-fm23, .user-page__box a,
a.button-fm23,
a.button-fm23--turquoise,
.user-page__box a {
  color: white !important;
  background: linear-gradient(90deg, #00DDE3 0%, #7871F7 100%);
  border-color: transparent !important;
}
.button-fm23--turquoise:hover, .button-fm23:hover, .user-page__box a:hover, .button-fm23--turquoise:focus, .button-fm23:focus, .user-page__box a:focus, .button-fm23--turquoise:active, .button-fm23:active, .user-page__box a:active,
a.button-fm23--turquoise:hover,
a.button-fm23--turquoise:focus,
a.button-fm23--turquoise:active {
  color: white;
  background: linear-gradient(90deg, #0df9ff 0%, #9d98f9 100%);
  border-color: transparent !important;
}

.button-fm23--purple,
a.button-fm23--purple {
  color: white !important;
  background: linear-gradient(90deg, #7871F7 0%, #641EAA 100%);
  border-color: transparent !important;
}
.button-fm23--purple:hover, .button-fm23--purple:focus, .button-fm23--purple:active,
a.button-fm23--purple:hover,
a.button-fm23--purple:focus,
a.button-fm23--purple:active {
  color: white;
  background: linear-gradient(90deg, #9d98f9 0%, #7824cd 100%);
  border-color: transparent !important;
}

.button-fm23--white,
a.button-fm23--white {
  color: #190A28 !important;
  background: white;
}
.button-fm23--white:hover, .button-fm23--white:focus, .button-fm23--white:active,
a.button-fm23--white:hover,
a.button-fm23--white:focus,
a.button-fm23--white:active {
  color: white !important;
  background: #00DDE3;
}

.button-fm23-outline,
a.button-fm23-outline {
  transform: skew(-18deg);
  border-radius: 0 !important;
  cursor: pointer;
  padding: 12px 33px 12px;
  transition: background 200ms, color 200ms, border 200ms;
  text-align: center;
  text-decoration: none !important;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1.25;
  display: inline-block;
  position: relative;
  outline: 0;
  font-size: 1rem;
  color: white;
  min-height: 45px;
  border: 1px solid #00DDE3;
}
.button-fm23-outline > span,
a.button-fm23-outline > span {
  transform: skew(18deg);
  display: block;
}
.button-fm23-outline:hover,
a.button-fm23-outline:hover {
  background: linear-gradient(90deg, #00DDE3 0%, #7871F7 100%);
}

.button-fm23-outline--no-skew,
a.button-fm23-outline--no-skew {
  border-radius: 0 !important;
  cursor: pointer;
  padding: 12px 33px 12px;
  transition: background 200ms, color 200ms, border 200ms;
  text-align: center;
  text-decoration: none !important;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1.25;
  display: inline-block;
  position: relative;
  outline: 0;
  font-size: 1rem;
  color: white;
  min-height: 45px;
  border: 1px solid #00DDE3;
}
.button-fm23-outline--no-skew > span,
a.button-fm23-outline--no-skew > span {
  display: block;
}
.button-fm23-outline--no-skew:hover,
a.button-fm23-outline--no-skew:hover {
  background: linear-gradient(90deg, #00DDE3 0%, #7871F7 100%);
}

.inline-buttons-fm23 {
  display: flex;
}
.inline-buttons-fm23 .button-fm23, .inline-buttons-fm23 .user-page__box a, .user-page__box .inline-buttons-fm23 a {
  min-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inline-buttons-fm23 .button-fm23:first-child:not(:last-child), .inline-buttons-fm23 .user-page__box a:first-child:not(:last-child), .user-page__box .inline-buttons-fm23 a:first-child:not(:last-child) {
  padding-left: 15px;
  padding-right: 25px;
  -webkit-clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, 0 0);
          clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, 0 0);
  margin-left: auto;
}
@media screen and (min-width: 40em) {
  .inline-buttons-fm23 .button-fm23:first-child:not(:last-child), .inline-buttons-fm23 .user-page__box a:first-child:not(:last-child), .user-page__box .inline-buttons-fm23 a:first-child:not(:last-child) {
    padding-left: 35px;
    padding-right: 35px;
    -webkit-clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, calc(0% + 15px) 0);
            clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, calc(0% + 15px) 0);
  }
}
.inline-buttons-fm23 .button-fm23:last-child:not(:first-child), .inline-buttons-fm23 .user-page__box a:last-child:not(:first-child), .user-page__box .inline-buttons-fm23 a:last-child:not(:first-child) {
  padding-left: 25px;
  padding-right: 15px;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, calc(0% + 15px) 0%);
          clip-path: polygon(100% 0, 100% 100%, 0 100%, calc(0% + 15px) 0%);
  margin-right: auto;
  margin-left: -5px;
}
@media screen and (min-width: 40em) {
  .inline-buttons-fm23 .button-fm23:last-child:not(:first-child), .inline-buttons-fm23 .user-page__box a:last-child:not(:first-child), .user-page__box .inline-buttons-fm23 a:last-child:not(:first-child) {
    padding-left: 35px;
    padding-right: 35px;
    -webkit-clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, calc(0% + 15px) 0%);
            clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, calc(0% + 15px) 0%);
  }
}

.top-bar-mobile {
  display: none;
  --marquee-width: 100vw;
  --offset: 20vw;
  --move-initial: calc(-25% + var(--offset));
  --move-final: calc(-50% + var(--offset));
  --top-topbar-height-sm: $top-topbar-height-sm;
}

@media screen and (max-width: 63.9375em) {
  .top-bar-mobile {
    background-color: #F0F0F0;
    display: block;
    height: 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 21;
  }
  .top-bar-mobile-wrapper {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
  }
  .top-bar-mobile-wrapper .marquee-button {
    font-weight: bold;
    white-space: nowrap;
    color: #321450;
    font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    margin-right: 0.625rem;
  }
  /* marquee */
  .marquee__clone-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--marquee-width);
    overflow: hidden;
    pointer-events: none;
    height: var(--top-topbar-height-sm);
    display: flex;
    align-items: center;
  }
  .marquee__clone {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 10s linear infinite;
    animation-play-state: running;
    opacity: 1;
  }
  .marquee__clone-wrap span {
    margin-left: 3.125rem;
    text-align: center;
  }
  .marquee__text, .marquee__clone-wrap span {
    white-space: nowrap;
    padding: 0 1vw;
  }
  /* Respect user preferences about animations */
}
@media screen and (max-width: 63.9375em) and (prefers-reduced-motion: reduce) {
  .marquee__clone {
    animation-iteration-count: 0 !important;
    animation-duration: 0.01s !important;
    width: auto !important;
    padding-left: 0 !important;
  }
}
@keyframes marquee {
  0% {
    transform: translate3d(var(--move-initial), 0, 0);
  }
  100% {
    transform: translate3d(var(--move-final), 0, 0);
  }
}
.platform-carousel {
  align-items: center;
  display: flex;
  min-height: auto;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .platform-carousel {
    height: auto;
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel {
    align-items: center;
    display: flex;
    height: auto;
    text-align: left;
  }
}
.platform-carousel--images {
  padding-bottom: 0;
  margin-bottom: 0;
  padding-top: 3.125rem;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #321450 10%, #321450 90%, transparent 100%);
}
@media screen and (min-width: 40em) {
  .platform-carousel--images {
    padding-top: 3.75rem;
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel--images {
    padding-top: 7.5rem;
  }
}
.platform-carousel--images .slick-initialized .slick-track {
  display: flex;
  align-items: center;
}
.platform-carousel--content {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 3.125rem;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .platform-carousel--content {
    padding-bottom: 3.75rem;
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel--content {
    padding-bottom: 7.5rem;
  }
}
.platform-carousel__row {
  width: 100%;
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel__row {
    max-width: 100%;
  }
}
.platform-carousel__bg {
  height: auto;
  left: 50%;
  min-width: 1126px;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(-49.2%);
  width: auto;
}
@media screen and (min-width: 40em) {
  .platform-carousel__bg {
    height: auto;
    min-width: 1272px;
    transform: translateX(-69.889%);
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel__bg {
    height: auto;
    min-width: 2253px;
    transform: translateX(-56.06%);
  }
}
.platform-carousel .slick-dots {
  margin: 1.25rem auto 0;
  text-align: center;
  height: 10px;
}
.platform-carousel .slick-dots li {
  margin: 0 6px;
  height: 10px;
}
.platform-carousel .slick-dots li button {
  background: transparent;
  border: 2px solid #00DDE3;
  height: 10px;
  transform: none;
  width: 10px;
  font-size: 0;
}
@media screen and (min-width: 64em) {
  .platform-carousel .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}
.platform-carousel .slick-dots li.slick-active button {
  background: #00DDE3;
  border: 1px solid #00DDE3;
  transform: none;
}
.platform-carousel .slick-prev::before {
  transform: rotate(90deg);
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel .slick-prev::before {
    transform: scale(1.5) rotate(90deg);
  }
}
.platform-carousel .slick-next::before {
  transform: rotate(-90deg);
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel .slick-next::before {
    transform: scale(1.5) rotate(-90deg);
  }
}
.platform-carousel .slick-prev,
.platform-carousel .slick-next {
  height: 15px;
  top: 160px;
  transform: none;
  width: 20px;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .platform-carousel .slick-prev,
  .platform-carousel .slick-next {
    height: 40px;
    width: 30px;
  }
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel .slick-prev,
  .platform-carousel .slick-next {
    width: 100px;
    top: 50%;
  }
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel .slick-prev,
  .platform-carousel .slick-next {
    top: 40%;
  }
}
.platform-carousel .slick-prev:before,
.platform-carousel .slick-next:before {
  background-image: url(../img/components/platform-carousel-2023/arrow-turquoise.svg);
}
.platform-carousel .slick-prev.slick-disabled:before,
.platform-carousel .slick-next.slick-disabled:before {
  opacity: 0.5;
}
.platform-carousel .slick-next {
  right: 0;
}
@media screen and (min-width: 64em) {
  .platform-carousel .slick-next {
    margin-right: 30px;
  }
}
.platform-carousel .slick-prev {
  left: 0;
}
@media screen and (min-width: 64em) {
  .platform-carousel .slick-prev {
    margin-left: 30px;
  }
}
.platform-carousel .slick-list {
  /* Show slides that would otherwise be hidden off-screen */
  overflow: visible;
}
.platform-carousel .slick-slide:not(.slick-current) {
  /* Make slides other than the current one translucent */
  opacity: 0.4;
}

.platform-carousel-slide {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.platform-carousel-slide__image-row {
  align-items: center;
  display: flex;
  justify-content: center;
}
.platform-carousel-slide__image {
  height: auto;
  margin: 0 auto;
  max-width: 992px;
  padding-bottom: 1.25rem;
  transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-slide__image--mobile {
    width: 420px;
  }
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel-slide__image--mobile {
    width: 230px;
  }
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-slide__image--console {
    width: 420px;
  }
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel-slide__image--console {
    width: 230px;
  }
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-slide__image--touch {
    width: 420px;
  }
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel-slide__image--touch {
    width: 230px;
  }
}
.platform-carousel-slide__logo-row {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0.3125rem;
  margin-bottom: 1.5625rem;
}
.platform-carousel-slide__logo {
  background-color: #321450;
  border-radius: 0.625rem;
  border: 1px solid #641EAA;
  cursor: pointer;
  margin: 0 0.625rem 0.625rem 0.625rem;
  padding: 1.25rem 1.5625rem;
  transition: all 0.2s cubic-bezier(0.58, 0.72, 0.29, 0.09);
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-slide__logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel-slide__logo {
    width: 87px;
    height: 60px;
    padding: 1rem;
  }
}
.platform-carousel-slide__logo--active, .platform-carousel-slide__logo.active, .platform-carousel-slide__logo:hover, .platform-carousel-slide__logo:active {
  background: linear-gradient(180deg, rgb(120, 113, 247) 0%, rgb(100, 30, 170) 100%);
  border-color: #7871F7;
  transform: scale(1.1);
}
.platform-carousel-slide__logo-img {
  height: auto;
  min-height: 40px;
  width: 70px;
}
.platform-carousel-slide__content-row {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: 64.6875rem;
  text-align: center;
}
.platform-carousel-slide__content p {
  color: white;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 1.5625rem 0;
}
@media screen and (min-width: 40em) {
  .platform-carousel-slide__content p {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel-slide__content p {
    font-size: 1.3125rem;
  }
}
.platform-carousel-slide__stores-row {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}
@media screen and (min-width: 40em) {
  .platform-carousel-slide__stores-row {
    gap: 0.75rem;
  }
}
.platform-carousel-slide__store-icon {
  width: 36px;
}
@media screen and (min-width: 40em) {
  .platform-carousel-slide__store-icon {
    width: 56px;
  }
}
.platform-carousel-slide__button {
  margin-bottom: 20px;
}

.sticky-fmfc-bar {
  cursor: pointer;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  transition: transform 200ms, opacity 200ms;
  height: 2.8125rem;
  z-index: 20;
  background: rgba(0, 0, 0, 0.7);
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
  line-height: 1.1;
  color: white;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 1rem;
}
.sticky-fmfc-bar:hover, .sticky-fmfc-bar:active {
  color: white;
}
@media screen and (min-width: 40em) {
  .sticky-fmfc-bar {
    padding: 0;
    font-size: 1.125rem;
    justify-content: center;
  }
}
@media screen and (max-width: 25em) {
  .sticky-fmfc-bar {
    padding: 0 0.625rem 0 0;
  }
}
.sticky-fmfc-bar__content {
  display: flex;
}
.sticky-fmfc-bar__label {
  margin: 0 10px 0;
  font-size: 1rem;
  color: white;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 64em) {
  .sticky-fmfc-bar__label {
    font-size: 1.25rem;
  }
}
.sticky-fmfc-bar img {
  width: 76px;
  height: auto;
  vertical-align: center;
  margin-top: -9px;
}
@media screen and (min-width: 64em) {
  .sticky-fmfc-bar img {
    width: 95px;
    margin-top: -11px;
  }
}

.lp-bg-2023 {
  position: absolute;
  top: 520px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@media screen and (min-width: 40em) {
  .lp-bg-2023 {
    top: calc(720px + 40px + 44px);
  }
}
@media screen and (min-width: 64em) {
  .lp-bg-2023 {
    top: 100vh;
  }
}
.lp-bg-2023__image {
  text-align: center;
  width: 800px;
  min-width: 800px;
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
  .lp-bg-2023__image {
    width: 2519px;
    min-width: 2519px;
  }
}
@media screen and (min-width: 64em) {
  .lp-bg-2023__image {
    width: 4000px;
    min-width: 4000px;
  }
}

.prod-2023 {
  text-align: center;
  position: relative;
  overflow: visible;
  background: transparent;
  display: flex;
  align-items: center;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .prod-2023 {
    text-align: left;
  }
}
.prod-2023__wrapper {
  padding: 27px 10px 70px;
}
@media screen and (min-width: 40em) {
  .prod-2023__wrapper {
    padding: 50px 10px 70px;
  }
}
@media screen and (min-width: 64em) {
  .prod-2023__wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.prod-2023__image {
  position: relative;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: -12%;
  margin-right: auto;
  pointer-events: none;
  visibility: hidden;
}
.prod-2023__image-container {
  width: 100%;
  margin: 0 auto 1rem;
  max-width: 190px;
  position: relative;
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .prod-2023__image-container {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 40em) {
  .prod-2023__image-container {
    max-width: 280px;
  }
}
@media screen and (min-width: 87.5em) {
  .prod-2023__image-container {
    max-width: 448px;
    margin: 0;
  }
}
.prod-2023__image-icons {
  display: flex;
  align-items: center;
}
.prod-2023__buttons {
  margin-top: 22px;
  visibility: hidden;
}
@media screen and (min-width: 87.5em) {
  .prod-2023__buttons {
    margin-left: -15px;
  }
}
@media screen and (min-width: 40em) {
  .prod-2023__buttons.inline-buttons-fm22 > a {
    margin-left: 0 !important;
  }
}
.prod-2023__plat-icons {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  gap: 10px;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .prod-2023__plat-icons {
    width: 36px;
    flex-direction: column;
    margin-right: auto;
  }
}
@media screen and (min-width: 40em) {
  .prod-2023__plat-icons {
    gap: 12px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.prod-2023__plat-icon {
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 40em) {
  .prod-2023__plat-icon {
    width: 44px;
    height: 44px;
  }
}
.prod-2023__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .prod-2023__content-wrapper {
    text-align: left;
  }
}
.prod-2023__title {
  color: white;
  font-size: 1.625rem;
  margin-bottom: 1.25rem;
  position: relative;
  visibility: hidden;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .prod-2023__title {
    font-size: 2.75rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .prod-2023__title {
    font-size: 4.125rem;
    margin-bottom: 1.5rem;
  }
}
.prod-2023__title i, .prod-2023__title strong {
  color: #00DDE3 !important;
}
.prod-2023__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  letter-spacing: 0.02em;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .prod-2023__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .prod-2023__content p {
    font-size: 1.3125rem;
  }
}
.prod-2023__content a {
  color: #00DDE3;
  text-decoration: underline;
}
.prod-2023__content a:hover,
.prod-2023__content a:active {
  color: #97fcff;
}
.prod-2023__row {
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .prod-2023__row {
    display: flex;
    align-items: center;
  }
}

.lp-fmfc-2023 {
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 364px;
  background: rgb(120, 113, 247);
  background: linear-gradient(180deg, rgb(120, 113, 247) 0%, rgb(100, 30, 170) 100%);
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2023 {
    min-height: 564px;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2023 {
    text-align: left;
    height: 794px;
    display: flex;
    align-items: center;
  }
}
.lp-fmfc-2023__row {
  padding: 20px 10px;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .lp-fmfc-2023__row {
    margin-top: -46px;
    padding-bottom: 65px;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2023__row {
    display: flex;
    align-items: center;
  }
}
.lp-fmfc-2023__bg {
  position: absolute;
  height: 333px;
  width: auto;
  bottom: 30px;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  left: calc(50% - 342px - 56px);
  max-width: initial;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2023__bg {
    bottom: 0;
    height: 564px;
    left: calc(50% - 722px);
    min-width: 2040px;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2023__bg {
    height: 794px;
    left: calc(50% - 1248px);
    min-width: 2939px;
  }
}
.lp-fmfc-2023__buttons {
  margin-top: 22px;
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2023__buttons {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .lp-fmfc-2023__buttons {
    margin-left: -15px;
  }
}
.lp-fmfc-2023__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2023__content-wrapper {
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2023__content-wrapper {
    text-align: left;
  }
}
.lp-fmfc-2023__copy, .lp-fmfc-2023__bottom-text {
  color: white;
  max-width: 420px;
  margin: 0 auto;
  visibility: hidden;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2023__copy, .lp-fmfc-2023__bottom-text {
    margin: initial;
  }
}
.lp-fmfc-2023__copy p, .lp-fmfc-2023__bottom-text p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  font-size: 1rem;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2023__copy p, .lp-fmfc-2023__bottom-text p {
    font-size: 1.125rem;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2023__copy p, .lp-fmfc-2023__bottom-text p {
    font-size: 1.3125rem;
    text-align: left;
  }
}
.lp-fmfc-2023__copy a, .lp-fmfc-2023__bottom-text a {
  color: #00DDE3;
  text-decoration: underline;
}
.lp-fmfc-2023__copy a:visited, .lp-fmfc-2023__bottom-text a:visited {
  color: #00DDE3;
}
.lp-fmfc-2023__copy a:hover, .lp-fmfc-2023__copy a:active, .lp-fmfc-2023__bottom-text a:hover, .lp-fmfc-2023__bottom-text a:active {
  color: #17f9ff;
}
.lp-fmfc-2023__bottom-text {
  margin-top: 1rem;
}
.lp-fmfc-2023__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2023__title {
    margin-bottom: 1.5rem;
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2023__title {
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 87.5em) {
  .lp-fmfc-2023__title {
    font-size: 4.125rem;
  }
}
.lp-fmfc-2023__title i, .lp-fmfc-2023__title strong {
  color: #00DDE3 !important;
}
.lp-fmfc-2023__title-wrapper {
  position: relative;
  z-index: 1;
}
.lp-fmfc-2023__logo {
  width: 145px;
  height: 43px;
  margin-bottom: 1rem;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2023__logo {
    width: 219px;
    height: 65px;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2023__logo {
    width: 315px;
    height: 93px;
    margin-bottom: 1.5rem;
  }
}
.lp-fmfc-2023__image {
  display: block;
  width: 100%;
  height: 262px;
  -o-object-fit: cover;
     object-fit: cover;
  visibility: hidden;
  position: relative;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-fmfc-2023__image {
    height: 567px;
    width: auto;
    position: absolute;
    left: calc(50% + 112px);
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    max-width: initial;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2023__image {
    width: 50vw;
    height: 794px;
    max-width: 1143px;
    position: absolute;
    left: 50%;
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.lp-fmfc-2023__frills {
  position: absolute;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .lp-fmfc-2023__frills {
    top: 229px;
    left: calc(50% - 486px);
    width: 972px;
    height: 66px;
    max-width: none;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-fmfc-2023__frills {
    top: 0;
    left: calc(50% + 60px);
    max-width: none;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2023__frills {
    top: 0;
    left: calc(50% - 88px);
    width: 156px;
    height: 810px;
  }
}

@media screen and (min-width: 90.625em) {
  .fmfc-2023-paragraph-nav-spacer {
    height: 110px;
    background-image: linear-gradient(#000, #321450);
  }
}

.social-cta-2023 {
  margin-top: -50px;
  text-align: center;
  position: relative;
  min-height: 216px;
  display: flex;
  align-items: center;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .social-cta-2023 {
    padding-top: 110px;
    padding-bottom: 110px;
    height: 378px;
  }
}
@media screen and (min-width: 64em) {
  .social-cta-2023 {
    height: 543px;
  }
}
.social-cta-2023__bg {
  position: absolute;
  height: 216px;
  width: auto;
  min-width: 971px;
  top: 0;
  left: calc(50% - 486px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .social-cta-2023__bg {
    height: 378px;
    min-width: 2620px;
    left: calc(50% - 1310px + 120px);
  }
}
@media screen and (min-width: 64em) {
  .social-cta-2023__bg {
    height: 543px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 3761px;
  }
}
.social-cta-2023__content-wrapper {
  position: relative;
  z-index: 1;
  visibility: hidden;
}
.social-cta-2023__title {
  font-size: 1.75rem;
  color: white;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  text-align: center;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .social-cta-2023__title {
    font-size: 2.75rem;
    margin: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .social-cta-2023__title {
    font-size: 4.125rem;
    margin: 1.5rem;
  }
}
.social-cta-2023__title i, .social-cta-2023__title strong {
  color: #00DDE3 !important;
  font-style: normal;
}
.social-cta-2023__icon {
  width: 31px;
  height: 31px;
  margin: auto;
  transition: transform 200ms;
}
@media screen and (min-width: 40em) {
  .social-cta-2023__icon {
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 64em) {
  .social-cta-2023__icon {
    width: 51px;
    height: 51px;
  }
}
.social-cta-2023__item:hover .social-cta-2023__icon, .social-cta-2023__item:active .social-cta-2023__icon {
  transform: scale(1.2);
}
.social-cta-2023__icon.small-icon {
  width: 29px;
  height: 29px;
}
@media screen and (min-width: 64em) {
  .social-cta-2023__icon.small-icon {
    width: 42px;
    height: 42px;
  }
}
.social-cta-2023__icon.large-icon {
  width: 38px;
  height: 38px;
}
@media screen and (min-width: 64em) {
  .social-cta-2023__icon.large-icon {
    width: 56px;
    height: 56px;
  }
}
.social-cta-2023__item-title {
  color: white !important;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;
  text-align: center;
  display: block;
}
.social-cta-2023__items {
  font-size: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.social-cta-2023__item-wrapper {
  position: relative;
  display: inline-block;
}
.social-cta-2023__item-wrapper:after {
  content: "";
  display: block;
  height: 45px;
  width: 1px;
  border-right: 2px solid #00DDE3;
  transform: skew(-18deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 6px;
}
@media screen and (min-width: 64em) {
  .social-cta-2023__item-wrapper:after {
    height: 80px;
    right: 12px;
  }
}
.social-cta-2023__item-wrapper:last-child:after {
  display: none;
}
.social-cta-2023__item {
  padding: 10px 15px;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: block;
}
@media screen and (min-width: 40em) {
  .social-cta-2023__item {
    padding: 1.725rem;
  }
}
@media screen and (min-width: 64em) {
  .social-cta-2023__item {
    padding: 1rem 3rem 1rem 3rem;
  }
}
.social-cta-2023__row {
  position: relative;
  z-index: 1;
}

.img-text-2023 {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .img-text-2023 {
    min-height: 550px;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .img-text-2023 {
    min-height: 700px;
    flex-direction: row;
  }
}
.img-text-2023__wrapper {
  padding: 20px 10px;
}
@media screen and (min-width: 64em) {
  .img-text-2023__wrapper {
    padding: 40px 10px;
  }
}
.img-text-2023__row {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.img-text-2023__buttons {
  margin-top: 22px;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .img-text-2023__buttons {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .img-text-2023__buttons {
    margin-left: -15px;
  }
}
.img-text-2023__content-wrapper {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .img-text-2023__content-wrapper {
    max-width: 310px;
    margin: 190px auto 0;
  }
}
.img-text-2023__content {
  color: white;
  visibility: hidden;
}
.img-text-2023__content p {
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  font-size: 1rem;
  text-align: center;
  hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .img-text-2023__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .img-text-2023__content p {
    font-size: 1.3125rem;
  }
}
.img-text-2023__content a {
  color: #FF00A5;
  text-decoration: underline;
}
.img-text-2023__content a:visited {
  color: #FF00A5;
}
.img-text-2023__content a:hover, .img-text-2023__content a:active {
  color: #ff33b7;
}
.img-text-2023__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  visibility: hidden;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .img-text-2023__title {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 64em) {
  .img-text-2023__title {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .img-text-2023__title {
    font-size: 4.125rem;
  }
}
.img-text-2023__image-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .img-text-2023__image-wrapper {
    width: 483px;
    height: auto;
    left: 50%;
    transform: translateX(-44%);
  }
}
.img-text-2023__image {
  display: block;
  visibility: hidden;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .img-text-2023__image {
    height: 321px;
    left: 0;
  }
}
@media screen and (min-width: 40em) {
  .img-text-2023__image {
    width: 100%;
    max-width: 985px;
    height: 550px;
    left: 40%;
  }
}
@media screen and (min-width: 64em) {
  .img-text-2023__image {
    width: calc(50vw - 120px);
    height: 700px;
    left: calc(50% + 120px);
  }
}
.img-text-2023__gradient {
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .img-text-2023__gradient {
    top: 221px;
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, rgb(25, 10, 40) 0%, rgba(25, 10, 32, 0) 100%);
    -o-object-position: 25%;
       object-position: 25%;
  }
}
@media screen and (min-width: 40em) {
  .img-text-2023__gradient {
    top: 0;
    height: 100%;
    width: 200px;
    background: linear-gradient(90deg, rgb(25, 10, 40) 0%, rgba(25, 10, 32, 0) 100%);
  }
}

.lp-ps5-2023 {
  text-align: center;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  z-index: 1;
  padding: 20px 10px 25px;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2023 {
    text-align: left;
    min-height: 415px;
    display: flex;
    align-items: center;
    padding: 85px 10px 80px;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2023 {
    height: 797px;
    padding: 35px 10px;
  }
}
.lp-ps5-2023__image {
  margin: 0 0 0 auto;
  max-width: 850px;
  width: 100%;
  height: auto;
  visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 39.9375em) {
  .lp-ps5-2023__image {
    margin: 0 -23% 0.75rem 0;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-ps5-2023__image {
    width: 123%;
    max-height: 415px;
  }
}
@media screen and (min-width: 40em) {
  .lp-ps5-2023__image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    right: calc(50% + 102px);
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2023__image-wrapper {
    left: unset;
    right: calc(50% - 102px);
  }
}
.lp-ps5-2023__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2023__content-wrapper {
    text-align: left;
  }
}
.lp-ps5-2023__content {
  color: white;
}
.lp-ps5-2023__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2023__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-ps5-2023__content p {
    max-width: 436px;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2023__content p {
    font-size: 1.3125rem;
  }
}
.lp-ps5-2023__content a {
  color: #00DDE3;
  text-decoration: underline;
}
.lp-ps5-2023__content a:visited {
  color: #00DDE3;
}
.lp-ps5-2023__content a:hover, .lp-ps5-2023__content a:active {
  color: #17f9ff;
}
.lp-ps5-2023__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2023__title {
    margin-bottom: 1.5rem;
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 87.5em) {
  .lp-ps5-2023__title {
    font-size: 4.125rem;
  }
}
.lp-ps5-2023__title i, .lp-ps5-2023__title strong {
  color: #00DDE3 !important;
}
.lp-ps5-2023__logo {
  height: 18px;
  width: auto;
  margin: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2023__logo {
    height: 20px;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2023__logo {
    height: 26px;
  }
}
.lp-ps5-2023__logo-lg {
  height: 20px;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2023__logo-lg {
    height: 22px;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2023__logo-lg {
    height: 30px;
  }
}
.lp-ps5-2023__logos-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2023__logos-row {
    gap: 16px 18px;
    justify-content: left;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2023__logos-row {
    gap: 22px 25px;
  }
}
.lp-ps5-2023__logos-wrapper {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
  position: relative;
  gap: 8px 14px;
}
@media screen and (max-width: 39.9375em) {
  .lp-ps5-2023__logos-wrapper {
    justify-content: center;
  }
}
@media screen and (min-width: 40em) {
  .lp-ps5-2023__logos-wrapper {
    gap: 16px;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2023__logos-wrapper {
    gap: 22px;
  }
}
.lp-ps5-2023__row {
  width: 100%;
}
.lp-ps5-2023__frill {
  width: 38px;
  height: auto;
  position: absolute;
  right: -11px;
  top: calc(50% - 187px);
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .lp-ps5-2023__frill {
    width: 62px;
    right: initial;
    left: calc(50% - 849px);
    top: calc(50% - 303px);
  }
}

.buy-2023 {
  text-align: center;
  color: white;
}
.buy-2023__wrapper {
  padding: 20px 0 40px;
}
@media screen and (min-width: 40em) {
  .buy-2023__wrapper {
    padding: 60px 0 50px;
  }
}
@media screen and (min-width: 64em) {
  .buy-2023__wrapper {
    padding: 155px 0 100px;
  }
}
.buy-2023__logo {
  width: 215px;
  margin-bottom: 15px;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .buy-2023__logo {
    width: 283px;
    margin-bottom: 28px;
  }
}
.buy-2023__title {
  font-size: 1.375rem;
  line-height: 1.1;
  color: white;
  margin: 0;
}
@media screen and (min-width: 40em) {
  .buy-2023__title {
    font-size: 4.125rem;
  }
}
.buy-2023__content-wrapper {
  margin: 0 20px;
}
.buy-2023__content {
  max-width: 820px;
  font-size: 1rem;
  margin: 5px auto 20px;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .buy-2023__content {
    font-size: 1.3125rem;
    margin-bottom: 44px;
  }
}
.buy-2023__content p {
  line-height: inherit;
}
.buy-2023__games, .buy-2023__platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0 auto;
  justify-content: center;
  max-width: 330px;
}
@media screen and (min-width: 40em) {
  .buy-2023__games, .buy-2023__platforms {
    gap: 24px;
    max-width: 750px;
  }
}
@media screen and (min-width: 64em) {
  .buy-2023__games, .buy-2023__platforms {
    max-width: initial;
  }
}
.buy-2023__games {
  padding-bottom: 20px;
}
@media screen and (min-width: 40em) {
  .buy-2023__games {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 83.75em) {
  .buy-2023__games {
    max-width: 1020px;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-2023__games {
    max-width: 480px;
  }
}
.buy-2023__game, .buy-2023__platform {
  width: 100%;
  position: relative;
  max-width: 157px;
}
@media screen and (max-width: 63.9375em) {
  .buy-2023__game, .buy-2023__platform {
    margin: 15px 0;
  }
}
@media screen and (min-width: 40em) {
  .buy-2023__game, .buy-2023__platform {
    max-width: 237px;
  }
}
.buy-2023__game.disabled, .buy-2023__game.search-results__load-more[disabled], .buy-2023__platform.disabled, .buy-2023__platform.search-results__load-more[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}
.buy-2023__game.disabled .buy-2023__game-logo, .buy-2023__game.search-results__load-more[disabled] .buy-2023__game-logo, .buy-2023__platform.disabled .buy-2023__game-logo, .buy-2023__platform.search-results__load-more[disabled] .buy-2023__game-logo {
  opacity: 0.5;
}
.buy-2023__game.disabled .buy-2023__platform-logo, .buy-2023__game.search-results__load-more[disabled] .buy-2023__platform-logo, .buy-2023__platform.disabled .buy-2023__platform-logo, .buy-2023__platform.search-results__load-more[disabled] .buy-2023__platform-logo {
  opacity: 0.5;
}
@media screen and (max-width: 39.9375em) {
  .buy-2023__game.fullwidth-on-small, .buy-2023__platform.fullwidth-on-small {
    max-width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-2023__game.fullwidth-on-small .buy-2023__game-button, .buy-2023__platform.fullwidth-on-small .buy-2023__game-button {
    width: 100%;
    max-width: 306px;
  }
}
.buy-2023__game-logo, .buy-2023__platform-logo {
  width: auto;
  height: 100%;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.buy-2023__game-logo {
  max-width: 62%;
  max-height: 54%;
}
.buy-2023__platform-logo {
  max-width: 62%;
  max-height: 54%;
}
.buy-2023__platform-logo.wide {
  max-width: 68%;
}
@media screen and (min-width: 40em) {
  .buy-2023__platform-logo.wide {
    max-width: 83%;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-2023__platform-logo.tall {
    max-height: 62%;
  }
}
.buy-2023__platform-logo.small {
  max-width: 40%;
}
.buy-2023__game-button, .buy-2023__platform-button {
  border: 1px solid #641EAA;
  background: #321450;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 200ms;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 40em) {
  .buy-2023__game-button, .buy-2023__platform-button {
    max-width: 100%;
  }
}
.buy-2023__game-button:after, .buy-2023__platform-button:after {
  content: "";
  display: block;
  opacity: 0;
  background: linear-gradient(180deg, #7871F7 0%, #641EAA 100%);
  position: absolute;
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
  transition: opacity 10ms, left 200ms linear;
}
.buy-2023__game-button:hover, .buy-2023__game-button:active, .buy-2023__platform-button:hover, .buy-2023__platform-button:active {
  border-color: #7871F7;
}
.buy-2023__game-button--is-active, .buy-2023__platform-button--is-active {
  border-color: #7871F7;
}
.buy-2023__game-button--is-active:after, .buy-2023__platform-button--is-active:after {
  opacity: 1;
  left: 0;
}
.buy-2023__game-button {
  height: 76px;
  cursor: pointer;
}
@media screen and (max-width: 39.9375em) {
  .buy-2023__game-button {
    max-width: 134px;
  }
}
@media screen and (min-width: 40em) {
  .buy-2023__game-button {
    height: 120px;
  }
}
.disabled .buy-2023__game-button, .search-results__load-more[disabled] .buy-2023__game-button {
  cursor: initial;
}
.disabled .buy-2023__game-button:hover, .search-results__load-more[disabled] .buy-2023__game-button:hover, .disabled .buy-2023__game-button:active, .search-results__load-more[disabled] .buy-2023__game-button:active, .disabled .buy-2023__game-button--is-active, .search-results__load-more[disabled] .buy-2023__game-button--is-active {
  border-color: #641EAA;
}
.disabled .buy-2023__game-button:hover:after, .search-results__load-more[disabled] .buy-2023__game-button:hover:after, .disabled .buy-2023__game-button:active:after, .search-results__load-more[disabled] .buy-2023__game-button:active:after, .disabled .buy-2023__game-button--is-active:after, .search-results__load-more[disabled] .buy-2023__game-button--is-active:after {
  opacity: 0;
}
.buy-2023__platform-button {
  height: 60px;
  cursor: pointer;
}
@media screen and (min-width: 40em) {
  .buy-2023__platform-button {
    height: 120px;
  }
}
.disabled .buy-2023__platform-button, .search-results__load-more[disabled] .buy-2023__platform-button {
  cursor: initial;
}
.disabled .buy-2023__platform-button:hover, .search-results__load-more[disabled] .buy-2023__platform-button:hover, .disabled .buy-2023__platform-button:active, .search-results__load-more[disabled] .buy-2023__platform-button:active, .disabled .buy-2023__platform-button--is-active, .search-results__load-more[disabled] .buy-2023__platform-button--is-active {
  border-color: #641EAA;
}
.disabled .buy-2023__platform-button:hover:after, .search-results__load-more[disabled] .buy-2023__platform-button:hover:after, .disabled .buy-2023__platform-button:active:after, .search-results__load-more[disabled] .buy-2023__platform-button:active:after, .disabled .buy-2023__platform-button--is-active:after, .search-results__load-more[disabled] .buy-2023__platform-button--is-active:after {
  opacity: 0;
}
.buy-2023__game-info {
  color: white;
  font-size: 0.75rem;
  margin: 8px auto 0;
  line-height: 1.16;
}
@media screen and (min-width: 40em) {
  .buy-2023__game-info {
    font-size: 1.125rem;
    margin-top: 15px;
  }
}
.buy-2023__game-label {
  transform: skew(-18deg) translateX(-50%);
  background: linear-gradient(90deg, #7871F7 0%, #641EAA 100%);
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: -14px;
  padding: 5px 20px;
  white-space: nowrap;
  line-height: 1.28;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .buy-2023__game-label {
    padding: 4px 9px;
  }
}
.buy-2023__game-label > i {
  transform: skew(18deg);
  display: block;
  margin: auto;
  font-style: normal;
}
@media screen and (max-width: 39.9375em) {
  .buy-2023__game-label > i {
    font-size: 12px;
  }
}
.buy-2023__icons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  width: 214px;
  margin: 0 auto;
  justify-content: center;
  transition: opacity 200ms;
}
@media screen and (min-width: 64em) {
  .buy-2023__icons {
    gap: 12px;
    width: auto;
  }
}
.buy-2023__icons img {
  height: 30px;
  width: auto;
}
@media screen and (min-width: 64em) {
  .buy-2023__icons img {
    height: 40px;
  }
}
.buy-2023__icons.hide {
  opacity: 0;
}
.buy-2023__link-icon {
  width: 13px;
  height: auto;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .buy-2023__link-icon {
    top: 5px;
    right: 5px;
    width: 20px;
  }
}
.buy-2023__options {
  height: 305px;
  position: relative;
  overflow: visible;
}
@media screen and (min-width: 40em) {
  .buy-2023__options {
    height: 470px;
  }
}
@media screen and (min-width: 64em) {
  .buy-2023__options {
    height: 344px;
  }
}
.buy-2023__option {
  transition: opacity 200ms linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.buy-2023__option.show {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms linear, transform 300ms ease-out;
}
.buy-2023__option.showing {
  transform: translateY(100px);
  opacity: 0;
}
.buy-2023__platforms-title {
  font-size: 1.375rem;
  line-height: 1.6;
  color: white;
  margin: 0 auto 5px;
}
@media screen and (min-width: 40em) {
  .buy-2023__platforms-title {
    font-size: 2.375rem;
    margin-bottom: 20px;
  }
}
.buy-2023__platforms-button {
  margin-top: 20px;
  transition: opacity 300ms linear;
  opacity: 0;
}
@media screen and (min-width: 40em) {
  .buy-2023__platforms-button {
    margin-top: 30px;
  }
}
.buy-2023__platforms-button.show {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms linear, transform 300ms ease-out;
}
.buy-2023__platforms-button.showing {
  transform: translateY(70px);
  opacity: 0;
}
.buy-bg-2023 {
  position: absolute;
  top: 84px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: -1;
}
@media screen and (min-width: 64em) {
  .buy-bg-2023 {
    top: 55px;
  }
}
.buy-bg-2023__image {
  text-align: center;
  width: 1160px;
  min-width: 1160px;
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
  .buy-bg-2023__image {
    width: 2920px;
    min-width: 2920px;
  }
}

.buy-img-text-2023 {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .buy-img-text-2023 {
    min-height: 550px;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2023 {
    min-height: 700px;
    flex-direction: row;
  }
}
.buy-img-text-2023__wrapper {
  padding: 20px 10px;
}
@media screen and (min-width: 64em) {
  .buy-img-text-2023__wrapper {
    padding: 40px 10px;
  }
}
.buy-img-text-2023__row {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.buy-img-text-2023__buttons {
  margin-top: 22px;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2023__buttons {
    margin-bottom: 0.625rem;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2023__buttons {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2023__button span {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 40em) {
  .buy-img-text-2023 .inline-buttons-fm23 .buy-img-text-2023__button:first-child {
    margin-left: -15px;
  }
}
.buy-img-text-2023__content-wrapper {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2023__content-wrapper {
    margin: 190px auto 0;
  }
}
.buy-img-text-2023__content {
  color: white;
  visibility: hidden;
}
.buy-img-text-2023__content p {
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  font-size: 1rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .buy-img-text-2023__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2023__content p {
    font-size: 1.3125rem;
  }
}
.buy-img-text-2023__content a {
  color: #FF00A5;
  text-decoration: underline;
}
.buy-img-text-2023__content a:visited {
  color: #FF00A5;
}
.buy-img-text-2023__content a:hover, .buy-img-text-2023__content a:active {
  color: #ff33b7;
}
.buy-img-text-2023__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .buy-img-text-2023__title {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2023__title {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .buy-img-text-2023__title {
    font-size: 4.125rem;
  }
}
.buy-img-text-2023__image-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2023__image-wrapper {
    width: 483px;
    height: auto;
    left: 50%;
    transform: translateX(-44%);
  }
}
.buy-img-text-2023__image {
  display: block;
  visibility: hidden;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2023__image {
    height: 321px;
    left: 0;
  }
}
@media screen and (min-width: 40em) {
  .buy-img-text-2023__image {
    width: 100%;
    max-width: 985px;
    height: 550px;
    right: 40%;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2023__image {
    width: 50vw;
    height: 700px;
    right: 50%;
  }
}
.buy-img-text-2023__gradient {
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2023__gradient {
    top: 221px;
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, rgb(25, 10, 40) 0%, rgba(25, 10, 32, 0) 100%);
    -o-object-position: 25%;
       object-position: 25%;
  }
}
@media screen and (min-width: 40em) {
  .buy-img-text-2023__gradient {
    top: 0;
    right: 40%;
    height: 100%;
    width: 400px;
    background: linear-gradient(270deg, rgb(25, 10, 40) 20%, rgba(25, 10, 32, 0) 100%);
  }
}

.hp-copy-2023 {
  text-align: center;
  position: relative;
  background: transparent;
  display: flex;
  align-items: center;
}
.hp-copy-2023__wrapper {
  padding: 25px 0 60px;
}
@media screen and (min-width: 40em) {
  .hp-copy-2023__wrapper {
    padding: 65px 0;
  }
}
@media screen and (min-width: 64em) {
  .hp-copy-2023__wrapper {
    padding: 96px 0;
  }
}
.hp-copy-2023__row {
  width: 100%;
}
.hp-copy-2023__content-wrapper {
  position: relative;
  z-index: 1;
}
.hp-copy-2023__copy {
  text-align: center;
  color: white;
}
.hp-copy-2023__copy p {
  color: inherit;
  text-align: center;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  margin-bottom: 1.25rem;
  hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .hp-copy-2023__copy p {
    font-size: 1.3125rem;
    margin-bottom: 25px;
  }
}
.hp-copy-2023__copy h2 {
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  margin: 0 0 10px;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
.hp-copy-2023__copy a {
  color: #00DDE3;
  text-decoration: underline;
}
.hp-copy-2023__copy a:hover,
.hp-copy-2023__copy a:active {
  color: #17f9ff;
}
.hp-copy-2023__logo {
  max-width: 150px;
  margin: 0 auto 1rem;
}
@media screen and (min-width: 40em) {
  .hp-copy-2023__logo {
    max-width: 215px;
  }
}
@media screen and (min-width: 64em) {
  .hp-copy-2023__logo {
    max-width: 380px;
    margin-bottom: 1.75rem;
  }
}
.hp-copy-2023__buttons {
  text-align: center;
  margin-top: 20px;
}
@media screen and (min-width: 40em) {
  .hp-copy-2023__buttons {
    margin-top: 30px;
  }
}
.hp-copy-2023__plat-icons {
  margin: 20px auto 0;
  text-align: center;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 230px;
}
@media screen and (min-width: 40em) {
  .hp-copy-2023__plat-icons {
    max-width: 280px;
  }
}
@media screen and (min-width: 64em) {
  .hp-copy-2023__plat-icons {
    gap: 10px;
    max-width: none;
  }
}
.hp-copy-2023__icon {
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 40em) {
  .hp-copy-2023__icon {
    width: 40px;
    height: 40px;
  }
}
.hp-copy-2023__bg {
  position: absolute;
  width: 960px;
  max-width: initial;
  top: 0;
  left: calc(50% - 480px);
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .hp-copy-2023__bg {
    margin-top: -160px;
  }
}
@media screen and (min-width: 40em) {
  .hp-copy-2023__bg {
    width: 1852px;
    left: calc(50% - 926px);
  }
}
@media screen and (min-width: 64em) {
  .hp-copy-2023__bg {
    width: 2540px;
    left: calc(50% - 1270px);
  }
}
.hp-copy-2023__gradient {
  position: absolute;
  z-index: 1;
  top: -160px;
  height: 100%;
  width: 200px;
  background: linear-gradient(90deg, rgb(25, 10, 40) 0%, rgba(25, 10, 32, 0) 100%);
}

.apple-arcade {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 25px 10px;
}
@media screen and (min-width: 40em) {
  .apple-arcade {
    text-align: left;
    display: flex;
    align-items: center;
    padding: 50px 10px;
  }
}
.apple-arcade__image {
  margin: 0 0 0 auto;
  max-width: 302px;
  width: 100%;
  height: auto;
  visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 39.9375em) {
  .apple-arcade__image {
    margin: 0 -13% 20px 0;
  }
}
@media screen and (min-width: 40em) {
  .apple-arcade__image {
    width: 132%;
    max-width: 772px;
  }
}
@media screen and (min-width: 40em) {
  .apple-arcade__image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% + 70px);
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .apple-arcade__image-wrapper {
    left: calc(50% + 120px);
  }
}
.apple-arcade__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .apple-arcade__content-wrapper {
    text-align: left;
    max-width: 448px;
  }
}
@media screen and (min-width: 64em) {
  .apple-arcade__content-wrapper {
    max-width: 636px;
  }
}
.apple-arcade__content {
  color: white;
}
.apple-arcade__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .apple-arcade__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .apple-arcade__content p {
    font-size: 1.3125rem;
  }
}
.apple-arcade__content a {
  color: #00DDE3;
  text-decoration: underline;
}
.apple-arcade__content a:visited {
  color: #00DDE3;
}
.apple-arcade__content a:hover, .apple-arcade__content a:active {
  color: #17f9ff;
}
.apple-arcade__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .apple-arcade__title {
    margin-bottom: 1.5rem;
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 87.5em) {
  .apple-arcade__title {
    font-size: 4.125rem;
  }
}
.apple-arcade__title i, .apple-arcade__title strong {
  color: #00DDE3 !important;
}
.apple-arcade__row {
  width: 100%;
}
.apple-arcade__buttons {
  margin-top: 22px;
}
@media screen and (min-width: 64em) {
  .apple-arcade__buttons {
    margin-top: 1.5rem;
  }
}

.f-banner-2023 {
  min-height: 133px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: #190A28;
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .f-banner-2023 {
    min-height: 337px;
  }
}
.f-banner-2023 > .row {
  width: 100%;
}
.f-banner-2023__wrapper {
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .f-banner-2023__wrapper {
    padding-top: 120px !important;
    padding-bottom: 30px;
  }
}
.f-banner-2023__title {
  color: white;
  text-align: left;
  margin: 0;
  position: relative;
  z-index: 2;
  font-size: 2rem;
}
@media screen and (min-width: 64em) {
  .f-banner-2023__title {
    font-size: 3.25rem;
  }
}
.f-banner-2023__abstract {
  text-align: left;
  max-width: 1116px;
  color: white;
  margin: 0.75rem 0 0;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .f-banner-2023__abstract {
    font-size: 1.3125rem;
  }
}
.f-banner-2023__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: initial;
  width: auto;
  height: 358px;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .f-banner-2023__bg {
    position: absolute;
    height: 715px;
    width: auto;
    left: calc(50% - 1302px);
  }
}

.f-article-2023 {
  text-align: left;
}
.f-article-2023__wrapper {
  padding: 10px 0 30px;
}
@media screen and (min-width: 64em) {
  .f-article-2023__wrapper {
    padding: 55px 0;
  }
}
.f-article-2023__info {
  text-align: left;
  margin-bottom: 15px;
}
@media screen and (min-width: 64em) {
  .f-article-2023__info {
    margin-bottom: 6px;
  }
}
.f-article-2023__info span {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  color: #747474;
}
@media screen and (min-width: 40em) {
  .f-article-2023__info span {
    font-size: 1.125rem;
  }
}
.f-article-2023__breadcrumbs {
  margin-bottom: 8px;
}
@media screen and (min-width: 64em) {
  .f-article-2023__breadcrumbs {
    margin-bottom: 18px;
  }
}
.f-article-2023__copy.copy, .copy p.f-article-2023__copy, .copy li.f-article-2023__copy {
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .f-article-2023__copy.copy, .copy p.f-article-2023__copy, .copy li.f-article-2023__copy {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 40em) {
  .f-article-2023__copy.copy, .copy p.f-article-2023__copy, .copy li.f-article-2023__copy {
    font-size: 1.125rem;
  }
}
.f-article-2023__copy.copy p, .copy p.f-article-2023__copy p, .copy li.f-article-2023__copy p {
  font-size: inherit;
}
.f-article-2023__copy.copy h2, .copy p.f-article-2023__copy h2, .copy li.f-article-2023__copy h2, .f-article-2023__copy.copy h2 {
  margin-top: 0;
  font-size: 1.125rem;
  color: #321450;
}
@media screen and (min-width: 64em) {
  .f-article-2023__copy.copy h2, .copy p.f-article-2023__copy h2, .copy li.f-article-2023__copy h2, .f-article-2023__copy.copy h2 {
    font-size: 1.75rem;
  }
}
.f-article-2023__copy.copy h3, .copy p.f-article-2023__copy h3, .copy li.f-article-2023__copy h3, .f-article-2023__copy.copy h4, .copy p.f-article-2023__copy h4, .copy li.f-article-2023__copy h4, .f-article-2023__copy.copy h5, .copy p.f-article-2023__copy h5, .copy li.f-article-2023__copy h5, .f-article-2023__copy.copy h6, .copy p.f-article-2023__copy h6, .copy li.f-article-2023__copy h6 {
  margin-top: 0;
  font-size: 1rem;
  color: #321450;
}
@media screen and (min-width: 64em) {
  .f-article-2023__copy.copy h3, .copy p.f-article-2023__copy h3, .copy li.f-article-2023__copy h3, .f-article-2023__copy.copy h4, .copy p.f-article-2023__copy h4, .copy li.f-article-2023__copy h4, .f-article-2023__copy.copy h5, .copy p.f-article-2023__copy h5, .copy li.f-article-2023__copy h5, .f-article-2023__copy.copy h6, .copy p.f-article-2023__copy h6, .copy li.f-article-2023__copy h6 {
    font-size: 1.375rem;
  }
}
.f-article-2023__copy.copy blockquote, .copy p.f-article-2023__copy blockquote, .copy li.f-article-2023__copy blockquote {
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif !important;
  color: #321450;
  font-size: 0.875rem !important;
  line-height: 1.14;
  padding-left: 10px;
  text-transform: uppercase;
}
@media screen and (min-width: 40em) {
  .f-article-2023__copy.copy blockquote, .copy p.f-article-2023__copy blockquote, .copy li.f-article-2023__copy blockquote {
    font-size: 1.5rem !important;
    padding-left: 20px;
  }
}
.f-article-2023__copy.copy blockquote p, .copy p.f-article-2023__copy blockquote p, .copy li.f-article-2023__copy blockquote p {
  font-family: inherit;
  color: inherit;
  text-transform: inherit;
  line-height: inherit;
  font-size: inherit;
}
.f-article-2023__copy.copy .insert-editors-picks, .copy p.f-article-2023__copy .insert-editors-picks, .copy li.f-article-2023__copy .insert-editors-picks {
  font-size: 0;
}
.f-article-2023__copy.copy .editors-picks, .copy p.f-article-2023__copy .editors-picks, .copy li.f-article-2023__copy .editors-picks {
  display: block;
}
.f-article-2023--gated .f-article-2023__copy.copy, .f-article-2023--gated .copy p.f-article-2023__copy, .copy .f-article-2023--gated p.f-article-2023__copy, .f-article-2023--gated .copy li.f-article-2023__copy, .copy .f-article-2023--gated li.f-article-2023__copy {
  max-height: 300px;
  overflow: hidden;
}
.f-article-2023__abstract {
  margin-bottom: 1.5rem;
  color: #321450;
}
@media screen and (min-width: 40em) {
  .f-article-2023__abstract {
    font-size: 1.125rem;
  }
}
.f-article-2023__abstract p {
  font-size: inherit;
  color: inherit;
}
.f-article-2023__abstract a,
.f-article-2023__abstract a:visited {
  color: #321450;
}
.f-article-2023__gated-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  height: 215px;
}
@media screen and (min-width: 64em) {
  .f-article-2023__gated-overlay {
    height: 264px;
  }
}

.f-gated {
  padding: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  min-height: 296px;
  background: #190A28;
  position: relative;
  margin: 20px 0;
}
@media screen and (min-width: 64em) {
  .f-gated {
    min-height: 430px;
  }
}
.f-gated__title {
  font-size: 1.125rem;
  color: white;
}
@media screen and (min-width: 64em) {
  .f-gated__title {
    font-size: 2.375rem;
  }
}
.f-gated__content {
  position: relative;
  z-index: 1;
  width: 100%;
  color: white;
}
.f-gated__content p {
  color: inherit;
  line-height: 1.1;
}
.f-gated__content a {
  color: #00DDE3;
}
.f-gated__copy a {
  font-weight: 700;
}
@media screen and (min-width: 64em) {
  .f-gated__copy p {
    font-size: 1.3125rem;
  }
}
.f-gated__button {
  margin-top: 0;
}
.f-gated__bottom-text {
  margin-top: 16px;
}
@media screen and (min-width: 64em) {
  .f-gated__bottom-text {
    margin-top: 25px;
  }
}
.f-gated__bottom-text p {
  margin: 0;
}
@media screen and (min-width: 64em) {
  .f-gated__bottom-text p {
    font-size: 1.125rem;
  }
}
.f-gated__bottom-text a {
  font-weight: 700;
}
.f-gated__tint {
  background: rgba(25, 10, 40, 0.5);
}
.f-gated__gradient-tint {
  background: linear-gradient(180deg, rgba(25, 10, 40, 0) 0%, rgba(25, 10, 40, 0.6) 100%);
}

.fm23-features-video__wrapper {
  padding: 25px 0 60px 0;
}
@media screen and (min-width: 40em) {
  .fm23-features-video__wrapper {
    padding: 25px 0 50px 0;
  }
}
@media screen and (min-width: 64em) {
  .fm23-features-video__wrapper {
    padding: 50px 0 100px 0;
  }
}
.fm23-features-video__bg {
  position: absolute;
  width: 960px;
  max-width: initial;
  top: 0;
  left: calc(50% - 480px);
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .fm23-features-video__bg {
    width: 100%;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 40em) {
  .fm23-features-video__bg {
    width: 800px;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 64em) {
  .fm23-features-video__bg {
    width: 4000px;
    left: calc(50% - 2000px);
  }
}
.fm23-features-video__row {
  width: 100%;
}
.fm23-features-video__content-wrapper {
  position: relative;
  z-index: 1;
}
.fm23-features-video__title {
  color: white;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 2.375rem;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  margin-bottom: 0.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 39.9375em) {
  .fm23-features-video__title {
    font-size: 2.375rem;
  }
}
@media screen and (min-width: 40em) {
  .fm23-features-video__title {
    margin: 1.5rem 1.5rem 0.5rem 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .fm23-features-video__title {
    font-size: 3.625rem;
    margin: 1.5rem 1.5rem 0.5rem 1.5rem;
  }
}
.fm23-features-video__title i, .fm23-features-video__title strong {
  color: #00DDE3 !important;
  font-style: normal;
}
.fm23-features-video__abstract {
  color: white;
  text-align: center;
}
@media screen and (max-width: 39.9375em) {
  .fm23-features-video__abstract p {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .fm23-features-video__abstract {
    margin-bottom: 3.125rem;
  }
  .fm23-features-video__abstract p {
    font-size: 1.4375rem;
    line-height: 1.625rem;
  }
}
.fm23-features-video__thumbnail-link {
  cursor: pointer !important;
  position: relative;
  z-index: 1;
  display: block;
  transition: border-color 200ms;
}
.fm23-features-video__thumbnail-link:hover, .fm23-features-video__thumbnail-link:active {
  border: 1px solid rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 39.9375em) {
  .fm23-features-video__thumbnail-link {
    margin-top: 20px;
  }
}
.fm23-features-video__play-icon {
  width: 100px;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  z-index: 1;
  pointer-events: none;
}
.fm23-features-video__video a picture > img {
  width: 100%;
}

.f-hero-2023 {
  position: relative;
  text-align: center;
  padding: 0;
  align-items: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.f-hero-2023 > .row {
  width: 100%;
}
.f-hero-2023__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 0 1rem;
}
@media screen and (min-width: 40em) {
  .f-hero-2023__wrapper {
    padding: 40px 1rem 0;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-2023__wrapper {
    margin-top: -55px;
    padding-top: 165px;
    min-height: 550px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2023__wrapper {
    padding-top: 235px;
  }
}
.f-hero-2023__bg-wrapper {
  position: absolute;
  top: 84px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.f-hero-2023__bg {
  text-align: center;
  width: 800px;
  max-width: initial;
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
  .f-hero-2023__bg {
    width: 2600px;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-2023__bg {
    width: 4000px;
  }
}
.f-hero-2023__image-wrapper {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .f-hero-2023__image-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    left: calc(50% - 80px);
    right: 1rem;
    max-width: 679px;
    margin: 0;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2023__image-wrapper {
    max-width: 973px;
    left: calc(50% - 177px);
  }
}
.f-hero-2023__image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (max-width: 63.9375em) {
  .f-hero-2023__image {
    width: auto;
    height: 229px;
  }
}
@media screen and (max-width: 39.9375em) {
  .desktop .f-hero-2023__image {
    margin-left: -29%;
    max-width: 129%;
  }
}
.f-hero-2023__title {
  font-size: 2.375rem;
  color: white;
  line-height: 0.91;
  margin: 0 auto;
  visibility: hidden;
  max-width: 602px;
}
@media screen and (max-width: 39.9375em) {
  html[lang=es] .f-hero-2023__title, html[lang=it] .f-hero-2023__title, html[lang=fr] .f-hero-2023__title {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-2023__title {
    font-size: 4.125rem;
    text-align: left;
    margin: 0;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2023__title {
    max-width: 608px;
  }
}
.f-hero-2023__content {
  position: relative;
  z-index: 1;
}
.f-hero-2023__copy {
  color: white;
  font-size: 1rem;
  line-height: 1.14;
  margin: 1rem auto 0;
  position: relative;
  visibility: hidden;
  max-width: 602px;
}
@media screen and (min-width: 64em) {
  .f-hero-2023__copy {
    font-size: 1.4375rem;
    margin: 1.5rem 0 0;
    text-align: left;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2023__copy {
    max-width: 608px;
  }
}
.f-hero-2023__copy p {
  line-height: inherit;
}
.f-hero-2023__copy p:last-child {
  margin-bottom: 0;
}
.f-hero-2023__buttons {
  visibility: hidden;
  margin-top: 1.25rem;
}
@media screen and (min-width: 64em) {
  .f-hero-2023__buttons {
    margin-top: 1.5rem;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-2023__buttons .button-fm23, .f-hero-2023__buttons .user-page__box a, .user-page__box .f-hero-2023__buttons a {
    margin-left: 0 !important;
    min-width: 130px;
  }
}
.f-hero-2023__buttons .button-fm23:first-child:last-child, .f-hero-2023__buttons .user-page__box a:first-child:last-child, .user-page__box .f-hero-2023__buttons a:first-child:last-child {
  min-width: 279px;
}
@media screen and (min-width: 64em) {
  .f-hero-2023__buttons .button-fm23:first-child:last-child, .f-hero-2023__buttons .user-page__box a:first-child:last-child, .user-page__box .f-hero-2023__buttons a:first-child:last-child {
    min-width: 155px;
  }
}
.f-hero-2023__aa-badge {
  width: auto;
  height: 40px;
}
.f-2023-tabs {
  text-align: center;
  visibility: hidden;
  position: relative;
}
.f-2023-tabs__title {
  color: #00DDE3;
  font-size: 1.625rem;
  margin: 20px auto 10px;
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .f-2023-tabs__title {
    font-size: 2.125rem;
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 64em) {
  .f-2023-tabs__title {
    margin-top: 50px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-2023-tabs__title {
    margin-top: 125px;
  }
}
.f-2023-tabs__button-item {
  padding: 0 5px 20px;
  display: inline-block;
  vertical-align: bottom;
}
@media screen and (min-width: 40em) {
  .f-2023-tabs__button-item {
    padding: 14px 8px 0;
  }
}
@media screen and (max-width: 63.9375em) {
  .f-2023-tabs__button-item:first-child {
    padding-left: 20px;
  }
}
@media screen and (max-width: 63.9375em) {
  .f-2023-tabs__button-item:last-child {
    padding-right: 20px;
  }
}
.f-2023-tabs__buttons {
  padding: 0;
  margin: 0 auto;
  text-align: center;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.f-2023-tabs__buttons::-webkit-scrollbar {
  display: none;
}
.f-2023-tabs__button {
  border: 1px solid #641EAA;
  background: #321450;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 200ms;
  width: 84px;
  min-width: 84px;
  height: 60px;
  padding: 0;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
@media screen and (min-width: 40em) {
  .f-2023-tabs__button {
    width: 119px;
    height: 80px;
  }
}
@media screen and (min-width: 64em) {
  .f-2023-tabs__button {
    height: 94px;
    border-radius: 10px;
  }
}
.f-2023-tabs__button:after {
  content: "";
  display: block;
  opacity: 0;
  background: linear-gradient(180deg, #7871F7 0%, #641EAA 100%);
  position: absolute;
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
  transition: opacity 10ms, left 200ms linear;
  border-radius: 3px;
}
@media screen and (min-width: 64em) {
  .f-2023-tabs__button:after {
    border-radius: 7px;
  }
}
.f-2023-tabs__button.active {
  border: 2px solid #7871F7;
}
.f-2023-tabs__button.active:after {
  opacity: 1;
  left: 0;
}
.f-2023-tabs__button.active img {
  opacity: 1;
}
.f-2023-tabs__button img {
  position: relative;
  z-index: 1;
  pointer-events: none;
  opacity: 0.5;
}
@media screen and (max-width: 39.9375em) {
  .f-2023-tabs__button img.desktop {
    width: 52.77px;
  }
  .f-2023-tabs__button img.console {
    width: 42px;
  }
  .f-2023-tabs__button img.mobile {
    width: 37px;
  }
  .f-2023-tabs__button img.nintendo-switch {
    width: 54px;
  }
  .f-2023-tabs__button img.apple-arcade {
    width: 80px;
  }
}
.f-2023-tabs a.f-2023-tabs__button:hover, .f-2023-tabs a.f-2023-tabs__button:active {
  border-color: #7871F7;
}
.f-2023-tabs__button-label {
  transform: skew(-18deg) translateX(-50%);
  background: linear-gradient(90deg, #7871F7 0%, #641EAA 100%);
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: -10px;
  padding: 4px 6px;
  color: white;
  margin: 0;
  z-index: 2;
  line-height: 1;
}
@media screen and (max-width: 39.9375em) {
  .f-2023-tabs__button-label {
    top: initial;
    bottom: -20px;
    padding: 4px 6px;
    white-space: normal;
  }
}
.f-2023-tabs__button-label > span {
  transform: skew(18deg);
  display: block;
  margin: auto;
  font-style: normal;
  font-size: 0.75rem;
  -webkit-hyphens: none;
          hyphens: none;
}
.f-2023-tabs__icons {
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .f-2023-tabs__icons {
    gap: 12px;
    margin-top: 25px;
    margin-bottom: 20px;
  }
}
.f-2023-tabs__icon {
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 40em) {
  .f-2023-tabs__icon {
    width: 40px;
    height: 40px;
  }
}
.f-2023-tabs__gradient-right {
  display: none;
}
@media screen and (max-width: 50em) {
  .f-2023-tabs__gradient-right {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 94px;
    background: linear-gradient(90deg, rgba(25, 10, 40, 0) 0%, #190A28 calc(100% - 20px));
    pointer-events: none;
    z-index: 10;
  }
}
.f-2023-tabs__arrow-right {
  display: none;
}
@media screen and (max-width: 50em) {
  .f-2023-tabs__arrow-right {
    display: block;
    position: absolute;
    top: 45px;
    right: 10px;
    width: 14px;
    pointer-events: none;
    z-index: 10;
  }
}
@media screen and (max-width: 39.9375em) {
  .f-2023-tabs__arrow-right {
    top: 23px;
  }
}

.f-2023-plat-tab {
  color: white;
  position: relative;
  z-index: 1;
}
.f-2023-plat-tab * {
  color: white;
}

.f-2023-links {
  text-align: center;
  position: relative;
  visibility: hidden;
}
.f-2023-links__title {
  color: white;
  font-size: 1.25rem;
  margin: 0 auto 8px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .f-2023-links__title {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.f-2023-links__content {
  position: relative;
  padding: 0;
  margin-top: 15px;
  text-align: center;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.f-2023-links__content::-webkit-scrollbar {
  display: none;
}
.f-2023-links__item {
  padding: 0 5px;
  display: inline-block;
  outline: 0;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .f-2023-links__item {
    padding: 0 8px;
  }
}
@media screen and (max-width: 80em) {
  .f-2023-links__item:first-child {
    padding-left: 20px;
  }
}
@media screen and (max-width: 80em) {
  .f-2023-links__item:last-child {
    padding-right: 50px;
  }
}
.f-2023-links__gradient-right {
  display: none;
}
@media screen and (max-width: 80em) {
  .f-2023-links__gradient-right {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 53px;
    background: linear-gradient(90deg, rgba(25, 10, 40, 0) 0%, #190A28 calc(100% - 20px));
    pointer-events: none;
    z-index: 10;
  }
}
@media screen and (max-width: 39.9375em) {
  .f-2023-links__gradient-right {
    height: 37px;
  }
}
.f-2023-links__arrow-right {
  display: none;
}
@media screen and (max-width: 80em) {
  .f-2023-links__arrow-right {
    display: block;
    position: absolute;
    bottom: 21px;
    right: 10px;
    width: 14px;
    pointer-events: none;
    z-index: 10;
  }
}
@media screen and (max-width: 87.4375em) {
  .f-2023-links__arrow-right {
    bottom: 14px;
  }
}
.f-2023-links a,
.f-2023-links a:visited {
  color: white !important;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  font-size: 0.875rem;
  transition: color 200ms, border-color 200ms, background-color 200ms !important;
  background: #321450;
  padding: 7px 12px 7px;
  border-radius: 5px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  outline: 0;
  border: 1px solid #641EAA;
}
@media screen and (min-width: 80em) {
  .f-2023-links a,
  .f-2023-links a:visited {
    border-radius: 10px;
    font-size: 1rem;
    font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
    padding: 14px 12px;
  }
}
.f-2023-links a:hover,
.f-2023-links a:active {
  color: white;
  background-color: #00DDE3;
  border-color: #00DDE3;
}

.f-image-text-2023 {
  text-align: center;
  position: relative;
  padding: 25px 0;
}
@media screen and (min-width: 64em) {
  .f-image-text-2023 {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 60px 1rem;
    min-height: 370px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2023 {
    padding: 90px 0;
    min-height: 500px;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2023 + .req-grid-2023__wrapper {
    padding-top: 0;
  }
}
.f-image-text-2023__title {
  color: white;
  font-size: 1.625rem;
  margin-bottom: 15px;
  position: relative;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .f-image-text-2023__title {
    font-size: 2.875rem;
    margin-bottom: 1rem;
    text-align: left;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2023__title {
    font-size: 3.625rem;
    margin-bottom: 1.25rem;
  }
}
.f-image-text-2023__content-wrapper {
  visibility: hidden;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 63.9375em) {
  .f-image-text-2023__content-wrapper {
    margin: 0 auto;
    max-width: 750px;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2023__content-wrapper {
    text-align: left;
  }
}
.f-image-text-2023__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  font-size: 0.875rem;
}
@media screen and (min-width: 64em) {
  .f-image-text-2023__content p {
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2023__content p {
    font-size: 1.125rem;
  }
}
.f-image-text-2023__content a,
.f-image-text-2023__content a:visited {
  color: #00DDE3;
  text-decoration: underline;
}
.f-image-text-2023__content a:hover,
.f-image-text-2023__content a:active {
  color: #97fcff;
}
.f-image-text-2023__row {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .f-image-text-2023__row {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
}
.f-image-text-2023__image-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 63.9375em) {
  .f-image-text-2023__image-container {
    padding: 0 1rem;
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2023__image-container {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    width: calc(50% - 1rem);
    text-align: left;
    margin: 0 auto;
    padding: 0 1rem;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2023__image-container {
    width: calc(50% - 98px);
    text-align: right;
  }
}
.f-image-text-2023__image {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 400px;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .f-image-text-2023__image {
    max-width: 550px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2023__image {
    max-width: 700px;
  }
}
.f-image-text-2023__image-btn {
  cursor: pointer;
}
.f-image-text-2023__video {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 700px;
}
@media screen and (min-width: 64em) {
  .f-image-text-2023__video {
    max-width: 700px;
  }
}
.f-image-text-2023__buttons {
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .f-image-text-2023__buttons {
    margin-top: 1.5rem;
    margin-left: -0.5rem;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2023--features:nth-child(2n+4) .f-image-text-2023__row {
    flex-direction: row;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2023--features:nth-child(2n+4) .f-image-text-2023__image-container {
    left: initial;
    right: 1rem;
    text-align: right;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2023--features:nth-child(2n+4) .f-image-text-2023__image-container {
    text-align: left;
  }
}
.f-image-modal {
  padding: 0;
  border: 0;
  cursor: pointer;
}
.f-image-modal__image {
  width: 100%;
}
.f-image-modal .close-button {
  color: white;
  background: rgba(0, 0, 0, 0.4);
  padding: 0 8px 4px;
  top: 10px;
  right: 10px;
  transition: color 200ms, background 200ms;
}
.f-image-modal .close-button:hover, .f-image-modal .close-button:active {
  background: rgba(0, 0, 0, 0.6);
}

.req-grid-2023 {
  position: relative;
  text-align: center;
  z-index: 2;
  color: white;
}
.req-grid-2023__title {
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1.625rem;
  color: white;
}
@media screen and (min-width: 40em) {
  .req-grid-2023__title {
    font-size: 4.125rem;
    margin-bottom: 1.25rem;
  }
}
.req-grid-2023__tabs {
  background: transparent;
  border: 0;
  text-align: center;
  margin: 0 0 20px;
}
@media screen and (min-width: 40em) {
  .req-grid-2023__tabs {
    margin-bottom: 50px;
  }
}
.req-grid-2023__tabs .tabs-title {
  float: none;
  display: inline;
  margin: 0 auto;
}
.req-grid-2023__tabs .tabs-title a {
  color: rgba(255, 255, 255, 0.45);
  border-bottom: 2px solid transparent;
  transition: color 200ms, border-color 200ms;
  text-transform: none;
  text-decoration: none;
  padding: 0;
  margin: auto;
  margin-right: 10px;
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  padding-bottom: 7px;
  background: transparent;
}
@media screen and (min-width: 40em) {
  .req-grid-2023__tabs .tabs-title a {
    font-size: 1.3125rem;
    margin-left: 18px;
    margin-right: 18px;
    padding-bottom: 10px;
  }
}
.req-grid-2023__tabs .tabs-title a:hover, .req-grid-2023__tabs .tabs-title a:focus {
  color: white;
}
.req-grid-2023__tabs .tabs-title.is-active a {
  color: white;
  border-color: #00DDE3;
}
.req-grid-2023__buttons {
  margin-top: 1.5rem;
}
.req-grid-2023__content {
  background: transparent;
  border: 0;
  color: white;
  text-align: left;
}
@media screen and (min-width: 40em) {
  .req-grid-2023__content {
    text-align: center;
  }
}
.req-grid-2023 .tabs-panel {
  padding: 0;
  margin: 0;
}
.req-grid-2023__item {
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 40em) {
  .req-grid-2023__item {
    display: inline-block !important;
    float: none !important;
    vertical-align: top;
    border-bottom: 1px solid #641EAA;
    padding: 1.5rem 1.5rem;
  }
  .req-grid-2023__item:not(:last-child) {
    border-right: 1px solid #641EAA;
  }
  .cols-5 .req-grid-2023__item:nth-child(2) {
    border-right: 1px solid #641EAA; /*Add the last border if it's the 5th of 6*/
  }
  .req-grid-2023__grid .columns:first-child .req-grid-2023__item {
    padding-top: 0 !important;
  }
  .req-grid-2023__grid .columns:last-child .req-grid-2023__item {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 64em) {
  .req-grid-2023__item {
    padding: 1.75rem 3.5rem;
    min-height: 100px;
  }
}
@media screen and (max-width: 39.9375em) {
  .req-grid-2023__item:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
.req-grid-2023__item h2, .req-grid-2023__item h3 {
  font-size: 1.125rem;
  color: inherit;
}
@media screen and (min-width: 40em) {
  .req-grid-2023__item h2, .req-grid-2023__item h3 {
    font-size: 1.5rem;
  }
}
.req-grid-2023__item p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media screen and (min-width: 40em) {
  .req-grid-2023__item p {
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
.req-grid-2023__wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 40em) {
  .req-grid-2023__wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
    overflow-x: hidden;
  }
}
.req-grid-2023__grid .columns:last-child .req-grid-2023__item {
  border-bottom: 0;
}
@media screen and (min-width: 40em) {
  .req-grid-2023__grid-row {
    display: flex;
    padding: 0 1.5rem;
  }
}
@media screen and (min-width: 40em) {
  .req-grid-2023__grid-row.medium-up-2 {
    width: 75%;
    margin: auto;
  }
}
@media screen and (min-width: 40em) {
  .req-grid-2023__grid-row.medium-up-1 {
    width: 50%;
    margin: auto;
  }
}
.req-grid-2023__bottom-text {
  font-size: 0.875rem;
  margin-top: 1rem;
  text-align: left;
}
@media screen and (min-width: 40em) {
  .req-grid-2023__bottom-text {
    text-align: center;
  }
}
@media screen and (min-width: 64em) {
  .req-grid-2023__bottom-text {
    margin-top: 1.25rem;
  }
}
.req-grid-2023__bottom-text p:last-child {
  margin-bottom: 0;
}
.req-grid-2023 .tabs-panel {
  display: none;
}
.req-grid-2023 .tabs-panel.is-active {
  display: block;
}
.req-grid-2023 .cols-2,
.req-grid-2023 .cols-3 {
  width: 100% !important;
}
@media screen and (max-width: 39.9375em) {
  .req-grid-2023 .cols-2 .req-grid-2023__grid-row,
  .req-grid-2023 .cols-3 .req-grid-2023__grid-row {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 1fr 1fr;
  }
  .req-grid-2023 .cols-2 .req-grid-2023__grid-row:before,
  .req-grid-2023 .cols-3 .req-grid-2023__grid-row:before {
    display: none;
  }
}

@media screen and (max-width: 39.9375em) {
  .xbox-grid-2023__tabs {
    display: grid;
    gap: 5px;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .xbox-grid-2023__tabs {
    display: grid;
    gap: 9px;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 63.9375em) {
  .xbox-grid-2023__tab.tabs-title {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 63.9375em) {
  .xbox-grid-2023__tab.tabs-title a {
    display: flex;
    background: #321450;
    border-radius: 4px;
    min-height: 41px;
    padding: 11px 11px;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 1px solid #641EAA;
    position: relative;
  }
  .xbox-grid-2023__tab.tabs-title a svg {
    max-height: 19px;
    position: relative;
    z-index: 1;
  }
  .xbox-grid-2023__tab.tabs-title a:after {
    content: "";
    display: block;
    opacity: 0;
    background: linear-gradient(180deg, #7871F7 0%, #641EAA 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity 10ms;
  }
}
@media screen and (max-width: 63.9375em) {
  .xbox-grid-2023__tab.tabs-title.is-active a {
    padding: 0;
    margin: 0;
    border-color: #7871F7;
  }
  .xbox-grid-2023__tab.tabs-title.is-active a:after {
    opacity: 1;
  }
}

/* ================================================================
A full-width image banner which loads a video in lightbox when
button is clicked
=================================================================== */
.video-2023__wrapper {
  padding: 25px 0;
}
.video-2023__play-btn {
  margin: 0 auto;
  padding: 0.75rem 1rem !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}
.video-2023__play-btn img {
  width: 30px;
  height: auto;
  margin: 0;
}
.video-2023__play-btn span {
  margin-left: 8px;
}
.video-2023__container {
  text-align: center;
  width: 100%;
  max-width: 1032px;
  aspect-ratio: 4/3;
  box-shadow: 0 0 20px 18px rgba(25, 10, 40, 0.5);
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .video-2023__container {
    width: calc(100% - 40px);
    aspect-ratio: 16/9;
  }
}

.cf-2023 {
  position: relative;
  text-align: center;
  padding: 40px 0;
}
@media screen and (min-width: 40em) {
  .cf-2023 {
    text-align: left;
    padding: 40px 0;
  }
}
@media screen and (min-width: 64em) {
  .cf-2023 {
    padding: 70px 0 80px;
  }
}
.cf-2023 > .row {
  padding: 0 1rem;
}
.cf-2023__content-wrapper {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
@media screen and (min-width: 40em) {
  .cf-2023__content-wrapper {
    margin-bottom: 45px;
  }
}
.cf-2023__abstract {
  color: white;
}
@media screen and (min-width: 40em) {
  .cf-2023__abstract {
    font-size: 1.3125rem;
  }
}
.cf-2023__abstract p {
  line-height: 1.125;
}
.cf-2023__abstract p:last-child {
  margin: 0;
}
.cf-2023__abstract a {
  color: #00DDE3;
  text-decoration: underline;
}
.cf-2023__abstract a:visited {
  color: #00DDE3;
}
.cf-2023__abstract a:hover, .cf-2023__abstract a:active {
  color: #17f9ff;
}
.cf-2023__title {
  font-size: 1.625rem;
  color: white;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 40em) {
  .cf-2023__title {
    font-size: 3.375rem;
    margin-bottom: 1.25rem;
  }
}
.cf-2023__carousel {
  position: relative;
  z-index: 1;
}
.cf-2023__carousel-wrapper {
  position: relative;
  visibility: hidden;
}
.cf-2023__gradient-left, .cf-2023__gradient-right {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  background: linear-gradient(90deg, rgba(25, 10, 40, 0) 0%, #190A28 calc(100% - 20px));
  pointer-events: none;
  z-index: 10;
}
@media screen and (min-width: 87.5em) {
  .cf-2023__gradient-left, .cf-2023__gradient-right {
    width: 330px;
  }
}
.cf-2023__gradient-left {
  left: 0;
  background: linear-gradient(-90deg, rgba(25, 10, 40, 0) 0%, #190A28 100%);
}
.cf-2023__gradient-right {
  right: 0;
  background: linear-gradient(90deg, rgba(25, 10, 40, 0) 0%, #190A28 100%);
}
.cf-2023 .slick-dots {
  margin: 20px 0 0 12px;
  text-align: left;
}
@media screen and (min-width: 40em) {
  .cf-2023 .slick-dots {
    text-align: center;
    margin: 20px 0 0;
  }
}
.cf-2023 .slick-dots li {
  height: 11px;
  margin: 0 4px;
}
.cf-2023 .slick-dots li button {
  background: transparent;
  border: 2px solid #00FFD6;
  width: 11px;
  height: 11px;
  font-size: 0;
}
.cf-2023 .slick-dots li.slick-active button {
  background: #00FFD6;
}

.cf-box-2023 {
  width: 290px;
  text-align: left;
  color: white;
  padding: 0 12px;
  position: relative;
}
@media screen and (min-width: 40em) {
  .cf-box-2023 {
    width: 330px;
    padding: 0 15px;
  }
}
@media screen and (min-width: 64em) {
  .cf-box-2023 {
    padding: 0 20px;
  }
}
.cf-box-2023__title {
  color: white;
  font-size: 1.5rem;
  margin: 0 0 8px;
}
@media screen and (min-width: 40em) {
  .cf-box-2023__title {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 87.5em) {
  .cf-box-2023__title {
    font-size: 2.125rem;
  }
}
.cf-box-2023__copy {
  font-size: 1rem;
  color: white;
}
@media screen and (min-width: 64em) {
  .cf-box-2023__copy {
    font-size: 1.125rem;
  }
}
.cf-box-2023__copy p {
  line-height: 1.25;
}
@media screen and (min-width: 40em) {
  .cf-box-2023__copy p {
    line-height: 1.125;
  }
}
.cf-box-2023__copy p:last-child {
  margin: 0;
}
.cf-box-2023__image-wrapper {
  margin: 0 0 15px;
  aspect-ratio: 16/9;
  position: relative;
  width: 100%;
  cursor: pointer;
}
@media screen and (min-width: 40em) {
  .cf-box-2023__image-wrapper {
    margin-bottom: 20px;
  }
}

.game-banner-2023 {
  position: relative;
  text-align: center;
  padding: 0;
  align-items: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.game-banner-2023 > .row {
  width: 100%;
}
.game-banner-2023__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 0 1rem;
}
@media screen and (min-width: 40em) {
  .game-banner-2023__wrapper {
    padding: 40px 1rem 0;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2023__wrapper {
    margin-top: -55px;
    padding-top: 165px;
    padding-bottom: 80px;
    min-height: 650px;
  }
}
@media screen and (min-width: 87.5em) {
  .game-banner-2023__wrapper {
    padding-top: 235px;
  }
}
.game-banner-2023__bg-wrapper {
  position: absolute;
  top: 84px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.game-banner-2023__bg {
  text-align: center;
  width: 800px;
  max-width: initial;
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
  .game-banner-2023__bg {
    width: 2070px;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2023__bg {
    width: 4000px;
  }
}
.game-banner-2023__image-wrapper {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .game-banner-2023__image-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    left: calc(50% - 80px);
    right: 1rem;
    max-width: 679px;
    margin: 0;
  }
}
@media screen and (min-width: 87.5em) {
  .game-banner-2023__image-wrapper {
    max-width: 973px;
    left: calc(50% - 177px);
  }
}
.game-banner-2023__image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (max-width: 63.9375em) {
  .game-banner-2023__image {
    width: auto;
    height: 229px;
  }
}
@media screen and (max-width: 39.9375em) {
  .fm23 .game-banner-2023__image {
    margin-left: -29%;
    max-width: 129%;
  }
}
.game-banner-2023__content {
  position: relative;
  z-index: 1;
}
.game-banner-2023__copy {
  color: white;
  font-size: 1rem;
  line-height: 1.16;
  margin: 15px auto 0;
  position: relative;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .game-banner-2023__copy {
    font-size: 1.3125rem;
    margin: 1rem 0 0;
    text-align: left;
    width: 602px;
    max-width: 50vw;
  }
}
@media screen and (min-width: 87.5em) {
  .game-banner-2023__copy {
    max-width: 620px;
  }
}
.game-banner-2023__copy p {
  line-height: inherit;
}
.game-banner-2023__copy p:last-child {
  margin-bottom: 0;
}
.game-banner-2023__buttons {
  visibility: hidden;
  margin-top: 1.25rem;
}
@media screen and (min-width: 64em) {
  .game-banner-2023__buttons {
    margin-top: 1.5rem;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2023__buttons .button-fm23, .game-banner-2023__buttons .user-page__box a, .user-page__box .game-banner-2023__buttons a {
    margin-left: 0 !important;
    min-width: 130px;
  }
}
.game-banner-2023__buttons .button-fm23:first-child:last-child, .game-banner-2023__buttons .user-page__box a:first-child:last-child, .user-page__box .game-banner-2023__buttons a:first-child:last-child {
  min-width: 279px;
}
@media screen and (min-width: 64em) {
  .game-banner-2023__buttons .button-fm23:first-child:last-child, .game-banner-2023__buttons .user-page__box a:first-child:last-child, .user-page__box .game-banner-2023__buttons a:first-child:last-child {
    min-width: 155px;
  }
}
.game-banner-2023__logo {
  width: 260px;
  position: relative;
}
@media screen and (min-width: 40em) {
  .game-banner-2023__logo {
    width: 283px;
  }
}
@media screen and (min-width: 40em) {
  .game-banner-2023__logo {
    width: 240px;
  }
}
.game-banner-2023__logo-wrapper {
  position: relative;
  z-index: 1;
  visibility: hidden;
  margin: 0;
}
@media screen and (max-width: 63.9375em) {
  .game-banner-2023__logo-wrapper {
    margin-top: 24px;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2023__logo-wrapper {
    text-align: left;
  }
}
.game-banner-2023__icons {
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: -moz-fit-content;
  width: fit-content;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .game-banner-2023__icons {
    gap: 12px;
    margin-top: 25px;
    margin-bottom: 20px;
    margin-left: 0;
  }
}
.game-banner-2023__icon {
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 40em) {
  .game-banner-2023__icon {
    width: 40px;
    height: 40px;
  }
}

.dd-banner-2023 {
  height: 174px;
  background: #7871F7;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 64em) {
  .dd-banner-2023 {
    text-align: left;
    height: 145px;
  }
}
.dd-banner-2023 > .row {
  width: 100%;
  position: relative;
  z-index: 1;
}
.dd-banner-2023__title {
  color: white;
  font-size: 1.25rem;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  position: relative;
  margin: 0 0 1rem 0;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 64em) {
  .dd-banner-2023__title {
    font-size: 1.75rem;
    margin: 0 2rem 0 0;
  }
}
.dd-banner-2023__bg {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  min-width: 360px;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 64em) {
  .dd-banner-2023__bg {
    position: absolute;
    height: 145px;
    width: auto;
    min-width: 1920px;
    top: 0;
    left: calc(50% - 960px);
    pointer-events: none;
  }
}
.dd-banner-2023__button {
  width: -moz-fit-content;
  width: fit-content;
  display: flex !important;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .dd-banner-2023__button {
    margin-right: 1rem;
  }
}
.dd-banner-2023__content {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .dd-banner-2023__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.aa-inf {
  overflow: hidden;
  position: relative;
}
.aa-inf__wrapper {
  padding: 20px 0 60px;
}
@media screen and (min-width: 64em) {
  .aa-inf__wrapper {
    padding: 150px 0 100px;
  }
}
.aa-inf__bg {
  left: calc(50% - 480px);
  max-width: initial;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 960px;
}
@media screen and (max-width: 39.9375em) {
  .aa-inf__bg {
    width: 100%;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 40em) {
  .aa-inf__bg {
    width: 800px;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 64em) {
  .aa-inf__bg {
    width: 4000px;
    left: calc(50% - 2000px);
  }
}
.aa-inf__title {
  text-align: center;
  font-size: 2rem;
  position: relative;
  z-index: 1;
  color: white;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (min-width: 64em) {
  .aa-inf__title {
    font-size: 4.125rem;
    margin-bottom: 30px;
  }
}
.aa-inf__content-title {
  font-size: 2rem;
  color: white;
  margin-bottom: 8px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .aa-inf__content-title {
    font-size: 1.75rem;
    margin-bottom: 15px;
    text-align: left;
  }
}
.aa-inf__content {
  color: white;
  line-height: 1.125;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .aa-inf__content {
    font-size: 1.25rem;
    text-align: left;
  }
}
.aa-inf__content p {
  line-height: inherit;
}
.aa-inf__content a, .aa-inf__content i, .aa-inf__content em {
  color: #00DDE3;
  font-style: normal;
}
.aa-inf__row {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .aa-inf__row {
    display: flex;
    align-items: center;
  }
}
.aa-inf__image-wrapper {
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 63.9375em) {
  .aa-inf__image {
    max-width: calc(100% + 20px);
    margin-left: -10px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 87.5em) {
  .aa-inf__image {
    max-width: calc(100% + 35px);
    margin-left: -35px;
  }
}
.aa-inf__buttons {
  margin-top: 20px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .aa-inf__buttons {
    text-align: left;
  }
}
.aa-inf__bottom-text-wrapper {
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .aa-inf__bottom-text-wrapper {
    margin-top: 60px;
  }
}
.aa-inf__bottom-text {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.143;
  text-align: center;
}
.aa-inf__bottom-text p {
  line-height: inherit;
  margin-bottom: 10px;
}
.aa-inf__bottom-text p:last-child {
  margin-bottom: 0;
}
.aa-inf__bottom-text a,
.aa-inf__bottom-text a:hover {
  color: inherit;
}
.aa-inf__bottom-title {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: white;
  line-height: 1;
  font-size: 1rem;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  margin-bottom: 12px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .aa-inf__bottom-title {
    font-size: 1.125rem;
  }
}
.aa-inf__trial {
  position: relative;
  z-index: 1;
  margin: 30px auto 0;
}
@media screen and (min-width: 40em) {
  .aa-inf__trial {
    margin: 60px auto 0;
  }
}
.aa-inf__trial-title {
  color: white;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .aa-inf__trial-title {
    font-size: 1.75rem;
  }
}
.aa-inf__trial-content, .aa-inf__trial-content ol {
  font-size: 1rem;
  text-align: center;
  list-style-position: inside;
}
@media screen and (min-width: 64em) {
  .aa-inf__trial-content, .aa-inf__trial-content ol {
    display: flex;
    font-size: 1.125rem;
    gap: 17px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.aa-inf__trial-content strong, .aa-inf__trial-content i, .aa-inf__trial-content em, .aa-inf__trial-content ol strong, .aa-inf__trial-content ol i, .aa-inf__trial-content ol em {
  color: #00DDE3 !important;
  font-style: normal;
}
.aa-inf__trial-content p, .aa-inf__trial-content ol p {
  margin: 0;
}
.aa-inf__trial-content li, .aa-inf__trial-content ol li {
  color: white;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
.aa-inf__trial-content ::marker, .aa-inf__trial-content ol ::marker {
  color: #00DDE3;
}
.aa-inf__trial {
  position: relative;
  z-index: 1;
  margin: 30px auto 0;
}
@media screen and (min-width: 40em) {
  .aa-inf__trial {
    margin: 60px auto 0;
  }
}
.aa-inf__trial-title {
  color: white;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .aa-inf__trial-title {
    font-size: 1.75rem;
  }
}
.aa-inf__trial-content {
  color: white;
  font-size: 1rem;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .aa-inf__trial-content {
    display: flex;
    font-size: 1.125rem;
    gap: 17px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.aa-inf__trial-content strong, .aa-inf__trial-content i, .aa-inf__trial-content em {
  color: #00DDE3 !important;
  font-style: normal;
}
.aa-inf__trial-content p {
  margin: 0;
}

.pj-inf {
  overflow: hidden;
  position: relative;
}
.pj-inf__wrapper {
  padding: 20px 0 60px;
}
@media screen and (min-width: 64em) {
  .pj-inf__wrapper {
    padding: 150px 0 100px;
  }
}
.pj-inf__bg {
  left: calc(50% - 480px);
  max-width: initial;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 960px;
}
@media screen and (max-width: 39.9375em) {
  .pj-inf__bg {
    width: 100%;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 40em) {
  .pj-inf__bg {
    width: 800px;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 64em) {
  .pj-inf__bg {
    width: 4000px;
    left: calc(50% - 2000px);
  }
}
.pj-inf__title {
  text-align: center;
  font-size: 1.625rem;
  position: relative;
  z-index: 1;
  color: white;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (min-width: 64em) {
  .pj-inf__title {
    font-size: 3rem;
    margin-bottom: 40px;
  }
}
.pj-inf__content-title {
  font-size: 1.125rem;
  color: white;
  margin-bottom: 8px;
  text-align: center;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  text-transform: none;
  line-height: 1.1;
}
@media screen and (min-width: 64em) {
  .pj-inf__content-title {
    font-size: 1.3125rem;
    margin-bottom: 15px;
    text-align: left;
  }
}
.pj-inf__content {
  color: white;
  line-height: 1.125;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .pj-inf__content {
    font-size: 1.125rem;
    text-align: left;
  }
}
.pj-inf__content p {
  line-height: inherit;
}
.pj-inf__content a, .pj-inf__content i, .pj-inf__content em {
  color: #00DDE3;
  font-style: normal;
}
.pj-inf__row {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .pj-inf__row {
    display: flex;
    align-items: center;
  }
}
.pj-inf__image-wrapper {
  margin: 0 auto;
  text-align: center;
}
.pj-inf__image {
  width: 100%;
  max-width: 529px;
}
@media screen and (max-width: 63.9375em) {
  .pj-inf__image {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 64em) {
  .pj-inf__image {
    margin: auto;
  }
}
.pj-inf__buttons {
  text-align: center;
}
.pj-inf__bottom-text-wrapper {
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .pj-inf__bottom-text-wrapper {
    margin-top: 60px;
  }
}
.pj-inf__bottom-text {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.143;
  text-align: center;
}
.pj-inf__bottom-text p {
  line-height: inherit;
  margin-bottom: 10px;
}
.pj-inf__bottom-text p:last-child {
  margin-bottom: 0;
}
.pj-inf__bottom-text a,
.pj-inf__bottom-text a:hover {
  color: inherit;
}
.pj-inf__bottom-title {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: white;
  line-height: 1;
  font-size: 1rem;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  margin-bottom: 12px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .pj-inf__bottom-title {
    font-size: 1.125rem;
  }
}
.pj-inf__trial {
  position: relative;
  z-index: 1;
  margin: 30px auto 0;
}
@media screen and (min-width: 64em) {
  .pj-inf__trial {
    margin: 60px auto 0;
  }
}
.pj-inf__trial-title {
  color: white;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .pj-inf__trial-title {
    font-size: 1.75rem;
  }
}
.pj-inf__trial-content {
  max-width: 820px;
  margin: 0 auto;
}
.pj-inf__trial-content, .pj-inf__trial-content ol {
  font-size: 1rem;
  text-align: center;
  list-style-position: inside;
}
@media screen and (min-width: 64em) {
  .pj-inf__trial-content, .pj-inf__trial-content ol {
    font-size: 1.125rem;
  }
}
.pj-inf__trial-content strong, .pj-inf__trial-content i, .pj-inf__trial-content em, .pj-inf__trial-content ol strong, .pj-inf__trial-content ol i, .pj-inf__trial-content ol em {
  color: #00DDE3 !important;
  font-style: normal;
}
.pj-inf__trial-content p, .pj-inf__trial-content ol p {
  margin: 0;
}
.pj-inf__trial-content li, .pj-inf__trial-content ol li {
  color: white;
  margin: 0 auto;
  width: 100%;
}
.pj-inf__trial-content ::marker, .pj-inf__trial-content ol ::marker {
  color: #00DDE3;
}

.lang-selector {
  padding-top: 30px;
  background: white;
  margin-bottom: -20px;
}
@media screen and (min-width: 64em) {
  .lang-selector {
    padding-top: 40px;
    margin-bottom: -25px;
  }
}
.lang-selector__container {
  position: relative;
  z-index: 1;
}
.lang-selector select {
  border: 1px solid #DEDEDE;
  font-weight: 400;
  font-size: 1rem;
  height: 50px;
  margin: 0;
  width: 290px;
  background-image: url(../img/icons/arrow-down-purple.svg);
}
.lang-selector label {
  font-size: 0.75rem;
  position: absolute;
  top: -10px;
  left: 6px;
  padding: 0 5px;
  letter-spacing: 0.02em;
  background: white;
  color: #676767;
}

.lp-hero-2024 {
  position: relative;
  padding: 0 0 117px;
  display: flex;
  align-items: flex-end;
  height: 575px;
  min-height: 575px;
  text-align: center;
  background: transparent;
  overflow: hidden;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .lp-hero-2024 {
    min-height: 720px;
    height: 720px;
    padding-bottom: 55px;
  }
}
@media screen and (min-width: 64em) {
  .lp-hero-2024 {
    min-height: 600px;
    height: calc(100vh - 55px);
    padding-top: 175px;
    padding-bottom: 150px;
    align-items: flex-start;
  }
}
.lp-hero-2024 > .row {
  width: 100%;
}
.lp-hero-2024__image-container {
  overflow: hidden;
}
.lp-hero-2024__image {
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .lp-hero-2024__image {
    height: 416px;
  }
}
.lp-hero-2024__placeholder {
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .lp-hero-2024__placeholder {
    height: 416px;
  }
}
.lp-hero-2024__gradient {
  position: absolute;
  left: 0;
  right: 0;
  top: 307px;
  height: 109px;
  background: linear-gradient(180deg, rgba(25, 10, 40, 0) 0%, #190a28 100%);
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .lp-hero-2024__gradient {
    opacity: 0.4;
    height: 520px;
    top: 200px;
  }
}
.lp-hero-2024__title {
  font-size: 2.5rem;
  color: white;
  line-height: 1;
  margin: 0;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .lp-hero-2024__title {
    font-size: 4.6875rem;
  }
}
@media screen and (min-width: 64em) {
  .lp-hero-2024__title {
    font-size: 5.75rem;
  }
}
.lp-hero-2024__title i, .lp-hero-2024__title strong {
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.lp-hero-2024__buttons {
  margin-top: 1rem;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-hero-2024__buttons {
    margin-top: 2rem;
  }
}
.lp-hero-2024__buttons .button-fm24:first-child {
  background: linear-gradient(90deg, #FF501E 0%, #F97E28 100%);
}
.lp-hero-2024__buttons .button-fm24:first-child:hover, .lp-hero-2024__buttons .button-fm24:first-child:focus, .lp-hero-2024__buttons .button-fm24:first-child:active {
  background: linear-gradient(90deg, #ff6438 0%, #fa8d41 100%);
}
.lp-hero-2024__buttons .button-fm24:last-child {
  background: linear-gradient(90deg, #F97E28 0%, #FFA528 100%);
}
.lp-hero-2024__buttons .button-fm24:last-child:hover, .lp-hero-2024__buttons .button-fm24:last-child:focus, .lp-hero-2024__buttons .button-fm24:last-child:active {
  background: linear-gradient(90deg, #fa8d41 0%, #ffb042 100%);
}
.lp-hero-2024__content {
  position: relative;
  z-index: 10;
  visibility: hidden;
  text-align: center;
  margin: 0 auto;
}
.lp-hero-2024__copy {
  color: white;
  font-size: 1rem;
  line-height: 1.14;
  margin-top: 1rem;
  position: relative;
}
@media screen and (min-width: 40em) {
  .lp-hero-2024__copy {
    font-size: 1.4375rem;
    margin-top: 1.5rem;
  }
}
.lp-hero-2024__copy p {
  line-height: inherit;
  letter-spacing: 0.02em;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
.lp-hero-2024__copy p:last-child {
  margin-bottom: 0;
}
.lp-hero-2024__top-left {
  position: absolute;
  pointer-events: none;
  width: 194.33px;
  height: 598.09px;
  top: -1px;
  left: -1px;
  z-index: 1;
  visibility: hidden;
}
.lp-hero-2024__bottom-right {
  position: absolute;
  pointer-events: none;
  width: 158.38px;
  height: 901.43px;
  bottom: -1px;
  right: -1px;
  z-index: 1;
  visibility: hidden;
}
.lp-hero-2024__video {
  background: black;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .lp-hero-2024__video {
    height: 416px;
  }
}
.lp-hero-2024__video video, .lp-hero-2024__video img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
.lp-hero-2024__wipe, .lp-hero-2024__image-wipe {
  background: #641EAA;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
  transform: translateY(100%);
}
.lp-hero-2024__arrow-wrapper {
  width: 68px;
  height: 100px;
  position: absolute;
  bottom: 10px;
  left: calc(50% - 34px);
  z-index: 1;
  cursor: pointer !important;
  visibility: hidden;
  display: flex;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-hero-2024__arrow-wrapper {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .lp-hero-2024__arrow-wrapper {
    bottom: 40px;
  }
}
.lp-hero-2024__arrow-wrapper:after {
  display: block;
  content: "";
  width: 45px;
  height: 92px;
  border-radius: 50%;
  background: rgba(25, 10, 40, 0.8);
  filter: blur(17px);
  position: absolute;
  top: calc(50% - 10px);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.lp-hero-2024__arrow-wrapper:hover .lp-hero-2024__arrow-normal, .lp-hero-2024__arrow-wrapper:active .lp-hero-2024__arrow-normal {
  opacity: 0;
}
.lp-hero-2024__arrow-wrapper:hover .lp-hero-2024__arrow-hover, .lp-hero-2024__arrow-wrapper:active .lp-hero-2024__arrow-hover {
  opacity: 1;
}
.lp-hero-2024__arrow {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 28px;
  transition: opacity 200ms linear;
  margin: auto;
  animation: arrow-bounce 0.9s infinite alternate ease-in-out;
}
.lp-hero-2024__arrow-normal {
  opacity: 1;
}
.lp-hero-2024__arrow-hover {
  opacity: 0;
}
.lp-hero-2024__shadow {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  height: 90%;
  border-radius: 50%;
  background: rgba(25, 10, 40, 0.45);
  filter: blur(50px);
  transform: translate(-50%, -50%);
  z-index: -1;
}

@keyframes arrow-bounce {
  from {
    transform: translateY(-5px);
  }
  to {
    transform: translateY(5px);
  }
}
@media screen and (min-width: 64em) {
  .hp-hero-2024 {
    align-items: center;
  }
}
.hp-hero-2024__image {
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .hp-hero-2024__image {
    height: 416px;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .hp-hero-2024__image {
    -o-object-position: center 60%;
       object-position: center 60%;
  }
}

.button-fm24,
a.button-fm24 {
  cursor: pointer;
  padding: 14px 33px 14px;
  transition: background 200ms, color 200ms, border 200ms;
  text-align: center;
  text-decoration: none !important;
  border: 0;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1;
  display: inline-block;
  position: relative;
  outline: 0;
  font-size: 1rem;
  background: #FF501E;
  color: white;
  min-height: 45px;
}
@media screen and (min-width: 40em) {
  .button-fm24,
  a.button-fm24 {
    padding: 15px 35px 14px;
    min-height: 45px;
  }
}
.button-fm24:after,
a.button-fm24:after {
  background: white;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 200ms;
}
.button-fm24--skewed,
a.button-fm24--skewed {
  transform: skew(-18deg);
  border-radius: 0 !important;
}
.button-fm24--skewed > span,
.button-fm24--skewed > img,
a.button-fm24--skewed > span,
a.button-fm24--skewed > img {
  transform: skew(18deg);
  display: block;
  margin: auto;
}
.button-fm24 img,
a.button-fm24 img {
  vertical-align: middle;
  margin: auto 6px auto auto;
  width: 19px;
  height: auto;
}
.button-fm24:hover:after, .button-fm24:focus:after, .button-fm24:active:after,
a.button-fm24:hover:after,
a.button-fm24:focus:after,
a.button-fm24:active:after {
  opacity: 0.2;
}
.button-fm24.disabled, .button-fm24.search-results__load-more[disabled],
a.button-fm24.disabled {
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%) !important;
}
.button-fm24.disabled:hover, .button-fm24.search-results__load-more[disabled]:hover, .button-fm24.disabled:active, .button-fm24.search-results__load-more[disabled]:active,
a.button-fm24.disabled:hover,
a.button-fm24.disabled:active {
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%) !important;
}

.button-fm24--orange, .button-fm24,
a.button-fm24,
a.button-fm24--orange {
  color: white !important;
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  border-color: transparent !important;
}
.button-fm24--orange:hover, .button-fm24:hover, .button-fm24--orange:focus, .button-fm24:focus, .button-fm24--orange:active, .button-fm24:active,
a.button-fm24--orange:hover,
a.button-fm24--orange:focus,
a.button-fm24--orange:active {
  color: white;
  background: linear-gradient(90deg, #ff7047 0%, #ffb651 100%);
  border-color: transparent !important;
}

.button-fm24--ghost-light,
a.button-fm24--ghost-light {
  color: white !important;
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.button-fm24--ghost-light:hover, .button-fm24--ghost-light:focus, .button-fm24--ghost-light:active,
a.button-fm24--ghost-light:hover,
a.button-fm24--ghost-light:focus,
a.button-fm24--ghost-light:active {
  color: white;
  background: transparent !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.button-fm24--purple,
a.button-fm24--purple {
  color: white !important;
  background: linear-gradient(90deg, #641EAA 0%, #7871F7 100%);
  border-color: transparent !important;
}
.button-fm24--purple:hover, .button-fm24--purple:focus, .button-fm24--purple:active,
a.button-fm24--purple:hover,
a.button-fm24--purple:focus,
a.button-fm24--purple:active {
  color: white;
  background: linear-gradient(90deg, #7824cd 0%, #9d98f9 100%);
  border-color: transparent !important;
}

.button-fm24--orange-reversed,
a.button-fm24--orange-reversed {
  color: white !important;
  background: linear-gradient(90deg, #FFA528 0%, #FF501E 100%);
  border-color: transparent !important;
}
.button-fm24--orange-reversed:hover, .button-fm24--orange-reversed:focus, .button-fm24--orange-reversed:active,
a.button-fm24--orange-reversed:hover,
a.button-fm24--orange-reversed:focus,
a.button-fm24--orange-reversed:active {
  color: white;
  background: linear-gradient(90deg, #ffb651 0%, #ff7047 100%);
  border-color: transparent !important;
}

.button-fm24--yellow,
a.button-fm24--yellow {
  color: white !important;
  background: linear-gradient(90deg, #FFA528 0%, #FF501E 100%);
  border-color: transparent !important;
}
.button-fm24--yellow:hover, .button-fm24--yellow:focus, .button-fm24--yellow:active,
a.button-fm24--yellow:hover,
a.button-fm24--yellow:focus,
a.button-fm24--yellow:active {
  color: white;
  background: linear-gradient(90deg, #ffb651 0%, #ff7047 100%);
  border-color: transparent !important;
}

.button-fm24--white,
a.button-fm24--white {
  color: #190A28 !important;
  background: white;
}
.button-fm24--white:hover, .button-fm24--white:focus, .button-fm24--white:active,
a.button-fm24--white:hover,
a.button-fm24--white:focus,
a.button-fm24--white:active {
  color: white !important;
  background: #FF501E;
}

.button-fm24-outline,
a.button-fm24-outline {
  transform: skew(-18deg);
  border-radius: 0 !important;
  cursor: pointer;
  padding: 12px 33px 12px;
  transition: background 200ms, color 200ms, border 200ms;
  text-align: center;
  text-decoration: none !important;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1.25;
  display: inline-block;
  position: relative;
  outline: 0;
  font-size: 1rem;
  color: white;
  min-height: 45px;
  border: 1px solid #FF501E;
}
.button-fm24-outline > span,
a.button-fm24-outline > span {
  transform: skew(18deg);
  display: block;
}
.button-fm24-outline:hover,
a.button-fm24-outline:hover {
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
}

.button-fm24-outline--no-skew,
a.button-fm24-outline--no-skew {
  border-radius: 0 !important;
  cursor: pointer;
  padding: 12px 33px 12px;
  transition: background 200ms, color 200ms, border 200ms;
  text-align: center;
  text-decoration: none !important;
  border-radius: 0;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1.25;
  display: inline-block;
  position: relative;
  outline: 0;
  font-size: 1rem;
  color: white;
  min-height: 45px;
  border: 1px solid #FF501E;
}
.button-fm24-outline--no-skew > span,
a.button-fm24-outline--no-skew > span {
  display: block;
}
.button-fm24-outline--no-skew:hover,
a.button-fm24-outline--no-skew:hover {
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
}

.inline-buttons-fm24 {
  display: flex;
}
.inline-buttons-fm24 .button-fm24 {
  min-width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.inline-buttons-fm24 .button-fm24:first-child:not(:last-child) {
  padding-left: 15px;
  padding-right: 25px;
  -webkit-clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, 0 0);
          clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, 0 0);
  margin-left: auto;
}
@media screen and (min-width: 40em) {
  .inline-buttons-fm24 .button-fm24:first-child:not(:last-child) {
    padding-left: 35px;
    padding-right: 35px;
    -webkit-clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, calc(0% + 15px) 0);
            clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, calc(0% + 15px) 0);
  }
}
.inline-buttons-fm24 .button-fm24:last-child:not(:first-child) {
  padding-left: 25px;
  padding-right: 15px;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, calc(0% + 15px) 0%);
          clip-path: polygon(100% 0, 100% 100%, 0 100%, calc(0% + 15px) 0%);
  margin-right: auto;
  margin-left: -5px;
}
@media screen and (min-width: 40em) {
  .inline-buttons-fm24 .button-fm24:last-child:not(:first-child) {
    padding-left: 35px;
    padding-right: 35px;
    -webkit-clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, calc(0% + 15px) 0%);
            clip-path: polygon(100% 0, calc(100% - 15px) 100%, 0 100%, calc(0% + 15px) 0%);
  }
}

.top-bar-mobile {
  display: none;
  --marquee-width: 100vw;
  --offset: 20vw;
  --move-initial: calc(-25% + var(--offset));
  --move-final: calc(-50% + var(--offset));
  --top-topbar-height-sm: $top-topbar-height-sm;
}

@media screen and (max-width: 63.9375em) {
  .top-bar-mobile {
    background-color: #F0F0F0;
    display: block;
    height: 40px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 21;
  }
  .top-bar-mobile-wrapper {
    align-items: center;
    display: flex;
    height: 40px;
    justify-content: center;
  }
  .top-bar-mobile-wrapper .marquee-button {
    font-weight: bold;
    white-space: nowrap;
    color: #321450;
    font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    margin-right: 0.625rem;
  }
  /* marquee */
  .marquee__clone-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: var(--marquee-width);
    overflow: hidden;
    pointer-events: none;
    height: var(--top-topbar-height-sm);
    display: flex;
    align-items: center;
  }
  .marquee__clone {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 10s linear infinite;
    animation-play-state: running;
    opacity: 1;
  }
  .marquee__clone-wrap span {
    margin-left: 3.125rem;
    text-align: center;
  }
  .marquee__text, .marquee__clone-wrap span {
    white-space: nowrap;
    padding: 0 1vw;
  }
  /* Respect user preferences about animations */
}
@media screen and (max-width: 63.9375em) and (prefers-reduced-motion: reduce) {
  .marquee__clone {
    animation-iteration-count: 0 !important;
    animation-duration: 0.01s !important;
    width: auto !important;
    padding-left: 0 !important;
  }
}
@keyframes marquee {
  0% {
    transform: translate3d(var(--move-initial), 0, 0);
  }
  100% {
    transform: translate3d(var(--move-final), 0, 0);
  }
}
.platform-carousel {
  align-items: center;
  display: flex;
  min-height: auto;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .platform-carousel {
    height: auto;
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel {
    align-items: center;
    display: flex;
    height: auto;
    text-align: left;
  }
}
.platform-carousel--images {
  padding-bottom: 0;
  margin-bottom: 0;
  padding-top: 3.125rem;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #321450 10%, #321450 90%, transparent 100%);
}
@media screen and (min-width: 40em) {
  .platform-carousel--images {
    padding-top: 3.75rem;
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel--images {
    padding-top: 5rem;
  }
}
.platform-carousel--images .slick-initialized .slick-track {
  display: flex;
  align-items: center;
}
.platform-carousel--content {
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 3.125rem;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .platform-carousel--content {
    padding-bottom: 3.75rem;
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel--content {
    padding-bottom: 7.5rem;
  }
}
.platform-carousel__row {
  width: 100%;
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel__row {
    max-width: 100%;
  }
}
.platform-carousel__bg {
  height: auto;
  left: 50%;
  min-width: 1126px;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translateX(-49.2%);
  width: auto;
}
@media screen and (min-width: 40em) {
  .platform-carousel__bg {
    height: auto;
    min-width: 1272px;
    transform: translateX(-69.889%);
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel__bg {
    height: auto;
    min-width: 2253px;
    transform: translateX(-56.06%);
  }
}
.platform-carousel .slick-dots {
  margin: 1.25rem auto 0;
  text-align: center;
  height: 10px;
}
.platform-carousel .slick-dots li {
  margin: 0 6px;
  height: 10px;
}
.platform-carousel .slick-dots li button {
  background: transparent;
  border: 2px solid #FFA528;
  height: 10px;
  transform: none;
  width: 10px;
  font-size: 0;
}
@media screen and (min-width: 64em) {
  .platform-carousel .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}
.platform-carousel .slick-dots li.slick-active button {
  background: #FFA528;
  border: 1px solid #FFA528;
  transform: none;
}
.platform-carousel .slick-prev::before {
  transform: rotate(90deg);
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel .slick-prev::before {
    transform: scale(1.5) rotate(90deg);
  }
}
.platform-carousel .slick-next::before {
  transform: rotate(-90deg);
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel .slick-next::before {
    transform: scale(1.5) rotate(-90deg);
  }
}
.platform-carousel .slick-prev,
.platform-carousel .slick-next {
  height: 15px;
  top: 160px;
  transform: none;
  width: 20px;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .platform-carousel .slick-prev,
  .platform-carousel .slick-next {
    height: 40px;
    width: 30px;
  }
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel .slick-prev,
  .platform-carousel .slick-next {
    width: 100px;
    top: 50%;
  }
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel .slick-prev,
  .platform-carousel .slick-next {
    top: 40%;
  }
}
.platform-carousel .slick-prev:before,
.platform-carousel .slick-next:before {
  background-image: url(../img/components/platform-carousel-2024/arrow-orange.svg);
}
.platform-carousel .slick-prev.slick-disabled:before,
.platform-carousel .slick-next.slick-disabled:before {
  opacity: 0.5;
}
.platform-carousel .slick-next {
  right: 0;
}
@media screen and (min-width: 64em) {
  .platform-carousel .slick-next {
    margin-right: 30px;
  }
}
.platform-carousel .slick-prev {
  left: 0;
}
@media screen and (min-width: 64em) {
  .platform-carousel .slick-prev {
    margin-left: 30px;
  }
}
.platform-carousel .slick-list {
  /* Show slides that would otherwise be hidden off-screen */
  overflow: visible;
}
.platform-carousel .slick-slide:not(.slick-current) {
  /* Make slides other than the current one translucent */
  opacity: 0.4;
}

.platform-carousel-slide {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.platform-carousel-slide__image-row {
  align-items: center;
  display: flex;
  justify-content: center;
}
.platform-carousel-slide__image {
  height: auto;
  margin: 0 auto;
  max-width: 992px;
  padding-bottom: 1.25rem;
  transition: all 0.25s ease-in-out;
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-slide__image--mobile {
    width: 420px;
  }
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel-slide__image--mobile {
    width: 230px;
  }
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-slide__image--console {
    width: 420px;
  }
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel-slide__image--console {
    width: 230px;
  }
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-slide__image--touch {
    width: 420px;
  }
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel-slide__image--touch {
    width: 230px;
  }
}
.platform-carousel-slide__logo-row {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 0.3125rem;
  margin-bottom: 1.5625rem;
}
.platform-carousel-slide__logo {
  background-color: #321450;
  border-radius: 0.625rem;
  border: 1px solid #641EAA;
  cursor: pointer;
  margin: 0 0.625rem 0.625rem 0.625rem;
  padding: 1.25rem 1.5625rem;
  transition: all 0.2s cubic-bezier(0.58, 0.72, 0.29, 0.09);
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-slide__logo {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel-slide__logo {
    width: 87px;
    height: 60px;
    padding: 1rem;
  }
}
.platform-carousel-slide__logo--active, .platform-carousel-slide__logo.active, .platform-carousel-slide__logo:hover, .platform-carousel-slide__logo:active {
  background: linear-gradient(180deg, rgb(120, 113, 247) 0%, rgb(100, 30, 170) 100%);
  border-color: #7871F7;
  transform: scale(1.1);
}
.platform-carousel-slide__logo-img {
  height: auto;
  min-height: 40px;
  width: 70px;
}
.platform-carousel-slide__content-row {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  max-width: 64.6875rem;
  text-align: center;
}
.platform-carousel-slide__content p {
  color: white;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0 0 1.5625rem 0;
}
@media screen and (min-width: 40em) {
  .platform-carousel-slide__content p {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel-slide__content p {
    font-size: 1.3125rem;
  }
}
.platform-carousel-slide__stores-row {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}
@media screen and (min-width: 40em) {
  .platform-carousel-slide__stores-row {
    gap: 0.75rem;
  }
}
html[lang=ja] #slide-touch .platform-carousel-slide__stores-row {
  flex-direction: row-reverse;
}
.platform-carousel-slide__store-icon {
  width: 36px;
}
@media screen and (min-width: 40em) {
  .platform-carousel-slide__store-icon {
    width: 56px;
  }
}
.platform-carousel-slide__button {
  margin-bottom: 20px;
}

.sticky-fmfc-bar {
  cursor: pointer;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  transition: transform 200ms, opacity 200ms;
  height: 2.8125rem;
  z-index: 20;
  background: rgba(0, 0, 0, 0.7);
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 0.875rem;
  text-transform: uppercase;
  line-height: 1.1;
  color: white;
  overflow: hidden;
  text-decoration: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 0 1rem;
}
.sticky-fmfc-bar:hover, .sticky-fmfc-bar:active {
  color: white;
}
@media screen and (min-width: 40em) {
  .sticky-fmfc-bar {
    padding: 0;
    font-size: 1.125rem;
    justify-content: center;
  }
}
@media screen and (max-width: 25em) {
  .sticky-fmfc-bar {
    padding: 0 0.625rem 0 0;
  }
}
.sticky-fmfc-bar__content {
  display: flex;
}
.sticky-fmfc-bar__label {
  margin: 0 10px 0;
  font-size: 1rem;
  color: white;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (min-width: 64em) {
  .sticky-fmfc-bar__label {
    font-size: 1.25rem;
  }
}
.sticky-fmfc-bar img {
  width: 76px;
  height: auto;
  vertical-align: center;
  margin-top: -9px;
}
@media screen and (min-width: 64em) {
  .sticky-fmfc-bar img {
    width: 95px;
    margin-top: -11px;
  }
}

.lp-bg-2024 {
  position: absolute;
  top: 520px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@media screen and (min-width: 40em) {
  .lp-bg-2024 {
    top: calc(720px + 40px + 44px);
  }
}
@media screen and (min-width: 64em) {
  .lp-bg-2024 {
    top: 100vh;
  }
}
.lp-bg-2024__image {
  text-align: center;
  width: 720px;
  min-width: 720px;
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
  .lp-bg-2024__image {
    width: 2026px;
    min-width: 2026px;
  }
}
@media screen and (min-width: 64em) {
  .lp-bg-2024__image {
    width: 3280px;
    min-width: 3280px;
  }
}

.prod-2024 {
  text-align: center;
  position: relative;
  overflow: visible;
  background: transparent;
  display: flex;
  align-items: center;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .prod-2024 {
    text-align: left;
  }
}
.prod-2024__wrapper {
  padding: 27px 10px 70px;
}
@media screen and (min-width: 40em) {
  .prod-2024__wrapper {
    padding: 50px 10px 70px;
  }
}
@media screen and (min-width: 64em) {
  .prod-2024__wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.prod-2024__image {
  position: relative;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin-left: -11%;
  margin-right: auto;
  pointer-events: none;
  visibility: hidden;
}
.prod-2024__image-container {
  width: 100%;
  margin: 0 auto 1rem;
  max-width: 190px;
  position: relative;
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .prod-2024__image-container {
    margin-right: 1rem;
  }
}
@media screen and (min-width: 40em) {
  .prod-2024__image-container {
    max-width: 280px;
  }
}
@media screen and (min-width: 87.5em) {
  .prod-2024__image-container {
    max-width: 448px;
    margin: 0;
  }
}
.prod-2024__image-icons {
  display: flex;
  align-items: center;
}
.prod-2024__buttons {
  margin-top: 22px;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .prod-2024__buttons {
    margin-bottom: 0.625rem;
  }
}
@media screen and (min-width: 64em) {
  .prod-2024__buttons {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .prod-2024__button span {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 40em) {
  .prod-2024 .inline-buttons-fm24 .prod-2024__button:first-child {
    margin-left: -15px;
  }
}
.prod-2024__plat-icons {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  gap: 10px;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .prod-2024__plat-icons {
    width: 36px;
    flex-direction: column;
    margin-right: auto;
  }
}
@media screen and (min-width: 40em) {
  .prod-2024__plat-icons {
    gap: 12px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.prod-2024__plat-icon {
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 40em) {
  .prod-2024__plat-icon {
    width: 44px;
    height: 44px;
  }
}
.prod-2024__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .prod-2024__content-wrapper {
    text-align: left;
  }
}
.prod-2024__title {
  color: white;
  font-size: 1.625rem;
  margin-bottom: 1.25rem;
  position: relative;
  visibility: hidden;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .prod-2024__title {
    font-size: 2.75rem;
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .prod-2024__title {
    font-size: 4.125rem;
    margin-bottom: 1.5rem;
  }
}
.prod-2024__title i, .prod-2024__title strong {
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.prod-2024__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  letter-spacing: 0.02em;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .prod-2024__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .prod-2024__content p {
    font-size: 1.3125rem;
  }
}
.prod-2024__content a {
  color: #FFA528;
  text-decoration: underline;
}
.prod-2024__content a:hover,
.prod-2024__content a:active {
  color: #FF501E;
}
.prod-2024__row {
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .prod-2024__row {
    display: flex;
    align-items: center;
  }
}

.lp-fmfc-2024 {
  text-align: center;
  position: relative;
  overflow: hidden;
  min-height: 594px;
  background: rgb(120, 113, 247);
  background: linear-gradient(180deg, rgb(120, 113, 247) 0%, rgb(100, 30, 170) 100%);
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2024 {
    min-height: 567px;
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2024 {
    text-align: left;
    height: 790px;
    display: flex;
    align-items: center;
  }
}
.lp-fmfc-2024__row {
  padding: 30px 10px;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2024__row {
    display: flex;
    align-items: center;
  }
}
.lp-fmfc-2024__bg {
  position: absolute;
  height: 594px;
  width: auto;
  bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  left: calc(50% - 360px);
  max-width: initial;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2024__bg {
    bottom: 0;
    height: 567px;
    left: calc(50% - 620px);
    min-width: 1240px;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2024__bg {
    height: 790px;
    left: calc(50% - 1640px);
    min-width: 3280px;
  }
}
.lp-fmfc-2024__buttons {
  margin-top: 22px;
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2024__buttons {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .lp-fmfc-2024__buttons {
    margin-left: -15px;
  }
}
.lp-fmfc-2024__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2024__content-wrapper {
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2024__content-wrapper {
    text-align: left;
  }
}
.lp-fmfc-2024__copy, .lp-fmfc-2024__bottom-text {
  color: white;
  max-width: 420px;
  margin: 0 auto;
  visibility: hidden;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2024__copy, .lp-fmfc-2024__bottom-text {
    margin: initial;
  }
}
.lp-fmfc-2024__copy p, .lp-fmfc-2024__bottom-text p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  font-size: 1rem;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2024__copy p, .lp-fmfc-2024__bottom-text p {
    font-size: 1.125rem;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2024__copy p, .lp-fmfc-2024__bottom-text p {
    font-size: 1.3125rem;
    text-align: left;
  }
}
.lp-fmfc-2024__copy a, .lp-fmfc-2024__bottom-text a {
  color: #FFA528;
  text-decoration: underline;
}
.lp-fmfc-2024__copy a:visited, .lp-fmfc-2024__bottom-text a:visited {
  color: #FFA528;
}
.lp-fmfc-2024__copy a:hover, .lp-fmfc-2024__copy a:active, .lp-fmfc-2024__bottom-text a:hover, .lp-fmfc-2024__bottom-text a:active {
  color: #FF501E;
}
.lp-fmfc-2024__bottom-text {
  margin-top: 1rem;
}
.lp-fmfc-2024__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2024__title {
    margin-bottom: 1.5rem;
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2024__title {
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 87.5em) {
  .lp-fmfc-2024__title {
    font-size: 4.125rem;
  }
}
.lp-fmfc-2024__title i, .lp-fmfc-2024__title strong {
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.lp-fmfc-2024__title-wrapper {
  position: relative;
  z-index: 1;
}
.lp-fmfc-2024__logo {
  width: 145px;
  height: 43px;
  margin-bottom: 1rem;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-fmfc-2024__logo {
    width: 219px;
    height: 65px;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2024__logo {
    width: 315px;
    height: 93px;
    margin-bottom: 1.5rem;
  }
}
.lp-fmfc-2024__image {
  display: block;
  width: 100%;
  height: 234px;
  -o-object-fit: cover;
     object-fit: cover;
  visibility: hidden;
  position: relative;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-fmfc-2024__image {
    height: 567px;
    width: auto;
    position: absolute;
    left: calc(50% + 112px);
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    max-width: initial;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2024__image {
    width: 50vw;
    height: 790px;
    max-width: 893.34px;
    position: absolute;
    left: calc(50% + 120px);
    top: 0;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.lp-fmfc-2024__frills {
  position: absolute;
  bottom: 0;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-fmfc-2024__frills {
    left: calc(50% + 112px);
    max-width: none;
  }
}
@media screen and (min-width: 64em) {
  .lp-fmfc-2024__frills {
    left: calc(50% + 120px);
    width: 213.98px;
    height: auto;
  }
}

@media screen and (min-width: 90.625em) {
  .fmfc-2024-paragraph-nav-spacer {
    height: 110px;
    background-image: linear-gradient(#000, #321450);
  }
}

.social-cta-2024 {
  text-align: center;
  position: relative;
  min-height: 213px;
  display: flex;
  align-items: center;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .social-cta-2024 {
    padding-top: 110px;
    padding-bottom: 110px;
    height: 345px;
  }
}
@media screen and (min-width: 64em) {
  .social-cta-2024 {
    height: 507px;
  }
}
.social-cta-2024__bg {
  position: absolute;
  height: 213px;
  width: auto;
  min-width: 720px;
  top: 0;
  left: calc(50% - 360px);
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .social-cta-2024__bg {
    height: 345px;
    min-width: 1240px;
    left: calc(50% - 620px);
  }
}
@media screen and (min-width: 64em) {
  .social-cta-2024__bg {
    height: 507px;
    left: calc(50% - 1640px);
    min-width: 3280px;
  }
}
.social-cta-2024__content-wrapper {
  position: relative;
  z-index: 1;
  visibility: hidden;
}
.social-cta-2024__title {
  font-size: 1.75rem;
  color: white;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
  text-align: center;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .social-cta-2024__title {
    font-size: 2.75rem;
    margin: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .social-cta-2024__title {
    font-size: 4.125rem;
    margin: 1.5rem;
  }
}
.social-cta-2024__title i, .social-cta-2024__title strong {
  color: #FF501E !important;
  font-style: normal;
}
.social-cta-2024__icon {
  width: 31px;
  height: 31px;
  margin: auto;
  transition: transform 200ms;
}
@media screen and (min-width: 40em) {
  .social-cta-2024__icon {
    width: 40px;
    height: 40px;
  }
}
@media screen and (min-width: 64em) {
  .social-cta-2024__icon {
    width: 51px;
    height: 51px;
  }
}
.social-cta-2024__item:hover .social-cta-2024__icon, .social-cta-2024__item:active .social-cta-2024__icon {
  transform: scale(1.2);
}
.social-cta-2024__icon.small-icon {
  width: 29px;
  height: 29px;
}
@media screen and (min-width: 64em) {
  .social-cta-2024__icon.small-icon {
    width: 42px;
    height: 42px;
  }
}
.social-cta-2024__icon.large-icon {
  width: 38px;
  height: 38px;
}
@media screen and (min-width: 64em) {
  .social-cta-2024__icon.large-icon {
    width: 56px;
    height: 56px;
  }
}
.social-cta-2024__item-title {
  color: white !important;
  text-transform: uppercase;
  text-decoration: none;
  margin: 0;
  text-align: center;
  display: block;
}
.social-cta-2024__items {
  font-size: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.social-cta-2024__item-wrapper {
  position: relative;
  display: inline-block;
}
.social-cta-2024__item-wrapper:after {
  content: "";
  display: block;
  height: 45px;
  width: 1px;
  border-right: 2px solid #FFA528;
  transform: skew(-18deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 6px;
}
@media screen and (min-width: 64em) {
  .social-cta-2024__item-wrapper:after {
    height: 80px;
    right: 12px;
  }
}
.social-cta-2024__item-wrapper:last-child:after {
  display: none;
}
.social-cta-2024__item {
  padding: 10px 15px;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: block;
}
@media screen and (min-width: 40em) {
  .social-cta-2024__item {
    padding: 1.725rem;
  }
}
@media screen and (min-width: 64em) {
  .social-cta-2024__item {
    padding: 1rem 3rem 1rem 3rem;
  }
}
.social-cta-2024__row {
  position: relative;
  z-index: 1;
}

.img-text-2024 {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .img-text-2024 {
    min-height: 380px;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .img-text-2024 {
    min-height: 700px;
    flex-direction: row;
  }
}
.img-text-2024__wrapper {
  padding: 20px 10px 0;
}
@media screen and (min-width: 64em) {
  .img-text-2024__wrapper {
    padding: 40px 10px;
  }
}
.img-text-2024__row {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.img-text-2024__buttons {
  margin-top: 22px;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .img-text-2024__buttons {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .img-text-2024__buttons {
    margin-left: -15px;
  }
}
.img-text-2024__content-wrapper {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .img-text-2024__content-wrapper {
    margin: 190px auto 0;
  }
}
.img-text-2024__content {
  color: white;
  visibility: hidden;
}
.img-text-2024__content p {
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  font-size: 1rem;
  text-align: center;
  hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .img-text-2024__content p {
    text-align: left;
    font-size: 1.125rem;
    max-width: calc(50vw - 40px);
  }
}
@media screen and (min-width: 64em) {
  .img-text-2024__content p {
    font-size: 1.3125rem;
    max-width: 608px;
  }
}
.img-text-2024__content a {
  color: #FFA528;
  text-decoration: underline;
}
.img-text-2024__content a:visited {
  color: #FFA528;
}
.img-text-2024__content a:hover, .img-text-2024__content a:active {
  color: #FF501E;
}
.img-text-2024__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  visibility: hidden;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .img-text-2024__title {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 64em) {
  .img-text-2024__title {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .img-text-2024__title {
    font-size: 4.125rem;
  }
}
.img-text-2024__image-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 39.9375em) {
  .img-text-2024__image-wrapper {
    height: 248px;
    left: 0;
  }
}
@media screen and (min-width: 40em) {
  .img-text-2024__image-wrapper {
    width: 100%;
    max-width: 520px;
    height: 380px;
    left: 50%;
  }
}
@media screen and (min-width: 64em) {
  .img-text-2024__image-wrapper {
    width: calc(50vw - 92px);
    height: 700px;
    left: calc(50% + 92px);
    max-width: 985px;
  }
}
.img-text-2024__image {
  display: block;
  visibility: hidden;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 40em) {
  .img-text-2024__image {
    -o-object-position: left;
       object-position: left;
  }
}

.lp-ps5-2024 {
  text-align: center;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  z-index: 1;
  padding: 0 10px;
  margin: 20px 10px 25px;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2024 {
    text-align: left;
    min-height: 415px;
    display: flex;
    align-items: center;
    margin: 85px 0 50px;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2024 {
    min-height: 644px;
    margin: 130px 0 120px;
  }
}
.lp-ps5-2024__image {
  margin: 0 0 0 auto;
  max-width: 354px;
  width: 100%;
  height: auto;
  visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 39.9375em) {
  .lp-ps5-2024__image {
    margin: 0 -10% 0 0;
  }
}
@media screen and (min-width: 40em) {
  .lp-ps5-2024__image {
    width: 125%;
    max-width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2024__image {
    width: 100%;
    max-width: 694px;
  }
}
@media screen and (min-width: 40em) {
  .lp-ps5-2024__image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    right: calc(50% + 20px);
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2024__image-wrapper {
    left: unset;
    right: calc(50% - 30px);
  }
}
.lp-ps5-2024__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2024__content-wrapper {
    text-align: left;
  }
}
.lp-ps5-2024__content {
  color: white;
}
.lp-ps5-2024__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2024__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-ps5-2024__content p {
    max-width: 436px;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2024__content p {
    font-size: 1.3125rem;
  }
}
.lp-ps5-2024__content a {
  color: #FFA528;
  text-decoration: underline;
}
.lp-ps5-2024__content a:visited {
  color: #FFA528;
}
.lp-ps5-2024__content a:hover, .lp-ps5-2024__content a:active {
  color: #FF501E;
}
.lp-ps5-2024__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2024__title {
    margin-bottom: 1.5rem;
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 87.5em) {
  .lp-ps5-2024__title {
    font-size: 4.125rem;
  }
}
.lp-ps5-2024__title i, .lp-ps5-2024__title strong {
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.lp-ps5-2024__logo {
  height: 18px;
  width: auto;
  margin: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2024__logo {
    height: 20px;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2024__logo {
    height: 26px;
  }
}
.lp-ps5-2024__logo-lg {
  height: 20px;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2024__logo-lg {
    height: 22px;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2024__logo-lg {
    height: 30px;
  }
}
.lp-ps5-2024__logos-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .lp-ps5-2024__logos-row {
    gap: 16px 18px;
    justify-content: left;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2024__logos-row {
    gap: 22px 25px;
  }
}
.lp-ps5-2024__logos-wrapper {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  z-index: 1;
  position: relative;
  gap: 8px 14px;
}
@media screen and (max-width: 39.9375em) {
  .lp-ps5-2024__logos-wrapper {
    justify-content: center;
  }
}
@media screen and (min-width: 40em) {
  .lp-ps5-2024__logos-wrapper {
    gap: 16px;
  }
}
@media screen and (min-width: 64em) {
  .lp-ps5-2024__logos-wrapper {
    gap: 22px;
  }
}
.lp-ps5-2024__row {
  width: 100%;
}
.lp-ps5-2024__buttons {
  margin-top: 22px;
}
@media screen and (min-width: 87.5em) {
  .lp-ps5-2024__buttons {
    margin-left: -15px;
  }
}

.buy-2024 {
  text-align: center;
  color: white;
}
.buy-2024__wrapper {
  padding: 20px 0 40px;
}
@media screen and (min-width: 40em) {
  .buy-2024__wrapper {
    padding: 60px 0 50px;
  }
}
@media screen and (min-width: 64em) {
  .buy-2024__wrapper {
    padding: 155px 0 100px;
  }
}
.buy-2024__logo {
  width: 215px;
  margin-bottom: 15px;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .buy-2024__logo {
    width: 283px;
    margin-bottom: 28px;
  }
}
.buy-2024__title {
  font-size: 1.375rem;
  line-height: 1.1;
  color: white;
  margin: 0;
}
@media screen and (min-width: 40em) {
  .buy-2024__title {
    font-size: 4.125rem;
  }
}
.buy-2024__content-wrapper {
  margin: 0 20px;
}
.buy-2024__content {
  max-width: 820px;
  font-size: 1rem;
  margin: 5px auto 20px;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .buy-2024__content {
    font-size: 1.3125rem;
    margin-bottom: 44px;
  }
}
.buy-2024__content p {
  line-height: inherit;
}
.buy-2024__footer-text, .buy-2024__footer {
  max-width: 820px;
  font-size: 1rem;
  margin: 15px auto;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .buy-2024__footer-text, .buy-2024__footer {
    font-size: 1.125rem;
  }
}
.buy-2024__footer-text p, .buy-2024__footer p {
  line-height: inherit;
}
.buy-2024__games, .buy-2024__platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0 auto;
  justify-content: center;
  max-width: 330px;
}
@media screen and (min-width: 40em) {
  .buy-2024__games, .buy-2024__platforms {
    gap: 24px;
    max-width: 750px;
  }
}
@media screen and (min-width: 64em) {
  .buy-2024__games, .buy-2024__platforms {
    max-width: initial;
  }
}
.buy-2024__games {
  padding-bottom: 20px;
}
@media screen and (min-width: 40em) {
  .buy-2024__games {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 83.75em) {
  .buy-2024__games {
    max-width: 1020px;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-2024__games {
    max-width: 480px;
  }
}
.buy-2024__game, .buy-2024__platform {
  width: 100%;
  position: relative;
  max-width: 157px;
}
@media screen and (max-width: 63.9375em) {
  .buy-2024__game, .buy-2024__platform {
    margin: 15px 0;
  }
}
@media screen and (min-width: 40em) {
  .buy-2024__game, .buy-2024__platform {
    max-width: 237px;
  }
}
.buy-2024__game.disabled, .buy-2024__game.search-results__load-more[disabled], .buy-2024__platform.disabled, .buy-2024__platform.search-results__load-more[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}
.buy-2024__game.disabled .buy-2024__game-logo, .buy-2024__game.search-results__load-more[disabled] .buy-2024__game-logo, .buy-2024__platform.disabled .buy-2024__game-logo, .buy-2024__platform.search-results__load-more[disabled] .buy-2024__game-logo {
  opacity: 0.5;
}
.buy-2024__game.disabled .buy-2024__platform-logo, .buy-2024__game.search-results__load-more[disabled] .buy-2024__platform-logo, .buy-2024__platform.disabled .buy-2024__platform-logo, .buy-2024__platform.search-results__load-more[disabled] .buy-2024__platform-logo {
  opacity: 0.5;
}
@media screen and (max-width: 39.9375em) {
  .buy-2024__game.fullwidth-on-small, .buy-2024__platform.fullwidth-on-small {
    max-width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-2024__game.fullwidth-on-small .buy-2024__game-button, .buy-2024__platform.fullwidth-on-small .buy-2024__game-button {
    width: 100%;
    max-width: 306px;
  }
}
.buy-2024__game-logo, .buy-2024__platform-logo {
  width: auto;
  height: 100%;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.buy-2024__game-logo {
  max-width: 62%;
  max-height: 54%;
}
.buy-2024__platform-logo {
  max-width: 62%;
  max-height: 54%;
}
.buy-2024__platform-logo.wide {
  max-width: 68%;
}
@media screen and (min-width: 40em) {
  .buy-2024__platform-logo.wide {
    max-width: 83%;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-2024__platform-logo.tall {
    max-height: 62%;
  }
}
.buy-2024__platform-logo.small {
  max-width: 40%;
}
.buy-2024__game-button, .buy-2024__platform-button {
  border: 1px solid #641EAA;
  background: #321450;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 200ms;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 40em) {
  .buy-2024__game-button, .buy-2024__platform-button {
    max-width: 100%;
  }
}
.buy-2024__game-button:after, .buy-2024__platform-button:after {
  content: "";
  display: block;
  opacity: 0;
  background: linear-gradient(90deg, #7871F7 0%, #641EAA 100%);
  position: absolute;
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
  transition: opacity 10ms, left 200ms linear;
}
.buy-2024__game-button:hover, .buy-2024__game-button:active, .buy-2024__platform-button:hover, .buy-2024__platform-button:active {
  border-color: #7871F7;
}
.buy-2024__game-button--is-active, .buy-2024__platform-button--is-active {
  border-color: #7871F7;
}
.buy-2024__game-button--is-active:after, .buy-2024__platform-button--is-active:after {
  opacity: 1;
  left: 0;
}
.buy-2024__game-button {
  height: 76px;
  cursor: pointer;
}
@media screen and (max-width: 39.9375em) {
  .buy-2024__game-button {
    max-width: 134px;
  }
}
@media screen and (min-width: 40em) {
  .buy-2024__game-button {
    height: 120px;
  }
}
.disabled .buy-2024__game-button, .search-results__load-more[disabled] .buy-2024__game-button {
  cursor: initial;
}
.disabled .buy-2024__game-button:hover, .search-results__load-more[disabled] .buy-2024__game-button:hover, .disabled .buy-2024__game-button:active, .search-results__load-more[disabled] .buy-2024__game-button:active, .disabled .buy-2024__game-button--is-active, .search-results__load-more[disabled] .buy-2024__game-button--is-active {
  border-color: #641EAA;
}
.disabled .buy-2024__game-button:hover:after, .search-results__load-more[disabled] .buy-2024__game-button:hover:after, .disabled .buy-2024__game-button:active:after, .search-results__load-more[disabled] .buy-2024__game-button:active:after, .disabled .buy-2024__game-button--is-active:after, .search-results__load-more[disabled] .buy-2024__game-button--is-active:after {
  opacity: 0;
}
.buy-2024__platform-button {
  height: 60px;
  cursor: pointer;
}
@media screen and (min-width: 40em) {
  .buy-2024__platform-button {
    height: 120px;
  }
}
.disabled .buy-2024__platform-button, .search-results__load-more[disabled] .buy-2024__platform-button {
  cursor: initial;
}
.disabled .buy-2024__platform-button:hover, .search-results__load-more[disabled] .buy-2024__platform-button:hover, .disabled .buy-2024__platform-button:active, .search-results__load-more[disabled] .buy-2024__platform-button:active, .disabled .buy-2024__platform-button--is-active, .search-results__load-more[disabled] .buy-2024__platform-button--is-active {
  border-color: #641EAA;
}
.disabled .buy-2024__platform-button:hover:after, .search-results__load-more[disabled] .buy-2024__platform-button:hover:after, .disabled .buy-2024__platform-button:active:after, .search-results__load-more[disabled] .buy-2024__platform-button:active:after, .disabled .buy-2024__platform-button--is-active:after, .search-results__load-more[disabled] .buy-2024__platform-button--is-active:after {
  opacity: 0;
}
.buy-2024__game-info {
  color: white;
  font-size: 0.75rem;
  margin: 8px auto 0;
  line-height: 1.16;
}
@media screen and (min-width: 40em) {
  .buy-2024__game-info {
    font-size: 1.125rem;
    margin-top: 15px;
  }
}
.buy-2024__game-label {
  transform: skew(-18deg) translateX(-50%);
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: -14px;
  padding: 5px 15px;
  white-space: nowrap;
  line-height: 1.28;
  z-index: 1;
  font-size: 1rem;
}
html[lang=tr] .buy-2024__game-label, html[lang=fr] .buy-2024__game-label {
  font-size: 0.75rem;
}
@media screen and (max-width: 39.9375em) {
  .buy-2024__game-label {
    padding: 4px 9px;
    font-size: 12px;
  }
  html[lang=tr] .buy-2024__game-label, html[lang=fr] .buy-2024__game-label {
    font-size: 0.5rem;
  }
}
.buy-2024__game-label > i {
  transform: skew(18deg);
  display: block;
  margin: auto;
  font-style: normal;
}
.buy-2024__icons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  width: 214px;
  margin: 0 auto;
  justify-content: center;
  transition: opacity 200ms;
}
@media screen and (min-width: 64em) {
  .buy-2024__icons {
    gap: 12px;
    width: auto;
  }
}
.buy-2024__icons img {
  height: 30px;
  width: auto;
}
@media screen and (min-width: 64em) {
  .buy-2024__icons img {
    height: 40px;
  }
}
.buy-2024__icons.hide {
  opacity: 0;
}
.buy-2024__link-icon {
  width: 13px;
  height: auto;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .buy-2024__link-icon {
    top: 5px;
    right: 5px;
    width: 20px;
  }
}
.buy-2024__options {
  height: 305px;
  position: relative;
  overflow: visible;
}
@media screen and (min-width: 40em) {
  .buy-2024__options {
    height: 470px;
  }
}
@media screen and (min-width: 64em) {
  .buy-2024__options {
    height: 250px;
  }
}
.buy-2024__option {
  transition: opacity 200ms linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.buy-2024__option.show {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms linear, transform 300ms ease-out;
}
.buy-2024__option.showing {
  transform: translateY(100px);
  opacity: 0;
}
.buy-2024__platforms-title {
  font-size: 1.375rem;
  line-height: 1.6;
  color: white;
  margin: 0 auto 5px;
}
@media screen and (min-width: 40em) {
  .buy-2024__platforms-title {
    font-size: 2.375rem;
    margin-bottom: 20px;
  }
}
.buy-2024__platforms-button {
  margin-top: 20px;
  transition: opacity 300ms linear;
  opacity: 0;
}
@media screen and (min-width: 40em) {
  .buy-2024__platforms-button {
    margin-top: 30px;
  }
}
.buy-2024__platforms-button.show {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms linear, transform 300ms ease-out;
}
.buy-2024__platforms-button.showing {
  transform: translateY(70px);
  opacity: 0;
}
.buy-bg-2024 {
  position: absolute;
  top: 84px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: -1;
}
@media screen and (min-width: 64em) {
  .buy-bg-2024 {
    top: 55px;
  }
}
.buy-bg-2024__image {
  text-align: center;
  width: 720px;
  min-width: 720px;
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
  .buy-bg-2024__image {
    width: 3280px;
    min-width: 3280px;
  }
}

.buy-img-text-2024 {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024 {
    min-height: 550px;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024 {
    min-height: 700px;
    flex-direction: row;
  }
}
.buy-img-text-2024__wrapper {
  padding: 20px 10px;
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024__wrapper {
    padding: 40px 10px;
  }
}
.buy-img-text-2024__row {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.buy-img-text-2024__buttons {
  margin-top: 22px;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024__buttons {
    margin-bottom: 0.625rem;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024__buttons {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024__button span {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024 .inline-buttons-fm24 .buy-img-text-2024__button:first-child {
    margin-left: -15px;
  }
}
.buy-img-text-2024__content-wrapper {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024__content-wrapper {
    margin: 190px auto 0;
  }
}
.buy-img-text-2024__content {
  color: white;
  visibility: hidden;
}
.buy-img-text-2024__content p {
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  font-size: 1rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024__content p {
    font-size: 1.3125rem;
  }
}
.buy-img-text-2024__content a {
  color: #FF00A5;
  text-decoration: underline;
}
.buy-img-text-2024__content a:visited {
  color: #FF00A5;
}
.buy-img-text-2024__content a:hover, .buy-img-text-2024__content a:active {
  color: #ff33b7;
}
.buy-img-text-2024__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024__title {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024__title {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .buy-img-text-2024__title {
    font-size: 4.125rem;
  }
}
.buy-img-text-2024__image-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024__image-wrapper {
    width: 483px;
    height: auto;
    left: 50%;
    transform: translateX(-44%);
  }
}
.buy-img-text-2024__image {
  display: block;
  visibility: hidden;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024__image {
    height: 321px;
    left: 0;
  }
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024__image {
    width: 100%;
    max-width: 985px;
    height: 550px;
    right: 40%;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024__image {
    width: 50vw;
    height: 700px;
    right: 50%;
  }
}
.buy-img-text-2024__gradient {
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024__gradient {
    top: 221px;
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, rgb(25, 10, 40) 0%, rgba(25, 10, 32, 0) 100%);
    -o-object-position: 25%;
       object-position: 25%;
  }
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024__gradient {
    top: 0;
    right: 40%;
    height: 100%;
    width: 400px;
    background: linear-gradient(270deg, rgb(25, 10, 40) 20%, rgba(25, 10, 32, 0) 100%);
  }
}

.buy-2024-soj {
  text-align: center;
  color: white;
}
.buy-2024-soj__wrapper {
  padding: 20px 0 40px;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__wrapper {
    padding: 60px 0 50px;
  }
}
@media screen and (min-width: 64em) {
  .buy-2024-soj__wrapper {
    padding: 155px 0 100px;
  }
}
.buy-2024-soj__logo {
  width: 215px;
  margin-bottom: 15px;
  pointer-events: none;
}
@media screen and (min-width: 64em) {
  .buy-2024-soj__logo {
    width: 283px;
    margin-bottom: 28px;
  }
}
.buy-2024-soj__title {
  font-size: 1.375rem;
  line-height: 1.1;
  color: white;
  margin: 0;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__title {
    font-size: 4.125rem;
  }
}
.buy-2024-soj__content-wrapper {
  margin: 0 20px;
}
.buy-2024-soj__content {
  max-width: 820px;
  font-size: 1rem;
  margin: 5px auto 20px;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .buy-2024-soj__content {
    font-size: 1.3125rem;
    margin-bottom: 44px;
  }
}
.buy-2024-soj__content p {
  line-height: inherit;
}
.buy-2024-soj__editions, .buy-2024-soj__games, .buy-2024-soj__platforms {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin: 0 auto;
  justify-content: center;
  max-width: 330px;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__editions, .buy-2024-soj__games, .buy-2024-soj__platforms {
    gap: 24px;
    max-width: 750px;
  }
}
@media screen and (min-width: 64em) {
  .buy-2024-soj__editions, .buy-2024-soj__games, .buy-2024-soj__platforms {
    max-width: 1350px;
  }
}
.buy-2024-soj__games-wrap {
  height: 225px;
  position: relative;
  overflow: visible;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__games-wrap {
    height: 225px;
  }
}
@media screen and (min-width: 64em) {
  .buy-2024-soj__games-wrap {
    height: 225px;
  }
}
.buy-2024-soj__games-wrap .buy-2024-soj__games {
  transition: opacity 200ms linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.buy-2024-soj__games-wrap.show .buy-2024-soj__games {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms linear, transform 300ms ease-out;
}
.buy-2024-soj__games-wrap.showing .buy-2024-soj__games {
  transform: translateY(100px);
  opacity: 0;
}
.buy-2024-soj__games {
  padding-bottom: 20px;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__games {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 83.75em) {
  .buy-2024-soj__games {
    max-width: 1020px;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-2024-soj__games {
    max-width: 480px;
  }
}
.buy-2024-soj__editions {
  padding-bottom: 20px;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__editions {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 83.75em) {
  .buy-2024-soj__editions {
    max-width: 1020px;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-2024-soj__editions {
    max-width: 480px;
  }
}
.buy-2024-soj__edition, .buy-2024-soj__game, .buy-2024-soj__platform {
  width: 100%;
  position: relative;
  max-width: 157px;
}
@media screen and (max-width: 63.9375em) {
  .buy-2024-soj__edition, .buy-2024-soj__game, .buy-2024-soj__platform {
    margin: 15px 0;
  }
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__edition, .buy-2024-soj__game, .buy-2024-soj__platform {
    max-width: 237px;
  }
}
.buy-2024-soj__edition.disabled, .buy-2024-soj__edition.search-results__load-more[disabled], .buy-2024-soj__game.disabled, .buy-2024-soj__game.search-results__load-more[disabled], .buy-2024-soj__platform.disabled, .buy-2024-soj__platform.search-results__load-more[disabled] {
  pointer-events: none;
  cursor: not-allowed;
}
.buy-2024-soj__edition.disabled .buy-2024-soj__game-logo, .buy-2024-soj__edition.search-results__load-more[disabled] .buy-2024-soj__game-logo, .buy-2024-soj__game.disabled .buy-2024-soj__game-logo, .buy-2024-soj__game.search-results__load-more[disabled] .buy-2024-soj__game-logo, .buy-2024-soj__platform.disabled .buy-2024-soj__game-logo, .buy-2024-soj__platform.search-results__load-more[disabled] .buy-2024-soj__game-logo {
  opacity: 0.5;
}
.buy-2024-soj__edition.disabled .buy-2024-soj__platform-logo, .buy-2024-soj__edition.search-results__load-more[disabled] .buy-2024-soj__platform-logo, .buy-2024-soj__game.disabled .buy-2024-soj__platform-logo, .buy-2024-soj__game.search-results__load-more[disabled] .buy-2024-soj__platform-logo, .buy-2024-soj__platform.disabled .buy-2024-soj__platform-logo, .buy-2024-soj__platform.search-results__load-more[disabled] .buy-2024-soj__platform-logo {
  opacity: 0.5;
}
@media screen and (max-width: 39.9375em) {
  .buy-2024-soj__edition.fullwidth-on-small, .buy-2024-soj__game.fullwidth-on-small, .buy-2024-soj__platform.fullwidth-on-small {
    max-width: 100%;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-2024-soj__edition.fullwidth-on-small .buy-2024-soj__game-button, .buy-2024-soj__game.fullwidth-on-small .buy-2024-soj__game-button, .buy-2024-soj__platform.fullwidth-on-small .buy-2024-soj__game-button {
    width: 100%;
    max-width: 306px;
  }
}
.buy-2024-soj__game-logo, .buy-2024-soj__platform-logo {
  width: auto;
  height: 100%;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.buy-2024-soj__game-logo--retailer, .buy-2024-soj__platform-logo--retailer {
  height: initial;
}
.buy-2024-soj__game-logo {
  max-width: 62%;
  max-height: 54%;
}
.buy-2024-soj__platform-logo {
  max-width: 62%;
  max-height: 54%;
}
.buy-2024-soj__platform-logo.wide {
  max-width: 68%;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__platform-logo.wide {
    max-width: 83%;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-2024-soj__platform-logo.tall {
    max-height: 62%;
  }
}
.buy-2024-soj__platform-logo.small {
  max-width: 40%;
}
.buy-2024-soj__edition-button, .buy-2024-soj__game-button, .buy-2024-soj__platform-button {
  border: 1px solid #641EAA;
  background: #321450;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 200ms;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__edition-button, .buy-2024-soj__game-button, .buy-2024-soj__platform-button {
    max-width: 100%;
  }
}
.buy-2024-soj__edition-button:after, .buy-2024-soj__game-button:after, .buy-2024-soj__platform-button:after {
  content: "";
  display: block;
  opacity: 0;
  background: linear-gradient(90deg, #7871F7 0%, #641EAA 100%);
  position: absolute;
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
  transition: opacity 10ms, left 200ms linear;
}
.buy-2024-soj__edition-button:hover, .buy-2024-soj__edition-button:active, .buy-2024-soj__game-button:hover, .buy-2024-soj__game-button:active, .buy-2024-soj__platform-button:hover, .buy-2024-soj__platform-button:active {
  border-color: #7871F7;
}
.buy-2024-soj__edition-button--is-active, .buy-2024-soj__game-button--is-active, .buy-2024-soj__platform-button--is-active {
  border-color: #7871F7;
}
.buy-2024-soj__edition-button--is-active:after, .buy-2024-soj__game-button--is-active:after, .buy-2024-soj__platform-button--is-active:after {
  opacity: 1;
  left: 0;
}
.buy-2024-soj__edition-button {
  height: 76px;
  cursor: pointer;
}
@media screen and (max-width: 39.9375em) {
  .buy-2024-soj__edition-button {
    max-width: 134px;
  }
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__edition-button {
    height: 120px;
  }
}
.disabled .buy-2024-soj__edition-button, .search-results__load-more[disabled] .buy-2024-soj__edition-button {
  cursor: initial;
}
.disabled .buy-2024-soj__edition-button:hover, .search-results__load-more[disabled] .buy-2024-soj__edition-button:hover, .disabled .buy-2024-soj__edition-button:active, .search-results__load-more[disabled] .buy-2024-soj__edition-button:active, .disabled .buy-2024-soj__edition-button--is-active, .search-results__load-more[disabled] .buy-2024-soj__edition-button--is-active {
  border-color: #641EAA;
}
.disabled .buy-2024-soj__edition-button:hover:after, .search-results__load-more[disabled] .buy-2024-soj__edition-button:hover:after, .disabled .buy-2024-soj__edition-button:active:after, .search-results__load-more[disabled] .buy-2024-soj__edition-button:active:after, .disabled .buy-2024-soj__edition-button--is-active:after, .search-results__load-more[disabled] .buy-2024-soj__edition-button--is-active:after {
  opacity: 0;
}
.buy-2024-soj__game-button {
  height: 76px;
  cursor: pointer;
}
@media screen and (max-width: 39.9375em) {
  .buy-2024-soj__game-button {
    max-width: 134px;
  }
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__game-button {
    height: 120px;
  }
}
.disabled .buy-2024-soj__game-button, .search-results__load-more[disabled] .buy-2024-soj__game-button {
  cursor: initial;
}
.disabled .buy-2024-soj__game-button:hover, .search-results__load-more[disabled] .buy-2024-soj__game-button:hover, .disabled .buy-2024-soj__game-button:active, .search-results__load-more[disabled] .buy-2024-soj__game-button:active, .disabled .buy-2024-soj__game-button--is-active, .search-results__load-more[disabled] .buy-2024-soj__game-button--is-active {
  border-color: #641EAA;
}
.disabled .buy-2024-soj__game-button:hover:after, .search-results__load-more[disabled] .buy-2024-soj__game-button:hover:after, .disabled .buy-2024-soj__game-button:active:after, .search-results__load-more[disabled] .buy-2024-soj__game-button:active:after, .disabled .buy-2024-soj__game-button--is-active:after, .search-results__load-more[disabled] .buy-2024-soj__game-button--is-active:after {
  opacity: 0;
}
.buy-2024-soj__platform-button {
  height: 60px;
  cursor: pointer;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__platform-button {
    height: 120px;
  }
}
.disabled .buy-2024-soj__platform-button, .search-results__load-more[disabled] .buy-2024-soj__platform-button {
  cursor: initial;
}
.disabled .buy-2024-soj__platform-button:hover, .search-results__load-more[disabled] .buy-2024-soj__platform-button:hover, .disabled .buy-2024-soj__platform-button:active, .search-results__load-more[disabled] .buy-2024-soj__platform-button:active, .disabled .buy-2024-soj__platform-button--is-active, .search-results__load-more[disabled] .buy-2024-soj__platform-button--is-active {
  border-color: #641EAA;
}
.disabled .buy-2024-soj__platform-button:hover:after, .search-results__load-more[disabled] .buy-2024-soj__platform-button:hover:after, .disabled .buy-2024-soj__platform-button:active:after, .search-results__load-more[disabled] .buy-2024-soj__platform-button:active:after, .disabled .buy-2024-soj__platform-button--is-active:after, .search-results__load-more[disabled] .buy-2024-soj__platform-button--is-active:after {
  opacity: 0;
}
.buy-2024-soj__game-info {
  color: white;
  font-size: 0.75rem;
  margin: 8px auto 0;
  line-height: 1.16;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__game-info {
    font-size: 1.125rem;
    margin-top: 15px;
  }
}
.buy-2024-soj__game-label {
  transform: skew(-18deg) translateX(-50%);
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: -14px;
  padding: 5px 15px;
  white-space: nowrap;
  line-height: 1.28;
  z-index: 1;
  font-size: 1rem;
}
html[lang=tr] .buy-2024-soj__game-label, html[lang=fr] .buy-2024-soj__game-label {
  font-size: 0.75rem;
}
@media screen and (max-width: 39.9375em) {
  .buy-2024-soj__game-label {
    padding: 4px 9px;
    font-size: 12px;
  }
  html[lang=tr] .buy-2024-soj__game-label, html[lang=fr] .buy-2024-soj__game-label {
    font-size: 0.5rem;
  }
}
.buy-2024-soj__game-label > i {
  transform: skew(18deg);
  display: block;
  margin: auto;
  font-style: normal;
}
.buy-2024-soj__icons {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  width: 214px;
  margin: 0 auto;
  justify-content: center;
  transition: opacity 200ms;
}
@media screen and (min-width: 64em) {
  .buy-2024-soj__icons {
    gap: 12px;
    width: auto;
  }
}
.buy-2024-soj__icons img {
  height: 30px;
  width: auto;
}
@media screen and (min-width: 64em) {
  .buy-2024-soj__icons img {
    height: 40px;
  }
}
.buy-2024-soj__icons.hide {
  opacity: 0;
}
.buy-2024-soj__link-icon {
  width: 13px;
  height: auto;
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__link-icon {
    top: 5px;
    right: 5px;
    width: 20px;
  }
}
.buy-2024-soj__options {
  height: 1100px;
  position: relative;
  overflow: visible;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__options {
    height: 1800px;
  }
}
@media screen and (min-width: 64em) {
  .buy-2024-soj__options {
    height: 750px;
  }
}
.buy-2024-soj__option {
  transition: opacity 200ms linear;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
}
.buy-2024-soj__option.show {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms linear, transform 300ms ease-out;
}
.buy-2024-soj__option.showing {
  transform: translateY(100px);
  opacity: 0;
}
.buy-2024-soj__platforms-title {
  font-size: 1.375rem;
  line-height: 1.6;
  color: white;
  margin: 0 auto 5px;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__platforms-title {
    font-size: 1.875rem;
    margin-bottom: 20px;
  }
}
.buy-2024-soj__platforms-button {
  margin-top: 20px;
  transition: opacity 300ms linear;
  opacity: 0;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__platforms-button {
    margin-top: 30px;
  }
}
.buy-2024-soj__platforms-button.show {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 300ms linear, transform 300ms ease-out;
}
.buy-2024-soj__platforms-button.showing {
  transform: translateY(70px);
  opacity: 0;
}
.buy-2024-soj__edition-title {
  color: white;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 1.375rem;
  line-height: 1.25rem;
  margin-bottom: 0;
  text-transform: uppercase;
  z-index: 999;
}
@media screen and (min-width: 40em) {
  .buy-2024-soj__edition-title {
    font-size: 1.625rem;
    line-height: 1.5rem;
  }
}
.buy-2024-soj__editions-title, .buy-2024-soj__games-title, .buy-2024-soj__options-title {
  color: white;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 1.375rem;
}

.buy-bg-2024 {
  position: absolute;
  top: 84px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: -1;
}
@media screen and (min-width: 64em) {
  .buy-bg-2024 {
    top: 55px;
  }
}
.buy-bg-2024__image {
  text-align: center;
  width: 720px;
  min-width: 720px;
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
  .buy-bg-2024__image {
    width: 3280px;
    min-width: 3280px;
  }
}

.buy-img-text-2024-soj {
  position: relative;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024-soj {
    min-height: 550px;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024-soj {
    min-height: 700px;
    flex-direction: row;
  }
}
.buy-img-text-2024-soj__wrapper {
  padding: 20px 10px;
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024-soj__wrapper {
    padding: 40px 10px;
  }
}
.buy-img-text-2024-soj__row {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
.buy-img-text-2024-soj__buttons {
  margin-top: 22px;
  visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024-soj__buttons {
    margin-bottom: 0.625rem;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024-soj__buttons {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024-soj__button span {
    font-size: 0.9375rem;
  }
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024-soj .inline-buttons-fm24 .buy-img-text-2024-soj__button:first-child {
    margin-left: -15px;
  }
}
.buy-img-text-2024-soj__content-wrapper {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024-soj__content-wrapper {
    margin: 190px auto 0;
  }
}
.buy-img-text-2024-soj__content {
  color: white;
  visibility: hidden;
}
.buy-img-text-2024-soj__content p {
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  font-size: 1rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024-soj__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024-soj__content p {
    font-size: 1.3125rem;
  }
}
.buy-img-text-2024-soj__content a {
  color: #FF00A5;
  text-decoration: underline;
}
.buy-img-text-2024-soj__content a:visited {
  color: #FF00A5;
}
.buy-img-text-2024-soj__content a:hover, .buy-img-text-2024-soj__content a:active {
  color: #ff33b7;
}
.buy-img-text-2024-soj__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024-soj__title {
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024-soj__title {
    margin-bottom: 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .buy-img-text-2024-soj__title {
    font-size: 4.125rem;
  }
}
.buy-img-text-2024-soj__image-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024-soj__image-wrapper {
    width: 483px;
    height: auto;
    left: 50%;
    transform: translateX(-44%);
  }
}
.buy-img-text-2024-soj__image {
  display: block;
  visibility: hidden;
  margin: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024-soj__image {
    height: 321px;
    left: 0;
  }
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024-soj__image {
    width: 100%;
    max-width: 985px;
    height: 550px;
    right: 40%;
  }
}
@media screen and (min-width: 64em) {
  .buy-img-text-2024-soj__image {
    width: 50vw;
    height: 700px;
    right: 50%;
  }
}
.buy-img-text-2024-soj__gradient {
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .buy-img-text-2024-soj__gradient {
    top: 221px;
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, rgb(25, 10, 40) 0%, rgba(25, 10, 32, 0) 100%);
    -o-object-position: 25%;
       object-position: 25%;
  }
}
@media screen and (min-width: 40em) {
  .buy-img-text-2024-soj__gradient {
    top: 0;
    right: 40%;
    height: 100%;
    width: 400px;
    background: linear-gradient(270deg, rgb(25, 10, 40) 20%, rgba(25, 10, 32, 0) 100%);
  }
}

.hp-copy-2024 {
  text-align: center;
  position: relative;
  background: transparent;
  display: flex;
  align-items: center;
}
.hp-copy-2024__wrapper {
  padding: 25px 0 60px;
}
@media screen and (min-width: 40em) {
  .hp-copy-2024__wrapper {
    padding: 65px 0;
  }
}
@media screen and (min-width: 64em) {
  .hp-copy-2024__wrapper {
    padding: 96px 0;
  }
}
.hp-copy-2024__row {
  width: 100%;
}
.hp-copy-2024__content-wrapper {
  position: relative;
  z-index: 1;
}
.hp-copy-2024__copy {
  text-align: center;
  color: white;
}
.hp-copy-2024__copy p {
  color: inherit;
  text-align: center;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  margin-bottom: 1.25rem;
  hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .hp-copy-2024__copy p {
    font-size: 1.3125rem;
    margin-bottom: 25px;
  }
}
.hp-copy-2024__copy h2 {
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  margin: 0 0 10px;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
.hp-copy-2024__copy a {
  color: #FFA528;
  text-decoration: underline;
}
.hp-copy-2024__copy a:hover,
.hp-copy-2024__copy a:active {
  color: #FF501E;
}
.hp-copy-2024__logo {
  max-width: 150px;
  margin: 0 auto 1rem;
}
@media screen and (min-width: 40em) {
  .hp-copy-2024__logo {
    max-width: 215px;
  }
}
@media screen and (min-width: 64em) {
  .hp-copy-2024__logo {
    max-width: 380px;
    margin-bottom: 1.75rem;
  }
}
.hp-copy-2024__buttons {
  text-align: center;
  margin-top: 20px;
}
.hp-copy-2024__plat-icons {
  margin: 20px auto 0;
  text-align: center;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 230px;
}
@media screen and (min-width: 40em) {
  .hp-copy-2024__plat-icons {
    max-width: none;
  }
}
@media screen and (min-width: 64em) {
  .hp-copy-2024__plat-icons {
    gap: 10px;
  }
}
.hp-copy-2024__icon {
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 40em) {
  .hp-copy-2024__icon {
    width: 40px;
    height: 40px;
  }
}
.hp-copy-2024__bg {
  position: absolute;
  width: 720px;
  max-width: initial;
  top: -75px;
  left: calc(50% - 360px);
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .hp-copy-2024__bg {
    width: 2026px;
    left: calc(50% - 1013px);
  }
}
@media screen and (min-width: 64em) {
  .hp-copy-2024__bg {
    width: 3280px;
    left: calc(50% - 1640px);
  }
}
.hp-copy-2024__gradient {
  position: absolute;
  z-index: 1;
  top: -160px;
  height: 100%;
  width: 200px;
  background: linear-gradient(90deg, rgb(25, 10, 40) 0%, rgba(25, 10, 32, 0) 100%);
}

.apple-arcade-2024 {
  position: relative;
  background: transparent;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  margin: 60px 0;
}
@media screen and (min-width: 40em) {
  .apple-arcade-2024 {
    text-align: left;
    display: flex;
    align-items: center;
    margin: 80px 0 50px;
  }
}
@media screen and (min-width: 64em) {
  .apple-arcade-2024 {
    margin: 140px 0 130px;
    min-height: 412px;
  }
}
.apple-arcade-2024__image {
  margin: 0 0 0 auto;
  max-width: 302px;
  width: 100%;
  height: auto;
  visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 39.9375em) {
  .apple-arcade-2024__image {
    margin: 0 0 20px 0;
  }
}
@media screen and (min-width: 40em) {
  .apple-arcade-2024__image {
    width: 124%;
    max-width: 478px;
  }
}
@media screen and (min-width: 64em) {
  .apple-arcade-2024__image {
    width: 118%;
    max-width: 718px;
  }
}
@media screen and (min-width: 40em) {
  .apple-arcade-2024__image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% + 70px);
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .apple-arcade-2024__image-wrapper {
    left: calc(50% + 20px);
  }
}
.apple-arcade-2024__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .apple-arcade-2024__content-wrapper {
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .apple-arcade-2024__content-wrapper {
    max-width: 636px;
  }
}
.apple-arcade-2024__content {
  color: white;
}
.apple-arcade-2024__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .apple-arcade-2024__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .apple-arcade-2024__content p {
    font-size: 1.3125rem;
  }
}
.apple-arcade-2024__content a {
  color: #FFA528;
  text-decoration: underline;
}
.apple-arcade-2024__content a:visited {
  color: #FFA528;
}
.apple-arcade-2024__content a:hover, .apple-arcade-2024__content a:active {
  color: #FF501E;
}
.apple-arcade-2024__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .apple-arcade-2024__title {
    margin-bottom: 1.5rem;
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 87.5em) {
  .apple-arcade-2024__title {
    font-size: 4.125rem;
  }
}
.apple-arcade-2024__title i, .apple-arcade-2024__title strong {
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.apple-arcade-2024__row {
  width: 100%;
}
.apple-arcade-2024__buttons {
  margin-top: 22px;
}
@media screen and (min-width: 64em) {
  .apple-arcade-2024__buttons {
    margin-top: 25px;
  }
}
.apple-arcade-2024__logo {
  height: 19px;
  width: auto;
  margin: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 64em) {
  .apple-arcade-2024__logo {
    height: 28px;
  }
}
.apple-arcade-2024__logo-lg {
  height: 22px;
}
@media screen and (min-width: 64em) {
  .apple-arcade-2024__logo-lg {
    height: 32px;
  }
}
.apple-arcade-2024__logos {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 20px;
  justify-content: center;
  margin: 10px 0 0;
}
@media screen and (min-width: 40em) {
  .apple-arcade-2024__logos {
    justify-content: left;
  }
}
@media screen and (min-width: 64em) {
  .apple-arcade-2024__logos {
    justify-content: left;
    gap: 22px 30px;
    margin-top: 25px;
  }
}

.f-banner-2024 {
  min-height: 133px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  background: #190A28;
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .f-banner-2024 {
    min-height: 343px;
  }
}
.f-banner-2024 > .row {
  width: 100%;
}
.f-banner-2024__wrapper {
  padding-top: 20px;
  padding-bottom: 25px;
}
@media screen and (min-width: 64em) {
  .f-banner-2024__wrapper {
    padding-top: 120px !important;
    padding-bottom: 30px;
  }
}
.f-banner-2024__title {
  color: white;
  text-align: left;
  margin: 0;
  position: relative;
  z-index: 2;
  font-size: 2rem;
}
@media screen and (min-width: 64em) {
  .f-banner-2024__title {
    font-size: 3.25rem;
  }
}
.f-banner-2024__abstract {
  text-align: left;
  max-width: 1116px;
  color: white;
  margin: 0.75rem 0 0;
  line-height: 1.2;
}
@media screen and (min-width: 64em) {
  .f-banner-2024__abstract {
    font-size: 1.3125rem;
  }
}
.f-banner-2024__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: initial;
  width: auto;
  height: 358px;
  pointer-events: none;
}
@media screen and (min-width: 40em) {
  .f-banner-2024__bg {
    position: absolute;
    height: 715px;
    width: auto;
    left: calc(50% - 1302px);
  }
}

.f-article-2024 {
  text-align: left;
}
.f-article-2024__wrapper {
  padding: 10px 0 30px;
}
@media screen and (min-width: 64em) {
  .f-article-2024__wrapper {
    padding: 24px 0 85px;
  }
}
.f-article-2024__info-wrapper {
  text-align: left;
  position: relative;
}
.f-article-2024__info {
  text-align: left;
  margin-bottom: 15px;
}
@media screen and (min-width: 64em) {
  .f-article-2024__info {
    margin-bottom: 9px;
  }
}
.f-article-2024__info span {
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  color: #747474;
}
@media screen and (min-width: 40em) {
  .f-article-2024__info span {
    font-size: 1.125rem;
  }
}
.f-article-2024__breadcrumbs {
  margin-bottom: 8px;
}
@media screen and (min-width: 64em) {
  .f-article-2024__breadcrumbs {
    margin-bottom: 18px;
  }
}
.f-article-2024__title {
  font-size: 1.375rem;
  text-align: left;
  margin-bottom: 10px;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .f-article-2024__title {
    font-size: 2.25rem;
    margin-bottom: 20px;
  }
}
.f-article-2024__copy.copy, .copy p.f-article-2024__copy, .copy li.f-article-2024__copy {
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .f-article-2024__copy.copy, .copy p.f-article-2024__copy, .copy li.f-article-2024__copy {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 40em) {
  .f-article-2024__copy.copy, .copy p.f-article-2024__copy, .copy li.f-article-2024__copy {
    font-size: 1.125rem;
  }
}
.f-article-2024__copy.copy p, .copy p.f-article-2024__copy p, .copy li.f-article-2024__copy p {
  font-size: inherit;
}
.f-article-2024__copy.copy h2, .copy p.f-article-2024__copy h2, .copy li.f-article-2024__copy h2, .f-article-2024__copy.copy h2 {
  margin-top: 0;
  font-size: 1.125rem;
  color: #321450;
}
@media screen and (min-width: 64em) {
  .f-article-2024__copy.copy h2, .copy p.f-article-2024__copy h2, .copy li.f-article-2024__copy h2, .f-article-2024__copy.copy h2 {
    font-size: 1.75rem;
  }
}
.f-article-2024__copy.copy h3, .copy p.f-article-2024__copy h3, .copy li.f-article-2024__copy h3, .f-article-2024__copy.copy h4, .copy p.f-article-2024__copy h4, .copy li.f-article-2024__copy h4, .f-article-2024__copy.copy h5, .copy p.f-article-2024__copy h5, .copy li.f-article-2024__copy h5, .f-article-2024__copy.copy h6, .copy p.f-article-2024__copy h6, .copy li.f-article-2024__copy h6 {
  margin-top: 0;
  font-size: 1rem;
  color: #321450;
}
@media screen and (min-width: 64em) {
  .f-article-2024__copy.copy h3, .copy p.f-article-2024__copy h3, .copy li.f-article-2024__copy h3, .f-article-2024__copy.copy h4, .copy p.f-article-2024__copy h4, .copy li.f-article-2024__copy h4, .f-article-2024__copy.copy h5, .copy p.f-article-2024__copy h5, .copy li.f-article-2024__copy h5, .f-article-2024__copy.copy h6, .copy p.f-article-2024__copy h6, .copy li.f-article-2024__copy h6 {
    font-size: 1.375rem;
  }
}
.f-article-2024__copy.copy blockquote, .copy p.f-article-2024__copy blockquote, .copy li.f-article-2024__copy blockquote {
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif !important;
  color: #321450;
  font-size: 0.875rem !important;
  line-height: 1.14;
  padding-left: 10px;
  text-transform: uppercase;
}
@media screen and (min-width: 40em) {
  .f-article-2024__copy.copy blockquote, .copy p.f-article-2024__copy blockquote, .copy li.f-article-2024__copy blockquote {
    font-size: 1.5rem !important;
    padding-left: 20px;
  }
}
.f-article-2024__copy.copy blockquote p, .copy p.f-article-2024__copy blockquote p, .copy li.f-article-2024__copy blockquote p {
  font-family: inherit;
  color: inherit;
  text-transform: inherit;
  line-height: inherit;
  font-size: inherit;
}
.f-article-2024__copy.copy .insert-editors-picks, .copy p.f-article-2024__copy .insert-editors-picks, .copy li.f-article-2024__copy .insert-editors-picks {
  font-size: 0;
}
.f-article-2024__copy.copy .editors-picks, .copy p.f-article-2024__copy .editors-picks, .copy li.f-article-2024__copy .editors-picks {
  display: block;
}
.f-article-2024--gated .f-article-2024__copy.copy, .f-article-2024--gated .copy p.f-article-2024__copy, .copy .f-article-2024--gated p.f-article-2024__copy, .f-article-2024--gated .copy li.f-article-2024__copy, .copy .f-article-2024--gated li.f-article-2024__copy {
  max-height: 300px;
  overflow: hidden;
}
.f-article-2024__abstract {
  margin-bottom: 1.5rem;
  color: #321450;
}
@media screen and (min-width: 40em) {
  .f-article-2024__abstract {
    font-size: 1.125rem;
  }
}
.f-article-2024__abstract p {
  font-size: inherit;
  color: inherit;
}
.f-article-2024__abstract a,
.f-article-2024__abstract a:visited {
  color: #321450;
}
.f-article-2024__gated-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  height: 215px;
}
@media screen and (min-width: 64em) {
  .f-article-2024__gated-overlay {
    height: 264px;
  }
}
.f-article-2024__sidecol-title {
  font-size: 1.125rem;
  margin-bottom: 10px;
  text-align: left;
  color: #321450;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .f-article-2024__sidecol-title {
    margin-bottom: 11px;
    font-size: 2.25rem;
  }
}

.f-gated {
  padding: 30px;
  text-align: center;
  display: flex;
  align-items: center;
  min-height: 296px;
  background: #190A28;
  position: relative;
  margin: 20px 0;
}
@media screen and (min-width: 64em) {
  .f-gated {
    min-height: 430px;
  }
}
.f-gated__title {
  font-size: 1.125rem;
  color: white;
}
@media screen and (min-width: 64em) {
  .f-gated__title {
    font-size: 2.375rem;
  }
}
.f-gated__content {
  position: relative;
  z-index: 1;
  width: 100%;
  color: white;
}
.f-gated__content p {
  color: inherit;
  line-height: 1.1;
}
.f-gated__content a {
  color: #FFA528;
}
.f-gated__copy a {
  font-weight: 700;
}
@media screen and (min-width: 64em) {
  .f-gated__copy p {
    font-size: 1.3125rem;
  }
}
.f-gated__button {
  margin-top: 0;
}
.f-gated__bottom-text {
  margin-top: 16px;
}
@media screen and (min-width: 64em) {
  .f-gated__bottom-text {
    margin-top: 25px;
  }
}
.f-gated__bottom-text p {
  margin: 0;
}
@media screen and (min-width: 64em) {
  .f-gated__bottom-text p {
    font-size: 1.125rem;
  }
}
.f-gated__bottom-text a {
  font-weight: 700;
}
.f-gated__tint {
  background: rgba(25, 10, 40, 0.5);
}
.f-gated__gradient-tint {
  background: linear-gradient(180deg, rgba(25, 10, 40, 0) 0%, rgba(25, 10, 40, 0.6) 100%);
}

.f-anchor-menu {
  background: #F0F0F0;
  padding: 20px;
  border-radius: 5px;
  margin: 0 0 20px;
}
@media screen and (min-width: 64em) {
  .f-anchor-menu {
    margin-bottom: 30px;
    padding: 30px;
  }
}
.f-anchor-menu__link {
  display: block;
  padding: 0 30px 0 0;
  margin: 0;
  color: #000;
  position: relative;
  text-decoration: none;
  line-height: 1.25;
}
.f-anchor-menu__link:hover {
  color: #641EAA;
}
.f-anchor-menu__link:after {
  content: "";
  display: block;
  width: 10.63px;
  height: 10px;
  background: url(../img/components/asset-page/arrow-right-orange.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
}
.f-anchor-menu__link:not(:last-child) {
  margin-bottom: 28px;
}
.f-anchor-menu__link:not(:last-child):before {
  content: "";
  display: block;
  border-top: 1px solid #E2E2E2;
  position: absolute;
  bottom: -14px;
  width: 100%;
}
.f-anchor-menu__word {
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  font-size: 1rem;
  color: #641EAA;
}

.f-anchor-sticky {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 48px;
  background: #F0F0F0;
  z-index: 10;
  display: flex;
}
.f-anchor-sticky__grad-l, .f-anchor-sticky__grad-r {
  position: absolute;
  top: 0;
  width: 47px;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.f-anchor-sticky__grad-l {
  background: linear-gradient(-90deg, rgba(240, 240, 240, 0) 0%, rgb(240, 240, 240) 100%);
  left: 0;
}
.f-anchor-sticky__grad-r {
  background: linear-gradient(-90deg, rgb(240, 240, 240) 0%, rgba(240, 240, 240, 0) 100%);
  right: 0;
}
.f-anchor-sticky__slide {
  white-space: nowrap;
  display: flex;
  overflow-x: scroll;
  padding: 0 10px 0 60px;
}
.f-anchor-sticky__link {
  margin: 0;
  padding: 10px;
  white-space: nowrap;
  text-transform: uppercase;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  font-size: 0.875rem;
  line-height: 1;
  color: #641EAA !important;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.f-anchor-sticky__link:active, .f-anchor-sticky__link:focus, .f-anchor-sticky__link:hover {
  color: #FFA528 !important;
}

.fm23-features-video__wrapper {
  padding: 25px 0 60px 0;
}
@media screen and (min-width: 40em) {
  .fm23-features-video__wrapper {
    padding: 25px 0 50px 0;
  }
}
@media screen and (min-width: 64em) {
  .fm23-features-video__wrapper {
    padding: 50px 0 100px 0;
  }
}
.fm23-features-video__bg {
  position: absolute;
  width: 960px;
  max-width: initial;
  top: 0;
  left: calc(50% - 480px);
  pointer-events: none;
}
@media screen and (max-width: 39.9375em) {
  .fm23-features-video__bg {
    width: 100%;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 40em) {
  .fm23-features-video__bg {
    width: 800px;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 64em) {
  .fm23-features-video__bg {
    width: 4000px;
    left: calc(50% - 2000px);
  }
}
.fm23-features-video__row {
  width: 100%;
}
.fm23-features-video__content-wrapper {
  position: relative;
  z-index: 1;
}
.fm23-features-video__title {
  color: white;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 2.375rem;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  margin-bottom: 0.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 39.9375em) {
  .fm23-features-video__title {
    font-size: 2.375rem;
  }
}
@media screen and (min-width: 40em) {
  .fm23-features-video__title {
    margin: 1.5rem 1.5rem 0.5rem 1.5rem;
  }
}
@media screen and (min-width: 87.5em) {
  .fm23-features-video__title {
    font-size: 3.625rem;
    margin: 1.5rem 1.5rem 0.5rem 1.5rem;
  }
}
.fm23-features-video__title i, .fm23-features-video__title strong {
  color: #FF501E !important;
  font-style: normal;
}
.fm23-features-video__abstract {
  color: white;
  text-align: center;
}
@media screen and (max-width: 39.9375em) {
  .fm23-features-video__abstract p {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .fm23-features-video__abstract {
    margin-bottom: 3.125rem;
  }
  .fm23-features-video__abstract p {
    font-size: 1.4375rem;
    line-height: 1.625rem;
  }
}
.fm23-features-video__thumbnail-link {
  cursor: pointer !important;
  position: relative;
  z-index: 1;
  display: block;
  transition: border-color 200ms;
}
.fm23-features-video__thumbnail-link:hover, .fm23-features-video__thumbnail-link:active {
  border: 1px solid rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 39.9375em) {
  .fm23-features-video__thumbnail-link {
    margin-top: 20px;
  }
}
.fm23-features-video__play-icon {
  width: 100px;
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
  z-index: 1;
  pointer-events: none;
}
.fm23-features-video__video a picture > img {
  width: 100%;
}

.f-hero-2024 {
  position: relative;
  text-align: center;
  padding: 0;
  align-items: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.f-hero-2024 > .row {
  width: 100%;
}
.f-hero-2024__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 0 1rem;
}
@media screen and (min-width: 40em) {
  .f-hero-2024__wrapper {
    padding: 40px 1rem 0;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-2024__wrapper {
    margin-top: -55px;
    padding-top: 165px;
    min-height: 550px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2024__wrapper {
    padding-top: 235px;
  }
}
.f-hero-2024__bg-wrapper {
  position: absolute;
  top: 84px;
  width: 100%;
  height: 3411px;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.f-hero-2024__bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 720px;
  max-width: none;
}
@media screen and (min-width: 40em) {
  .f-hero-2024__bg {
    top: 874px;
    width: 3280px;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-2024__bg {
    left: 50%;
    transform: translateX(-47%);
  }
}
.f-hero-2024__image-wrapper {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .f-hero-2024__image-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    left: calc(50% - 80px);
    right: 1rem;
    max-width: 679px;
    margin: 0;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2024__image-wrapper {
    max-width: 973px;
    left: calc(50% - 177px);
  }
}
.f-hero-2024__image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (max-width: 63.9375em) {
  .f-hero-2024__image {
    width: auto;
    height: 229px;
  }
}
@media screen and (max-width: 39.9375em) {
  .desktop .f-hero-2024__image {
    margin-left: -29%;
    max-width: 129%;
  }
}
.f-hero-2024__title {
  font-size: 2.375rem;
  color: white;
  line-height: 0.91;
  margin: 0 auto;
  visibility: hidden;
  max-width: 602px;
}
@media screen and (max-width: 39.9375em) {
  html[lang=es] .f-hero-2024__title, html[lang=it] .f-hero-2024__title, html[lang=fr] .f-hero-2024__title {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-2024__title {
    font-size: 4.125rem;
    text-align: left;
    margin: 0;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2024__title {
    max-width: 608px;
  }
}
.f-hero-2024__content {
  position: relative;
  z-index: 1;
}
.f-hero-2024__copy {
  color: white;
  font-size: 1rem;
  line-height: 1.14;
  margin: 1rem auto 0;
  position: relative;
  visibility: hidden;
  max-width: 602px;
}
@media screen and (min-width: 64em) {
  .f-hero-2024__copy {
    font-size: 1.4375rem;
    margin: 1.5rem 0 0;
    text-align: left;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2024__copy {
    max-width: 608px;
  }
}
.f-hero-2024__copy p {
  line-height: inherit;
}
.f-hero-2024__copy p:last-child {
  margin-bottom: 0;
}
.f-hero-2024__buttons {
  visibility: hidden;
  margin-top: 1.25rem;
}
@media screen and (min-width: 64em) {
  .f-hero-2024__buttons {
    margin-top: 1.5rem;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .f-hero-2024__buttons .button-fm24 {
    margin-left: 0 !important;
    min-width: 130px;
  }
}
.f-hero-2024__buttons .button-fm24:first-child:last-child {
  min-width: 279px;
}
@media screen and (min-width: 64em) {
  .f-hero-2024__buttons .button-fm24:first-child:last-child {
    min-width: 155px;
  }
}
.f-hero-2024__aa-badge {
  width: auto;
  height: 40px;
}
.f-2024-tabs {
  text-align: center;
  visibility: hidden;
  position: relative;
}
.f-2024-tabs__title {
  color: white;
  font-size: 1.625rem;
  margin: 20px auto 10px;
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .f-2024-tabs__title {
    font-size: 2.125rem;
    margin-bottom: 25px;
  }
}
@media screen and (min-width: 64em) {
  .f-2024-tabs__title {
    margin-top: 50px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-2024-tabs__title {
    margin-top: 125px;
  }
}
.f-2024-tabs__button-item {
  padding: 0 4px 15px;
  display: inline-block;
  vertical-align: bottom;
}
@media screen and (min-width: 40em) {
  .f-2024-tabs__button-item {
    padding: 14px 8px 0;
  }
}
@media screen and (max-width: 63.9375em) {
  .f-2024-tabs__button-item:first-child {
    padding-left: 15px;
  }
}
@media screen and (max-width: 63.9375em) {
  .f-2024-tabs__button-item:last-child {
    padding-right: 15px;
  }
}
.f-2024-tabs__buttons {
  display: flex;
  padding: 0;
  margin: 0 auto;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.f-2024-tabs__buttons-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.f-2024-tabs__buttons-wrapper::-webkit-scrollbar {
  display: none;
}
.f-2024-tabs__button {
  border: 1px solid #641EAA;
  background: #321450;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border-color 200ms;
  width: 76px;
  min-width: 76px;
  height: 50px;
  padding: 0;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}
@media screen and (min-width: 64em) {
  .f-2024-tabs__button {
    width: 128px;
    min-width: 128px;
    height: 85px;
  }
}
.f-2024-tabs__button:after {
  content: "";
  display: block;
  opacity: 0;
  background: linear-gradient(180deg, #7871F7 0%, #641EAA 100%);
  position: absolute;
  top: 0;
  left: 100%;
  right: 0;
  bottom: 0;
  transition: opacity 10ms, left 200ms linear;
  border-radius: 4px;
}
.f-2024-tabs__button.active {
  border: 2px solid #7871F7;
}
.f-2024-tabs__button.active:after {
  opacity: 1;
  left: 0;
}
.f-2024-tabs__button.active img {
  opacity: 1;
}
.f-2024-tabs__button img {
  position: relative;
  z-index: 1;
  pointer-events: none;
  opacity: 0.5;
  width: auto;
}
.f-2024-tabs__button img.desktop {
  height: 17.64px;
}
@media screen and (min-width: 64em) {
  .f-2024-tabs__button img.desktop {
    height: 31.38px;
  }
}
.f-2024-tabs__button img.console, .f-2024-tabs__button img.mobile {
  height: 25px;
}
@media screen and (min-width: 64em) {
  .f-2024-tabs__button img.console, .f-2024-tabs__button img.mobile {
    height: 45.36px;
  }
}
.f-2024-tabs__button img.apple-arcade {
  height: 11.46px;
  padding: 0;
}
@media screen and (min-width: 64em) {
  .f-2024-tabs__button img.apple-arcade {
    height: 20px;
  }
}
.f-2024-tabs__button img.switch {
  height: 14.88px;
}
@media screen and (min-width: 64em) {
  .f-2024-tabs__button img.switch {
    height: 25.51px;
  }
}
.f-2024-tabs a.f-2024-tabs__button:hover, .f-2024-tabs a.f-2024-tabs__button:active {
  border-color: #7871F7;
}
.f-2024-tabs__button-label {
  transform: skew(-18deg) translateX(-50%);
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: -10px;
  padding: 2px 6px;
  color: white;
  margin: 0;
  z-index: 2;
  line-height: 1;
}
@media screen and (max-width: 39.9375em) {
  .f-2024-tabs__button-label {
    top: initial;
    bottom: -15px;
    padding: 2px 6px;
    white-space: normal;
  }
}
.f-2024-tabs__button-label > span {
  transform: skew(18deg);
  display: block;
  margin: auto;
  font-style: normal;
  font-size: 0.625rem;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 64em) {
  .f-2024-tabs__button-label > span {
    font-size: 0.75rem;
  }
}
.f-2024-tabs__icons {
  margin: 10px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .f-2024-tabs__icons {
    gap: 12px;
    margin-top: 28px;
  }
}
.f-2024-tabs__icon {
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 40em) {
  .f-2024-tabs__icon {
    width: 40px;
    height: 40px;
  }
}
.f-2024-tabs__netflix {
  width: auto;
  height: 50px;
  margin: 2px auto 0;
}
@media screen and (min-width: 64em) {
  .f-2024-tabs__netflix {
    width: auto;
    height: 70px;
    margin-top: 12px;
  }
}

.f-2024-plat-tab {
  color: white;
  position: relative;
  z-index: 1;
}
.f-2024-plat-tab * {
  color: white;
}

.f-2024-links {
  text-align: center;
  position: relative;
  visibility: hidden;
}
.f-2024-links__title {
  color: white;
  font-size: 1.25rem;
  margin: 0 auto 8px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .f-2024-links__title {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
.f-2024-links__content {
  position: relative;
  padding: 0;
  margin-top: 15px;
  text-align: center;
  overflow-x: auto;
  white-space: nowrap;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.f-2024-links__content::-webkit-scrollbar {
  display: none;
}
.f-2024-links__item {
  padding: 0 5px;
  display: inline-block;
  outline: 0;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .f-2024-links__item {
    padding: 0 8px;
  }
}
@media screen and (max-width: 80em) {
  .f-2024-links__item:first-child {
    padding-left: 20px;
  }
}
@media screen and (max-width: 80em) {
  .f-2024-links__item:last-child {
    padding-right: 50px;
  }
}
.f-2024-links__gradient-right {
  display: none;
}
@media screen and (max-width: 80em) {
  .f-2024-links__gradient-right {
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    width: 80px;
    height: 53px;
    background: linear-gradient(90deg, rgba(25, 10, 40, 0) 0%, #190A28 calc(100% - 20px));
    pointer-events: none;
    z-index: 10;
  }
}
@media screen and (max-width: 39.9375em) {
  .f-2024-links__gradient-right {
    height: 37px;
  }
}
.f-2024-links__arrow-right {
  display: none;
}
@media screen and (max-width: 80em) {
  .f-2024-links__arrow-right {
    display: block;
    position: absolute;
    bottom: 21px;
    right: 10px;
    width: 14px;
    pointer-events: none;
    z-index: 10;
  }
}
@media screen and (max-width: 87.4375em) {
  .f-2024-links__arrow-right {
    bottom: 14px;
  }
}
.f-2024-links a,
.f-2024-links a:visited {
  color: white !important;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  font-size: 0.875rem;
  transition: color 200ms, border-color 200ms, background-color 200ms !important;
  background: #321450;
  padding: 7px 12px 7px;
  border-radius: 5px;
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  outline: 0;
  border: 1px solid #641EAA;
}
@media screen and (min-width: 80em) {
  .f-2024-links a,
  .f-2024-links a:visited {
    border-radius: 10px;
    font-size: 1rem;
    font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
    padding: 14px 12px;
  }
}
.f-2024-links a:hover,
.f-2024-links a:active {
  color: white;
  background-color: #FF501E;
  border-color: #FF501E;
}

.f-image-text-2024 {
  text-align: center;
  position: relative;
  padding: 25px 0;
}
@media screen and (min-width: 64em) {
  .f-image-text-2024 {
    display: flex;
    align-items: center;
    text-align: left;
    padding: 60px 1rem;
    min-height: 370px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2024 {
    padding: 90px 0;
    min-height: 500px;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2024 + .req-grid-2024__wrapper {
    padding-top: 0;
  }
}
.f-image-text-2024__title {
  color: white;
  font-size: 1.625rem;
  margin-bottom: 15px;
  position: relative;
  line-height: 1;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .f-image-text-2024__title {
    font-size: 2.875rem;
    margin-bottom: 1rem;
    text-align: left;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2024__title {
    font-size: 3.625rem;
    margin-bottom: 1.25rem;
  }
}
.f-image-text-2024__content-wrapper {
  visibility: hidden;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 63.9375em) {
  .f-image-text-2024__content-wrapper {
    margin: 0 auto;
    max-width: 750px;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2024__content-wrapper {
    text-align: left;
  }
}
.f-image-text-2024__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  font-size: 0.875rem;
}
@media screen and (min-width: 64em) {
  .f-image-text-2024__content p {
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2024__content p {
    font-size: 1.125rem;
  }
}
.f-image-text-2024__content a,
.f-image-text-2024__content a:visited {
  color: #FF501E;
  text-decoration: underline;
}
.f-image-text-2024__content a:hover,
.f-image-text-2024__content a:active {
  color: #FFA528;
}
.f-image-text-2024__row {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .f-image-text-2024__row {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
  }
}
.f-image-text-2024__image-container {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 63.9375em) {
  .f-image-text-2024__image-container {
    padding: 0 1rem;
    margin-bottom: 1.25rem;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2024__image-container {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    width: calc(50% - 1rem);
    text-align: left;
    margin: 0 auto;
    padding: 0 1rem;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2024__image-container {
    width: calc(50% - 98px);
    text-align: right;
  }
}
.f-image-text-2024__image {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 400px;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .f-image-text-2024__image {
    max-width: 550px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2024__image {
    max-width: 700px;
  }
}
.f-image-text-2024__image-btn {
  cursor: pointer;
}
.f-image-text-2024__video {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 700px;
}
@media screen and (min-width: 64em) {
  .f-image-text-2024__video {
    max-width: 700px;
  }
}
.f-image-text-2024__buttons {
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .f-image-text-2024__buttons {
    margin-top: 1.5rem;
    margin-left: -0.5rem;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2024--features:nth-child(2n+4) .f-image-text-2024__row {
    flex-direction: row;
  }
}
@media screen and (min-width: 64em) {
  .f-image-text-2024--features:nth-child(2n+4) .f-image-text-2024__image-container {
    left: initial;
    right: 1rem;
    text-align: right;
  }
}
@media screen and (min-width: 87.5em) {
  .f-image-text-2024--features:nth-child(2n+4) .f-image-text-2024__image-container {
    text-align: left;
  }
}
.f-image-modal {
  padding: 0;
  border: 0;
  cursor: pointer;
}
.f-image-modal__image {
  width: 100%;
}
.f-image-modal .close-button {
  color: white;
  background: rgba(0, 0, 0, 0.4);
  padding: 0 8px 4px;
  top: 10px;
  right: 10px;
  transition: color 200ms, background 200ms;
}
.f-image-modal .close-button:hover, .f-image-modal .close-button:active {
  background: rgba(0, 0, 0, 0.6);
}

.req-grid-2024 {
  position: relative;
  text-align: center;
  z-index: 2;
  color: white;
}
.req-grid-2024__title {
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1.625rem;
  color: white;
}
@media screen and (min-width: 40em) {
  .req-grid-2024__title {
    font-size: 4.125rem;
    margin-bottom: 1.25rem;
  }
}
.req-grid-2024__tabs {
  background: transparent;
  border: 0;
  text-align: center;
  margin: 0 0 20px;
}
@media screen and (min-width: 40em) {
  .req-grid-2024__tabs {
    margin-bottom: 50px;
  }
}
.req-grid-2024__tabs .tabs-title {
  float: none;
  display: inline;
  margin: 0 auto;
}
.req-grid-2024__tabs .tabs-title a {
  color: rgba(255, 255, 255, 0.45);
  border-bottom: 2px solid transparent;
  transition: color 200ms, border-color 200ms;
  text-transform: none;
  text-decoration: none;
  padding: 0;
  margin: auto;
  margin-right: 10px;
  display: inline-block;
  font-size: 1rem;
  line-height: 1;
  padding-bottom: 7px;
  background: transparent;
}
@media screen and (min-width: 40em) {
  .req-grid-2024__tabs .tabs-title a {
    font-size: 1.3125rem;
    margin-left: 18px;
    margin-right: 18px;
    padding-bottom: 10px;
  }
}
.req-grid-2024__tabs .tabs-title a:hover, .req-grid-2024__tabs .tabs-title a:focus {
  color: white;
}
.req-grid-2024__tabs .tabs-title.is-active a {
  color: white;
  border-color: #FF501E;
}
.req-grid-2024__buttons {
  margin-top: 1.5rem;
}
.req-grid-2024__content {
  background: transparent;
  border: 0;
  color: white;
  text-align: left;
}
@media screen and (min-width: 40em) {
  .req-grid-2024__content {
    text-align: center;
  }
}
.req-grid-2024 .tabs-panel {
  padding: 0;
  margin: 0;
}
.req-grid-2024__item {
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media screen and (min-width: 40em) {
  .req-grid-2024__item {
    display: inline-block !important;
    float: none !important;
    vertical-align: top;
    border-bottom: 1px solid #641EAA;
    padding: 1.5rem 1.5rem;
  }
  .req-grid-2024__item:not(:last-child) {
    border-right: 1px solid #641EAA;
  }
  .cols-5 .req-grid-2024__item:nth-child(2) {
    border-right: 1px solid #641EAA; /*Add the last border if it's the 5th of 6*/
  }
  .req-grid-2024__grid .columns:first-child .req-grid-2024__item {
    padding-top: 0 !important;
  }
  .req-grid-2024__grid .columns:last-child .req-grid-2024__item {
    padding-bottom: 0 !important;
  }
}
@media screen and (min-width: 64em) {
  .req-grid-2024__item {
    padding: 1.75rem 3.5rem;
    min-height: 100px;
  }
}
@media screen and (max-width: 39.9375em) {
  .req-grid-2024__item:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
.req-grid-2024__item h2, .req-grid-2024__item h3 {
  font-size: 1.125rem;
  color: inherit;
}
@media screen and (min-width: 40em) {
  .req-grid-2024__item h2, .req-grid-2024__item h3 {
    font-size: 1.5rem;
  }
}
.req-grid-2024__item p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media screen and (min-width: 40em) {
  .req-grid-2024__item p {
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
.req-grid-2024__wrapper {
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (min-width: 40em) {
  .req-grid-2024__wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
    overflow-x: hidden;
  }
}
.req-grid-2024__grid .columns:last-child .req-grid-2024__item {
  border-bottom: 0;
}
@media screen and (min-width: 40em) {
  .req-grid-2024__grid-row {
    display: flex;
    padding: 0 1.5rem;
  }
}
@media screen and (min-width: 40em) {
  .req-grid-2024__grid-row.medium-up-2 {
    width: 75%;
    margin: auto;
  }
}
@media screen and (min-width: 40em) {
  .req-grid-2024__grid-row.medium-up-1 {
    width: 50%;
    margin: auto;
  }
}
.req-grid-2024__bottom-text {
  font-size: 0.875rem;
  margin-top: 1rem;
  text-align: left;
}
@media screen and (min-width: 40em) {
  .req-grid-2024__bottom-text {
    text-align: center;
  }
}
@media screen and (min-width: 64em) {
  .req-grid-2024__bottom-text {
    margin-top: 1.25rem;
  }
}
.req-grid-2024__bottom-text p:last-child {
  margin-bottom: 0;
}
.req-grid-2024 .tabs-panel {
  display: none;
}
.req-grid-2024 .tabs-panel.is-active {
  display: block;
}
.req-grid-2024 .cols-2,
.req-grid-2024 .cols-3 {
  width: 100% !important;
}
@media screen and (max-width: 39.9375em) {
  .req-grid-2024 .cols-2 .req-grid-2024__grid-row,
  .req-grid-2024 .cols-3 .req-grid-2024__grid-row {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: 1fr 1fr;
  }
  .req-grid-2024 .cols-2 .req-grid-2024__grid-row:before,
  .req-grid-2024 .cols-3 .req-grid-2024__grid-row:before {
    display: none;
  }
}

@media screen and (max-width: 39.9375em) {
  .xbox-grid-2024__tabs {
    display: grid;
    gap: 5px;
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .xbox-grid-2024__tabs {
    display: grid;
    gap: 9px;
    grid-template-columns: 1fr 1fr 1fr;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 63.9375em) {
  .xbox-grid-2024__tab.tabs-title {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 63.9375em) {
  .xbox-grid-2024__tab.tabs-title a {
    display: flex;
    background: #321450;
    border-radius: 4px;
    min-height: 41px;
    padding: 11px 11px;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 1px solid #641EAA;
    position: relative;
  }
  .xbox-grid-2024__tab.tabs-title a svg {
    max-height: 19px;
    position: relative;
    z-index: 1;
  }
  .xbox-grid-2024__tab.tabs-title a:after {
    content: "";
    display: block;
    opacity: 0;
    background: linear-gradient(180deg, #7871F7 0%, #641EAA 100%);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity 10ms;
  }
}
@media screen and (max-width: 63.9375em) {
  .xbox-grid-2024__tab.tabs-title.is-active a {
    padding: 0;
    margin: 0;
    border-color: #7871F7;
  }
  .xbox-grid-2024__tab.tabs-title.is-active a:after {
    opacity: 1;
  }
}

/* ================================================================
A full-width image banner which loads a video in lightbox when
button is clicked
=================================================================== */
.video-2024__wrapper {
  padding: 25px 0;
}
.video-2024__play-btn {
  margin: 0 auto;
  padding: 0.75rem 1rem !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
}
.video-2024__play-btn img {
  width: 30px;
  height: auto;
  margin: 0;
}
.video-2024__play-btn span {
  margin-left: 8px;
}
.video-2024__container {
  text-align: center;
  width: 100%;
  max-width: 1032px;
  aspect-ratio: 4/3;
  box-shadow: 0 0 20px 18px rgba(25, 10, 40, 0.5);
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .video-2024__container {
    width: calc(100% - 40px);
    aspect-ratio: 16/9;
  }
}

.cf-2024 {
  position: relative;
  text-align: center;
  padding: 40px 0;
}
@media screen and (min-width: 40em) {
  .cf-2024 {
    text-align: left;
    padding: 40px 0;
  }
}
@media screen and (min-width: 64em) {
  .cf-2024 {
    padding: 70px 0 80px;
  }
}
.cf-2024 > .row {
  padding: 0 1rem;
}
.cf-2024__content-wrapper {
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
@media screen and (min-width: 40em) {
  .cf-2024__content-wrapper {
    margin-bottom: 45px;
  }
}
.cf-2024__abstract {
  color: white;
}
@media screen and (min-width: 40em) {
  .cf-2024__abstract {
    font-size: 1.3125rem;
  }
}
.cf-2024__abstract p {
  line-height: 1.125;
}
.cf-2024__abstract p:last-child {
  margin: 0;
}
.cf-2024__abstract a {
  color: #FF501E;
  text-decoration: underline;
}
.cf-2024__abstract a:visited {
  color: #FF501E;
}
.cf-2024__abstract a:hover, .cf-2024__abstract a:active {
  color: #FFA528;
}
.cf-2024__title {
  font-size: 1.625rem;
  color: white;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 40em) {
  .cf-2024__title {
    font-size: 3.375rem;
    margin-bottom: 1.25rem;
  }
}
.cf-2024__carousel {
  position: relative;
  z-index: 1;
}
.cf-2024__carousel-wrapper {
  position: relative;
  visibility: hidden;
}
.cf-2024__gradient-left, .cf-2024__gradient-right {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 100%;
  background: linear-gradient(90deg, rgba(25, 10, 40, 0) 0%, #190A28 calc(100% - 20px));
  pointer-events: none;
  z-index: 10;
}
@media screen and (min-width: 87.5em) {
  .cf-2024__gradient-left, .cf-2024__gradient-right {
    width: 330px;
  }
}
.cf-2024__gradient-left {
  left: 0;
  background: linear-gradient(-90deg, rgba(25, 10, 40, 0) 0%, #190A28 100%);
}
.cf-2024__gradient-right {
  right: 0;
  background: linear-gradient(90deg, rgba(25, 10, 40, 0) 0%, #190A28 100%);
}
.cf-2024 .slick-dots {
  margin: 20px 0 0 12px;
  text-align: left;
}
@media screen and (min-width: 40em) {
  .cf-2024 .slick-dots {
    text-align: center;
    margin: 20px 0 0;
  }
}
.cf-2024 .slick-dots li {
  height: 11px;
  margin: 0 4px;
}
.cf-2024 .slick-dots li button {
  background: transparent;
  border: 2px solid #FF501E;
  width: 11px;
  height: 11px;
  font-size: 0;
}
.cf-2024 .slick-dots li.slick-active button {
  background: #FF501E;
}

.cf-box-2024 {
  width: 290px;
  text-align: left;
  color: white;
  padding: 0 12px;
  position: relative;
}
@media screen and (min-width: 40em) {
  .cf-box-2024 {
    width: 330px;
    padding: 0 15px;
  }
}
@media screen and (min-width: 64em) {
  .cf-box-2024 {
    padding: 0 20px;
  }
}
.cf-box-2024__title {
  color: white;
  font-size: 1.5rem;
  margin: 0 0 8px;
}
@media screen and (min-width: 40em) {
  .cf-box-2024__title {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 87.5em) {
  .cf-box-2024__title {
    font-size: 2.125rem;
  }
}
.cf-box-2024__copy {
  font-size: 1rem;
  color: white;
}
@media screen and (min-width: 64em) {
  .cf-box-2024__copy {
    font-size: 1.125rem;
  }
}
.cf-box-2024__copy p {
  line-height: 1.25;
}
@media screen and (min-width: 40em) {
  .cf-box-2024__copy p {
    line-height: 1.125;
  }
}
.cf-box-2024__copy p:last-child {
  margin: 0;
}
.cf-box-2024__image-wrapper {
  margin: 0 0 15px;
  aspect-ratio: 16/9;
  position: relative;
  width: 100%;
  cursor: pointer;
}
@media screen and (min-width: 40em) {
  .cf-box-2024__image-wrapper {
    margin-bottom: 20px;
  }
}

.game-banner-2024 {
  position: relative;
  text-align: center;
  padding: 0;
  align-items: center;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.game-banner-2024 > .row {
  width: 100%;
}
.game-banner-2024__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 30px 0 1rem;
}
@media screen and (min-width: 40em) {
  .game-banner-2024__wrapper {
    padding: 40px 1rem 0;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2024__wrapper {
    margin-top: -55px;
    padding-top: 165px;
    padding-bottom: 80px;
    min-height: 650px;
  }
}
@media screen and (min-width: 87.5em) {
  .game-banner-2024__wrapper {
    padding-top: 235px;
  }
}
.game-banner-2024__bg-wrapper {
  position: absolute;
  top: 84px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.game-banner-2024__bg {
  text-align: center;
  width: 800px;
  max-width: initial;
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
  .game-banner-2024__bg {
    width: 2070px;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2024__bg {
    width: 4000px;
  }
}
.game-banner-2024__image-wrapper {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
}
@media screen and (min-width: 64em) {
  .game-banner-2024__image-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-45%);
    left: calc(50% - 80px);
    right: 1rem;
    max-width: 679px;
    margin: 0;
  }
}
@media screen and (min-width: 87.5em) {
  .game-banner-2024__image-wrapper {
    max-width: 973px;
    left: calc(50% - 177px);
  }
}
.game-banner-2024__image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: auto;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (max-width: 63.9375em) {
  .game-banner-2024__image {
    width: auto;
    height: 229px;
  }
}
@media screen and (max-width: 39.9375em) {
  .fm23 .game-banner-2024__image {
    margin-left: -29%;
    max-width: 129%;
  }
}
.game-banner-2024__content {
  position: relative;
  z-index: 1;
}
.game-banner-2024__copy {
  color: white;
  font-size: 1rem;
  line-height: 1.16;
  margin: 15px auto 0;
  position: relative;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .game-banner-2024__copy {
    font-size: 1.3125rem;
    margin: 1rem 0 0;
    text-align: left;
    width: 602px;
    max-width: 50vw;
  }
}
@media screen and (min-width: 87.5em) {
  .game-banner-2024__copy {
    max-width: 620px;
  }
}
.game-banner-2024__copy p {
  line-height: inherit;
}
.game-banner-2024__copy p:last-child {
  margin-bottom: 0;
}
.game-banner-2024__buttons {
  visibility: hidden;
  margin-top: 1.25rem;
}
@media screen and (min-width: 64em) {
  .game-banner-2024__buttons {
    margin-top: 1.5rem;
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2024__buttons .button-fm23, .game-banner-2024__buttons .user-page__box a, .user-page__box .game-banner-2024__buttons a {
    margin-left: 0 !important;
    min-width: 130px;
  }
}
.game-banner-2024__buttons .button-fm23:first-child:last-child, .game-banner-2024__buttons .user-page__box a:first-child:last-child, .user-page__box .game-banner-2024__buttons a:first-child:last-child {
  min-width: 279px;
}
@media screen and (min-width: 64em) {
  .game-banner-2024__buttons .button-fm23:first-child:last-child, .game-banner-2024__buttons .user-page__box a:first-child:last-child, .user-page__box .game-banner-2024__buttons a:first-child:last-child {
    min-width: 155px;
  }
}
.game-banner-2024__logo {
  width: 260px;
  position: relative;
}
@media screen and (min-width: 40em) {
  .game-banner-2024__logo {
    width: 283px;
  }
}
@media screen and (min-width: 40em) {
  .game-banner-2024__logo {
    width: 240px;
  }
}
.game-banner-2024__logo-wrapper {
  position: relative;
  z-index: 1;
  visibility: hidden;
  margin: 0;
}
@media screen and (max-width: 63.9375em) {
  .game-banner-2024__logo-wrapper {
    margin-top: 24px;
  }
}
@media screen and (min-width: 64em) {
  .game-banner-2024__logo-wrapper {
    text-align: left;
  }
}
.game-banner-2024__icons {
  margin: 20px auto;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: -moz-fit-content;
  width: fit-content;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .game-banner-2024__icons {
    gap: 12px;
    margin-top: 25px;
    margin-bottom: 20px;
    margin-left: 0;
  }
}
.game-banner-2024__icon {
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 40em) {
  .game-banner-2024__icon {
    width: 40px;
    height: 40px;
  }
}

.dd-banner-2024 {
  height: 174px;
  background: #7871F7;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 64em) {
  .dd-banner-2024 {
    text-align: left;
    height: 145px;
  }
}
.dd-banner-2024 > .row {
  width: 100%;
  position: relative;
  z-index: 1;
}
.dd-banner-2024__title {
  color: white;
  font-size: 1.25rem;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  position: relative;
  margin: 0 0 1rem 0;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 64em) {
  .dd-banner-2024__title {
    font-size: 1.75rem;
    margin: 0 2rem 0 0;
  }
}
.dd-banner-2024__bg {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  min-width: 360px;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 64em) {
  .dd-banner-2024__bg {
    position: absolute;
    height: 145px;
    width: auto;
    min-width: 1920px;
    top: 0;
    left: calc(50% - 960px);
    pointer-events: none;
  }
}
.dd-banner-2024__button {
  width: -moz-fit-content;
  width: fit-content;
  display: flex !important;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .dd-banner-2024__button {
    margin-right: 1rem;
  }
}
.dd-banner-2024__content {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .dd-banner-2024__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.fm23-redeem-faq__wrapper {
  padding: 25px 0 40px 0;
}
@media screen and (min-width: 40em) {
  .fm23-redeem-faq__wrapper {
    padding: 50px 0 50px 0;
  }
}
@media screen and (min-width: 64em) {
  .fm23-redeem-faq__wrapper {
    padding: 80px 0 100px 0;
  }
}
.fm23-redeem-faq__bg {
  left: calc(50% - 360px);
  max-width: initial;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 720px;
}
@media screen and (min-width: 64em) {
  .fm23-redeem-faq__bg {
    width: 1920px;
    left: calc(50% - 960px);
  }
}
.fm23-redeem-faq__row {
  width: 100%;
}
.fm23-redeem-faq__content-wrapper {
  position: relative;
  z-index: 1;
}
.fm23-redeem-faq__title {
  color: white;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 2.375rem;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  margin-bottom: 0.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 39.9375em) {
  .fm23-redeem-faq__title {
    font-size: 2.375rem;
  }
}
@media screen and (min-width: 87.5em) {
  .fm23-redeem-faq__title {
    font-size: 3.625rem;
    margin: 0.75rem 1.5rem 0.5rem 1.5rem;
  }
}
.fm23-redeem-faq__title i, .fm23-redeem-faq__title strong {
  color: #FF501E !important;
  font-style: normal;
}
.fm23-redeem-faq__subtitle {
  color: white;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .fm23-redeem-faq__subtitle {
    margin-bottom: 0;
    margin-top: 0.9375rem;
  }
}
.fm23-redeem-faq__subtitle p {
  margin: 0 auto;
}
@media screen and (max-width: 39.9375em) {
  .fm23-redeem-faq__subtitle p {
    font-size: 1rem;
    line-height: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .fm23-redeem-faq__subtitle p {
    font-size: 1.4375rem;
    line-height: 1.625rem;
    margin: 0;
  }
}
.fm23-redeem-faq__lang-title {
  color: white;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  font-size: 1.125rem;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 40em) {
  .fm23-redeem-faq__lang-title {
    margin-bottom: 0.625rem;
  }
}
.fm23-redeem-faq__lang-title i, .fm23-redeem-faq__lang-title strong {
  color: #FF501E !important;
  font-style: normal;
}
.fm23-redeem-faq__flag-row {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}
.fm23-redeem-faq__flag-btn {
  background-color: #321450;
  border-radius: 0.3125rem;
  border: 1px solid #641EAA;
  cursor: pointer;
  margin-right: 0.625rem;
  padding: 0.4375rem;
  transition: all 0.2s cubic-bezier(0.58, 0.72, 0.29, 0.09);
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 39.9375em) {
  .fm23-redeem-faq__flag-btn {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 0.625rem;
  }
}
.fm23-redeem-faq__flag-btn--active, .fm23-redeem-faq__flag-btn.active, .fm23-redeem-faq__flag-btn:hover, .fm23-redeem-faq__flag-btn:active {
  background: linear-gradient(180deg, rgb(120, 113, 247) 0%, rgb(100, 30, 170) 100%);
  border-color: #7871F7;
  transform: scale(1.1);
}

.aa-inf {
  overflow: hidden;
  position: relative;
}
.aa-inf__wrapper {
  padding: 20px 0 60px;
}
@media screen and (min-width: 64em) {
  .aa-inf__wrapper {
    padding: 150px 0 100px;
  }
}
.aa-inf__bg {
  left: calc(50% - 480px);
  max-width: initial;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 960px;
}
@media screen and (max-width: 39.9375em) {
  .aa-inf__bg {
    width: 100%;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 40em) {
  .aa-inf__bg {
    width: 800px;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 64em) {
  .aa-inf__bg {
    width: 4000px;
    left: calc(50% - 2000px);
  }
}
.aa-inf__title {
  text-align: center;
  font-size: 2rem;
  position: relative;
  z-index: 1;
  color: white;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (min-width: 64em) {
  .aa-inf__title {
    font-size: 4.125rem;
    margin-bottom: 30px;
  }
}
.aa-inf__content-title {
  font-size: 2rem;
  color: white;
  margin-bottom: 8px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .aa-inf__content-title {
    font-size: 1.75rem;
    margin-bottom: 15px;
    text-align: left;
  }
}
.aa-inf__content {
  color: white;
  line-height: 1.125;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .aa-inf__content {
    font-size: 1.25rem;
    text-align: left;
  }
}
.aa-inf__content p {
  line-height: inherit;
}
.aa-inf__content a, .aa-inf__content i, .aa-inf__content em {
  color: #FF501E;
  font-style: normal;
}
.aa-inf__row {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .aa-inf__row {
    display: flex;
    align-items: center;
  }
}
.aa-inf__image-wrapper {
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 63.9375em) {
  .aa-inf__image {
    max-width: calc(100% + 20px);
    margin-left: -10px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 87.5em) {
  .aa-inf__image {
    max-width: calc(100% + 35px);
    margin-left: -35px;
  }
}
.aa-inf__buttons {
  margin-top: 20px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .aa-inf__buttons {
    text-align: left;
  }
}
.aa-inf__bottom-text-wrapper {
  margin-top: 30px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .aa-inf__bottom-text-wrapper {
    margin-top: 60px;
  }
}
.aa-inf__bottom-text {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.143;
  text-align: center;
}
.aa-inf__bottom-text p {
  line-height: inherit;
  margin-bottom: 10px;
}
.aa-inf__bottom-text p:last-child {
  margin-bottom: 0;
}
.aa-inf__bottom-text a,
.aa-inf__bottom-text a:hover {
  color: inherit;
}
.aa-inf__bottom-title {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: white;
  line-height: 1;
  font-size: 1rem;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  margin-bottom: 12px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .aa-inf__bottom-title {
    font-size: 1.125rem;
  }
}
.aa-inf__trial {
  position: relative;
  z-index: 1;
  margin: 30px auto 0;
}
@media screen and (min-width: 40em) {
  .aa-inf__trial {
    margin: 60px auto 0;
  }
}
.aa-inf__trial-title {
  color: white;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .aa-inf__trial-title {
    font-size: 1.75rem;
  }
}
.aa-inf__trial-content, .aa-inf__trial-content ol {
  font-size: 1rem;
  text-align: center;
  list-style-position: inside;
}
@media screen and (min-width: 64em) {
  .aa-inf__trial-content, .aa-inf__trial-content ol {
    display: flex;
    font-size: 1.125rem;
    gap: 17px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.aa-inf__trial-content strong, .aa-inf__trial-content i, .aa-inf__trial-content em, .aa-inf__trial-content ol strong, .aa-inf__trial-content ol i, .aa-inf__trial-content ol em {
  color: #FF501E !important;
  font-style: normal;
}
.aa-inf__trial-content p, .aa-inf__trial-content ol p {
  margin: 0;
}
.aa-inf__trial-content li, .aa-inf__trial-content ol li {
  color: white;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}
.aa-inf__trial-content ::marker, .aa-inf__trial-content ol ::marker {
  color: #FF501E;
}
.aa-inf__trial {
  position: relative;
  z-index: 1;
  margin: 30px auto 0;
}
@media screen and (min-width: 40em) {
  .aa-inf__trial {
    margin: 60px auto 0;
  }
}
.aa-inf__trial-title {
  color: white;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .aa-inf__trial-title {
    font-size: 1.75rem;
  }
}
.aa-inf__trial-content {
  color: white;
  font-size: 1rem;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .aa-inf__trial-content {
    display: flex;
    font-size: 1.125rem;
    gap: 17px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.aa-inf__trial-content strong, .aa-inf__trial-content i, .aa-inf__trial-content em {
  color: #FF501E !important;
  font-style: normal;
}
.aa-inf__trial-content p {
  margin: 0;
}

.pj-inf {
  overflow: hidden;
  position: relative;
}
.pj-inf__wrapper {
  padding: 20px 0 60px;
}
@media screen and (min-width: 64em) {
  .pj-inf__wrapper {
    padding: 150px 0 100px;
  }
}
.pj-inf__bg {
  left: calc(50% - 480px);
  max-width: initial;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 960px;
}
@media screen and (max-width: 39.9375em) {
  .pj-inf__bg {
    width: 100%;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 40em) {
  .pj-inf__bg {
    width: 800px;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 64em) {
  .pj-inf__bg {
    width: 4000px;
    left: calc(50% - 2000px);
  }
}
.pj-inf__title {
  text-align: center;
  font-size: 1.625rem;
  position: relative;
  z-index: 1;
  color: white;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (min-width: 64em) {
  .pj-inf__title {
    font-size: 3rem;
    margin-bottom: 40px;
  }
}
.pj-inf__content-title {
  font-size: 1.125rem;
  color: white;
  margin-bottom: 8px;
  text-align: center;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  text-transform: none;
  line-height: 1.1;
}
@media screen and (min-width: 64em) {
  .pj-inf__content-title {
    font-size: 1.3125rem;
    margin-bottom: 15px;
    text-align: left;
  }
}
.pj-inf__content {
  color: white;
  line-height: 1.125;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .pj-inf__content {
    font-size: 1.125rem;
    text-align: left;
  }
}
.pj-inf__content p {
  line-height: inherit;
}
.pj-inf__content a, .pj-inf__content i, .pj-inf__content em {
  color: #FF501E;
  font-style: normal;
}
.pj-inf__row {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .pj-inf__row {
    display: flex;
    align-items: center;
  }
}
.pj-inf__image-wrapper {
  margin: 0 auto;
  text-align: center;
}
.pj-inf__image {
  width: 100%;
  max-width: 529px;
}
@media screen and (max-width: 63.9375em) {
  .pj-inf__image {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 64em) {
  .pj-inf__image {
    margin: auto;
  }
}
.pj-inf__buttons {
  text-align: center;
}
.pj-inf__bottom-text-wrapper {
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .pj-inf__bottom-text-wrapper {
    margin-top: 60px;
  }
}
.pj-inf__bottom-text {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.143;
  text-align: center;
}
.pj-inf__bottom-text p {
  line-height: inherit;
  margin-bottom: 10px;
}
.pj-inf__bottom-text p:last-child {
  margin-bottom: 0;
}
.pj-inf__bottom-text a,
.pj-inf__bottom-text a:hover {
  color: inherit;
}
.pj-inf__bottom-title {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: white;
  line-height: 1;
  font-size: 1rem;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  margin-bottom: 12px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .pj-inf__bottom-title {
    font-size: 1.125rem;
  }
}
.pj-inf__trial {
  position: relative;
  z-index: 1;
  margin: 30px auto 0;
}
@media screen and (min-width: 64em) {
  .pj-inf__trial {
    margin: 60px auto 0;
  }
}
.pj-inf__trial-title {
  color: white;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .pj-inf__trial-title {
    font-size: 1.75rem;
  }
}
.pj-inf__trial-content {
  max-width: 820px;
  margin: 0 auto;
}
.pj-inf__trial-content, .pj-inf__trial-content ol {
  font-size: 1rem;
  text-align: center;
  list-style-position: inside;
}
@media screen and (min-width: 64em) {
  .pj-inf__trial-content, .pj-inf__trial-content ol {
    font-size: 1.125rem;
  }
}
.pj-inf__trial-content strong, .pj-inf__trial-content i, .pj-inf__trial-content em, .pj-inf__trial-content ol strong, .pj-inf__trial-content ol i, .pj-inf__trial-content ol em {
  color: #FF501E !important;
  font-style: normal;
}
.pj-inf__trial-content p, .pj-inf__trial-content ol p {
  margin: 0;
}
.pj-inf__trial-content li, .pj-inf__trial-content ol li {
  color: white;
  margin: 0 auto;
  width: 100%;
}
.pj-inf__trial-content ::marker, .pj-inf__trial-content ol ::marker {
  color: #FF501E;
}

.lang-selector {
  padding-top: 30px;
  background: white;
  margin-bottom: -20px;
}
@media screen and (min-width: 64em) {
  .lang-selector {
    padding-top: 40px;
    margin-bottom: -25px;
  }
}
.lang-selector__container {
  position: relative;
  z-index: 1;
}
.lang-selector select {
  border: 1px solid #DEDEDE;
  font-weight: 400;
  font-size: 1rem;
  height: 50px;
  margin: 0;
  width: 290px;
  background-image: url(../img/icons/arrow-down-orange.svg);
}
.lang-selector label {
  font-size: 0.75rem;
  position: absolute;
  top: -10px;
  left: 6px;
  padding: 0 5px;
  letter-spacing: 0.02em;
  background: white;
  color: #676767;
}

.lp-mob-2024 {
  text-align: center;
  position: relative;
  overflow: visible;
  display: flex;
  align-items: center;
  z-index: 1;
  margin: 60px 0;
  padding: 0;
}
@media screen and (min-width: 40em) {
  .lp-mob-2024 {
    text-align: left;
    display: flex;
    align-items: center;
    margin: 90px 0 80px;
  }
}
@media screen and (min-width: 64em) {
  .lp-mob-2024 {
    padding: 0 10px;
    margin: 140px 0 130px;
  }
}
.lp-mob-2024__image {
  margin: 0 0 0 auto;
  max-width: 264px;
  width: 100%;
  height: auto;
  visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 40em) {
  .lp-mob-2024__image {
    width: 129%;
    max-width: 129%;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-mob-2024__image {
    margin-left: -29%;
    margin-bottom: -8%;
  }
}
@media screen and (min-width: 64em) {
  .lp-mob-2024__image {
    width: 100%;
    max-width: 532px;
    margin-bottom: -8%;
  }
}
@media screen and (min-width: 40em) {
  .lp-mob-2024__image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(50% + 121px);
    display: flex;
    align-items: center;
  }
}
@media screen and (min-width: 64em) {
  .lp-mob-2024__image-wrapper {
    right: calc(50% + 91px);
  }
}
.lp-mob-2024__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-mob-2024__content-wrapper {
    text-align: left;
  }
}
.lp-mob-2024__content {
  color: white;
}
.lp-mob-2024__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
}
@media screen and (min-width: 40em) {
  .lp-mob-2024__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .lp-mob-2024__content p {
    max-width: 436px;
  }
}
@media screen and (min-width: 64em) {
  .lp-mob-2024__content p {
    font-size: 1.3125rem;
  }
}
.lp-mob-2024__content a {
  color: #FFA528;
  text-decoration: underline;
}
.lp-mob-2024__content a:visited {
  color: #FFA528;
}
.lp-mob-2024__content a:hover, .lp-mob-2024__content a:active {
  color: #FF501E;
}
.lp-mob-2024__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .lp-mob-2024__title {
    margin-bottom: 1.5rem;
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 87.5em) {
  .lp-mob-2024__title {
    font-size: 4.125rem;
  }
}
.lp-mob-2024__title i, .lp-mob-2024__title strong {
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.lp-mob-2024__row {
  width: 100%;
}
.lp-mob-2024__buttons {
  margin-top: 22px;
  visibility: hidden;
}
@media screen and (min-width: 87.5em) {
  .lp-mob-2024__buttons {
    margin-left: -15px;
  }
}
.lp-mob-2024__logo {
  height: 40px;
}
@media screen and (min-width: 64em) {
  .lp-mob-2024__logo {
    height: 50px;
  }
}
.lp-mob-2024__logos {
  display: flex;
  justify-content: center;
  margin: 20px 0 0;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .lp-mob-2024__logos {
    justify-content: left;
  }
}
@media screen and (min-width: 64em) {
  .lp-mob-2024__logos {
    justify-content: left;
  }
}

.jleague-2024 {
  position: relative;
  background: transparent;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  margin: 60px 0 20px;
}
@media screen and (min-width: 40em) {
  .jleague-2024 {
    text-align: left;
    display: flex;
    align-items: center;
    margin: 50px 0 0;
  }
}
@media screen and (min-width: 64em) {
  .jleague-2024 {
    margin: 120px 0 20px;
  }
}
.jleague-2024--hp {
  margin: 0 0 22px;
}
@media screen and (min-width: 40em) {
  .jleague-2024--hp {
    margin: 30px 0 80px;
  }
}
@media screen and (min-width: 64em) {
  .jleague-2024--hp {
    margin: 30px 0 137px;
  }
}
.jleague-2024__image {
  margin: 0 0 0 auto;
  width: 100%;
  max-width: 112px;
  height: auto;
  visibility: hidden;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 40em) {
  .jleague-2024__image {
    margin: 0 0 0 auto;
    max-width: 220px;
  }
}
@media screen and (min-width: 64em) {
  .jleague-2024__image {
    max-width: 340px;
  }
}
@media screen and (max-width: 39.9375em) {
  .jleague-2024__image-wrapper {
    margin: 0 0 15px;
  }
}
@media screen and (min-width: 40em) {
  .jleague-2024__image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(50% + 120px);
    display: flex;
    align-items: center;
    padding-right: 27px;
  }
}
@media screen and (min-width: 64em) {
  .jleague-2024__image-wrapper {
    left: calc(50% + 204px);
  }
}
.jleague-2024__content-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
  visibility: hidden;
}
@media screen and (min-width: 40em) {
  .jleague-2024__content-wrapper {
    text-align: left;
  }
}
.jleague-2024__content {
  color: white;
}
@media screen and (min-width: 64em) {
  .jleague-2024__content {
    max-width: 608px;
  }
}
.jleague-2024__content p {
  text-align: center;
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .jleague-2024__content p {
    text-align: left;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .jleague-2024__content p {
    font-size: 1.3125rem;
  }
}
.jleague-2024__content a {
  color: #FFA528;
  text-decoration: underline;
}
.jleague-2024__content a:visited {
  color: #FFA528;
}
.jleague-2024__content a:hover, .jleague-2024__content a:active {
  color: #FF501E;
}
.jleague-2024__title {
  font-size: 1.625rem;
  line-height: 1;
  margin-bottom: 1rem;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .jleague-2024__title {
    margin-bottom: 1.5rem;
    font-size: 2.75rem;
  }
}
@media screen and (min-width: 87.5em) {
  .jleague-2024__title {
    font-size: 4.125rem;
  }
}
.jleague-2024__title i, .jleague-2024__title strong {
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.jleague-2024__row {
  width: 100%;
}
.jleague-2024__buttons {
  margin-top: 22px;
}
@media screen and (min-width: 87.5em) {
  .jleague-2024__buttons {
    margin-left: -15px;
  }
}

.roadmap {
  position: relative;
  overflow: hidden;
  background: transparent;
}
.roadmap__wrapper {
  padding: 40px 0;
}
@media screen and (min-width: 64em) {
  .roadmap__wrapper {
    padding: 145px 0;
  }
}
.roadmap__title {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  color: white;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .roadmap__title {
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .roadmap__title {
    font-size: 2.875rem;
    margin-bottom: 1rem;
  }
}
.roadmap__subtitle {
  font-size: 1.875rem;
  margin: 0.5rem auto;
  color: white;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .roadmap__subtitle {
    font-size: 2.25rem;
  }
}
.roadmap__content-wrapper {
  position: relative;
  z-index: 1;
  text-align: center;
}
.roadmap__content {
  color: white;
  margin: 5px 0 0;
  line-height: 1.125;
  font-size: 1rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .roadmap__content {
    text-align: left;
  }
}
@media screen and (min-width: 64em) {
  .roadmap__content {
    font-size: 1.3125rem;
    max-width: 516px;
  }
}
.roadmap__content p {
  color: white;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  font-size: 1rem;
  text-align: inherit;
  margin: auto;
}
@media screen and (min-width: 64em) {
  .roadmap__content p {
    font-size: 1.3125rem;
  }
}
.roadmap__content a {
  color: #FFA528;
  text-decoration: underline;
}
.roadmap__content a:visited {
  color: #FFA528;
}
.roadmap__content a:hover, .roadmap__content a:active {
  color: #FF501E;
}
.roadmap__content-button {
  margin-top: 0.625rem;
  margin-left: 0.3125rem;
}
@media screen and (max-width: 39.9375em) {
  .roadmap__content-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.625rem auto;
  }
}
@media screen and (min-width: 64em) {
  .roadmap__content-button {
    margin-top: 1.25rem;
  }
}
.roadmap__footer-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2.5rem auto;
  text-align: center;
}
.roadmap__bg-wrapper {
  position: absolute;
  top: 84px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.roadmap__bg {
  text-align: center;
  width: 720px;
  max-width: initial;
  margin: 0 auto;
}
@media screen and (min-width: 40em) {
  .roadmap__bg {
    width: 3280px;
  }
}
.roadmap__items {
  position: relative;
  z-index: 1;
  margin: 38px 0 0;
}
@media screen and (max-width: 39.9375em) {
  .roadmap__items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
}
.roadmap__item-row-normal {
  display: grid;
}
@media screen and (min-width: 40em) {
  .roadmap__item-row-normal {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 64em) {
  .roadmap__item-row-normal {
    grid-template-columns: repeat(3, 1fr);
  }
}
.roadmap__item-row-reverse {
  display: grid;
}
@media screen and (min-width: 40em) {
  .roadmap__item-row-reverse {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 64em) {
  .roadmap__item-row-reverse {
    grid-template-columns: repeat(3, 1fr);
  }
}
.roadmap__items-dot {
  width: 14px;
  height: 14px;
  background: #FFA528;
  position: absolute;
  top: 14px;
  left: 0;
  border-radius: 50%;
  z-index: 1;
}
.roadmap__top-row {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .roadmap__top-row {
    display: flex;
    align-items: center;
  }
}
.roadmap__subtitle-row, .roadmap__plat-icons {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.roadmap__plat-icons {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  gap: 10px;
}
@media screen and (min-width: 40em) {
  .roadmap__plat-icons {
    gap: 12px;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.roadmap__play-icon {
  width: 45px;
  position: absolute;
  top: calc(50% - 22px);
  left: calc(50% - 22px);
  z-index: 1;
  pointer-events: none;
}
.roadmap__thumbnail-link {
  cursor: pointer !important;
  position: relative;
  z-index: 1;
  border: 1px solid #641EAA;
  display: block;
  transition: border-color 200ms;
}
.roadmap__thumbnail-link:hover, .roadmap__thumbnail-link:active {
  border-color: #FFA528;
}
@media screen and (max-width: 39.9375em) {
  .roadmap__thumbnail-link {
    margin-top: 20px;
  }
}

.roadmap-item {
  padding: 60px 30px 36px;
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .roadmap__item-row-reverse .roadmap-item:nth-child(1) {
    grid-row: 1;
    grid-column: 2;
  }
  .roadmap__item-row-reverse .roadmap-item:nth-child(2) {
    grid-row: 1;
    grid-column: 1;
  }
}
@media screen and (min-width: 64em) {
  .roadmap__item-row-reverse .roadmap-item:nth-child(1) {
    grid-row: 1;
    grid-column: 3;
  }
  .roadmap__item-row-reverse .roadmap-item:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
  }
  .roadmap__item-row-reverse .roadmap-item:nth-child(3) {
    grid-row: 1;
    grid-column: 1;
  }
}
@media screen and (min-width: 87.5em) {
  .roadmap-item {
    padding-left: 36px;
    padding-right: 36px;
  }
}
.roadmap-item__image-wrapper {
  position: relative;
  aspect-ratio: 352/198;
  background: black;
  margin: 0 0 15px;
}
@media screen and (min-width: 64em) {
  .roadmap-item__image-wrapper {
    margin-bottom: 22px;
  }
}
.roadmap-item__title {
  color: white;
  font-size: 1.625rem;
  margin: 0 auto 6px;
  line-height: 1;
}
@media screen and (min-width: 64em) {
  .roadmap-item__title {
    margin-bottom: 10px;
  }
}
.roadmap-item__locked-content {
  text-transform: uppercase;
  color: #FFA528;
  font-size: 0.875rem;
  line-height: 1.1;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  margin: 2px auto 0;
}
@media screen and (min-width: 64em) {
  .roadmap-item__locked-content {
    font-size: 1rem;
    margin-top: 10px;
  }
}
.roadmap-item__abstract, .roadmap-item__unlocked-content {
  color: white;
  font-size: 1rem;
  line-height: 1.1;
}
@media screen and (min-width: 64em) {
  .roadmap-item__abstract, .roadmap-item__unlocked-content {
    font-size: 1.125rem;
  }
}
.roadmap-item__button-wrapper {
  padding: 10px 0 0;
  margin-top: auto;
}
@media screen and (min-width: 64em) {
  .roadmap-item__button-wrapper {
    padding-top: 20px;
  }
}
.roadmap-item__button {
  margin: 0;
}
@media screen and (max-width: 39.9375em) {
  .roadmap-item__button {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
.roadmap-item__padlock-wrapper {
  border-radius: 50%;
  border: 1px solid white;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: calc(50% - 20px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.roadmap-item--unlocked .roadmap-item__padlock-wrapper {
  background: #FFA528;
  border-color: #FFA528;
}
.roadmap-item__padlock {
  width: 13.68px;
  height: auto;
  margin: auto;
}
.roadmap-item__top-line {
  width: 100%;
  border-color: white;
}
.roadmap-item__top-line:before {
  display: block;
  content: "";
  width: calc(50% - 20px);
  height: 1px;
  position: absolute;
  top: 20px;
  left: 0;
  border-top: 1px solid white;
}
.roadmap-item--unlocked .roadmap-item__top-line:before {
  border-color: #FFA528;
}
@media screen and (max-width: 39.9375em) {
  .roadmap-item:last-child:nth-child(even) .roadmap-item__top-line:before {
    visibility: hidden;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .roadmap__item-row-reverse:last-child .roadmap-item:last-child .roadmap-item__top-line:before {
    visibility: hidden;
  }
}
@media screen and (min-width: 64em) {
  .roadmap__item-row-reverse:last-child .roadmap-item:last-child .roadmap-item__top-line:before {
    visibility: hidden;
  }
}
.roadmap-item__top-line:after {
  display: block;
  content: "";
  width: calc(50% - 20px);
  height: 1px;
  position: absolute;
  top: 20px;
  right: 0;
  border-top: 1px solid white;
}
.roadmap-item--unlocked .roadmap-item__top-line:after {
  border-color: #FFA528;
}
@media screen and (max-width: 39.9375em) {
  .roadmap-item:last-child:nth-child(odd) .roadmap-item__top-line:after {
    visibility: hidden;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .roadmap__item-row-normal:last-child .roadmap-item:last-child .roadmap-item__top-line:after {
    visibility: hidden;
  }
}
@media screen and (min-width: 64em) {
  .roadmap__item-row-normal:last-child .roadmap-item:last-child .roadmap-item__top-line:after {
    visibility: hidden;
  }
}
.roadmap-item__side-line {
  position: absolute;
  top: 20px;
  width: 1px;
  border-left: 1px solid white;
  visibility: hidden;
  height: 100%;
}
.roadmap-item--unlocked .roadmap-item__side-line {
  border-color: #FFA528;
}
@media screen and (max-width: 39.9375em) {
  .roadmap-item:last-child .roadmap-item__side-line {
    visibility: hidden !important;
  }
  .roadmap-item:nth-child(odd) .roadmap-item__side-line {
    visibility: visible;
    left: 0;
  }
  .roadmap-item:nth-child(even) .roadmap-item__side-line {
    visibility: visible;
    right: 0;
  }
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .roadmap__item-row-normal .roadmap-item:nth-child(2n) .roadmap-item__side-line {
    visibility: visible;
    right: 0;
  }
  .roadmap__item-row-reverse .roadmap-item:nth-child(2n) .roadmap-item__side-line {
    visibility: visible;
    left: 0;
  }
  .roadmap__item-row-reverse:last-child .roadmap-item__side-line, .roadmap__item-row-normal:last-child .roadmap-item__side-line {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 64em) {
  .roadmap__item-row-normal .roadmap-item:nth-child(3n) .roadmap-item__side-line {
    visibility: visible;
    right: 0;
  }
  .roadmap__item-row-reverse .roadmap-item:nth-child(3n) .roadmap-item__side-line {
    visibility: visible;
    left: 0;
  }
  .roadmap__item-row-reverse:last-child .roadmap-item__side-line, .roadmap__item-row-normal:last-child .roadmap-item__side-line {
    visibility: hidden !important;
  }
}
.roadmap-item__down-line {
  position: absolute;
  top: 40px;
  left: 50%;
  width: 1px;
  height: 10px;
  border-left: 1px solid white;
}
.roadmap-item--unlocked .roadmap-item__down-line {
  border-color: #FFA528;
}
.roadmap-item__soon {
  padding: 4px 9px 4px;
  color: white;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  font-size: 0.75rem;
  letter-spacing: 0.02em;
  line-height: 1;
  transform: skew(-18deg) translateX(-50%);
  border-radius: 0 !important;
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  position: absolute;
  bottom: -10px;
  margin: 0 auto;
  z-index: 1;
  left: 50%;
}
.roadmap-item__soon > span {
  transform: skew(18deg);
  display: block;
  margin: auto;
}

.rjl {
  margin: 30px auto;
  max-width: 100%;
  border-top: 1px solid #641EAA;
  border-bottom: 1px solid #641EAA;
  text-align: center;
  padding: 20px 0;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .rjl {
    margin-top: 60px;
  }
}
@media screen and (min-width: 64em) {
  .rjl {
    max-width: 1032px;
    text-align: left;
    padding: 28px 0;
    margin: 80px auto 30px;
  }
}
.rjl--bottom {
  padding: 40px 0;
}
.rjl--bottom .rjl__logo {
  height: 65px;
}
@media screen and (max-width: 39.9375em) {
  .rjl--bottom .rjl__logo {
    height: 50px;
    margin: 10px 0;
  }
}
@media screen and (min-width: 40em) {
  .rjl--bottom .rjl__content {
    width: 60%;
  }
}
.rjl__images-wrapper {
  display: flex;
  gap: 10px;
}
.rjl__logo {
  width: auto;
  height: 46px;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .rjl__logo {
    height: 80px;
  }
}
.rjl__content-wrapper {
  display: flex;
  gap: 9px;
  position: relative;
  z-index: 1;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 40em) {
  .rjl__content-wrapper {
    gap: 20px;
    flex-direction: row;
  }
}
.rjl__content {
  font-size: 1.625rem;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1;
  margin: 0;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .rjl__content {
    text-align: left;
  }
}
.rjl__content i, .rjl__content strong {
  color: #FF501E !important;
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
}
@media screen and (min-width: 64em) {
  .rjl__content {
    font-size: 2rem;
  }
}

.lp-ja-copy {
  text-align: center;
  position: relative;
  background: transparent;
}
.lp-ja-copy__wrapper {
  padding: 25px 0 35px;
}
@media screen and (min-width: 40em) {
  .lp-ja-copy__wrapper {
    padding: 65px 0 0;
  }
}
@media screen and (min-width: 64em) {
  .lp-ja-copy__wrapper {
    padding: 85px 0 0;
  }
}
.lp-ja-copy__logo {
  width: auto;
  height: 42px;
  margin: 0 auto 20px;
}
@media screen and (min-width: 64em) {
  .lp-ja-copy__logo {
    height: 60px;
    margin-bottom: 30px;
  }
}
.lp-ja-copy__copy {
  text-align: center;
  color: white;
}
.lp-ja-copy__copy p {
  color: inherit;
  text-align: center;
  line-height: 1.14;
  -webkit-hyphens: none;
          hyphens: none;
  margin-bottom: 1.25rem;
  hyphens: none !important;
}
@media screen and (min-width: 40em) {
  .lp-ja-copy__copy p {
    font-size: 1.3125rem;
    margin-bottom: 25px;
  }
}
.lp-ja-copy__copy h2 {
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  margin: 0 0 10px;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
}
.lp-ja-copy__copy a {
  color: #FFA528;
  text-decoration: underline;
}
.lp-ja-copy__copy a:hover,
.lp-ja-copy__copy a:active {
  color: #FF501E;
}
.lp-ja-copy__row {
  width: 100%;
}
.lp-ja-copy__content-wrapper {
  position: relative;
  z-index: 1;
}

.c-compare {
  --h: 9;
  --m: 1rem 0;
  --w: 16;
  --thumb-bgc: #FFA528;
  --thumb-bgc-focus: #FFA528;
  --thumb-w: 2px;
  --thumb-h: 100%;
  cursor: ew-resize;
  margin: var(--m);
  position: relative;
}

.c-compare__wrapper {
  display: none;
}
.c-compare__wrapper.active {
  cursor: ew-resize;
  display: block !important;
}

.c-compare::after {
  content: "";
  display: block;
  padding-bottom: calc(var(--h) / var(--w) * 100%);
}

.c-compare__left,
.c-compare__right {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  width: 100%;
  pointer-events: none;
}

.c-compare__left {
  -webkit-clip-path: polygon(0% 0%, var(--value) 0%, var(--value) 100%, 0% 100%);
          clip-path: polygon(0% 0%, var(--value) 0%, var(--value) 100%, 0% 100%);
}

.c-compare__right {
  -webkit-clip-path: polygon(100% 0%, var(--value) 0%, var(--value) 100%, 100% 100%);
          clip-path: polygon(100% 0%, var(--value) 0%, var(--value) 100%, 100% 100%);
}

.c-compare__range {
  background-color: transparent;
  box-sizing: border-box;
  font-family: inherit;
  height: 100%;
  margin: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.c-compare__range::-moz-range-thumb {
  width: var(--thumb-w);
  height: var(--thumb-h);
  background-color: var(--thumb-bgc);
  border: none;
  cursor: ew-resize;
}

.c-compare__range::-webkit-slider-thumb {
  width: var(--thumb-w);
  height: var(--thumb-h);
  background-color: var(--thumb-bgc);
  border: none;
  cursor: ew-resize;
  -webkit-appearance: none;
  appearance: none;
}

.c-compare__range:focus::-webkit-slider-thumb {
  background-color: var(--thumb-bgc-focus);
  box-shadow: 0 0 0 3px var(--thumb-bgc);
}

.c-compare__range:focus::-moz-range-thumb {
  background-color: var(--thumb-bgc-focus);
  box-shadow: 0 0 0 3px var(--thumb-bgc);
}

.c-compare__range::-moz-range-track {
  background: transparent;
  background-size: 100%;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.c-compare__range::-webkit-slider-runnable-track {
  background: transparent;
  background-size: 100%;
  box-sizing: border-box;
  height: 100%;
  -webkit-appearance: none;
  appearance: none;
}

.fp-carousel {
  position: relative;
  margin: 0 0 1.5rem;
}
.fp-carousel__image-carousel {
  margin: 0 0 15px;
}
.fp-carousel__image-carousel img {
  width: 100%;
  height: auto;
}
.fp-carousel .slick-dots {
  text-align: center;
  margin: 12px 0 0;
}
.fp-carousel .slick-dots li {
  margin: 0 5px;
}
.fp-carousel .slick-dots li button {
  border: 2px solid #FFA528;
  width: 15px;
  height: 15px;
  font-size: 0;
}
.fp-carousel .slick-dots li.slick-active button {
  background-color: #FFA528;
  border-color: #FFA528;
}
.fp-carousel .slick-dots [id]::before {
  height: auto;
  margin: auto;
}
.fp-carousel .slick-prev,
.fp-carousel .slick-next {
  top: calc(50% - 20px);
}

.fjl {
  margin: 30px auto;
  max-width: 100%;
  border-top: 1px solid #641EAA;
  border-bottom: 1px solid #641EAA;
  text-align: center;
  padding: 20px 0;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .fjl {
    margin-top: 60px;
  }
}
@media screen and (min-width: 64em) {
  .fjl {
    max-width: 1032px;
    text-align: left;
    padding: 28px 0;
    margin: 80px auto 30px;
  }
}
.fjl--bottom {
  padding: 40px 0;
}
.fjl--bottom .rjl__logo {
  height: 65px;
}
@media screen and (max-width: 39.9375em) {
  .fjl--bottom .rjl__logo {
    height: 50px;
    margin: 10px 0;
  }
}
@media screen and (min-width: 40em) {
  .fjl--bottom .rjl__content {
    width: 60%;
  }
}
.fjl__images-wrapper {
  display: flex;
  gap: 10px;
}
.fjl__logo {
  width: auto;
  height: 46px;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .fjl__logo {
    height: 80px;
  }
}
.fjl__content-wrapper {
  display: flex;
  gap: 9px;
  position: relative;
  z-index: 1;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 40em) {
  .fjl__content-wrapper {
    gap: 20px;
    flex-direction: row;
  }
}
.fjl__content {
  font-size: 1.625rem;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1;
  margin: 0;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .fjl__content {
    text-align: left;
  }
}
.fjl__content i, .fjl__content strong {
  color: #FF501E !important;
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
}
@media screen and (min-width: 64em) {
  .fjl__content {
    font-size: 2rem;
  }
}

.sgc {
  margin: 40px auto 60px;
  max-width: 100%;
  border-top: 1px solid #641EAA;
  border-bottom: 1px solid #641EAA;
  text-align: center;
  padding: 20px 0;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 40em) {
  .sgc {
    margin-top: 60px;
  }
}
@media screen and (min-width: 64em) {
  .sgc {
    max-width: 1032px;
    text-align: left;
    padding: 28px 0;
    margin: 60px auto 120px;
  }
}
.sgc__logo {
  width: auto;
  height: 72px;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .sgc__logo {
    height: 88px;
  }
}
@media screen and (min-width: 87.5em) {
  .sgc__logo {
    margin-right: 52px;
  }
}
.sgc__content-wrapper {
  display: flex;
  gap: 9px;
  position: relative;
  z-index: 1;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 40em) {
  .sgc__content-wrapper {
    gap: 20px;
    flex-direction: row;
  }
}
.sgc__content {
  font-size: 1.625rem;
  font-family: "gt_americaextended_black", "Arial Black", "Arial Bold", sans-serif;
  line-height: 1;
  margin: 0;
  color: white;
  -webkit-hyphens: none !important;
          hyphens: none !important;
  text-transform: uppercase;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .sgc__content {
    text-align: left;
  }
}
.sgc__content i, .sgc__content strong {
  color: #FF501E !important;
  background: linear-gradient(90deg, #FF501E 0%, #FFA528 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
}
@media screen and (min-width: 64em) {
  .sgc__content {
    font-size: 2rem;
  }
}

.champions-league-comp-lp {
  overflow: hidden;
  position: relative;
}
.champions-league-comp-lp__wrapper {
  padding: 20px 0 60px;
}
@media screen and (min-width: 64em) {
  .champions-league-comp-lp__wrapper {
    padding: 150px 0 100px;
  }
}
.champions-league-comp-lp__bg {
  left: calc(50% - 480px);
  max-width: initial;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 960px;
}
@media screen and (max-width: 39.9375em) {
  .champions-league-comp-lp__bg {
    width: 100%;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 40em) {
  .champions-league-comp-lp__bg {
    width: 800px;
    left: calc(50% - 400px);
  }
}
@media screen and (min-width: 64em) {
  .champions-league-comp-lp__bg {
    width: 4000px;
    left: calc(50% - 2000px);
  }
}
.champions-league-comp-lp__title {
  text-align: center;
  font-size: 1.625rem;
  position: relative;
  z-index: 1;
  color: white;
  line-height: 1;
  margin-bottom: 15px;
}
@media screen and (min-width: 64em) {
  .champions-league-comp-lp__title {
    font-size: 3rem;
    margin-bottom: 40px;
  }
}
.champions-league-comp-lp__content-title {
  font-size: 1.125rem;
  color: white;
  margin-bottom: 8px;
  text-align: center;
  font-family: "gt_americastandard_regular", Arial, sans-serif;
  text-transform: none;
  line-height: 1.1;
}
@media screen and (min-width: 64em) {
  .champions-league-comp-lp__content-title {
    font-size: 1.3125rem;
    margin-bottom: 15px;
    text-align: left;
  }
}
.champions-league-comp-lp__content {
  color: white;
  line-height: 1.125;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .champions-league-comp-lp__content {
    font-size: 1.125rem;
    text-align: left;
  }
}
.champions-league-comp-lp__content p {
  line-height: inherit;
}
.champions-league-comp-lp__content a, .champions-league-comp-lp__content i, .champions-league-comp-lp__content em {
  color: #FF501E;
  font-style: normal;
}
.champions-league-comp-lp__row {
  position: relative;
  z-index: 1;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .champions-league-comp-lp__row {
    display: flex;
    align-items: center;
  }
}
.champions-league-comp-lp__image-wrapper {
  margin: 0 auto;
  text-align: center;
}
.champions-league-comp-lp__image {
  width: 100%;
  max-width: 529px;
}
@media screen and (max-width: 63.9375em) {
  .champions-league-comp-lp__image {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 64em) {
  .champions-league-comp-lp__image {
    margin: auto;
  }
}
.champions-league-comp-lp__buttons {
  text-align: center;
  margin-top: 1.1875rem;
}
.champions-league-comp-lp__bottom-text-wrapper {
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .champions-league-comp-lp__bottom-text-wrapper {
    margin-top: 60px;
  }
}
.champions-league-comp-lp__bottom-text {
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.143;
  text-align: left;
}
.champions-league-comp-lp__bottom-text p {
  line-height: inherit;
  margin-bottom: 10px;
}
.champions-league-comp-lp__bottom-text p:last-child {
  margin-bottom: 0;
}
.champions-league-comp-lp__bottom-text a,
.champions-league-comp-lp__bottom-text a:hover {
  color: inherit;
}
.champions-league-comp-lp__bottom-images {
  margin-top: 1.875rem;
  font-size: 0.875rem;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.143;
  text-align: center;
}
.champions-league-comp-lp__bottom-images img {
  margin-right: 0.9375rem;
}
.champions-league-comp-lp__bottom-title {
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: white;
  line-height: 1;
  font-size: 1rem;
  font-family: "gt_americastandard_bold", "Arial Black", "Arial Bold", sans-serif;
  margin-bottom: 12px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .champions-league-comp-lp__bottom-title {
    font-size: 1.125rem;
  }
}
.champions-league-comp-lp__trial {
  position: relative;
  z-index: 1;
  margin: 30px auto 0;
}
@media screen and (min-width: 64em) {
  .champions-league-comp-lp__trial {
    margin: 60px auto 0;
  }
}
.champions-league-comp-lp__trial-title {
  color: white;
  font-size: 1.125rem;
  text-align: center;
}
@media screen and (min-width: 40em) {
  .champions-league-comp-lp__trial-title {
    font-size: 1.75rem;
  }
}
.champions-league-comp-lp__trial-content {
  font-size: 1rem;
  text-align: center;
  max-width: 820px;
  margin: 0 auto;
  line-height: 1.125;
}
@media screen and (min-width: 64em) {
  .champions-league-comp-lp__trial-content {
    font-size: 1.125rem;
  }
}
.champions-league-comp-lp__trial-content ol {
  list-style-position: inside;
}
.champions-league-comp-lp__trial-content strong, .champions-league-comp-lp__trial-content i, .champions-league-comp-lp__trial-content em {
  color: #FF501E !important;
  font-style: normal;
}
.champions-league-comp-lp__trial-content li, .champions-league-comp-lp__trial-content p {
  color: white;
  margin: 0 auto 16px;
  width: 100%;
  line-height: inherit;
}
.champions-league-comp-lp__trial-content ::marker {
  color: #FF501E;
}

/* ====================================================
How components work next to each other - collapse padding
if two components have same background
======================================================= */
.wrapper--light + .wrapper--light,
.asset-list__wrapper + .wrapper--light,
.news__wrapper + .wrapper--light {
  border-top: 1px solid #ccc;
}

/* Import plugin styles */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}