html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: rgba(0, 0, 0, 0);
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  color: #333;
  background-color: #fff;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  max-width: 100%;
  vertical-align: middle;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: rgba(0, 0, 0, 0) !important;
}

.w-webflow-badge, .w-webflow-badge * {
  z-index: auto;
  visibility: visible;
  box-sizing: border-box;
  width: auto;
  height: auto;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  float: none;
  clear: none;
  box-shadow: none;
  opacity: 1;
  direction: ltr;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-style: inherit;
  font-variant: inherit;
  text-align: inherit;
  letter-spacing: inherit;
  -webkit-text-decoration: inherit;
  text-decoration: inherit;
  text-indent: 0;
  text-transform: inherit;
  text-shadow: none;
  font-smoothing: auto;
  vertical-align: baseline;
  cursor: inherit;
  white-space: inherit;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  background: none;
  border: 0 rgba(0, 0, 0, 0);
  border-radius: 0;
  margin: 0;
  padding: 0;
  list-style-type: disc;
  transition: none;
  display: block;
  position: static;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  overflow: visible;
  transform: none;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .1);
  visibility: visible !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px 8px 6px 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  top: auto !important;
  bottom: 12px !important;
  left: auto !important;
  right: 12px !important;
  overflow: visible !important;
  transform: none !important;
}

.w-webflow-badge > img {
  visibility: visible !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
  top: 0;
  left: 0;
}

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

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  width: 100%;
  height: 38px;
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input:-moz-placeholder, .w-select:-moz-placeholder {
  color: #999;
}

.w-input::-moz-placeholder, .w-select::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  width: .1px;
  height: .1px;
  opacity: 0;
  z-index: -100;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  width: auto;
  height: auto;
  cursor: pointer;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  width: 28px;
  height: 20px;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: rgba(117, 134, 150, 0) #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: rgba(255, 255, 255, 0) #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  height: 0;
  width: 0;
  pointer-events: none;
  border: solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b rgba(117, 134, 150, 0) rgba(117, 134, 150, 0);
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  height: 500px;
  color: #fff;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  margin: auto;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  height: 300px;
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  background: #ddd;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  height: 100%;
  white-space: nowrap;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  width: 100%;
  height: 100%;
  white-space: normal;
  text-align: left;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  height: 40px;
  text-align: center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  margin: auto;
  padding-top: 10px;
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px rgba(51, 51, 51, .4);
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: rgba(34, 34, 34, .4);
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  width: 1em;
  height: 1em;
  cursor: pointer;
  background-color: rgba(255, 255, 255, .4);
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  width: 80px;
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: auto;
  font-size: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  border: 0;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  min-width: 100%;
  background: #ddd;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: rgba(0, 0, 0, .9);
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  width: 100vw;
  height: 100vh;
  opacity: 0;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  height: auto;
  max-width: none;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(0, 0, 0, .4);
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-lightbox-control {
  width: 4em;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  height: 2.6em;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: auto;
  overflow-y: hidden;
}

.w-lightbox-item {
  width: 10vh;
  box-sizing: content-box;
  cursor: pointer;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  height: 10vh;
  background: #222;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  border: 5px solid rgba(0, 0, 0, .4);
  border-radius: 50%;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid rgba(0, 0, 0, 0);
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: rgba(0, 0, 0, 0);
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  min-width: 200px;
  background: #c8c8c8;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous, .w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  width: 12px;
  height: 12px;
  border: 1px solid #ccc;
  border-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #333;
  font-family: Azbuka, sans-serif;
  font-size: 16px;
  line-height: 1.4;
}

h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Brda, sans-serif;
  font-size: 3.5rem;
  font-style: italic;
  font-weight: 700;
  line-height: .9;
}

h2 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Brda, sans-serif;
  font-size: 5rem;
  font-style: italic;
  font-weight: 700;
  line-height: .8;
}

h3 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Brda, sans-serif;
  font-size: 2.5rem;
  font-style: italic;
  font-weight: 700;
  line-height: .9;
}

h4 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Brda, sans-serif;
  font-size: 2rem;
  font-style: italic;
  font-weight: 700;
  line-height: .9;
}

h5 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Brda, sans-serif;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 700;
  line-height: .9;
}

h6 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Brda, sans-serif;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 700;
  line-height: .9;
}

p {
  margin-bottom: 10px;
  font-family: Azbuka, sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
}

a {
  color: #fff000;
  line-height: 1.4;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  max-width: 100%;
  display: inline-block;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.body {
  color: #fff;
  font-family: Azbuka, sans-serif;
}

.body.kopurple {
  background-color: #4b006e;
}

.body.yellow {
  background-color: #fff000;
}

.home-hero {
  text-transform: none;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, .79)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6248df1f216f035389a55f03_IMG_1904.jpg");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  padding-top: 600px;
  padding-bottom: 150px;
  font-size: 18px;
  font-style: italic;
  font-weight: 700;
}

.navbar {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.nav-container {
  min-width: 100vw;
  color: #fff;
  background-color: #4b006e;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
}

.dropdown {
  display: block;
}

.nav-link {
  color: #fff;
  align-items: center;
  font-style: italic;
  text-decoration: none;
  display: flex;
}

.nav-link.play-now-button {
  color: #4b006e;
  background-color: #fff000;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: Metropolis, sans-serif;
}

.nav-link.orange {
  color: #ff9600;
}

.nav-menu {
  clear: none;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-middle {
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.dropdown-2 {
  flex: 0 auto;
  margin-left: 0;
  margin-right: 40px;
}

.brand {
  align-items: center;
  margin-left: 40px;
  display: flex;
}

.brand.w--current {
  align-items: center;
}

.logo {
  width: 80px;
}

.div-block-left {
  align-items: center;
  display: flex;
}

.nav-link {
  text-transform: uppercase;
  font-family: Brda, sans-serif;
  font-weight: 700;
}

.nav-link.nav-dropdown {
  padding-right: 44px;
  display: flex;
}

.navigation {
  align-self: flex-start;
  display: flex;
}

.dropdown-toggle-2 {
  padding-left: 40px;
  padding-right: 60px;
}

.buy-now-button {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.buy-now-button.w--open {
  padding-left: 30px;
  padding-right: 60px;
}

.blog-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 40px;
}

.blog-frame {
  height: 400px;
  background-color: #3d3d3d;
}

.container {
  max-width: 1280px;
  text-align: left;
  padding-left: 60px;
  padding-right: 60px;
}

.container.big {
  max-width: 75vw;
}

.container.overlap {
  margin-top: -150px;
  margin-bottom: -200px;
}

.container.flex {
  height: 100%;
  max-width: 100vw;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.container.centered {
  z-index: 6;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container.centered.sludge-works-container {
  padding-top: 100px;
  position: relative;
}

.container.centered.mm-characters {
  max-width: 2200px;
}

.container.centered.s7-tmnt-container {
  z-index: 4;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.container.centered.intro-copy-frame {
  margin-bottom: 40px;
}

.container.centered.poison-ball-container {
  z-index: 6;
  margin-top: 100px;
  margin-bottom: 100px;
  position: relative;
}

.container.centered.s8-brags-container {
  z-index: 6;
  height: 100%;
  flex: 1;
  margin-top: 40px;
  position: relative;
}

.container.centered.s8-hideout-container {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.container.centered.char-intro-copy-frame {
  z-index: 8;
  margin-bottom: 40px;
  position: relative;
}

.container.headline-over {
  z-index: 100;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: static;
}

.container.headline-over.full {
  height: 100%;
  text-align: center;
}

.container.headline-over.full.vcenter {
  justify-content: space-between;
}

.container.headline-over.full.vcenter.over-parallax {
  position: absolute;
}

.container.headline-over.over-parallax {
  z-index: 5;
  position: absolute;
}

.container.in-blog {
  margin-top: -350px;
}

.container.billboard-container {
  height: 100%;
  text-shadow: 0 4px #320853;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container.ball-container {
  text-align: center;
  padding-top: 20px;
}

.container.lets-brawl {
  z-index: 4;
  height: 500px;
  opacity: .8;
  mix-blend-mode: multiply;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.container.cross-play-container {
  margin-top: 40px;
}

.container.media-pictures-container {
  margin-top: 60px;
}

.container.s8-villains-container {
  z-index: 8;
  position: relative;
}

.intro {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 10px #3d3d3d;
  margin-bottom: 40px;
  font-family: Brda, sans-serif;
  font-size: 64px;
  line-height: 1;
}

.wrapper {
  max-width: 980px;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.wrapper.centered.highlights {
  background-color: #320853;
  background-image: none;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wrapper.centered.cross-play {
  max-width: 900px;
  align-items: center;
  margin-bottom: 40px;
}

.wrapper.signup-grid {
  max-width: 980px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.wrapper.show {
  color: #fff000;
  background-color: rgba(75, 0, 110, .8);
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6284032ba293647a9e5fdbb3_crackt-bot_yellow.svg"), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6284032c4b189b589c968b81_crackt-top_yellow.svg");
  background-position: 100% 100%, 0 0;
  background-repeat: no-repeat, no-repeat;
  background-size: 25px 25px, 25px 25px;
  border: 8px solid #fff000;
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
  position: relative;
}

.wrapper.half {
  max-width: 780px;
  position: absolute;
}

.button {
  color: #4b006e;
  text-align: center;
  letter-spacing: .06em;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6279ed28f11d0373af1a7ebf_btn-yellow-2.svg");
  background-position: 50% 0;
  background-size: 100%;
  padding: 1.75em 2em 1em;
  font-family: Metropolis, sans-serif;
  font-weight: 900;
  line-height: 1;
  transition: all .25s;
}

.button:hover {
  transform: scale(1.15)rotate(-2deg);
}

.button.outline {
  border: 2px solid #4b006e;
}

.button.small {
  font-size: 18px;
}

.button.large {
  border-width: 0;
  padding-top: 1.75em;
  font-size: 22px;
}

.button.large.inverted {
  color: #fff000;
  background-color: #4b006e;
}

.button.large.margin-top {
  margin-top: 60px;
}

.button.large.border {
  box-shadow: 0 0 20px -9px #4b006e;
}

.button.large.border.middle, .button.large.middle {
  margin-left: auto;
  margin-right: auto;
}

.button.medium {
  font-size: 18px;
}

.button.big-text {
  margin-top: 30px;
  margin-bottom: 30px;
}

.button.margin {
  margin-top: 40px;
}

.button.two {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6279ed288fc34b844515ce05_btn-yellow-1.svg");
  background-position: 50% 100%;
  padding-top: 1em;
  padding-bottom: 1.75em;
}

.button.two.large {
  background-position: 50% 100%;
}

.button.purple {
  color: #fff000;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6279ed28840a667d875ec894_btn-purple-2.svg");
  transition-timing-function: ease-in-out;
}

.button.purple:hover {
  color: #fff000;
  transform: scale(1.15);
}

.button.violet {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6279ed27f45c044ff6788e53_btn-violet-2.svg");
}

.button.margin-auto {
  margin-left: auto;
  margin-right: auto;
}

.button.jumbotron-button {
  color: #320853;
  letter-spacing: .03em;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6279ed28a9ce886bdeeafb21_btn-yellow-3.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  padding: .5em 1.75em .75em 1em;
  font-family: Brda, sans-serif;
  font-size: 32px;
  font-style: italic;
  transition: all .2s ease-in-out;
}

.button.jumbotron-button:hover {
  background-position: 101% 100%;
  padding-right: 2.5em;
  transform: rotate(-1deg);
}

.button.jumbotron-button.glitch:hover {
  background-color: rgba(0, 0, 0, 0);
  background-position: 102% 100%;
}

.button.style-2 {
  color: #fff000;
  background-image: linear-gradient(177deg, #9619fa 80%, rgba(255, 255, 255, 0) 80%);
  padding-top: 1.25em;
  padding-bottom: 1.75em;
  transition: all .25s;
}

.button.style-2:hover {
  padding-bottom: 1.25em;
  transform: rotate(2deg)scale(1.15);
}

.button.is-navbar4-button {
  z-index: 1;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.button.is-secondary {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.button.is-link {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.centered {
  text-align: center;
}

.centered.margin-bottom {
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.centered.margin-bottom.hide {
  display: none;
}

.centered.two-up-headline {
  color: #fff000;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-family: Metropolis, sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 900;
}

.centered.cat-title {
  color: #4b006e;
}

.centered.cat-desc {
  color: #4b006e;
  font-weight: 700;
}

.features {
  background-image: linear-gradient(145deg, #9619fa, #4b006e);
  padding-top: 150px;
  padding-bottom: 150px;
}

.image-crossplay {
  padding-bottom: 40px;
}

.main-heading {
  text-transform: uppercase;
  padding-bottom: 40px;
  font-family: Brda, sans-serif;
  font-size: 48px;
  font-style: italic;
  line-height: 1;
}

.main-lead {
  margin-bottom: 24px;
  font-family: Azbuka, sans-serif;
  font-size: 24px;
  line-height: 1.4;
}

.grid-features {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: "."
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 60px;
  margin-bottom: 60px;
  display: grid;
}

.container-fluid {
  padding-left: 40px;
  padding-right: 40px;
  position: static;
}

.container-fluid.topbott {
  padding-top: 30px;
  padding-bottom: 30px;
}

.container-fluid.navvbarr {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  box-shadow: 0 0 30px rgba(75, 0, 110, .4);
}

.container-fluid.angled-header {
  z-index: 9;
  position: relative;
}

.column-features {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.column-features.chip1 {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272997cc8b62febc22bdb7d_chip-1.svg"), linear-gradient(#9619fa 76%, rgba(255, 255, 255, 0) 78%);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100%, auto;
}

.column-features.chip2 {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272971d75b77810939829f1_chip-2.svg"), linear-gradient(#9619fa 76%, rgba(255, 255, 255, 0) 78%);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 101%, auto;
}

.column-features.chip3 {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272997b27f2693d2e3b5b10_chip-3.svg"), linear-gradient(#9619fa 78%, rgba(255, 255, 255, 0) 80%);
  background-position: 50% 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 100%, auto;
}

.features-headline {
  color: #fff000;
  text-transform: uppercase;
  padding-bottom: 20px;
  font-size: 24px;
  font-style: italic;
  font-weight: 700;
}

.features-body {
  max-width: 44ch;
  font-size: 24px;
  line-height: 1.4;
}

.section-velan {
  color: #4b006e;
  background-color: #fff000;
  padding-top: 150px;
  padding-bottom: 150px;
}

.banners {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.banners.first {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/624b06653d35c71dc96f8e2b_koc-brawlers-section-xl.png.adapt.crop7x2.1920w.png");
  background-position: 0 0;
  background-size: cover;
}

.banner-item {
  height: 28vw;
}

.banner-item._01-left {
  height: 20vw;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/624b06653d35c71dc96f8e2b_koc-brawlers-section-xl.png.adapt.crop7x2.1920w.png");
  background-position: 0%;
  background-size: contain;
}

.banner-item.copy {
  flex-direction: column;
  justify-content: center;
  margin-left: 200px;
  margin-right: 200px;
  display: flex;
}

.banner-header {
  text-transform: uppercase;
  padding-bottom: 20px;
  font-family: Brda, sans-serif;
  font-size: 60px;
  font-style: italic;
  line-height: 1;
}

.banner-paragraph {
  color: rgba(255, 255, 255, .6);
  padding-bottom: 20px;
  font-size: 24px;
  line-height: 1.4;
}

.banner-button {
  color: #4b006e;
  background-color: #fff000;
  flex: 0 auto;
  padding: 20px 40px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.banner {
  grid-column-gap: 0px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1.75fr;
  align-items: center;
  padding-top: 160px;
  padding-bottom: 160px;
  display: block;
}

.banner.left {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/624b06653d35c71dc96f8e2b_koc-brawlers-section-xl.png.adapt.crop7x2.1920w.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.banner.right {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/624b06653302e91f3ae41183_koc-hero-medium-blog-5x2-l.png.adapt.crop7x2.1920w.png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.banner.calling {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/624b06653d35c71dc96f8e2b_koc-brawlers-section-xl.png.adapt.crop7x2.1920w.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 100vw;
  display: flex;
}

.banner.welcome {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/624b06653302e91f3ae41183_koc-hero-medium-blog-5x2-l.png.adapt.crop7x2.1920w.png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: 100vw;
  display: flex;
}

.highlights {
  background-image: linear-gradient(rgba(75, 0, 110, 0), #320853);
  margin-bottom: -150px;
  padding-top: 150px;
  padding-bottom: 150px;
  display: none;
}

.dropdown-list {
  background-color: #9619fa;
}

.dropdown-list.w--open {
  background-color: #4b006e;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.dropdown-link {
  width: 100%;
  min-width: 220px;
  color: #4b006e;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 900;
  transition: background-color .25s;
}

.dropdown-link:hover {
  background-color: #fff000;
}

.dropdown-link.w--current {
  color: #320853;
}

.section-social {
  background-color: #4b006e;
  padding-top: 150px;
  padding-bottom: 150px;
}

.buy-button-text {
  font-style: normal;
  font-weight: 700;
}

.play-dropdown.w--open {
  color: #fff;
  background-color: #000;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  font-style: normal;
  display: flex;
  top: 100%;
  left: 0%;
}

.buy-link {
  color: #fff;
  text-transform: none;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Metropolis, sans-serif;
  font-style: normal;
  font-weight: 700;
}

.social-links {
  grid-template: ". . . . . Area"
  / 1fr 1fr 1fr;
}

.section {
  background-color: #4b006e;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.newsletter {
  color: #fff;
  background-color: #9619fa;
  background-image: none;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 60px;
}

.section.social {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0;
  padding-bottom: 0;
}

.section.velan {
  color: #4b006e;
  background-color: #fff000;
  padding-top: 0;
}

.section.features {
  background-image: linear-gradient(#9619fa, #4b006e);
}

.section.features.alt {
  background-color: #9619fa;
  padding-bottom: 100px;
}

.section.features.alt.over {
  z-index: 3;
  position: relative;
}

.section.home-hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0) 42%, #9619fa 89%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6248df1f216f035389a55f03_IMG_1904.jpg");
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  padding-top: 600px;
}

.section.footer {
  background-color: #3d3d3d;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.interstitial {
  color: #4b006e;
  background-color: #fff000;
  padding-top: 60px;
  padding-bottom: 60px;
}

.section.interstitial.show {
  background-color: #4b006e;
  background-image: linear-gradient(rgba(75, 0, 110, .5), rgba(75, 0, 110, .5)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/627319f5e923e7f1a8e76fb1_GRAD-CATCH_1P_XBOX_SCREENSHOT_01.jpg");
  background-position: 0 0, 0 0;
  padding-top: 0;
  padding-bottom: 0;
}

.section.interstitial.show.blah {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
}

.section.interstitial.ball-bg {
  background-color: #4b006e;
  background-image: linear-gradient(171deg, rgba(255, 255, 255, 0) 50%, #9619fa 50%);
  padding-top: 150px;
  padding-bottom: 150px;
}

.section.interstitial.maps-bg {
  background-color: #4b006e;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6295a65cde4b8ce4cfa8bfda_Secondary%20Background%20-%201.png");
  background-position: 0 0;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.blog-hero {
  color: #fff000;
  text-align: center;
  background-color: #9619fa;
}

.section.blog-content {
  z-index: 2;
  padding-top: 60px;
  position: relative;
}

.section.main-hero {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6279f0215b44e9790b0b866e_shard-violet.svg");
  background-position: 50% 101%;
  background-repeat: no-repeat;
  background-size: 101%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.section.main-hero.overview {
  height: 50vh;
}

.section.main-hero.media {
  color: #4b006e;
  background-color: #fff000;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6279f0215b44e9790b0b866e_shard-violet.svg"), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/628bf010d3514d359a545ade_Catch-BG.jpg");
  background-position: 50% 101%, 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: 102%, auto 100%;
  padding-top: 150px;
}

.section.pc-reqs-section {
  color: #fff;
  background-color: #9619fa;
}

.section.cat-section {
  padding-top: 0;
  padding-bottom: 0;
}

.section.blog-selector {
  background-color: #9619fa;
}

.section.media-hero {
  background-color: #43cec0;
}

.section.divder {
  height: 100px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62827d7297d4ec36bb42578b_div-purple_violet.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: auto 100%;
  padding-top: 0;
  padding-bottom: 0;
}

.section.skewtest {
  background-color: #320853;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.section.bgskewtest {
  background-color: #3d3d3d;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.section.media-body {
  color: #fff;
  background-color: #4b006e;
  background-image: linear-gradient(-20deg, rgba(0, 0, 0, 0) 50%, #9619fa 50%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6295a65cde4b8ce4cfa8bfda_Secondary%20Background%20-%201.png");
  background-position: 0 0, 50% 100%;
  background-size: auto, contain;
}

.section.gameplay-bg {
  height: 1200px;
  background-color: #4b006e;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6290120df6d1b999566818d6_Angles_gameplay-top.svg"), linear-gradient(84deg, #9619fa 6%, rgba(255, 255, 255, 0) 6%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62901249c4d0753f28e684fe_Angles_gameplay-bot.svg"), linear-gradient(rgba(75, 0, 110, .7), rgba(75, 0, 110, .7)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/628ffd285da74e722abdda45_Dodgeball_PrintTex_small.png");
  background-position: 50% 0, 0 0, 50% 106%, 0 0, 50%;
  background-repeat: repeat-x, repeat, no-repeat, repeat, repeat;
  background-size: 100%, auto, 102%, auto, 1400px;
  position: relative;
  overflow: visible;
}

.section.gameplay-bg.about-top {
  z-index: 3;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(-3deg, #9619fa 15%, #ffeecd 15%, #ffeecd 17%, rgba(255, 255, 255, 0) 17%), linear-gradient(182deg, #4b006e 15%, rgba(255, 255, 255, 0) 15%), linear-gradient(84deg, #4b006e 6%, rgba(255, 255, 255, 0) 6%), linear-gradient(rgba(75, 0, 110, .25), rgba(75, 0, 110, .25));
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: auto, auto, auto, auto;
  padding-top: 220px;
  position: relative;
}

.section.violet {
  background-color: #9619fa;
}

.section.customize-bg {
  height: 1200px;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(183deg, #4b006e 10%, rgba(255, 255, 255, 0) 10%), linear-gradient(130deg, #4b006e 30%, rgba(255, 255, 255, 0) 30%), linear-gradient(rgba(75, 0, 110, .5), rgba(75, 0, 110, .5));
  position: relative;
  overflow: visible;
}

.section.two-up {
  background-color: #9619fa;
  position: relative;
}

.section.two-up.platforms {
  background-image: linear-gradient(#9619fa, #4b006e);
  padding-bottom: 140px;
}

.section.parallax-hero {
  height: 1000px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6291297dda6f71be95adf2b5_ko_stack-00_sky.jpg");
  background-position: 0 0;
  background-size: cover;
}

.section.season-6-hero {
  min-height: 980px;
  text-align: center;
  background-color: #4b006e;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.section.over {
  z-index: 5;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6296d7885a6e721f26bc8dc8_Angles_gameplay-bot.png");
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: 620px;
  position: relative;
}

.section.over.green-angle {
  background-color: #000;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6308fa071c24ba37b666005f_S7-Grn_Slime_bot.png"), linear-gradient(rgba(0, 0, 0, 0) 39%, rgba(19, 191, 88, .42));
  background-position: 50% 100%, 0 0;
  background-repeat: repeat-x, repeat;
  background-size: 1600px, auto;
  padding-bottom: 300px;
}

.section.over.s8-intro-section {
  width: 100vw;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  padding-top: 0;
  padding-bottom: 0;
}

.section.s6-roadmap {
  text-align: center;
  background-color: #9619fa;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630a60c87ed27f84a6e19d8d_Angles_gameplay-bot-KOPurp.png"), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .8));
  background-position: 50% 100%, 0 0;
  background-repeat: repeat-x, repeat;
  background-size: 1000px, auto;
}

.section.free-to-play-section {
  z-index: 1;
  text-shadow: 0 0 20px #4b006e;
  background-color: #9619fa;
  background-image: linear-gradient(#9619fa, rgba(255, 255, 255, 0) 25%), linear-gradient(1deg, #4b006e 10%, rgba(255, 255, 255, 0) 10%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/629571a731cc3cafa2a317e7_Holobux.png");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat-y;
  background-size: auto, auto, 650px;
  background-attachment: scroll, scroll, fixed;
  flex-direction: column;
  justify-content: center;
  padding-top: 220px;
  padding-bottom: 220px;
  display: flex;
  position: relative;
}

.section.expanded-hideout-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 200px;
  display: flex;
}

.section.boomerang-section {
  z-index: 2;
  background-image: linear-gradient(rgba(75, 0, 110, .84), rgba(75, 0, 110, .84)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6295500f51e9683689bb5f59_icon_boomerang_ball.png");
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-x;
  background-size: auto, auto 300px;
  position: relative;
}

.section.s6-brawl-pass-section {
  background-image: linear-gradient(166deg, rgba(0, 0, 0, 0) 52%, #9619fa 52%);
}

.section.fullheight {
  height: 100vh;
}

.section.meet-the-mutants {
  z-index: 1;
  height: auto;
  background-color: #327636;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  padding-top: 100px;
  padding-bottom: 0;
  transition: background-color .2s ease-in-out;
  display: flex;
  position: relative;
}

.section.sludge-works {
  z-index: 2;
  background-color: #428d6f;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630a5e5e7ed27fde06e179ef_S7-GrnVioSHADOW_Slime_top.png"), linear-gradient(rgba(0, 0, 0, 0) 60%, #327636 83%), linear-gradient(#327636, rgba(255, 255, 255, 0) 18%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630a65f894ecc4374c32774a_SludgeWorksDuotone.jpg");
  background-position: 50% 100%, 0 0, 0 0, 50%;
  background-repeat: repeat-x, repeat, repeat, repeat;
  background-size: 1600px, auto, auto, cover;
  background-attachment: scroll, scroll, scroll, fixed;
  padding-top: 0;
  padding-bottom: 220px;
  position: relative;
}

.section.season-7-hero {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  text-align: center;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.section.tmnt-section {
  z-index: 5;
  background-color: #4b006e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.s7-brawl-pass-section {
  background-color: #327636;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630a5e5e7ed27fde06e179ef_S7-GrnVioSHADOW_Slime_top.png"), linear-gradient(rgba(0, 0, 0, 0) 34%, #327636 78%), linear-gradient(#327636 3%, rgba(159, 191, 161, 0)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630a8ae324bca42842fcb59a_TMNTPizzaPattern.png");
  background-position: 50% 100%, 0 0, 0 0, 50%;
  background-repeat: repeat-x, repeat, repeat, repeat;
  background-size: 1600px, auto, auto, 400px;
  background-attachment: scroll, scroll, scroll, fixed;
}

.section.fan-section {
  background-color: #9619fa;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6308fa071c24ba37b666005f_S7-Grn_Slime_bot.png");
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: 1600px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 200px;
  display: flex;
}

.section.bsj-section {
  background-color: #ffeecd;
  padding-bottom: 200px;
  position: relative;
}

.section.villains-section {
  z-index: 5;
  height: 1700px;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(0, 0, 0, .9) 84%, rgba(0, 0, 0, 0)), linear-gradient(#000 70%, rgba(0, 0, 0, 0));
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.section.s8-most-wanted-section {
  z-index: 1;
  height: auto;
  background-color: #000;
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #000 80%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/638178b63a69e9ab5cc33993_CharBrick_tile.jpg");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, repeat;
  background-size: auto, 2100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.section.brags {
  z-index: 4;
  background-color: rgba(0, 0, 0, 0);
  background-image: radial-gradient(circle closest-corner at 100%, #320853, rgba(0, 0, 0, 0)), radial-gradient(circle closest-corner at 0%, #4b006e, rgba(0, 0, 0, 0)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6384f443ec93f62f6ea2649f_BragsUI-BG.png"), linear-gradient(rgba(0, 0, 0, 0), #320853 23%);
  background-position: 0 0, 0 0, 50%, 0 0;
  background-repeat: repeat, repeat, repeat-x, repeat;
  background-size: auto, auto, auto 24rem, auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.section.poison-ball-section {
  z-index: 4;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.section.s8-game-modes-section {
  z-index: 3;
  background-color: #43cec0;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 18%, #4b006e 90%), linear-gradient(#320853 3%, rgba(159, 191, 161, 0)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/629571a731cc3cafa2a317e7_Holobux.png");
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, 30%;
  background-attachment: scroll, scroll, fixed;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.section.s8-hideout-section {
  z-index: 3;
  background-color: #4b006e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.s8-brawl-pass-section {
  z-index: 3;
  position: relative;
}

.section.s8-roadmap {
  z-index: 3;
  text-align: center;
  background-color: #4b006e;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630a60c87ed27f84a6e19d8d_Angles_gameplay-bot-KOPurp.png"), linear-gradient(rgba(0, 0, 0, 0) 74%, #320853);
  background-position: 50% 100%, 0 0;
  background-repeat: repeat-x, repeat;
  background-size: 1000px, auto;
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  display: flex;
  position: relative;
}

.section.season-8-hero {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  text-align: center;
  background-color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.section.hideout {
  background-color: #4b006e;
}

.section.about-s8 {
  background-color: #4b006e;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6385492fe471c93e97c983d2_KO-nav_solid-lite.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.maps {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62900984f173b7591c085e7d_Angles_gameplay-top.svg");
  background-position: 50% -1px;
  background-repeat: repeat-x;
  background-size: 101%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section.balls {
  background-color: #9619fa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph {
  color: #fff;
  text-align: left;
  letter-spacing: .02em;
  font-family: Metropolis, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.paragraph.centered {
  text-align: center;
  letter-spacing: .02em;
  font-family: Metropolis, sans-serif;
  font-size: 21px;
}

.paragraph.centered.purple {
  color: #4b006e;
}

.paragraph.centered.small-text {
  font-size: 14px;
}

.paragraph.centered.small-text.legal-line {
  padding-top: 10px;
}

.paragraph.large {
  margin-bottom: 20px;
  font-family: Metropolis, sans-serif;
  font-size: 22px;
}

.paragraph.large.centered {
  font-family: Metropolis, sans-serif;
}

.paragraph.large.centered.crossplay {
  width: 48ch;
  margin-left: auto;
  margin-right: auto;
}

.paragraph.large.centered.velan {
  width: 44ch;
  margin-left: auto;
  margin-right: auto;
}

.paragraph.large.centered.purple {
  color: #4b006e;
}

.paragraph.large.centered.purple.add-space {
  margin-bottom: 40px;
}

.paragraph.large.fit {
  width: 36ch;
}

.paragraph.large.pc-reqs-copy {
  width: 38ch;
}

.paragraph.large.purple {
  color: #4b006e;
}

.paragraph.large.in-slider {
  width: 60ch;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.paragraph.large.updates {
  width: 48ch;
  color: #4b006e;
  text-align: center;
  letter-spacing: .03em;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Metropolis, sans-serif;
  font-size: 18px;
  font-weight: 900;
  display: block;
}

.paragraph.large.half {
  width: 45ch;
  color: #4b006e;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.paragraph.large.skewtesting {
  margin-bottom: 0;
  font-size: 50px;
  line-height: 1;
}

.paragraph.medium {
  margin-bottom: 20px;
}

.paragraph.blog-summary {
  max-width: none;
  color: #fff;
  text-align: right;
  font-size: 24px;
}

.paragraph.blog-content {
  font-size: 24px;
}

.paragraph.message-text {
  width: 61ch;
  color: #4b006e;
  text-align: center;
  text-transform: none;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
}

.paragraph.pc-reqs li {
  padding-bottom: 10px;
}

.paragraph.pc-reqs ul {
  padding-left: 20px;
}

.paragraph.visually-hidden {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.header {
  text-transform: uppercase;
  padding-bottom: 40px;
  font-family: Brda, sans-serif;
  font-size: 70px;
  font-style: italic;
  line-height: 1;
}

.header.centered {
  padding-bottom: 20px;
}

.header.intro, .header.centered {
  text-align: center;
}

.icn-social {
  width: 150px;
  min-height: 150px;
  opacity: .8;
  transition: all .2s;
}

.icn-social:hover {
  opacity: 1;
  transform: translate(0, -.4em);
}

.grid {
  grid-template-rows: 100px 100px;
  grid-template-columns: 100px 100px 100px;
}

.social-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.signup {
  padding-bottom: 20px;
}

.signup.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.signup.text-field {
  border-radius: 0;
}

.div-block-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-field {
  font-family: Metropolis, sans-serif;
  font-weight: 500;
}

.hero.overview {
  height: 50vh;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .51));
  flex-direction: column;
  justify-content: center;
  padding-bottom: 0;
  display: flex;
}

.hero.vcentered {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.slider.maps.rooftop {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/626efc8c89d043b6d2b776c5_koc-pickyourfight-screenshot-16x9-2.jpg.adapt.crop16x9.1455w.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider.maps.yard {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/626efc8cf9255077f4207eb1_koc-pickyourfight-screenshot-16x9-4.jpg.adapt.crop16x9.1455w.jpeg");
  background-position: 50%;
  background-size: cover;
}

.slider.map.roundabout {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/626efc8c2390aa0d0502f4fd_koc-pickyourfight-screenshot-16x9-1.jpg.adapt.crop16x9.1455w.jpeg");
}

.slider.battles {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.heading {
  color: #fff000;
  letter-spacing: .4px;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Brda, sans-serif;
  font-size: 70px;
  font-style: italic;
  line-height: 1;
}

.heading.centered {
  white-space: normal;
}

.heading.centered.yellow.little-margin {
  color: #fff;
  margin-bottom: 40px;
}

.heading.centered.cat-title {
  padding-bottom: 0;
}

.heading.yellow {
  color: #fff000;
}

.heading.large {
  font-size: 64px;
  line-height: 1;
}

.heading.large.teal {
  color: #43cec0;
}

.heading.large.fit {
  width: 16ch;
}

.heading.large.centered.little-margin {
  margin-bottom: 40px;
}

.heading.large.centered.updates {
  margin-top: 0;
  margin-bottom: 0;
}

.heading.large.centered.margin-bottom {
  margin-top: 0;
}

.heading.large.purple {
  color: #4b006e;
}

.heading.large.yellow.half {
  color: #320853;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 40px;
}

.heading.medium {
  margin: 0 auto 10px;
  font-size: 32px;
  line-height: 1;
}

.heading.medium.centered.shadow {
  text-shadow: 1px 1px 6px #000;
  margin-bottom: 20px;
}

.heading.medium.centered.yellow {
  mix-blend-mode: normal;
}

.heading.medium.orange {
  color: #ff9600;
}

.heading.huge {
  color: #fff;
  text-shadow: 0 0 20px #320853;
  mix-blend-mode: normal;
  margin-bottom: 80px;
  font-size: 7.9em;
  line-height: .9;
}

.heading.huge.centered.shadow {
  text-shadow: 0 0 9px #000;
}

.heading.huge.centered.yellow {
  color: #fff000;
  position: relative;
}

.heading.huge.centered.teal {
  color: #43cec0;
}

.heading.huge.centered.orange {
  color: #ff9600;
}

.heading.huge.blog {
  width: 23ch;
  margin-left: auto;
  margin-right: auto;
}

.heading.huge.auto {
  margin-left: auto;
  margin-right: auto;
}

.heading.small {
  color: #4b006e;
  letter-spacing: .03em;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Brda, sans-serif;
  font-weight: 700;
  line-height: 1.2;
}

.heading.info {
  color: #fff;
  letter-spacing: .6px;
  text-transform: uppercase;
  text-shadow: 0 0 20px #4b006e;
  margin-top: 0;
  font-family: Brda, sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: 900;
  line-height: 1.2;
}

.heading.info.yellow {
  color: #fff000;
}

.heading.info.orange {
  color: #ff9600;
}

.heading.info.teal {
  color: #43cec0;
}

.heading.gigantic {
  color: #fff000;
  letter-spacing: -.04em;
  mix-blend-mode: normal;
  font-size: 20vw;
  line-height: .8;
}

.heading.gigantic.purple {
  color: #4b006e;
}

.heading.huge-fix {
  color: #43cec0;
  mix-blend-mode: normal;
  margin-bottom: 60px;
  font-size: 6em;
  line-height: .9;
}

.heading.huge-fix.centered.shadow {
  text-shadow: 0 0 9px #000;
}

.heading.huge-fix.centered.yellow {
  position: relative;
}

.heading.huge-fix.centered.title {
  color: #4b006e;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 10em;
  line-height: 1;
}

.heading.huge-fix.blog {
  width: 23ch;
  margin-left: auto;
  margin-right: auto;
}

.heading.huge-fix.auto {
  margin-left: auto;
  margin-right: auto;
}

.heading.huge-fix.white {
  color: #fff;
  text-align: left;
}

.heading.huge-fix.yellow {
  color: #fff000;
  line-height: .8;
}

.heading.huge-fix.yellow._404__text {
  text-shadow: -9px 5px #4b006e, 7px -7px #4b006e, -7px -7px #4b006e, 7px 7px #4b006e;
}

.heading.huge-fix.blog-title {
  z-index: 2;
  letter-spacing: -.025em;
  text-shadow: 0 0 20px #4b006e;
  border-left: 1px solid rgba(0, 0, 0, 0);
  margin-top: -46px;
  margin-bottom: 20px;
  font-size: 5.7em;
  line-height: .8;
  position: relative;
}

.heading.huge-fix.purple {
  color: #4b006e;
}

.heading.updates {
  color: #4b006e;
  text-align: center;
  font-size: 64px;
  line-height: 1.4;
}

.heading.white-text {
  color: #fff;
}

.heading.purple-text {
  color: #4b006e;
}

.heading.intro-lead-copy {
  margin-bottom: 0;
  padding-top: 40px;
  font-size: 40px;
}

.heading.meet-the-mutants-headline {
  color: #fff000;
  text-shadow: none;
}

.heading.tmnt-heading, .heading.s7-sludge-works-heading {
  color: #fff000;
}

.heading.s7-brawl-pass-heading {
  margin-bottom: 40px;
}

.heading.most-wanted-headline {
  color: #fff000;
  text-shadow: none;
}

.heading.s8 {
  color: #fbcc3b;
  text-align: center;
  font-family: Decohead, sans-serif;
  font-size: 90px;
  font-style: normal;
}

.heading.s8.cover-ups {
  color: #841818;
  text-shadow: none;
  font-weight: 700;
}

.heading.s8.s8-hideout-headline, .heading.s8.s8-brags-headline {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  margin-top: 20px;
  display: flex;
}

.heading.s8.poison-ball-headline {
  text-shadow: 0 0 20px #000;
}

.image.crossplay {
  width: 350px;
}

.image.clips {
  width: 150px;
  align-self: center;
}

.image.map {
  width: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62901249c4d0753f28e684fe_Angles_gameplay-bot.svg"), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62900984f173b7591c085e7d_Angles_gameplay-top.svg");
  background-position: 50% 0, 50% 100%;
  background-repeat: no-repeat, no-repeat;
  background-size: 100%, 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.image.ball-image {
  z-index: 3;
  height: 390px;
  margin-top: 40px;
  margin-bottom: 40px;
  transition: all .2s;
  position: relative;
}

.image.ball-image:hover {
  transform: rotate(-2deg)scale(1.04);
}

.banner-grid {
  grid-template-rows: auto;
  padding-top: 60px;
  padding-bottom: 60px;
}

.div-block-4 {
  width: 50%;
}

.signup-block {
  padding-top: 32px;
}

.newsletter-grid {
  grid-template-rows: auto;
}

.checkbox-label {
  font-family: Metropolis, sans-serif;
  font-weight: 500;
}

.latest-frame {
  height: 375px;
  color: #fff;
  background-color: #3d3d3d;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 8px solid #fff000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  margin-bottom: 20px;
  transition: all .1s cubic-bezier(.55, .085, .68, .53);
  display: flex;
  position: relative;
  box-shadow: 0 0 #320853;
}

.latest-frame:hover {
  transform: translate(0, -1em);
  box-shadow: 0 6px 10px #320853;
}

.latest-frame.violet {
  background-color: #9619fa;
  margin-bottom: 40px;
  transform: skew(0deg);
}

.collection-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
}

.latest-image {
  width: auto;
  height: 200px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -8px;
}

.latest-info {
  z-index: 1;
  min-height: 100px;
  background-color: rgba(75, 0, 110, .85);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 10px 20px 20px;
  display: block;
  position: relative;
}

.latest-info-grid {
  letter-spacing: .06em;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  align-content: start;
  align-items: start;
  padding-top: 0;
  padding-bottom: 10px;
  font-family: Metropolis, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.info-category {
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
}

.info-date {
  color: rgba(255, 255, 255, .6);
  text-align: right;
  font-style: normal;
}

.features-content {
  min-height: 240px;
  background-color: #9619fa;
  flex-direction: column;
  justify-content: flex-start;
  padding: 40px 20px;
  display: flex;
}

.features-decoration {
  height: 40px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272997cc8b62febc22bdb7d_chip-1.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 101%;
}

.features-decoration.alt-1 {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272971d75b77810939829f1_chip-2.svg");
  background-position: 50% 100%;
}

.features-decoration.alt-2 {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272997b27f2693d2e3b5b10_chip-3.svg");
  background-position: 50% 100%;
}

.features-decoration.alt-3 {
  height: 26px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62900984f173b7591c085e7d_Angles_gameplay-top.svg");
  margin-bottom: 60px;
}

.blog-preview-wrapper {
  margin-bottom: 60px;
}

.jumbotron {
  height: 50vw;
  background-color: #3d3d3d;
}

.jumbotron.calling {
  height: 1260px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6275871e29d6316aac17ebda_Calling-All_BG-50.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.jumbotron.hits {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62731c0bdf11bd217630ca33_GRADCATCH_1P_XBOX_SCREENSHOT_01.jpg");
  background-position: 50%;
  background-size: cover;
}

.jumbotron.welcome {
  height: 60vw;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6275871f9a4b4a707dc12e42_Welcome_BG-50.png");
  background-position: 50% 110%;
  background-size: cover;
  justify-content: center;
  display: flex;
}

.jumbo-right {
  width: 52ch;
  float: left;
  padding-top: 40px;
}

.big-type {
  text-align: center;
  flex-direction: row;
  flex: 0 auto;
  align-items: center;
  display: block;
}

.superhero {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  object-fit: fill;
  position: fixed;
}

.superhero.overview {
  z-index: -3;
  height: 50vh;
  position: absolute;
}

.superhero.free-to-play-video {
  z-index: 0;
  height: 100%;
  position: absolute;
}

.superhero.expanded-hideout-video {
  height: auto;
  background-image: linear-gradient(#000, #fff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.blog-info {
  grid-template-rows: auto;
}

.eyebrow {
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-family: Metropolis, sans-serif;
  font-size: 18px;
  font-weight: 900;
}

.eyebrow.date {
  text-align: right;
  object-fit: contain;
  padding-bottom: 20px;
}

.eyebrow.date.blog-indicator {
  text-align: left;
  padding-bottom: 0;
}

.eyebrow.divider {
  color: #43cec0;
  font-weight: 900;
}

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

.eyebrow.updates {
  color: #4b006e;
  line-height: 1;
}

.eyebrow.separator {
  color: #fff;
}

.eyebrow.in-slide {
  color: #ff9600;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 0;
}

.eyebrow.blog-note {
  color: #4b006e;
  flex-direction: row;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.eyebrow.light {
  color: #fff;
}

.eyebrow.light.poison-ball {
  display: none;
}

.blog-content {
  font-family: Metropolis, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
}

.blog-content h2 {
  max-width: 1200px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Brda, sans-serif;
  font-size: 64px;
  font-style: italic;
  line-height: 1;
}

.blog-content p {
  max-width: 980px;
  color: #fff;
  letter-spacing: .02em;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: Metropolis, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
}

.blog-content img {
  max-width: 1400px;
  margin: 20px auto;
}

.blog-content h4 {
  max-width: 1200px;
  color: #fff000;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin: 60px auto 20px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Brda, sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.6;
}

.blog-content li {
  color: #fff;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62867459eba3c3c90ddf79ac_KO-bulletpoint.svg");
  background-position: 32px 10px;
  background-repeat: no-repeat;
  background-size: auto .75em;
  margin-bottom: 20px;
  padding-left: 90px;
}

.blog-content ul {
  max-width: 950px;
  color: #fff000;
  margin-left: 60px;
  margin-right: auto;
  padding-left: 0;
  list-style-type: none;
}

.blog-content h1 {
  color: red;
}

.blog-content h3 {
  max-width: 1200px;
  color: #fff;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin: 60px auto 20px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Brda, sans-serif;
  font-size: 48px;
  font-style: italic;
  font-weight: 900;
  line-height: 1;
}

.blog-content a {
  color: #fff000;
  font-weight: 700;
}

.blog-content a:hover {
  color: #fffaa2;
  text-decoration: underline;
}

.blog-content figcaption {
  color: #4b006e;
  text-align: right;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.blog-content blockquote {
  color: #fff;
  text-transform: none;
  background-color: rgba(150, 25, 250, .27);
  border-left-width: 0;
  border-left-color: rgba(0, 0, 0, 0);
  margin-left: 0;
  margin-right: auto;
  padding: 60px 90px;
  font-family: Metropolis, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4;
}

.blog-content h5 {
  max-width: 1200px;
  color: #ff9600;
  letter-spacing: .03em;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.6;
}

.blog-content.post figure {
  margin-top: 40px;
  margin-bottom: 40px;
}

.blog-content figure {
  margin-bottom: 0;
}

.bg-purple {
  background-color: #4b006e;
}

.logo-hero {
  z-index: 5;
  max-height: 250px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.logo-hero.big-logo {
  width: 130%;
  max-height: none;
  max-width: none;
}

.calling-foreground {
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62757bce943d6cfbb146a7cf_Calling-All_CHARACTERS.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: static;
}

.welcome-foreground {
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62758500c617f431a9af73b8_Welcome_CHARACTERS.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 121%;
  position: static;
}

.blog-eyebrow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #4b006e;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  display: flex;
}

.play-link {
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 16px;
  transition: background-color .25s;
  display: flex;
}

.play-link:hover {
  background-color: #4b006e;
}

.play-icon {
  width: 30px;
  height: 20px;
  color: #fff;
}

.play-name {
  padding-top: 4px;
  padding-left: 4px;
  font-size: 14px;
}

.play-collection-wrapper {
  background-color: #3d3d3d;
}

.blog-overlay {
  z-index: 1;
  height: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/628280a96ef7655af0bb1a87_Div-social.svg");
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: 600px;
  padding-top: 150px;
  padding-bottom: 60px;
  position: relative;
}

.blog-hero {
  height: 500px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  top: 0;
}

.message-holder {
  z-index: 99999;
  width: 100%;
  color: #4b006e;
  text-align: center;
  background-color: #fff000;
  padding: 20px 40px;
  display: block;
  position: fixed;
}

.close-button {
  width: 40px;
  height: 40px;
  color: #4b006e;
  text-align: center;
  font-size: 35px;
  position: absolute;
  top: 20px;
  right: 20px;
}

.text-block {
  font-size: 32px;
}

.nav {
  position: fixed;
}

.nav.shard {
  z-index: 9;
  width: 150px;
  height: 120px;
  background-image: linear-gradient(142deg, #4b006e 39%, rgba(255, 255, 255, 0) 39%), radial-gradient(circle at 0 0, #9619fa, rgba(255, 255, 255, 0) 58%);
  transition: all .2s;
}

.shard-logo {
  z-index: 10;
  width: 100px;
  height: 90px;
  margin-left: 0;
  transition: all .1s cubic-bezier(.47, 0, .745, .715);
  display: block;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.shard-logo:hover {
  transform: scale(1.1)rotate(-6deg);
}

.topnav {
  z-index: 8;
  text-transform: uppercase;
  background-color: #320853;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  font-family: Metropolis, sans-serif;
}

.navigation-link {
  color: #fff;
  letter-spacing: .04em;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 900;
  line-height: 1;
  transition: background-position .25s;
}

.navigation-link:hover {
  color: #320853;
  background-color: #fff000;
}

.navigation-link.w--current {
  color: #fff000;
}

.navigation-link.w--current:hover {
  color: #320853;
}

.navigation-link.play {
  color: #4b006e;
  background-color: #fff000;
  background-image: none;
  padding-left: 20px;
  padding-right: 40px;
}

.navigation-link.play:hover {
  color: #320853;
  background-color: #ff9600;
}

.navigation-link.play.glitch.layers:hover {
  background-color: #fff000;
}

.navigation-link.droppdown {
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 40px;
  transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  display: flex;
}

.navigation-link.glitch.layers:hover {
  background-color: rgba(150, 25, 250, .3);
}

.navigation-link.s7-dropdown {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6308fa071c24ba37b666005f_S7-Grn_Slime_bot.png");
  background-position: 50% 200%;
  background-repeat: repeat-x;
  background-size: 225px;
  transition-duration: .7s;
}

.navigation-link.s7-dropdown:hover {
  background-color: #fff000;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6308fa071c24ba37b666005f_S7-Grn_Slime_bot.png");
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: 225px;
}

.ko-header-fill {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.all-nav {
  z-index: 10;
  width: 100%;
  height: 60px;
  background-color: #320853;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  transition: background-position .15s ease-in-out;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.dropdown-list-2 {
  width: 100%;
}

.dropdown-list-2.w--open {
  width: auto;
}

.features-hero {
  height: 300px;
}

.features-hero.crew-up {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/628e39bfbd989dfe53a3f902_Playlist_TeamKO_Redo_Recropped.png");
  background-position: 59% 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.features-hero.style {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/627d4325d87d4809d8c2a98b_Fresh%20Threads.png");
  background-position: 30% 0;
  background-repeat: no-repeat;
  background-size: 140%;
}

.features-hero.frantic {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/628e3af3af64273ee2acf12b_Throwing.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 80%;
}

.dropdown-list-3 {
  color: #fff000;
  overflow: hidden;
}

.dropdown-list-3.w--open {
  color: #4b006e;
  background-color: #43cec0;
  font-weight: 700;
}

.collection-list-2 {
  flex-direction: column;
  display: flex;
}

.velan-logo {
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 24px;
  padding-bottom: 40px;
}

.collection-item-3 {
  padding-left: 0;
  padding-right: 0;
}

.pc-reqs-image {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.see-more-button, .see-more-icon {
  color: #fff000;
}

.divider {
  height: 99px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62827d7297d4ec36bb42578b_div-purple_violet.png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto 100px;
  position: relative;
}

.divider.social {
  height: 50px;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/628281b067562c3543c79bbe_div-diag.svg");
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: auto 50px;
}

.divider.velan {
  height: 99px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62828751e753a20f946f481d_div-velan.png");
  background-position: 50% 0;
  background-repeat: repeat-x;
  background-size: auto 70px;
}

.social-background {
  background-color: #4b006e;
  padding-top: 100px;
  padding-bottom: 100px;
}

.velan-content {
  padding-top: 40px;
}

.frame-test {
  height: 1200px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6283e9ed11c3e081d13615ea_Untitled-1_Frame-Test.svg");
  background-position: 50%;
  background-size: auto 100%;
  align-items: center;
  display: flex;
}

.character {
  width: 50%;
  height: 100%;
  position: absolute;
}

.character.show {
  z-index: 0;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/627d4325d87d4809d8c2a98b_Fresh%20Threads.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
}

.all-caps {
  text-transform: uppercase;
  font-family: Loew Heavy, sans-serif;
}

.blog-crackt {
  height: 50%;
}

.blog-hidden-frame {
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 15px;
  display: flex;
  position: absolute;
}

.blog-angle-top {
  z-index: 1;
  height: 16px;
  opacity: .85;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/628280a96ef7655af0bb1a87_Div-social.svg");
  background-position: 0 0;
  background-size: auto;
  position: relative;
}

.bg-video.show {
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.container-huge {
  max-width: 1600px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 0;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.container-huge.show {
  align-items: flex-end;
}

.video-placeholder {
  width: 100%;
}

.mask {
  margin-left: auto;
  margin-right: auto;
}

.slide-nav {
  position: static;
}

.updates-title {
  width: 100%;
  color: #4b006e;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6279d78bb624686b8a2015a6_shard-purple.svg");
  background-position: 50% 101%;
  background-repeat: repeat-x;
  background-size: 120%;
  margin-bottom: 0;
  padding-top: 150px;
  padding-bottom: 150px;
}

.updates-title.all-updates {
  background-color: #ffeecd;
  background-image: linear-gradient(4deg, #4b006e 24%, rgba(255, 255, 255, 0) 24%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6275871e29d6316aac17ebda_Calling-All_BG-50.png");
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.cats-top {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.half-modal {
  background-color: #fff000;
}

.half-decoration {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6279ed288fc34b844515ce05_btn-yellow-1.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
}

.half-decoration.top {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6279ed28f11d0373af1a7ebf_btn-yellow-2.svg");
  background-position: 50% 0;
  background-size: 101%;
}

.skewtest {
  width: 980px;
  color: #fff;
  background-color: #9619fa;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6279ed28073952a52165dd2b_btn-purple-1.svg");
  background-position: 50% 163%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: -50px;
  padding: 40px;
  transform: skew(-6deg, -5deg);
}

.skew-text-frame {
  z-index: 2;
  width: 800px;
  position: absolute;
}

.blog-overlay-color {
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: .85;
  position: absolute;
}

.blog-hero-image {
  z-index: 1;
  width: 100%;
  height: 0;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  padding-bottom: 56.25%;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 14px 14px #320853;
}

.blog-2nd-headline {
  max-width: 28ch;
  color: #4b006e;
  text-align: left;
  margin-top: 40px;
  padding: 10px 20px;
  transform: skew(-8deg);
}

.blog-headline-holder {
  justify-content: flex-end;
  margin-top: -38px;
  margin-bottom: 100px;
  display: flex;
}

.event-icon {
  z-index: 20;
  width: 100px;
  height: 100px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  margin: 0 auto auto 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.event-icon.in-post {
  position: relative;
}

.author-block {
  height: 150px;
  flex-direction: row;
  justify-content: flex-start;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 0;
  display: flex;
}

.author {
  color: #fff;
  letter-spacing: .04em;
  text-shadow: 0 0 12px #000;
  padding-bottom: 4px;
  font-family: Metropolis, sans-serif;
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
  display: inline;
}

.author:hover {
  text-decoration: none;
}

.author.name {
  color: #fff;
  font-family: Metropolis, sans-serif;
  font-weight: 900;
}

.author.title {
  color: #fff;
  font-family: Metropolis, sans-serif;
  font-size: 16px;
  font-weight: 900;
  display: block;
}

.author.pic {
  width: 135px;
  height: 110px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
}

.author.handle {
  color: rgba(255, 255, 255, .65);
  padding-left: 10px;
  font-size: 16px;
  font-weight: 700;
}

.author-info {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/627316e3c625b6f0ea0c8446_KO%20City%20Icon.svg"), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/627319f5e923e7f1a8e76fb1_GRAD-CATCH_1P_XBOX_SCREENSHOT_01.jpg");
  background-position: 100% 0, 50%;
  background-repeat: no-repeat, repeat;
  background-size: auto 50%, cover;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.avatar-decoration {
  width: 20px;
  margin-right: 10px;
}

.cat-grids {
  background-image: linear-gradient(178deg, #4b006e 18%, #9619fa 91%, #4b006e 91%);
  padding-top: 40px;
  padding-bottom: 150px;
}

.collection-item-4 {
  padding-left: 20px;
}

.splide {
  width: 100%;
  position: relative;
}

.splide__track {
  width: 100%;
  position: static;
}

.splide__list {
  display: flex;
}

.splide__slide {
  width: 375px;
  flex: none;
}

.overflow {
  position: relative;
  overflow: hidden;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 48rem;
  text-align: center;
  flex-direction: column;
  display: flex;
  position: relative;
}

._404 {
  background-color: #9619fa;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/628ba9e556e07f0c45d9396a_KO%20Chaos.jpg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 1400px;
}

.media-grid {
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 100px;
}

.media-grid.video-grid {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.social-grids {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navv-menu {
  z-index: 80;
  display: flex;
  position: relative;
}

.billboard-grid {
  text-shadow: 0 0 20px #4b006e;
  grid-template-rows: auto;
  align-items: center;
}

.billboard-grid.universe-grid {
  text-shadow: 0 4px #320853;
}

.billboard-copy {
  text-shadow: 0 3px 3px #320853;
}

.billboard-character {
  z-index: 3;
  width: 50%;
  height: 100%;
  min-width: 780px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/628e3af3af64273ee2acf12b_Throwing.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.billboard-character.universe-character {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/627d4384fc749a554f102ae9_Ultimate%20Throw.png");
  background-position: 50% 100%;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.billboard-character.customize-character {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/627d4325d87d4809d8c2a98b_Fresh%20Threads.png");
  background-position: 100%;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.billboard-character.landing-page.alternate-character {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62a6269b21acef7d1031d660_Brawl%20Up.png");
  background-size: 80%;
}

.billboard-character.landing-page.alternate-character-2 {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62a62b605e88681790449d59_Trick%20Shot.png");
  background-size: 80%;
}

.slide-paragraph {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.two-up-grid {
  grid-column-gap: 72px;
  grid-template-rows: auto;
}

.grid-3 {
  grid-template-rows: auto;
}

.two-up-column {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.icon-two-up {
  width: 175px;
  margin-bottom: 40px;
}

.three-up-headline {
  color: #fff000;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin-top: 0;
  font-family: Brda, sans-serif;
  font-size: 28px;
  font-style: italic;
}

.parallax {
  z-index: 5;
  width: 100%;
  height: 1000px;
  max-width: 1600px;
  mix-blend-mode: normal;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: absolute;
}

.jumbotron-headline {
  color: #fff;
  letter-spacing: -.03em;
  text-shadow: 10px 10px 8px rgba(75, 0, 110, .67);
  margin-top: 60px;
  font-size: 10em;
  line-height: .9;
  transition: all 1s;
  transform: rotate(-5deg);
}

.jumbotron-headline:hover {
  text-shadow: 28px 76px 20px rgba(75, 0, 110, .31);
  transform: scale(1.1)rotate(-9deg);
}

.jumbotron-top-half {
  height: 50%;
  align-items: flex-start;
  display: flex;
}

.jumbotron-bot-half {
  height: 50%;
  align-items: flex-end;
  display: flex;
}

.parallax-city {
  z-index: 0;
  width: 100%;
  height: 1050px;
  max-width: 2000px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6295addad87f44f9d0617dcb_ko_stack-01_city.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 2000px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.parallax-characters {
  z-index: 4;
  width: 100%;
  height: 1240px;
  max-width: 2080px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6295ad8d10ebb5613e1b7c31_ko_stack-03_characters.png");
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: 2000px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.parallax-building {
  z-index: 1;
  width: 100%;
  height: 1080px;
  min-width: 2000px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6291297ea5d755785b0c0e0e_ko_stack-02_buildings.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 1800px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.season-6-background {
  z-index: 1;
  width: 100%;
  height: 1050px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/62915ffee5ab0be839f05313_s6_stack-00_bg-UW.jpg");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: 6006px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.season-6-logo {
  z-index: 2;
  width: 100%;
  height: 1080px;
  max-width: 2000px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6291483e35422ad114ca209e_s6_stack-01_cot.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2000px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.season-6-baddies {
  z-index: 3;
  width: 100%;
  height: 1080px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6291483e867933893b0b9cf9_s6_stack-02_baddie.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2000px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.season-6-brawlers {
  z-index: 4;
  width: 100%;
  height: 1080px;
  color: #4b006e;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6296847e8f22e83b73142e65_s6_stack-03_brawlers-tag.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 2000px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.season-6-overtop {
  z-index: 5;
  width: 100%;
  height: 40px;
  background-color: #4b006e;
  position: relative;
  top: auto;
  bottom: 0;
  left: 0%;
  right: 0%;
}

.s7-parallax-holder {
  max-width: 200px;
  position: static;
}

.html-embed {
  height: 80px;
  color: #fff000;
  font-family: Brda, sans-serif;
  font-size: 70px;
}

.glitchy-headline {
  color: #fff000;
  text-align: center;
  font-family: Brda, sans-serif;
  font-size: 64px;
  line-height: 1;
}

.giant-glitch-headline {
  width: 90%;
  text-transform: uppercase;
  text-shadow: 4px 4px #320853;
  font-family: Brda, sans-serif;
  font-size: 10em;
  font-style: italic;
  font-weight: 700;
  line-height: .8;
}

.heading-general {
  margin-bottom: 20px;
}

.s3-logo {
  width: 200px;
  margin-bottom: 40px;
}

.s6-roadmap-image {
  width: 100%;
  max-width: 2000px;
  margin-bottom: 60px;
}

.hard-edge-1 {
  width: 100%;
  height: 100px;
  background-image: linear-gradient(1deg, #9619fa 50%, rgba(255, 255, 255, 0) 50%);
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.lets-brawl-headline {
  opacity: 1;
  color: #9619fa;
  text-align: center;
  text-transform: uppercase;
  mix-blend-mode: luminosity;
  font-family: Brda, sans-serif;
  font-size: 33em;
  font-style: italic;
  line-height: .8;
}

.expanded-hideout-image {
  margin-bottom: 40px;
}

.season-6-video {
  margin-bottom: 60px;
}

.hero-headline {
  color: #fff;
  letter-spacing: .03em;
  text-transform: uppercase;
  text-shadow: 0 14px #320853;
  margin-bottom: 60px;
  font-family: Brda, sans-serif;
  font-size: 100px;
  font-style: italic;
  line-height: .9;
}

.hero-headline.fix {
  font-size: 100px;
}

.hero-headline.season-7-intro {
  color: #327636;
  text-shadow: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#c800ca, #9619fa);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 76px;
  font-style: italic;
  font-weight: 700;
  position: relative;
}

.hero-headline.season-8-intro {
  color: #fbcc3b;
  text-shadow: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fbcc3b, #ff9600);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Decohead, sans-serif;
  font-size: 76px;
  font-style: normal;
  font-weight: 400;
  position: relative;
}

.boomerang-video {
  z-index: 5;
  width: 100%;
  height: 0;
  border: 10px solid #9619fa;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.div-block-5 {
  padding-top: 150px;
  padding-bottom: 150px;
}

.about-background-video {
  height: 100%;
  position: relative;
}

.right-arrow, .left-arrow {
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.image-2, .image-3 {
  padding-left: 20px;
  padding-right: 20px;
}

.lightbox-video {
  width: 100%;
  height: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0%;
  padding-bottom: 56.25%;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.ever-expanding-image {
  margin-bottom: 20px;
}

.two-up-paragraph {
  width: 48ch;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.two-up-paragraph.no-margin {
  margin-bottom: 0;
}

.hero-button-holder {
  height: 70px;
  text-align: center;
}

.moving-money {
  width: 100%;
  height: 100%;
  max-height: 500px;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.lightbox-video-image {
  height: 100%;
  max-width: none;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.media-video-hero {
  margin-bottom: 20px;
}

.money-move {
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/629571a731cc3cafa2a317e7_Holobux.png");
  background-position: 50%;
  background-size: contain;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.money-rain {
  z-index: 1;
  width: 100%;
  height: 800px;
  background-color: #9619fa;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/629571a731cc3cafa2a317e7_Holobux.png");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: 690px;
  position: absolute;
}

.privacy-content {
  font-family: Metropolis, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.6;
}

.privacy-content h2 {
  max-width: 1200px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Brda, sans-serif;
  font-size: 64px;
  font-style: italic;
  line-height: 1;
}

.privacy-content p {
  color: #fff;
  letter-spacing: .02em;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-family: Metropolis, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.6;
}

.privacy-content img {
  max-width: 1400px;
  margin: 20px auto;
}

.privacy-content h4 {
  max-width: 1200px;
  color: #fff000;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin: 60px auto 20px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Brda, sans-serif;
  font-size: 32px;
  font-style: italic;
  font-weight: 700;
  line-height: 1.6;
}

.privacy-content li {
  color: #fff;
  margin-bottom: 20px;
  padding-left: 20px;
}

.privacy-content ul {
  max-width: 950px;
  color: #fff000;
  margin-left: 60px;
  margin-right: auto;
  padding-left: 0;
}

.privacy-content h1 {
  color: red;
}

.privacy-content h3 {
  max-width: 1200px;
  color: #fff;
  letter-spacing: .03em;
  text-transform: uppercase;
  margin: 60px auto 20px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: Brda, sans-serif;
  font-size: 48px;
  font-style: italic;
  font-weight: 900;
  line-height: 1;
}

.privacy-content a {
  color: #fff000;
  font-weight: 700;
}

.privacy-content a:hover {
  color: #fffaa2;
  text-decoration: underline;
}

.privacy-content figcaption {
  color: #4b006e;
  text-align: right;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.privacy-content blockquote {
  color: #fff;
  text-transform: none;
  background-color: rgba(150, 25, 250, .27);
  border-left-width: 0;
  border-left-color: rgba(0, 0, 0, 0);
  margin-left: 0;
  margin-right: auto;
  padding: 60px 90px;
  font-family: Metropolis, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4;
}

.privacy-content h5 {
  max-width: 1200px;
  color: #ff9600;
  letter-spacing: .03em;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  line-height: 1.6;
}

.privacy-content.post figure {
  margin-top: 40px;
  margin-bottom: 40px;
}

.privacy-content figure {
  margin-bottom: 0;
}

.privacy-section-text li {
  color: #fff;
  padding-bottom: 10px;
  padding-left: 0;
  font-family: Metropolis, sans-serif;
  font-size: 21px;
  font-weight: 500;
  line-height: 1.6;
  list-style-type: disc;
}

.privacy-section-text h3 {
  color: #fff;
  background-color: #320853;
  background-image: linear-gradient(to right, #320853, #4b006e);
  margin-top: 60px;
  padding-left: 40px;
  font-family: Metropolis, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.6;
}

.privacy-section-text h4 {
  color: #43cec0;
  margin-top: 20px;
  padding-left: 40px;
  font-family: Metropolis, sans-serif;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.6;
}

.privacy-section-text ul {
  margin-bottom: 0;
  padding-left: 60px;
  list-style-type: disc;
}

.privacy-section-text h5 {
  color: #43cec0;
  text-align: right;
  font-family: Metropolis, sans-serif;
}

.video {
  margin-bottom: 20px;
}

.screenshots.lightbox-frame {
  width: 100%;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 12px;
  padding-bottom: 56.25%;
}

.screenshots.lightbox-image {
  width: 100%;
  display: inline-block;
}

.screenshots-lightbox-frame {
  width: 100%;
  height: auto;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  margin-bottom: 20px;
  padding-bottom: 56.25%;
  display: block;
}

.platform-icon {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.platform-link {
  width: 100%;
  opacity: .8;
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272997b27f2693d2e3b5b10_chip-3.svg"), linear-gradient(183deg, rgba(150, 25, 250, 0) 9%, #9619fa 9%, #9619fa 94%, rgba(255, 255, 255, 0) 94%);
  background-position: 0 100%, 0 0;
  background-repeat: repeat-x, repeat;
  background-size: 101%, auto;
  flex-direction: column;
  justify-content: center;
  padding-top: 128px;
  padding-bottom: 128px;
  transition: all .2s;
  display: flex;
}

.platform-link:hover {
  opacity: 1;
  transform: translate(0, -20px);
}

.platform-link.no-chip {
  background-image: linear-gradient(178deg, #9619fa 94%, rgba(255, 255, 255, 0) 94%);
}

.platform-link._2-chip {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272971d75b77810939829f1_chip-2.svg"), linear-gradient(#9619fa 90%, rgba(255, 255, 255, 0) 90%);
}

.platform-link._3-chip {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272997cc8b62febc22bdb7d_chip-1.svg"), linear-gradient(183deg, #9619fa 94%, rgba(255, 255, 255, 0) 94%);
}

.platform-grid {
  grid-column-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.platform-grids {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.platform-image {
  width: 150px;
  height: 100px;
  min-width: 150px;
}

.html-embed-2 {
  width: 0;
  height: 0;
}

.consent-banner {
  z-index: 100;
  width: 100%;
  background-color: rgba(50, 8, 83, .9);
  padding-top: 40px;
  padding-bottom: 40px;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.consent-flex {
  min-width: 100%;
  object-fit: contain;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.mm-tag {
  z-index: 0;
  width: 300px;
  margin-bottom: 20px;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.season-7-background {
  z-index: 1;
  width: 100%;
  max-width: 3953px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6307e19565e2d0253a22ce10_S7-Background01.jpg");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tmnt-video {
  z-index: 5;
  width: 100%;
  height: 0;
  border: 10px solid #327636;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.season-7-video {
  margin-bottom: 60px;
  box-shadow: 0 0 40px #428d6f;
}

.season-7-video.s7-intro-video {
  box-shadow: 0 0 40px #428d6f;
}

.meet-the-mutants-copy {
  text-shadow: none;
}

.sludge-works-video-background {
  width: 100vw;
  height: 100%;
  position: absolute;
}

.s7-roadmap-image {
  width: 100%;
  max-width: 2000px;
  margin-bottom: 60px;
}

.season-7-frame {
  z-index: 2;
  width: 100%;
  max-width: 3953px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6307e1ec9c24a210271874c8_S7-Frame01.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.season-7-characters {
  z-index: 3;
  width: 100%;
  height: 100%;
  max-width: 3953px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6307e23d1cfd7e1537963b61_S7-Characters01.png");
  background-position: 50%;
  background-repeat: repeat-x;
  background-size: cover;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.season-7-hero-holder {
  width: 100vw;
  height: 100vh;
  max-width: 3953px;
  object-fit: fill;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.bold-text {
  color: #fff;
}

.season-7-intro-text-span {
  letter-spacing: -.03em;
  font-family: Metropolis, sans-serif;
  font-size: 1.59em;
  font-style: italic;
  font-weight: 900;
  display: block;
}

.season-7-intro-copy-lead {
  width: 100%;
  color: #ffeecd;
  text-shadow: none;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  position: static;
}

.season-7-intro-copy-lead.w980px {
  width: 980px;
  color: #ffeecd;
  margin-bottom: 40px;
}

.season-7-intro-copy-lead.mm-lead-green {
  color: #ffeecd;
}

.season-7-intro-copy-lead.s7-tmnt-copy {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 19px #320853;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
}

.season-7-intro-copy-lead.s7-brawl-pass-copy {
  margin-bottom: 40px;
}

.s7-character-grid {
  max-width: 1600px;
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
}

.s7-character-heading {
  color: #fff000;
  text-align: center;
  text-shadow: none;
  -webkit-text-fill-color: transparent;
  background-color: #fff000;
  background-image: none;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 40px;
}

.s7-character-copy {
  text-align: center;
  text-shadow: none;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 1.4;
}

.s7-char-tile {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  background-attachment: scroll;
  border-radius: 0;
  padding-top: 60px;
  transition: background-color .2s ease-in-out;
}

.s7-char-image {
  padding: 10px 20px;
}

.s7-char-copy-block {
  padding: 20px 20px 60px;
}

.image-4 {
  padding-bottom: 10px;
}

.image-5 {
  transition: all .2s cubic-bezier(.95, .05, .795, .035);
}

.sludge-works-video {
  z-index: 5;
  width: 100%;
  height: 0;
  border: 10px solid #9619fa;
  padding-top: 0;
  padding-bottom: 56.25%;
  position: relative;
}

.s7-sludge-works-slider {
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
}

.slide {
  margin-bottom: 60px;
}

.s7-sludge-works-image {
  width: 100%;
  margin-bottom: 20px;
}

.s7-private-match-image {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
}

.s7-tmnt-background {
  z-index: 1;
  width: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630d6adf7b5fa65f46b8dfe3_KO-TMNT-Background.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 1500px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s7-tmnt-heroes {
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, 0), #4b006e), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630d6471cd22fa4298d9b795_KO-TMNT-Heroes.png");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 1500px;
  margin-top: 30px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s7-tmnt-frame {
  width: 100%;
  max-width: 2200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.s7-tmnt-logo {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 0;
}

.s7-tmnt-slime-bottom {
  z-index: 3;
  width: 100%;
  height: 200px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6308fa071c24ba37b666005f_S7-Grn_Slime_bot.png");
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: 1600px;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s7-char-container {
  background-image: linear-gradient(#327636, rgba(0, 0, 0, 0) 50%, #327636), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63084a4329bf636f0791333a_concrete-wall-2.png");
  background-position: 0 0, 50%;
  background-size: auto, 800px;
  background-attachment: scroll, fixed;
}

.s7-tmnt-content {
  z-index: 3;
  width: 100%;
  height: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.s7-tmnt-slime-top {
  z-index: 3;
  width: 100%;
  height: 200px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630aa9b7f1f8208451516195_S7-Grn_Slime_top.png");
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: 1600px;
  position: relative;
  top: 0;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.s7-tmnt-contain {
  z-index: 4;
  width: 100%;
  height: 1000px;
  max-width: 1280px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.bsj {
  color: #3d3d3d;
  text-align: left;
  font-family: Georgia, Times, Times New Roman, serif;
  font-style: normal;
}

.bsj.bsj-masthead {
  color: #3d3d3d;
  text-align: center;
  border-top: 2px dotted #3d3d3d;
  padding-top: 40px;
  padding-bottom: 20px;
  font-family: Pirata One, sans-serif;
  font-size: 6.75rem;
  font-weight: 400;
}

.bsj.bsj-tagline {
  text-align: center;
  border-top: 2px solid #3d3d3d;
  border-bottom: 2px solid #3d3d3d;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 18px;
  font-weight: 700;
}

.bsj.bsj-hero-image {
  width: 100%;
  mix-blend-mode: normal;
  border: 2px solid #3d3d3d;
  margin-top: 24px;
  margin-bottom: 24px;
}

.bsj.bsj-eyebrow {
  color: #9619fa;
  text-align: left;
  margin-top: 24px;
  font-weight: 700;
}

.bsj.bsj-newspaper-headline {
  color: #3d3d3d;
  text-align: left;
  letter-spacing: -.1rem;
  text-transform: none;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-bottom: 0;
  font-size: 95px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.1;
}

.bsj.bsj-newspaper-subheadline {
  color: #3d3d3d;
  text-align: left;
  text-transform: none;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-bottom: 0;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.4;
}

.bsj.bsj-magpie-newspaperimage {
  width: 25100%;
  float: left;
  border: 2px solid #3d3d3d;
  margin-bottom: 17px;
}

.bsj.bsj-newspaper-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 2fr;
  margin-top: 24px;
  margin-bottom: 24px;
}

.bsj.bsj-body-copy {
  text-align: justify;
  margin-bottom: 370px;
  font-size: 28px;
  line-height: 1.8;
  position: relative;
}

.bsj.bsj-drop-cap {
  width: 60px;
  height: 110px;
  float: left;
  text-align: center;
  margin-top: -45px;
  padding-top: 0;
  font-family: Pirata One, sans-serif;
  font-size: 98px;
  font-weight: 400;
  position: relative;
  top: 0;
  left: 0;
}

.bsj.bsj-wrapping-block {
  position: static;
}

.bsj.bsj-picture-wrap {
  z-index: 4;
  width: 35%;
  float: left;
  margin-right: 24px;
  position: relative;
}

.bsj.bsj-figure {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 16px;
}

.bsj.bsj-paywall {
  z-index: 5;
  width: 100%;
  background-image: linear-gradient(rgba(233, 231, 227, 0), #ffeecd 54%);
  justify-content: center;
  align-items: center;
  margin-bottom: 140px;
  padding-top: 469px;
  padding-bottom: 120px;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.bsj.bsj-paywall-copy {
  text-align: center;
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
}

.bsj.bsj-paywall-cta {
  text-align: center;
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  position: relative;
}

.bsj.bsj-paywall-contain {
  max-width: 450px;
  background-color: #ffeecd;
  border: 2px solid #3d3d3d;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 48px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  box-shadow: 0 10px 20px 4px rgba(61, 61, 61, .46);
}

.bsj.bsj-minilogo {
  height: 50px;
  color: #3d3d3d;
  text-align: center;
  background-color: #ffeecd;
  border-top: 2px #3d3d3d;
  margin-top: -15px;
  margin-bottom: 30px;
  font-family: Pirata One, sans-serif;
  font-size: 6.75rem;
  font-weight: 400;
}

.bsj.bsj-container {
  padding-bottom: 97px;
}

.bsj.bsj-holobuxspan {
  color: rgba(0, 0, 0, 0);
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63754e306fe77d14d584c72d_KO-holobux-glyph.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-left: .15em;
  padding-right: .15em;
  position: relative;
  top: 0;
  bottom: 0;
  right: -.08em;
}

.bsj-cta-span {
  color: #9619fa;
  display: block;
}

.bsj-button {
  background-color: #9619fa;
  padding: 14px 36px;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 19px;
  font-weight: 700;
}

.utility-page-form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.season-8-hero-holder {
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.season-8-hero-holder.hero-fade {
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.season-8-grain {
  z-index: 3;
  width: 100%;
  opacity: .2;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6385201d9172ebfc2c083171_dotgrain.gif");
  background-repeat: repeat;
  background-size: 10vh 10vh;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.season-8-red-hand-crew {
  z-index: 1;
  width: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63851bb50490b73f3329b84f_S8-RedHandCrew.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.season-8-background {
  z-index: 0;
  width: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/638520d09172eb4423083b6a_S8-BG.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.season-8-background.hero-fade {
  position: fixed;
}

.season-8-video {
  margin-bottom: 60px;
  box-shadow: 0 0 40px #428d6f;
}

.season-8-video.s7-intro-video {
  box-shadow: 0 0 40px #428d6f;
}

.season-8-video.s8-intro-video {
  box-shadow: 0 0 40px #fbcc3b;
}

.season-8-intro-text-span {
  letter-spacing: -.01em;
  font-family: Decohead, sans-serif;
  font-size: 2.1em;
  font-weight: 700;
  display: block;
}

.season-8-intro-copy-lead {
  width: 100%;
  max-width: 980px;
  color: #ffeecd;
  text-align: center;
  text-shadow: none;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  position: static;
}

.season-8-intro-copy-lead.w980px {
  width: 980px;
  color: #ffeecd;
  margin-bottom: 40px;
}

.season-8-intro-copy-lead.mm-lead-green {
  color: #ffeecd;
}

.season-8-intro-copy-lead.s7-tmnt-copy {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 19px #320853;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
}

.season-8-intro-copy-lead.s7-brawl-pass-copy {
  margin-bottom: 40px;
}

.season-8-intro-copy-lead.mm-lead-green-copy {
  color: #ffeecd;
}

.season-8-intro-copy-lead.poison-ball-copy {
  color: #fff;
  text-shadow: 0 6px 20px #0b460e;
}

.season-8-intro-copy-lead.w980 {
  max-width: 980px;
  color: #ffeecd;
}

.season-8-intro-copy-lead.w980.text-shadow {
  text-shadow: 0 0 14px #000;
}

.season-8-intro-copy-lead.villains-copy {
  max-width: 980px;
  text-align: center;
  text-shadow: 0 13px 18px #000;
  margin-left: auto;
  margin-right: auto;
}

.season-8-intro-copy-lead.s8-hideout-body-copy {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  margin-bottom: 20px;
  display: flex;
}

.season-8-intro-copy-lead.s8-brags-body-copy {
  background-image: radial-gradient(circle at 50% 100%, #320853, rgba(0, 0, 0, 0) 39%);
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.season-8-intro-copy-lead.poison-text-shadow {
  text-shadow: 1px 1px 11px #000;
}

.season-8-intro-copy-lead.about-s8 {
  margin-bottom: 20px;
}

.season-7-intro-copy-lead-copy {
  width: 100%;
  color: #ffeecd;
  text-shadow: none;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
  position: static;
}

.season-7-intro-copy-lead-copy.w980px {
  width: 980px;
  color: #ffeecd;
  margin-bottom: 40px;
}

.season-7-intro-copy-lead-copy.mm-lead-green {
  color: #ffeecd;
}

.season-7-intro-copy-lead-copy.s7-tmnt-copy {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 19px #320853;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
}

.season-7-intro-copy-lead-copy.s7-brawl-pass-copy {
  margin-bottom: 40px;
}

.s8-character-heading {
  color: #fbcc3b;
  text-align: center;
  text-shadow: none;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Decohead, sans-serif;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
}

.s8-character-heading.cover-ups {
  color: #fbcc3b;
  letter-spacing: .04em;
  text-shadow: 0 10px 12px rgba(0, 0, 0, .65);
  font-size: 48px;
  font-weight: 700;
}

.s8-character-heading.cover-ups.villain-intro {
  transform: rotate(-8deg);
}

.s8-character-copy {
  width: 100%;
  text-align: center;
  text-shadow: 0 6px 18px #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}

.s8-villains-contain {
  z-index: 4;
  width: 100%;
  height: 1000px;
  max-width: 1280px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 43px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.poison-ball-top {
  z-index: 3;
  width: 100%;
  height: 200px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630aa9b7f1f8208451516195_S7-Grn_Slime_top.png");
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: 1600px;
  position: relative;
  top: 0;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.s8-char-copy-block {
  z-index: 1;
  color: #fff;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.s8-char-tile {
  width: 33%;
  background-image: radial-gradient(circle closest-side, rgba(0, 0, 0, .61) 25%, rgba(255, 255, 255, 0));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding-left: 24px;
  padding-right: 24px;
  transition: background-color .2s ease-in-out;
  display: flex;
  position: relative;
}

.s8-char-image {
  z-index: 1;
  width: 90%;
  height: auto;
  filter: brightness(90%);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 133%;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
  position: relative;
  transform: rotate(3grad);
}

.s8-char-image:hover {
  width: 100%;
  filter: brightness();
  transform: rotate(0);
}

.s8-char-image.voxanne {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637dce55eabf24c504ce2f97_Char-Voxanne.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  transform: rotate(-6grad);
}

.s8-char-image.voxanne:hover {
  transform: rotate(0);
}

.s8-char-image.mugshot {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637dce554c5e617841a23065_Char-Mugshot.png");
}

.s8-char-image.hax {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637dce54dd2efe471149033f_Char-Hax.png");
  transform: rotate(-10grad);
}

.s8-char-image.hax:hover {
  transform: rotate(0);
}

.s8-char-image.the-shadow {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637dce55f2488c94236151b2_Char-Shadow.png");
  transform: rotate(11grad);
}

.s8-char-image.the-shadow:hover {
  transform: rotate(0);
}

.s8-char-image.comissioner-chase {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637d46a8f4b61079e4ca7fdb_Char-Chase.png");
}

.s8-character-grid {
  max-width: 1600px;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template: "."
  / 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: center;
  align-items: start;
  justify-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.s8-char-container {
  z-index: 8;
  max-width: 1400px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.s8-headline-span {
  text-shadow: none;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fbcc3b, #ff9600);
  -webkit-background-clip: text;
  background-clip: text;
  padding-top: 10px;
  font-size: 160px;
  font-weight: 700;
  line-height: .8;
  display: block;
}

.s8-headline-span.poison-ball {
  text-shadow: 0 0 20px #000;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  display: inline-block;
}

.s8-tmnt-frame {
  width: 100vw;
  height: 90vh;
  max-width: 2100px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  overflow: hidden;
}

.s8-tmnt-villains {
  z-index: 2;
  width: 100%;
  height: 1453px;
  max-height: 1453px;
  max-width: 2100px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637d1596efd4761f4a88b5b3_VillainsBrick_Static.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 2100px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.s8-tmnt-background {
  z-index: 1;
  width: 100%;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s8-tmnt-slime-bottom {
  z-index: 3;
  width: 100%;
  height: 200px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6308fa071c24ba37b666005f_S7-Grn_Slime_bot.png");
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: 1600px;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s8-page-body {
  background-color: #000;
}

.red-hand-logo {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637d4fe378c4f8f3c122123b_Red-Hand-Mark.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  margin-bottom: 60px;
  padding-top: 140px;
  padding-bottom: 100px;
}

.red-hand {
  width: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637d4fe378c4f8f3c122123b_Red-Hand-Mark.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 100%;
}

.hero-icon-frame {
  width: 15%;
  margin-bottom: 20px;
}

.hero-icon-frame.introducing {
  width: 170px;
}

.tmnt-villains-logo {
  width: 100%;
  height: 160px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637d5c3ed5808654f0e1c3bd_TMNT-Villains-Lockup.png"), radial-gradient(circle closest-side, #000 25%, rgba(255, 255, 255, 0));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25%;
}

.villains-mousetrap {
  z-index: 8;
  width: 100%;
  height: 1460px;
  max-width: 1480px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
  top: 0;
}

.background-fade-black {
  width: 100%;
  padding-bottom: 140px;
}

.s8-poison-ball-image {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637d9e12982438ecca3eeb6f_PoisonBall-Illustration.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 66.66%;
}

.z-index-3 {
  z-index: 3;
  position: relative;
}

.z-index-3.stank-fix {
  z-index: 2;
  background-color: #320853;
  background-image: linear-gradient(#000 37%, #320853 63%);
  overflow: hidden;
}

.z-index-3.stank-fix-top {
  background-color: #000;
}

.s8-roadmap-grid {
  width: 100%;
  max-width: 2000px;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 100px;
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: grid;
}

.s8-roadmap-event {
  background-color: #320853;
  padding: 10px;
}

.s8-roadmap-image {
  width: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637d7d9cfd4939110e6dbd50_01_HighSocietyHeist-9_16.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 172%;
  overflow: hidden;
}

.s8-roadmap-dates {
  color: #ffeecd;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  font-family: Metropolis, sans-serif;
  font-weight: 700;
}

.introducing-image {
  width: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637da08e4c5e6101739f5c84_Introducing.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 40%;
  transform: rotate(-7deg);
}

.hero-image-frame {
  width: 57%;
  margin-bottom: 20px;
}

.hero-image-frame.introducing {
  width: 250px;
}

.poison-ball-stank {
  z-index: 4;
  width: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6384ef425355709bddc7d866_Poison%402.5x.png"), radial-gradient(circle, rgba(81, 206, 88, .31) 36%, #0f0);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  border-radius: 50%;
  padding-bottom: 100%;
  position: static;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: auto;
}

.poison-ball-holder {
  z-index: 3;
  width: 110vw;
  height: 10vw;
  opacity: .8;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.s8-brags-video {
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s8-hideout-image {
  width: 100%;
  border: 1px solid #4b006e;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s8-new-game-mode-image {
  width: 100%;
  margin-bottom: 20px;
}

.s8-hideout-frame {
  width: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63813125567ef830e3d3a8e7_VS_KO_CITY_SS_Hideout.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 8px solid #ffeecd;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 56.25%;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 0 0 20px #ff9600;
}

.image-break-top {
  width: 100%;
  height: 60px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6290094bdff0479614fab200_Angles_gameplay-top.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s8-hideout-holder {
  width: 100%;
  height: 100%;
  max-width: 1480px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.season-8-logos {
  z-index: 2;
  width: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63851bb4a5ced519ee46ca28_S8_Logos.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s8-intro-section-fade {
  background-image: linear-gradient(rgba(0, 0, 0, 0), #000 64%);
  padding-top: 40px;
  padding-bottom: 40px;
}

.s8-villains-burst {
  z-index: 4;
  width: 100%;
  height: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/638173c3b12502358cfee716_Villains_Burst.png");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 2100px;
  position: absolute;
  top: 0%;
}

.s8-villains-background {
  z-index: 2;
  width: 100%;
  height: 1248px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63817bdcbfe747d2fc6d3de1_VillainsBrick_BG.jpg"), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/638178b63a69e9ab5cc33993_CharBrick_tile.jpg");
  background-position: 50% 0, 50% 0;
  background-repeat: no-repeat, repeat;
  background-size: 2100px, 2100px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.s8-villains-solid-wall {
  z-index: 6;
  width: 100%;
  height: 1248px;
  opacity: .1;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/638178b63a69e9ab5cc33993_CharBrick_tile.jpg");
  background-position: 50% 0;
  background-repeat: repeat;
  background-size: 2100px;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.s8-villains-bg-hide {
  z-index: 1;
  width: 100%;
  height: 40%;
  background-image: linear-gradient(#000 44%, rgba(0, 0, 0, 0)), linear-gradient(rgba(0, 0, 0, .76) 54%, rgba(0, 0, 0, 0));
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s8-fade-left {
  z-index: 7;
  width: 10vw;
  height: 100%;
  min-width: 150px;
  background-image: linear-gradient(to right, #000, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.s8-fade-left.h-1248 {
  height: 1248px;
}

.s8-fade-right {
  z-index: 7;
  width: 10vw;
  height: 100%;
  min-width: 150px;
  background-image: linear-gradient(270deg, #000, rgba(0, 0, 0, 0));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.s8-fade-right.h-1248 {
  height: 1248px;
}

.s8-content-frame {
  width: 100%;
  background-image: none;
  border: 8px solid #ffeecd;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  padding-top: 56.25%;
  display: flex;
  position: relative;
  box-shadow: 0 0 2.2rem #ff9600;
}

.s8-content-frame.new-game-mode {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6384f0ee89ca387d657ff1ff_63693d64fbdfa003d84e5aea_VS_KO_CITY_SS_BankBall_Playlist_02_10.png");
  background-size: cover;
}

.s8-content-frame.hideout {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63813125567ef830e3d3a8e7_VS_KO_CITY_SS_Hideout.jpg");
  background-size: cover;
}

.s8-content-frame.s8 {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63f05180ad117eb239bd6754_s9-hero-FPO_01.png");
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border-width: 0;
  box-shadow: 0 0 2.2rem #4b006e;
}

.video-control {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
  overflow: hidden;
  transform: rotate(15deg);
}

.video-control.play {
  height: 90%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6381956476687cd25bd0c058_KOplay.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: static;
}

.video-control.play:hover {
  transform: rotate(0);
}

.video-control.play:active {
  transform: skew(-10deg);
}

.video-control.pause {
  height: 90%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63819564e34a5e4102c6cfff_KOpause.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.video-control.pause:hover {
  transform: rotate(0);
}

.video-control.pause:active {
  transform: skew(-10deg);
}

.play-state {
  background-color: #fff000;
}

.play-state-image {
  width: 100%;
  opacity: .8;
  transition: all .2s;
  display: none;
  transform: rotate(13deg);
}

.play-state-image:hover {
  width: 100%;
  transform: rotate(0);
}

.play-state-image:active {
  width: 11rem;
  transform: skew(-10deg);
}

.play-pause-button {
  z-index: 10;
  width: 10rem;
  height: 8rem;
  opacity: .7;
  background-image: linear-gradient(225deg, rgba(0, 0, 0, 0) 88%, rgba(255, 240, 0, .01));
  transition: all .2s;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.play-pause-button:hover {
  width: 12rem;
  height: 12rem;
  opacity: 1;
  background-image: linear-gradient(225deg, rgba(0, 0, 0, 0) 54%, rgba(255, 240, 0, .63));
}

.play-pause-button:active {
  width: 11rem;
  height: 11rem;
  background-image: linear-gradient(225deg, rgba(0, 0, 0, 0) 47%, #fff000);
}

.s8-brags-holder {
  width: 100%;
  max-width: 1480px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.s8-hideout-holderr {
  width: 100%;
  max-width: 1480px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
  position: relative;
}

.s8-new-game-mode-frame {
  width: 100%;
  margin-bottom: 20px;
}

.s8-new-game-mode-framee {
  width: 100%;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637db5d398243856ca4054cd_01_HighSocietyHeist-16_9.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 8px solid #ffeecd;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 56.25%;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  box-shadow: 0 0 20px #ff9600;
}

.s8-brawl-pass-frame {
  width: 100%;
  border: 8px solid #ffeecd;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
  box-shadow: 0 0 2.2rem #ff9600;
}

.ko-city-brand {
  display: none;
}

.navigation-holder {
  padding-left: 40px;
  padding-right: 40px;
}

.ko-nav {
  text-transform: uppercase;
  font-family: Metropolis, sans-serif;
  font-size: 16px;
  font-weight: 900;
}

.ko-nav.link {
  color: #ffeecd;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: flex-start;
  transition: color .2s, background-color .2s;
  display: flex;
}

.ko-nav.link:hover {
  color: #fff000;
  background-color: rgba(150, 25, 250, .2);
}

.ko-nav.link.w--open {
  background-color: #4b006e;
}

.ko-nav.link.play-now {
  color: #320853;
  background-color: #fff000;
  background-image: linear-gradient(315deg, rgba(0, 0, 0, 0), #fff000);
  align-items: center;
  transition: background-position .2s, color .2s, background-color .2s cubic-bezier(.175, .885, .32, 1.275);
}

.ko-nav.link.play-now:hover, .ko-nav.link.play-now.w--open {
  background-color: #ff9600;
}

.ko-nav.link.play-icon {
  margin-right: 10px;
  padding-top: 100%;
}

.ko-nav.link.play-iconography {
  width: 20px;
  height: 20px;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 10px;
}

.ko-nav.bar {
  z-index: 999;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 17%, #320853 65%);
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
}

.ko-nav.bar.hide {
  display: none;
}

.ko-nav.dropdown {
  color: #ffeecd;
}

.ko-nav.dropdown.play-now {
  color: #320853;
  background-color: #fff000;
}

.ko-nav.dropdown.link {
  width: 100%;
  min-width: 220px;
  justify-content: flex-start;
  padding: 20px;
}

.ko-nav.dropdown.link.play {
  align-items: center;
  padding: 0;
  display: flex;
}

.ko-nav.dropdown.link.play:hover {
  color: #ffeecd;
  background-color: #000;
  justify-content: flex-start;
}

.ko-nav.dropdown.link.play.items {
  background-color: rgba(0, 0, 0, 0);
  margin: 20px;
  padding: 0;
}

.ko-nav.dropdown.play {
  color: #ffeecd;
  background-color: #3d3d3d;
}

.ko-nav.dropdown-menu.w--open {
  background-color: #9619fa;
}

.ko-nav.dropdown-menu.play {
  right: 0;
}

.nav-holder {
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.ko-city-logo {
  z-index: 2;
  width: 6rem;
  height: 6rem;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  margin-bottom: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
  transition: all .2s cubic-bezier(.175, .885, .32, 1.275);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  transform: rotate(0);
}

.ko-city-logo:hover {
  width: 7rem;
  height: 7rem;
  top: -.5rem;
  left: -.5rem;
  transform: rotate(-4deg);
}

.div-block-6 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  margin-right: 10px;
}

.ko-nav-framing {
  width: 50vw;
  height: 5rem;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/638572916f3b54712ee124e8_KO-nav_solid-dark.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.villains-logo-copy-holder {
  width: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 100px;
  display: flex;
}

.s8-bank-ball-image {
  width: 325px;
  height: 325px;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6384fba7ebaf6a8d7f591548_BankBall-float.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: auto;
  bottom: -5rem;
  left: auto;
  right: -6rem;
}

.big-copy {
  font-family: Metropolis, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.4;
}

.big-copy.centered._980px {
  max-width: 980px;
}

.big-copy.center-description {
  text-align: center;
  margin-top: 20px;
}

.map-image {
  width: 100%;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  padding-top: 56.25%;
  position: relative;
}

.map-name {
  width: 100%;
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background-color: rgba(150, 25, 250, .35);
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.item-name-heading {
  color: #ffeecd;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 0 0 10px #320853;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Metropolis, sans-serif;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 3.2rem;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.maps-slider {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.slider-button {
  background-color: rgba(0, 0, 0, 0);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-width: 0;
  border-radius: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 42px 31px;
}

.slider-button.left {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6295976f598e41a547fbaf2d_Arrow-left.svg");
  background-position: 0%;
  background-size: contain;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.slider-button.left.map, .slider-button.left.ball {
  flex: 0 auto;
}

.slider-button.right {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6295976f5bc8134ea99be762_Arrow-right.svg");
  background-position: 100%;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.slider-button.right.map, .slider-button.right.ball {
  flex: 0 auto;
}

.slider-paginate {
  z-index: 5;
  justify-content: space-between;
  align-items: center;
  margin-left: -2rem;
  margin-right: -2rem;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.maps-collection-list {
  width: 100%;
  position: relative;
}

.map-frame {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.about-maps-holder {
  width: 100%;
  max-width: 1240px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.description-copy-div {
  width: 100%;
  height: 300px;
  max-width: 980px;
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.item-slider {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.balls-collection-list {
  width: 100%;
  position: relative;
}

.balls-frame {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.balls-image {
  width: 100%;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-top: 100%;
  display: flex;
  position: relative;
}

.ball-name {
  width: 100%;
  padding-top: 1.5rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.ball-name-heading {
  color: #fff000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  padding: 1.25rem 2rem;
  font-family: Brda, sans-serif;
  font-size: 3rem;
  line-height: 3.2rem;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.about-ball-holder {
  width: 100%;
  max-width: 1240px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.ball-size {
  width: 50%;
}

.overflow-hidden {
  overflow: hidden;
}

.text-style-nowrap {
  white-space: nowrap;
}

.text-style-allcaps {
  text-transform: uppercase;
}

.icon-1x1-xsmall {
  width: 1.5rem;
  height: 1.5rem;
}

.background-color-black {
  color: #fff;
  background-color: #000;
}

.text-weight-normal {
  font-weight: 400;
}

.text-size-regular {
  font-size: 1rem;
}

.padding-global {
  padding-left: 5%;
  padding-right: 5%;
}

.padding-global.shadow-frame {
  position: relative;
  overflow: hidden;
}

.margin-huge {
  margin: 6rem;
}

.form-radio-icon {
  width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  min-width: 1.125rem;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 100px;
  margin-top: 0;
  margin-left: -1.125rem;
  margin-right: .5rem;
}

.form-radio-icon.w--redirected-checked {
  background-color: #fff;
  background-image: none;
  border-width: 6px;
  border-color: #000;
}

.form-radio-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
  margin-top: 0;
}

.heading-style-h5 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: .9;
}

.heading-style-h5.font-loew {
  line-height: 1.2;
}

.rl-styleguide_empty-space {
  z-index: -1;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2rem;
  display: flex;
  position: relative;
}

.rl-styleguide_icons-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.margin-horizontal, .margin-horizontal.margin-0, .margin-horizontal.margin-large, .margin-horizontal.margin-xlarge, .margin-horizontal.margin-tiny, .margin-horizontal.margin-medium, .margin-horizontal.margin-custom1, .margin-horizontal.margin-xhuge, .margin-horizontal.margin-custom2, .margin-horizontal.margin-huge, .margin-horizontal.margin-xxhuge, .margin-horizontal.margin-xxsmall, .margin-horizontal.margin-custom3, .margin-horizontal.margin-xxlarge, .margin-horizontal.margin-xsmall, .margin-horizontal.margin-small {
  margin-top: 0;
  margin-bottom: 0;
}

.icon-1x1-medium {
  width: 3rem;
  height: 3rem;
}

.icon-embed-small {
  width: 2rem;
  height: 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.margin-xxlarge {
  margin: 5rem;
}

.layer {
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.max-width-small {
  width: 100%;
  max-width: 30rem;
}

.rl-styleguide_shadows-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: start;
}

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

.margin-vertical, .margin-vertical.margin-custom2, .margin-vertical.margin-xlarge, .margin-vertical.margin-tiny, .margin-vertical.margin-xxsmall, .margin-vertical.margin-medium, .margin-vertical.margin-0, .margin-vertical.margin-large, .margin-vertical.margin-custom1, .margin-vertical.margin-xhuge, .margin-vertical.margin-xsmall, .margin-vertical.margin-huge, .margin-vertical.margin-xxlarge, .margin-vertical.margin-small, .margin-vertical.margin-xxhuge, .margin-vertical.margin-custom3 {
  margin-left: 0;
  margin-right: 0;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.padding-horizontal, .padding-horizontal.padding-custom3, .padding-horizontal.padding-small, .padding-horizontal.padding-xhuge, .padding-horizontal.padding-huge, .padding-horizontal.padding-large, .padding-horizontal.padding-0, .padding-horizontal.padding-xsmall, .padding-horizontal.padding-custom2, .padding-horizontal.padding-xlarge, .padding-horizontal.padding-xxlarge, .padding-horizontal.padding-medium, .padding-horizontal.padding-xxhuge, .padding-horizontal.padding-tiny, .padding-horizontal.padding-custom1, .padding-horizontal.padding-xxsmall {
  padding-top: 0;
  padding-bottom: 0;
}

.icon-height-small {
  height: 2rem;
}

.max-width-full {
  width: 100%;
  max-width: none;
}

.rl-styleguide_list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  padding-bottom: 4rem;
}

.text-weight-bold {
  font-weight: 700;
}

.text-weight-xbold {
  font-weight: 800;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.hide {
  display: none;
}

.shadow-xxlarge {
  box-shadow: 0 32px 64px -12px rgba(0, 0, 0, .14);
}

.rl-styleguide_spacing-all {
  display: none;
}

.padding-section-small {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-0 {
  padding: 0;
}

.rl-styleguide_spacing {
  border: 1px dashed #d3d3d3;
}

.form-checkbox-icon {
  width: 1.125rem;
  height: 1.125rem;
  min-height: 1.125rem;
  min-width: 1.125rem;
  cursor: pointer;
  border: 1px solid #000;
  border-radius: 0;
  margin-top: 0;
  margin-left: -1.25rem;
  margin-right: .5rem;
  transition: all .2s;
}

.form-checkbox-icon.w--redirected-checked {
  box-shadow: none;
  background-color: #000;
  background-size: 16px 16px;
  border-width: 1px;
  border-color: #000;
}

.form-checkbox-icon.w--redirected-focus {
  box-shadow: none;
  border-color: #000;
}

.rl-styleguide_empty-box {
  z-index: -1;
  height: 3rem;
  min-width: 3rem;
  background-color: #eee;
  position: relative;
}

.rl-styleguide_color {
  padding-bottom: 8rem;
}

.rl-styleguide_color.is-black {
  background-color: #000;
}

.rl-styleguide_color.is-gray {
  background-color: #f4f4f4;
}

.rl-styleguide_color.is-white {
  background-color: #fff;
}

.padding-xxhuge {
  padding: 10rem;
}

.shadow-small {
  box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .06);
}

.heading-style-h2 {
  font-size: 3rem;
  font-weight: 700;
  line-height: .9;
}

.padding-large {
  padding: 3rem;
}

.padding-section-medium {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.global-styles {
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.padding-xhuge {
  padding: 7rem;
}

.rl-styleguide_button-row {
  grid-column-gap: 1rem;
  display: flex;
}

.padding-huge {
  padding: 6rem;
}

.margin-top-auto {
  margin-top: auto;
}

.icon-1x1-xlarge {
  width: 6.5rem;
  height: 6.5rem;
}

.text-style-italic {
  font-style: italic;
}

.text-style-muted {
  opacity: .6;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.text-style-quote {
  border-left: .1875rem solid #000;
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

.class-label-row {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.heading-style-h1 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: .9;
}

.margin-0 {
  margin: 0;
}

.padding-xsmall {
  padding: 1rem;
}

.icon-height-xsmall {
  height: 1.5rem;
}

.text-style-link {
  text-decoration: underline;
}

.rl-styleguide_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  justify-content: start;
  align-items: start;
  justify-items: start;
  padding-bottom: 1rem;
  display: grid;
}

.rl-styleguide_item.is-stretch {
  grid-row-gap: 1rem;
  justify-items: stretch;
}

.margin-left, .margin-left.margin-tiny, .margin-left.margin-large, .margin-left.margin-huge, .margin-left.margin-xhuge, .margin-left.margin-xsmall, .margin-left.margin-custom3, .margin-left.margin-custom2, .margin-left.margin-0, .margin-left.margin-medium, .margin-left.margin-custom1, .margin-left.margin-xxhuge, .margin-left.margin-xxsmall, .margin-left.margin-small, .margin-left.margin-xlarge, .margin-left.margin-xxlarge {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
}

.icon-height-xlarge {
  height: 6.5rem;
}

.icon-1x1-small {
  width: 2rem;
  height: 2rem;
}

.padding-top, .padding-top.padding-xxlarge, .padding-top.padding-tiny, .padding-top.padding-medium, .padding-top.padding-large, .padding-top.padding-custom1, .padding-top.padding-huge, .padding-top.padding-xlarge, .padding-top.padding-0, .padding-top.padding-custom2, .padding-top.padding-xhuge, .padding-top.padding-xsmall, .padding-top.padding-small, .padding-top.padding-custom3, .padding-top.padding-xxsmall, .padding-top.padding-xxhuge {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.shadow-xlarge {
  box-shadow: 0 24px 48px rgba(75, 0, 110, .5);
}

.rl-styleguide_header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  padding-top: 3rem;
  padding-bottom: 3rem;
  display: flex;
}

.margin-xlarge {
  margin: 4rem;
}

.shadow-xsmall {
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);
}

.max-width-medium {
  width: 100%;
  max-width: 35rem;
}

.rl-styleguide_heading {
  z-index: 4;
  color: #fff;
  background-color: #4b006e;
  padding: .25rem .5rem;
  font-weight: 700;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.icon-embed-custom1 {
  width: 1.25rem;
  height: 1.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.class-label-column {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-color-black {
  color: #000;
}

.shadow-large {
  box-shadow: 0 20px 24px -4px rgba(0, 0, 0, .08), 0 8px 8px -4px rgba(0, 0, 0, .03);
}

.margin-large {
  margin: 3rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 20rem;
}

.button-sq {
  color: #320853;
  text-align: center;
  text-transform: uppercase;
  background-color: #fff000;
  padding: .75rem 1.5rem;
  font-family: Loew Heavy, sans-serif;
  font-weight: 900;
}

.button-sq.is-alternate {
  color: #000;
  background-color: #fff;
}

.button-sq.is-link {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-sq.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.button-sq.is-link.is-alternate {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
}

.button-sq.is-icon {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-sq.is-icon.server-download-button {
  display: flex;
}

.button-sq.is-icon.server-download-button.no-link {
  opacity: .77;
  color: #ffeecd;
  cursor: not-allowed;
  background-color: #ffeecd;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.button-sq.is-secondary {
  color: #fff000;
  background-color: #9619fa;
}

.button-sq.is-secondary.is-alternate {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-color: #fff;
}

.button-sq.is-small {
  padding: .5rem 1.5rem;
}

.form-radio-label {
  margin-bottom: 0;
}

.shadow-medium {
  box-shadow: 0 12px 16px -4px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .03);
}

.margin-small {
  margin: 1.5rem;
}

.form-field-wrapper {
  position: relative;
}

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

.padding-section-large {
  justify-content: center;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.padding-left, .padding-left.padding-custom3, .padding-left.padding-medium, .padding-left.padding-xhuge, .padding-left.padding-0, .padding-left.padding-custom2, .padding-left.padding-xxlarge, .padding-left.padding-small, .padding-left.padding-xlarge, .padding-left.padding-huge, .padding-left.padding-tiny, .padding-left.padding-large, .padding-left.padding-xxhuge, .padding-left.padding-custom1, .padding-left.padding-xxsmall, .padding-left.padding-xsmall {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.icon-1x1-large {
  width: 5rem;
  height: 5rem;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.rl-styleguide_label {
  color: #fff;
  white-space: nowrap;
  cursor: context-menu;
  background-color: #0073e6;
  padding: .25rem .5rem;
  font-size: .75rem;
  display: inline-block;
}

.rl-styleguide_label.is-html-tag {
  background-color: #be4aa5;
}

.overflow-scroll {
  overflow: scroll;
}

.heading-style-h6 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: .9;
}

.heading-style-h6.font-loew {
  line-height: 1.2;
}

.form-radio {
  align-items: center;
  margin-bottom: 0;
  padding-left: 1.125rem;
  display: flex;
}

.overflow-auto {
  overflow: auto;
}

.icon-1x1-xxsmall {
  width: 1rem;
  height: 1rem;
}

.margin-right, .margin-right.margin-tiny, .margin-right.margin-xhuge, .margin-right.margin-custom3, .margin-right.margin-xxlarge, .margin-right.margin-0, .margin-right.margin-large, .margin-right.margin-xlarge, .margin-right.margin-xxsmall, .margin-right.margin-xsmall, .margin-right.margin-medium, .margin-right.margin-huge, .margin-right.margin-custom2, .margin-right.margin-small, .margin-right.margin-xxhuge, .margin-right.margin-custom1 {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.button-group {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.button-group.is-center {
  justify-content: center;
}

.text-size-small {
  font-size: .875rem;
}

.rl-styleguide_callout-link-wrapper {
  width: 100%;
  color: #4b006e;
  background-image: linear-gradient(135deg, rgba(255, 116, 72, .15), rgba(255, 72, 72, .15) 50%, rgba(98, 72, 255, .15)), linear-gradient(#fff, #fff);
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
}

.padding-right, .padding-right.padding-xhuge, .padding-right.padding-medium, .padding-right.padding-xxlarge, .padding-right.padding-0, .padding-right.padding-xxsmall, .padding-right.padding-custom2, .padding-right.padding-small, .padding-right.padding-xlarge, .padding-right.padding-large, .padding-right.padding-xsmall, .padding-right.padding-custom1, .padding-right.padding-tiny, .padding-right.padding-huge, .padding-right.padding-xxhuge, .padding-right.padding-custom3 {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.icon-embed-xlarge {
  width: 6.5rem;
  height: 6.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.field-label {
  margin-bottom: .5rem;
  font-weight: 400;
}

.styleguide_grid-colours {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.margin-bottom, .margin-bottom.margin-medium, .margin-bottom.margin-xxsmall, .margin-bottom.margin-xsmall, .margin-bottom.margin-tiny, .margin-bottom.margin-small, .margin-bottom.margin-huge, .margin-bottom.margin-xxhuge, .margin-bottom.margin-custom3, .margin-bottom.margin-0, .margin-bottom.margin-custom1, .margin-bottom.margin-custom2, .margin-bottom.margin-xhuge, .margin-bottom.margin-xxlarge, .margin-bottom.margin-large, .margin-bottom.margin-xlarge, .margin-bottom.margin-xsmall, .margin-bottom.margin-xsmall, .margin-bottom.margin-xsmall, .margin-bottom.margin-xxsmall {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-xxsmall {
  margin: .5rem;
}

.background-color-gray {
  background-color: #f4f4f4;
}

.background-color-white {
  background-color: #fff;
}

.text-weight-semibold {
  letter-spacing: .03rem;
  text-transform: uppercase;
  font-family: Loew Heavy, sans-serif;
  font-weight: 700;
}

.icon-height-large {
  height: 5rem;
}

.padding-xlarge {
  padding: 4rem;
}

.rl-styleguide_paste-text {
  color: rgba(0, 0, 0, .5);
  text-align: center;
  border: 1px dashed rgba(0, 0, 0, .15);
  padding: 1rem;
}

.margin-tiny {
  margin: .25rem;
}

.padding-medium {
  padding: 2rem;
}

.icon-embed-xxsmall {
  width: 1rem;
  height: 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.icon-height-custom1 {
  height: 1.25rem;
}

.margin-xsmall {
  margin: 1rem;
}

.rl-styleguide_tutorial-callout {
  grid-column-gap: 2rem;
  background-color: #fff;
  border: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  padding: .75rem .75rem .75rem 1rem;
  display: flex;
}

.form-input {
  height: auto;
  min-height: 2.75rem;
  color: #000;
  background-color: #fff;
  border: .25rem solid #9619fa;
  margin-bottom: 0;
  padding: .5rem .75rem;
  font-size: 1rem;
  line-height: 1.6;
}

.form-input:focus {
  border-color: #000;
}

.form-input::-ms-input-placeholder {
  color: rgba(0, 0, 0, .6);
}

.form-input::placeholder {
  color: rgba(0, 0, 0, .6);
}

.form-input.is-text-area {
  height: auto;
  min-height: 11.25rem;
  padding-top: .75rem;
  padding-bottom: .75rem;
  overflow: auto;
}

.form-input.is-select-input {
  background-image: none;
}

.form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.shadow-xxsmall {
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.heading-style-h4 {
  font-size: 2rem;
  font-weight: 700;
  line-height: .9;
}

.rl-styleguide_item-row {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 15rem 1fr;
  align-items: center;
}

.text-size-tiny {
  font-size: .75rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 25rem;
}

.text-size-medium {
  font-size: 1.5rem;
  line-height: 1.4;
}

.margin-medium {
  margin: 2rem;
}

.text-size-large {
  font-size: 1.5rem;
  line-height: 1.5;
}

.text-color-white {
  color: #fff;
}

.rl-styleguide_button-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1.5rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: max-content;
  grid-auto-flow: row;
  align-items: center;
  justify-items: start;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: grid;
}

.padding-bottom, .padding-bottom.padding-tiny, .padding-bottom.padding-xsmall, .padding-bottom.padding-xxsmall, .padding-bottom.padding-xlarge, .padding-bottom.padding-custom3, .padding-bottom.padding-xxlarge, .padding-bottom.padding-xxhuge, .padding-bottom.padding-xhuge, .padding-bottom.padding-small, .padding-bottom.padding-huge, .padding-bottom.padding-0, .padding-bottom.padding-large, .padding-bottom.padding-custom1, .padding-bottom.padding-custom2, .padding-bottom.padding-medium {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.margin-top, .margin-top.margin-medium, .margin-top.margin-custom2, .margin-top.margin-large, .margin-top.margin-xhuge, .margin-top.margin-huge, .margin-top.margin-small, .margin-top.margin-xlarge, .margin-top.margin-0, .margin-top.margin-xsmall, .margin-top.margin-custom3, .margin-top.margin-xxsmall, .margin-top.margin-custom1, .margin-top.margin-tiny, .margin-top.margin-xxhuge, .margin-top.margin-xxlarge {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.icon-embed-medium {
  width: 3rem;
  height: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-height-xxsmall {
  height: 1rem;
}

.icon-height-medium {
  height: 3rem;
}

.padding-xxsmall {
  padding: .5rem;
}

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

.padding-tiny {
  padding: .25rem;
}

.heading-style-h3 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: .9;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.form-checkbox-label {
  margin-bottom: 0;
}

.margin-xhuge {
  margin: 7rem;
}

.text-weight-light {
  font-weight: 300;
}

.form-checkbox {
  width: 16px;
  height: 16px;
  border-width: .25rem;
  border-color: #9619fa;
  border-radius: 0;
  align-items: center;
  margin-top: 0;
  margin-right: .5rem;
  display: flex;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.container-large.no-container {
  width: auto;
  max-width: none;
}

.icon-embed-large {
  width: 5rem;
  height: 5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-weight-medium {
  font-weight: 500;
}

.margin-xxhuge {
  margin: 10rem;
}

.icon-1x1-custom1 {
  width: 1.25rem;
  height: 1.25rem;
}

.icon-embed-xsmall {
  width: 1.5rem;
  height: 1.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.padding-small {
  padding: 1.5rem;
}

.rl-styleguide_callout-link {
  background-color: #fff;
  background-image: linear-gradient(135deg, #ff7448, #ff4848 50%, #6248ff);
  justify-content: space-between;
  align-items: center;
  padding: 1px;
  display: flex;
}

.rl-styleguide_subheading {
  z-index: 3;
  color: #000;
  background-color: #d3d3d3;
  padding: .25rem .5rem;
  position: -webkit-sticky;
  position: sticky;
  top: 2rem;
}

.padding-vertical, .padding-vertical.padding-custom3, .padding-vertical.padding-custom1, .padding-vertical.padding-xxsmall, .padding-vertical.padding-xsmall, .padding-vertical.padding-tiny, .padding-vertical.padding-0, .padding-vertical.padding-small, .padding-vertical.padding-xxhuge, .padding-vertical.padding-large, .padding-vertical.padding-xhuge, .padding-vertical.padding-medium, .padding-vertical.padding-huge, .padding-vertical.padding-custom2, .padding-vertical.padding-xlarge, .padding-vertical.padding-xxlarge {
  padding-left: 0;
  padding-right: 0;
}

.heading-3, .heading-4 {
  text-transform: uppercase;
  font-family: Brda, sans-serif;
  font-style: italic;
}

.ko-button {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  transform: scale3d(1none, 1none, 1none) perspective(1rem);
  color: #4b006e;
  letter-spacing: .06rem;
  text-transform: uppercase;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  padding: 1.25rem 2rem 1rem;
  font-family: Brda, sans-serif;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 700;
  line-height: .9;
  transition: all .2s;
  position: relative;
}

.ko-button:hover {
  transform: scale(1.05)perspective(1rem);
}

.ko-button.is-yellow {
  background-color: #fff000;
}

.ko-button-bg {
  z-index: 0;
  color: #fff000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.ko-button-bg.is-alt {
  color: #4b006e;
}

.ko-button-bg.is-terch {
  color: #9619fa;
}

.ko-btn-top {
  height: 50%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.ko-btn-bot {
  width: 100%;
  height: 52%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.ko-button-content {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
  position: relative;
}

.ko-button-content.is-alt {
  color: #fff000;
}

.ko-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
}

.ko-grid.col2.gap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

.ko-character-card {
  flex-direction: column;
  align-items: flex-start;
  padding: .75rem;
  display: flex;
  position: relative;
}

.ko-character-card.teal {
  color: #6ecbc0;
  background-color: #6ecbc0;
}

.ko-character-card.yellow-orange {
  color: #ffc638;
  background-color: #ffc638;
}

.ko-character-image {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.image-wrapper-16-9 {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.image-wrapper-16-9.flex-center {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-wrapper_image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 0%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-wrapper_image.char {
  background-color: rgba(0, 0, 0, .1);
}

.image-wrapper_image.swiper-ball-image {
  object-fit: cover;
  background-color: #fff000;
}

.image-wrapper_image.slider-main_img {
  object-fit: cover;
  transition: transform .4s;
  transform: scale(1);
}

.image-wrapper_image.fit {
  object-fit: contain;
  padding-top: 5%;
  padding-bottom: 5%;
}

.image-overlay-layer {
  z-index: 1;
  background-color: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header-100vh {
  max-height: 60rem;
  min-height: 100vh;
  align-items: center;
  display: flex;
}

.text-color-white-2 {
  color: rgba(0, 0, 0, 0);
}

.private-server-hero {
  position: relative;
}

.header5_background-image-wrapper {
  z-index: -1;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header5_background-image-wrapper.position-fixed {
  width: 100%;
  height: 100%;
  position: fixed;
}

.button-3 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: .75rem 1.5rem;
}

.button-3.is-secondary {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.button-3.is-secondary.is-alternate {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.button-3.is-link {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-3.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.button-3.is-small {
  padding: .5rem 1.25rem;
}

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

.text-label-medium {
  text-transform: uppercase;
  font-family: Loew Heavy, sans-serif;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.1;
}

.s9-intro {
  color: #ffeecd;
  flex-direction: column;
  display: flex;
  position: relative;
}

.s9-chars {
  z-index: 1;
  color: #ffeecd;
  position: relative;
}

.s9-map {
  z-index: 1;
  color: #ffeecd;
  background-image: linear-gradient(rgba(150, 25, 250, 0) 59%, #4b006e);
  position: relative;
}

.text-label-large {
  text-transform: uppercase;
  font-family: Loew Heavy, sans-serif;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.1;
}

.text-color-yellow {
  color: #fff000;
}

.s9-headline {
  -webkit-text-fill-color: transparent;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63f056a62ad2dcd65a307eda_text_ture.jpg");
  background-position: 50%;
  background-repeat: repeat;
  background-size: contain;
  -webkit-background-clip: text;
  background-clip: text;
}

.s9-headline.light {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63fcce819638aebfb3d6ee3b_text_ture-light.png");
}

.card-row1_card-content {
  flex-direction: column;
  justify-content: center;
  padding: 0;
  display: flex;
}

.card-row1_image-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.card-row1_component {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.card-row1_image {
  width: 50%;
  height: 90%;
  object-fit: contain;
  position: absolute;
  top: auto;
  bottom: auto;
  left: 0%;
  right: auto;
}

.image-wrapper-1-1 {
  z-index: 0;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.image-wrapper-1-1._1-1-koss {
  width: 100%;
}

.image-wrapper-1-1.slider-main_img {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  transition: all .4s;
}

.card-inner {
  z-index: 1;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-inner.teal {
  background-image: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63f6ff561517f96ab67ccac2_char-bg-01.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.card-inner.yellow-orange {
  background-image: linear-gradient(rgba(0, 0, 0, .25), rgba(0, 0, 0, .25)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63f6ff0380819127cabbaef7_char-bg-02.jpg");
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.card-info-background {
  z-index: 0;
  color: #320853;
  position: absolute;
  top: -2rem;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.card-bottom {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  padding: 2rem;
  display: flex;
  position: relative;
}

.card-text {
  z-index: 1;
  position: relative;
}

.break-top-left {
  z-index: 2;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.break-bot-right {
  z-index: 2;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: rotate(180deg);
}

.s9-intro-bg {
  z-index: 1;
  margin-top: -100vh;
  position: relative;
}

.s9-sealine {
  width: 100%;
  height: 6rem;
}

.hidden-text {
  width: 0;
  height: 0;
  overflow: hidden;
}

.s9-features {
  color: #ffeecd;
  background-color: #080214;
  position: relative;
}

.s9-game-modes {
  position: relative;
}

.s9-features-title {
  color: #320853;
}

.icon-row {
  height: 5rem;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.game-modes-bg-bot {
  z-index: 0;
  width: 100%;
  height: 6rem;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63f6f6b1969bcc3f0bd35cce_game-mode-break.svg");
  background-position: 50% 101%;
  background-repeat: repeat-x;
  background-size: 100%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.game-modes-bg-top {
  width: 100%;
  height: 6rem;
  color: #4b006e;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63f6fa3350541162891e2f19_waterline.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 101%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.header-50vh {
  max-height: 60rem;
  min-height: 75vh;
  align-items: center;
  display: flex;
}

.header-in-image {
  z-index: 1;
  width: 100%;
  max-width: 48rem;
  color: #54eed7;
  text-shadow: 0 0 1rem #090315;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s9-image-wrapper {
  width: 100%;
  padding-top: 52%;
  position: relative;
}

.text-color-holobux {
  color: #39c942;
}

.s9-new-feature-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.slider6_component {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 6rem;
  overflow: hidden;
}

.slider6_mask {
  width: 50%;
  overflow: visible;
}

.slider6_slide {
  padding-right: 0;
}

.slider-content {
  width: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, .25);
  flex-direction: column;
  align-items: center;
  padding: .75rem;
  display: flex;
}

.slider6_arrow {
  width: 3rem;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.slider6_arrow.left {
  right: 4rem;
}

.slider6_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.slider7_slide-nav {
  height: 1.75rem;
  align-items: center;
  padding-top: 0;
  font-size: .5rem;
  display: flex;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.slider7_mask {
  width: 33.33%;
  overflow: visible;
}

.slider-content-replace-this-div {
  width: 100%;
  height: 20rem;
  text-align: center;
  border: 2px dashed rgba(0, 0, 0, .1);
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.slider7_arrow {
  width: 3rem;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.slider7_arrow.left {
  right: 4rem;
}

.slider7_component {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  padding-bottom: 6rem;
  overflow: hidden;
}

.slider1_component {
  width: 100%;
  height: auto;
  max-width: 90rem;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.slider1_slide {
  padding-left: 4rem;
  padding-right: 4rem;
}

.slider1_arrow {
  width: 3.5rem;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider1_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
}

.slider-arrow {
  width: 100%;
  height: 4rem;
}

.compass-bg {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  opacity: .4;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.s9-maps-area {
  background-color: #4b006e;
  background-image: linear-gradient(#1a3f74, rgba(255, 255, 255, 0) 30%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63fd4cfbea51c48520f50b2f_map-land-01.png"), linear-gradient(#1a3f74, rgba(255, 255, 255, 0));
  background-position: 0 0, 50% 0, 0 0;
  background-repeat: repeat, repeat-y, repeat;
  background-size: auto, 100%, auto;
  position: relative;
}

.compass-bg-image {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-color-s9 {
  color: #54eed7;
}

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

.s9-image-frame {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.s9-image-outline {
  z-index: 1;
  border: .4rem solid rgba(255, 255, 255, .4);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.position-relative {
  position: relative;
}

.w100 {
  width: 100%;
}

.s9-roadmap {
  z-index: 1;
  color: #ffeecd;
  background-color: #4b006e;
  position: relative;
}

.s9-bg-lightning {
  width: 100%;
  background-image: radial-gradient(circle, rgba(255, 240, 0, .52), rgba(0, 0, 0, 0));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: auto;
}

.ko-break-top {
  height: 4rem;
}

.ko-break {
  width: 100%;
  height: 4rem;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.ko-break.s9-map-break {
  color: #1a3f74;
}

.ko-break.text-color-purple {
  color: #4b006e;
}

.ko-break.top {
  transform: rotate(180deg);
}

.s9-feature-bg-image {
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s9-feature-wrapper {
  z-index: 0;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
  overflow: hidden;
}

.s9-feature-hero-image {
  z-index: 5;
  width: 100%;
  object-fit: contain;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s9-feature-hero-image._03 {
  z-index: 3;
}

.s9-feature-hero-image._02 {
  z-index: 4;
}

.s9-feature-top-break {
  z-index: 2;
  width: 100%;
  height: 7rem;
  justify-content: space-around;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.s9-feature-side-break {
  z-index: 2;
  width: auto;
  height: 100%;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.s9-feature-side-break.right {
  width: auto;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.s9-feature-writeup {
  z-index: 1;
  height: 100%;
  margin-top: -4rem;
  position: relative;
  overflow: hidden;
}

.s9-feature-writeup-frame {
  background-image: linear-gradient(#4b006e, rgba(75, 0, 110, 0));
  padding-bottom: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
}

.s9-writeup-break-top {
  z-index: 1;
  height: 4rem;
  position: relative;
}

.s9-feature-writeup-break {
  z-index: 2;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.s9-feature-writeup-break.right {
  height: 100%;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.s9-writeup-break-bot {
  z-index: 3;
  height: 4rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.container-xlarge {
  width: 100%;
  max-width: 105rem;
  margin-left: auto;
  margin-right: auto;
}

.banner2_close-button {
  margin-left: 1rem;
}

.banner2_wrapper {
  background-color: #f53626;
  justify-content: flex-start;
  align-items: center;
  padding: .75rem 1rem;
  display: flex;
  position: relative;
}

.banner2_text-wrapper {
  align-items: center;
  display: flex;
}

.banner2_content {
  flex: 1;
  align-items: center;
  margin-right: 2rem;
  display: flex;
}

.banner2_icon-wrapper {
  flex: none;
  margin-right: 1rem;
}

.info-banner {
  z-index: 2;
  width: 100%;
  height: 4rem;
  color: #ffeecd;
  background-color: rgba(50, 8, 83, .9);
  padding-left: 5%;
  padding-right: 5%;
  display: block;
  position: relative;
  overflow: hidden;
}

.banner10_content-wrapper {
  justify-content: flex-start;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.banner10_content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 3rem;
  display: flex;
}

.banner10_info {
  padding-left: .25rem;
  padding-right: .25rem;
}

.ko-nav {
  position: relative;
}

.banner-info-icn {
  height: 3rem;
}

.knockoutcity-nav {
  z-index: 9999;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
  position: fixed;
}

.navbar1_container {
  z-index: 2;
  width: 100%;
  justify-content: space-between;
  align-items: stretch;
  font-family: Loew Heavy, sans-serif;
  font-size: 1rem;
  display: flex;
}

.navbar1_dropdown-link {
  width: 100%;
  color: #fff000;
  padding: .5rem 1rem;
  display: inline-block;
  position: relative;
}

.navbar1_dropdown-link.w--current {
  color: rgba(0, 0, 0, 0);
}

.navbar1_dropdown-link.platforms {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  color: #fff;
  align-items: center;
  display: flex;
}

.navbar1_menu {
  align-items: stretch;
  display: flex;
  position: static;
}

.navbar1_menu.is-page-height-tablet {
  color: #ffeecd;
  align-items: center;
}

.navbar1_menu-button {
  padding: 0;
}

.navbar1_dropdown-list.w--open {
  color: #ffeecd;
  background-color: #4b006e;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.navbar1_dropdown-list.platforms.w--open {
  color: #fff;
  text-transform: none;
  background-color: #3d3d3d;
  font-family: Azbuka, sans-serif;
  right: 0;
}

.navbar1_menu-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.navbar1_dropdown-toggle {
  height: 100%;
  color: #ffeecd;
  align-items: center;
  padding: 1.25rem 2rem 1.25rem 1rem;
  transition: opacity .15s cubic-bezier(.39, .575, .565, 1);
  display: flex;
}

.navbar1_dropdown-toggle:hover {
  color: #fff000;
}

.navbar1_dropdown-toggle.play-now {
  color: #320853;
  background-color: #fff000;
}

.navbar1_dropdown-toggle.play-now.pvt-server {
  align-items: center;
  padding-right: 1rem;
  display: flex;
}

.navbar1_component {
  z-index: 1;
  width: 100%;
  height: auto;
  min-height: 4.5rem;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #320853 95%);
  align-items: stretch;
  padding-left: 5%;
  padding-right: 5%;
  font-family: Loew Heavy, sans-serif;
  font-weight: 900;
  display: flex;
  position: relative;
}

.dropdown-icon {
  width: 1rem;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  margin-right: .5rem;
  padding-top: 2px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.dropdown-icon.is-navbar4 {
  width: 1.5rem;
  height: 1.5rem;
}

.navbar1_logo-link {
  padding-left: 0;
}

.navbar1_link {
  color: #ffeecd;
  align-items: center;
  padding: 1.25rem 1rem;
  transition: color .15s cubic-bezier(.39, .575, .565, 1);
  display: flex;
}

.navbar1_link:hover {
  color: #fff000;
}

.navbar1_link.w--current {
  color: #ffeecd;
}

.knockoutcity-nav-logo {
  z-index: 10;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.navigation-bg {
  z-index: 0;
  height: 4.5rem;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.ko-nav-break {
  z-index: 0;
  height: 100%;
  color: #320853;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: -1%;
  right: auto;
}

.text-color-purple {
  color: #4b006e;
}

.text-color-purple.link {
  text-decoration: underline;
}

.ko-home-link {
  z-index: 10;
  width: 8rem;
  height: 120%;
  margin-left: 5%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.ko-home-logo {
  display: none;
}

.s9-roadmap-grid {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.s9-roadmap-item {
  position: relative;
}

.s9-roadmap-framing {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s9-roadmap-image {
  margin-bottom: 25%;
}

.s9-roadmap-text-overlay {
  z-index: 1;
  height: 65%;
  text-align: center;
  flex-direction: column;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.s9-roadmap-title {
  height: 80%;
  text-shadow: 0 0 8px #320853;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.s9-h3 {
  font-size: 2vw;
}

.s9-roadmap-dates {
  height: 45%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.s9-roadmap-dates.last {
  height: 35%;
}

.s9-framing-image {
  width: 100%;
}

.ko-logo {
  width: 4rem;
}

.question-bg {
  z-index: 0;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.password-page {
  background-color: #4b006e;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/628ffd285da74e722abdda45_Dodgeball_PrintTex_small.png");
  background-position: 50%;
  background-repeat: repeat;
  background-size: 400px;
}

.password-error {
  background-color: rgba(0, 0, 0, 0);
  border: .25rem solid #f53526;
}

.text-color-white-3 {
  color: rgba(0, 0, 0, 0);
}

.header-100svh {
  max-height: 60rem;
  min-height: 100svh;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.header-100svh.small {
  min-height: 75dvh;
}

.button-4 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: .75rem 1.5rem;
}

.button-4.is-secondary {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.button-4.is-secondary.is-alternate {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

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

.cta39_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.section_cta39 {
  color: #ffeecd;
  background-color: #4b006e;
  background-image: radial-gradient(circle, rgba(150, 25, 250, .75), #4b006e 86%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/645c6f3e2e413152bb7191d0_brawltexture-midnight.png");
  background-position: 0 0, 50%;
  background-size: auto, 80px;
  position: relative;
}

.section_cta39.no-bg {
  background-image: none;
}

.cta39_image {
  height: 100%;
  object-fit: cover;
}

.cta39_image.squared {
  z-index: 0;
  width: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cta39_image.squared.appear {
  z-index: 1;
}

.button-5 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: .75rem 1.5rem;
}

.button-5.is-secondary {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.ko-image-frame {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ko-image-frame.square {
  padding-top: 100%;
}

.ko-image-frame.item-image {
  background-color: #43cec0;
  background-image: linear-gradient(rgba(75, 0, 110, .6), rgba(0, 0, 0, 0));
  padding-top: 100%;
  overflow: hidden;
}

.ko-image-frame.item-image.dark {
  background-color: #320853;
  background-image: linear-gradient(#9619fa, rgba(0, 0, 0, 0));
}

.cta39_card-content {
  flex-direction: column;
  justify-content: flex-start;
  padding: 3rem;
  display: flex;
}

.cta39_card-content.no-container {
  align-items: center;
  padding: 0;
}

.cta39_card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.break-bot {
  width: 100dvw;
  height: 4.5rem;
  justify-content: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.break-bot.text-color-purple {
  height: 4.4rem;
  overflow: hidden;
}

.break-bot.top {
  width: 100%;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.hero-break-middle {
  width: 100%;
  max-width: 80rem;
  overflow: hidden;
}

.hero-break-middle.text-color-midnight {
  color: #9619fa;
}

.hero-break-left {
  flex: 1;
  margin-left: -1px;
  margin-right: -1px;
}

.hero-break-right {
  flex: 1;
  margin-left: 0;
  margin-right: 0;
}

.ps-features-section {
  color: #ffeecd;
  background-color: #4b006e;
}

.ko-image-frame-top {
  width: 100%;
  height: 1rem;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.ko-image-frame-bot {
  width: 100%;
  height: 1rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.ko-image-frame-right {
  width: 1rem;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.ko-image-frame-left {
  width: 1rem;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.ko-image-frame-topleft {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.ko-image-frame-botright {
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.header-75svh {
  max-height: 60rem;
  min-height: 75svh;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.layout364_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.button-6 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: .75rem 1.5rem;
}

.button-6.is-secondary {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.button-6.is-link {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-6.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.download-card {
  background-color: #ffeecd;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.download-card.shadow-large {
  width: 100%;
}

.server_card-title {
  color: #ffeecd;
  background-color: #9619fa;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 3rem 2rem;
  display: flex;
}

.server_card-title._02 {
  background-color: #320853;
  flex: 0 auto;
}

.layout364_row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.layout364_card-content {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  padding: 1.5rem 1rem;
  display: flex;
}

.pricing1_feature {
  display: flex;
}

.pricing1_icon-wrapper {
  flex: none;
  align-self: flex-start;
  margin-right: 0;
}

.server_feature {
  justify-content: space-between;
  padding: 1rem;
  display: flex;
}

.server_feature.alt {
  background-color: #f2e1c3;
}

.server_feature.server-description {
  flex-direction: column;
}

.tab4_component {
  width: 100%;
  flex-direction: column;
  align-items: stretch;
  padding: 1rem;
  display: flex;
}

.tab4_component.alt {
  background-color: #f2e1c3;
}

.tab4_tabs-menu {
  width: 100%;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: rgba(0, 0, 0, 0);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
  overflow: auto;
}

.tab4_tab-link {
  color: #9619fa;
  background-color: rgba(0, 0, 0, 0);
  border: .25rem solid #9619fa;
  flex: 1;
  justify-content: center;
  padding: .5rem 1.25rem;
  font-family: Loew Heavy, sans-serif;
  font-size: 1rem;
  display: flex;
}

.tab4_tab-link.w--current {
  color: #ffeecd;
  background-color: #9619fa;
  border: .25rem solid #9619fa;
}

.tab4_tabs-content {
  width: 100%;
  flex-direction: column;
  display: flex;
}

.tab-content-replace-this-div {
  width: 100%;
  height: 20rem;
  text-align: center;
  border: 2px dashed rgba(0, 0, 0, .1);
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.pricing19_component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-style-h1-2 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.2;
}

.section_download {
  color: #ffeecd;
  background-color: #9619fa;
  background-image: linear-gradient(rgba(75, 0, 110, .63), rgba(150, 25, 250, 0)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6446f4f52a0c8e2dfc132275_section-download-bg%402x.jpg");
  background-position: 0 0, 50% 0;
  background-size: auto, 100%;
  padding-bottom: 2rem;
  position: relative;
}

.pricing19_plan {
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 2rem;
}

.pricing19_content {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.text-size-medium-2 {
  font-size: 1.125rem;
}

.pricing19_feature {
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  padding: .75rem 1rem;
  font-family: Loew Heavy, sans-serif;
  display: flex;
}

.pricing19_feature.alt {
  background-color: #f2e1c3;
}

.pricing19_feature-icon-wrapper {
  width: 1.5rem;
  height: 1.5rem;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  margin-right: 1rem;
  display: flex;
}

.pricing19_feature-list {
  width: auto;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.pricing19_divider {
  width: 100%;
  height: 1px;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.download-card-content {
  color: #4b006e;
  flex-direction: column;
  flex: 1;
  padding: 1rem;
  display: flex;
}

.button-7 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: .75rem 1.5rem;
}

.heading-style-h4-2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

.download-card-header {
  color: #ffeecd;
  background-color: #9619fa;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 2rem;
  display: flex;
}

.download-card-header._02 {
  background-color: #320853;
}

.heading-style-h6-2 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

.server-form-checkbox {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.server-form-block {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.server-form-block.align-vert {
  flex-direction: column;
  align-items: flex-end;
}

.download-game-content {
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.text-color-warning {
  color: #f53526;
}

.checkbox-field {
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.download-form-real-checkbox-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.download-form-real-checkbox-wrapper.align-vert {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1rem 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.real-checkbox {
  width: 1rem;
  height: 1rem;
  border: .25rem solid #9619fa;
  display: inline-block;
}

.server-card-title {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  padding: 1rem;
  display: flex;
}

.server-card-description {
  padding: 1rem;
}

.download-server-content {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  padding: 1rem;
  display: flex;
}

.terms-text {
  flex: 1;
  display: inline-block;
}

.break-top {
  width: 100dvw;
  height: 2.9rem;
  justify-content: center;
  margin-top: -1px;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.break-top.reversed {
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
  transform: rotate(180deg);
}

.break-top.reversed.top {
  z-index: 4;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.break-top.text-color-darkpurple {
  color: #320853;
}

.break-top.z-index-3 {
  color: #9619fa;
}

.section-download-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.background-color-yellow {
  color: #4b006e;
  background-color: #fff000;
}

.accordion2_component {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.accordion2_component.alt {
  background-color: #f2e1c3;
}

.accordion2_top {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: .5rem 1rem;
  font-family: Loew Heavy, sans-serif;
  font-weight: 900;
  display: flex;
}

.accordion2_icon {
  width: 2rem;
  align-self: flex-start;
  margin-left: 1.5rem;
  display: flex;
}

.accordion2_bottom {
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: hidden;
}

.text-label-regular {
  text-transform: uppercase;
  font-family: Loew Heavy, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 900;
  line-height: 1.5;
}

.accord-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  display: flex;
}

.accord-content.columns {
  flex-direction: row;
}

.accord-column {
  flex: 1;
}

.server-hero-bettychonky {
  z-index: 1;
  width: 50dvw;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/64468b2ec4385f50a4b3afbe_hero-server-bettychonky%402x.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto 75%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.hero-server-break {
  z-index: 0;
  width: 50dvw;
  opacity: .6;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/64468b2dae28b873a07045ee_hero-server-break0.svg");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.grid-4 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 1.25fr) repeat(auto-fit, minmax(36%, .25fr));
  grid-auto-columns: 1fr;
  display: grid;
}

.text-shadow-medium {
  text-shadow: 0 4px 8px rgba(0, 0, 0, .5);
}

.text-color-white-4 {
  color: rgba(0, 0, 0, 0);
}

.section-full-75 {
  max-height: 60rem;
  min-height: 75svh;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-full-75.tablet-stack {
  min-height: 75dvh;
}

.padding-section-large-2 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.section_header5 {
  position: relative;
}

.header5_background-image-wrapper-2 {
  z-index: -1;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.button-8 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: .75rem 1.5rem;
}

.button-8.is-secondary {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
}

.button-8.is-secondary.is-alternate {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border-color: rgba(0, 0, 0, 0);
}

.background-color-purple {
  color: #fff;
  background-color: #4b006e;
}

.text-color-xp {
  color: #00fafa;
}

.image-wrapper-16-9-2 {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.image-absolute {
  object-fit: contain;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-absolute.z-index-3 {
  object-fit: fill;
}

.thx_section-02 {
  color: #ffeecd;
  background-color: #4b006e;
  position: relative;
}

.cta39_card-alt {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  padding: 3rem;
  display: flex;
  position: relative;
}

.layout179_image-wrapper {
  width: 100%;
  position: relative;
}

.heading-style-h5-2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
}

.layout236_image {
  width: 100%;
  height: 100%;
}

.layout_3up-item {
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.layout_3up-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  justify-items: start;
  display: grid;
}

.button-9 {
  color: rgba(0, 0, 0, 0);
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  padding: .75rem 1.5rem;
}

.button-9.is-link {
  color: rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  padding: .25rem 0;
  line-height: 1;
  text-decoration: none;
}

.button-9.is-link.is-icon {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
}

.frame-wrapper {
  z-index: 4;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.frame-wrapper.darkpurple {
  color: #320853;
}

.frame-wrapper.off {
  z-index: 5;
  color: #320853;
}

.koss-glint {
  z-index: 2;
  width: 125%;
  height: 100%;
  filter: blur(4px);
  mix-blend-mode: overlay;
  background-image: linear-gradient(230deg, rgba(0, 0, 0, 0) 12%, #fff 16%, rgba(255, 255, 255, 0) 16%, #fff 38%, rgba(255, 255, 255, 0) 38%, #fff 53%, rgba(255, 255, 255, .65) 63%, rgba(255, 255, 255, 0) 63%, rgba(255, 255, 255, 0) 65%, rgba(255, 255, 255, 0) 71%);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.thx-intro-section {
  color: #ffeecd;
  background-color: #4b006e;
  background-image: linear-gradient(#4b006e 36%, rgba(0, 0, 0, 0)), linear-gradient(rgba(75, 0, 110, .76), rgba(75, 0, 110, .76)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/645c6f3e2e413152bb7191d0_brawltexture-midnight.png");
  background-position: 0 0, 0 0, 50% 100%;
  background-size: auto, auto, 5%;
  position: relative;
}

.padding-section-xlarge {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.border-thick {
  background-color: rgba(255, 238, 205, .75);
  padding: .5rem;
}

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

.thx-bg-image.image {
  object-fit: contain;
}

.font-loew {
  font-family: Loew Heavy, sans-serif;
  font-style: normal;
  font-weight: 900;
}

.items-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.bg-foreground {
  z-index: 2;
  width: 50vw;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.bg-foreground.thx-bettychonky {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/645c84b92e4131c8a5734be3_KOC_Sunset-FFG.png");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.thx-herowrapper {
  z-index: -1;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.superhero2 {
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  position: absolute;
}

.superhero2.overview {
  z-index: -3;
  height: 50vh;
  position: absolute;
}

.superhero2.free-to-play-video {
  z-index: 0;
  height: 100%;
  position: absolute;
}

.superhero2.expanded-hideout-video {
  height: auto;
  background-image: linear-gradient(#000, #fff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.videobg-overlay {
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to top, #320853, rgba(0, 0, 0, 0) 49%), linear-gradient(#320853, rgba(0, 0, 0, 0) 36%), radial-gradient(circle, rgba(150, 25, 250, .3), #320853 75%);
  position: absolute;
}

.videobg-overlay._2 {
  z-index: 1;
  opacity: .4;
  background-color: #4b006e;
  background-image: none;
}

.thx_last {
  color: #ffeecd;
  background-color: #4b006e;
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/645d513f63dfb01f709ab106_thx-corkboard.jpg");
  background-position: 50%;
  background-size: cover;
  position: relative;
}

.thx-art-image {
  width: 100%;
}

.thx-charactershadow {
  z-index: 2;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.thx_section-03 {
  color: #ffeecd;
  background-color: #320853;
  position: relative;
}

.thx-shadow {
  z-index: 2;
  width: 45%;
  height: 100%;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
}

.thx-shadow.shadow-left {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/645d7ac9cb7e132fc7c92cc3_thx-leftshadow.png");
  background-position: 0 100%;
  background-size: 100%;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.thx-shadow.shadow-right {
  background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/645d7ac9cb7e132fc7c92cf4_thx-rightshadow.png");
  background-position: 100% 100%;
  background-size: 100%;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.thx-logo {
  width: 66%;
  max-width: 740px;
}

.ko-bg_image {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.thx-logo-wrapper {
  width: 100%;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.thx-koss-sqwrapper {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 25%;
  padding-right: 25%;
  display: flex;
  position: relative;
}

.navbar4_component {
  z-index: 9;
  width: 100%;
  min-height: 4.5rem;
  color: #ffeecd;
  background-color: rgba(75, 0, 110, .9);
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  font-size: 1rem;
  display: flex;
  position: fixed;
}

.navbar4_container {
  width: 100%;
  height: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.navbar4_logo-link {
  padding-left: 0;
}

.navbar4_logo {
  width: 6rem;
}

.navbar4_wrapper {
  grid-column-gap: 1rem;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.navbar4_menu {
  height: 100dvh;
  background-color: rgba(50, 8, 83, .9);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 5%;
  padding-right: 5%;
  transition: height .5s;
  display: flex;
  position: absolute;
  overflow: auto;
}

.navbar4_menu-wrapper {
  height: 100%;
  text-transform: uppercase;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  margin-top: -4.5rem;
  font-family: Brda, sans-serif;
  font-style: italic;
  font-weight: 700;
  display: flex;
}

.navbar4_link {
  width: 100%;
  color: #ffeecd;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  padding: .5rem 0;
  font-size: 6rem;
  transition: padding-left .4s, color .4s;
  display: flex;
  position: static;
}

.navbar4_link:hover {
  color: #fff000;
  padding-left: 3rem;
}

.navbar4_link.w--current {
  color: rgba(0, 0, 0, 0);
}

.navbar4_menu-dropdown {
  width: 100%;
  margin-left: 0;
  font-size: 24px;
}

.navbar4_dropdown-toggle {
  width: 100%;
  color: #fff000;
  padding: .5rem 4rem .5rem 0;
  font-size: 6rem;
}

.navbar4_dropdown-list {
  position: static;
  overflow: hidden;
}

.navbar4_dropdown-list.w--open {
  background-color: rgba(0, 0, 0, 0);
  position: static;
}

.navbar4_dropdown-link {
  margin-top: .5rem;
  margin-bottom: .5rem;
  margin-left: 1.5rem;
  padding: .5rem 0;
  font-size: 24px;
}

.navbar4_dropdown-link.w--current {
  color: rgba(0, 0, 0, 0);
}

.navbar4_menu-button {
  padding: 0;
}

.navbar4_menu-button.w--open {
  background-color: rgba(0, 0, 0, 0);
}

.menu-icon4 {
  width: 48px;
  height: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.menu-icon4_wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.menu-icon4_line-top {
  width: 24px;
  height: 2px;
  background-color: #ffeecd;
  padding-bottom: 0;
  padding-right: 0;
}

.menu-icon4_line-middle {
  width: 24px;
  height: 2px;
  background-color: #ffeecd;
  justify-content: center;
  align-items: center;
  margin-top: 6px;
  margin-bottom: 6px;
  display: flex;
}

.menu-icon_line-middle-top {
  z-index: 2;
  width: 24px;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.menu-icon_line-middle-base {
  width: 24px;
  height: 2px;
  background-color: #ffeecd;
  position: absolute;
}

.menu-icon4_line-bottom {
  width: 24px;
  height: 2px;
  background-color: #ffeecd;
}

.section_header9 {
  position: relative;
}

.header9_component {
  height: 100svh;
  min-height: 100svh;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header9_image-wrapper {
  color: #ffeecd;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  display: flex;
  position: relative;
}

.header9_background-image-wrapper {
  z-index: -1;
  color: #fff;
  text-shadow: 0 5px 150px rgba(0, 0, 0, .42);
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

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

.header9_background-image.z-index-1, .header9_background-image.z-index-2, .header9_background-image.z-index-3 {
  transform: scale(1.01);
}

.header9_background-image.z-index-4 {
  z-index: 4;
  transform: scale(1.01);
}

.header9_content-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.text-size-medium-3 {
  font-size: 1.125rem;
  line-height: 1.4;
}

.section_full-size {
  height: 100svh;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section_full-size.showup {
  height: 75svh;
  color: #ffeecd;
  margin-top: -1px;
}

.padding-section-large-3 {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.text-size-medium-4 {
  font-size: 1.125rem;
  line-height: 1.4;
}

.layout37_background-image-wrapper {
  z-index: 0;
}

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

.header102_component {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 50% 50%;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.header102_content {
  max-width: 35rem;
  margin-left: 5vw;
  margin-right: 5rem;
}

.text-size-medium-5 {
  font-size: 1.125rem;
  line-height: 1.4;
}

.header102_slider {
  width: 100%;
  max-height: 60rem;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0);
}

.header102_slide-wrapper {
  height: 100%;
  flex-direction: column;
  grid-template-rows: auto max-content;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.header102_slide-image-wrapper {
  flex: 1;
  position: relative;
}

.header102_slide-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}

.header102_slide-content {
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: flex-start;
  padding: 2rem 2rem 8rem;
  position: relative;
}

.header102_slide-content-wrapper {
  width: 100%;
  max-width: 48rem;
}

.heading-style-h6-3 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: .9;
}

.header102_arrow {
  width: 3rem;
  height: 3rem;
  border: 1px solid #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  top: auto;
  bottom: 2rem;
  left: auto;
  right: 2rem;
}

.header102_arrow.is-left {
  right: 6rem;
}

.product-header7_arrow-icon-copy {
  width: 1rem;
  height: 1rem;
  color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header102_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
  top: auto;
  bottom: 2.625rem;
  left: 2rem;
  right: auto;
}

.section_gallery20 {
  overflow: hidden;
}

.text-size-medium-6 {
  font-size: 1.125rem;
  line-height: 1.4;
}

.gallery20_slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 5rem;
}

.gallery20_mask {
  overflow: visible;
}

.gallery20_slide {
  padding-right: 2rem;
}

.gallery20_image-wrapper {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

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

.gallery20_arrow {
  width: 3rem;
  height: 3rem;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.gallery20_arrow.is-left {
  right: 6rem;
}

.gallery20_arrow-icon {
  width: 1rem;
  height: 1rem;
  color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gallery20_slide-nav {
  height: 1.75rem;
  font-size: .5rem;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.text-size-medium-7 {
  font-size: 1.125rem;
  line-height: 1.4;
}

.ball-slider-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  display: grid;
}

.image-wrapper-4-3 {
  width: 100%;
  padding-top: 75%;
  position: relative;
}

.ball-slider-image-wrapper {
  margin: 7rem;
}

.swiper.is-slider-main {
  z-index: 1;
  position: relative;
  overflow: visible;
}

.swiper.is-slider-maps {
  position: relative;
  overflow: visible;
}

.swiper-wrapper.is-slider-main, .swiper-wrapper.is-slider-maps {
  align-items: center;
  display: flex;
}

.swiper-slide {
  opacity: .6;
  transition: transform .4s, opacity .4s;
}

.swiper-slide.is-slider-main {
  z-index: 1;
  width: 33.3333%;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  transform: scale3d(1none, 1none, 1none);
  color: #fff;
  transform-style: preserve-3d;
  background-color: #9619fa;
  flex-direction: column;
  flex: none;
  align-items: stretch;
  padding: 0;
  display: flex;
  position: relative;
}

.swiper-slide.is-slider-main.is-active {
  transform: scale(1.2);
}

.swiper-slide.is-slider-maps {
  width: 33.3333%;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-color: #ffeecd;
  flex-direction: column;
  flex: none;
  align-items: stretch;
  padding: 0;
  display: flex;
  position: relative;
}

.slider-main_top-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: #ffeecd;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 3rem;
  display: flex;
}

.slider-main_bottom-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 3rem;
  display: flex;
}

.swiper-bullet-wrapper.is-slider-main {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: center;
  display: flex;
}

.swiper-bullet {
  width: 1.25rem;
  min-height: 1.25rem;
  opacity: .2;
  background-color: #fff000;
  border-radius: 50%;
}

.swiper-bullet.is-active {
  opacity: 1;
  background-color: #fff000;
}

.swiper-drag-wrapper.is-slider-main {
  width: 38rem;
  height: .9rem;
  max-width: 100%;
  background-color: #320853;
}

.swiper-drag.is-slider-main {
  width: .9rem;
  height: 100%;
  background-color: #9619fa;
}

.slider-main_button-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.slider-main_button {
  z-index: 2;
  width: 4rem;
  height: 14rem;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  transition: transform .4s;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
  transform: translate(-50%);
}

.slider-main_button:hover {
  transform: scale(1.1)translate(-50%);
}

.slider-main_button.swiper-prev {
  transition-duration: .2s;
}

.slider-main_button.swiper-next {
  transition-duration: .2s;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
  transform: translate(50%);
}

.slider-main_button.swiper-next:hover {
  transform: scale(1.1)translate(50%);
}

.slider-main_button-icon {
  width: 30%;
  height: 55%;
}

.slider-main_button-icon.is-reversed {
  transform: rotate(180deg);
}

.intro-text {
  color: #ffeecd;
  background-color: rgba(75, 0, 110, .9);
  display: none;
}

.slider-main_wrapper {
  position: relative;
}

.section_balls {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section_maps {
  color: #ffeecd;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
  position: relative;
  overflow: hidden;
}

.movie_gameplay {
  z-index: 0;
  width: 100vw;
  height: 100vh;
  object-fit: fill;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.movie_gameplay.overview {
  z-index: -3;
  height: 50vh;
  position: absolute;
}

.movie_gameplay.free-to-play-video {
  z-index: 0;
  height: 100%;
  position: absolute;
}

.movie_gameplay.expanded-hideout-video {
  height: auto;
  background-image: linear-gradient(#000, #fff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.showup_grid {
  width: 100%;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.bg_video-controls {
  z-index: 10;
  padding: 1.5rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.movie_gameplay-overlay {
  z-index: 2;
  background-color: rgba(75, 0, 110, .8);
  background-image: linear-gradient(#4b006e, rgba(255, 255, 255, 0) 46%, #4b006e 99%);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.element_foreground {
  z-index: 1;
  position: relative;
}

.showup_backgroundposition {
  z-index: 0;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.padding-section-large-4 {
  justify-content: center;
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.text-size-medium-8 {
  font-size: 1.125rem;
  line-height: 1.4;
}

.layout406_component {
  flex-direction: column;
  display: flex;
}

.layout406_tabs-menu {
  margin-bottom: 4rem;
  display: flex;
}

.layout406_tab-link {
  width: 100%;
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1.5px solid rgba(0, 0, 0, 0);
  flex-direction: column;
  padding: 1rem 1.5rem;
  display: flex;
}

.layout406_tab-link.w--current {
  background-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(0, 0, 0, 0);
}

.layout406_tab-wrapper {
  width: 100%;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
}

.layout406_image-wrapper {
  width: 100%;
}

.layout406_image {
  width: 100%;
  height: 100%;
}

.text-size-medium-9 {
  font-size: 1.125rem;
  line-height: 1.4;
}

.cta39_image-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.section_layout28 {
  color: #ffeecd;
  background-color: #9619fa;
}

.layout28_component {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.layout28_tabs-menu {
  grid-column-gap: 1rem;
  grid-row-gap: 2.5rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.layout28_tabs-menu.max-width-medium {
  grid-row-gap: 2.5rem;
}

.layout28_tabs-link {
  transform: scale3d(1none, 1none, 1none);
  color: #ffeecd;
  transform-style: preserve-3d;
  background-color: rgba(0, 0, 0, 0);
  border-left: 2px solid rgba(0, 0, 0, 0);
  padding: 1.5rem 3rem;
  transition: transform .4s;
  display: block;
}

.layout28_tabs-link.w--current {
  opacity: 1;
  color: #fff000;
  background-color: rgba(0, 0, 0, 0);
  transition: transform .4s;
  transform: scale(1.2);
}

.heading-style-h4-3 {
  font-size: 2rem;
  font-weight: 700;
  line-height: .9;
}

.layout28_image {
  width: 100%;
  height: 100%;
}

.layout28_lightbox {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.layout28_lightbox-image {
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.lightbox-play-icon {
  z-index: 2;
  width: 64px;
  height: 64px;
  color: #fff;
  position: absolute;
}

.video-overlay-layer {
  z-index: 1;
  background-color: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.slider-ctrl {
  z-index: 2;
  position: relative;
}

.slider-arrow-bg {
  z-index: 1;
  opacity: .3;
  filter: blur(20px);
  background-color: #4b006e;
  border-radius: 20px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.slider-main_text-wrapper {
  z-index: 1;
  text-transform: uppercase;
  text-shadow: 0 3px #320853;
  background-color: rgba(50, 8, 83, .45);
  padding: 3rem 1rem;
  font-family: Loew Heavy, sans-serif;
  font-size: 1.5rem;
  transition: font-size .2s;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.showup-showoff_videobg {
  z-index: 2;
  height: 100%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.showup_image-wrapper {
  z-index: 0;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.showup_image-wrapper._1-1-koss {
  width: 100%;
}

.showup_image-wrapper.slider-main_img {
  transform: scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  transition: all .4s;
}

.section_sliders {
  background-image: linear-gradient(#4b006e, rgba(255, 255, 255, 0) 28%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63f956e788f3b47f071cfe97_bg%3Dnew.png");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  position: relative;
}

.superlarge {
  z-index: 4;
  letter-spacing: -.4rem;
  font-size: 13svw;
  position: relative;
}

.header-103-instructions-delete {
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  padding: 2rem;
}

.portfolio21_instructions-callout {
  background-color: rgba(0, 0, 0, .1);
  align-items: center;
  padding: 1.5rem;
  line-height: 1.6;
}

.portfolio21_instructions-callout-image {
  margin-top: 1.5rem;
}

.header103_auto-change {
  margin-bottom: 0;
  display: none;
}

.header103_tab-change {
  display: none;
}

.header103_tabs {
  min-height: 60vh;
}

.header103_tabs-content {
  max-height: 60rem;
  min-height: 75vh;
  overflow: visible;
}

.header103_tab-pane {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header103_tab-content {
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.text-size-medium-10 {
  font-size: 1.5rem;
  line-height: 1.4;
}

.header103_tab-image-wrapper {
  z-index: -1;
  background-color: #9619fa;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header103_tab-overlay {
  z-index: 1;
  background-image: linear-gradient(#9619fa, rgba(255, 255, 255, 0) 50%, #9619fa);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header103_tab-image {
  width: 100%;
  height: 100%;
  mix-blend-mode: soft-light;
  object-fit: cover;
}

.header103_tabs-menu {
  z-index: 2;
  max-width: 64rem;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 5rem;
  left: 0%;
  right: 0%;
}

.header103_tab-link {
  opacity: .5;
  color: #ffeecd;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  flex: 1;
  padding: 1rem 2rem;
  font-family: Loew Heavy, sans-serif;
  font-size: 1rem;
}

.header103_tab-link.w--current {
  opacity: 1;
  color: #fff000;
  background-color: rgba(0, 0, 0, 0);
}

.header103_tab-load-base {
  width: 100%;
  height: .25rem;
  background-color: #320853;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.header103_tab-load {
  width: 0%;
  height: .25rem;
  background-color: #00fafa;
}

.text-size-medium-11 {
  font-size: 1.5rem;
  line-height: 1.4;
}

.ko-city-footer {
  background-color: #4b006e;
}

.footer4_top-wrapper {
  grid-column-gap: 4vw;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  justify-content: space-between;
  align-items: center;
}

.footer4_logo-link {
  padding-left: 0;
}

.footer4_link-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0px;
  text-transform: uppercase;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  justify-items: start;
  font-family: Loew Heavy, sans-serif;
  font-size: 1rem;
  font-weight: 900;
  display: grid;
}

.footer4_link {
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.footer4_social-list {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: start;
  justify-items: start;
  display: grid;
}

.footer4_social-link {
  align-items: center;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}

.social-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.line-divider {
  width: 100%;
  height: 4px;
  opacity: .11;
  background-color: #ffeecd;
}

.footer4_bottom-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 0rem;
  color: #ffeecd;
  white-space: normal;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: center;
  font-family: Loew Heavy, sans-serif;
  display: grid;
}

.footer4_credit-text, .footer4_legal-link {
  font-size: .875rem;
}

.footer_logo {
  width: 6rem;
}

.thanks_image-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.bg_cork {
  background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/645d513f63dfb01f709ab106_thx-corkboard.jpg");
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  position: relative;
}

.latest_tabs {
  position: relative;
}

.ko-city-logo_homepage {
  z-index: 5;
  width: 30vw;
  object-fit: contain;
  margin: 8% 5%;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.section_header49 {
  color: #ffeecd;
  background-color: #4b006e;
  position: relative;
}

.header49_component {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.image_shadow {
  box-shadow: 0 2px 11px #3d3d3d;
}

.ko-frame_wrapper {
  z-index: 2;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.ko-frame_wrapper.frame-highlight {
  color: #4b006e;
  transition: color .4s;
}

.ko-frame_wrapper.frame-midnight {
  color: #9619fa;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 4rem;
  }

  h3 {
    letter-spacing: .04em;
    text-transform: uppercase;
    font-family: Brda, sans-serif;
    font-style: italic;
  }

  p {
    font-size: 18px;
  }

  .nav-container {
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .dropdown {
    position: relative;
  }

  .nav-link {
    display: block;
  }

  .nav-link.play-now-button {
    flex-direction: column;
  }

  .dropdown-toggle {
    min-width: 100%;
    padding-left: 40px;
    padding-right: 40px;
  }

  .nav-menu {
    width: 100vw;
    background-color: #4b006e;
    flex-direction: column;
  }

  .brand {
    margin-left: 20px;
  }

  .div-block-left {
    width: auto;
    flex: 1;
  }

  .nav-link.nav-dropdown {
    justify-content: flex-start;
  }

  .navigation {
    flex-direction: column;
  }

  .menu-button, .menu-button.w--open {
    background-color: #4b006e;
  }

  .nav-dropdown {
    justify-content: center;
    display: flex;
  }

  .blog-grid {
    grid-template-columns: 1fr;
  }

  .blog-frame {
    height: 200px;
  }

  .container.big {
    max-width: 1200px;
  }

  .container.centered.sludge-works-container {
    padding-top: 0;
  }

  .container.headline-over.over-parallax {
    justify-content: space-between;
    align-items: center;
  }

  .container.billboard-container {
    height: auto;
  }

  .intro {
    font-size: 32px;
  }

  .wrapper {
    max-width: 620px;
  }

  .wrapper.signup-grid {
    grid-template-columns: 1fr;
  }

  .button.large {
    padding: 1.5em 1em 1em;
    font-size: 18px;
  }

  .button.medium {
    font-size: 16px;
  }

  .image-crossplay {
    max-width: 300px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .main-heading {
    padding-bottom: 20px;
  }

  .main-lead {
    font-size: 18px;
  }

  .grid-features {
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .column-features {
    min-height: auto;
    padding-bottom: 0;
  }

  .column-features.chip1 {
    background-position: 50% 170%, 0 0;
  }

  .column-features.chip2 {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272971d75b77810939829f1_chip-2.svg"), linear-gradient(#9619fa 59%, rgba(255, 255, 255, 0) 61%);
    background-position: 50% 100%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 101%, auto;
  }

  .column-features.chip3 {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272971cd7f91a530b732e26_chip-3.svg"), linear-gradient(#9619fa 52%, rgba(255, 255, 255, 0) 52%);
    background-position: 50% 190%, 0 0;
    background-size: 100%, auto;
  }

  .features-headline {
    font-size: 24px;
  }

  .features-body {
    font-size: 16px;
  }

  .banner-item.call {
    background-size: 202vw;
  }

  .banner-item.copy {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-header {
    font-size: 32px;
  }

  .banner-paragraph {
    font-size: 18px;
  }

  .banner {
    grid-template-columns: 1.75fr 1.75fr;
    padding-top: 150px;
    padding-bottom: 60px;
  }

  .banner.left {
    background-position: 0 100%;
  }

  .banner.right {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/624b06653302e91f3ae41183_koc-hero-medium-blog-5x2-l.png.adapt.crop7x2.1920w.png");
    background-position: 100% 100%;
    background-size: 100%;
  }

  .banner.calling {
    background-position: 0 0;
    background-size: 220vw;
  }

  .banner.welcome {
    background-position: 100% 0;
    background-size: 195vw;
  }

  .highlights {
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .dropdown-list.w--open {
    background-color: #9619fa;
  }

  .dropdown-link {
    min-width: 100%;
  }

  .play-dropdown.w--open {
    flex-direction: column;
    display: flex;
    right: 0;
  }

  .social-links {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.velan {
    padding-bottom: 100px;
  }

  .section.features {
    padding-bottom: 0;
  }

  .section.home-hero {
    padding-bottom: 40px;
  }

  .section.gameplay-bg.about-top {
    height: auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.customize-bg {
    height: 900px;
  }

  .section.parallax-hero {
    overflow: hidden;
  }

  .section.season-6-hero {
    min-height: 500px;
    justify-content: center;
  }

  .section.over {
    background-size: 470px;
  }

  .section.over.green-angle {
    background-size: 1000px, auto;
    padding-top: 60px;
    padding-bottom: 200px;
  }

  .section.over.s8-intro-section {
    background-image: none;
  }

  .section.s6-roadmap {
    background-size: 600px, auto;
  }

  .section.free-to-play-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.expanded-hideout-section {
    background-size: 1000px, auto;
    padding-bottom: 140px;
  }

  .section.s6-brawl-pass-section {
    background-size: 1000px;
    padding-bottom: 100px;
  }

  .section.meet-the-mutants {
    background-size: 1000px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.sludge-works {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630a5e5e7ed27fde06e179ef_S7-GrnVioSHADOW_Slime_top.png"), linear-gradient(rgba(0, 0, 0, 0) 45%, #327636 72%), linear-gradient(#327636, rgba(255, 255, 255, 0) 18%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630a65f894ecc4374c32774a_SludgeWorksDuotone.jpg");
    background-position: 50% 100%, 0 0, 0 0, 50%;
    background-repeat: repeat-x, repeat, repeat, repeat;
    background-size: 1000px, auto, auto, cover;
    background-attachment: scroll, scroll, scroll, fixed;
    padding-top: 40px;
    padding-bottom: 140px;
  }

  .section.season-7-hero {
    height: 80vh;
    justify-content: center;
  }

  .section.tmnt-section {
    width: 100%;
    height: 800px;
  }

  .section.s7-brawl-pass-section {
    background-size: 1000px;
    padding-bottom: 100px;
  }

  .section.fan-section {
    background-size: 1000px, auto;
    padding-bottom: 140px;
  }

  .section.villains-section {
    height: 640px;
    padding-bottom: 40px;
  }

  .section.s8-most-wanted-section {
    background-size: auto, 1000px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.brags {
    background-image: none;
    padding-bottom: 40px;
  }

  .section.poison-ball-section {
    height: 900px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.s8-game-modes-section {
    padding-bottom: 40px;
    overflow: hidden;
  }

  .section.s8-roadmap {
    background-size: 600px, auto;
  }

  .section.season-8-hero {
    height: 100vw;
    padding-top: 0;
    padding-bottom: 0;
  }

  .paragraph.centered {
    font-size: 14px;
  }

  .paragraph.large {
    width: 40ch;
    font-size: 18px;
  }

  .paragraph.large.centered {
    margin-left: auto;
    margin-right: auto;
  }

  .paragraph.large.centered.crossplay {
    font-size: 14px;
  }

  .paragraph.large.centered.purple.add-space {
    margin-bottom: 20px;
    font-size: 14px;
  }

  .paragraph.large.in-slider {
    width: auto;
  }

  .header {
    font-size: 30px;
  }

  .icn-social {
    width: 100px;
    min-height: auto;
  }

  .heading {
    font-size: 50px;
  }

  .heading.centered.privacy-policy-heading {
    margin-top: 60px;
    padding-bottom: 0;
  }

  .heading.centered.tournament-heading {
    margin-top: 60px;
  }

  .heading.large {
    font-size: 48px;
  }

  .heading.large.purple {
    font-size: 40px;
  }

  .heading.medium.yellow {
    font-size: 20px;
  }

  .heading.huge {
    font-size: 6em;
  }

  .heading.huge.centered.yellow {
    font-size: 60px;
  }

  .heading.small {
    font-size: 18px;
  }

  .heading.info {
    width: 100%;
    font-size: 18px;
  }

  .heading.gigantic {
    font-size: 18vw;
  }

  .heading.huge-fix.centered.yellow {
    font-size: 60px;
  }

  .heading.huge-fix.centered.title {
    font-size: 5em;
  }

  .heading.huge-fix.blog-title {
    margin-top: -30px;
    font-size: 3em;
    line-height: .9;
  }

  .heading.purple-text {
    font-size: 50px;
  }

  .heading.s8 {
    text-align: center;
    font-size: 42px;
  }

  .heading.s8.cover-ups, .heading.s8.s8-brags-headline {
    font-size: 48px;
  }

  .image.map {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .banner-grid {
    grid-template-rows: 1fr;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
  }

  .latest-frame {
    height: 275px;
  }

  .latest-image {
    height: 150px;
  }

  .latest-info-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 2fr;
  }

  .info-category {
    font-size: 12px;
  }

  .info-date {
    text-align: left;
    font-size: 12px;
  }

  .features-content {
    min-height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .features-decoration, .features-decoration.alt-1 {
    background-position: 50% 100%;
  }

  .features-decoration.alt-3 {
    height: 20px;
  }

  .jumbotron.calling {
    height: 750px;
  }

  .eyebrow {
    font-size: 16px;
  }

  .blog-content h2 {
    margin-bottom: 20px;
    padding-left: 0;
    font-size: 40px;
  }

  .blog-content p {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .blog-content h4 {
    margin-bottom: 10px;
    padding-left: 0;
  }

  .blog-content ul {
    margin-left: 20px;
  }

  .calling-foreground {
    height: 580px;
  }

  .play-link {
    padding: 10px 20px;
  }

  .play-name {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 0;
  }

  .collection-item-2 {
    flex-direction: column;
    display: block;
  }

  .nav.shard {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .topnav {
    height: 60px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .navigation-link {
    background-color: #320853;
  }

  .navigation-link.play {
    width: 100%;
  }

  .all-nav {
    position: -webkit-sticky;
    position: sticky;
  }

  .features-hero {
    height: 180px;
  }

  .velan-logo {
    width: 120px;
    padding-top: 10px;
    padding-bottom: 20px;
  }

  .social-div {
    height: 70px;
  }

  .divider {
    background-size: 380px;
  }

  .divider.velan {
    height: 50px;
  }

  .dropdwn {
    width: 100%;
  }

  .blog-angle-top {
    background-position: 50% 0;
    background-repeat: repeat-x;
    background-size: 200px;
  }

  .updates-title {
    background-position: 50% 101%;
    background-repeat: repeat-x;
    background-size: 210%;
    padding-top: 120px;
    padding-bottom: 100px;
  }

  .updates-title.all-updates {
    background-image: linear-gradient(3deg, #4b006e 10%, rgba(255, 255, 255, 0) 10%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6275871e29d6316aac17ebda_Calling-All_BG-50.png");
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, auto 170%;
  }

  .blog-2nd-headline {
    margin-top: 0;
    font-size: 21px;
  }

  ._404 {
    background-size: 900px;
  }

  .media-grid {
    grid-template-columns: 1fr 1fr;
  }

  .social-grids {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .navv-menu {
    width: 100%;
    text-align: center;
    background-color: #320853;
    flex-direction: column;
    align-items: stretch;
    padding-top: 40px;
    display: flex;
  }

  .galaxy-burger-icon {
    color: #fff000;
  }

  .galaxy-burger {
    background-color: rgba(0, 0, 0, 0);
  }

  .galaxy-burger.w--open {
    color: #fff000;
    background-color: rgba(0, 0, 0, 0);
  }

  .billboard-character {
    width: 100%;
    height: 100%;
    min-width: auto;
    background-position: 50%;
    position: static;
  }

  .billboard-character.customize-character {
    height: 820px;
  }

  .three-up-headline {
    color: #fff000;
    font-size: 20px;
  }

  .parallax {
    height: 600px;
  }

  .jumbotron-top-half {
    height: 200px;
  }

  .jumbotron-bot-half {
    height: 100px;
  }

  .parallax-characters {
    overflow: hidden;
  }

  .season-6-background {
    height: 480px;
    background-size: 3000px;
    margin-top: 60px;
  }

  .season-6-logo, .season-6-baddies, .season-6-brawlers {
    height: 480px;
    background-size: 1000px;
    margin-top: 60px;
  }

  .season-6-overtop {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .paragraph-2 {
    font-size: 18px;
  }

  .giant-glitch-headline {
    font-size: 6em;
  }

  .hero-headline {
    font-size: 50px;
  }

  .hero-headline.season-7-intro, .hero-headline.season-8-intro {
    width: 600px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 39px;
  }

  .boomerang-video {
    width: 100%;
    text-align: center;
    position: relative;
    left: auto;
    right: auto;
  }

  .heading-2 {
    font-size: 30px;
  }

  .money-rain {
    height: 400px;
  }

  .privacy-content h2 {
    margin-bottom: 20px;
    padding-left: 0;
    font-size: 40px;
  }

  .privacy-content p {
    margin-bottom: 10px;
    font-size: 18px;
  }

  .privacy-content h4 {
    margin-bottom: 10px;
    padding-left: 0;
  }

  .privacy-content ul {
    margin-left: 20px;
  }

  .platform-link {
    height: auto;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .platform-grid {
    grid-column-gap: 14px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    align-content: stretch;
    justify-content: stretch;
    align-items: stretch;
    justify-items: stretch;
    display: grid;
  }

  .platform-grids {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .platform-image {
    width: 90px;
    height: 90px;
    min-width: auto;
  }

  .mm-tag {
    width: 175px;
  }

  .season-7-background {
    height: 80vh;
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6307e19565e2d0253a22ce10_S7-Background01.jpg");
    background-repeat: repeat-x;
    background-size: cover;
  }

  .tmnt-video {
    width: 100%;
    text-align: center;
    position: relative;
    left: auto;
    right: auto;
  }

  .season-7-frame {
    height: 80vh;
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6307e1ec9c24a210271874c8_S7-Frame01.png");
    background-repeat: repeat-x;
    background-size: cover;
  }

  .season-7-characters {
    height: 80vh;
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6307e23d1cfd7e1537963b61_S7-Characters01.png");
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-size: cover;
  }

  .season-7-hero-holder {
    height: 80vh;
  }

  .season-7-intro-copy-lead {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
    line-height: 1.4;
  }

  .season-7-intro-copy-lead.w980px {
    width: 600px;
    font-size: 24px;
    line-height: 1.4;
  }

  .season-7-intro-copy-lead.mm-lead-green {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 1.4;
  }

  .season-7-intro-copy-lead.s7-tmnt-copy {
    width: 600px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.4;
    position: absolute;
    bottom: 0;
  }

  .s7-character-grid {
    width: auto;
    grid-row-gap: 0px;
    border: 1px solid rgba(255, 240, 0, .5);
    grid-template-columns: 1fr 1fr;
  }

  .s7-char-tile {
    border: 1px solid rgba(255, 240, 0, .5);
    padding-top: 0;
  }

  .sludge-works-video {
    width: 100%;
    text-align: center;
    position: relative;
    left: auto;
    right: auto;
  }

  .s7-tmnt-background {
    background-size: 800px;
  }

  .s7-tmnt-heroes {
    background-size: auto, 800px;
  }

  .s7-tmnt-frame {
    height: 100%;
  }

  .s7-tmnt-logo {
    width: 400px;
    margin-top: 0;
  }

  .s7-tmnt-slime-bottom {
    background-size: 1000px;
  }

  .s7-char-container {
    background-size: auto, 600px;
    margin-bottom: 175px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .s7-tmnt-slime-top {
    height: 170px;
    background-position: 50% 100%;
    background-size: 1000px;
  }

  .bsj.bsj-masthead {
    font-size: 5.2rem;
  }

  .bsj.bsj-newspaper-headline {
    font-size: 70px;
  }

  .bsj.bsj-body-copy {
    margin-bottom: 198px;
  }

  .bsj.bsj-picture-wrap {
    width: 35%;
  }

  .bsj.bsj-paywall {
    padding-top: 302px;
    padding-bottom: 0;
  }

  .season-8-hero-holder {
    height: 110vw;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: 40px;
  }

  .season-8-hero-holder.hero-fade {
    height: 800px;
    margin-top: 0;
  }

  .season-8-grain {
    height: 100%;
  }

  .season-8-red-hand-crew {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .season-8-background {
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 51%, #000), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/63814175236f1fe7b3700b56_S8-BG.jpg");
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat-x;
    background-size: auto, cover;
  }

  .season-8-intro-copy-lead {
    max-width: 640px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
    line-height: 1.4;
  }

  .season-8-intro-copy-lead.w980px {
    width: 600px;
    font-size: 24px;
    line-height: 1.4;
  }

  .season-8-intro-copy-lead.mm-lead-green {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 1.4;
  }

  .season-8-intro-copy-lead.s7-tmnt-copy {
    width: 600px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.4;
    position: absolute;
    bottom: 0;
  }

  .season-8-intro-copy-lead.mm-lead-green-copy {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 1.4;
  }

  .season-8-intro-copy-lead.poison-ball-copy {
    width: 600px;
    max-width: none;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.4;
    position: absolute;
    bottom: 0;
  }

  .season-8-intro-copy-lead.w980 {
    font-size: 20px;
  }

  .season-8-intro-copy-lead.villains-copy {
    font-size: 18px;
  }

  .season-7-intro-copy-lead-copy {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
    line-height: 1.4;
  }

  .season-7-intro-copy-lead-copy.w980px {
    width: 600px;
    font-size: 24px;
    line-height: 1.4;
  }

  .season-7-intro-copy-lead-copy.mm-lead-green {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    line-height: 1.4;
  }

  .season-7-intro-copy-lead-copy.s7-tmnt-copy {
    width: 600px;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 1.4;
    position: absolute;
    bottom: 0;
  }

  .s8-character-heading.cover-ups {
    font-size: 32px;
  }

  .s8-character-copy {
    font-size: 14px;
  }

  .poison-ball-top {
    height: 170px;
    background-position: 50% 100%;
    background-size: 1000px;
  }

  .s8-character-grid {
    width: auto;
    grid-row-gap: 0px;
    border: 1px solid rgba(255, 240, 0, .5);
    grid-template-columns: 1fr 1fr;
  }

  .s8-char-container {
    background-image: none;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .s8-headline-span {
    font-size: 80px;
  }

  .s8-tmnt-frame {
    height: 100%;
  }

  .s8-tmnt-villains {
    background-size: auto, 800px;
  }

  .s8-tmnt-background {
    background-size: 800px;
  }

  .s8-tmnt-slime-bottom {
    background-size: 1000px;
  }

  .villains-mousetrap {
    height: 390px;
  }

  .s8-hideout-holder {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .season-8-logos {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .s8-villains-burst {
    height: 670px;
    background-size: 1000px;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .s8-villains-background {
    height: 592px;
    background-size: 1000px, 1000px;
  }

  .s8-villains-solid-wall {
    height: 592px;
    background-position: 50% 0;
    background-size: 1000px;
  }

  .s8-villains-bg-hide {
    display: none;
  }

  .s8-fade-left.h-1248, .s8-fade-right.h-1248 {
    height: 592px;
  }

  .s8-content-frame {
    border-width: 4px;
    margin-bottom: 1.25rem;
  }

  .play-pause-button, .play-pause-button:hover {
    width: 6rem;
    height: 6rem;
  }

  .s8-brawl-pass-frame {
    border-width: 4px;
    margin-bottom: 1.25rem;
    box-shadow: 0 0 2.2rem rgba(255, 150, 0, .6);
  }

  .ko-city-brand {
    position: absolute;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .navigation-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .dropdown-play {
    width: 100%;
  }

  .ko-nav.link {
    width: 100%;
    justify-content: flex-start;
  }

  .ko-nav.bar {
    background-color: #320853;
    background-image: none;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-holder {
    background-color: #4b006e;
  }

  .burger {
    color: #fff000;
  }

  .burger.w--open {
    color: #ff9600;
    background-color: #4b006e;
  }

  .ko-city-logo, .ko-city-logo:hover {
    width: 60px;
    height: 60px;
  }

  .ko-nav-framing {
    background-image: none;
  }

  .s8-bank-ball-image {
    width: 10rem;
    height: 10rem;
    bottom: -2rem;
    right: -2rem;
  }

  .big-copy {
    font-size: 18px;
  }

  .map-name {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .item-name-heading {
    font-size: 18px;
  }

  .description-copy-div {
    height: 200px;
  }

  .margin-huge {
    margin: 5rem;
  }

  .rl-styleguide_icons-list {
    grid-auto-flow: row;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-xxlarge {
    margin: 4.5rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hide-tablet {
    display: none;
  }

  .padding-xxlarge {
    padding: 4.5rem;
  }

  .padding-xxhuge {
    padding: 7.5rem;
  }

  .heading-style-h2 {
    font-size: 2.75rem;
  }

  .padding-large {
    padding: 2.5rem;
  }

  .padding-section-medium {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .heading-style-h1 {
    font-size: 3.25rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-xlarge {
    margin: 3.5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .padding-section-large {
    flex: 1;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-xlarge {
    padding: 3.5rem;
  }

  .max-width-full-tablet {
    width: 100%;
    max-width: none;
  }

  .heading-style-h4 {
    font-size: 1.75rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h3 {
    font-size: 2.25rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-xxhuge {
    margin: 7.5rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .ko-grid.col2.gap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .header-100vh {
    min-height: 70vh;
  }

  .header5_background-image-wrapper.position-fixed {
    height: 75vh;
  }

  .hero-bg-image.z-index-3.logo {
    height: 95%;
  }

  .s9-hero {
    position: relative;
  }

  .card-row1_card-content {
    padding: 0;
  }

  .card-row1_component {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
  }

  .card-row1_image {
    width: 50%;
    height: auto;
    position: relative;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .card-bottom {
    padding: 1.2rem;
  }

  .slider6_component {
    padding-left: 0;
    padding-right: 0;
  }

  .slider6_mask {
    width: 100%;
  }

  .slider6_slide, .slider7_slide {
    margin-right: 2.5rem;
    padding-right: 0;
  }

  .slider7_mask {
    width: 100%;
  }

  .slider7_component {
    padding-left: 0;
    padding-right: 0;
  }

  .ko-break.top.text-color-purple {
    height: 2rem;
  }

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

  .s9-feature-top-break {
    height: 2rem;
  }

  .s9-feature-side-break {
    width: 25%;
  }

  .s9-feature-writeup {
    margin-top: -2rem;
  }

  .s9-feature-writeup-frame {
    padding-bottom: 0;
    padding-left: 5rem;
    padding-right: 2rem;
  }

  .s9-writeup-break-top {
    height: 2rem;
  }

  .s9-feature-writeup-break {
    width: 25%;
    height: 100%;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .banner2_icon-wrapper {
    display: none;
  }

  .info-banner {
    z-index: 3;
  }

  .banner10_content {
    justify-content: flex-start;
    margin-left: 0;
  }

  .menu-icon1_line-middle {
    width: 24px;
    height: 2px;
    background-color: #fff000;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar1_container {
    align-items: center;
  }

  .navbar1_dropdown-link {
    width: 100%;
    background-color: #4b006e;
    padding-top: .75rem;
    padding-bottom: .75rem;
  }

  .navbar1_menu {
    -webkit-text-fill-color: inherit;
    background-color: #320853;
    background-clip: border-box;
    border-bottom: 1px solid #000;
    padding: 1rem 5% 2rem;
    position: absolute;
    overflow: auto;
  }

  .navbar1_menu.is-page-height-tablet {
    height: 100vh;
    background-color: #320853;
    padding-bottom: 15rem;
  }

  .menu-icon1_line-bottom {
    width: 24px;
    height: 2px;
    background-color: #fff000;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar1_menu-dropdown {
    width: 100%;
    margin-bottom: 0;
    font-size: 1.125rem;
  }

  .navbar1_menu-button {
    color: #fff000;
  }

  .navbar1_menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .menu-icon1 {
    width: 48px;
    height: 48px;
    color: #fff000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .navbar1_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar1_dropdown-list.w--open {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    background-color: rgba(0, 0, 0, 0);
    border-style: none;
    flex-direction: column;
    padding: 0;
    display: flex;
  }

  .navbar1_menu-buttons {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    align-items: stretch;
    margin-top: 1.5rem;
    margin-left: 0;
  }

  .navbar1_dropdown-toggle {
    background-color: #4b006e;
    align-items: center;
    margin-bottom: .25rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: 1rem;
    display: flex;
  }

  .navbar1_dropdown-toggle.play-now.pvt-server {
    font-size: 1.25rem;
  }

  .menu-icon1_line-top {
    width: 24px;
    height: 2px;
    color: #fff000;
    background-color: #fff000;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbar1_component {
    background-color: #4b006e;
  }

  .dropdown-icon {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: .5rem;
    top: auto;
    bottom: auto;
    left: auto;
    right: 0%;
  }

  .dropdown-icon.is-navbar4 {
    width: 1.25rem;
    height: 1.25rem;
  }

  .navbar1_link {
    width: auto;
    background-color: #4b006e;
    margin-bottom: .25rem;
    padding: .75rem 1rem;
    font-size: 1.125rem;
  }

  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    background-color: #fff000;
    padding-bottom: 0;
    padding-right: 0;
  }

  .ko-nav-break {
    z-index: -1;
    width: 50%;
  }

  .ko-home-link {
    display: none;
  }

  .ko-home-logo {
    width: 4rem;
    height: 100%;
    display: block;
  }

  .s9-roadmap-grid {
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .s9-roadmap-title {
    padding-left: 8%;
    padding-right: 8%;
  }

  .s9-framing-image {
    width: 95%;
  }

  .header-100svh.small {
    min-height: 50svh;
  }

  .cta39_card-content {
    padding: 3rem;
  }

  .cta39_card {
    min-height: auto;
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .header-75svh.server-hero-text-wrapper {
    align-items: flex-end;
  }

  .server_card-title, .layout364_card-content {
    padding: 2rem;
  }

  .pricing19_component {
    grid-template-columns: 1fr;
  }

  .heading-style-h1-2 {
    font-size: 3.25rem;
  }

  .heading-style-h4-2 {
    font-size: 1.75rem;
  }

  .download-form-real-checkbox-wrapper.align-vert {
    flex-direction: row;
    display: flex;
  }

  .server-hero-bettychonky, .hero-server-break {
    background-position: 100%;
  }

  .grid-4 {
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .section-full-75.tablet-stack {
    max-height: none;
    min-height: auto;
    flex-direction: column;
  }

  .section-full-75.bg-to-stack {
    max-height: none;
    min-height: auto;
    flex-direction: column;
    position: relative;
  }

  .section-full-75.section-full-hero {
    min-height: 47rem;
  }

  .padding-section-large-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .cta39_card-alt {
    padding: 3rem;
  }

  .layout_3up-grid {
    grid-column-gap: 2rem;
  }

  .padding-section-xlarge {
    flex: 1;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .thx-bg-image.bg-tablet-stack {
    padding-top: 56.25%;
    position: relative;
  }

  .thx-bg-image.bg-tablet-slide {
    padding-top: 56.25%;
    position: absolute;
  }

  .superhero2, .videobg-overlay {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .ko-bg_image.stack-tablet {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
  }

  .thx-koss-sqwrapper {
    padding-left: 15%;
    padding-right: 15%;
  }

  .mobile-dropdown {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
    flex-direction: column;
    display: flex;
  }

  .navbar4_container {
    grid-auto-columns: 1fr;
  }

  .navbar4_menu {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
    display: block;
  }

  .navbar4_link {
    position: static;
  }

  .navbar4_link:hover {
    padding-left: 0;
  }

  .navbar4_link.w--current {
    color: #ff9600;
  }

  .navbar4_menu-dropdown {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
    display: block;
    position: relative;
  }

  .navbar4_dropdown-toggle {
    width: 100%;
    align-items: center;
    margin: 0;
    padding: .75rem 2rem .75rem 0;
    display: flex;
    position: relative;
  }

  .navbar4_dropdown-list {
    position: static;
    overflow: hidden;
  }

  .navbar4_dropdown-list.w--open {
    border-style: none;
    padding: 0;
    position: static;
  }

  .navbar4_dropdown-link {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 0;
    font-size: 20px;
  }

  .navbar4_menu-button {
    margin-left: -.5rem;
    padding: 0;
  }

  .navbar4_menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .menu-icon4 {
    width: 48px;
    height: 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: -.5rem;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: relative;
  }

  .menu-icon4_wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .menu-icon4_line-top {
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon4_line-middle {
    width: 24px;
    height: 2px;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .menu-icon_line-middle-top {
    z-index: 2;
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .menu-icon_line-middle-base {
    width: 24px;
    height: 2px;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
  }

  .menu-icon4_line-bottom {
    width: 24px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .header9_content-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }

  .padding-section-large-3 {
    flex: 1;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .header102_component {
    grid-row-gap: 4rem;
    grid-template-columns: 1fr;
    padding-top: 6rem;
  }

  .header102_content {
    margin-left: 5%;
    margin-right: 5%;
  }

  .header102_slider {
    width: 100vw;
    max-width: 100%;
  }

  .header102_slide-wrapper {
    grid-template-rows: 60% 40%;
  }

  .swiper-slide.is-slider-main {
    width: 50%;
  }

  .swiper-slide.is-slider-maps {
    width: 100%;
  }

  .slider-main_top-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .showup_grid {
    grid-template-columns: 1fr;
  }

  .padding-section-large-4 {
    flex: 1;
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .layout406_tab-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .layout28_component {
    grid-column-gap: 3rem;
  }

  .heading-style-h4-3 {
    font-size: 1.75rem;
  }

  .layout28_lightbox-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .showup_image-wrapper {
    display: none;
  }

  .header103_tabs-menu {
    max-width: none;
    bottom: 4rem;
  }

  .header103_tab-link {
    min-width: 8rem;
  }

  .footer4_top-wrapper {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
  }

  .header49_component {
    grid-column-gap: 3rem;
    grid-row-gap: 2rem;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 3rem;
  }

  .container.centered.s7-tmnt-container {
    height: 620px;
  }

  .container.centered.s7-brawl-pass-container, .container.centered.s8-hideout-container, .container.centered.s8-game-modes-container {
    padding-bottom: 20px;
  }

  .container.headline-over {
    height: 100%;
    justify-content: space-between;
  }

  .container.three-up-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrapper {
    max-width: 400px;
  }

  .button.small.signup {
    float: right;
    display: inline-block;
  }

  .button.large {
    font-size: 14px;
  }

  .button.jumbotron-button.glitch {
    font-size: 22px;
  }

  .button.is-navbar4-button {
    padding: .25rem 1rem;
  }

  .image-crossplay {
    max-width: 200px;
  }

  .grid-features {
    grid-template-columns: 1fr;
  }

  .column-features {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 40px;
  }

  .column-features.chip1, .column-features.chip3 {
    background-position: 50% 100%, 0 0;
  }

  .features-body {
    max-width: 30ch;
  }

  .banner-item.copy {
    align-items: center;
  }

  .banner-paragraph, .banner-button {
    font-size: 14px;
  }

  .banner {
    grid-template-columns: 1.75fr;
    padding: 150px 30px 40px;
  }

  .banner.left {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/626eb391bbe6b87cc90e74b9_koc-brawlers-section-xl.png.adapt.crop16x9.767w.png");
    background-position: 0 0;
    background-size: 100%;
  }

  .banner.right {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/626eb41ea6212251a677bd97_koc-hero-medium-blog-5x2-l.png.adapt.crop16x9.767w.png");
    background-position: 50% 0;
  }

  .section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.newsletter {
    background-image: linear-gradient(rgba(255, 255, 255, 0) 16%, #9619fa 17%), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/626eb6a961f7dd854a581a53_email-subscription-section-xl.png.adapt.1920w.png");
    background-position: 0 0, 50% 0;
    background-repeat: repeat, repeat-x;
    background-size: auto, 100%;
  }

  .section.home-hero {
    padding-top: 300px;
    padding-bottom: 0;
  }

  .section.customize-bg {
    height: 480px;
  }

  .section.season-6-hero {
    height: 100px;
  }

  .section.over.green-angle {
    background-size: 800px, auto;
    padding-bottom: 100px;
  }

  .section.over.s8-intro-section {
    background-image: none;
    padding-bottom: 0;
  }

  .section.expanded-hideout-section {
    padding-bottom: 60px;
  }

  .section.meet-the-mutants {
    background-size: 800px;
  }

  .section.sludge-works {
    background-size: 800px, auto, auto, cover;
    background-attachment: scroll, scroll, scroll, scroll;
  }

  .section.season-7-hero {
    height: 800px;
  }

  .section.tmnt-section {
    height: 720px;
  }

  .section.s7-brawl-pass-section {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630a5e5e7ed27fde06e179ef_S7-GrnVioSHADOW_Slime_top.png"), linear-gradient(rgba(0, 0, 0, 0) 31%, #327636 77%), linear-gradient(#327636 3%, rgba(159, 191, 161, 0)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/630a8ae324bca42842fcb59a_TMNTPizzaPattern.png");
    background-position: 50% 100%, 0 0, 0 0, 50%;
    background-repeat: repeat-x, repeat, repeat, repeat;
    background-size: 1000px, auto, auto, 300px;
    background-attachment: scroll, scroll, scroll, fixed;
  }

  .section.fan-section {
    padding-bottom: 60px;
  }

  .section.villains-section {
    height: 720px;
  }

  .section.s8-most-wanted-section {
    background-size: auto, 800px;
  }

  .section.brags {
    padding-bottom: 60px;
  }

  .section.poison-ball-section {
    height: 680px;
  }

  .section.season-8-hero {
    height: 70vw;
  }

  .paragraph.centered.small-text {
    font-size: 12px;
  }

  .paragraph.large {
    width: auto;
    text-align: center;
  }

  .paragraph.large.centered.crossplay {
    width: 100%;
    max-width: 45ch;
  }

  .paragraph.large.updates {
    width: auto;
  }

  .paragraph.margin-bottom {
    margin-bottom: 24px;
  }

  .icn-social {
    min-height: 90px;
  }

  .social-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .heading {
    margin-bottom: 10px;
    font-size: 34px;
  }

  .heading.yellow {
    font-size: 38px;
  }

  .heading.huge {
    font-size: 3.5em;
  }

  .heading.huge-fix.centered.title {
    font-size: 4em;
  }

  .heading.purple-text {
    font-size: 38px;
  }

  .heading.meet-the-mutants-headline {
    font-size: 34px;
  }

  .heading.s7-sludge-works-heading {
    margin-bottom: 10px;
    font-size: 34px;
  }

  .heading.most-wanted-headline {
    font-size: 34px;
  }

  .heading.s8, .heading.s8.cover-ups {
    font-size: 32px;
  }

  .image.map {
    background-size: 101%, 101%;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .banner-grid {
    text-align: center;
    grid-template-rows: .25fr;
  }

  .signup-block {
    padding-top: 0;
  }

  .newsletter-grid {
    text-align: center;
    grid-template-columns: 1fr;
  }

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

  .latest-frame {
    min-height: 150px;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-end;
    align-items: stretch;
    margin-bottom: 20px;
    display: flex;
  }

  .latest-image {
    background-position: 50%;
  }

  .latest-info {
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .collection-item {
    margin-bottom: 20px;
  }

  .latest-info-grid {
    flex-direction: column;
    padding-bottom: 0;
    display: flex;
  }

  .features-content {
    padding-bottom: 20px;
  }

  .features-decoration.alt-3 {
    height: 10px;
  }

  .blog-preview-wrapper {
    margin-left: -10px;
    margin-right: -10px;
  }

  .jumbotron.calling {
    overflow: hidden;
  }

  .blog-content ul {
    margin-left: 10px;
  }

  .blog-content a {
    flex-direction: column;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 0;
    line-height: 1;
  }

  .calling-foreground {
    width: 100%;
    background-position: 50%;
    background-size: 130%;
    margin-left: auto;
    margin-right: auto;
  }

  .features-hero {
    height: 270px;
  }

  .features-hero.style {
    background-position: 30% 7%;
  }

  .divider {
    height: 50px;
  }

  .blog-angle-top {
    margin-bottom: -16px;
  }

  .blog-2nd-headline {
    font-size: 16px;
  }

  .author {
    font-size: 24px;
  }

  .author.title {
    font-size: 14px;
  }

  .author.handle {
    padding-left: 0;
    font-size: 14px;
  }

  .author-name-div {
    flex-direction: column;
    display: flex;
  }

  ._404 {
    background-size: 850px;
  }

  .social-grids {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .billboard-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .billboard-grid.universe-grid {
    display: flex;
  }

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

  .billboard-character {
    display: none;
  }

  .billboard-character.customize-character {
    min-width: auto;
  }

  .jumbotron-bot-half {
    height: 50px;
  }

  .season-6-background {
    height: 440px;
    background-size: 2800px;
  }

  .season-6-logo {
    background-size: 1000px;
  }

  .season-6-baddies {
    background-position: 50%;
    background-size: 1000px;
  }

  .season-6-brawlers {
    background-size: 1000px;
  }

  .giant-glitch-headline {
    font-size: 4.5em;
  }

  .hero-headline.season-7-intro {
    width: auto;
    font-size: 34px;
  }

  .hero-headline.season-8-intro {
    width: auto;
    font-size: 32px;
  }

  .two-up-paragraph {
    width: auto;
  }

  .div-social-link {
    padding-top: 0;
    padding-bottom: 0;
  }

  .privacy-content ul {
    margin-left: 10px;
  }

  .privacy-content a {
    flex-direction: column;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 0;
    line-height: 1;
    display: flex;
  }

  .platform-link {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272997b27f2693d2e3b5b10_chip-3.svg"), linear-gradient(183deg, rgba(150, 25, 250, 0), #9619fa 0%, #9619fa 80%, rgba(255, 255, 255, 0) 80%);
    background-position: 50% 100%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
  }

  .platform-grids {
    grid-template-columns: 1fr;
  }

  .platform-image {
    height: 100px;
  }

  .consent-flex {
    flex-direction: column;
    align-items: flex-start;
  }

  .mm-tag {
    width: 100px;
  }

  .season-7-background {
    height: 800px;
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6307e19565e2d0253a22ce10_S7-Background01.jpg");
    background-repeat: repeat-x;
    background-size: cover;
  }

  .s7-roadmap-image {
    padding-left: 20px;
    padding-right: 20px;
  }

  .season-7-frame {
    height: 800px;
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6307e1ec9c24a210271874c8_S7-Frame01.png");
    background-repeat: repeat-x;
    background-size: cover;
  }

  .season-7-characters {
    height: 800px;
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6307e23d1cfd7e1537963b61_S7-Characters01.png");
    background-repeat: repeat-x;
    background-size: cover;
  }

  .season-7-hero-holder {
    height: 800px;
  }

  .season-7-intro-text-span {
    font-size: 1em;
  }

  .season-7-intro-copy-lead, .season-7-intro-copy-lead.w980px, .season-7-intro-copy-lead.mm-lead-green {
    width: auto;
    font-size: 18px;
  }

  .season-7-intro-copy-lead.s7-tmnt-copy {
    width: auto;
    margin: 100px 60px 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    position: absolute;
  }

  .s7-character-heading {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .s7-character-copy {
    font-size: 14px;
    line-height: 1.4;
  }

  .s7-char-copy-block {
    padding: 0 10px 20px;
  }

  .s7-tmnt-logo {
    width: 300px;
  }

  .s7-tmnt-slime-bottom {
    height: 70px;
    background-size: 800px;
  }

  .s7-char-container {
    background-size: auto, 400px;
    margin-bottom: 60px;
  }

  .s7-tmnt-slime-top {
    height: 100px;
    background-position: 50% 0;
    background-size: 800px;
  }

  .s7-tmnt-contain {
    height: 570px;
  }

  .bsj.bsj-masthead {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 3.2rem;
  }

  .bsj.bsj-tagline {
    font-size: 14px;
  }

  .bsj.bsj-eyebrow {
    margin-top: 10px;
  }

  .bsj.bsj-newspaper-headline {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 54px;
  }

  .bsj.bsj-newspaper-subheadline {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .bsj.bsj-body-copy {
    margin-bottom: 200px;
    font-size: 19px;
    line-height: 1.6;
  }

  .bsj.bsj-drop-cap {
    font-size: 86px;
  }

  .bsj.bsj-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .season-8-hero-holder.hero-fade {
    height: 70vw;
    margin-top: 60px;
  }

  .season-8-grain {
    display: none;
  }

  .season-8-intro-text-span {
    font-size: 1.7em;
  }

  .season-8-intro-copy-lead {
    width: auto;
    max-width: 480px;
    font-size: 16px;
  }

  .season-8-intro-copy-lead.w980px, .season-8-intro-copy-lead.mm-lead-green {
    width: auto;
    font-size: 18px;
  }

  .season-8-intro-copy-lead.s7-tmnt-copy {
    width: auto;
    margin: 100px 60px 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    position: absolute;
  }

  .season-8-intro-copy-lead.mm-lead-green-copy {
    width: auto;
    font-size: 18px;
  }

  .season-8-intro-copy-lead.poison-ball-copy {
    margin: 100px 60px 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    position: absolute;
  }

  .season-8-intro-copy-lead.w980 {
    font-size: 16px;
  }

  .season-7-intro-copy-lead-copy, .season-7-intro-copy-lead-copy.w980px, .season-7-intro-copy-lead-copy.mm-lead-green {
    width: auto;
    font-size: 18px;
  }

  .season-7-intro-copy-lead-copy.s7-tmnt-copy {
    width: auto;
    margin: 100px 60px 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    position: absolute;
  }

  .s8-character-heading {
    margin-bottom: 10px;
    font-size: 24px;
  }

  .s8-character-heading.cover-ups {
    font-size: 24px;
  }

  .s8-character-copy {
    max-width: 270px;
    font-size: 14px;
  }

  .s8-villains-contain {
    height: 570px;
  }

  .poison-ball-top {
    height: 100px;
    background-position: 50% 0;
    background-size: 800px;
  }

  .s8-char-tile {
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .s8-char-image {
    width: 100%;
    filter: none;
    transition-property: none;
    transform: none;
  }

  .s8-char-image.voxanne, .s8-char-image.hax, .s8-char-image.the-shadow {
    transform: none;
  }

  .s8-char-container {
    background-image: none;
  }

  .s8-headline-span {
    font-size: 52px;
  }

  .s8-tmnt-slime-bottom {
    height: 70px;
    background-size: 800px;
  }

  .villains-mousetrap {
    z-index: 7;
    height: 650px;
    position: relative;
  }

  .s8-roadmap-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .season-8-logos {
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .s8-intro-section-fade {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .s8-villains-burst {
    height: 540px;
    background-size: 800px;
  }

  .s8-villains-background {
    height: 474px;
    background-size: 800px, 800px;
  }

  .s8-villains-solid-wall {
    height: 474px;
    background-size: 800px;
  }

  .s8-fade-left, .s8-fade-right {
    display: none;
  }

  .s8-content-frame {
    border-width: 4px;
  }

  .play-pause-button, .play-pause-button:hover {
    width: 4rem;
    height: 4rem;
  }

  .s8-brawl-pass-frame {
    border-width: 4px;
  }

  .ko-city-brand {
    display: block;
  }

  .ko-nav.link {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .ko-nav.bar {
    position: fixed;
  }

  .ko-nav.dropdown.link, .ko-nav.dropdown.link.play {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .s8-bank-ball-image {
    width: 8rem;
    height: 8rem;
    bottom: -2rem;
    right: -2rem;
  }

  .big-copy {
    font-size: 16px;
  }

  .map-name {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding-top: .25rem;
    padding-bottom: .25rem;
  }

  .description-copy-div {
    height: 170px;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .max-width-full-mobile-landscape {
    width: 100%;
    max-width: none;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .heading-style-h5 {
    font-size: 1.25rem;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .padding-section-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-xxhuge {
    padding: 5rem;
  }

  .heading-style-h2 {
    font-size: 2.25rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .padding-section-medium {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .text-style-quote {
    font-size: 1.125rem;
  }

  .heading-style-h1 {
    font-size: 2.5rem;
  }

  .padding-xsmall {
    padding: .75rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-xlarge {
    margin: 2.5rem;
  }

  .margin-large {
    margin: 2rem;
  }

  .button-sq.is-icon.server-download-button.no-link {
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .padding-section-large {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-large.server-hero-text {
    padding-bottom: 6rem;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .heading-style-h6 {
    font-size: 1.125rem;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-xlarge {
    padding: 2.5rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .heading-style-h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .text-size-medium {
    font-size: 1rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .text-size-large {
    font-size: 1.125rem;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-xxhuge {
    margin: 5rem;
  }

  .padding-small {
    padding: 1.25rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .ko-grid.col2.gap {
    max-width: 30rem;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .header-100vh {
    max-height: none;
    min-height: 40vh;
  }

  .header5_background-image-wrapper.position-fixed {
    height: 45vh;
  }

  .text-label-large {
    font-size: 1.7rem;
  }

  .card-row1_card-content {
    padding: 2rem 1.5rem;
  }

  .card-row1_component {
    grid-template-columns: 1fr;
  }

  .icon-row {
    height: 2rem;
  }

  .s9-new-feature-grid {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .slider6_component {
    padding-bottom: 5rem;
  }

  .slider6_slide {
    padding-left: 0;
    padding-right: 0;
  }

  .slider6_arrow.left {
    right: 3.5rem;
  }

  .slider7_slide {
    padding-left: 0;
    padding-right: 0;
  }

  .slider7_arrow.left {
    right: 3.5rem;
  }

  .slider7_component {
    padding-bottom: 5rem;
  }

  .slider1_component {
    padding-bottom: 3rem;
  }

  .slider1_slide {
    padding-left: 0;
    padding-right: 0;
  }

  .s9-maps-area {
    background-size: 150%, auto;
  }

  .s9-feature-top-break {
    height: 2rem;
  }

  .s9-feature-side-break, .s9-feature-side-break.right {
    width: 15%;
  }

  .s9-writeup-break-top {
    height: 2rem;
  }

  .s9-feature-writeup-break {
    width: 25%;
    height: 100%;
  }

  .banner2_close-button {
    margin-left: 0;
    position: absolute;
    top: .5rem;
    bottom: auto;
    left: auto;
    right: .5rem;
  }

  .banner2_wrapper {
    flex-direction: column;
    align-items: stretch;
    padding: 1rem;
  }

  .banner2_content {
    align-items: flex-start;
    margin-bottom: 1rem;
    margin-right: 1.75rem;
  }

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

  .banner10_content {
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 1rem;
  }

  .banner10_info {
    margin-left: 0;
  }

  .navbar1_component {
    height: auto;
    min-height: 4rem;
  }

  .navbar1_logo-link {
    padding-left: 0;
  }

  .s9-roadmap-grid {
    grid-template-columns: 1fr;
  }

  .s9-roadmap-image {
    margin-bottom: 15%;
  }

  .s9-framing-image {
    width: 82%;
  }

  .cta39_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .cta39_card-content {
    padding: 2rem 0;
  }

  .break-bot.text-color-purple.z-index-3.break-relative {
    position: relative;
  }

  .header-75svh.server-hero-text-wrapper {
    min-height: 50svh;
  }

  .layout364_component {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .download-card {
    grid-template-columns: 1fr;
  }

  .server_card-title {
    padding: 1.5rem;
  }

  .layout364_row {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .layout364_card-content {
    padding: 1.5rem;
  }

  .tab4_component {
    align-items: flex-start;
  }

  .tab4_tabs-menu {
    width: 100%;
  }

  .pricing19_component {
    grid-template-columns: 1fr;
  }

  .heading-style-h1-2 {
    font-size: 2.5rem;
  }

  .section_download {
    padding-bottom: 4rem;
  }

  .pricing19_plan {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text-size-medium-2 {
    font-size: 1rem;
  }

  .heading-style-h4-2 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .heading-style-h6-2 {
    font-size: 1.125rem;
  }

  .download-form-real-checkbox-wrapper {
    flex-direction: column;
    align-items: stretch;
  }

  .accordion2_top {
    padding: 1rem 1.25rem;
  }

  .accordion2_icon {
    width: 1.75rem;
  }

  .accordion2_bottom {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .accord-content.columns {
    flex-direction: column;
  }

  .server-hero-bettychonky {
    background-position: 100%;
    background-size: auto 100%;
  }

  .padding-section-large-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .cta39_card-alt {
    padding: 2rem;
  }

  .heading-style-h5-2 {
    font-size: 1.25rem;
  }

  .layout_3up-grid {
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .padding-section-xlarge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-section-xlarge.server-hero-text {
    padding-bottom: 6rem;
  }

  .navbar4_component {
    min-height: 4rem;
  }

  .header9_component {
    height: auto;
    max-height: none;
  }

  .header9_content-wrapper {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }

  .text-size-medium-3 {
    font-size: 1rem;
  }

  .padding-section-large-3 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .text-size-medium-4 {
    font-size: 1rem;
  }

  .header102_component {
    padding-top: 4rem;
  }

  .text-size-medium-5 {
    font-size: 1rem;
  }

  .header102_slide-wrapper {
    grid-template-rows: 70% 30%;
  }

  .heading-style-h6-3 {
    font-size: 1.125rem;
  }

  .header102_arrow.is-left {
    right: 5.5rem;
  }

  .text-size-medium-6 {
    font-size: 1rem;
  }

  .gallery20_slide {
    padding-right: 1.5rem;
  }

  .gallery20_arrow.is-left {
    right: 5.5rem;
  }

  .text-size-medium-7 {
    font-size: 1rem;
  }

  .swiper-slide.is-slider-main, .swiper-slide.is-slider-maps {
    width: 100%;
  }

  .swiper-bullet-wrapper.is-slider-main {
    display: none;
  }

  .slider-main_button {
    width: 2.5rem;
    height: 6rem;
  }

  .section_balls, .section_maps {
    height: auto;
  }

  .padding-section-large-4 {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .text-size-medium-8 {
    font-size: 1rem;
  }

  .layout406_tabs-menu {
    flex-wrap: wrap;
    margin-bottom: 3rem;
  }

  .text-size-medium-9 {
    font-size: 1rem;
  }

  .layout28_component {
    grid-column-gap: 0px;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .heading-style-h4-3 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  .header103_tabs-content.no-height {
    height: 100%;
  }

  .header103_tab-content {
    align-items: flex-start;
  }

  .text-size-medium-10 {
    font-size: 1rem;
  }

  .header103_tabs-menu {
    flex-direction: column;
    bottom: 3rem;
  }

  .header103_tab-link {
    min-width: 0;
    font-size: 1rem;
  }

  .header103_tab-load-base {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .text-size-medium-11 {
    font-size: 1rem;
  }

  .footer4_link-list {
    grid-column-gap: 0px;
    grid-row-gap: 1.5rem;
    grid-auto-flow: row;
    justify-items: center;
  }

  .footer4_bottom-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 1rem;
    grid-auto-flow: row;
    justify-items: center;
    padding-bottom: 1rem;
  }

  .footer4_credit-text {
    margin-top: 1rem;
  }

  .header49_component {
    grid-column-gap: 1.25rem;
    grid-row-gap: 1.25rem;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 2rem;
  }

  p {
    font-size: 16px;
  }

  .div-block-left {
    justify-content: center;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.centered.s7-tmnt-container {
    height: 600px;
  }

  .container.headline-over.over-parallax {
    height: 730px;
  }

  .wrapper {
    max-width: 280px;
  }

  .button.small.signup {
    width: 100%;
    float: none;
    display: block;
  }

  .features {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .image-crossplay {
    max-width: 175px;
  }

  .grid-features {
    grid-template-columns: 1fr;
  }

  .container-fluid.navvbarr {
    padding-left: 20px;
    padding-right: 20px;
  }

  .banner {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 80px 0 20px;
  }

  .banner.right {
    background-position: 50% 0;
  }

  .section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.newsletter {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/626eb6a961f7dd854a581a53_email-subscription-section-xl.png.adapt.1920w.png");
    background-position: 50% 0;
    background-repeat: repeat;
    background-size: 470px;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .section.home-hero {
    padding-bottom: 0;
  }

  .section.gameplay-bg.about-top.landing-page {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.season-6-hero {
    height: 400px;
    min-height: auto;
  }

  .section.s6-roadmap {
    background-size: 400px, auto;
  }

  .section.free-to-play-section {
    text-shadow: 0 0 20px #320853;
  }

  .section.expanded-hideout-section {
    background-size: 800px, auto;
    padding-top: 60px;
  }

  .section.s6-brawl-pass-section {
    background-size: 800px;
    padding-bottom: 40px;
  }

  .section.meet-the-mutants {
    text-shadow: 0 0 20px #320853;
  }

  .section.sludge-works {
    background-position: 50% 100%, 0 0, 0 0, 100%;
    background-size: 800px, auto, auto, cover;
    background-attachment: scroll, scroll, scroll, scroll;
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .section.season-7-hero {
    height: 80vh;
    min-height: auto;
    margin-top: 20px;
  }

  .section.tmnt-section {
    height: 560px;
  }

  .section.s7-brawl-pass-section {
    background-size: 800px, auto, auto, 150px;
    padding-bottom: 40px;
  }

  .section.fan-section {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6308fa071c24ba37b666005f_S7-Grn_Slime_bot.png"), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-size: 800px, auto;
    padding-top: 20px;
  }

  .section.villains-section {
    height: 630px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.s8-most-wanted-section {
    text-shadow: 0 0 20px #320853;
    background-size: auto, 600px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.brags {
    padding-top: 20px;
  }

  .section.poison-ball-section {
    height: 580px;
    padding-top: 40px;
    padding-bottom: 100px;
  }

  .section.s8-game-modes-section {
    background-size: auto, auto, 80%;
  }

  .section.s8-roadmap {
    background-size: 400px, auto;
  }

  .section.season-8-hero {
    height: 100vw;
  }

  .paragraph {
    font-size: 16px;
  }

  .paragraph.large.updates {
    font-size: 12px;
    line-height: 1;
  }

  .paragraph.small-text {
    font-size: 12px;
  }

  .icn-social {
    width: 140px;
    max-width: 70%;
    min-height: 70px;
  }

  .heading {
    font-size: 28px;
  }

  .heading.large {
    font-size: 32px;
  }

  .heading.medium.orange {
    font-size: 20px;
  }

  .heading.huge {
    font-size: 2.6em;
  }

  .heading.huge.centered.yellow, .heading.huge-fix.centered.yellow {
    font-size: 48px;
  }

  .heading.huge-fix.centered.title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 2em;
  }

  .heading.huge-fix.blog-title {
    font-size: 2.4em;
    line-height: 1;
  }

  .heading.purple-text {
    font-size: 28px;
  }

  .heading.s8 {
    font-size: 24px;
    line-height: .8;
  }

  .image.crossplay {
    max-width: 150px;
  }

  .image.ball-image {
    width: 200px;
    height: auto;
  }

  .latest-frame {
    width: 100%;
    height: 100%;
    max-height: 342px;
    max-width: 342px;
    min-height: 342px;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .latest-image {
    height: 130px;
    display: none;
  }

  .latest-info {
    min-height: 80px;
    padding-left: 20px;
  }

  .collection-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .features-content {
    padding-bottom: 0;
  }

  .features-decoration.alt-3 {
    display: none;
  }

  .jumbotron.calling {
    height: 490px;
  }

  .eyebrow {
    font-size: 12px;
    line-height: 1;
  }

  .eyebrow.light {
    margin-bottom: 10px;
  }

  .blog-content h2 {
    font-size: 32px;
  }

  .blog-content p {
    font-size: 16px;
  }

  .blog-content h4 {
    font-size: 18px;
    line-height: 1.4;
  }

  .blog-content li {
    background-position: 0 10px;
    background-size: auto .5em;
    padding-left: 30px;
    font-size: 16px;
  }

  .blog-content ul {
    margin-left: 0;
  }

  .logo-hero {
    height: auto;
  }

  .nav.shard {
    display: none;
  }

  .navigation-link {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .ko-header-fill {
    width: 80px;
  }

  .features-hero {
    height: 200px;
  }

  .divider {
    background-position: 0 0;
    background-size: 260px;
  }

  .social-background {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .blog-2nd-headline {
    max-width: 100%;
  }

  .author-block {
    flex-direction: row;
  }

  .author {
    padding-left: 0;
    padding-right: 10px;
    font-size: 16px;
  }

  .author.title {
    font-size: 12px;
  }

  .author.pic {
    width: 100px;
    height: 82px;
  }

  .author.handle {
    padding-left: 0;
    font-size: 12px;
  }

  .author-info {
    height: 82px;
    background-size: auto 40px, cover;
  }

  .avatar-decoration {
    display: none;
  }

  .author-name-div {
    flex-direction: column;
    display: flex;
  }

  ._404 {
    background-size: 450px;
  }

  .media-grid {
    grid-template-columns: 1fr;
  }

  .social-grids {
    grid-template-columns: 1fr 1fr;
  }

  .navv-menu {
    padding-top: 0;
  }

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

  .billboard-character.customize-character {
    min-width: auto;
  }

  .season-6-background {
    height: 350px;
    background-size: 2180px;
  }

  .season-6-logo, .season-6-baddies, .season-6-brawlers {
    height: 350px;
    background-size: 720px;
  }

  .giant-glitch-headline {
    font-size: 36px;
  }

  .heading-general {
    font-size: 30px;
  }

  .s3-logo {
    width: 100px;
  }

  .season-6-video {
    margin-bottom: 20px;
  }

  .hero-headline {
    font-size: 28px;
  }

  .boomerang-video {
    margin-bottom: 40px;
  }

  .two-up-paragraph {
    width: auto;
  }

  .privacy-content h2 {
    font-size: 32px;
  }

  .privacy-content p {
    font-size: 16px;
  }

  .privacy-content h4 {
    font-size: 18px;
    line-height: 1.4;
  }

  .privacy-content li {
    background-position: 0 10px;
    background-size: auto .5em;
    padding-left: 30px;
    font-size: 16px;
  }

  .privacy-content ul {
    margin-left: 0;
  }

  .platform-link {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6272997b27f2693d2e3b5b10_chip-3.svg"), linear-gradient(183deg, #9619fa 85%, rgba(255, 255, 255, 0) 85%);
    background-position: 50% 100%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 101%, auto;
  }

  .platform-image {
    width: 80px;
  }

  .ko-logo-landing {
    display: none;
  }

  .mm-tag {
    width: 100px;
    margin-bottom: 0;
  }

  .season-7-background {
    height: 80vh;
  }

  .tmnt-video {
    margin-bottom: 40px;
  }

  .season-7-video {
    margin-bottom: 20px;
  }

  .season-7-frame, .season-7-characters {
    height: 80vh;
  }

  .season-7-hero-holder {
    height: 80vh;
    margin-top: 40px;
  }

  .season-7-intro-copy-lead.s7-tmnt-copy {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
  }

  .s7-character-grid {
    border-width: 10px 10px 0;
    border-color: #fff000;
    grid-template-columns: 1fr;
  }

  .s7-character-heading {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 34px;
  }

  .s7-character-copy {
    font-size: 16px;
    font-weight: 700;
  }

  .s7-char-tile {
    border-width: 0 0 10px;
    border-bottom-color: #fff000;
  }

  .s7-char-image {
    height: 320px;
    background-image: linear-gradient(rgba(0, 0, 0, 0) 83%, rgba(61, 61, 61, .3)), url("https://assets-global.website-files.com/62460a32623b15ace89500f0/6308fa071c24ba37b666005f_S7-Grn_Slime_bot.png");
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, repeat-x;
    background-size: auto, 1000px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    overflow: hidden;
  }

  .s7-char-copy-block {
    background-color: #327636;
    padding: 20px;
  }

  .sludge-works-video {
    margin-bottom: 40px;
  }

  .s7-sludge-works-image {
    width: 100%;
  }

  .s7-tmnt-background {
    background-size: 600px;
  }

  .s7-tmnt-heroes {
    height: auto;
    background-size: auto, 600px;
  }

  .s7-tmnt-logo {
    width: 200px;
    margin-top: 10px;
    position: relative;
  }

  .s7-tmnt-slime-bottom {
    background-size: auto 75px;
  }

  .s7-char-image-element {
    width: 100%;
    margin-top: -20px;
  }

  .s7-tmnt-slime-top {
    height: 75px;
    background-size: auto 75px;
  }

  .s7-tmnt-contain {
    height: 100%;
  }

  .bsj.bsj-masthead {
    padding-top: 10px;
    padding-bottom: 0;
    font-size: 10vw;
  }

  .bsj.bsj-tagline {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
  }

  .bsj.bsj-hero-image {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .bsj.bsj-newspaper-headline {
    font-size: 8.5vw;
  }

  .bsj.bsj-newspaper-subheadline {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 6vw;
  }

  .bsj.bsj-body-copy {
    margin-bottom: 240px;
    font-size: 4.5vw;
    line-height: 1.4;
  }

  .bsj.bsj-drop-cap {
    width: 15vw;
    height: 110px;
    margin-top: -37px;
    top: auto;
    left: auto;
  }

  .bsj.bsj-picture-wrap {
    width: 40%;
  }

  .bsj.bsj-figure {
    font-size: 10px;
  }

  .bsj.bsj-paywall-copy, .bsj.bsj-paywall-cta {
    font-size: 19px;
  }

  .bsj.bsj-paywall-contain {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .season-8-hero-holder {
    margin-top: 40px;
  }

  .season-8-hero-holder.hero-fade {
    height: 100vw;
  }

  .season-8-video {
    margin-bottom: 20px;
  }

  .season-8-intro-copy-lead {
    max-width: 320px;
    font-size: 14px;
  }

  .season-8-intro-copy-lead.s7-tmnt-copy, .season-8-intro-copy-lead.poison-ball-copy, .season-7-intro-copy-lead-copy.s7-tmnt-copy {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
  }

  .s8-character-heading {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 34px;
  }

  .s8-character-heading.cover-ups {
    margin-bottom: 0;
    font-size: 18px;
  }

  .s8-character-copy {
    font-size: 12px;
    font-weight: 700;
  }

  .s8-villains-contain {
    height: 100%;
  }

  .poison-ball-top {
    height: 75px;
    background-size: auto 75px;
  }

  .s8-char-tile {
    width: 60%;
    margin-bottom: 40px;
    margin-left: 40px;
    margin-right: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .s8-char-image-element {
    width: 100%;
    margin-top: -20px;
  }

  .s8-char-image {
    width: 100%;
    margin-bottom: 10px;
    transform: none;
  }

  .s8-char-image:hover, .s8-char-image.voxanne, .s8-char-image.mugshot, .s8-char-image.hax, .s8-char-image.the-shadow {
    transform: none;
  }

  .s8-char-image.comissioner-chase {
    background-image: url("https://assets-global.website-files.com/62460a32623b15ace89500f0/637d46a8f4b61079e4ca7fdb_Char-Chase.png"), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-position: 50%, 0 0;
  }

  .s8-character-grid {
    border-width: 10px 10px 0;
    border-color: #fff000;
    grid-template-columns: 1fr;
  }

  .s8-headline-span {
    font-size: 35px;
  }

  .s8-tmnt-villains {
    height: auto;
    background-size: auto, 600px;
  }

  .s8-tmnt-background {
    background-size: 600px;
  }

  .s8-tmnt-slime-bottom {
    background-size: auto 75px;
  }

  .tmnt-villains-logo {
    margin-bottom: 10px;
  }

  .villains-mousetrap {
    height: 580px;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .s8-poison-ball-image {
    width: 100%;
  }

  .poison-ball-holder {
    width: 10vw;
    height: 10vw;
  }

  .s8-hideout-holder {
    padding-left: 20px;
    padding-right: 20px;
  }

  .s8-villains-burst {
    height: 430px;
    background-size: 600px;
  }

  .s8-villains-background {
    height: 358px;
    background-size: 600px, 600px;
  }

  .s8-villains-solid-wall {
    height: 358px;
    background-size: 600px;
  }

  .s8-content-frame {
    border-width: 2px;
  }

  .play-pause-button, .play-pause-button:hover {
    width: 3rem;
    height: 3rem;
  }

  .s8-brags-holder {
    padding-left: 20px;
    padding-right: 20px;
  }

  .s8-brawl-pass-frame {
    border-width: 2px;
  }

  .nav-holder {
    color: #ffeecd;
    background-color: #4b006e;
  }

  .burger.w--open {
    background-color: #4b006e;
  }

  .s8-bank-ball-image {
    width: 6rem;
    height: 6rem;
    bottom: -1.5rem;
    right: -1.5rem;
  }

  .big-copy {
    font-size: 14px;
  }

  .map-name {
    padding-top: 0;
    padding-bottom: 0;
  }

  .item-name-heading {
    font-size: 16px;
  }

  .margin-horizontal {
    margin-top: 0;
    margin-bottom: 0;
  }

  .margin-vertical {
    margin-left: 0;
    margin-right: 0;
  }

  .padding-horizontal {
    padding-top: 0;
    padding-bottom: 0;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .button-sq.is-icon.server-download-button {
    display: flex;
  }

  .padding-left {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .max-width-full-mobile-portrait {
    width: 100%;
    max-width: none;
  }

  .padding-right {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .heading-style-h4 {
    line-height: .9;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .ko-character-card {
    padding: .45rem;
  }

  .s9-headline {
    background-size: cover;
  }

  .slider-content {
    height: 100%;
  }

  .s9-feature-writeup-frame {
    padding-left: 2rem;
  }

  .info-banner {
    height: auto;
  }

  .s9-roadmap-image {
    width: 100%;
    height: auto;
    object-fit: contain;
  }

  .s9-roadmap-title {
    padding-left: 10%;
    padding-right: 10%;
  }

  .cta39_card, .layout364_row {
    grid-template-columns: 1fr;
  }

  .tab4_tabs-menu {
    flex-direction: row;
    align-items: stretch;
  }

  .section_download {
    padding-bottom: 6rem;
  }

  .download-form-real-checkbox-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1rem 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .download-form-real-checkbox-wrapper.align-vert {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1rem 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .real-checkbox {
    margin-top: 1rem;
  }

  .terms-text.text-size-tiny {
    width: 87%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: .5rem;
  }

  .layout_3up-grid {
    grid-template-columns: 1fr;
  }

  .navbar4_link {
    font-size: 3rem;
    line-height: .9;
  }

  .header9_content-wrapper {
    grid-template-columns: 1fr;
  }

  .header102_component {
    overflow: hidden;
  }

  .header102_slide-wrapper {
    grid-template-rows: auto auto;
  }

  .header102_slide-content {
    width: 100%;
    align-content: flex-end;
    padding-top: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .header102_slide-content-wrapper {
    flex-direction: column;
  }

  .layout28_component {
    grid-template-columns: 1fr;
  }

  .heading-style-h4-3 {
    line-height: .9;
  }

  .slider-main_text-wrapper {
    font-size: 1rem;
  }

  .header103_tab-content {
    align-items: flex-start;
  }

  .header103_tab-link {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .header49_component {
    grid-template-columns: 1fr;
  }
}

#w-node-c03a60b0-1ce6-9322-410b-f255bce89186-3973d839, #w-node-c30041bc-950b-0e39-c58b-7732ac48a2da-3973d839, #w-node-_1f752606-bc0a-4d5e-a565-003a9e5a4e46-3973d839, #w-node-_76ab8d1e-b801-9217-730c-599feb736a8e-3973d839, #w-node-_76ab8d1e-b801-9217-730c-599feb736a8f-3973d839, #w-node-a7985e63-b073-60e2-81a2-694524746cda-3973d839, #w-node-a7985e63-b073-60e2-81a2-694524746cdb-3973d839, #w-node-a7985e63-b073-60e2-81a2-694524746cdd-3973d839, #w-node-_3d62ef7e-3e3c-7102-cc5e-21981110d3b0-1110d3a8, #w-node-_3d62ef7e-3e3c-7102-cc5e-21981110d3b1-1110d3a8, #w-node-_8015d647-3e41-fe1a-df4e-fbcfc5c32cc1-7073d84c, #w-node-_583e84b3-b5e1-7500-4534-77763055a64e-7073d84c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_583e84b3-b5e1-7500-4534-77763055a64f-7073d84c {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_0721c789-7036-06c8-ff7f-727d281c19d3-7073d84c, #w-node-_0721c789-7036-06c8-ff7f-727d281c19d7-7073d84c, #w-node-_6d358c53-cbed-7b3d-4ff9-342370d17b3d-8f73d851 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_626718fe-e4e1-9466-2105-0c5774a8437d-74a84378 {
  justify-self: start;
}

#w-node-_626718fe-e4e1-9466-2105-0c5774a84388-74a84378 {
  justify-self: end;
}

#w-node-_1a256953-b039-993e-1f34-0be95d73ad18-2473d860, #w-node-_6b57e755-be58-d7da-98d1-825d260637e2-d26d7a6a, #w-node-_746a01f2-4b3b-a58d-6d1f-ffb00648568c-d26d7a6a, #w-node-_8015d647-3e41-fe1a-df4e-fbcfc5c32cc1-d26d7a6a, #w-node-_051f7ed1-2cb3-5107-c324-9664f585944c-d26d7a6a, #w-node-_051f7ed1-2cb3-5107-c324-9664f5859452-d26d7a6a, #w-node-_8304b53c-09ce-e50b-8bfb-7edec7e32ae0-d26d7a6a, #w-node-_13fa5410-52c1-bc14-e955-b2e58e142638-2ed559f1, #w-node-_086e656e-9de0-1465-f08a-312a51f62b57-2ed559f1, #w-node-_138f73db-b0ec-81cf-f9ab-388445ce3951-2ed559f1, #w-node-_07da8ca5-4c85-bdc3-3c9f-f7eff4172d21-2ed559f1, #w-node-_1f65ab60-da98-67f9-48e0-291034023588-2ed559f1, #w-node-_7c335256-f07f-7d5c-5109-6d0f89b535f6-f8d0a995, #w-node-d23e39fb-7a76-9029-005c-7ca79a09c222-f8d0a995, #w-node-_6358abdc-5462-3006-54e7-38ec8715d3e8-f8d0a995, #w-node-bb10c1bc-420a-839f-eae6-47f596dd57dc-f8d0a995, #w-node-_086e656e-9de0-1465-f08a-312a51f62b57-5883118f, #w-node-_22428086-fd95-f37e-d4e6-d3d66aca98cc-5883118f, #w-node-_07da8ca5-4c85-bdc3-3c9f-f7eff4172d21-5883118f, #w-node-c3220360-a484-1537-fe2c-edacb69f6506-56340337, #w-node-_4a50a42a-8d79-bd32-f352-2f832f3ce9d9-56340337, #w-node-ccb3dde3-5ee6-bc28-de74-9be5f7a68401-56340337, #w-node-_950693a0-2bfd-b15d-bfce-9b00e07c2f63-56340337, #w-node-a55b0fcb-4ade-3498-4d9d-c78d811f5fd0-56340337, #w-node-a55b0fcb-4ade-3498-4d9d-c78d811f5fd1-56340337, #w-node-_2ff93ff4-7cdf-1eac-2a54-5ac18507fbae-56340337, #w-node-_2ff93ff4-7cdf-1eac-2a54-5ac18507fbaf-56340337, #w-node-_14a8ac40-1d9f-c83a-fed4-bf47f81fd4bc-56340337, #w-node-_14a8ac40-1d9f-c83a-fed4-bf47f81fd4bd-56340337, #w-node-_6d18ebfc-9aaa-8b2c-bed0-ed79414cc4f3-56340337, #w-node-_6d18ebfc-9aaa-8b2c-bed0-ed79414cc4f4-56340337, #w-node-ecca7a81-e286-5e58-194f-7d93dda6fcd0-56340337, #w-node-ecca7a81-e286-5e58-194f-7d93dda6fcd1-56340337, #w-node-_7f3c35af-dc27-a74d-f693-241ff68a4d64-56340337, #w-node-_7f3c35af-dc27-a74d-f693-241ff68a4d65-56340337 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd861-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd863-26eeb9b1 {
  justify-self: center;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd872-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd873-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd877-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd878-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd87c-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd87d-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd881-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd882-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd886-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd887-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd88b-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd88c-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd896-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd897-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd89b-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd89c-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8a0-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8a1-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8a5-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8a6-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8aa-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8ab-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8af-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8b0-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8ba-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8bb-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8bf-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8c0-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8c4-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8c5-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8c9-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8ca-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8d3-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8d4-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8dd-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8de-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8f0-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8f1-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8f5-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8f6-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8fa-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8fb-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd8ff-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd900-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd904-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd905-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd90f-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd910-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd914-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd915-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd919-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd91a-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd91e-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd91f-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd923-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd924-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd928-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd929-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd934-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd935-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd939-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd93a-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd93e-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd93f-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd943-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd944-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd948-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd949-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd94d-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd94e-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd952-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd953-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd957-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd958-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd95c-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd95d-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd967-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd968-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd96c-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd96d-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd971-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd972-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd979-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd97a-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd9be-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbd9de-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbd9e6-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd9e7-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd9ec-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd9ed-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbd9fc-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda08-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda12-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda15-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda16-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda19-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda1a-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda1d-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda1e-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda22-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda25-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda26-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda29-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda2a-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda2d-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda35-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda36-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda37-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda39-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda3c-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda3d-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda3e-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda42-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda45-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda46-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda47-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda4b-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda4f-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda50-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda56-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda5a-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda5b-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda5f-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda62-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda67-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda68-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda69-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda6d-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda70-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda71-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda72-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda78-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda7b-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda7c-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda7d-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda83-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda86-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda87-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda88-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda90-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda93-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbda94-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbda95-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdaa1-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdaa2-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdaa3-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdaa7-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdaac-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdaad-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdaae-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdab0-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdac0-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdac1-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdac2-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdac4-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdad4-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdad5-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdad6-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdad8-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdae8-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdae9-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdaea-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdaf0-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdaf5-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdaf6-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdaf7-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdafd-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb02-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb03-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdb04-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdb0c-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb12-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdb13-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdb19-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb23-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb24-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb25-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdb26-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdb28-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb2b-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb2f-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb30-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb31-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb3a-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb3b-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb3c-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb45-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb46-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb47-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdb48-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdb4e-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb4f-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb50-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdb51-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdb53-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb57-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb58-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb59-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdb5a-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdb5c-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbc8-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdbcc-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbcd-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbcf-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbd1-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbd2-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbd4-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbd6-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbd7-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbd9-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbdb-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbdc-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbde-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbe0-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbe1-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbe3-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbe5-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbe6-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbe8-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdbea-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbeb-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbed-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdbee-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdbf0-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbf1-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbf3-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdbf4-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdbf6-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbf7-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbf9-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdbfa-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdbfc-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbfd-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdbff-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc05-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc09-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc0a-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc0c-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc0e-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc0f-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc11-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc13-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc14-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc16-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc18-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc19-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc1b-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc1d-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc1e-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc20-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc22-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc23-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc25-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc27-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc28-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc2a-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc2c-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc2d-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc2f-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc31-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc32-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc34-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc36-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc37-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc39-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc3b-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc3c-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc3e-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc43-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc47-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc49-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc4c-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc51-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc56-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc5b-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc60-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc67-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc68-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc6a-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc6b-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc6d-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc6e-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc70-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc71-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc73-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc74-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc76-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc77-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc79-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc7a-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc7c-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc7d-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc7f-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc80-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc82-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc83-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc85-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc86-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc88-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc89-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc8b-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc8c-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc8e-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc8f-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc91-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc92-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc94-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc95-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc97-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc98-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc9a-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc9b-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdc9d-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdc9e-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdca0-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdca1-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdca3-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdca4-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdca6-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdca7-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdca9-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcaa-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcac-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcad-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcaf-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcb0-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcb2-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcb3-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcb5-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcb6-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcb8-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcb9-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcbb-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcbc-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcbe-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcbf-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcc4-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcc8-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcca-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdccd-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcd2-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcd7-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcdc-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdce1-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdce8-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdce9-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdceb-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcec-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcee-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcef-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcf1-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcf2-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcf4-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcf5-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcf7-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcf8-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcfa-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcfb-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdcfd-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdcfe-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd00-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd01-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd03-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd04-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd06-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd07-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd09-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd0a-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd0c-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd0d-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd0f-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd10-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd12-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd13-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd15-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd16-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd18-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd19-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd1b-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd1c-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd1e-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd1f-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd21-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd22-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd24-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd25-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd27-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd28-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd2a-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd2b-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd2d-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd2e-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd30-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd31-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd33-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd34-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd36-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd37-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd39-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd3a-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd3c-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd3d-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbdd3f-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbdd40-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbde32-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbde36-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde37-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde3b-26eeb9b1, #w-node-d93498bd-bd62-1b65-69af-132ea6dbde3d-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde3e-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde42-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde43-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde47-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde48-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde4c-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde4d-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde51-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde52-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde56-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde57-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde5b-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde5c-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde60-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde61-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde65-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde66-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde6a-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde6b-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde6e-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde6f-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde72-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde73-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde77-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde78-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde7c-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde7d-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde81-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde82-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde86-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde87-26eeb9b1 {
  justify-self: start;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde8b-26eeb9b1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d93498bd-bd62-1b65-69af-132ea6dbde8c-26eeb9b1 {
  justify-self: start;
}

#w-node-_3bc784ab-d69e-efac-d7c8-b0e198517aab-842a7a6e {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: stretch;
}

#w-node-_3bc784ab-d69e-efac-d7c8-b0e198517ac2-842a7a6e {
  align-self: start;
  justify-self: stretch;
}

#w-node-_3bc784ab-d69e-efac-d7c8-b0e198517abd-842a7a6e {
  align-self: start;
}

#w-node-_3bc784ab-d69e-efac-d7c8-b0e198517af6-842a7a6e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3bc784ab-d69e-efac-d7c8-b0e198517b08-842a7a6e {
  align-self: start;
}

#w-node-eb4aaedb-be1b-98cf-b399-a12c918c91d2-842a7a6e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-eb4aaedb-be1b-98cf-b399-a12c918c91ce-842a7a6e {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_61ce4de9-2c01-9382-221b-e33e1e50f872-842a7a6e {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9226c738-40ff-31c6-9a8e-cfc89568c748-7292abe0 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_9226c738-40ff-31c6-9a8e-cfc89568c73b-7292abe0 {
  align-self: center;
}

@media screen and (max-width: 991px) {
  #w-node-_626718fe-e4e1-9466-2105-0c5774a8437d-74a84378, #w-node-_626718fe-e4e1-9466-2105-0c5774a84388-74a84378 {
    justify-self: center;
  }

  #w-node-fcdfa63a-8b10-2627-2e21-415e28a86ad8-842a7a6e {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_2da600aa-4253-e119-b2a3-846aaf55709e-842a7a6e {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-f2028d75-25e0-f7c0-1470-f5310a0e5d2b-842a7a6e {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_3bc784ab-d69e-efac-d7c8-b0e198517aab-842a7a6e, #w-node-_3bc784ab-d69e-efac-d7c8-b0e198517af6-842a7a6e {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e560096f-1d3d-1f8e-49e2-fe5c6b1964d6-843cd200, #w-node-_6a38e852-b758-0ca6-e252-15693bb7de33-843cd200 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9226c738-40ff-31c6-9a8e-cfc89568c748-7292abe0 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_626718fe-e4e1-9466-2105-0c5774a8439c-74a84378 {
    grid-area: 4 / 1 / 5 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_626718fe-e4e1-9466-2105-0c5774a8437d-74a84378 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_4acdfa6f-7e1a-92d3-9735-2476e60face3-842a7a6e, #w-node-_89423649-f831-73c9-dd7e-565613deb18c-842a7a6e {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@font-face {
  font-family: 'Azbuka';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/63f00993ee6619ca6dd7775c_azbukapro-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Loew Heavy';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/63f009931f529145e554d814_loew-heavy-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Azbuka';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/624789ac75e835a8e4cdd094_AzbukaPro-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Azbuka';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/624789ac4bfd4e6e9365defa_AzbukaPro-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Azbuka';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/624789acfcc40b6641aeb85d_AzbukaPro-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brda';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6247898460bc821f32fa9a76_BrdaStd-ExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Brda';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6247898407fe785734cb6d16_BrdaStd-ExtraBoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c39a8d15a08b141b29_Metropolis-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c3b34ba9fb3308c744_Metropolis-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c30621a44c6eef1620_Metropolis-ExtraLightItalic.otf') format('opentype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c3a5ddb35cfd0b46e3_Metropolis-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c37c8a1cbfb1406a30_Metropolis-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c2f54e607fb421fe40_Metropolis-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c3bf4eca2c4f66ee61_Metropolis-SemiBoldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c317363cdbe0f8f8f2_Metropolis-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c3194bf0570fe7e5d8_Metropolis-ExtraBoldItalic.otf') format('opentype'), url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c259fec3d45a8e809a_Metropolis-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c20621a45f26ef161f_Metropolis-Bold.otf') format('opentype'), url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c3461b3f623a8f1221_Metropolis-ExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c3194bf02b17e7e5d9_Metropolis-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c37c8a1c01b5406a31_Metropolis-ThinItalic.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c2ad4406134a20859e_Metropolis-BlackItalic.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c355f4687103501621_Metropolis-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c3194bf02d18e7e5da_Metropolis-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Metropolis';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/6273f9c32971ae5473cf0891_Metropolis-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Decohead';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/637c56bf69054e29a913fc63_Decohead-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Decohead';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/637c56bfa3a5266d4f4b97e3_Decohead-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Decohead';
  src: url('https://assets.website-files.com/62460a32623b15ace89500f0/637c56bf8e6c814a4f4816a4_Decohead.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}