@charset "UTF-8";
/* =================================================================
Styles for the base templates..
Buttery biscuit base - https://www.youtube.com/watch?v=OMg3epr53Ns
==================================================================== */
:root {
  --font-fm-universe: FMUniverse, sans-serif;
  --font-abc-social: ABCSocial, sans-serif;
  --font-abc-social-bold: ABCSocialBold, sans-serif;
  --font-abc-social-condensed: ABCSocialCondensed, sans-serif;
}

/*! 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-fm25,
  a.button-fm25, .button-fm24,
  a.button-fm24, .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;
  }
}

.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 32px;
  width: 100%;
}

.grid-container {
  margin: 0 auto;
}
@media (min-width: 0) {
  .grid-container {
    padding-left: 8px;
    padding-right: 8px;
    width: calc(95% - 8px * 2);
  }
}
@media (min-width: 440px) {
  .grid-container {
    padding-left: 8px;
    padding-right: 8px;
    width: calc(100% - 8px * 2);
  }
}
@media (min-width: 640px) {
  .grid-container {
    padding-left: 8px;
    padding-right: 8px;
    width: calc(100% - 8px * 2);
    max-width: calc(640px - 8px * 2);
  }
}
@media (min-width: 1024px) {
  .grid-container {
    padding-left: 16px;
    padding-right: 16px;
    width: calc(100% - 16px * 2);
    max-width: calc(1024px - 16px * 2);
  }
}
@media (min-width: 1400px) {
  .grid-container {
    padding-left: 48px;
    padding-right: 48px;
    width: calc(100% - 48px * 2);
    max-width: calc(1400px - 48px * 2);
  }
}

@media (min-width: 0) {
  .grid-cols-xsmall-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 0) {
  .grid-cols-xsmall-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 0) {
  .grid-cols-xsmall-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 0) {
  .grid-cols-xsmall-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 0) {
  .grid-cols-xsmall-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 0) {
  .grid-cols-xsmall-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 0) {
  .grid-cols-xsmall-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 0) {
  .grid-cols-xsmall-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 0) {
  .grid-cols-xsmall-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 0) {
  .grid-cols-xsmall-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 0) {
  .grid-cols-xsmall-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 0) {
  .grid-cols-xsmall-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 440px) {
  .grid-cols-small-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 640px) {
  .grid-cols-medium-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .grid-cols-large-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-1 {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-6 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-7 {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-8 {
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-9 {
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-10 {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-11 {
    display: grid;
    grid-template-columns: repeat(11, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
@media (min-width: 1400px) {
  .grid-cols-xlarge-12 {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 32px;
    width: 100%;
  }
}
.grid-gap-0px {
  gap: 0px;
}

@media (min-width: 0) {
  .grid-gap-xsmall-0px {
    gap: 0px;
  }
}
@media (min-width: 440px) {
  .grid-gap-small-0px {
    gap: 0px;
  }
}
@media (min-width: 640px) {
  .grid-gap-medium-0px {
    gap: 0px;
  }
}
@media (min-width: 1024px) {
  .grid-gap-large-0px {
    gap: 0px;
  }
}
@media (min-width: 1400px) {
  .grid-gap-xlarge-0px {
    gap: 0px;
  }
}
.grid-gap-4px {
  gap: 4px;
}

@media (min-width: 0) {
  .grid-gap-xsmall-4px {
    gap: 4px;
  }
}
@media (min-width: 440px) {
  .grid-gap-small-4px {
    gap: 4px;
  }
}
@media (min-width: 640px) {
  .grid-gap-medium-4px {
    gap: 4px;
  }
}
@media (min-width: 1024px) {
  .grid-gap-large-4px {
    gap: 4px;
  }
}
@media (min-width: 1400px) {
  .grid-gap-xlarge-4px {
    gap: 4px;
  }
}
.grid-gap-8px {
  gap: 8px;
}

@media (min-width: 0) {
  .grid-gap-xsmall-8px {
    gap: 8px;
  }
}
@media (min-width: 440px) {
  .grid-gap-small-8px {
    gap: 8px;
  }
}
@media (min-width: 640px) {
  .grid-gap-medium-8px {
    gap: 8px;
  }
}
@media (min-width: 1024px) {
  .grid-gap-large-8px {
    gap: 8px;
  }
}
@media (min-width: 1400px) {
  .grid-gap-xlarge-8px {
    gap: 8px;
  }
}
.grid-gap-12px {
  gap: 12px;
}

@media (min-width: 0) {
  .grid-gap-xsmall-12px {
    gap: 12px;
  }
}
@media (min-width: 440px) {
  .grid-gap-small-12px {
    gap: 12px;
  }
}
@media (min-width: 640px) {
  .grid-gap-medium-12px {
    gap: 12px;
  }
}
@media (min-width: 1024px) {
  .grid-gap-large-12px {
    gap: 12px;
  }
}
@media (min-width: 1400px) {
  .grid-gap-xlarge-12px {
    gap: 12px;
  }
}
.grid-gap-16px {
  gap: 16px;
}

@media (min-width: 0) {
  .grid-gap-xsmall-16px {
    gap: 16px;
  }
}
@media (min-width: 440px) {
  .grid-gap-small-16px {
    gap: 16px;
  }
}
@media (min-width: 640px) {
  .grid-gap-medium-16px {
    gap: 16px;
  }
}
@media (min-width: 1024px) {
  .grid-gap-large-16px {
    gap: 16px;
  }
}
@media (min-width: 1400px) {
  .grid-gap-xlarge-16px {
    gap: 16px;
  }
}
.grid-gap-30px {
  gap: 30px;
}

@media (min-width: 0) {
  .grid-gap-xsmall-30px {
    gap: 30px;
  }
}
@media (min-width: 440px) {
  .grid-gap-small-30px {
    gap: 30px;
  }
}
@media (min-width: 640px) {
  .grid-gap-medium-30px {
    gap: 30px;
  }
}
@media (min-width: 1024px) {
  .grid-gap-large-30px {
    gap: 30px;
  }
}
@media (min-width: 1400px) {
  .grid-gap-xlarge-30px {
    gap: 30px;
  }
}
.grid-gap-32px {
  gap: 32px;
}

@media (min-width: 0) {
  .grid-gap-xsmall-32px {
    gap: 32px;
  }
}
@media (min-width: 440px) {
  .grid-gap-small-32px {
    gap: 32px;
  }
}
@media (min-width: 640px) {
  .grid-gap-medium-32px {
    gap: 32px;
  }
}
@media (min-width: 1024px) {
  .grid-gap-large-32px {
    gap: 32px;
  }
}
@media (min-width: 1400px) {
  .grid-gap-xlarge-32px {
    gap: 32px;
  }
}
.grid-gap-64px {
  gap: 64px;
}

@media (min-width: 0) {
  .grid-gap-xsmall-64px {
    gap: 64px;
  }
}
@media (min-width: 440px) {
  .grid-gap-small-64px {
    gap: 64px;
  }
}
@media (min-width: 640px) {
  .grid-gap-medium-64px {
    gap: 64px;
  }
}
@media (min-width: 1024px) {
  .grid-gap-large-64px {
    gap: 64px;
  }
}
@media (min-width: 1400px) {
  .grid-gap-xlarge-64px {
    gap: 64px;
  }
}
.grid-gap-128px {
  gap: 128px;
}

@media (min-width: 0) {
  .grid-gap-xsmall-128px {
    gap: 128px;
  }
}
@media (min-width: 440px) {
  .grid-gap-small-128px {
    gap: 128px;
  }
}
@media (min-width: 640px) {
  .grid-gap-medium-128px {
    gap: 128px;
  }
}
@media (min-width: 1024px) {
  .grid-gap-large-128px {
    gap: 128px;
  }
}
@media (min-width: 1400px) {
  .grid-gap-xlarge-128px {
    gap: 128px;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-1 {
    grid-column: span 1;
  }
  .grid-col-xsmall-1 {
    grid-column: span 1;
  }
  .grid-row-span-xsmall-1 {
    grid-row: span 1;
  }
  .grid-row-xsmall-1 {
    grid-row: span 1;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-2 {
    grid-column: span 2;
  }
  .grid-col-xsmall-2 {
    grid-column: span 2;
  }
  .grid-row-span-xsmall-2 {
    grid-row: span 2;
  }
  .grid-row-xsmall-2 {
    grid-row: span 2;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-3 {
    grid-column: span 3;
  }
  .grid-col-xsmall-3 {
    grid-column: span 3;
  }
  .grid-row-span-xsmall-3 {
    grid-row: span 3;
  }
  .grid-row-xsmall-3 {
    grid-row: span 3;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-4 {
    grid-column: span 4;
  }
  .grid-col-xsmall-4 {
    grid-column: span 4;
  }
  .grid-row-span-xsmall-4 {
    grid-row: span 4;
  }
  .grid-row-xsmall-4 {
    grid-row: span 4;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-5 {
    grid-column: span 5;
  }
  .grid-col-xsmall-5 {
    grid-column: span 5;
  }
  .grid-row-span-xsmall-5 {
    grid-row: span 5;
  }
  .grid-row-xsmall-5 {
    grid-row: span 5;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-6 {
    grid-column: span 6;
  }
  .grid-col-xsmall-6 {
    grid-column: span 6;
  }
  .grid-row-span-xsmall-6 {
    grid-row: span 6;
  }
  .grid-row-xsmall-6 {
    grid-row: span 6;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-7 {
    grid-column: span 7;
  }
  .grid-col-xsmall-7 {
    grid-column: span 7;
  }
  .grid-row-span-xsmall-7 {
    grid-row: span 7;
  }
  .grid-row-xsmall-7 {
    grid-row: span 7;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-8 {
    grid-column: span 8;
  }
  .grid-col-xsmall-8 {
    grid-column: span 8;
  }
  .grid-row-span-xsmall-8 {
    grid-row: span 8;
  }
  .grid-row-xsmall-8 {
    grid-row: span 8;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-9 {
    grid-column: span 9;
  }
  .grid-col-xsmall-9 {
    grid-column: span 9;
  }
  .grid-row-span-xsmall-9 {
    grid-row: span 9;
  }
  .grid-row-xsmall-9 {
    grid-row: span 9;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-10 {
    grid-column: span 10;
  }
  .grid-col-xsmall-10 {
    grid-column: span 10;
  }
  .grid-row-span-xsmall-10 {
    grid-row: span 10;
  }
  .grid-row-xsmall-10 {
    grid-row: span 10;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-11 {
    grid-column: span 11;
  }
  .grid-col-xsmall-11 {
    grid-column: span 11;
  }
  .grid-row-span-xsmall-11 {
    grid-row: span 11;
  }
  .grid-row-xsmall-11 {
    grid-row: span 11;
  }
}
@media (min-width: 0) {
  .grid-col-span-xsmall-12 {
    grid-column: span 12;
  }
  .grid-col-xsmall-12 {
    grid-column: span 12;
  }
  .grid-row-span-xsmall-12 {
    grid-row: span 12;
  }
  .grid-row-xsmall-12 {
    grid-row: span 12;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-1 {
    grid-column: span 1;
  }
  .grid-col-small-1 {
    grid-column: span 1;
  }
  .grid-row-span-small-1 {
    grid-row: span 1;
  }
  .grid-row-small-1 {
    grid-row: span 1;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-2 {
    grid-column: span 2;
  }
  .grid-col-small-2 {
    grid-column: span 2;
  }
  .grid-row-span-small-2 {
    grid-row: span 2;
  }
  .grid-row-small-2 {
    grid-row: span 2;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-3 {
    grid-column: span 3;
  }
  .grid-col-small-3 {
    grid-column: span 3;
  }
  .grid-row-span-small-3 {
    grid-row: span 3;
  }
  .grid-row-small-3 {
    grid-row: span 3;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-4 {
    grid-column: span 4;
  }
  .grid-col-small-4 {
    grid-column: span 4;
  }
  .grid-row-span-small-4 {
    grid-row: span 4;
  }
  .grid-row-small-4 {
    grid-row: span 4;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-5 {
    grid-column: span 5;
  }
  .grid-col-small-5 {
    grid-column: span 5;
  }
  .grid-row-span-small-5 {
    grid-row: span 5;
  }
  .grid-row-small-5 {
    grid-row: span 5;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-6 {
    grid-column: span 6;
  }
  .grid-col-small-6 {
    grid-column: span 6;
  }
  .grid-row-span-small-6 {
    grid-row: span 6;
  }
  .grid-row-small-6 {
    grid-row: span 6;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-7 {
    grid-column: span 7;
  }
  .grid-col-small-7 {
    grid-column: span 7;
  }
  .grid-row-span-small-7 {
    grid-row: span 7;
  }
  .grid-row-small-7 {
    grid-row: span 7;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-8 {
    grid-column: span 8;
  }
  .grid-col-small-8 {
    grid-column: span 8;
  }
  .grid-row-span-small-8 {
    grid-row: span 8;
  }
  .grid-row-small-8 {
    grid-row: span 8;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-9 {
    grid-column: span 9;
  }
  .grid-col-small-9 {
    grid-column: span 9;
  }
  .grid-row-span-small-9 {
    grid-row: span 9;
  }
  .grid-row-small-9 {
    grid-row: span 9;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-10 {
    grid-column: span 10;
  }
  .grid-col-small-10 {
    grid-column: span 10;
  }
  .grid-row-span-small-10 {
    grid-row: span 10;
  }
  .grid-row-small-10 {
    grid-row: span 10;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-11 {
    grid-column: span 11;
  }
  .grid-col-small-11 {
    grid-column: span 11;
  }
  .grid-row-span-small-11 {
    grid-row: span 11;
  }
  .grid-row-small-11 {
    grid-row: span 11;
  }
}
@media (min-width: 440px) {
  .grid-col-span-small-12 {
    grid-column: span 12;
  }
  .grid-col-small-12 {
    grid-column: span 12;
  }
  .grid-row-span-small-12 {
    grid-row: span 12;
  }
  .grid-row-small-12 {
    grid-row: span 12;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-1 {
    grid-column: span 1;
  }
  .grid-col-medium-1 {
    grid-column: span 1;
  }
  .grid-row-span-medium-1 {
    grid-row: span 1;
  }
  .grid-row-medium-1 {
    grid-row: span 1;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-2 {
    grid-column: span 2;
  }
  .grid-col-medium-2 {
    grid-column: span 2;
  }
  .grid-row-span-medium-2 {
    grid-row: span 2;
  }
  .grid-row-medium-2 {
    grid-row: span 2;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-3 {
    grid-column: span 3;
  }
  .grid-col-medium-3 {
    grid-column: span 3;
  }
  .grid-row-span-medium-3 {
    grid-row: span 3;
  }
  .grid-row-medium-3 {
    grid-row: span 3;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-4 {
    grid-column: span 4;
  }
  .grid-col-medium-4 {
    grid-column: span 4;
  }
  .grid-row-span-medium-4 {
    grid-row: span 4;
  }
  .grid-row-medium-4 {
    grid-row: span 4;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-5 {
    grid-column: span 5;
  }
  .grid-col-medium-5 {
    grid-column: span 5;
  }
  .grid-row-span-medium-5 {
    grid-row: span 5;
  }
  .grid-row-medium-5 {
    grid-row: span 5;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-6 {
    grid-column: span 6;
  }
  .grid-col-medium-6 {
    grid-column: span 6;
  }
  .grid-row-span-medium-6 {
    grid-row: span 6;
  }
  .grid-row-medium-6 {
    grid-row: span 6;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-7 {
    grid-column: span 7;
  }
  .grid-col-medium-7 {
    grid-column: span 7;
  }
  .grid-row-span-medium-7 {
    grid-row: span 7;
  }
  .grid-row-medium-7 {
    grid-row: span 7;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-8 {
    grid-column: span 8;
  }
  .grid-col-medium-8 {
    grid-column: span 8;
  }
  .grid-row-span-medium-8 {
    grid-row: span 8;
  }
  .grid-row-medium-8 {
    grid-row: span 8;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-9 {
    grid-column: span 9;
  }
  .grid-col-medium-9 {
    grid-column: span 9;
  }
  .grid-row-span-medium-9 {
    grid-row: span 9;
  }
  .grid-row-medium-9 {
    grid-row: span 9;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-10 {
    grid-column: span 10;
  }
  .grid-col-medium-10 {
    grid-column: span 10;
  }
  .grid-row-span-medium-10 {
    grid-row: span 10;
  }
  .grid-row-medium-10 {
    grid-row: span 10;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-11 {
    grid-column: span 11;
  }
  .grid-col-medium-11 {
    grid-column: span 11;
  }
  .grid-row-span-medium-11 {
    grid-row: span 11;
  }
  .grid-row-medium-11 {
    grid-row: span 11;
  }
}
@media (min-width: 640px) {
  .grid-col-span-medium-12 {
    grid-column: span 12;
  }
  .grid-col-medium-12 {
    grid-column: span 12;
  }
  .grid-row-span-medium-12 {
    grid-row: span 12;
  }
  .grid-row-medium-12 {
    grid-row: span 12;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-1 {
    grid-column: span 1;
  }
  .grid-col-large-1 {
    grid-column: span 1;
  }
  .grid-row-span-large-1 {
    grid-row: span 1;
  }
  .grid-row-large-1 {
    grid-row: span 1;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-2 {
    grid-column: span 2;
  }
  .grid-col-large-2 {
    grid-column: span 2;
  }
  .grid-row-span-large-2 {
    grid-row: span 2;
  }
  .grid-row-large-2 {
    grid-row: span 2;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-3 {
    grid-column: span 3;
  }
  .grid-col-large-3 {
    grid-column: span 3;
  }
  .grid-row-span-large-3 {
    grid-row: span 3;
  }
  .grid-row-large-3 {
    grid-row: span 3;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-4 {
    grid-column: span 4;
  }
  .grid-col-large-4 {
    grid-column: span 4;
  }
  .grid-row-span-large-4 {
    grid-row: span 4;
  }
  .grid-row-large-4 {
    grid-row: span 4;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-5 {
    grid-column: span 5;
  }
  .grid-col-large-5 {
    grid-column: span 5;
  }
  .grid-row-span-large-5 {
    grid-row: span 5;
  }
  .grid-row-large-5 {
    grid-row: span 5;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-6 {
    grid-column: span 6;
  }
  .grid-col-large-6 {
    grid-column: span 6;
  }
  .grid-row-span-large-6 {
    grid-row: span 6;
  }
  .grid-row-large-6 {
    grid-row: span 6;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-7 {
    grid-column: span 7;
  }
  .grid-col-large-7 {
    grid-column: span 7;
  }
  .grid-row-span-large-7 {
    grid-row: span 7;
  }
  .grid-row-large-7 {
    grid-row: span 7;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-8 {
    grid-column: span 8;
  }
  .grid-col-large-8 {
    grid-column: span 8;
  }
  .grid-row-span-large-8 {
    grid-row: span 8;
  }
  .grid-row-large-8 {
    grid-row: span 8;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-9 {
    grid-column: span 9;
  }
  .grid-col-large-9 {
    grid-column: span 9;
  }
  .grid-row-span-large-9 {
    grid-row: span 9;
  }
  .grid-row-large-9 {
    grid-row: span 9;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-10 {
    grid-column: span 10;
  }
  .grid-col-large-10 {
    grid-column: span 10;
  }
  .grid-row-span-large-10 {
    grid-row: span 10;
  }
  .grid-row-large-10 {
    grid-row: span 10;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-11 {
    grid-column: span 11;
  }
  .grid-col-large-11 {
    grid-column: span 11;
  }
  .grid-row-span-large-11 {
    grid-row: span 11;
  }
  .grid-row-large-11 {
    grid-row: span 11;
  }
}
@media (min-width: 1024px) {
  .grid-col-span-large-12 {
    grid-column: span 12;
  }
  .grid-col-large-12 {
    grid-column: span 12;
  }
  .grid-row-span-large-12 {
    grid-row: span 12;
  }
  .grid-row-large-12 {
    grid-row: span 12;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-1 {
    grid-column: span 1;
  }
  .grid-col-xlarge-1 {
    grid-column: span 1;
  }
  .grid-row-span-xlarge-1 {
    grid-row: span 1;
  }
  .grid-row-xlarge-1 {
    grid-row: span 1;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-2 {
    grid-column: span 2;
  }
  .grid-col-xlarge-2 {
    grid-column: span 2;
  }
  .grid-row-span-xlarge-2 {
    grid-row: span 2;
  }
  .grid-row-xlarge-2 {
    grid-row: span 2;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-3 {
    grid-column: span 3;
  }
  .grid-col-xlarge-3 {
    grid-column: span 3;
  }
  .grid-row-span-xlarge-3 {
    grid-row: span 3;
  }
  .grid-row-xlarge-3 {
    grid-row: span 3;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-4 {
    grid-column: span 4;
  }
  .grid-col-xlarge-4 {
    grid-column: span 4;
  }
  .grid-row-span-xlarge-4 {
    grid-row: span 4;
  }
  .grid-row-xlarge-4 {
    grid-row: span 4;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-5 {
    grid-column: span 5;
  }
  .grid-col-xlarge-5 {
    grid-column: span 5;
  }
  .grid-row-span-xlarge-5 {
    grid-row: span 5;
  }
  .grid-row-xlarge-5 {
    grid-row: span 5;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-6 {
    grid-column: span 6;
  }
  .grid-col-xlarge-6 {
    grid-column: span 6;
  }
  .grid-row-span-xlarge-6 {
    grid-row: span 6;
  }
  .grid-row-xlarge-6 {
    grid-row: span 6;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-7 {
    grid-column: span 7;
  }
  .grid-col-xlarge-7 {
    grid-column: span 7;
  }
  .grid-row-span-xlarge-7 {
    grid-row: span 7;
  }
  .grid-row-xlarge-7 {
    grid-row: span 7;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-8 {
    grid-column: span 8;
  }
  .grid-col-xlarge-8 {
    grid-column: span 8;
  }
  .grid-row-span-xlarge-8 {
    grid-row: span 8;
  }
  .grid-row-xlarge-8 {
    grid-row: span 8;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-9 {
    grid-column: span 9;
  }
  .grid-col-xlarge-9 {
    grid-column: span 9;
  }
  .grid-row-span-xlarge-9 {
    grid-row: span 9;
  }
  .grid-row-xlarge-9 {
    grid-row: span 9;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-10 {
    grid-column: span 10;
  }
  .grid-col-xlarge-10 {
    grid-column: span 10;
  }
  .grid-row-span-xlarge-10 {
    grid-row: span 10;
  }
  .grid-row-xlarge-10 {
    grid-row: span 10;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-11 {
    grid-column: span 11;
  }
  .grid-col-xlarge-11 {
    grid-column: span 11;
  }
  .grid-row-span-xlarge-11 {
    grid-row: span 11;
  }
  .grid-row-xlarge-11 {
    grid-row: span 11;
  }
}
@media (min-width: 1400px) {
  .grid-col-span-xlarge-12 {
    grid-column: span 12;
  }
  .grid-col-xlarge-12 {
    grid-column: span 12;
  }
  .grid-row-span-xlarge-12 {
    grid-row: span 12;
  }
  .grid-row-xlarge-12 {
    grid-row: span 12;
  }
}
.align-start {
  align-items: start;
}

.align-end {
  align-items: end;
}

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

@font-face {
  font-family: "Noto Sans Arabic Condensed Black";
  src: url("../fonts/NotoSansArabicCondensed-Black.eot");
  src: url("../fonts/NotoSansArabicCondensed-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansArabicCondensed-Black.woff2") format("woff2"), url("../fonts/NotoSansArabicCondensed-Black.woff") format("woff"), url("../fonts/NotoSansArabicCondensed-Black.ttf") format("truetype"), url("../fonts/NotoSansArabicCondensed-Black.svg#NotoSansArabicCondensed-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Arabic Condensed Regular";
  src: url("../fonts/NotoSansArabicCondensed-Regular.eot");
  src: url("../fonts/NotoSansArabicCondensed-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansArabicCondensed-Regular.woff2") format("woff2"), url("../fonts/NotoSansArabicCondensed-Regular.woff") format("woff"), url("../fonts/NotoSansArabicCondensed-Regular.ttf") format("truetype"), url("../fonts/NotoSansArabicCondensed-Regular.svg#NotoSansArabicCondensed-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Arabic Condensed Bold";
  src: url("../fonts/NotoSansArabicCondensed-Bold.eot");
  src: url("../fonts/NotoSansArabicCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/NotoSansArabicCondensed-Bold.woff2") format("woff2"), url("../fonts/NotoSansArabicCondensed-Bold.woff") format("woff"), url("../fonts/NotoSansArabicCondensed-Bold.ttf") format("truetype"), url("../fonts/NotoSansArabicCondensed-Bold.svg#NotoSansArabicCondensed-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
html[lang=ar] {
  --font-fm-universe: "Noto Sans Arabic Condensed Black", system-ui;
  --font-abc-social: "Noto Sans Arabic Condensed Regular", system-ui;
  --font-abc-social-bold: "Noto Sans Arabic Condensed Bold", system-ui;
  --font-abc-social-condensed: "Noto Sans Arabic Condensed Bold", system-ui;
  direction: ltr;
}

/* ================================================================================
Mobile nav - based on Bliss' offcanvas nav
=================================================================================== */
.header-mobile {
  background: #0A0F1E;
  height: 60px;
  position: fixed;
  z-index: 10;
  top: 34px;
  width: 100%;
  left: 0;
  transition: transform 200ms;
}
@media screen and (min-width: 40em) {
  .header-mobile {
    height: 68px;
  }
}
.scrolling-up .header-mobile {
  transform: none;
}
.scrolling-down .header-mobile {
  transform: translateY(-100%);
}
.header-mobile--dark_transparent {
  background: rgba(10, 15, 30, 0.5);
}
.header-mobile--light {
  background: #E6E6FA;
}
.header-mobile--light_transparent {
  background: rgba(230, 230, 250, 0.2);
}
.header-mobile--no-top-bar {
  top: 0;
}
@media screen and (min-width: 64em) {
  .header-mobile--no-top-bar {
    top: 0;
  }
}
.header-mobile__right {
  position: absolute;
  top: 12px;
  right: 10px;
  display: flex;
}

.menu-button-mobile {
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
}
@media screen and (min-width: 40em) {
  .menu-button-mobile {
    top: 4px;
  }
}
.header-mobile--light .menu-button-mobile {
  color: #000;
}
.menu-button-mobile__label {
  font-size: 1rem;
  color: inherit;
  font-family: var(--font-abc-social);
  font-weight: 700;
  line-height: 1.4;
}
.menu-button-mobile__icon-outer {
  position: relative;
  width: 36px;
  height: 36px;
}
.menu-button-mobile__icon-dark, .menu-button-mobile__icon-light {
  position: absolute;
  width: 100%;
  padding: 10px 8px;
  top: 0;
  left: 0;
}
.menu-button-mobile__icon-light {
  opacity: 1;
}
.header-mobile--light .menu-button-mobile__icon-light {
  opacity: 0;
}
.menu-button-mobile__icon-dark {
  opacity: 0;
}
.header-mobile--light .menu-button-mobile__icon-dark {
  opacity: 1;
}

.site-logo-mobile {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 10px;
  left: 10px;
}
@media screen and (min-width: 40em) {
  .site-logo-mobile {
    top: 14px;
  }
}
.site-logo-mobile__light, .site-logo-mobile__dark {
  width: 100%;
  position: absolute;
}
.site-logo-mobile__light {
  opacity: 0;
}
.header-mobile--light .site-logo-mobile__light {
  opacity: 1;
}
.site-logo-mobile__dark {
  opacity: 1;
}
.header-mobile--light .site-logo-mobile__dark {
  opacity: 0;
}

.header-desktop {
  background: #0A0F1E;
  height: 68px;
  position: fixed;
  z-index: 10;
  top: 34px;
  width: 100%;
  left: 0;
  transition: transform 200ms;
}
@media screen and (min-width: 64em) {
  .header-desktop {
    top: 38px;
    height: 76px;
  }
}
.scrolling-up .header-desktop {
  transform: none;
}
.scrolling-down .header-desktop {
  transform: translateY(-100%);
  top: 0;
}
.header-desktop--dark_transparent {
  background: rgba(10, 15, 30, 0.5);
}
.header-desktop--light {
  background: #E6E6FA;
}
.header-desktop--light_transparent {
  background: rgba(230, 230, 250, 0.2);
}
.header-desktop--no-top-bar {
  top: 0;
}
@media screen and (min-width: 64em) {
  .header-desktop--no-top-bar {
    top: 0;
  }
}
.header-desktop__right {
  position: absolute;
  top: 17px;
  right: 30px;
  display: flex;
  align-items: center;
  gap: 24px;
}
.header-desktop__links {
  position: absolute;
  left: 203px;
  top: 18px;
  display: flex;
  gap: 8px;
}
.header-desktop__link {
  color: white !important;
  font-size: 1rem;
  margin: 0;
  line-height: 1.2;
  text-decoration: none;
  padding: 10px;
  font-family: var(--font-abc-social);
}
.header-desktop--light .header-desktop__link {
  color: #000 !important;
}

.menu-button-desktop {
  color: #fff;
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
}
.header-desktop--light .menu-button-desktop {
  color: #000;
}
.menu-button-desktop__label {
  font-size: 1rem;
  color: inherit;
  font-family: var(--font-abc-social);
  font-weight: 700;
  line-height: 1.4;
}
.menu-button-desktop__icon-outer {
  position: relative;
  width: 36px;
  height: 36px;
}
.menu-button-desktop__icon-dark, .menu-button-desktop__icon-light {
  position: absolute;
  width: 100%;
  padding: 10px 8px;
  top: 0;
  left: 0;
}
.menu-button-desktop__icon-light {
  opacity: 1;
}
.header-desktop--light .menu-button-desktop__icon-light {
  opacity: 0;
}
.menu-button-desktop__icon-dark {
  opacity: 0;
}
.header-desktop--light .menu-button-desktop__icon-dark {
  opacity: 1;
}

.site-logo-desktop {
  width: 165px;
  height: 40px;
  position: absolute;
  top: 16px;
  left: 20px;
}
.site-logo-desktop__light, .site-logo-desktop__dark {
  width: 100%;
  position: absolute;
}
.site-logo-desktop__light {
  opacity: 1;
}
.header-desktop--light .site-logo-desktop__light {
  opacity: 0;
}
.site-logo-desktop__dark {
  opacity: 0;
}
.header-desktop--light .site-logo-desktop__dark {
  opacity: 1;
}

.sidebar-mobile {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 22;
  pointer-events: none;
}
.sidebar-mobile__inner1 {
  background-color: #E6E6FA;
  position: absolute;
  top: 0;
  right: 0;
  padding: 60px 20px;
  height: 100%;
  width: calc(100% - 32px);
  display: flex;
  align-items: center;
  text-align: center;
  transform: translateX(100%);
  transition: transform 350ms;
  z-index: 1;
  pointer-events: auto;
}
.sidebar-open .sidebar-mobile__inner1 {
  transform: none;
}
.sidebar-mobile__user-icon {
  position: absolute;
  top: 18px;
  left: 24px;
  width: 24px;
}
.sidebar-mobile__top-right {
  position: absolute;
  top: 12px;
  right: 10px;
  display: flex;
  gap: 24px;
}
.sidebar-mobile__copy {
  text-align: left;
  color: white;
}
.sidebar-mobile__buttons {
  margin: 28px 0 0;
}
.sidebar-mobile__menu-wrapper {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.sidebar-mobile__menu {
  padding: 0;
  margin: 0;
  list-style: none;
  flex: 1;
}
.sidebar-mobile__menu-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.sidebar-mobile__menu-item--submenu-is-open .sidebar-mobile__submenu {
  display: flex;
  transform: none;
}
.sidebar-mobile__menu-link-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  border-bottom: 1px solid rgba(10, 15, 30, 0.25);
  padding-top: 20px;
  padding-bottom: 12px;
}
.sidebar-mobile__menu-expand-icon {
  margin-left: auto;
  cursor: pointer;
}
.sidebar-mobile__menu-collapse-icon {
  margin-right: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.sidebar-mobile__menu-link {
  font-size: 42px;
  font-weight: 400;
  line-height: 41px;
  font-family: var(--font-fm-universe);
  color: #0A0F1E;
  text-decoration: none;
}
.sidebar-mobile__menu-link--back {
  color: #6E0FD7 !important;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: var(--font-abc-social);
  line-height: 22px;
}
.sidebar-mobile__menu-footer {
  margin-top: auto;
}
.sidebar-mobile__menu-footer .button-fm25 {
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.sidebar-mobile__submenu {
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 24px;
  width: 100%;
  position: absolute;
  transform: translateX(100%);
  transition: transform 350ms;
  right: 0;
  top: 60px;
  padding: 0 20px;
  z-index: 23;
  background-color: #E6E6FA;
  height: 80%;
}
.sidebar-mobile__submenu--is-active {
  display: flex;
  transform: none;
}
.sidebar-mobile__submenu-item {
  display: flex;
  width: 100%;
}
.sidebar-mobile__submenu-link {
  font-size: 28px;
  font-weight: 400;
  line-height: 29px;
  font-family: var(--font-fm-universe);
  color: #0A0F1E;
  text-decoration: none;
  padding: 0 !important;
  margin: 0 !important;
}
.sidebar-menu-button {
  color: #000;
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
}
@media screen and (min-width: 64em) {
  .sidebar-menu-button {
    color: white;
  }
}
.sidebar-menu-button__label {
  font-size: 1rem;
  color: inherit;
  font-family: var(--font-abc-social);
  font-weight: 700;
  line-height: 1.4;
}
.sidebar-menu-button__icon-outer {
  position: relative;
  width: 37px;
  height: 37px;
  padding: 10px;
}
.sidebar-menu-button__icon-dark, .sidebar-menu-button__icon-light {
  position: absolute;
  width: 17px;
  top: 10px;
  left: 10px;
}
.sidebar-menu-button__icon-light {
  opacity: 0;
}
@media screen and (min-width: 64em) {
  .sidebar-menu-button__icon-light {
    opacity: 1;
  }
}
.sidebar-menu-button__icon-dark {
  opacity: 1;
}
@media screen and (min-width: 64em) {
  .sidebar-menu-button__icon-dark {
    opacity: 0;
  }
}

.int-btn-sm {
  cursor: pointer;
  position: absolute;
  top: 18px;
  left: 68px;
  display: flex;
}
.int-btn-sm__icon-container {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}
.int-btn-sm__arrow {
  width: 24px;
}

.sidebar-desktop {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 22;
  pointer-events: none;
}
.sidebar-desktop__inner1 {
  background-color: #E6E6FA;
  position: absolute;
  top: 0;
  right: 0;
  padding: 60px 20px;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  transform: translateX(100%);
  transition: transform 350ms;
  z-index: 1;
  pointer-events: auto;
}
.sidebar-open .sidebar-desktop__inner1 {
  transform: none;
}
.sidebar-desktop__inner2 {
  background-color: #0A0F1E;
  position: absolute;
  top: 0;
  right: 0;
  padding: 120px 60px 60px;
  height: 100%;
  max-width: 480px;
  width: 30%;
  display: flex;
  align-items: start;
  text-align: center;
  transform: translateX(100%);
  transition: transform 350ms;
  z-index: 1;
  pointer-events: auto;
  flex-direction: column;
}
.sidebar-open .sidebar-desktop__inner2 {
  transform: none;
}
.sidebar-desktop__top-right {
  position: absolute;
  top: 12px;
  right: 10px;
  display: flex;
  gap: 24px;
}
.sidebar-desktop__logo-link {
  position: absolute;
  top: 16px;
  left: 20px;
}
.sidebar-desktop__logo-image {
  width: 165px;
}
.sidebar-desktop__fmfc-logo {
  max-width: 149px;
  margin: 0 auto 28px 0;
}
.sidebar-desktop__side-copy {
  color: white;
  line-height: 1.4;
  font-size: 1rem;
  text-align: left;
}
.sidebar-desktop__side-copy p:last-child {
  margin-bottom: 0;
}
.sidebar-desktop__side-buttons {
  display: flex;
  gap: 20px;
  margin: 28px 0 0;
}
.sidebar-desktop__menu-wrapper {
  height: 100%;
  padding: 60px 40px;
}
.sidebar-desktop__menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.sidebar-desktop__menu-item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 32px;
}
.sidebar-desktop__menu-item--submenu-is-open .sidebar-desktop__submenu {
  display: flex;
}
.sidebar-desktop__menu-link-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  max-width: 300px;
  gap: 50px;
  width: 100%;
}
.sidebar-desktop__menu-expand-icon, .sidebar-desktop__menu-collapse-icon {
  margin-left: auto;
  cursor: pointer;
}
.sidebar-desktop__menu-link {
  font-size: 42px;
  font-weight: 400;
  line-height: 41px;
  font-family: var(--font-fm-universe);
  color: #0A0F1E;
  text-decoration: none;
  text-align: left;
}
.sidebar-desktop__submenu {
  display: none;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  flex-wrap: wrap;
  flex-direction: column;
  margin-left: 100px;
  width: 350px;
}
.sidebar-desktop__submenu--is-active {
  display: flex;
}
.sidebar-desktop__submenu-link {
  font-size: 28px;
  font-weight: 400;
  line-height: 29px;
  font-family: var(--font-fm-universe);
  color: #0A0F1E;
  text-decoration: none;
}

.sidebar-desktop-close {
  color: white;
  position: relative;
  margin: 0;
  display: flex;
  gap: 4px;
  align-items: center;
  cursor: pointer;
}
.sidebar-desktop-close__label {
  font-size: 1rem;
  color: inherit;
  font-family: var(--font-abc-social);
  font-weight: 700;
  line-height: 1.4;
}
.sidebar-desktop-close__icon-outer {
  position: relative;
  width: 37px;
  height: 37px;
  padding: 10px;
}
.sidebar-desktop-close__icon {
  position: absolute;
  width: 17px;
  top: 10px;
  left: 10px;
}

.int-btn-lg {
  cursor: pointer;
  position: absolute;
  bottom: 40px;
  left: 60px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.int-btn-lg__icon-container {
  position: relative;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}
.int-btn-lg__label {
  color: #000;
  line-height: 1.4;
  font-family: var(--font-abc-social);
  font-weight: 400;
  font-size: 0.875rem;
}
.int-btn-lg__arrow {
  width: -moz-fit-content;
  width: fit-content;
}

.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: 34px;
  background-color: #D2C8F5;
  display: block;
  height: 34px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 21;
}
@media screen and (min-width: 64em) {
  .top-bar-mobile {
    display: none;
  }
}

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

.top-bar-mobile-simple {
  background-color: #D2C8F5;
  display: block;
  height: 34px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 21;
}
@media screen and (min-width: 64em) {
  .top-bar-mobile-simple {
    display: none;
  }
}
.top-bar-mobile-simple-wrapper {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
}
.top-bar-mobile-simple-wrapper .marquee-button {
  white-space: nowrap;
  color: #000;
  font-family: var(--font-abc-social);
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  margin-right: 0.625rem;
}

@media screen and (min-width: 64em) {
  .top-bar-mobile-expandable {
    display: none;
  }
}
.top-bar-mobile-expandable-wrapper {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 0;
  width: 100%;
}
.top-bar-mobile-expandable__promo-button, .top-bar-mobile-expandable__promo-text, .top-bar-mobile-expandable__promo-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-bar-mobile-expandable__promo-button {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #0A0F1E;
  text-decoration: underline;
}
.top-bar-mobile-expandable__promo-text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #0A0F1E;
}

@media screen and (min-width: 64em) {
  .top-bar-mobile-collapsible {
    display: none;
  }
}
.top-bar-mobile-collapsible-wrapper {
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 0;
  width: 100%;
}
.top-bar-mobile-collapsible__promo-button, .top-bar-mobile-collapsible__promo-text, .top-bar-mobile-collapsible__promo-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-bar-mobile-collapsible__promo-button {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #0A0F1E;
  text-decoration: underline;
}
.top-bar-mobile-collapsible__promo-text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #0A0F1E;
}

/* expandable top bar section */
.top-bar-mobile-expanded {
  background-color: #D2C8F5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 21;
  display: none;
  padding: 32px;
}
@media screen and (min-width: 64em) {
  .top-bar-mobile-expanded {
    display: none;
  }
}
.top-bar-mobile-expanded .grid-container {
  padding: 0;
  max-width: unset;
}
.top-bar-mobile-expanded--is-visible {
  display: flex;
}
.top-bar-mobile-expanded__col {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.top-bar-mobile-expanded__title {
  font-size: 22px;
  line-height: 23px;
  font-weight: 400;
  color: #0A0F1E;
  font-family: var(--font-fm-universe);
  margin-bottom: 12px;
}
.top-bar-mobile-expanded__copy p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #0A0F1E;
  font-family: var(--font-abc-social);
}
.top-bar-mobile-expanded__link {
  margin-top: auto;
}
.top-bar-mobile-expanded__link a {
  font-size: 16px;
  line-height: 14px;
  font-weight: 700;
  color: #0A0F1E;
  font-family: var(--font-abc-social);
  text-decoration: none;
  padding: 14px 0 0 0;
  transition: all 0.25s ease-in-out;
}
.top-bar-mobile-expanded__link a:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #0A0F1E;
  display: block;
  margin-top: 14px;
  transition: all 0.25s ease-in-out;
}
.top-bar-mobile-expanded__close {
  position: absolute;
  top: 16px;
  right: 16px;
}

/* 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 (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);
  }
}
.top-bar-desktop {
  background-color: #D2C8F5;
  height: 38px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 21;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 200ms;
}
.scrolling-up .top-bar-desktop {
  transform: none;
}
.scrolling-down .top-bar-desktop {
  transform: translateY(-100%);
}
.top-bar-desktop--is-expandable {
  cursor: pointer;
}
.top-bar-desktop__promotions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 8px 0;
  width: 100%;
}
.top-bar-desktop__promo-button, .top-bar-desktop__promo-text, .top-bar-desktop__promo-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-bar-desktop__promo-button {
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  color: #0A0F1E;
  text-decoration: underline;
}
.top-bar-desktop__promo-text {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #0A0F1E;
}

.top-bar-desktop-expanded {
  background-color: #D2C8F5;
  position: fixed;
  top: 114px;
  z-index: 21;
  padding: 80px 0;
  width: 100%;
  display: none;
}
.top-bar-desktop-expanded--is-visible {
  display: flex;
}
.top-bar-desktop-expanded__col {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.top-bar-desktop-expanded__title {
  font-size: 22px;
  line-height: 23px;
  font-weight: 400;
  color: #0A0F1E;
  font-family: var(--font-fm-universe);
  margin-bottom: 12px;
}
.top-bar-desktop-expanded__copy p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #0A0F1E;
  font-family: var(--font-abc-social);
}
.top-bar-desktop-expanded__link {
  margin-top: auto;
}
.top-bar-desktop-expanded__link a {
  font-size: 16px;
  line-height: 14px;
  font-weight: 700;
  color: #0A0F1E;
  font-family: var(--font-abc-social);
  text-decoration: none;
  padding: 14px 0 0 0;
  transition: all 0.25s ease-in-out;
}
.top-bar-desktop-expanded__link a:after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #0A0F1E;
  display: block;
  margin-top: 14px;
  transition: all 0.25s ease-in-out;
}
.top-footer {
  position: relative;
}
.top-footer.wrapper-fm25--light {
  background: #E6E6FA;
}
@media screen and (min-width: 40em) {
  .top-footer.wrapper-fm25--light .top-footer__main-logo {
    border-bottom: 1px solid rgba(10, 15, 30, 0.2);
  }
}
.top-footer.wrapper-fm25--light .top-footer__logo-container-dark,
.top-footer.wrapper-fm25--light .top-footer__fm-logo-dark,
.top-footer.wrapper-fm25--light .top-footer__social-icons-container-inner-dark {
  opacity: 0;
  pointer-events: none;
}
.top-footer.wrapper-fm25--light .top-footer__logo-container-light,
.top-footer.wrapper-fm25--light .top-footer__fm-logo-light,
.top-footer.wrapper-fm25--light .top-footer__social-icons-container-inner-light {
  opacity: 1;
  pointer-events: auto;
}
.top-footer.wrapper-fm25--light .top-footer__social-icons img:hover {
  opacity: 0.8;
}
.top-footer.wrapper-fm25--light .top-footer__cols {
  color: #0A0F1E;
}
.top-footer.wrapper-fm25--light .top-footer__cols h2 {
  color: #6E0FD7;
}
.top-footer.wrapper-fm25--light .top-footer__cols button {
  color: #6E0FD7;
  border-top: 1px solid rgba(10, 15, 30, 0.2);
}
.top-footer.wrapper-fm25--light .top-footer__cols .footer-expander:last-of-type {
  border-bottom: 1px solid rgba(10, 15, 30, 0.2);
}
.top-footer.wrapper-fm25--light .top-footer__cols .footer-expander__icon:before, .top-footer.wrapper-fm25--light .top-footer__cols .footer-expander__icon:after {
  background: #6E0FD7;
}
.top-footer.wrapper-fm25--light .top-footer__cols .footer-expander__content {
  color: #0A0F1E;
}
.top-footer.wrapper-fm25--light .top-footer__cols a:hover,
.top-footer.wrapper-fm25--light .top-footer__cols a:active,
.top-footer.wrapper-fm25--light .top-footer__cols a:focus {
  color: rgba(10, 15, 30, 0.8);
}
.top-footer.wrapper-fm25--light .top-footer__title {
  font-family: var(--font-abc-social);
  color: #6E0FD7;
}
.top-footer.wrapper-fm25--light .footer__links {
  background-color: #E6E6FA;
}
.top-footer.wrapper-fm25--light .footer__links a {
  font-family: var(--font-abc-social);
  color: rgba(10, 15, 30, 0.8) !important;
}
@media screen and (min-width: 40em) {
  .top-footer.wrapper-fm25--light .footer__links a {
    border-left: 1px solid rgba(10, 15, 30, 0.8);
  }
  .top-footer.wrapper-fm25--light .footer__links a:first-of-type {
    border-left: 0;
    padding-left: 0;
  }
}
.top-footer.wrapper-fm25--light .footer__links:hover, .top-footer.wrapper-fm25--light .footer__links:active, .top-footer.wrapper-fm25--light .footer__links:focus {
  color: rgba(10, 15, 30, 0.9) !important;
}
.top-footer.wrapper-fm25--light .footer__links-inner {
  border-top: 1px solid rgba(10, 15, 30, 0.2);
  border-bottom: 1px solid rgba(10, 15, 30, 0.2);
}
.top-footer.wrapper-fm25--light .top-footer__privacy-text-outer {
  color: #0A0F1E;
}
.top-footer.wrapper-fm25--light .top-footer__privacy-choices-desktop {
  background-color: #E6E6FA;
}
.top-footer.wrapper-fm25--dark {
  background: #0A0F1E;
}
@media screen and (min-width: 40em) {
  .top-footer.wrapper-fm25--dark .top-footer__main-logo {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.top-footer.wrapper-fm25--dark .top-footer__logo-container-dark,
.top-footer.wrapper-fm25--dark .top-footer__fm-logo-dark,
.top-footer.wrapper-fm25--dark .top-footer__social-icons-container-inner-dark {
  opacity: 1;
  pointer-events: auto;
}
.top-footer.wrapper-fm25--dark .top-footer__social-icons img:hover {
  opacity: 0.8;
}
.top-footer.wrapper-fm25--dark .top-footer__logo-container-light,
.top-footer.wrapper-fm25--dark .top-footer__fm-logo-light,
.top-footer.wrapper-fm25--dark .top-footer__social-icons-container-inner-light {
  opacity: 0;
  pointer-events: none;
}
.top-footer.wrapper-fm25--dark .top-footer__cols {
  color: white;
}
.top-footer.wrapper-fm25--dark .top-footer__cols h2 {
  color: #D2C8F5;
}
.top-footer.wrapper-fm25--dark .top-footer__cols .footer-expander:last-of-type {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.top-footer.wrapper-fm25--dark .top-footer__cols button {
  color: #D2C8F5;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.top-footer.wrapper-fm25--dark .top-footer__cols .footer-expander__icon:before, .top-footer.wrapper-fm25--dark .top-footer__cols .footer-expander__icon:after {
  background: #D2C8F5;
}
.top-footer.wrapper-fm25--dark .top-footer__cols .footer-expander__content {
  color: white;
}
.top-footer.wrapper-fm25--dark .top-footer__cols a:hover,
.top-footer.wrapper-fm25--dark .top-footer__cols a:active,
.top-footer.wrapper-fm25--dark .top-footer__cols a:focus {
  color: rgba(255, 255, 255, 0.8);
}
.top-footer.wrapper-fm25--dark .top-footer__title {
  font-family: var(--font-abc-social);
  color: #D2C8F5;
}
.top-footer.wrapper-fm25--dark .footer__links {
  background-color: #0A0F1E;
}
.top-footer.wrapper-fm25--dark .footer__links a {
  color: rgba(255, 255, 255, 0.8) !important;
}
@media screen and (min-width: 40em) {
  .top-footer.wrapper-fm25--dark .footer__links a {
    border-left: 1px solid rgba(255, 255, 255, 0.8);
  }
}
.top-footer.wrapper-fm25--dark .footer__links a:first-of-type {
  border-left: 0;
  padding-left: 0;
}
.top-footer.wrapper-fm25--dark .footer__links:hover, .top-footer.wrapper-fm25--dark .footer__links:active, .top-footer.wrapper-fm25--dark .footer__links:focus {
  color: rgba(255, 255, 255, 0.9) !important;
}
.top-footer.wrapper-fm25--dark .footer__links-inner {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.top-footer.wrapper-fm25--dark .top-footer__privacy-text-outer {
  color: white;
}
.top-footer.wrapper-fm25--dark .top-footer__privacy-choices-desktop {
  background-color: #0A0F1E;
}
@media screen and (min-width: 64em) {
  .top-footer > .row {
    position: relative;
  }
}
.top-footer__main-logo {
  padding-top: 64px;
  padding-bottom: 32px;
}
@media screen and (min-width: 64em) {
  .top-footer__main-logo {
    padding-top: 80px;
    padding-bottom: 40px;
  }
}
.top-footer__main-logo-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 39.9375em) {
  .top-footer__main-logo-inner {
    justify-content: center;
    border-bottom: none;
  }
}
.top-footer__fm-logo-outer {
  position: relative;
  width: 194px;
  height: 48px;
}
@media screen and (min-width: 64em) {
  .top-footer__fm-logo-outer {
    width: 230px;
  }
}
.top-footer__fm-logo {
  position: absolute;
  width: 100%;
}
.top-footer__logos-small {
  position: relative;
  min-height: 150px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-footer__logos {
  position: relative;
  height: 48px;
  width: 400px;
}
@media screen and (min-width: 64em) {
  .top-footer__logos {
    width: 500px;
  }
}
.top-footer__logo-container-small {
  position: absolute;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
}
.top-footer__logo-container {
  position: absolute;
  text-align: left;
  right: 0;
  font-size: 0;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 39.9375em) {
  .top-footer__logo-container {
    margin: 28px 0px;
  }
}
@media screen and (min-width: 40em) {
  .top-footer__logo-container {
    text-align: right;
    display: flex;
    margin-bottom: 0px;
    padding-right: 0;
    justify-content: flex-end;
    align-items: center;
    gap: 28px 10px;
  }
}
@media screen and (min-width: 64em) {
  .top-footer__logo-container {
    gap: 28px 20px;
  }
}
.top-footer__privacy-text-outer {
  margin-left: 12px;
}
@media screen and (max-width: 39.9375em) {
  .top-footer__privacy-text-outer {
    max-width: 230px;
  }
}
.top-footer__privacy-text {
  text-decoration: none;
  margin-bottom: 0px;
  font-size: 0.75rem;
}
.top-footer__privacy-text-top {
  font-size: 0.875rem;
}
.top-footer__logo {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  margin: 0;
}
@media screen and (min-width: 40em) {
  .top-footer__logo {
    margin: 0;
    width: auto;
  }
}
.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;
}
.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.75rem;
  margin-bottom: 0.75rem;
  font-weight: 400;
  font-family: var(--font-abc-social);
}
@media screen and (max-width: 39.9375em) {
  .top-footer__cols {
    padding: 0px;
  }
}
@media screen and (min-width: 40em) {
  .top-footer__cols {
    padding-top: 32px;
  }
}
@media screen and (min-width: 64em) {
  .top-footer__cols {
    padding-top: 40px;
  }
}
.top-footer__cols a,
.top-footer__cols a:visited {
  font-family: var(--font-abc-social);
  font-size: 0.8125rem;
  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;
    line-height: 24.3px;
  }
}
@media screen and (min-width: 64em) {
  .top-footer__cols a,
  .top-footer__cols a:visited {
    line-height: 26px;
    font-size: 1.25rem;
  }
}
.top-footer__privacy-choices {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 39.9375em) {
  .top-footer__privacy-choices {
    margin: 20px 0px;
  }
}
.top-footer__privacy-choices-desktop {
  justify-content: flex-start;
}
@media screen and (min-width: 40em) {
  .top-footer__privacy-choices-desktop {
    padding-bottom: 0px;
  }
}
.top-footer__privacy-choices-desktop--light {
  background-color: #E6E6FA;
}
.top-footer__privacy-choices-desktop--dark {
  background-color: #0A0F1E;
}
.top-footer__social-icons-outer {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 20px;
}
@media screen and (min-width: 40em) {
  .top-footer__social-icons-outer {
    margin-bottom: 40px;
  }
}
.top-footer__social-icons-container {
  position: relative;
  height: 40px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.top-footer__social-icons-container-inner {
  position: absolute;
}
.top-footer__social-icons {
  display: flex;
  gap: 14px;
}
.top-footer__social-icons a {
  cursor: pointer;
}
@media screen and (max-width: 39.9375em) {
  .top-footer__social-icons {
    margin-top: 16px;
  }
}
.top-footer__social-icons img:hover {
  opacity: 0.8;
}

.footer {
  text-align: left;
  padding: 20px 0 60px;
  position: relative;
}
.footer.wrapper-fm25--light {
  background: #E6E6FA;
}
.footer.wrapper-fm25--light a:hover,
.footer.wrapper-fm25--light a:active {
  color: #0A0F1E;
}
.footer.wrapper-fm25--light .footer__content {
  color: rgba(10, 15, 30, 0.8);
}
.footer.wrapper-fm25--dark {
  background: #0A0F1E;
}
.footer.wrapper-fm25--dark a:hover,
.footer.wrapper-fm25--dark a:active {
  color: white;
}
.footer.wrapper-fm25--dark .footer__content {
  color: rgba(255, 255, 255, 0.8);
}
.footer__btb {
  display: flex;
  gap: 5px;
  align-items: center;
}
.footer__btb a {
  text-decoration: underline !important;
}
.footer__btb p {
  margin-bottom: 0px !important;
}
.footer__content {
  font-size: 0.75rem;
}
@media screen and (min-width: 64em) {
  .footer__content {
    text-align: left;
  }
}
.footer__content p {
  font-family: var(--font-abc-social);
  font-size: inherit;
  color: inherit;
  margin: 0 0 18px;
  line-height: 1.3;
}
.footer__content a {
  text-decoration: underline;
}
.footer__content a:hover, .footer__content a:active {
  color: inherit;
}
@media screen and (max-width: 39.9375em) {
  .footer__mobile-links {
    margin-top: -21px;
  }
}
.footer__links-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  gap: 16px 0px;
  padding: 10px 0px;
}
@media screen and (min-width: 40em) {
  .footer__links-bottom {
    margin-top: 40px;
    padding-bottom: 20px;
  }
}
@media screen and (min-width: 64em) {
  .footer__links-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.footer__links {
  font-size: 0;
  text-align: left;
  display: flex;
}
@media screen and (max-width: 39.9375em) {
  .footer__links {
    margin-bottom: 0px !important;
    display: block;
  }
}
.footer__links a {
  position: relative;
  text-align: center;
  display: flex !important;
  align-items: center;
  transition: color 200ms;
  font-size: 0.875rem;
  text-decoration: none;
}
@media screen and (max-width: 39.9375em) {
  .footer__links a {
    padding: 0 12px;
    margin-bottom: 0px !important;
  }
}
@media screen and (max-width: 63.9375em) {
  .footer__links a {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 40em) {
  .footer__links a {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
  }
}
.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-expander {
  position: relative;
}
.footer-expander + .footer-expander {
  border-top: 0;
}
.footer-expander:last-child {
  margin-bottom: 1.25rem;
}
.footer-expander__button {
  height: 44px;
  padding: 12px 0;
  width: 100%;
  display: block;
  outline: none;
  text-align: left;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 400;
  cursor: pointer;
}
.footer-expander__icon {
  position: absolute;
  top: 15px;
  right: 2px;
  width: 13px;
  height: 13px;
  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%;
  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: 0px 20px 0px 0px;
}
.footer-expander__content a,
.footer-expander__content a:visited {
  font-size: 1.125rem;
  display: block;
  padding-top: 0px;
  padding-bottom: 3px;
}

.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: 106px !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;
}
@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;
}
@font-face {
  font-family: "FMUniverse";
  src: url("../fonts/FMUniverse-Regular.woff2") format("woff2"), url("../fonts/FMUniverse-Regular.woff") format("woff"), url("../fonts/FMUniverse-Regular.ttf") format("truetype"), url("../fonts/FMUniverse-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ABCSocial";
  src: url("../fonts/ABCSocial-Black.woff2") format("woff2"), url("../fonts/ABCSocial-Black.woff") format("woff"), url("../fonts/ABCSocial-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "ABCSocial";
  src: url("../fonts/ABCSocial-Bold.woff2") format("woff2"), url("../fonts/ABCSocial-Bold.woff") format("woff"), url("../fonts/ABCSocial-Bold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "ABCSocial";
  src: url("../fonts/ABCSocial-Bold.woff2") format("woff2"), url("../fonts/ABCSocial-Bold.woff") format("woff"), url("../fonts/ABCSocial-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ABCSocial";
  src: url("../fonts/ABCSocial-Regular.woff2") format("woff2"), url("../fonts/ABCSocial-Regular.woff") format("woff"), url("../fonts/ABCSocial-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ABCSocialCondensed";
  src: url("../fonts/ABCSocialCondensed-Black.woff2") format("woff2"), url("../fonts/ABCSocialCondensed-Black.woff") format("woff"), url("../fonts/ABCSocialCondensed-Black.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "ABCSocialCondensed";
  src: url("../fonts/ABCSocialCondensed-Regular.woff2") format("woff2"), url("../fonts/ABCSocialCondensed-Regular.woff") format("woff"), url("../fonts/ABCSocialCondensed-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
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: 75px;
  margin-top: -45px;
  visibility: hidden;
}
@media screen and (min-width: 64em) {
  .copy [id]::before {
    height: 91px;
    margin-top: -61px;
  }
}
.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;
  overscroll-behavior: none;
}
@media (prefers-reduced-motion) {
  html {
    scroll-behavior: auto;
  }
}

::-moz-selection {
  color: white;
  background: black;
}

::selection {
  color: white;
  background: black;
}

body {
  height: 100%;
  margin: 0;
  padding: 0;
}
body > img {
  display: block;
}
body.header-theme-dark, body.header-theme-light {
  padding-top: 60px;
}
@media screen and (min-width: 64em) {
  body.header-theme-dark, body.header-theme-light {
    padding-top: 76px;
  }
}
body.header-theme-dark {
  background: #0A0F1E;
}
body.header-theme-light {
  background: #E6E6FA;
}
body.has-topbar {
  padding-top: 34px;
}
@media screen and (min-width: 64em) {
  body.has-topbar {
    padding-top: 38px;
  }
}
body.no-topbar {
  padding-top: 0;
}
@media screen and (min-width: 64em) {
  body.no-topbar {
    padding-top: 0;
  }
}
body.no-scrolling {
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

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

#container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main-content {
  flex: 1;
}

/* ====================================================
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: 94px;
  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: 38px;
  }
}

/* =============================================================
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: 9.5rem;
  }
}

.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: 76px;
    z-index: 1;
    background: black;
  }
  .sticky-active .wrapper--black-top:after {
    height: 76px;
  }
}

/* =======================================================
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: transparent;
  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;
  }
}
.news-box__title {
  font-size: 1.125rem;
  margin: 12px 0 4px;
  transition: opacity 200ms;
  font-family: var(--font-fm-universe);
  color: #0A0F1E;
  line-height: 1.05;
  text-transform: none;
}
@media screen and (min-width: 64em) {
  .news-box__title {
    margin: 20px 0 10px;
    font-size: 1.75rem;
  }
}
.news-box__date, .news-box__author {
  display: inline-block;
  text-align: left;
  margin: 0;
  line-height: 1.4;
  color: #6E0FD7;
  font-size: 0.75rem;
}
@media screen and (min-width: 64em) {
  .news-box__date, .news-box__author {
    font-size: 1rem;
  }
}
.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%, #DBDBEF 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
}
.news-box__image {
  width: 100%;
  height: 100%;
  transition: transform 200ms, filter 200ms;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-box__image-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  border: 1px solid rgba(10, 15, 30, 0.2);
  aspect-ratio: 1034/600;
}
@media screen and (min-width: 64em) {
  .news-box__image-wrapper {
    border-radius: 12px;
  }
}
.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 {
  filter: brightness(125%);
}
.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;
}
.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 - 60px);
  min-height: 600px;
}
@media screen and (max-width: 63.9375em) {
  .carousel--full {
    height: calc(100vh - 60px);
  }
}
@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 {
  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: 60px;
}
@media screen and (min-width: 40em) {
  .carousel-wrapper--fixed {
    top: 0;
  }
}
.carousel-wrapper__height {
  height: 400px;
  height: 100vh;
  height: calc(100vh - 60px);
}
@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, .lang-select--id, .lang-select--fil, .lang-select--ms, .lang-select--en-SG {
  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__meta {
  text-align: left;
  margin-bottom: 12px;
  position: relative;
  color: #6E0FD7;
  display: flex;
  gap: 15px;
  font-size: 1.125rem;
}
.wrapper-fm25--dark .news__meta {
  color: #AF78FF;
}
@media screen and (min-width: 64em) {
  .news__meta {
    margin-bottom: 20px;
    font-size: 1.25rem;
  }
}
.news__meta p {
  color: inherit;
  margin: 0;
}
.news__title {
  text-align: left;
  margin-bottom: 12px;
  font-family: var(--font-fm-universe);
  font-size: 2rem;
  line-height: 1.05;
  color: #0A0F1E;
  text-transform: none;
}
.wrapper-fm25--dark .news__title {
  color: #E6E6FA;
}
@media screen and (min-width: 40em) {
  .news__title {
    font-size: 3.625rem;
    margin-bottom: 28px;
  }
}
.news__copy {
  text-align: left;
  font-family: var(--font-abc-social);
  font-weight: 400;
  font-size: 1rem;
}
@media screen and (min-width: 64em) {
  .news__copy {
    font-size: 1rem;
  }
}
.wrapper-fm25--dark .news__copy {
  color: #E6E6FA;
}
.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,
.news__copy iframe {
  width: calc(100% + 32px);
  max-width: calc(100% + 32px);
  margin: 0 20px;
  margin-left: -16px;
}
@media screen and (min-width: 64em) {
  .news__copy img,
  .news__copy iframe {
    width: calc(100% + 64px);
    max-width: calc(100% + 64px);
    margin: 0 40px;
    margin-left: -32px;
  }
}
.news__copy p:last-child {
  margin-bottom: 0;
}
.news__copy h2, .news__copy h3, .news__copy h4, .news__copy h5, .news__copy h6 {
  font-family: var(--font-fm-universe);
  font-size: 2rem;
}
.wrapper-fm25--dark .news__copy h2, .wrapper-fm25--dark .news__copy h3, .wrapper-fm25--dark .news__copy h4, .wrapper-fm25--dark .news__copy h5, .wrapper-fm25--dark .news__copy h6 {
  color: #AF78FF;
}
@media screen and (min-width: 64em) {
  .news__copy h2, .news__copy h3, .news__copy h4, .news__copy h5, .news__copy h6 {
    font-size: 2rem;
  }
}
.news__copy a.html5lightbox {
  display: inline-block;
  position: relative;
}
.news__copy a.html5lightbox img {
  margin: 0;
}
.news__abstract {
  text-align: left;
  font-family: var(--font-abc-social);
  font-size: 1.125rem;
  margin: 0 0 20px;
}
.wrapper-fm25--dark .news__abstract {
  color: #E6E6FA;
}
@media screen and (min-width: 64em) {
  .news__abstract {
    font-size: 1.25rem;
    margin-bottom: 40px;
  }
}
.news__wrapper {
  padding: 15px 0 40px;
  background: #E6E6FA;
  color: #0A0F1E;
}
.wrapper-fm25--dark .news__wrapper {
  color: #E6E6FA;
}
@media screen and (min-width: 40em) {
  .news__wrapper {
    padding: 30px 0 80px;
  }
}
.news__button {
  margin: 20px auto 0 0;
  width: -moz-fit-content;
  width: fit-content;
}
.news__recent-wrapper {
  margin-top: 60px;
}
@media screen and (min-width: 64em) {
  .news__recent-wrapper {
    margin-top: 120px;
  }
}
.news__recent-title {
  font-size: 2rem;
  font-family: var(--font-fm-universe);
  font-weight: 400;
  margin: 0 0 20px;
  text-transform: none;
  color: #0A0F1E;
}
.wrapper-fm25--dark .news__recent-title {
  color: #E6E6FA;
}
@media screen and (min-width: 64em) {
  .news__recent-title {
    font-size: 3.625rem;
    margin: 0 auto 28px;
    text-align: center;
  }
}
.news__recents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (min-width: 64em) {
  .news__recents {
    gap: 32px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 63.9375em) {
  .news__recents .news-box:nth-child(n+3) {
    display: none;
  }
}
.news__side-bracket {
  overflow: visible;
  display: none;
}
@media screen and (min-width: 64em) {
  .news__side-bracket {
    display: block;
  }
}
.news__left-bracket, .news__right-bracket {
  position: sticky;
  top: 100px;
  margin-top: 100px;
}
.news__left-bracket svg, .news__right-bracket svg {
  width: 100%;
}
.news__left-bracket {
  transform: translateX(-30px);
}
.news__right-bracket {
  transform: translateX(30px);
}
.news__video {
  width: calc(100% + 32px);
  max-width: calc(100% + 32px);
  margin: 20px 0;
  margin-left: -16px;
  position: relative;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 64em) {
  .news__video {
    width: calc(100% + 64px);
    max-width: calc(100% + 64px);
    margin: 40px 0;
    margin-left: -32px;
  }
}
.news__video-icon {
  width: 60px !important;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  margin: 0 !important;
}
.news__video-image {
  margin: 0 !important;
  width: 100% !important;
}

.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;
}
.news-list__top {
  padding: 0 0 20px;
  display: flex;
  gap: 20px;
  flex-direction: column;
}
@media screen and (min-width: 64em) {
  .news-list__top {
    padding-bottom: 40px;
    flex-direction: row;
  }
}
.news-list__title {
  font-family: var(--font-fm-universe);
  font-size: 2rem;
  margin: 0;
  line-height: 1.05;
  color: #0A0F1E;
  text-transform: none;
}
@media screen and (min-width: 64em) {
  .news-list__title {
    font-size: 3.625rem;
  }
}
.news-list__abstract {
  margin: 12px 0 0;
  font-size: 1rem;
  color: #0A0F1E;
}
@media screen and (min-width: 64em) {
  .news-list__abstract {
    margin-top: 16px;
    font-size: 1.25rem;
  }
}
.news-list__filter-button {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto auto auto 0;
  padding: 10px 16px;
  border: 2px solid #6E0FD7;
  border-radius: 4px;
  font-family: var(--font-abc-social);
  font-weight: 700;
  align-items: center;
  cursor: pointer;
}
@media screen and (min-width: 64em) {
  .news-list__filter-button {
    margin: auto 0 0 auto;
    padding: 12px 20px;
  }
}
.news-list__filter-button:hover, .news-list__filter-button:active {
  color: #0A0F1E;
}
.news-list__filter-button img {
  margin-right: 10px;
  width: 24px;
}
.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__container {
  font-size: 0;
}
@media screen and (max-width: 39.9375em) {
  .news-list__container {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 63.9375em) {
  .news-list .news-box:nth-child(1), .news-list .news-box:nth-child(9n) {
    grid-column-start: 1;
    grid-column-end: 3;
    overflow: hidden;
    border-radius: 6px;
    background: #DBDBEF;
    margin: 0 0 10px;
  }
  .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, .news-list .news-box:nth-child(9n) .news-box__image {
    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.5rem;
  }
  .news-list .news-box:nth-child(1) .news-box__content, .news-list .news-box:nth-child(9n) .news-box__content {
    padding: 16px;
  }
}
@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;
    background: #DBDBEF;
    border-radius: 12px;
    overflow: hidden;
  }
  .news-list .news-box:nth-child(1) .news-box__title {
    margin-top: 0;
  }
  .news-list .news-box:nth-child(1) .news-box__abstract {
    display: block;
  }
  .news-list .news-box:nth-child(1) .news-box__gradient {
    display: block;
    height: 60%;
  }
  .news-list .news-box:nth-child(1) .news-box__content {
    padding: 40px 33px;
    max-height: 215px;
  }
  .news-list .news-box:nth-child(1) .news-box__image-wrapper {
    border-radius: 0;
    border: 0;
  }
  .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;
  }
  .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) {
    padding: 0;
    width: 100%;
    margin: 36px 0;
    display: flex;
    gap: 28px;
    flex-direction: row;
    grid-column-start: 1;
    grid-column-end: 4;
    background: #DBDBEF;
    overflow: hidden;
    border-radius: 12px;
  }
  .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%;
    border-radius: 0;
  }
  .news-list .news-box:nth-child(11) .news-box__content {
    width: 50%;
    max-height: 275px;
    padding: 50px 64px 50px 36px;
  }
  .news-list .news-box:nth-child(11) .news-box__abstract {
    display: block;
  }
  .news-list .news-box:nth-child(11) .news-box__gradient {
    display: block;
    height: 98px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #DBDBEF calc(100% - 48px));
  }
}
@media screen and (min-width: 87.5em) {
  .news-list .news-box:nth-child(11) .news-box__content {
    max-height: 343px;
  }
}
.news-list .pager {
  margin-bottom: 0;
}
.news-list .pager__item {
  margin-top: 28px;
}
@media screen and (min-width: 64em) {
  .news-list .pager__item {
    margin-top: 28px;
  }
}
.news-list .pager__button {
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  padding-left: 50px;
  padding-right: 50px;
}
.news-list .views-infinite-scroll-content-wrapper {
  gap: 16px;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (min-width: 64em) {
  .news-list .views-infinite-scroll-content-wrapper {
    gap: 32px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.news-list .views-infinite-scroll-content-separator {
  display: none;
  grid-column: 1/-1;
}

.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: 106px !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;
  }
}

.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 {
  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 {
    justify-content: center;
  }
}
.demo-widget__button.button-fm23:first-of-type {
  margin-right: 1rem;
}
@media all and (max-width: 900px) {
  .demo-widget__button.button-fm23:first-of-type {
    margin-right: 0;
  }
}
.demo-widget__button.button-fm23:nth-of-type(3n) {
  margin-top: 1rem;
}
.demo-widget__button.button-fm23:hover {
  border-color: #7239AF !important;
  background: #f0f0f0;
}
.demo-widget__button.button-fm23 img {
  margin: auto 6px auto 0 !important;
}
@media all and (max-width: 1220px) {
  .demo-widget__button.button-fm23 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .demo-widget__button.button-fm23: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;
}

#ccc h1, #ccc h2, #ccc h3, #ccc h4, #ccc h5, #ccc h6 {
  font-family: "FMUniverse", sans-serif;
  color: #0A0F1E;
  font-weight: normal;
  line-height: 1.2em;
  text-transform: none;
}

#ccc .ccc-notify-button.ccc-reject-button, #ccc .ccc-notify-button.ccc-reject-button span {
  border-color: #0A0F1E !important;
  color: #0A0F1E;
}

#ccc .ccc-notify-button.ccc-accept-button, #ccc .ccc-notify-button.ccc-accept-button span, #ccc .ccc-notify-button.ccc-close-button, #ccc .ccc-notify-button.ccc-close-button span {
  border-color: #0A0F1E !important;
  color: #0A0F1E;
}

.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: 9.5rem;
  }
}
.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: 106px !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: 5rem;
    background: #190A28;
  }
}
@media screen and (min-width: 64em) {
  .asset-list__top {
    padding-top: 8.25rem;
    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: -60px;
  }
}
@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: 7.25rem !important;
    padding-bottom: 2.5rem;
    min-height: 511px;
  }
}
.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: 10rem;
    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: 116px !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: 106px !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 - 76px - 50px - 2 * 40px);
    max-width: calc(1.7777777778 * (100vh - 76px - 50px - 2 * 40px));
    margin: calc(76px + 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 - 60px);
  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: 76px;
  }
}
.ww2--with-arrow {
  padding-bottom: 80px;
}
.bc--ios.bc--safari .ww2 {
  min-height: calc(100vh - 60px - 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;
  }
}

.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;
  }
}
.byline-list .pager__item .button-fm25 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}

#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 + 60px);
  min-height: 100vh;
  margin-top: -94px;
  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: 144px !important;
    padding-bottom: 30px;
    margin-top: -38px;
  }
}
.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;
  }
}

.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 - 38px);
    padding-top: 161px;
    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%);
  }
}

.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;
}
@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: 530px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
@media screen and (min-width: 40em) {
  .lp-bg-2024 {
    top: calc(720px + 34px + 60px);
  }
}
@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: 94px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: -1;
}
@media screen and (min-width: 64em) {
  .buy-bg-2024 {
    top: 38px;
  }
}
.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: 94px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
  z-index: -1;
}
@media screen and (min-width: 64em) {
  .buy-bg-2024 {
    top: 38px;
  }
}
.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: 106px !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: 134px;
    min-height: 550px;
  }
}
@media screen and (min-width: 87.5em) {
  .f-hero-2024__wrapper {
    padding-top: 204px;
  }
}
.f-hero-2024__bg-wrapper {
  position: absolute;
  top: 94px;
  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;
}
.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: 134px;
    padding-bottom: 80px;
    min-height: 650px;
  }
}
@media screen and (min-width: 87.5em) {
  .game-banner-2024__wrapper {
    padding-top: 204px;
  }
}
.game-banner-2024__bg-wrapper {
  position: absolute;
  top: 94px;
  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 {
    margin-left: 0 !important;
    min-width: 130px;
  }
}
.game-banner-2024__buttons .button-fm23:first-child:last-child {
  min-width: 279px;
}
@media screen and (min-width: 64em) {
  .game-banner-2024__buttons .button-fm23: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: 136px 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: 136px 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;
}
.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__items-dot {
  display: block;
  width: 20px;
  height: 20px;
  background: #FF4164;
  border-radius: 50%;
  position: absolute;
  top: -2px;
  left: 5px;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .roadmap__items-dot {
    left: calc(50% - 13px);
    width: 26px;
    height: 26px;
  }
}
.roadmap__items-bottom-dot {
  display: block;
  width: 20px;
  height: 20px;
  background: #D2C8F5;
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 5px;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .roadmap__items-bottom-dot {
    left: calc(50% - 10px);
  }
}
.roadmap-item--unlocked + .roadmap__items-bottom-dot {
  background: #FF4164;
}

.roadmap-item {
  padding: 0 0 32px 44px;
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .roadmap-item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-direction: row;
    gap: 176px;
    align-items: center;
    padding: 0 0 51px;
  }
}
.roadmap-item p:last-child {
  margin-bottom: 0;
  line-height: inherit;
}
.roadmap-item__image-wrapper {
  position: relative;
  aspect-ratio: 352/198;
  background: black;
  margin: 0;
  border-radius: 8px;
  overflow: hidden;
}
@media screen and (min-width: 64em) {
  .roadmap-item__image-wrapper {
    margin-bottom: 22px;
    overflow: visible;
  }
  .roadmap-item:nth-child(odd) .roadmap-item__image-wrapper {
    order: 1;
  }
}
.roadmap-item__lock {
  position: absolute;
  width: 37px;
  top: calc(50% - 18px);
  left: calc(50% - 18px);
}
@media screen and (min-width: 64em) {
  .roadmap-item__lock {
    width: 61px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
  }
}
.roadmap-item__corners-unlocked, .roadmap-item__corners-locked {
  border: 15px solid transparent;
  -o-border-image: url(../img/components/feature-roadmap/corners-locked.svg) round;
     border-image: url(../img/components/feature-roadmap/corners-locked.svg) round;
  border-image-slice: 15;
  position: absolute;
  z-index: 1;
  top: -7px;
  left: -7px;
  width: calc(100% + 14px);
  height: calc(100% + 14px);
}
.roadmap-item__corners-unlocked {
  -o-border-image: url(../img/components/feature-roadmap/corners-unlocked.svg) round;
     border-image: url(../img/components/feature-roadmap/corners-unlocked.svg) round;
  border-image-slice: 15;
}
.roadmap-item__title {
  color: #0A0F1E;
  font-size: 1.5rem;
  font-family: var(--font-fm-universe);
  font-weight: 400;
  margin: 20px auto 8px;
  line-height: 1.05;
  text-transform: none;
  text-align: left;
}
.wrapper-fm25--dark .roadmap-item__title {
  color: #E6E6FA;
}
@media screen and (min-width: 64em) {
  .roadmap-item__title {
    font-size: 2.625rem;
    margin-bottom: 14px;
  }
}
.roadmap-item__locked-content {
  color: #6E0FD7;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  font-family: var(--font-abc-social);
  margin: 0 auto;
}
.wrapper-fm25--dark .roadmap-item__locked-content {
  color: #E6E6FA;
}
@media screen and (min-width: 64em) {
  .roadmap-item__locked-content {
    font-size: 1.25rem;
  }
}
.roadmap-item__unlocked-content {
  font-size: 1rem;
  line-height: 1.4;
  color: #0A0F1E;
}
@media screen and (min-width: 64em) {
  .roadmap-item__unlocked-content {
    font-size: 1.125rem;
  }
}
.wrapper-fm25--dark .roadmap-item__unlocked-content {
  color: #E6E6FA;
}
.roadmap-item__dot-locked, .roadmap-item__dot-unlocked {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 80px;
  left: 5px;
  border-radius: 50%;
}
@media screen and (min-width: 40em) {
  .roadmap-item__dot-locked, .roadmap-item__dot-unlocked {
    top: 155px;
  }
}
@media screen and (min-width: 64em) {
  .roadmap-item__dot-locked, .roadmap-item__dot-unlocked {
    width: 30px;
    height: 30px;
    top: calc(50% - 45px);
    left: calc(50% - 15px);
  }
}
.roadmap-item__dot-unlocked {
  background: #FF4164;
}
.roadmap-item__dot-locked {
  background: #D2C8F5;
}
.roadmap-item__line {
  position: absolute;
  top: 0;
  left: 12px;
  bottom: 0;
  height: calc(100% + 1px);
  width: 6px;
  -o-object-fit: fill;
     object-fit: fill;
}
@media screen and (min-width: 64em) {
  .roadmap-item__line {
    left: calc(50% - 5px);
    width: 10px;
  }
}
.roadmap-item:nth-child(2) .roadmap-item__line {
  top: 15px;
  height: calc(100% - 14px);
}
.roadmap-item:nth-last-child(2) .roadmap-item__line {
  bottom: 15px;
  height: calc(100% - 15px);
}
.roadmap-item__button {
  margin: 8px 0 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 64em) {
  .roadmap-item__button {
    margin-top: 12px;
  }
}
.roadmap-item__logos {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 auto 11px;
}
@media screen and (min-width: 64em) {
  .roadmap-item__logos {
    flex-direction: row;
    gap: 10px;
    margin-bottom: 16px;
  }
}
.roadmap-item__logos-title {
  font-size: 0.875rem;
  color: #6E0FD7;
  font-family: var(--font-abc-social);
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
  text-transform: none;
}
@media screen and (min-width: 64em) {
  .roadmap-item__logos-title {
    font-size: 1rem;
  }
}
.wrapper-fm25--dark .roadmap-item__logos-title {
  color: #AF78FF;
}
.roadmap-item__logos-images-wrapper {
  position: relative;
  width: 100%;
  flex: 1;
  min-height: 30px;
}
.roadmap-item__logos-images {
  display: flex;
  align-items: start;
  gap: 16px;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 200ms;
}
.roadmap-item__logos-images--light {
  opacity: 0;
}
.wrapper-fm25--dark .roadmap-item__logos-images--light {
  opacity: 1;
}
.roadmap-item__logos-images--dark {
  opacity: 1;
}
.wrapper-fm25--dark .roadmap-item__logos-images--dark {
  opacity: 0;
}
.roadmap-item__logo-col {
  width: 100%;
  max-width: 63px;
  margin: 0 0 auto;
  display: flex;
}
.roadmap-item__logo-col--2 {
  order: 2;
}
.roadmap-item__logo-col--3 {
  order: 3;
}
.roadmap-item__logo-col--4 {
  order: 4;
}

.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: $fm2024-yellow;
  --thumb-bgc-focus: $fm2024-yellow;
  --thumb-w: rem-calc(12px);
  margin: var(--m);
  position: relative;
}

.c-compare__wrapper {
  display: none;
}
.c-compare__wrapper.active {
  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%;
}

.c-compare__range::-moz-range-thumb {
  background-color: var(--thumb-bgc);
  cursor: ew-resize;
  height: 100%;
  width: var(--thumb-w);
  position: relative;
}

.c-compare__range::-webkit-slider-thumb {
  background-color: var(--thumb-bgc);
  cursor: ew-resize;
  height: 100%;
  width: var(--thumb-w);
}

.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;
}

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

.c-compare__range,
.c-compare__range::-webkit-slider-runnable-track,
.c-compare__range::-webkit-slider-thumb {
  -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;
}
.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: 136px 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;
}

.button-fm25,
a.button-fm25 {
  cursor: pointer;
  padding: 14px 20px 12px;
  transition: background 200ms, color 200ms, border 200ms;
  text-align: center;
  text-decoration: none;
  border: 0;
  border-radius: 8px;
  text-transform: none;
  font-weight: 700;
  font-family: var(--font-abc-social);
  line-height: 0.9;
  display: flex;
  align-items: center;
  position: relative;
  outline: 0;
  font-size: 1rem;
  min-height: 42px;
}
@media screen and (min-width: 64em) {
  .button-fm25,
  a.button-fm25 {
    min-height: 42px;
  }
}
.button-fm25 img,
a.button-fm25 img {
  vertical-align: middle;
  margin: auto 6px auto auto;
  width: 19px;
  height: auto;
}
.button-fm25:after,
a.button-fm25:after {
  content: "";
  display: block;
  border: 12px solid transparent;
  -o-border-image: url(../img/buttons/button-corners-horizon.svg) round;
     border-image: url(../img/buttons/button-corners-horizon.svg) round;
  border-image-slice: 12;
  position: absolute;
  top: -5px;
  left: -5px;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  opacity: 0;
  transition: opacity 200ms;
}
.button-fm25:hover:after, .button-fm25:focus:after, .button-fm25:active:after,
a.button-fm25:hover:after,
a.button-fm25:focus:after,
a.button-fm25:active:after {
  opacity: 1;
}
.button-fm25.disabled, .button-fm25.search-results__load-more[disabled],
a.button-fm25.disabled {
  opacity: 0.5;
}
.button-fm25--solid-purple, .wrapper-fm25--light .f-info-2025__solid-button.button-fm25, .wrapper-fm25--light .news-carousel-2025__button.button-fm25, .wrapper-fm25--light .womans-football-2025__button.button-fm25, .wrapper-fm25--light .copy-image-right-2025__button.button-fm25, .wrapper-fm25--light .copy-image-left-2025__button.button-fm25, .wrapper-fm25--light .roadmap-item__button,
a.button-fm25--solid-purple {
  color: white !important;
  background: #6E0FD7;
}
.button-fm25--solid-purple:hover, .wrapper-fm25--light .f-info-2025__solid-button.button-fm25:hover, .wrapper-fm25--light .news-carousel-2025__button.button-fm25:hover, .wrapper-fm25--light .womans-football-2025__button.button-fm25:hover, .wrapper-fm25--light .copy-image-right-2025__button.button-fm25:hover, .wrapper-fm25--light .copy-image-left-2025__button.button-fm25:hover, .wrapper-fm25--light .roadmap-item__button:hover, .button-fm25--solid-purple:focus, .wrapper-fm25--light .f-info-2025__solid-button.button-fm25:focus, .wrapper-fm25--light .news-carousel-2025__button.button-fm25:focus, .wrapper-fm25--light .womans-football-2025__button.button-fm25:focus, .wrapper-fm25--light .copy-image-right-2025__button.button-fm25:focus, .wrapper-fm25--light .copy-image-left-2025__button.button-fm25:focus, .wrapper-fm25--light .roadmap-item__button:focus, .button-fm25--solid-purple:active, .wrapper-fm25--light .f-info-2025__solid-button.button-fm25:active, .wrapper-fm25--light .news-carousel-2025__button.button-fm25:active, .wrapper-fm25--light .womans-football-2025__button.button-fm25:active, .wrapper-fm25--light .copy-image-right-2025__button.button-fm25:active, .wrapper-fm25--light .copy-image-left-2025__button.button-fm25:active, .wrapper-fm25--light .roadmap-item__button:active,
a.button-fm25--solid-purple:hover,
a.button-fm25--solid-purple:focus,
a.button-fm25--solid-purple:active {
  color: white;
}

.button-fm25--bordered-purple, .wrapper-fm25--light .f-info-2025__bordered-button.button-fm25,
a.button-fm25--bordered-purple {
  color: #0A0F1E;
  background: transparent;
  border: 2px solid #6E0FD7;
}
.button-fm25--bordered-purple:hover, .wrapper-fm25--light .f-info-2025__bordered-button.button-fm25:hover, .button-fm25--bordered-purple:focus, .wrapper-fm25--light .f-info-2025__bordered-button.button-fm25:focus, .button-fm25--bordered-purple:active, .wrapper-fm25--light .f-info-2025__bordered-button.button-fm25:active,
a.button-fm25--bordered-purple:hover,
a.button-fm25--bordered-purple:focus,
a.button-fm25--bordered-purple:active {
  color: white;
  background: transparent;
}
.button-fm25--bordered-purple:after, .wrapper-fm25--light .f-info-2025__bordered-button.button-fm25:after,
a.button-fm25--bordered-purple:after {
  display: none;
}

.button-fm25--solid-light-purple, .wrapper-fm25--dark .f-info-2025__solid-button.button-fm25, .wrapper-fm25--dark .news-carousel-2025__button.button-fm25, .wrapper-fm25--dark .womans-football-2025__button.button-fm25, .wrapper-fm25--dark .copy-image-right-2025__button.button-fm25, .wrapper-fm25--dark .copy-image-left-2025__button.button-fm25, .wrapper-fm25--dark .roadmap-item__button,
a.button-fm25--solid-light-purple {
  color: white !important;
  background: #AF78FF;
}
.button-fm25--solid-light-purple:hover, .wrapper-fm25--dark .f-info-2025__solid-button.button-fm25:hover, .wrapper-fm25--dark .news-carousel-2025__button.button-fm25:hover, .wrapper-fm25--dark .womans-football-2025__button.button-fm25:hover, .wrapper-fm25--dark .copy-image-right-2025__button.button-fm25:hover, .wrapper-fm25--dark .copy-image-left-2025__button.button-fm25:hover, .wrapper-fm25--dark .roadmap-item__button:hover, .button-fm25--solid-light-purple:focus, .wrapper-fm25--dark .f-info-2025__solid-button.button-fm25:focus, .wrapper-fm25--dark .news-carousel-2025__button.button-fm25:focus, .wrapper-fm25--dark .womans-football-2025__button.button-fm25:focus, .wrapper-fm25--dark .copy-image-right-2025__button.button-fm25:focus, .wrapper-fm25--dark .copy-image-left-2025__button.button-fm25:focus, .wrapper-fm25--dark .roadmap-item__button:focus, .button-fm25--solid-light-purple:active, .wrapper-fm25--dark .f-info-2025__solid-button.button-fm25:active, .wrapper-fm25--dark .news-carousel-2025__button.button-fm25:active, .wrapper-fm25--dark .womans-football-2025__button.button-fm25:active, .wrapper-fm25--dark .copy-image-right-2025__button.button-fm25:active, .wrapper-fm25--dark .copy-image-left-2025__button.button-fm25:active, .wrapper-fm25--dark .roadmap-item__button:active,
a.button-fm25--solid-light-purple:hover,
a.button-fm25--solid-light-purple:focus,
a.button-fm25--solid-light-purple:active {
  opacity: 0.9;
  color: white;
}

.button-fm25--bordered-light-purple, .wrapper-fm25--dark .f-info-2025__bordered-button.button-fm25,
a.button-fm25--bordered-light-purple {
  color: white;
  background: transparent;
  border: 2px solid #AF78FF;
}
.button-fm25--bordered-light-purple:hover, .wrapper-fm25--dark .f-info-2025__bordered-button.button-fm25:hover, .button-fm25--bordered-light-purple:focus, .wrapper-fm25--dark .f-info-2025__bordered-button.button-fm25:focus, .button-fm25--bordered-light-purple:active, .wrapper-fm25--dark .f-info-2025__bordered-button.button-fm25:active,
a.button-fm25--bordered-light-purple:hover,
a.button-fm25--bordered-light-purple:focus,
a.button-fm25--bordered-light-purple:active {
  color: white;
  background: transparent;
}

.button-fm25--gradient-purple-to-pink, .wrapper-fm25--dark .fmfc-2025__button.button-fm25, .wrapper-fm25--light .fmfc-2025__button.button-fm25,
a.button-fm25--gradient-purple-to-pink {
  color: white !important;
  background: linear-gradient(to right, #E664FF, #FF4164);
}
.button-fm25--gradient-purple-to-pink:hover, .wrapper-fm25--dark .fmfc-2025__button.button-fm25:hover, .wrapper-fm25--light .fmfc-2025__button.button-fm25:hover, .button-fm25--gradient-purple-to-pink:focus, .wrapper-fm25--dark .fmfc-2025__button.button-fm25:focus, .wrapper-fm25--light .fmfc-2025__button.button-fm25:focus, .button-fm25--gradient-purple-to-pink:active, .wrapper-fm25--dark .fmfc-2025__button.button-fm25:active, .wrapper-fm25--light .fmfc-2025__button.button-fm25:active,
a.button-fm25--gradient-purple-to-pink:hover,
a.button-fm25--gradient-purple-to-pink:focus,
a.button-fm25--gradient-purple-to-pink:active {
  opacity: 0.9;
  color: white;
}

.button-fm25--gradient-pink-to-purple,
a.button-fm25--gradient-pink-to-purple {
  color: white;
  background: linear-gradient(to right, #FF4164, #E664FF);
}
.button-fm25--gradient-pink-to-purple:hover, .button-fm25--gradient-pink-to-purple:focus, .button-fm25--gradient-pink-to-purple:active,
a.button-fm25--gradient-pink-to-purple:hover,
a.button-fm25--gradient-pink-to-purple:focus,
a.button-fm25--gradient-pink-to-purple:active {
  opacity: 0.9;
  color: white;
}

.underline-button-fm25 a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #E664FF, #FF4164);
}

.wrapper-fm25 {
  padding: 32px 0;
}
@media screen and (min-width: 40em) {
  .wrapper-fm25 {
    padding: 40px 0;
  }
}
@media screen and (min-width: 64em) {
  .wrapper-fm25 {
    padding: 60px 0;
  }
}
.wrapper-fm25--light {
  background: #E6E6FA;
}
.wrapper-fm25--dark {
  background: #0A0F1E;
}
.main-content > .wrapper-fm25:nth-child(1), .main-content > [data-drupal-messages-fallback]:first-child + .wrapper-fm25 {
  padding-top: 92px;
}
@media screen and (min-width: 40em) {
  .main-content > .wrapper-fm25:nth-child(1), .main-content > [data-drupal-messages-fallback]:first-child + .wrapper-fm25 {
    padding-top: 108px;
  }
}
@media screen and (min-width: 64em) {
  .main-content > .wrapper-fm25:nth-child(1), .main-content > [data-drupal-messages-fallback]:first-child + .wrapper-fm25 {
    padding-top: 136px;
  }
}

.dynamic-bg {
  transition: background 500ms;
}

.language-modal-2025 {
  max-width: 382px;
  text-align: left;
  height: auto;
  outline: none;
  background: #E6E6FA;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}
@media screen and (max-width: 39.9375em) {
  .language-modal-2025 {
    margin: 1rem auto;
    width: calc(100% - 2rem);
    min-height: 0;
    padding: 40px 10px;
  }
}
@media screen and (min-width: 40em) {
  .language-modal-2025 {
    max-width: 656px !important;
    padding: 64px;
  }
}
@media screen and (min-width: 64em) {
  .language-modal-2025 {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.language-modal-2025 .row {
  position: relative;
}
.language-modal-2025__bg {
  pointer-events: none;
}
.language-modal-2025__title {
  font-size: 1.5rem;
  font-family: var(--font-fm-universe);
  margin: 0px auto 28px;
  text-align: center;
  color: black;
  text-transform: none;
}
.language-modal-2025__title span {
  color: #00DDE3;
}
@media screen and (min-width: 40em) {
  .language-modal-2025__title {
    font-size: 1.75rem;
  }
}
.language-modal-2025__flags {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (min-width: 64em) {
  .language-modal-2025__flags {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
}
.language-modal-2025__flag {
  background-color: #FFFFFF;
  border-radius: 8px;
  padding: 12px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.language-modal-2025__label {
  color: black;
  font-size: 1rem;
  margin-left: 10px;
}
.language-modal-2025 .close-button {
  color: #6E0FD7;
  z-index: 10;
}
.language-modal-2025 .close-button:hover {
  opacity: 0.6;
}

.language-detector-modal-2025 {
  max-width: 630px;
  text-align: center;
  height: auto;
  outline: none;
  background: #E6E6FA;
  border-radius: 12px;
}
@media screen and (max-width: 39.9375em) {
  .language-detector-modal-2025 {
    margin: 1rem;
    width: calc(100% - 2rem);
    min-height: 0;
    padding: 40px 16px;
  }
}
@media screen and (min-width: 40em) {
  .language-detector-modal-2025 {
    max-width: 590px !important;
    padding: 64px;
  }
}
.language-detector-modal-2025 .row {
  position: relative;
}
.language-detector-modal-2025__bg {
  pointer-events: none;
}
.language-detector-modal-2025__flag {
  width: 40px;
  height: 40px;
  overflow: hidden;
  margin: 0px auto 20px;
}
.language-detector-modal-2025__flag img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.language-detector-modal-2025__title {
  color: black;
  max-width: 400px;
  margin: 0 auto 20px;
  text-transform: none;
  font-size: 1.5rem;
  font-family: var(--font-fm-universe);
}
@media screen and (min-width: 40em) {
  .language-detector-modal-2025__title {
    font-size: 1.75rem;
  }
}
.language-detector-modal-2025__copy {
  color: black;
  max-width: 480px;
  margin: 0 auto 25px;
  font-family: var(--font-abc-social);
  font-size: 1rem;
}
.language-detector-modal-2025__button {
  border-radius: 8px;
  max-width: 164px;
  text-decoration: none;
  padding: 14px 20px;
}
.language-detector-modal-2025 .close-button {
  color: #6E0FD7 !important;
}
.language-detector-modal-2025 .close-button:hover {
  opacity: 0.6;
}

/* =============================================================
For the 404 template
================================================================ */
.not-found-2025 {
  display: flex;
  align-items: center;
  background: white;
  padding: 80px 0 40px;
  text-align: center;
  min-height: 508px;
  overflow: hidden;
  background-color: #E6E6FA;
}
@media screen and (min-width: 40em) {
  .not-found-2025 {
    padding: 160px 0 80px;
    min-height: 570px;
  }
}
.not-found-2025 > .row {
  width: 100%;
}
.not-found-2025__content-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: auto;
  min-width: 95%;
}
@media screen and (min-width: 40em) {
  .not-found-2025__content-wrapper {
    min-width: 70%;
  }
}
@media screen and (min-width: 64em) {
  .not-found-2025__content-wrapper {
    min-width: 1005px;
  }
}
.not-found-2025__left-bracket {
  position: absolute;
  left: 0;
}
.not-found-2025__right-bracket {
  position: absolute;
  right: 0;
}
.not-found-2025__big {
  font-size: 5.25rem !important;
  font-family: var(--font-fm-universe);
  color: black;
  position: relative;
  line-height: 88.2px;
  margin-bottom: 0px;
}
@media screen and (min-width: 64em) {
  .not-found-2025__big {
    font-size: 8rem !important;
    line-height: 134.4px;
  }
}
.not-found-2025__title {
  font-size: 1.125rem;
  font-family: var(--font-abc-social);
  margin: 0px;
}
@media screen and (min-width: 64em) {
  .not-found-2025__title {
    max-width: 591px;
    font-size: 1.5rem;
  }
}
.not-found-2025__subtitle {
  max-width: 310px;
  position: relative;
  margin: 8px auto 12px;
  font-size: 1rem;
  line-height: 1;
  font-family: var(--font-abc-social);
  color: black;
}
@media screen and (min-width: 64em) {
  .not-found-2025__subtitle {
    max-width: 591px;
    margin: 20px auto 28px;
  }
}
.not-found-2025__buttons {
  margin-top: 12px;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 64em) {
  .not-found-2025__buttons {
    margin-top: 28px;
  }
}
.not-found-2025__button {
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 164px;
  text-decoration: none;
  font-weight: 700;
  padding: 14px 20px;
  max-height: 42px;
}
.not-found-2025__bg {
  position: absolute;
  top: 94px;
  width: 720px;
  left: calc(50% - 360px);
  max-width: initial;
}
@media screen and (min-width: 40em) {
  .not-found-2025__bg {
    width: 3280px;
    left: calc(50% - 1640px);
  }
}
@media screen and (min-width: 64em) {
  .not-found-2025__bg {
    top: 38px;
  }
}

.copy-image-left-2025.wrapper-fm25--light {
  background: #E6E6FA;
}
.copy-image-left-2025.wrapper-fm25--light .copy-image-left-2025__title {
  color: #0A0F1E;
}
.copy-image-left-2025.wrapper-fm25--light .copy-image-left-2025__abstract {
  color: #0A0F1E;
}
.copy-image-left-2025.wrapper-fm25--dark {
  background: #0A0F1E;
}
.copy-image-left-2025.wrapper-fm25--dark .copy-image-left-2025__title {
  color: #E6E6FA;
}
.copy-image-left-2025.wrapper-fm25--dark .copy-image-left-2025__abstract {
  color: white;
}
.copy-image-left-2025__button.button-fm25 {
  width: -moz-fit-content;
  width: fit-content;
}
.copy-image-left-2025__show-medium {
  display: none;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .copy-image-left-2025__show-medium {
    display: block;
  }
}
.copy-image-left-2025__image-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 664/375;
}
@media screen and (min-width: 64em) {
  .copy-image-left-2025__image-container {
    margin-right: 16px;
  }
}
@media screen and (min-width: 87.5em) {
  .copy-image-left-2025__image-container {
    margin-right: 32px;
  }
}
.copy-image-left-2025__background-image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.copy-image-left-2025__logo-image {
  padding: 54px 33px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 40em) {
  .copy-image-left-2025__logo-image {
    padding: 90px;
  }
}
@media screen and (min-width: 64em) {
  .copy-image-left-2025__logo-image {
    padding: 100px;
  }
}
.copy-image-left-2025__text-content-outer {
  display: flex;
  justify-content: flex-end;
}
.copy-image-left-2025__title {
  font-family: var(--font-fm-universe);
  text-align: left;
  font-size: 2.375rem;
  margin-bottom: 12px;
  text-transform: none;
}
@media screen and (min-width: 64em) {
  .copy-image-left-2025__title {
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 87.5em) {
  .copy-image-left-2025__title {
    font-size: 5rem;
    margin-bottom: 20px;
  }
}
.copy-image-left-2025__abstract {
  line-height: 26px;
  font-size: 1rem;
  text-align: left;
  margin-bottom: 20px;
  line-height: 22.4px;
}
@media screen and (min-width: 40em) {
  .copy-image-left-2025__abstract {
    font-size: 1.125rem;
    line-height: 23.4px;
  }
}
@media screen and (min-width: 64em) {
  .copy-image-left-2025__abstract {
    font-size: 1.25rem;
    margin-bottom: 28px;
    line-height: 26px;
  }
}
.copy-image-left-2025__text-content {
  width: 100%;
  margin-top: 28px;
}
@media screen and (min-width: 40em) {
  .copy-image-left-2025__text-content {
    margin-top: 41px;
  }
}
@media screen and (min-width: 64em) {
  .copy-image-left-2025__text-content {
    margin-top: 0px;
  }
}
.copy-image-right-2025.wrapper-fm25--light {
  background: #E6E6FA;
}
.copy-image-right-2025.wrapper-fm25--light .copy-image-right-2025__title {
  color: #0A0F1E;
}
.copy-image-right-2025.wrapper-fm25--light .copy-image-right-2025__abstract {
  color: #0A0F1E;
}
.copy-image-right-2025.wrapper-fm25--dark {
  background: #0A0F1E;
}
.copy-image-right-2025.wrapper-fm25--dark .copy-image-right-2025__title {
  color: #E6E6FA;
}
.copy-image-right-2025.wrapper-fm25--dark .copy-image-right-2025__abstract {
  color: white;
}
.copy-image-right-2025__show-medium {
  display: none;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .copy-image-right-2025__show-medium {
    display: flex;
  }
}
@media screen and (min-width: 64em) {
  .copy-image-right-2025__image-wrapper {
    display: flex;
    justify-content: right;
  }
}
.copy-image-right-2025__button.button-fm25 {
  width: -moz-fit-content;
  width: fit-content;
}
.copy-image-right-2025__image-container {
  max-height: 214px;
  height: 100%;
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 40em) {
  .copy-image-right-2025__image-container {
    max-height: 261px;
  }
}
@media screen and (min-width: 64em) {
  .copy-image-right-2025__image-container {
    margin-left: 16px;
    max-height: none;
  }
}
@media screen and (min-width: 87.5em) {
  .copy-image-right-2025__image-container {
    margin-left: 32px;
  }
}
.copy-image-right-2025__background-image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.copy-image-right-2025__logo-image {
  padding: 54px 33px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 40em) {
  .copy-image-right-2025__logo-image {
    padding: 90px;
  }
}
@media screen and (min-width: 64em) {
  .copy-image-right-2025__logo-image {
    padding: 100px;
  }
}
.copy-image-right-2025__text-content-outer {
  display: flex;
  justify-content: flex-start;
}
.copy-image-right-2025__title {
  font-family: var(--font-fm-universe);
  text-align: left;
  font-size: 2.375rem;
  margin-bottom: 12px;
  text-transform: none;
}
@media screen and (min-width: 64em) {
  .copy-image-right-2025__title {
    font-size: 3.375rem;
  }
}
@media screen and (min-width: 87.5em) {
  .copy-image-right-2025__title {
    font-size: 5rem;
    margin-bottom: 20px;
  }
}
.copy-image-right-2025__abstract {
  line-height: 26px;
  font-size: 1rem;
  text-align: left;
  margin-bottom: 20px;
  line-height: 22.4px;
}
@media screen and (min-width: 40em) {
  .copy-image-right-2025__abstract {
    font-size: 1.125rem;
    line-height: 23.4px;
  }
}
@media screen and (min-width: 64em) {
  .copy-image-right-2025__abstract {
    font-size: 1.25rem;
    margin-bottom: 28px;
    line-height: 26px;
  }
}
.copy-image-right-2025__text-content {
  width: 100%;
  margin-top: 28px;
}
@media screen and (min-width: 40em) {
  .copy-image-right-2025__text-content {
    margin-top: 41px;
  }
}
@media screen and (min-width: 64em) {
  .copy-image-right-2025__text-content {
    margin-top: 0px;
  }
}
.womans-football-2025 {
  padding-top: 70px;
}
@media screen and (min-width: 64em) {
  .womans-football-2025 {
    padding-top: 100px;
  }
}
@media screen and (min-width: 64em) {
  .womans-football-2025 {
    padding-top: 106px;
  }
}
.womans-football-2025.wrapper-fm25--light {
  background: #E6E6FA;
}
.womans-football-2025.wrapper-fm25--light .womans-football-2025__title {
  color: #0A0F1E;
}
.womans-football-2025.wrapper-fm25--light .womans-football-2025__abstract {
  color: #0A0F1E;
}
.womans-football-2025.wrapper-fm25--light .womans-football-2025__tint {
  background: linear-gradient(to bottom, rgba(230, 230, 250, 0), #E6E6FA);
}
.womans-football-2025.wrapper-fm25--light .womans-football-2025__right-bracket-dark,
.womans-football-2025.wrapper-fm25--light .womans-football-2025__left-bracket-dark {
  opacity: 0;
}
.womans-football-2025.wrapper-fm25--light .womans-football-2025__right-bracket-light,
.womans-football-2025.wrapper-fm25--light .womans-football-2025__left-bracket-light {
  opacity: 1;
}
.womans-football-2025.wrapper-fm25--dark {
  background: #0A0F1E;
}
.womans-football-2025.wrapper-fm25--dark .womans-football-2025__title {
  color: #E6E6FA;
}
.womans-football-2025.wrapper-fm25--dark .womans-football-2025__abstract {
  color: white;
}
.womans-football-2025.wrapper-fm25--dark .womans-football-2025__tint {
  background: linear-gradient(to bottom, rgba(10, 15, 30, 0), #0A0F1E);
}
.womans-football-2025.wrapper-fm25--dark .womans-football-2025__right-bracket-dark,
.womans-football-2025.wrapper-fm25--dark .womans-football-2025__left-bracket-dark {
  opacity: 1;
}
.womans-football-2025.wrapper-fm25--dark .womans-football-2025__right-bracket-light,
.womans-football-2025.wrapper-fm25--dark .womans-football-2025__left-bracket-light {
  opacity: 0;
}
.womans-football-2025__button.button-fm25 {
  width: -moz-fit-content;
  width: fit-content;
}
.womans-football-2025__text-content-outer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.womans-football-2025__title {
  font-family: var(--font-fm-universe);
  text-transform: none;
  font-size: 2.375rem;
  text-align: center;
  margin-bottom: 12px;
}
@media screen and (min-width: 40em) {
  .womans-football-2025__title {
    margin-bottom: 20px;
    margin-top: 20px;
  }
}
@media screen and (min-width: 64em) {
  .womans-football-2025__title {
    font-size: 3.375rem;
    margin-top: 40px;
  }
}
@media screen and (min-width: 87.5em) {
  .womans-football-2025__title {
    font-size: 5rem;
    margin-top: 50px;
  }
}
.womans-football-2025__abstract {
  font-family: var(--font-abc-social);
  font-size: 1rem;
  text-align: center;
  line-height: 1.3;
}
@media screen and (min-width: 40em) {
  .womans-football-2025__abstract {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .womans-football-2025__abstract {
    font-size: 1.25rem;
  }
}
.womans-football-2025__text-content {
  margin: 24px 17px 0px;
  width: 100%;
}
.womans-football-2025__text-content a {
  color: white !important;
  border-radius: 8px;
  max-width: 176px;
  text-decoration: none;
  padding: 14px 20px;
  display: flex;
  margin: auto;
  font-weight: 700;
  justify-content: center;
}
.womans-football-2025__text-content a:hover {
  opacity: 0.9;
  color: white;
}
@media screen and (min-width: 40em) {
  .womans-football-2025__text-content {
    margin: 40px 17px 0;
    max-width: 736px;
  }
}
@media screen and (min-width: 64em) {
  .womans-football-2025__text-content {
    margin: 60px auto 0;
    max-width: 800px;
  }
}
.womans-football-2025__image-outer {
  height: 220px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .womans-football-2025__image-outer {
    height: 420px;
  }
}
@media screen and (min-width: 64em) {
  .womans-football-2025__image-outer {
    height: 524px;
  }
}
@media screen and (min-width: 87.5em) {
  .womans-football-2025__image-outer {
    max-width: 1208px;
    margin: auto;
  }
}
.womans-football-2025__left-bracket, .womans-football-2025__right-bracket {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  height: 100%;
  max-height: 425px;
}
.womans-football-2025__left-bracket img, .womans-football-2025__right-bracket img {
  height: 100%;
  width: auto;
  max-width: initial;
}
.womans-football-2025__left-bracket {
  left: -15px;
}
@media screen and (min-width: 40em) {
  .womans-football-2025__left-bracket {
    left: -19px;
  }
}
@media screen and (min-width: 64em) {
  .womans-football-2025__left-bracket {
    left: 0;
  }
}
.womans-football-2025__right-bracket {
  right: -15px;
}
@media screen and (min-width: 40em) {
  .womans-football-2025__right-bracket {
    right: -19px;
  }
}
@media screen and (min-width: 64em) {
  .womans-football-2025__right-bracket {
    right: 0;
  }
}
.womans-football-2025__player {
  position: absolute;
  width: 90%;
  max-height: calc(100% + 20px);
  left: 50%;
  transform: translateX(-50%);
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (min-width: 40em) {
  .womans-football-2025__player {
    width: 110%;
    max-width: none;
  }
}
@media screen and (min-width: 64em) {
  .womans-football-2025__player {
    max-height: initial;
    height: 100%;
  }
}
.womans-football-2025__background {
  height: calc(100% - 40px);
  max-height: 300px;
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 16px;
  margin: 0 33px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 40em) {
  .womans-football-2025__background {
    padding-top: 21px;
    padding-bottom: 21px;
    margin: 0 44px;
  }
}
@media screen and (min-width: 64em) {
  .womans-football-2025__background {
    margin: 0 91px;
    padding-top: 29px;
    padding-bottom: 29px;
    max-height: 368px;
  }
}
.womans-football-2025__background img {
  width: 92%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 87.5em) {
  .womans-football-2025__background img {
    width: 94%;
  }
}

.fmfc-2025.wrapper-fm25--light {
  background: #E6E6FA;
}
.fmfc-2025.wrapper-fm25--light .fmfc-2025__title {
  color: #0A0F1E;
}
.fmfc-2025.wrapper-fm25--light .fmfc-2025__copy {
  color: #0A0F1E;
}
.fmfc-2025.wrapper-fm25--light .fmfc-2025__lower-copy {
  color: #0A0F1E;
}
.fmfc-2025.wrapper-fm25--light .fmfc-2025__sign-in {
  color: #6E0FD7;
  font-weight: 700;
}
.fmfc-2025.wrapper-fm25--light .fmfc-2025__top-logo-light {
  opacity: 1;
}
.fmfc-2025.wrapper-fm25--light .fmfc-2025__top-logo-dark {
  opacity: 0;
}
.fmfc-2025.wrapper-fm25--dark {
  background: #0A0F1E;
}
.fmfc-2025.wrapper-fm25--dark .fmfc-2025__title {
  color: #E6E6FA;
}
.fmfc-2025.wrapper-fm25--dark .fmfc-2025__copy {
  color: white;
}
.fmfc-2025.wrapper-fm25--dark .fmfc-2025__lower-copy {
  color: white;
}
.fmfc-2025.wrapper-fm25--dark .fmfc-2025__sign-in {
  color: #AF78FF;
  font-weight: 700;
}
.fmfc-2025.wrapper-fm25--dark .fmfc-2025__top-logo-light {
  opacity: 0;
}
.fmfc-2025.wrapper-fm25--dark .fmfc-2025__top-logo-dark {
  opacity: 1;
}
.fmfc-2025__text-content-outer {
  display: flex;
  align-items: center;
}
.fmfc-2025__button.button-fm25 {
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 63.9375em) {
  .fmfc-2025__button.button-fm25 {
    margin: auto;
  }
}
.fmfc-2025__bottom-copy {
  display: flex;
  gap: 8px;
  justify-content: center;
  font-family: var(--font-abc-social);
  margin-top: 20px;
}
@media screen and (min-width: 64em) {
  .fmfc-2025__bottom-copy {
    justify-content: flex-start;
  }
}
.fmfc-2025__title {
  font-family: var(--font-fm-universe);
  font-size: 2rem;
  margin-bottom: 8px;
  text-transform: none;
}
@media screen and (min-width: 40em) {
  .fmfc-2025__title {
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 64em) {
  .fmfc-2025__title {
    font-size: 3.625rem;
  }
}
.fmfc-2025__lower-copy {
  font-size: 1rem;
}
.fmfc-2025__copy {
  margin-bottom: 16px;
  font-family: var(--font-abc-social);
  font-size: 1rem;
  line-height: 22.4px;
}
@media screen and (min-width: 40em) {
  .fmfc-2025__copy {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 64em) {
  .fmfc-2025__copy {
    font-size: 1.25rem;
    line-height: 26px;
  }
}
.fmfc-2025__text-content {
  text-align: center;
}
@media screen and (min-width: 64em) {
  .fmfc-2025__text-content {
    text-align: left;
  }
}
.fmfc-2025__image-container-outer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.fmfc-2025__image-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 39.9375em) {
  .fmfc-2025__image-container {
    min-height: 282px;
    min-width: calc(100% + 32px);
  }
}
.fmfc-2025__image-background {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.fmfc-2025__top-logo-outer {
  height: 60px;
  position: relative;
  margin-bottom: 40px;
}
.fmfc-2025__top-logo {
  position: absolute;
}
@media screen and (max-width: 63.9375em) {
  .fmfc-2025__top-logo {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 46px;
  }
}
.fmfc-2025__image-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 158px;
}
@media screen and (min-width: 40em) {
  .fmfc-2025__image-logo {
    max-width: 200px;
  }
}
@media screen and (min-width: 64em) {
  .fmfc-2025__image-logo {
    max-width: 258px;
  }
}

.news-carousel-2025 {
  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;
  padding-bottom: 0;
  margin-bottom: 0;
  padding-top: 1.25rem;
}
.news-carousel-2025__wrapper {
  text-align: left;
}
.news-carousel-2025__wrapper.wrapper-fm25--light {
  background: #E6E6FA;
}
.news-carousel-2025__wrapper.wrapper-fm25--light .news-carousel-2025__title {
  color: #0A0F1E;
}
.news-carousel-2025__wrapper.wrapper-fm25--light .news-carousel-2025__text-container h2 {
  color: #0A0F1E;
}
.news-carousel-2025__wrapper.wrapper-fm25--light .news-carousel-2025__author-date p {
  color: #6E0FD7;
}
.news-carousel-2025__wrapper.wrapper-fm25--dark {
  background: #0A0F1E;
}
.news-carousel-2025__wrapper.wrapper-fm25--dark .news-carousel-slide-2025__image img {
  border: 1px solid rgba(230, 230, 250, 0.4);
}
.news-carousel-2025__wrapper.wrapper-fm25--dark .news-carousel-2025__title {
  color: #E6E6FA;
}
.news-carousel-2025__wrapper.wrapper-fm25--dark .news-carousel-2025__text-container h2 {
  color: #E6E6FA;
}
.news-carousel-2025__wrapper.wrapper-fm25--dark .news-carousel-2025__author-date p {
  color: #AF78FF;
}
.news-carousel-2025__button.button-fm25 {
  width: -moz-fit-content;
  width: fit-content;
}
.news-carousel-2025__title {
  font-size: 2.375rem;
  font-family: var(--font-fm-universe);
  color: #0A0F1E;
  margin-bottom: 0;
  text-transform: none;
}
@media screen and (min-width: 40em) {
  .news-carousel-2025__title {
    font-size: 3rem;
  }
}
@media screen and (min-width: 64em) {
  .news-carousel-2025__title {
    font-size: 3.625rem;
  }
}
.news-carousel-2025__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 39.9375em) {
  .news-carousel-2025__top a {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .news-carousel-2025 {
    padding-top: 2.5rem;
  }
}
.news-carousel-2025 .slick-initialized .slick-track {
  display: flex;
}
@media screen and (min-width: 40em) {
  .news-carousel-2025 {
    height: auto;
  }
}
@media screen and (min-width: 64em) {
  .news-carousel-2025 {
    align-items: center;
    display: flex;
    height: auto;
    text-align: left;
  }
}
.news-carousel-2025__author-date {
  display: flex;
  gap: 8px;
}
.news-carousel-2025__author-date p {
  font-size: 14px;
  margin-bottom: 0px;
}
@media screen and (min-width: 40em) {
  .news-carousel-2025__author-date p {
    font-size: 16px;
  }
}
.news-carousel-2025__text-container {
  padding-top: 20px;
}
@media screen and (min-width: 40em) {
  .news-carousel-2025__text-container {
    padding-top: 28px;
  }
}
.news-carousel-2025__text-container h2 {
  text-align: left;
  font-family: var(--font-fm-universe);
  font-size: 1.25rem;
  margin-bottom: 8px;
}
@media screen and (min-width: 40em) {
  .news-carousel-2025__text-container h2 {
    font-size: 2.25rem;
    margin-bottom: 12px;
  }
}
@media screen and (min-width: 64em) {
  .news-carousel-2025__text-container h2 {
    font-size: 2.625rem;
  }
}
.news-carousel-2025__bottom {
  margin-top: 28px;
}
@media screen and (min-width: 40em) {
  .news-carousel-2025__bottom a {
    display: none;
  }
}
.news-carousel-2025__image-container {
  width: 100%;
  overflow: hidden;
}
@media screen and (min-width: 40em) {
  .news-carousel-2025__image-container {
    height: 270px;
  }
}
@media screen and (min-width: 87.5em) {
  .news-carousel-2025__image-container {
    height: 332px;
  }
}
.news-carousel-2025__image-container img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.news-carousel-2025 .slick-dots {
  margin: 1.25rem auto 0;
  text-align: center;
  height: 10px;
}
.news-carousel-2025 .slick-dots li {
  margin: 0 6px;
  height: 10px;
}
.news-carousel-2025 .slick-prev::before {
  transform: rotate(90deg);
}
@media screen and (max-width: 63.9375em) {
  .news-carousel-2025 .slick-prev::before {
    transform: scale(1.5) rotate(90deg);
  }
}
.news-carousel-2025 .slick-next::before {
  transform: rotate(-90deg);
}
@media screen and (max-width: 63.9375em) {
  .news-carousel-2025 .slick-next::before {
    transform: scale(1.5) rotate(-90deg);
  }
}
.news-carousel-2025 .slick-prev,
.news-carousel-2025 .slick-next {
  height: 15px;
  top: 160px;
  transform: none;
  width: 20px;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .news-carousel-2025 .slick-prev,
  .news-carousel-2025 .slick-next {
    height: 40px;
    width: 30px;
  }
}
@media screen and (max-width: 63.9375em) {
  .news-carousel-2025 .slick-prev,
  .news-carousel-2025 .slick-next {
    width: 100px;
    top: 50%;
  }
}
@media screen and (max-width: 39.9375em) {
  .news-carousel-2025 .slick-prev,
  .news-carousel-2025 .slick-next {
    top: 40%;
  }
}
.news-carousel-2025 .slick-prev:before,
.news-carousel-2025 .slick-next:before {
  background-image: url(../img/components/platform-carousel-2024/arrow-orange.svg);
}
.news-carousel-2025 .slick-prev.slick-disabled:before,
.news-carousel-2025 .slick-next.slick-disabled:before {
  opacity: 0.5;
}
.news-carousel-2025 .slick-next {
  right: 0;
}
@media screen and (min-width: 64em) {
  .news-carousel-2025 .slick-next {
    margin-right: 30px;
  }
}
.news-carousel-2025 .slick-prev {
  left: 0;
}
@media screen and (min-width: 64em) {
  .news-carousel-2025 .slick-prev {
    margin-left: 30px;
  }
}
.news-carousel-2025 .slick-list {
  /* Show slides that would otherwise be hidden off-screen */
  overflow: visible;
}

.news-carousel-2025-slide {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 32px;
}
.news-carousel-2025-slide__image-row {
  align-items: center;
  display: flex;
  justify-content: center;
}
.news-carousel-2025-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) {
  .news-carousel-2025-slide__image--mobile {
    width: 420px;
  }
}
@media screen and (max-width: 39.9375em) {
  .news-carousel-2025-slide__image--mobile {
    width: 230px;
  }
}
@media screen and (max-width: 63.9375em) {
  .news-carousel-2025-slide__image--console {
    width: 420px;
  }
}
@media screen and (max-width: 39.9375em) {
  .news-carousel-2025-slide__image--console {
    width: 230px;
  }
}
@media screen and (max-width: 63.9375em) {
  .news-carousel-2025-slide__image--touch {
    width: 420px;
  }
}
@media screen and (max-width: 39.9375em) {
  .news-carousel-2025-slide__image--touch {
    width: 230px;
  }
}
.news-carousel-2025-slide__title {
  text-transform: none;
}

.platform-carousel-2025 {
  align-items: center;
  display: flex;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
  width: 100%;
  z-index: 1;
  visibility: hidden;
}
.platform-carousel-2025__wrapper {
  position: relative;
}
.platform-carousel-2025__wrapper.wrapper-fm25--light {
  background: #E6E6FA;
}
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-content__tile {
  background-color: white;
}
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-content__tile p {
  color: #0A0F1E;
}
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-content__tile a {
  color: #0A0F1E;
}
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-content__tile-small {
  background-color: white;
}
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-content__tile-small a {
  color: #0A0F1E;
}
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-content__small-copy,
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-content__copy {
  color: #0A0F1E;
}
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025__background-strip {
  background-color: #D2C8F5;
}
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-slide__logo-container-light,
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-content__stores-row-inner-light {
  opacity: 1;
}
@media screen and (min-width: 40em) {
  .platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-content__tile-outer:hover .platform-carousel-2025-content__bottom-brackets-light {
    opacity: 1;
  }
  .platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-content__tile-outer:hover .platform-carousel-2025-content__top-brackets-light {
    opacity: 1;
  }
}
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-slide__logo-container-dark,
.platform-carousel-2025__wrapper.wrapper-fm25--light .platform-carousel-2025-content__stores-row-inner-dark {
  opacity: 0;
}
.platform-carousel-2025__wrapper.wrapper-fm25--dark {
  background: #0A0F1E;
}
.platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-content__tile {
  background-color: #0A0F1E;
}
.platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-content__tile a {
  color: white;
}
.platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-content__tile-small {
  background-color: #0A0F1E;
}
.platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-content__tile-small a {
  color: white;
}
.platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-content__small-copy,
.platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-content__copy {
  color: white;
}
.platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025__background-strip {
  background-color: #1F2331;
}
.platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-slide__logo-container-light,
.platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-content__stores-row-inner-light {
  opacity: 0;
}
@media screen and (min-width: 40em) {
  .platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-content__tile-outer:hover .platform-carousel-2025-content__bottom-brackets-dark {
    opacity: 1;
  }
  .platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-content__tile-outer:hover .platform-carousel-2025-content__top-brackets-dark {
    opacity: 1;
  }
}
.platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-slide__logo-container-dark,
.platform-carousel-2025__wrapper.wrapper-fm25--dark .platform-carousel-2025-content__stores-row-inner-dark {
  opacity: 1;
}
.platform-carousel-2025__background-strip {
  position: absolute;
  bottom: 0;
  height: 70%;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel-2025__background-strip {
    height: 80%;
  }
}
.platform-carousel-2025__row {
  width: 100%;
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-2025__row {
    max-width: 100%;
  }
}
.platform-carousel-2025__link {
  display: flex;
}
.platform-carousel-2025__image {
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease-in-out;
}
.platform-carousel-2025__image--mobile img {
  height: auto;
  min-width: 350px;
}
@media screen and (min-width: 40em) {
  .platform-carousel-2025__image--mobile img {
    width: 616px;
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel-2025__image--mobile img {
    width: 662px;
  }
}
.platform-carousel-2025__image--touch img {
  height: auto;
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel-2025__image--touch img {
    max-width: 286px;
  }
}
@media screen and (min-width: 40em) {
  .platform-carousel-2025__image--touch img {
    width: 616px;
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel-2025__image--touch img {
    width: 662px;
  }
}
.platform-carousel-2025__image--console img {
  height: auto;
  min-width: 350px;
}
@media screen and (min-width: 40em) {
  .platform-carousel-2025__image--console img {
    width: 616px;
  }
}
@media screen and (min-width: 64em) {
  .platform-carousel-2025__image--console img {
    width: 662px;
  }
}
.platform-carousel-2025__image-carousel .slick-track {
  display: flex;
  align-items: center;
}
.platform-carousel-2025__content-carousel .slick-track {
  display: flex;
}
.platform-carousel-2025 .slick-dots {
  margin: 1.25rem auto 0;
  text-align: center;
  align-items: center;
  height: 10px;
}
.platform-carousel-2025 .slick-dots li {
  margin: 0 6px;
  height: 10px;
}
.platform-carousel-2025 .slick-dots li button {
  background: transparent;
  border: 2px solid #FFA528;
  height: 10px;
  transform: none;
  width: 10px;
}
@media screen and (min-width: 64em) {
  .platform-carousel-2025 .slick-dots li button {
    width: 10px;
    height: 10px;
  }
}
.platform-carousel-2025 .slick-dots li.slick-active button {
  background: #FFA528;
  border: 1px solid #FFA528;
  transform: none;
}
.platform-carousel-2025 .slick-prev::before {
  transform: rotate(0deg) !important;
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-2025 .slick-prev::before {
    transform: scale(1.5) rotate(0deg) !important;
  }
}
.platform-carousel-2025 .slick-next::before {
  transform: rotate(-180deg);
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-2025 .slick-next::before {
    transform: scale(1.5) rotate(-180deg);
  }
}
.platform-carousel-2025 .slick-prev,
.platform-carousel-2025 .slick-next {
  height: 15px;
  transform: none;
  width: 20px;
  top: 50%;
  cursor: pointer;
  z-index: 1;
}
@media screen and (min-width: 64em) {
  .platform-carousel-2025 .slick-prev,
  .platform-carousel-2025 .slick-next {
    height: 48px !important;
    width: 48px !important;
  }
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-2025 .slick-prev,
  .platform-carousel-2025 .slick-next {
    height: 32px !important;
    width: 32px !important;
  }
}
@media screen and (max-width: 39.9375em) {
  .platform-carousel-2025 .slick-prev,
  .platform-carousel-2025 .slick-next {
    top: 40%;
  }
}
.platform-carousel-2025 .slick-prev:before,
.platform-carousel-2025 .slick-next:before {
  background-image: url(../img/components/platform-carousel-2025/arrow-expressive.svg);
}
.platform-carousel-2025 .slick-prev.slick-disabled:before,
.platform-carousel-2025 .slick-next.slick-disabled:before {
  opacity: 0.5;
}
.platform-carousel-2025 .slick-next {
  right: 0;
}
@media screen and (min-width: 64em) {
  .platform-carousel-2025 .slick-next {
    margin-right: 30px;
  }
}
.platform-carousel-2025 .slick-prev {
  left: 0;
}
@media screen and (min-width: 64em) {
  .platform-carousel-2025 .slick-prev {
    margin-left: 30px;
  }
}
.platform-carousel-2025 .slick-list {
  overflow: visible;
}
.platform-carousel-2025 .slick-slide:not(.slick-current) {
  opacity: 0;
}

.platform-carousel-2025-outer .slick-slide:not(.slick-current) {
  opacity: 1;
}
.platform-carousel-2025-outer .slick-current .platform-carousel-2025-content__tile {
  border: 2px solid #6E0FD7;
}

.platform-carousel-2025-slide {
  align-items: initial;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.platform-carousel-2025-slide__image-row {
  align-items: center;
  display: flex;
  justify-content: center;
}
.platform-carousel-2025-slide__logo-row {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: 32px;
  height: auto !important;
}
@media screen and (min-width: 64em) {
  .platform-carousel-2025-slide__logo-row {
    height: 100% !important;
  }
}
.platform-carousel-2025-slide__logo-outer {
  position: relative;
  height: 40px;
}
@media screen and (min-width: 64em) {
  .platform-carousel-2025-slide__logo-outer {
    height: 52px;
  }
}
.platform-carousel-2025-slide__logo-container {
  position: absolute;
}
.platform-carousel-2025-slide__logo-img {
  width: 92px;
  height: 40px;
  display: flex;
  margin-left: 28px;
}
@media screen and (min-width: 64em) {
  .platform-carousel-2025-slide__logo-img {
    width: 120px;
    height: 52px;
  }
}

.platform-carousel-2025-content {
  position: relative;
  z-index: 2;
}
.platform-carousel-2025-content__tile-outer {
  padding: 10px;
  position: relative;
  height: 100%;
}
.platform-carousel-2025-content__top-brackets {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.platform-carousel-2025-content__bottom-brackets {
  position: absolute;
  opacity: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.platform-carousel-2025-content__small-copy {
  margin: 16px 28px;
  text-align: left;
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-2025-content__small-copy {
    font-size: 0.875rem;
    line-height: 19.6px;
  }
}
.platform-carousel-2025-content__tile-small {
  position: relative;
  border-radius: 12px;
  max-width: 314px;
  overflow: hidden;
  padding: 28px 0px;
  cursor: pointer;
  height: 100%;
  border: 2px solid transparent;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-2025-content__tile-small {
    margin: auto;
  }
}
.platform-carousel-2025-content__tile-small--active {
  border: 2px solid #6E0FD7;
}
.platform-carousel-2025-content__tile-small a {
  padding: 10px 0px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: 28px;
  display: flex;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (min-width: 40em) {
  .platform-carousel-2025-content__tile-small a {
    padding: 14px 0px;
    font-size: 1rem;
  }
}
.platform-carousel-2025-content__tile-small a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #E664FF, #FF4164);
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-2025-content__tile-small {
    min-width: 280px;
  }
}
.platform-carousel-2025-content__copy {
  margin: 16px 28px;
  text-align: left;
  line-height: 1.4;
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-2025-content__copy {
    font-size: 0.875rem;
    line-height: 19.6px;
  }
}
.platform-carousel-2025-content__tile {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  padding: 28px 0px;
  cursor: pointer;
  border: 2px solid transparent;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-2025-content__tile {
    margin: auto;
    width: 314px;
  }
}
.platform-carousel-2025-content__tile--active {
  border: 2px solid #6E0FD7;
}
.platform-carousel-2025-content__tile a {
  padding: 10px 0px;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-left: 28px;
  display: flex;
  position: relative;
  text-decoration: none;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 14.4px;
}
@media screen and (min-width: 40em) {
  .platform-carousel-2025-content__tile a {
    padding: 14px 0px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 63.9375em) {
  .platform-carousel-2025-content__tile {
    min-width: 280px;
  }
}
.platform-carousel-2025-content__stores-row {
  position: relative;
  height: 40px;
  margin-left: 28px;
}
.platform-carousel-2025-content__stores-row-inner {
  position: absolute;
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.platform-carousel-2025-content__store-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.platform-carousel-2025-content__tiles {
  display: flex;
  justify-content: space-between;
}

.homepage-copy-video-2025 {
  padding: 64px 0;
}
@media screen and (min-width: 40em) {
  .homepage-copy-video-2025 {
    padding: 80px 0;
  }
}
@media screen and (min-width: 64em) {
  .homepage-copy-video-2025 {
    padding: 120px 0;
  }
}
.homepage-copy-video-2025.wrapper-fm25--light {
  background: #E6E6FA;
}
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__title {
  color: #0A0F1E;
}
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__abstract {
  color: #0A0F1E;
}
.homepage-copy-video-2025.wrapper-fm25--light p {
  color: #0A0F1E;
}
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__top-left-dark,
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__top-right-dark,
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__bottom-left-dark,
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__bottom-right-dark,
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__dark-icons {
  opacity: 0;
}
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__top-left-light,
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__top-right-light,
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__bottom-left-light,
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__bottom-right-light,
.homepage-copy-video-2025.wrapper-fm25--light .homepage-copy-video-2025__light-icons {
  opacity: 1;
}
.homepage-copy-video-2025.wrapper-fm25--dark {
  background: #0A0F1E;
}
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__title {
  color: #E6E6FA;
}
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__abstract {
  color: white;
}
.homepage-copy-video-2025.wrapper-fm25--dark p {
  color: white;
}
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__top-left-light,
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__top-right-light,
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__bottom-left-light,
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__bottom-right-light,
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__light-icons {
  opacity: 0;
}
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__top-left-dark,
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__top-right-dark,
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__bottom-left-dark,
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__bottom-right-dark,
.homepage-copy-video-2025.wrapper-fm25--dark .homepage-copy-video-2025__dark-icons {
  opacity: 1;
}
.homepage-copy-video-2025__icons-outer {
  height: 30px;
  position: relative;
  margin-top: 16px;
}
@media screen and (min-width: 40em) {
  .homepage-copy-video-2025__icons-outer {
    margin-top: 28px;
    height: 40px;
  }
}
@media screen and (min-width: 64em) {
  .homepage-copy-video-2025__icons-outer {
    margin-top: 20px;
  }
}
.homepage-copy-video-2025__image-container-outer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.homepage-copy-video-2025__image-container {
  position: relative;
  cursor: pointer !important;
}
.homepage-copy-video-2025__top-left {
  position: absolute;
  top: -10px;
  left: -10px;
}
@media screen and (max-width: 39.9375em) {
  .homepage-copy-video-2025__top-left {
    max-width: 28px;
    top: -5px;
    left: -5px;
  }
}
.homepage-copy-video-2025__top-right {
  position: absolute;
  top: -10px;
  right: -10px;
}
@media screen and (max-width: 39.9375em) {
  .homepage-copy-video-2025__top-right {
    max-width: 28px;
    top: -5px;
    right: -5px;
  }
}
.homepage-copy-video-2025__bottom-left {
  position: absolute;
  bottom: -10px;
  left: -10px;
}
@media screen and (max-width: 39.9375em) {
  .homepage-copy-video-2025__bottom-left {
    max-width: 28px;
    bottom: -5px;
    left: -5px;
  }
}
.homepage-copy-video-2025__bottom-right {
  position: absolute;
  bottom: -10px;
  right: -10px;
}
@media screen and (max-width: 39.9375em) {
  .homepage-copy-video-2025__bottom-right {
    max-width: 28px;
    bottom: -5px;
    right: -5px;
  }
}
.homepage-copy-video-2025__play-button {
  position: absolute;
  max-width: 47px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (min-width: 40em) {
  .homepage-copy-video-2025__play-button {
    max-width: 60px;
  }
}
.homepage-copy-video-2025__title {
  text-align: left;
  font-size: 2.375rem;
  font-family: var(--font-fm-universe);
  font-weight: 400;
  text-transform: none;
  margin-bottom: 12px;
  line-height: 39.9px;
}
@media screen and (min-width: 40em) {
  .homepage-copy-video-2025__title {
    font-size: 3rem;
    line-height: 50.4px;
  }
}
@media screen and (min-width: 64em) {
  .homepage-copy-video-2025__title {
    font-size: 3.625rem;
    line-height: 60.9px;
  }
}
.homepage-copy-video-2025__abstract {
  text-align: left;
  text-transform: none;
  font-size: 1.125rem;
  font-family: var(--font-abc-social);
  margin-bottom: 16px;
  line-height: 23.4px;
}
@media screen and (min-width: 40em) {
  .homepage-copy-video-2025__abstract {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 64em) {
  .homepage-copy-video-2025__abstract {
    font-size: 1.25rem;
    margin-bottom: 24px;
    line-height: 26px;
  }
}
.homepage-copy-video-2025__text-content p {
  font-family: var(--font-abc-social);
  text-align: left;
  font-size: 1rem;
  line-height: 22.4px;
  margin-bottom: 0px;
}
.homepage-copy-video-2025__medium-col {
  display: none;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .homepage-copy-video-2025__medium-col {
    display: block;
  }
}
.homepage-copy-video-2025__stores-row {
  display: flex;
  position: absolute;
  gap: 4px;
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .homepage-copy-video-2025__stores-row {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 40em) {
  .homepage-copy-video-2025__stores-row {
    gap: 10px;
  }
}
.homepage-copy-video-2025__store-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

.hp-hero-2025 {
  min-height: 500px;
  height: calc(90lvh - 34px);
  background: #0A0F1E;
  position: relative;
}
@media screen and (min-width: 64em) {
  .hp-hero-2025 {
    min-height: 800px;
    height: 90lvh;
  }
}
.hp-hero-2025__title {
  color: white;
  line-height: 1.05;
  position: relative;
  z-index: 1;
  font-family: var(--font-fm-universe);
  font-size: 3rem;
  text-wrap: balance;
}
@media screen and (min-width: 40em) {
  .hp-hero-2025__title {
    font-size: 5.5rem;
    max-width: 585px;
  }
}
@media screen and (min-width: 64em) {
  .hp-hero-2025__title {
    font-size: 8rem;
    max-width: 585px;
  }
}
.hp-hero-2025__image {
  width: 100%;
  height: 100%;
  max-width: 2500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
     object-fit: cover;
}
.hp-hero-2025__content {
  position: absolute;
  z-index: 1;
  bottom: 48px;
  max-width: 590px;
}
@media screen and (min-width: 64em) {
  .hp-hero-2025__content {
    bottom: 100px;
  }
}
.hp-hero-2025__copy {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  font-family: var(--font-abc-social);
  line-height: 1.3;
}
@media screen and (min-width: 64em) {
  .hp-hero-2025__copy {
    font-size: 1.375rem;
  }
}
.hp-hero-2025__copy p {
  margin: 0;
  line-height: inherit;
}
.hp-hero-2025__buttons {
  margin-top: 20px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
@media screen and (min-width: 64em) {
  .hp-hero-2025__buttons {
    margin-top: 28px;
  }
}
.hp-hero-2025__container {
  position: relative;
  height: 100%;
  padding-top: 92px;
}
@media screen and (min-width: 40em) {
  .hp-hero-2025__container {
    padding-top: 100px;
  }
}
@media screen and (min-width: 64em) {
  .hp-hero-2025__container {
    padding-top: 140px;
  }
}
.hp-hero-2025__arrows {
  position: absolute;
  bottom: 45px;
  left: calc(50% - 14px);
  z-index: 1;
  width: 28px;
  height: 36px;
}
.hp-hero-2025__arrow-top {
  width: 28px;
  position: absolute;
  top: 0;
  opacity: 0;
  animation-duration: 1.5s;
  animation-name: arrow-top-fade;
  animation-iteration-count: infinite;
}
.hp-hero-2025__arrow-bottom {
  width: 28px;
  position: absolute;
  top: 16px;
  opacity: 0;
  animation-duration: 1.5s;
  animation-name: arrow-bottom-fade;
  animation-iteration-count: infinite;
}

@keyframes arrow-top-fade {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes arrow-bottom-fade {
  10% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.lp-hero-2025 {
  min-height: 500px;
  height: calc(90lvh - 34px);
  background: #0A0F1E;
  position: relative;
}
@media screen and (min-width: 64em) {
  .lp-hero-2025 {
    min-height: 520px;
    height: 90lvh;
  }
}
.lp-hero-2025__title {
  color: white;
  line-height: 1.05;
  position: relative;
  z-index: 1;
  font-family: var(--font-fm-universe);
  font-size: 3rem;
  text-wrap: balance;
  margin: 0;
}
@media screen and (min-width: 40em) {
  .lp-hero-2025__title {
    font-size: 5.5rem;
    max-width: 585px;
  }
}
@media screen and (min-width: 64em) {
  .lp-hero-2025__title {
    font-size: 8rem;
  }
}
.lp-hero-2025__image-container {
  width: 100%;
  height: 100%;
  max-width: 2500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.lp-hero-2025__image {
  -o-object-fit: cover;
     object-fit: cover;
}
.lp-hero-2025__image-overlay {
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}
.lp-hero-2025__content {
  position: absolute;
  z-index: 1;
  bottom: 48px;
}
@media screen and (min-width: 64em) and (min-height: 1024px) {
  .lp-hero-2025__content {
    bottom: 100px;
  }
}
.lp-hero-2025__copy {
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  font-family: var(--font-abc-social);
  line-height: 1.3;
  max-width: 351px;
}
@media screen and (max-width: 39.9375em) {
  .lp-hero-2025__copy {
    width: calc(100% - 78px);
  }
}
@media screen and (min-width: 40em) {
  .lp-hero-2025__copy {
    max-width: 475px;
  }
}
@media screen and (min-width: 64em) {
  .lp-hero-2025__copy {
    font-size: 1.375rem;
    max-width: 491px;
  }
}
.lp-hero-2025__copy p {
  margin: 0;
  line-height: inherit;
}
.lp-hero-2025__buttons {
  margin-top: 20px;
  display: flex;
  gap: 12px 16px;
  flex-wrap: wrap;
}
@media screen and (max-width: 39.9375em) {
  .lp-hero-2025__buttons {
    width: calc(100% - 78px);
  }
}
@media screen and (min-width: 64em) {
  .lp-hero-2025__buttons {
    margin-top: 28px;
  }
}
.lp-hero-2025__container {
  position: relative;
  height: 100%;
  padding-top: 60px;
}
@media screen and (min-width: 40em) {
  .lp-hero-2025__container {
    padding-top: 68px;
  }
}
@media screen and (min-width: 64em) {
  .lp-hero-2025__container {
    padding-top: 76px;
  }
}

.authentic-logo-2025 {
  padding: 64px 0;
}
@media screen and (min-width: 40em) {
  .authentic-logo-2025 {
    padding: 80px 0;
  }
}
@media screen and (min-width: 64em) {
  .authentic-logo-2025 {
    padding: 120px 0;
  }
}
.authentic-logo-2025.wrapper-fm25--light {
  background: #DFDFF2;
}
.authentic-logo-2025.wrapper-fm25--light h2 {
  color: #0A0F1E;
}
.authentic-logo-2025.wrapper-fm25--light p {
  color: #0A0F1E;
}
.authentic-logo-2025.wrapper-fm25--light .authentic-logo-2025__carousel-dark {
  opacity: 0;
}
.authentic-logo-2025.wrapper-fm25--light .authentic-logo-2025__carousel-light {
  opacity: 1;
}
.authentic-logo-2025.wrapper-fm25--dark {
  background: #1F2331;
}
.authentic-logo-2025.wrapper-fm25--dark h2 {
  color: #E6E6FA;
}
.authentic-logo-2025.wrapper-fm25--dark p {
  color: white;
}
.authentic-logo-2025.wrapper-fm25--dark .authentic-logo-2025__carousel-dark {
  opacity: 1;
}
.authentic-logo-2025.wrapper-fm25--dark .authentic-logo-2025__carousel-light {
  opacity: 0;
}
.authentic-logo-2025__top {
  margin-bottom: 28px;
}
@media screen and (min-width: 64em) {
  .authentic-logo-2025__top {
    margin-bottom: 40px;
  }
}
.authentic-logo-2025__image {
  max-width: 90px;
}
@media screen and (min-width: 40em) {
  .authentic-logo-2025__image {
    max-width: 150px;
  }
}
.authentic-logo-2025__carousel-wrapper {
  grid-column-gap: 6em;
  grid-row-gap: 6em;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100px;
  display: flex;
  position: relative;
  overflow: hidden;
}
@media screen and (min-width: 40em) {
  .authentic-logo-2025__carousel-wrapper {
    height: 150px;
  }
}
.authentic-logo-2025__carousel-wrapper-one {
  justify-content: flex-start;
}
.authentic-logo-2025__carousel-wrapper-two {
  justify-content: flex-end;
}
.authentic-logo-2025__carousel-wrapper-three {
  justify-content: flex-start;
}
.authentic-logo-2025__carousel {
  align-items: center;
  display: flex;
  position: absolute; /* Change position to absolute for seamless scrolling */
  white-space: nowrap;
  will-change: transform;
}
@media screen and (min-width: 40em) {
  .authentic-logo-2025__carousel {
    gap: 20px;
  }
}
.authentic-logo-2025__carousel-one {
  animation: authentic-logo-left 60s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .authentic-logo-2025__carousel-one {
    animation-duration: 0s;
  }
}
.authentic-logo-2025__carousel-two {
  margin-top: 28px;
  animation: authentic-logo-right 60s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .authentic-logo-2025__carousel-two {
    animation-duration: 0s;
  }
}
.authentic-logo-2025__carousel-three {
  margin-top: 28px;
  animation: authentic-logo-left 60s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
  .authentic-logo-2025__carousel-three {
    animation-duration: 0s;
  }
}
@keyframes authentic-logo-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes authentic-logo-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(50%);
  }
}
.authentic-logo-2025__title {
  font-size: 2.375rem;
  font-family: var(--font-fm-universe);
  line-height: 39.9px;
  text-align: center;
  text-transform: none;
}
@media screen and (min-width: 40em) {
  .authentic-logo-2025__title {
    font-size: 3rem;
  }
}
@media screen and (min-width: 64em) {
  .authentic-logo-2025__title {
    font-size: 3.625rem;
    line-height: 60.9px;
  }
}
.authentic-logo-2025__abstract {
  font-size: 1rem;
  line-height: 22.4px;
  max-width: 800px;
  margin: auto;
  text-align: center;
}

.f-carousel-2025 {
  text-align: center;
}
.wrapper-fm25--light .f-carousel-2025 {
  background: #E6E6FA;
}
.wrapper-fm25--dark .f-carousel-2025 {
  background: #E6E6FA;
}
.f-carousel-2025__wrapper-fm25 {
  padding: 64px 0;
}
@media screen and (min-width: 64em) {
  .f-carousel-2025__wrapper-fm25 {
    padding: 120px 0;
  }
}
.f-carousel-2025__title {
  font-size: 2.375rem;
  line-height: 1.05;
  font-weight: 400;
  margin: 0 auto 12px;
  font-family: var(--font-fm-universe);
  color: #0A0F1E;
  text-transform: none;
}
@media screen and (min-width: 64em) {
  .f-carousel-2025__title {
    font-size: 3.625rem;
    margin-bottom: 16px;
  }
}
.wrapper-fm25--dark .f-carousel-2025__title {
  color: #E6E6FA;
}
.f-carousel-2025__abstract {
  font-size: 0.875rem;
  line-height: 1.3;
  color: #0A0F1E;
  max-width: 677px;
  margin: 0 auto;
}
.wrapper-fm25--dark .f-carousel-2025__abstract {
  color: #E6E6FA;
}
@media screen and (min-width: 40em) {
  .f-carousel-2025__abstract {
    font-size: 1rem;
  }
}
@media screen and (min-width: 64em) {
  .f-carousel-2025__abstract {
    font-size: 1.25rem;
  }
}
.f-carousel-2025__abstract p {
  line-height: inherit;
}
.f-carousel-2025__carousel {
  margin: 20px 0;
}
@media screen and (min-width: 64em) {
  .f-carousel-2025__carousel {
    margin: 32px 0 40px;
  }
}
.f-carousel-2025__carousel .slick-initialized .slick-track {
  display: flex;
  align-items: center;
}
.f-carousel-2025__carousel .slick-prev::before {
  transform: rotate(-180deg);
}
.f-carousel-2025__carousel .slick-prev,
.f-carousel-2025__carousel .slick-next {
  width: 20px;
  height: 30px;
  top: calc(50% - 15px);
  transform: none;
  z-index: 1;
}
.f-carousel-2025__carousel .slick-prev:before,
.f-carousel-2025__carousel .slick-next:before {
  background-image: url(../img/components/feature-carousel-2025/arrow-right.svg);
}
.f-carousel-2025__carousel .slick-prev.slick-disabled:before,
.f-carousel-2025__carousel .slick-next.slick-disabled:before {
  opacity: 0.5;
}
.f-carousel-2025__info-carousel-wrapper {
  max-width: 800px;
  margin: 0 auto;
}
.f-carousel-2025__info-carousel {
  margin: 0 !important;
}
.f-carousel-2025__info-carousel .slick-track {
  display: flex !important;
  align-items: center;
}
.f-carousel-2025__info-carousel .slick-dots {
  margin: 1.25rem auto 0;
  text-align: center;
  height: 14px;
}
.f-carousel-2025__info-carousel .slick-dots li {
  margin: 0 6px;
  height: 14px;
}
.f-carousel-2025__info-carousel .slick-dots li button {
  background: transparent;
  border-radius: 4px;
  border: 1px solid #FF4164;
  transform: none;
  width: 14px;
  height: 14px;
}
@media screen and (min-width: 64em) {
  .f-carousel-2025__info-carousel .slick-dots li button {
    width: 14px;
    height: 14px;
  }
}
.f-carousel-2025__info-carousel .slick-dots li.slick-active button {
  background: #FF4164;
  border: 1px solid #FF4164;
  transform: none;
}

.f-slide-2025 {
  position: relative;
  width: 100%;
  max-width: calc(100% - 32px);
  padding: 0 8px;
}
@media screen and (min-width: 64em) {
  .f-slide-2025 {
    width: 800px;
    padding: 0 32px;
    max-width: calc(100% - 64px);
  }
}
.f-slide-2025__image-wrapper {
  border-radius: 12px;
  position: relative;
  aspect-ratio: 800/450;
  background: white;
  overflow: hidden;
}
.f-slide-2025__play-icon {
  position: absolute;
  width: 61px;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
}
.f-slide-2025__locked-icon {
  position: absolute;
  width: 61px;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
}

.f-info-2025__title {
  color: #000;
  font-size: 2rem;
  margin: 0 auto 12px;
  font-family: var(--font-fm-universe);
  line-height: 1.05;
  font-weight: 400;
  text-transform: none;
}
.wrapper-fm25--dark .f-info-2025__title {
  color: #E6E6FA;
}
@media screen and (min-width: 64em) {
  .f-info-2025__title {
    font-size: 2.625rem;
    margin-bottom: 20px;
  }
}
.f-info-2025__locked-text {
  font-family: var(--font-abc-social);
  line-height: 1.3;
  font-weight: 700;
  color: #6E0FD7;
  font-size: 1.125rem;
}
@media screen and (min-width: 64em) {
  .f-info-2025__locked-text {
    font-size: 1.25rem;
  }
}
.wrapper-fm25--dark .f-info-2025__locked-text {
  color: #E6E6FA;
}
.f-info-2025__unlocked-text {
  font-family: var(--font-abc-social);
  line-height: 1.3;
  font-weight: 400;
  font-size: 1.125rem;
}
@media screen and (min-width: 64em) {
  .f-info-2025__unlocked-text {
    font-size: 1.25rem;
  }
}
.wrapper-fm25--dark .f-info-2025__unlocked-text {
  color: #E6E6FA;
}
.f-info-2025__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px auto 0;
  justify-content: center;
  padding: 0 0 5px;
}
.news-filters {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.news-filters--active {
  z-index: 30;
}
.news-filters__bg {
  background: rgba(20, 20, 20, 0.75);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 300ms;
}
.news-filters--active .news-filters__bg {
  opacity: 1;
}
.news-filters__inner {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 32px);
  max-width: 480px;
  padding: 65px 16px;
  background: #E6E6FA;
  height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  transform: translateX(100%);
  transition: transform 300ms;
}
@media screen and (min-width: 64em) {
  .news-filters__inner {
    padding: 80px 55px;
  }
}
.news-filters--active .news-filters__inner {
  transform: translateX(0);
  transition: transform 0s;
}
.news-filters__close {
  position: absolute;
  top: 24px;
  right: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1rem;
  font-weight: 700;
  font-family: var(--font-abc-social);
  color: #0A0F1E;
}
@media screen and (min-width: 64em) {
  .news-filters__close {
    top: 29px;
    right: 32px;
  }
}
.news-filters__close img {
  width: 16px;
}
.news-filters__container {
  border-top: 1px solid rgba(10, 15, 30, 0.2);
  border-bottom: 1px solid rgba(10, 15, 30, 0.2);
  padding: 28px 0;
  margin: 0 0 auto;
  width: 100%;
  text-align: left;
}
.news-filters__title {
  text-transform: uppercase;
  color: #6E0FD7;
  font-weight: 400;
  font-family: var(--font-abc-social);
  line-height: 1;
  margin: 0 0 8px;
  font-size: 0.875rem;
}
@media screen and (min-width: 64em) {
  .news-filters__title {
    margin-bottom: 16px;
  }
}
.news-filters__filters {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.news-filters__filter {
  display: block;
  line-height: 1.3;
  font-size: 1.125rem;
  text-decoration: none;
  margin: 0;
}
@media screen and (min-width: 64em) {
  .news-filters__filter {
    font-size: 1.25rem;
  }
}
.news-filters__filter.is-active {
  color: #6E0FD7;
}
.news-filters__reset {
  position: absolute;
  top: 24px;
  left: 16px;
  line-height: 1.4;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: underline;
  color: #6E0FD7 !important;
}
@media screen and (min-width: 64em) {
  .news-filters__reset {
    font-size: 1rem;
    top: 30px;
    left: 56px;
  }
}

.whats-new-2025 {
  background: #DBDBEF;
  overflow: hidden;
  position: relative;
  padding-bottom: 0;
}
.whats-new-2025.wrapper-fm25--dark {
  background: #1F2331 !important;
  color: #E6E6FA;
}
@media screen and (min-width: 40em) {
  .whats-new-2025 {
    display: flex;
    align-items: center;
    min-height: 600px;
  }
}
.whats-new-2025__content-wrapper {
  line-height: 1.3;
  color: #0A0F1E;
  font-family: var(--font-abc-social);
  padding-bottom: 40px;
}
@media screen and (min-width: 40em) {
  .whats-new-2025__content-wrapper {
    width: calc(50% - 40px);
    max-width: 491px;
  }
}
@media screen and (min-width: 64em) {
  .whats-new-2025__content-wrapper {
    font-size: 1.25rem;
  }
}
.wrapper-fm25--dark .whats-new-2025__content-wrapper {
  color: #E6E6FA;
}
.whats-new-2025__content-wrapper p {
  line-height: inherit;
}
.whats-new-2025__content-wrapper p:last-child {
  margin-bottom: 0;
}
.whats-new-2025__title {
  font-family: var(--font-fm-universe);
  font-size: 3rem;
  line-height: 1.05;
  color: #0A0F1E;
  text-wrap: balance;
  margin: 0 auto 12px;
  text-transform: none;
}
@media screen and (min-width: 64em) {
  .whats-new-2025__title {
    font-size: 5rem;
  }
}
.whats-new-2025__title i, .whats-new-2025__title em {
  color: #6E0FD7;
  font-style: normal;
}
.wrapper-fm25--dark .whats-new-2025__title i, .wrapper-fm25--dark .whats-new-2025__title em {
  color: #AF78FF;
}
.wrapper-fm25--dark .whats-new-2025__title {
  color: #E6E6FA;
}
.whats-new-2025__image-container {
  overflow: hidden;
  position: relative;
  aspect-ratio: 4/3;
}
@media screen and (min-width: 40em) {
  .whats-new-2025__image-container {
    position: absolute;
    top: 68px;
    height: calc(100% - 68px);
    left: 50%;
    right: 0;
    width: 50%;
  }
}
@media screen and (min-width: 64em) {
  .whats-new-2025__image-container {
    top: 76px;
    height: calc(100% - 76px);
  }
}
.whats-new-2025__image {
  -o-object-position: left;
     object-position: left;
}

.landing-page-2025 {
  text-align: center;
  position: absolute;
  top: 0;
  min-height: calc(100vh + 60px);
  min-height: 100vh;
  width: 100%;
  margin-top: -94px;
  overflow: hidden;
  background-color: #0A0F1E;
}
@media screen and (max-width: 63.9375em) {
  .landing-page-2025 {
    padding-top: calc(60px + 64px);
    padding-bottom: 64px;
  }
}
@media screen and (min-width: 64em) {
  .landing-page-2025 {
    margin-top: 0;
    min-height: 100vh;
    padding-top: 64px;
    padding-bottom: 134px;
  }
}
.landing-page-2025__buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: 20px;
}
@media screen and (min-width: 64em) {
  .landing-page-2025__buttons {
    margin-top: 28px;
  }
}
.landing-page-2025__logo {
  width: auto;
  height: 54px;
  margin: 0 0 28px;
}
@media screen and (min-width: 64em) {
  .landing-page-2025__logo {
    margin: 0 0 64px;
  }
}
.landing-page-2025__social-title {
  color: #AF78FF;
  font-size: 0.875rem;
  line-height: 19.6px;
  font-weight: 700;
  font-family: var(--font-abc-social);
  margin-bottom: 0px;
  margin-top: 28px;
}
@media screen and (min-width: 64em) {
  .landing-page-2025__social-title {
    margin-top: 40px;
  }
}
.landing-page-2025__social-icons-outer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
  margin-top: 16px;
}
.landing-page-2025__title {
  font-family: var(--font-fm-universe);
  font-size: 2rem;
  color: #E6E6FA;
  line-height: 33.6px;
  margin-bottom: 0.75rem;
}
@media screen and (min-width: 64em) {
  .landing-page-2025__title {
    font-size: 2.625rem;
    line-height: 44.1px;
    margin-bottom: 1.25rem;
  }
}
.landing-page-2025__content {
  font-size: 1rem;
  margin-bottom: 20px;
  color: white;
}
@media screen and (min-width: 64em) {
  .landing-page-2025__content {
    margin-bottom: 28px;
  }
}
.landing-page-2025__content p {
  line-height: 22.4px;
}
.landing-page-2025__content p:last-child {
  margin-bottom: 0;
}
.landing-page-2025__item {
  background-color: #1F2331 !important;
  border-radius: 0.1875rem;
  color: white;
  display: block;
  font-family: var(--font-abc-social);
  font-weight: 400 !important;
  font-size: 1rem;
  line-height: 22.4px !important;
  margin: 0 0 12px;
  padding: 14px 20px !important;
  position: relative;
  text-align: left !important;
  text-decoration: none;
  transition: transform 200ms, background 200ms;
}
@media screen and (min-width: 40em) {
  .landing-page-2025__item {
    padding: 20px 28px !important;
  }
}
.landing-page-2025__item:hover, .landing-page-2025__item:active, .landing-page-2025__item:visited {
  color: white;
}
.landing-page-2025__item:last-child {
  margin-bottom: 0;
}
.landing-page-2025__left-bracket {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.landing-page-2025__right-bracket {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.feature-2025__meta {
  text-align: left;
  margin-bottom: 12px;
  position: relative;
  color: #6E0FD7;
  display: flex;
  gap: 10px;
  font-size: 1.125rem;
}
@media screen and (min-width: 64em) {
  .feature-2025__meta {
    margin-bottom: 20px;
    font-size: 1.25rem;
  }
}
.feature-2025__meta p {
  color: inherit;
  margin: 0;
}
.feature-2025__title {
  text-align: left;
  margin-bottom: 12px;
  font-family: var(--font-fm-universe);
  font-size: 2rem;
  line-height: 1.05;
  color: #0A0F1E;
  text-transform: none;
}
@media screen and (min-width: 40em) {
  .feature-2025__title {
    font-size: 3.625rem;
    margin-bottom: 28px;
  }
}
.feature-2025__copy {
  text-align: left;
  font-family: var(--font-abc-social);
  font-weight: 400;
  font-size: 1rem;
}
@media screen and (min-width: 64em) {
  .feature-2025__copy {
    font-size: 1rem;
  }
}
.feature-2025__copy iframe {
  min-height: 315px;
}
@media screen and (min-width: 40em) {
  .feature-2025__copy iframe {
    min-height: 400px;
  }
}
@media screen and (min-width: 64em) {
  .feature-2025__copy iframe {
    min-height: 500px;
  }
}
.feature-2025__copy img,
.feature-2025__copy iframe {
  width: calc(100% + 32px);
  max-width: calc(100% + 32px);
  margin: 0 20px;
  margin-left: -16px;
}
@media screen and (min-width: 64em) {
  .feature-2025__copy img,
  .feature-2025__copy iframe {
    width: calc(100% + 64px);
    max-width: calc(100% + 64px);
    margin: 0 40px;
    margin-left: -32px;
  }
}
.feature-2025__copy p:last-child {
  margin-bottom: 0;
}
.feature-2025__copy h2, .feature-2025__copy h3, .feature-2025__copy h4, .feature-2025__copy h5, .feature-2025__copy h6 {
  font-family: var(--font-fm-universe);
  font-size: 2rem;
}
@media screen and (min-width: 64em) {
  .feature-2025__copy h2, .feature-2025__copy h3, .feature-2025__copy h4, .feature-2025__copy h5, .feature-2025__copy h6 {
    font-size: 2rem;
  }
}
.feature-2025__copy a.html5lightbox {
  display: inline-block;
  position: relative;
}
.feature-2025__copy a.html5lightbox img {
  margin: 0;
}
.feature-2025__abstract {
  text-align: left;
  font-family: var(--font-abc-social);
  font-size: 1.125rem;
  margin: 0 0 20px;
  line-height: 1.3;
}
@media screen and (min-width: 64em) {
  .feature-2025__abstract {
    font-size: 1.25rem;
    margin-bottom: 40px;
  }
}
.feature-2025__abstract p {
  line-height: inherit;
}
.feature-2025__wrapper {
  padding: 15px 0 40px;
  background: #E6E6FA;
  color: #0A0F1E;
}
@media screen and (min-width: 40em) {
  .feature-2025__wrapper {
    padding: 30px 0 80px;
  }
}
.feature-2025__button {
  margin: 20px auto 0 0;
  width: -moz-fit-content;
  width: fit-content;
}
.feature-2025__recent-wrapper {
  margin-top: 60px;
}
@media screen and (min-width: 64em) {
  .feature-2025__recent-wrapper {
    margin-top: 120px;
  }
}
.feature-2025__recent-title {
  font-size: 2rem;
  font-family: var(--font-fm-universe);
  font-weight: 400;
  margin: 0 0 20px;
  text-transform: none;
  color: #0A0F1E;
}
@media screen and (min-width: 64em) {
  .feature-2025__recent-title {
    font-size: 3.625rem;
    margin: 0 auto 28px;
    text-align: center;
  }
}
.feature-2025__recents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (min-width: 64em) {
  .feature-2025__recents {
    gap: 32px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 63.9375em) {
  .feature-2025__recents .news-box:nth-child(n+3) {
    display: none;
  }
}
.feature-2025__side-bracket {
  overflow: visible;
  display: none;
}
@media screen and (min-width: 64em) {
  .feature-2025__side-bracket {
    display: block;
  }
}
.feature-2025__left-bracket, .feature-2025__right-bracket {
  position: sticky;
  top: 100px;
  margin-top: 100px;
}
.feature-2025__left-bracket svg, .feature-2025__right-bracket svg {
  width: 100%;
}
.feature-2025__left-bracket {
  transform: translateX(-30px);
}
.feature-2025__right-bracket {
  transform: translateX(30px);
}
.feature-2025__video {
  width: calc(100% + 32px);
  max-width: calc(100% + 32px);
  margin: 20px 0;
  margin-left: -16px;
  position: relative;
  aspect-ratio: 16/9;
}
@media screen and (min-width: 64em) {
  .feature-2025__video {
    width: calc(100% + 64px);
    max-width: calc(100% + 64px);
    margin: 40px 0;
    margin-left: -32px;
  }
}
.feature-2025__video-icon {
  width: 60px !important;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  margin: 0 !important;
}
.feature-2025__video-image {
  margin: 0 !important;
  width: 100% !important;
}
.feature-2025__logos {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0 auto 20px;
}
@media screen and (min-width: 64em) {
  .feature-2025__logos {
    gap: 8px;
    margin-bottom: 40px;
  }
}
.feature-2025__logos-title {
  font-size: 0.875rem;
  color: #6E0FD7;
  font-family: var(--font-abc-social);
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  text-transform: none;
}
@media screen and (min-width: 64em) {
  .feature-2025__logos-title {
    font-size: 1rem;
  }
}
.feature-2025__logos-col {
  width: 100%;
  max-width: 79px;
  margin: 0;
}
@media screen and (min-width: 64em) {
  .feature-2025__logos-col {
    max-width: 113px;
  }
}
.feature-2025__logos-col:not(:last-child) {
  border-right: 1px solid #6E0FD7;
  padding-right: 16px;
}
@media screen and (min-width: 64em) {
  .feature-2025__logos-col:not(:last-child) {
    padding-right: 20px;
  }
}
.feature-2025__logos-col:last-child {
  max-width: 63px;
}
@media screen and (min-width: 64em) {
  .feature-2025__logos-col:last-child {
    max-width: 93px;
  }
}
.feature-2025__logos-col--2 {
  order: 2;
}
.feature-2025__logos-col--3 {
  order: 3;
}
.feature-2025__logos-col--4 {
  order: 4;
}
.feature-2025__logos-images {
  display: flex;
  gap: 16px;
}
.feature-2025__logo-image {
  width: 100%;
  margin: 0 0 auto;
}

@media screen and (max-width: 39.9375em) {
  .buy-page-2025-wrapper {
    padding-top: 70px;
  }
}

@media screen and (min-width: 64em) {
  .buy-page-2025 .grid-container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 63.9375em) {
  .buy-page-2025__sub-cards-spacers {
    display: none;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025__main-cards-grid-container {
    width: 96%;
    padding: 0px 8px;
  }
}
.buy-page-2025__main-cards-grid {
  margin-bottom: 40px;
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025__main-cards-grid {
    gap: 24px 15px;
  }
}
.buy-page-2025__sub-cards-title {
  font-family: var(--font-fm-universe);
  color: #0A0F1E;
  text-transform: none;
  text-align: center;
  display: none;
}
.buy-page-2025__sub-cards-title span {
  color: #6E0FD7;
}
@media screen and (min-width: 64em) {
  .buy-page-2025__sub-cards-title {
    font-size: 42px;
    line-height: 44px;
    font-weight: 400;
    margin-bottom: 24px;
  }
}
.buy-page-2025__fm25-grid, .buy-page-2025__fm25-console-grid, .buy-page-2025__fm25-touch-grid, .buy-page-2025__fm25-mobile-grid {
  margin-bottom: 40px;
}
.buy-page-2025__platform-grid {
  display: none;
  justify-content: center;
  gap: 32px;
}
.buy-page-2025__platform-grid--active {
  display: grid;
}
.buy-page-2025__fm25-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (min-width: 64em) {
  .buy-page-2025__fm25-grid {
    grid-template-columns: repeat(4, 175px);
    gap: 32px;
  }
}
.buy-page-2025__fm25-console-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (min-width: 64em) {
  .buy-page-2025__fm25-console-grid {
    grid-template-columns: repeat(4, 175px);
    gap: 32px;
  }
}
.buy-page-2025__fm25-touch-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (min-width: 64em) {
  .buy-page-2025__fm25-touch-grid {
    grid-template-columns: repeat(4, 175px);
    gap: 32px;
  }
}
.buy-page-2025__fm25-mobile-grid {
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media screen and (min-width: 64em) {
  .buy-page-2025__fm25-mobile-grid {
    grid-template-columns: repeat(4, 175px);
    gap: 32px;
  }
}

.buy-page-2025-header {
  margin-bottom: 45px;
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-header {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 63.9375em) {
  .buy-page-2025-header .grid-col-large-2 {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .buy-page-2025-header {
    margin-bottom: 45px;
  }
}
.buy-page-2025-header__title {
  font-family: var(--font-fm-universe);
  color: #0A0F1E;
  text-transform: none;
  text-align: center;
}
.buy-page-2025-header__title span {
  color: #6E0FD7;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-header__title {
    font-size: 58px;
    line-height: 60px;
    font-weight: 400;
    margin-bottom: 32px;
  }
}
.buy-page-2025-header__abstract {
  text-align: center;
  font-family: var(--font-abc-social);
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.buy-page-2025-header__link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.buy-page-2025-header__link button,
.buy-page-2025-header__link a {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  padding-top: 14px;
  text-decoration: none;
  font-size: 16px;
  line-height: 14px;
  font-weight: 700;
  font-family: var(--font-fm-social-bold);
}
.buy-page-2025-header__link button:after,
.buy-page-2025-header__link a:after {
  content: "";
  height: 2px;
  background: linear-gradient(to right, #E664FF, #FF4164);
  width: 100%;
  margin-top: 14px;
}

@media screen and (max-width: 63.9375em) {
  .buy-page-2025-footer .grid {
    display: flex;
  }
}
@media screen and (max-width: 63.9375em) {
  .buy-page-2025-footer .grid-col-large-2 {
    display: none;
  }
}
.buy-page-2025-footer__abstract {
  font-size: 14px;
  line-height: 19px;
  color: rgba(10, 15, 30, 0.5);
  font-family: var(--font-abc-social);
  text-align: center;
}

.buy-page-2025-card {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 16px;
  position: relative;
  z-index: 1;
  height: 100%;
  cursor: pointer;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-card {
    padding: 16px 8px;
  }
}
.buy-page-2025-card__badge {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #6E0FD7;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 4px 8px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 19px;
  font-family: var(--font-abc-social);
  font-weight: 700;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-card__badge {
    top: 0;
  }
}
@media screen and (max-width: 63.9375em) {
  .buy-page-2025-card__badge {
    width: 80%;
    bottom: -24px;
  }
}
.buy-page-2025-card:not(.buy-page-2025-card--active):hover:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  z-index: -1;
  background: url("../img/components/buy-page-2025/top-left-corner-bracket.svg") no-repeat top left, url("../img/components/buy-page-2025/top-right-corner-bracket.svg") no-repeat top right, url("../img/components/buy-page-2025/bottom-left-corner-bracket.svg") no-repeat bottom left, url("../img/components/buy-page-2025/bottom-right-corner-bracket.svg") no-repeat bottom right;
  background-size: 16px 16px;
}
.buy-page-2025-card--active {
  position: relative;
  z-index: 2;
  box-shadow: none;
}
.buy-page-2025-card--active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(to left, #FF4164, #E664FF);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  z-index: -1;
}
.buy-page-2025-card--inactive {
  background-color: #dbdbef;
  box-shadow: none;
  pointer-events: none;
}
.buy-page-2025-card--inactive .buy-page-2025-card__badge {
  background-color: #AF78FF;
}
.buy-page-2025-card--inactive .buy-page-2025-card__content,
.buy-page-2025-card--inactive .buy-page-2025-card__rating-title,
.buy-page-2025-card--inactive .buy-page-2025-card__nations-title,
.buy-page-2025-card--inactive .buy-page-2025-card__nations-content {
  opacity: 0.25;
}
.buy-page-2025-card--inactive:hover:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  z-index: -1;
  background: url("../img/components/buy-page-2025/top-left-corner-bracket.svg") no-repeat top left, url("../img/components/buy-page-2025/top-right-corner-bracket.svg") no-repeat top right, url("../img/components/buy-page-2025/bottom-left-corner-bracket.svg") no-repeat bottom left, url("../img/components/buy-page-2025/bottom-right-corner-bracket.svg") no-repeat bottom right;
  background-size: 16px 16px;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-card {
    gap: 12px;
    padding: 28px;
  }
}
.buy-page-2025-card__header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 12px;
  margin-top: 12px;
  min-height: 52px;
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-card__header {
    max-width: 100px;
    min-height: 43px;
    margin-bottom: 7px;
    margin-top: 7px;
  }
}
.buy-page-2025-card__platforms, .buy-page-2025-card__ratings, .buy-page-2025-card__nations {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  gap: 4px;
  margin-bottom: 12px;
}
.buy-page-2025-card__content {
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  font-family: var(--font-abc-social);
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-card__content {
    font-size: 12px;
    line-height: 16.8px;
    margin-top: 12px;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-card__platform {
    max-width: 32px;
  }
}
@media screen and (max-width: 63.9375em) {
  .buy-page-2025-card__ratings {
    margin-bottom: 8px;
    gap: 0px;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-card__nations {
    margin-bottom: 6px;
  }
}
.buy-page-2025-card__platforms {
  margin-top: auto;
}
@media screen and (max-width: 63.9375em) {
  .buy-page-2025-card__platforms {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.buy-page-2025-card__rating-title {
  width: 100%;
}
@media screen and (max-width: 63.9375em) {
  .buy-page-2025-card__rating-star {
    max-width: 20px;
  }
}
.buy-page-2025-card__nations-title, .buy-page-2025-card__nations-content {
  width: 100%;
}
.buy-page-2025-card__nations-title, .buy-page-2025-card__rating-title {
  font-size: 12px;
  line-height: 19px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-card__nations-title, .buy-page-2025-card__rating-title {
    font-size: 14px;
  }
}
.buy-page-2025-card__nations-content {
  color: #6E0FD7;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  font-weight: 700;
  font-family: var(--font-fm-social-bold);
}
@media screen and (max-width: 63.9375em) {
  .buy-page-2025-card__nations-content {
    font-size: 14px;
  }
}

.buy-page-2025-platform-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 16px;
  position: relative;
  z-index: 1;
  height: 100%;
  cursor: pointer;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
  min-height: 95px;
}
.buy-page-2025-platform-card__badge {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #6E0FD7;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 4px 8px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 19px;
  font-family: var(--font-fm-social-bold);
  font-weight: 700;
  width: 80%;
}
@media screen and (min-width: 40em) {
  .buy-page-2025-platform-card__badge {
    width: 70%;
  }
}
.buy-page-2025-platform-card:not(.buy-page-2025-platform-card--active):hover:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  z-index: -1;
  background: url("../img/components/buy-page-2025/top-left-corner-bracket.svg") no-repeat top left, url("../img/components/buy-page-2025/top-right-corner-bracket.svg") no-repeat top right, url("../img/components/buy-page-2025/bottom-left-corner-bracket.svg") no-repeat bottom left, url("../img/components/buy-page-2025/bottom-right-corner-bracket.svg") no-repeat bottom right;
  background-size: 16px 16px;
}
.buy-page-2025-platform-card--active {
  position: relative;
  z-index: 2;
  box-shadow: none;
}
.buy-page-2025-platform-card--active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(to left, #FF4164, #E664FF);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  z-index: -1;
}
.buy-page-2025-platform-card--inactive {
  background-color: #dbdbef;
  box-shadow: none;
  pointer-events: none;
}
.buy-page-2025-platform-card--inactive .buy-page-2025-platform-card__badge {
  background-color: #AF78FF;
}
.buy-page-2025-platform-card--inactive:hover:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  z-index: -1;
  background: url("../img/components/buy-page-2025/top-left-corner-bracket.svg") no-repeat top left, url("../img/components/buy-page-2025/top-right-corner-bracket.svg") no-repeat top right, url("../img/components/buy-page-2025/bottom-left-corner-bracket.svg") no-repeat bottom left, url("../img/components/buy-page-2025/bottom-right-corner-bracket.svg") no-repeat bottom right;
  background-size: 16px 16px;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-platform-card {
    gap: 12px;
    padding: 14px 28px;
  }
}
.buy-page-2025-soj-tab {
  display: none;
}
.buy-page-2025-soj-tab--active {
  display: block;
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-tab .grid-col-large-2 {
    display: none;
  }
  .buy-page-2025-soj-tab .grid-container {
    width: 100%;
  }
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj .grid-container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj__main-cards-grid {
    margin-bottom: 40px;
  }
}
.buy-page-2025-soj__sub-cards-title, .buy-page-2025-soj__main-cards-grid-title {
  color: #0A0F1E;
  font-family: var(--font-fm-universe);
  text-transform: none;
  text-align: center;
  font-size: 32px;
  line-height: 33px;
  margin-bottom: 20px;
}
.buy-page-2025-soj__sub-cards-title span, .buy-page-2025-soj__main-cards-grid-title span {
  color: #6E0FD7;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj__sub-cards-title, .buy-page-2025-soj__main-cards-grid-title {
    font-size: 42px;
    line-height: 44px;
    font-weight: 400;
    margin-bottom: 28px;
  }
}
.buy-page-2025-soj__sub-cards-title {
  display: none;
  font-size: 32px;
  line-height: 33px;
  margin-bottom: 20px;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj__sub-cards-title {
    font-size: 42px;
    line-height: 44px;
    margin-bottom: 24px;
  }
}
.buy-page-2025-soj__fm25-grid, .buy-page-2025-soj__fm25-console-grid, .buy-page-2025-soj__fm25-touch-grid, .buy-page-2025-soj__fm25-mobile-grid {
  margin-bottom: 40px;
}
.buy-page-2025-soj__platform-grid {
  display: none;
  justify-content: center;
  gap: 32px;
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj__platform-grid {
    gap: 8px;
  }
}
.buy-page-2025-soj__platform-grid--active {
  display: grid;
}
.buy-page-2025-soj__main-cards-grid .buy-page-2025-soj__platform-grid {
  grid-template-columns: repeat(2, minmax(175px, 1fr));
}
@media screen and (min-width: 40em) {
  .buy-page-2025-soj__main-cards-grid .buy-page-2025-soj__platform-grid {
    grid-template-columns: repeat(2, minmax(175px, 1fr));
  }
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj__main-cards-grid .buy-page-2025-soj__platform-grid {
    grid-template-columns: repeat(2, 175px);
  }
}
.buy-page-2025-soj__sub-cards .buy-page-2025-soj__platform-grid {
  margin-bottom: 40px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.buy-page-2025-soj__sub-cards .buy-page-2025-soj__platform-grid a {
  width: 45%;
}
@media screen and (min-width: 40em) {
  .buy-page-2025-soj__sub-cards .buy-page-2025-soj__platform-grid a {
    width: 29%;
  }
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj__sub-cards .buy-page-2025-soj__platform-grid a {
    width: 16.66%;
    max-width: 175px;
  }
}
.buy-page-2025-soj__sub-cards .buy-page-2025-soj__platform-grid--active {
  display: flex;
}

@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-header {
    margin-bottom: 24px;
  }
  .buy-page-2025-soj-header .grid-col-large-2 {
    display: none;
  }
  .buy-page-2025-soj-header .grid-container {
    width: 100%;
  }
}
@media screen and (max-width: 63.9375em) {
  .buy-page-2025-soj-header {
    margin-bottom: 24px;
  }
  .buy-page-2025-soj-header .grid-col-large-2 {
    display: none;
  }
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj-header {
    margin-bottom: 32px;
  }
}
.buy-page-2025-soj-header__title {
  font-family: var(--font-fm-universe);
  text-transform: none;
  text-align: center;
  color: #0A0F1E;
}
.buy-page-2025-soj-header__title span {
  color: #6E0FD7;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj-header__title {
    font-size: 58px;
    line-height: 60px;
    font-weight: 400;
    margin-bottom: 32px;
  }
}
.buy-page-2025-soj-header__abstract {
  text-align: center;
  font-family: var(--font-abc-social);
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.buy-page-2025-soj-header__link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.buy-page-2025-soj-header__link button,
.buy-page-2025-soj-header__link a {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  padding-top: 14px;
  text-decoration: none;
  font-size: 16px;
  line-height: 14px;
  font-weight: 700;
  font-family: var(--font-fm-social-bold);
}
.buy-page-2025-soj-header__link button:after,
.buy-page-2025-soj-header__link a:after {
  content: "";
  height: 2px;
  background: linear-gradient(to right, #E664FF, #FF4164);
  width: 100%;
  margin-top: 14px;
}

.buy-page-2025-soj-switcher {
  margin-bottom: 0;
  margin-bottom: 32px;
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-switcher {
    margin-bottom: 28px;
  }
  .buy-page-2025-soj-switcher .grid-col-large-2 {
    display: none;
  }
  .buy-page-2025-soj-switcher .grid-container {
    width: 100%;
  }
}
.buy-page-2025-soj-switcher__toggle {
  align-items: center;
  border-radius: 50px;
  border: 2px solid #D2C8F5;
  display: flex;
  gap: 8px;
  justify-content: center;
  margin: 0 auto;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 8px;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj-switcher__toggle {
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 10px;
  }
}
.buy-page-2025-soj-switcher__toggle-item {
  align-items: center;
  background-color: #E6E6FA;
  border-radius: 50px;
  color: #0A0F1E;
  cursor: pointer;
  display: flex;
  font-family: var(--font-fm-social-bold);
  font-weight: 700;
  justify-content: center;
  position: relative;
  text-align: center;
  transition: all 0.25s ease-in-out;
  padding: 6px 10px;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj-switcher__toggle-item {
    font-size: 16px;
    line-height: 22px;
    padding: 8px 12px;
  }
}
.buy-page-2025-soj-switcher__toggle-item--inactive {
  color: rgba(10, 15, 30, 0.5);
  cursor: not-allowed;
  pointer-events: none;
}
.buy-page-2025-soj-switcher__toggle-item--active, .buy-page-2025-soj-switcher__toggle-item:hover {
  background-color: #6E0FD7;
  color: #FFFFFF;
}
.buy-page-2025-soj-switcher__badge {
  position: absolute;
  top: 130%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #6E0FD7;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 4px 8px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 15px;
  font-family: var(--font-fm-social-bold);
  font-weight: 700;
  width: 80%;
}

.buy-page-2025-soj-card {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 16px;
  position: relative;
  z-index: 1;
  height: 100%;
  cursor: pointer;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
  position: relative;
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-card {
    padding: 16px 8px;
  }
}
.buy-page-2025-soj-card__badge {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #6E0FD7;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 4px 8px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 19px;
  font-family: var(--font-abc-social);
  font-weight: 700;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj-card__badge {
    top: 0;
  }
}
@media screen and (max-width: 63.9375em) {
  .buy-page-2025-soj-card__badge {
    width: 80%;
    bottom: -24px;
  }
}
.buy-page-2025-soj-card:not(.buy-page-2025-soj-card--active):hover:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  z-index: -1;
  background: url("../img/components/buy-page-2025/top-left-corner-bracket.svg") no-repeat top left, url("../img/components/buy-page-2025/top-right-corner-bracket.svg") no-repeat top right, url("../img/components/buy-page-2025/bottom-left-corner-bracket.svg") no-repeat bottom left, url("../img/components/buy-page-2025/bottom-right-corner-bracket.svg") no-repeat bottom right;
  background-size: 16px 16px;
}
.buy-page-2025-soj-card--active {
  position: relative;
  z-index: 2;
  box-shadow: none;
}
.buy-page-2025-soj-card--active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(to left, #FF4164, #E664FF);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  z-index: -1;
}
.buy-page-2025-soj-card--inactive {
  background-color: #dbdbef;
  box-shadow: none;
  pointer-events: none;
}
.buy-page-2025-soj-card--inactive .buy-page-2025-soj-card__badge {
  background-color: #AF78FF;
}
.buy-page-2025-soj-card--inactive .buy-page-2025-soj-card__content,
.buy-page-2025-soj-card--inactive .buy-page-2025-soj-card__rating-title,
.buy-page-2025-soj-card--inactive .buy-page-2025-soj-card__nations-title,
.buy-page-2025-soj-card--inactive .buy-page-2025-soj-card__nations-content {
  opacity: 0.25;
}
.buy-page-2025-soj-card--inactive:hover:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  z-index: -1;
  background: url("../img/components/buy-page-2025/top-left-corner-bracket.svg") no-repeat top left, url("../img/components/buy-page-2025/top-right-corner-bracket.svg") no-repeat top right, url("../img/components/buy-page-2025/bottom-left-corner-bracket.svg") no-repeat bottom left, url("../img/components/buy-page-2025/bottom-right-corner-bracket.svg") no-repeat bottom right;
  background-size: 16px 16px;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj-card {
    gap: 12px;
    padding: 28px;
  }
}
.buy-page-2025-soj-card__header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 12px;
  margin-top: 12px;
  min-height: 52px;
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-card__header {
    max-width: 100px;
    min-height: 43px;
    margin-bottom: 7px;
    margin-top: 7px;
  }
}
.buy-page-2025-soj-card__platforms, .buy-page-2025-soj-card__ratings, .buy-page-2025-soj-card__nations {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  gap: 4px;
  margin-bottom: 12px;
}
.buy-page-2025-soj-card__content {
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  font-family: var(--font-abc-social);
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-card__content {
    font-size: 12px;
    line-height: 16.8px;
    margin-top: 12px;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-card__platform {
    max-width: 32px;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-card__ratings {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-card__nations {
    margin-bottom: 6px;
  }
}
.buy-page-2025-soj-card__platforms {
  margin-top: auto;
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-card__platforms {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}
.buy-page-2025-soj-card__rating-title {
  width: 100%;
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-card__rating-star {
    max-width: 20px;
  }
}
.buy-page-2025-soj-card__nations-title, .buy-page-2025-soj-card__nations-content {
  width: 100%;
}
.buy-page-2025-soj-card__nations-title, .buy-page-2025-soj-card__rating-title {
  font-size: 12px;
  line-height: 19px;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj-card__nations-title, .buy-page-2025-soj-card__rating-title {
    font-size: 14px;
  }
}
.buy-page-2025-soj-card__nations-content {
  color: #6E0FD7;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  font-weight: 700;
  font-family: var(--font-fm-social-bold);
}
@media screen and (max-width: 39.9375em) {
  .buy-page-2025-soj-card__nations-content {
    font-size: 14px;
  }
}

.buy-page-2025-soj-platform-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 16px;
  position: relative;
  z-index: 1;
  height: 100%;
  cursor: pointer;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
  min-height: 95px;
}
.buy-page-2025-soj-platform-card__badge {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #6E0FD7;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 4px 8px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 19px;
  font-family: var(--font-fm-social-bold);
  font-weight: 700;
  width: 80%;
}
@media screen and (min-width: 40em) {
  .buy-page-2025-soj-platform-card__badge {
    width: 70%;
  }
}
.buy-page-2025-soj-platform-card:not(.buy-page-2025-soj-platform-card--active):hover:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  z-index: -1;
  background: url("../img/components/buy-page-2025/top-left-corner-bracket.svg") no-repeat top left, url("../img/components/buy-page-2025/top-right-corner-bracket.svg") no-repeat top right, url("../img/components/buy-page-2025/bottom-left-corner-bracket.svg") no-repeat bottom left, url("../img/components/buy-page-2025/bottom-right-corner-bracket.svg") no-repeat bottom right;
  background-size: 16px 16px;
}
.buy-page-2025-soj-platform-card--active {
  position: relative;
  z-index: 2;
  box-shadow: none;
}
.buy-page-2025-soj-platform-card--active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(to left, #FF4164, #E664FF);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  z-index: -1;
}
.buy-page-2025-soj-platform-card--inactive {
  background-color: #dbdbef;
  box-shadow: none;
  pointer-events: none;
}
.buy-page-2025-soj-platform-card--inactive .buy-page-2025-soj-platform-card__badge {
  background-color: #AF78FF;
}
.buy-page-2025-soj-platform-card--inactive:hover:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  z-index: -1;
  background: url("../img/components/buy-page-2025/top-left-corner-bracket.svg") no-repeat top left, url("../img/components/buy-page-2025/top-right-corner-bracket.svg") no-repeat top right, url("../img/components/buy-page-2025/bottom-left-corner-bracket.svg") no-repeat bottom left, url("../img/components/buy-page-2025/bottom-right-corner-bracket.svg") no-repeat bottom right;
  background-size: 16px 16px;
}
@media screen and (min-width: 64em) {
  .buy-page-2025-soj-platform-card {
    gap: 12px;
    padding: 14px 28px;
  }
}
.buy-page-2025-soj-platform-card__abstract {
  padding: 10px 0;
  margin-top: 12px;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #0A0F1E;
  text-align: center;
}

.compare-games-modal-2025 {
  background-color: #E6E6FA;
  border-radius: 12px;
  margin: auto;
}
@media screen and (max-width: 39.9375em) {
  .compare-games-modal-2025 {
    min-height: -moz-fit-content;
    min-height: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-width: 97vw;
    width: 90vw;
    padding: 32px 20px;
    top: 40px !important;
  }
}
@media screen and (min-width: 40em) {
  .compare-games-modal-2025 {
    width: 600px;
  }
}
@media screen and (min-width: 64em) {
  .compare-games-modal-2025 {
    width: 996px;
  }
}
.compare-games-modal-2025 button {
  color: #6E0FD7;
}
.compare-games-modal-2025 button span {
  padding: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  height: 36px;
  width: 36px;
}
.compare-games-modal-2025__active {
  display: block;
}
.compare-games-modal-2025__modal-active {
  display: block !important;
}
.compare-games-modal-2025__wrapper {
  text-align: center;
  flex-wrap: wrap;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 40em) {
  .compare-games-modal-2025__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.compare-games-modal-2025__title {
  font-family: var(--font-fm-universe);
  color: #0A0F1E;
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 25.2px;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .compare-games-modal-2025__title {
    font-size: 28px;
    line-height: 29px;
  }
}
.compare-games-modal-2025__content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}
@media screen and (min-width: 40em) {
  .compare-games-modal-2025__content {
    gap: 32px;
    max-width: 800px;
  }
}
.compare-games-modal-2025__games-grid {
  display: none;
  justify-content: center;
  max-width: 296px;
  margin: auto;
  grid-template-columns: repeat(1, minmax(148px, 1fr));
}
@media screen and (min-width: 40em) {
  .compare-games-modal-2025__games-grid {
    display: grid;
    gap: 24px 15px;
    grid-template-columns: repeat(2, minmax(148px, 1fr));
  }
}
@media screen and (min-width: 64em) {
  .compare-games-modal-2025__games-grid {
    gap: 32px;
    grid-template-columns: repeat(4, 148px);
  }
}
.compare-games-modal-2025__game-info {
  display: none;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
  min-width: 310px;
}
@media screen and (min-width: 40em) {
  .compare-games-modal-2025__game-info {
    min-width: 530px;
    gap: 16px;
  }
}
@media screen and (min-width: 64em) {
  .compare-games-modal-2025__game-info {
    gap: 32px;
    margin-bottom: 28px;
    width: 100%;
    min-width: 800px;
  }
}
.compare-games-modal-2025__game-info--active {
  display: flex;
}
.compare-games-modal-2025__game {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: #FFFFFF;
  border-radius: 12px;
  padding: 16px;
  position: relative;
  z-index: 1;
  height: 100%;
  cursor: pointer;
  box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.1);
  min-height: 80px;
  position: relative;
}
.compare-games-modal-2025__game-badge {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #6E0FD7;
  text-transform: uppercase;
  border-radius: 4px;
  padding: 2px 4px;
  color: #FFFFFF;
  font-size: 12px;
  line-height: 15px;
  font-family: var(--font-fm-social-bold);
  font-weight: 700;
  width: 80%;
}
.compare-games-modal-2025__game:not(.compare-games-modal-2025__game--active):hover:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  z-index: -1;
  background: url("../img/components/buy-page-2025/top-left-corner-bracket.svg") no-repeat top left, url("../img/components/buy-page-2025/top-right-corner-bracket.svg") no-repeat top right, url("../img/components/buy-page-2025/bottom-left-corner-bracket.svg") no-repeat bottom left, url("../img/components/buy-page-2025/bottom-right-corner-bracket.svg") no-repeat bottom right;
  background-size: 16px 16px;
}
.compare-games-modal-2025__game--active {
  position: relative;
  z-index: 2;
  box-shadow: none;
}
.compare-games-modal-2025__game--active:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 12px;
  padding: 2px;
  background: linear-gradient(to left, #FF4164, #E664FF);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: xor;
  z-index: -1;
}
.compare-games-modal-2025__game--inactive {
  background-color: #dbdbef;
  box-shadow: none;
  pointer-events: none;
}
.compare-games-modal-2025__game--inactive:hover:before {
  content: "";
  position: absolute;
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  top: -8px;
  left: -8px;
  z-index: -1;
  background: url("../img/components/buy-page-2025/top-left-corner-bracket.svg") no-repeat top left, url("../img/components/buy-page-2025/top-right-corner-bracket.svg") no-repeat top right, url("../img/components/buy-page-2025/bottom-left-corner-bracket.svg") no-repeat bottom left, url("../img/components/buy-page-2025/bottom-right-corner-bracket.svg") no-repeat bottom right;
  background-size: 16px 16px;
}
@media screen and (min-width: 64em) {
  .compare-games-modal-2025__game {
    gap: 12px;
    padding: 14px 28px;
  }
}
.compare-games-modal-2025__abstract {
  font-family: var(--font-abc-social);
  font-size: 14px;
  line-height: 19.6px;
  font-weight: 400;
  color: #0A0F1E;
}
@media screen and (min-width: 64em) {
  .compare-games-modal-2025__abstract {
    font-size: 20px;
    line-height: 26px;
  }
}
.compare-games-modal-2025__two-col {
  display: grid;
  justify-content: center;
  gap: 8px;
  width: 100%;
  grid-template-columns: repeat(1, 1fr);
}
@media screen and (min-width: 40em) {
  .compare-games-modal-2025__two-col {
    gap: 16px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 64em) {
  .compare-games-modal-2025__two-col {
    gap: 32px;
  }
}
.compare-games-modal-2025__three-col {
  display: grid;
  justify-content: center;
  width: 100%;
  gap: 8px;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 40em) {
  .compare-games-modal-2025__three-col {
    gap: 16px;
  }
}
@media screen and (min-width: 64em) {
  .compare-games-modal-2025__three-col {
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
}
@media screen and (max-width: 63.9375em) {
  .compare-games-modal-2025__three-col > :nth-child(3) {
    grid-column: span 2;
  }
}
.compare-games-modal-2025__card {
  background-color: #dbdbef;
  border-radius: 12px;
  padding: 20px;
}
.compare-games-modal-2025__card-subtitle {
  font-family: var(--font-abc-social);
  font-size: 14px;
  line-height: 19.6px;
  color: #0A0F1E;
  margin-bottom: 8px;
}
@media screen and (min-width: 64em) {
  .compare-games-modal-2025__card-subtitle {
    font-size: 16px;
    line-height: 22px;
  }
}
.compare-games-modal-2025__card-title {
  font-family: var(--font-fm-universe);
  color: #6E0FD7;
  font-size: 18px;
  line-height: 19px;
}
@media screen and (min-width: 64em) {
  .compare-games-modal-2025__card-title {
    font-size: 22px;
    line-height: 23px;
  }
}
.compare-games-modal-2025__card-content {
  font-family: var(--font-abc-social);
  font-size: 12px;
  line-height: 15.6px;
  margin-bottom: 12px;
  margin-top: 8px;
}
@media screen and (min-width: 64em) {
  .compare-games-modal-2025__card-content {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
  }
}
.compare-games-modal-2025__bar-grid {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, 1fr);
}
.compare-games-modal-2025__bar-line {
  height: 8px;
  margin-bottom: 8px;
  transition: background 0.5s ease;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-clip: padding-box;
  /* Background will be set dynamically via JavaScript */
}
.compare-games-modal-2025__bar-line:first-of-type {
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
}
.compare-games-modal-2025__bar-line:nth-of-type(3n) {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.compare-games-modal-2025__bar-text {
  font-size: 14px;
  line-height: 19px;
  font-family: var(--font-abc-social);
}
@media screen and (max-width: 63.9375em) {
  .compare-games-modal-2025__bar-text {
    font-size: 12px;
    line-height: 16.8px;
  }
}
.compare-games-modal-2025__bar-text:nth-of-type(2n) {
  justify-self: start;
}
.compare-games-modal-2025__bar-text:nth-of-type(3n) {
  justify-self: end;
  font-weight: 700;
}
.compare-games-modal-2025__bar-text--purple {
  color: #AF78FF;
}
.compare-games-modal-2025__bar-text--red {
  color: #FF4164;
}
.compare-games-modal-2025__footer a {
  min-width: 187px;
  display: flex;
  justify-content: center;
}

#modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(10, 15, 30, 0.8);
  z-index: 998;
  display: none;
}

.compare-games-dropdown {
  display: block;
  margin-bottom: 0px;
  background-color: white !important;
  border-radius: 4px;
  height: 42px;
  border: 1px solid rgba(10, 15, 30, 0.2);
  padding: 10px 14px;
  background: url(../img/arrow-purple-down.svg) no-repeat center right 10px;
}
.compare-games-dropdown__label {
  margin-bottom: 4px;
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  font-family: var(--font-abc-social);
}
.compare-games-dropdown__outer {
  min-width: 310px;
  display: none;
}
@media screen and (max-width: 39.9375em) {
  .compare-games-dropdown__outer {
    display: block;
  }
}

.maint {
  padding-top: 92px;
}
@media screen and (min-width: 40em) {
  .maint {
    padding-top: 108px;
  }
}
@media screen and (min-width: 64em) {
  .maint {
    padding-top: 136px;
  }
}
.maint__tint {
  background: rgba(0, 0, 0, 0.15);
}
.maint__title {
  font-family: var(--font-fm-universe);
  font-size: 3.625rem;
  line-height: 1.05;
  margin: 0 0 20px;
  text-transform: none;
  color: white;
}
@media screen and (min-width: 64em) {
  .maint__title {
    margin-bottom: 28px;
  }
}
.maint__content-wrapper {
  color: white;
  position: relative;
  z-index: 1;
  max-width: 592px;
}
.maint__abstract {
  color: white;
  font-size: 1.125rem;
  margin: 0 0 12px;
}
@media screen and (min-width: 64em) {
  .maint__abstract {
    font-size: 1.25rem;
    margin-bottom: 16px;
  }
}
.maint__content {
  margin: 0;
}

/* ====================================================
How components work next to each other - collapse padding
if two components have same background
======================================================= */
.authentic-logo-2025 + .f-carousel-2025,
.platform-carousel-2025__wrapper + .wrapper-fm25 {
  padding-top: 64px;
}
@media screen and (min-width: 40em) {
  .authentic-logo-2025 + .f-carousel-2025,
  .platform-carousel-2025__wrapper + .wrapper-fm25 {
    padding-top: 80px;
  }
}
@media screen and (min-width: 64em) {
  .authentic-logo-2025 + .f-carousel-2025,
  .platform-carousel-2025__wrapper + .wrapper-fm25 {
    padding-top: 120px;
  }
}

/* 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;
}