html {
  -webkit-text-size-adjust: 100%;
  -ms-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: #0000;
}

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

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

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 {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  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: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

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

.w-webflow-badge > img {
  position: unset;
  visibility: unset !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 {
  border: none;
  width: 100%;
  height: 100%;
  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 {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::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 {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  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 {
  cursor: pointer;
  width: auto;
  height: auto;
  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;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-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: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  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: #fff0 #fff #fff0 #fff0;
  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: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  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 {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

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

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

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

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

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

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

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

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

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

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

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

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

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

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

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  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 {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 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;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  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;
  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 {
  background: #ddd;
  min-width: 100%;
  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: #000000e6;
  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;
  inset: 0;
  -webkit-transform: translate(0);
}

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

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

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  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;
  max-width: none;
  height: auto;
}

.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: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  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 {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

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

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

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

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  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;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  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 #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -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;
  inset: 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: #0000;
  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 {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  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;
  background: #c8c8c8;
  min-width: 200px;
  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: #0000;
  tap-highlight-color: #0000;
  -webkit-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;
}

@font-face {
  font-family: Bebasneue;
  src: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f5c179cc2ec3e799650bf4_BebasNeue-Regular.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gravedigger 8 Boz";
  src: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f5c18baf1456494b3754d9_Gravedigger-8BOZ.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Digital 7";
  src: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f6c214a069b3d86c3684c4_digital-7.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --blue: #0375ff;
  --blue2: #1758ff;
  --blueshad: #054797;
  --white: #fff;
  --punch-blue: #0024c3;
  --silverbottom: #d7d7d7;
  --silvershad: #707070;
  --mainyellow: #ffe62b;
  --green: #09ff33;
  --aqua: #2be6ff;
  --crimside: #ff6969;
  --crimbody: #eb1f48;
  --crimtopstroke: #ff8e8e;
  --crimshadow: #cf0000;
}

.notification {
  background-image: linear-gradient(138deg, #ffea00, #e7d500 60%, #9b9301);
  border: 1px solid #8d8601;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  position: absolute;
  inset: -19% 27% 0% auto;
  box-shadow: 0 0 6px #0000006e;
}

.notification.soon {
  box-shadow: none;
  background-image: linear-gradient(#000, #fff651 13% 87%, #797300);
  border-style: none;
  height: 19px;
  padding: 0 6px;
  display: none;
  top: 10%;
  right: 21%;
}

.notification._1 {
  background-color: #fff001;
  background-image: none;
  border-style: none;
  border-color: #c5bb02;
  align-self: auto;
  width: 1.1vw;
  height: 1.1vw;
  padding-left: 0;
  padding-right: 0;
  top: .55vw;
  right: 1.4vw;
  box-shadow: .05vw .05vw 0 0 #706300, .1vw .1vw .1vw 0 #0000002b;
}

.icon-title {
  color: #f3f3f3cc;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 1vh;
  margin-bottom: 0;
  font-size: .62vw;
  font-weight: 500;
  line-height: .6vw;
}

.lang-desk {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1vh;
  display: flex;
}

.cod {
  color: #fafafaa3;
  letter-spacing: .1vw;
  text-transform: uppercase;
  cursor: default;
  margin-top: 0;
  margin-bottom: 1vw;
  font-size: .35vw;
  font-weight: 200;
  line-height: .35vw;
  transition: color .25s;
  display: flex;
}

.cod:hover {
  color: #fff;
}

.side-bottom {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.sideicon {
  filter: invert();
  border-radius: 1000px;
  width: 50%;
  margin-bottom: 0;
  padding-bottom: 0;
  transition: transform .5s;
}

.sideicon:hover {
  transform: scale(1.1);
}

.sideicon.docs {
  filter: invert();
  border-radius: 0;
  width: 40%;
}

.sideicon.help {
  object-fit: cover;
  width: 40%;
  min-width: 40%;
  margin-top: 2vh;
  margin-bottom: 3vh;
  display: block;
}

.sideicon.wireless {
  width: 40%;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.sideicon.faq {
  filter: invert();
  object-fit: fill;
  border-radius: 0;
  width: 42%;
  min-width: 42%;
  margin-bottom: 0;
  padding-left: 0;
}

.sideicon.faq.uni {
  filter: invert();
  width: 50%;
  min-width: 50%;
}

.midicons {
  color: #333c;
  border-bottom: 1px solid #f8f8f821;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.midicons._2 {
  border-bottom-style: none;
  padding-top: 0;
}

.heading-2 {
  color: #5f5f5f;
  text-align: center;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: .7vw;
  font-weight: 700;
  line-height: .7vw;
}

.flag-desk {
  opacity: 1;
  height: 1.25vw;
}

.leftsidebar {
  z-index: 99999;
  color: #111;
  background-color: #141414;
  border-right: .5px solid #f8f8f817;
  border-radius: 0;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 5.25vw;
  max-width: 5.25vw;
  height: 100%;
  padding-top: 0;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
  box-shadow: -1px 0 14px 1px #00000057;
}

.logohold {
  z-index: 999000999;
  cursor: pointer;
  border-bottom: 1px solid #f8f8f821;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  padding-top: 2.4vh;
  padding-bottom: 2.4vh;
  transition: box-shadow .5s, background-color .5s;
  display: flex;
  position: relative;
}

.logohold:hover {
  box-shadow: none;
  background-color: #31313100;
  background-image: none;
  border-radius: 0;
}

.logohold.tab {
  text-align: center;
  border-bottom-style: none;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
}

.iconholdupper {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-top: 2vh;
  padding-bottom: 2vh;
  transition: box-shadow .5s, background-color .5s;
  display: flex;
  position: relative;
}

.iconholdupper:hover {
  background-color: #0375ff;
  box-shadow: 0 0 9px 1px #054797;
}

.iconholdupper:active {
  box-shadow: none;
}

.iconholdupper.play {
  padding-top: 1.5vh;
  padding-bottom: 1.5vh;
}

.iconholdupper.play:hover {
  background-color: #0375ff;
  box-shadow: 0 0 9px 1px #6551ffb0;
}

.iconholdupper._1-5 {
  padding-top: 1.5vh;
  padding-bottom: 2vh;
}

.iconholdupper._1-5:hover {
  background-color: #0375ff;
  box-shadow: 0 0 9px 1px #054797;
}

.iconholdupper.uni {
  padding-top: 1.8vh;
}

.upperside {
  z-index: 9999;
  flex-direction: column;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
  position: relative;
}

.driver-mini-logo {
  min-width: 55%;
  max-width: 55%;
}

.slash {
  color: #fff3;
  margin: 0 .35vw;
  font-family: PT Sans, sans-serif;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 1.1vw;
}

.body {
  background-color: #0a0a0a;
  flex-flow: column;
  display: flex;
}

.heading-4 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 7px;
  font-weight: 500;
  line-height: 10px;
}

.address-2 {
  border-top: 1px #63636345;
  border-bottom: 1px #63636345;
  border-right: 1px #63636345;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: auto;
  height: 100%;
  padding: .35vw 1vw;
  display: flex;
}

.tabscontent {
  background-color: #161616e6;
  height: 100%;
  padding-top: 0;
  padding-left: .3vw;
  padding-right: .3vw;
}

.contain-it {
  display: flex;
  position: relative;
}

.mob-logo {
  display: none;
}

.nav-heading {
  opacity: 1;
  color: #fff;
  letter-spacing: .05vw;
  text-transform: uppercase;
  background-color: #0000;
  background-image: linear-gradient(360deg, #0375ff, #0024c3 86%);
  border: 2px solid #a7a7a7;
  border-color: #eee #a7a7a7 #fff;
  border-radius: 2vw;
  align-self: center;
  margin-top: .4vh;
  margin-bottom: 0;
  padding: 1vh 2vw;
  font-size: 2vh;
  font-weight: 400;
  line-height: 3vh;
  display: none;
  transform: scale(.8);
  box-shadow: 0 2px 5px #000000a3;
}

.chain {
  background-color: #919191bf;
  background-image: linear-gradient(127deg, var(--blue), var(--blue2));
  box-shadow: none;
  border-right: .5px solid #b4b4b4c7;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 4vw;
  max-width: 4vw;
  height: 1.7vw;
  min-height: 100%;
  padding: .35vw .6vw .36vw;
  font-family: Open Sans, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
  display: flex;
}

.action-buttons {
  justify-content: space-between;
  margin-top: 1vh;
  display: flex;
}

.assistant-txt {
  color: #fdfdfd;
  margin-bottom: 0;
  font-size: .7vw;
  line-height: .9vw;
}

.hover-btn-9-text-block {
  text-align: center;
  letter-spacing: .1vw;
  text-shadow: 0 1px 6px #00000091;
  justify-content: center;
  align-items: center;
  padding-left: .75vw;
  font-family: Bebasneue, sans-serif;
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 1.1vw;
  display: flex;
  position: relative;
}

.hover-btn-9-text-block.alt {
  color: #1b1b1b;
  text-shadow: none;
  padding-left: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 1.4vw;
  position: relative;
}

.hover-btn-9-text-block.docs {
  color: #080808;
  text-shadow: none;
}

.hover-btn-9-text-block.hide {
  text-shadow: 0 1px 6px #00000091;
  display: none;
}

.flash-2 {
  z-index: 2;
  filter: saturate(124%);
  justify-content: center;
  align-items: center;
  width: 30vw;
  height: auto;
  display: inline-flex;
  position: relative;
  inset: 0% auto 0% 0;
}

.flash-2.presale {
  z-index: 99;
  width: 50%;
}

.para-small {
  color: #d7d7d7;
  text-shadow: none;
  width: 100%;
  margin-top: 1vh;
  margin-bottom: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: .96vw;
  font-weight: 300;
  line-height: 1.45vw;
}

.bgvid-contain {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.assistantbox {
  z-index: 2;
  background-color: #3535359c;
  border-top: 1px solid #f8f8f821;
  border-bottom: .25vh solid #ff3434;
  border-left: 1px solid #f8f8f821;
  border-right: 1px #f8f8f821;
  border-radius: .8vw;
  width: 20vw;
  height: auto;
  padding: 1.5vh 2vh;
  display: none;
  position: absolute;
  top: 2vh;
  right: 6.5vw;
  box-shadow: 0 2px 5px #00000073;
}

.topleft {
  display: block;
}

.microtext {
  color: #fff;
  text-align: center;
  text-shadow: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .8vw;
  font-weight: 500;
  line-height: .7vw;
}

.microtext.ca {
  color: #fff;
  letter-spacing: .1px;
  text-transform: uppercase;
  text-shadow: 0 0 3px #0000007a;
  font-family: Inconsolata, monospace;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1vw;
}

.hero-content {
  flex-direction: column;
  align-items: center;
  width: 50vw;
  display: flex;
  position: relative;
  left: 5vw;
}

.icon-social-2 {
  box-shadow: none;
  object-fit: contain;
  border: 1px #000;
  border-radius: 2vw;
  width: 100%;
  height: 100%;
}

.icon-social-2.inv {
  filter: invert();
  object-fit: contain;
  width: 100%;
  box-shadow: 0 2px 5px 2px #ffffff87;
}

.icon-social-2.dex {
  filter: brightness(118%);
  align-self: center;
  margin-top: .5px;
}

.logotab {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 1.5vh;
  display: flex;
}

.bgvideo {
  z-index: 1;
  width: 103vw;
  min-width: 103vw;
  height: 102vh;
  max-height: 102vh;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 2%;
}

.bgvideo.mob {
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  display: none;
}

.action {
  color: #ff3434;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #000000bf;
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2vw;
  font-size: .7vw;
  font-weight: 700;
  line-height: 1vw;
  transition: transform .2s, text-shadow .2s;
}

.action:hover {
  color: #ff3434;
  text-shadow: 0 3px 6px #000000bd;
  transform: translate(0, -.25vh);
}

.action.close {
  color: #ff3434;
  text-shadow: 0 1px 1px #000000bf;
  margin-right: 0;
}

.action.close:hover {
  color: #ff3434;
}

.tabs {
  border: 3px solid #1758ff;
  border-color: #1758ff #0375ff;
  border-radius: 1vw;
  width: 37vw;
  min-width: 37vw;
  max-width: 37vw;
  height: auto;
  display: flex;
  overflow: hidden;
  box-shadow: .1vw .08vw 0 .1vw #054797, 2px 6px 9px 2px #000000ba;
}

.mini-logo {
  z-index: 2;
  height: 3vh;
  position: relative;
}

.mini-logo.bnb {
  z-index: 0;
  height: 4vh;
  position: absolute;
  inset: -16% -12% auto auto;
}

.defaultbutton {
  color: #fff;
  border-radius: 4px;
  width: 9vw;
  height: 2.3vw;
  margin-right: 2vw;
  transition: transform .5s, box-shadow .5s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 0 1px #0051c3, 0 2px 7px 2px #0000003b;
}

.defaultbutton:hover {
  border: 1px #000;
  transform: translate(0, -.1vw);
  box-shadow: 0 3px 0 1px #0051c3, 0 2px 7px 2px #0375ff;
}

.defaultbutton.pink {
  z-index: 9999;
  width: 11.8vw;
  transition: transform .4s, box-shadow .4s;
  display: none;
  box-shadow: 0 3px 0 1px #ac1b50, 0 2px 3px 3px #0000003b;
}

.defaultbutton.pink:hover {
  transform: scale(1.05);
  box-shadow: 0 1px 0 1px #ac1b50, 0 2px 3px 3px #0000003b;
}

.defaultbutton.pink.presale {
  align-self: center;
  width: 55%;
  height: 3.3vw;
  margin-right: 0;
  box-shadow: 0 4px 0 1px #ac1b50, 0 2px 3px 3px #0000003b;
}

.defaultbutton.pink.presale:hover {
  transform: scale(1.01);
  box-shadow: 0 3px 0 1px #ac1b50, 0 0 4px 2px #ff75b8d6, 0 2px 3px 3px #0000003b;
}

.defaultbutton.enquire {
  margin-top: 0;
  box-shadow: 0 3px 0 1px #c5a800, 0 2px 7px 2px #0000003b;
}

.defaultbutton.bp {
  z-index: 9999;
  box-shadow: 0 3px 0 1px var(--blueshad), 0 2px 3px 3px #0000003b;
  width: 11.8vw;
  margin-top: 0;
  margin-left: 1vw;
  margin-right: 0;
  transition: transform .4s, box-shadow .4s;
}

.defaultbutton.bp:hover {
  box-shadow: 0 1px 0 1px var(--blueshad), 0 2px 3px 3px #0000003b;
  transform: scale(1.05);
}

.defaultbutton.bp.hero {
  align-self: center;
  width: 11vw;
}

.defaultbutton.bp.community {
  align-self: center;
  width: 11vw;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 0 3px 0 1px #1262c3, 0 2px 3px 3px #0000003b;
}

.defaultbutton.bp.community:hover {
  box-shadow: 0 1px 0 1px #1262c3, 0 2px 3px 3px #0000003b;
}

.defaultbutton.bp.community.cn {
  width: 10vw;
}

.defaultbutton.docs {
  z-index: 9999;
  width: 14.8vw;
  margin-top: 0;
  margin-left: 1vw;
  margin-right: 0;
  transition: transform .4s, box-shadow .4s;
  box-shadow: 0 3px 0 1px #888, 0 2px 3px 3px #0000003b;
}

.defaultbutton.docs:hover {
  transform: scale(1.05);
  box-shadow: 0 1px 0 1px #888, 0 2px 3px 3px #0000003b;
}

.defaultbutton.docs.bp {
  width: 9.5vw;
}

.defaultbutton.docs.bp.docu {
  width: 10.5vw;
  margin-left: 1.5vw;
}

.defaultbutton.docs.bp.docu.cn {
  width: 7vw;
}

.defaultbutton.docs.bp.cn {
  width: 12vw;
}

.defaultbutton.foot {
  z-index: 9999;
  box-shadow: 0 .35vw 0 1px var(--blueshad), 0 2px 3px 3px #0000003b;
  border-radius: .5vw;
  width: 16.5vw;
  height: 3.9vw;
  margin: 0 0 2vw;
  transition: transform .4s, box-shadow .4s;
}

.defaultbutton.foot:hover {
  box-shadow: 0 .2vw 0 1px var(--blueshad), 0 2px 3px 3px #0000003b;
  transform: scale(1.02);
}

.defaultbutton.foot.cn {
  width: 19vw;
}

.agerating {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
  line-height: 28px;
}

.cod-call-m {
  width: 5vw;
}

.ca-hold {
  z-index: 8;
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
  width: auto;
  margin-top: 2vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.sponsors {
  z-index: 999999999;
  justify-content: center;
  width: auto;
  height: 6vw;
  display: flex;
  position: relative;
  inset: auto auto 0 0%;
}

.sponsors.prior {
  justify-content: space-around;
  align-items: stretch;
  width: 75%;
  display: flex;
}

.sponsors.sub {
  justify-content: space-around;
  width: 45%;
  margin-bottom: 0;
}

.sponsors.sub._2 {
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  margin-bottom: 0;
}

.tip-arrow {
  border: 1vw solid #0000;
  border-left-color: #35353585;
  border-right: .5vw #fff651;
  width: 1vw;
  height: 2vh;
  position: absolute;
  inset: 30% -1vw 0% auto;
}

.div-block-101-copy {
  background-color: #0375ff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-101-copy.pink {
  background-color: #fa5d97;
  box-shadow: inset 0 0 2px 2px #ffffff70;
}

.div-block-101-copy.enq {
  background-color: #ffe62b;
}

.div-block-101-copy.bp {
  background-color: var(--blue);
  box-shadow: inset 0 0 2px 2px #7daaff70;
}

.div-block-101-copy.docs {
  background-color: #dfdfdf;
  box-shadow: inset 0 0 2px 2px #ffffffcf;
}

.caholder-2 {
  background-color: #000000a1;
  border: .5px solid #b4b4b4c7;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: visible;
  box-shadow: 0 2px 4px #0000008a;
}

.caholder-2.eth {
  margin-bottom: 2vh;
  display: none;
}

.tabtexthold {
  border-right: 1px solid #636363;
  width: 100%;
  padding-top: 4vh;
  padding-bottom: 4vh;
  padding-right: 2vh;
}

.tabtexthold.hero {
  background-color: #0000;
  border-right-style: none;
  flex-flow: column;
  height: auto;
  min-height: auto;
  max-height: none;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

.hero-lower {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.button-icon {
  border-radius: 3vw;
  width: 2.6vw;
  box-shadow: 0 0 4px #fff;
}

.button-icon.main {
  width: 1.4vw;
}

.button-icon.main.transparent {
  box-shadow: none;
}

.button-icon.main.bp {
  box-shadow: none;
  filter: invert();
  object-fit: contain;
  width: auto;
  max-width: none;
  height: 100%;
  margin-top: -.15vw;
  margin-left: -1px;
  padding-top: .6vw;
  padding-bottom: .6vw;
}

.button-icon.main.docs {
  box-shadow: none;
  filter: invert();
  object-fit: contain;
  width: auto;
  max-width: none;
  height: 100%;
  margin-top: -.15vw;
  padding-top: .6vw;
  padding-bottom: .6vw;
}

.button-icon.main.bp-copy {
  box-shadow: none;
  filter: invert();
  object-fit: contain;
  border-radius: 2vw;
  width: auto;
  max-width: none;
  height: 100%;
  margin-top: 0;
  margin-left: -1px;
  padding-top: .3vw;
  padding-bottom: .3vw;
}

.button-icon.main.foot {
  box-shadow: none;
  filter: drop-shadow(0 2px #1b1b1b87);
  object-fit: cover;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: 3vw;
  margin-top: -.15vw;
  margin-left: -1px;
  padding-top: .6vw;
  padding-bottom: .6vw;
  display: inline-flex;
}

.launchpad-partner {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.buttoncontain {
  z-index: 2;
  flex-flow: column;
  justify-content: space-around;
  width: 75%;
  margin-top: 4vh;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.buttoncontain.presale {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-top: 2vw;
}

.div-block {
  background-color: #000;
  border-radius: 4px;
  margin-top: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.powered {
  color: #dfd9d9;
  text-align: center;
  letter-spacing: .25vw;
  align-self: center;
  margin-top: 0;
  margin-bottom: .3vw;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: .4vw;
  font-weight: 400;
  line-height: .4vw;
  position: relative;
  left: 1px;
}

.ratingholder {
  z-index: 99999;
  background-color: #fff;
  border-radius: 4px;
  padding: 3px;
  display: block;
  position: absolute;
  inset: auto .25vw 2vh auto;
  transform: scale(.75);
}

.ratingholder.mob {
  display: none;
}

.assistant-content {
  opacity: 1;
  display: block;
}

.assistant-content._3 {
  opacity: 1;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.assistant-content._3._4 {
  display: none;
}

.assistant-content._2 {
  opacity: 1;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.microreg {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 10px;
  font-weight: 600;
  line-height: 10px;
}

.microreg.xs {
  color: #fff;
  margin-top: 6px;
  margin-bottom: 0;
  font-size: 8px;
  line-height: 6px;
}

.div-block-101 {
  background-color: #4c97ff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-101.pink {
  background-color: #ff90b9;
}

.div-block-101.bp {
  background-color: #2889ff;
}

.div-block-101.docs {
  background-color: #ebebeb;
}

.hero-banner {
  z-index: 2;
  background-color: #14141400;
  border-bottom: 2px #054797;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-left: 5.25vw;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.social-circle-3 {
  border: 1px solid #000;
  border-radius: 2vw;
  width: 3vw;
  height: 3vw;
  margin-right: 1vw;
  transition: transform .25s;
  position: relative;
  box-shadow: 0 2px 5px #00000094;
}

.social-circle-3:hover {
  transform: scale(1.1);
}

.social-circle-3.end.hero {
  background-color: #3f7096;
  margin-right: 0;
}

.social-circle-3.x {
  background-image: linear-gradient(#000000d6, #000000d6);
  border: 1px solid #fff;
  border-radius: 2vw;
  align-self: center;
  padding: 0 .3vw;
}

.social-circle-3.x.jup {
  justify-content: center;
  align-items: center;
  padding: .25vw;
  display: flex;
}

.social-circle-3.x.screen {
  padding-top: .2vw;
  padding-bottom: .2vw;
}

.social-circle-3.x.tools {
  filter: brightness(115%);
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-circle-3.x.view {
  justify-content: center;
  align-items: center;
  padding: .1vw .2vw;
  display: none;
}

.social-circle-3.disc {
  background-image: linear-gradient(#8000af, #8000af);
  border: 1px solid #fff;
  border-radius: 2vw;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 0 .3vw;
  display: flex;
}

.social-circle-3.disc:hover {
  background-image: linear-gradient(#ac00eb, #ac00eb);
}

.social-circle-3.tik {
  background-image: linear-gradient(#000000d6, #000000d6);
  border: 1px solid #fff;
  border-radius: 2vw;
  align-self: center;
  padding: 0 .5vw;
}

.social-circle-3.yt {
  background-image: linear-gradient(#ff0000b8, #ff0000b8);
  border: 1px solid #fff;
  border-radius: 2vw;
  align-self: center;
  padding: 0 .2vw;
}

.social-circle-3.yt:hover {
  background-image: linear-gradient(red, red);
}

.social-circle-3.hero.start {
  margin-left: 0;
}

.defirating {
  background-image: linear-gradient(146deg, #0375ff, var(--punch-blue));
  border-radius: 3px;
  padding: 5px 6px;
  position: static;
  inset: auto 7% 3% auto;
}

.welcomecontent {
  background-color: #0000;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 0;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2vh 2vw;
  display: flex;
}

.bsc-logo {
  opacity: 1;
  filter: invert();
  object-fit: contain;
  height: 1.4vw;
  max-height: 30%;
  transition: opacity .5s;
}

.bsc-logo:hover {
  opacity: 1;
}

.hero2 {
  z-index: 3;
  background-color: #000;
  width: 100%;
  height: 100vh;
  display: block;
  position: relative;
  overflow: hidden;
}

.mainhead {
  color: #fff;
  letter-spacing: .12vw;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #582eff61;
  text-transform: uppercase;
  text-shadow: 0 2px 1px #000;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 2.65vw;
  font-weight: 700;
  line-height: 3vw;
  text-decoration: none;
  display: flex;
}

.mainhead.cn {
  font-family: Bebasneue, sans-serif;
}

.image-15 {
  filter: invert();
  width: .7vw;
  margin-left: 1vw;
}

.text-transition-hold {
  position: relative;
}

.drawercontain {
  z-index: 99;
  border-radius: 30px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 46vw;
  height: auto;
  margin-top: 4.5vh;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
}

.text-span-9 {
  color: #ff3434;
  text-shadow: 0 1px 1px #000000bf;
  font-weight: 700;
}

.tab-pane-tab-1 {
  box-shadow: none;
  border: 1px #fff651;
  border-color: #000 #fff651 #d4cc22;
  height: 100%;
}

.btn-text-center-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.btn-text-center-wrapper.foot {
  justify-content: space-around;
  padding-left: 1.25vw;
  padding-right: 1.25vw;
}

.part {
  opacity: 1;
  object-fit: contain;
  height: 2.4vw;
  transition: opacity .4s;
}

.part:hover {
  opacity: 1;
}

.part.inv {
  filter: contrast(200%) invert();
  object-fit: contain;
  height: 2.4vw;
}

.part.inv._5 {
  height: 2.4vw;
}

.part.old {
  height: 3.8vh;
}

.part._5 {
  height: 2.4vw;
}

.part.sol {
  height: 1.65vw;
}

.reduce-gap {
  letter-spacing: 0;
}

.part-txt {
  color: #dfd9d9;
  letter-spacing: .3vh;
  text-transform: uppercase;
  text-shadow: 0 1px 2px #000000ed;
  margin-top: 0;
  margin-bottom: 1.5vh;
  margin-left: .6vh;
  font-family: Open Sans, sans-serif;
  font-size: .7vw;
  font-weight: 600;
  line-height: 1vw;
  display: none;
}

.part-txt.show {
  display: flex;
}

.hover-btn-9-slider-wrapper {
  background-color: #0375ff;
  position: absolute;
  inset: 0%;
}

.hover-btn-9-slider-wrapper.pink {
  background-color: #fa5d97;
  box-shadow: inset 0 0 2px 2px #ffffff70;
}

.hover-btn-9-slider-wrapper.enq {
  background-color: #ffe62b;
}

.hover-btn-9-slider-wrapper.bp {
  background-color: var(--blue);
  box-shadow: inset 0 0 2px 2px #7daaff70;
}

.hover-btn-9-slider-wrapper.docs {
  background-color: #dfdfdf;
  box-shadow: inset 0 0 2px 2px #ffffffcf;
}

.rating-and-sponsors {
  justify-content: space-around;
  align-items: center;
  width: 40%;
  display: flex;
}

.sub-splash {
  z-index: 99;
  background-color: #000;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-top: 1vw;
  padding-bottom: 1vw;
  padding-left: 5.25vw;
  display: flex;
  position: relative;
}

.switch {
  background-color: #0375ff;
  border-radius: 16px;
  width: 52px;
  height: 28px;
  padding: 2px;
}

.switch:hover {
  background-color: #fff;
}

.youtube-holder {
  z-index: 7777;
  display: none;
  position: relative;
}

.bullet {
  z-index: 3;
  opacity: 1;
  mix-blend-mode: overlay;
  width: 8vw;
  position: absolute;
  inset: auto 5% 83% auto;
}

.bullet._2 {
  width: 6.5vw;
  inset: auto auto 20% 8%;
  transform: rotate(42deg);
}

.bullet._3 {
  z-index: 0;
  opacity: .53;
  mix-blend-mode: lighten;
  width: 5vw;
  inset: 24% auto auto 7%;
}

.bullet._5 {
  inset: auto auto 14% 9%;
  transform: rotate(-134deg);
}

.bullet._4 {
  bottom: 62%;
}

.bullet._4._5 {
  z-index: 1;
  opacity: .23;
  filter: hue-rotate(222deg);
  mix-blend-mode: normal;
  width: 9vw;
  inset: .9vw 3% auto auto;
  transform: none;
}

.tech-logo {
  opacity: 1;
  filter: none;
  height: 4vh;
  margin-right: 1.75vw;
  transition: opacity .5s;
}

.tech-logo:hover {
  opacity: 1;
}

.tech-logo.invert {
  opacity: 1;
  filter: invert();
  height: 4vh;
  margin-right: 1.75vw;
}

.tech-logo.invert:hover {
  opacity: 1;
}

.tech-logo.invert.end {
  opacity: 1;
  filter: brightness(27%) invert();
  margin-right: 0;
}

.tech-logo.invert.end.mac {
  filter: brightness(154%);
  transition: opacity .5s;
}

.tech-logo.os {
  margin-right: 0;
}

.powered-by-container {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 6vh;
  display: none;
}

.trailer {
  z-index: 4;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 5.5vw;
  padding-bottom: 11vw;
  padding-left: 5.25vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.gradient {
  background-color: var(--blue);
  opacity: .63;
  filter: blur(12vw);
  width: 30vw;
  height: 20vh;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.gradient._3 {
  z-index: 2;
  opacity: 1;
  filter: blur(10vw);
  background-color: #2142ffa6;
  display: flex;
  inset: 25% auto auto 4%;
}

.gradient._3._4 {
  filter: blur(7vw);
  background-color: #2142ffa6;
  width: 15vw;
  height: 35vh;
  display: flex;
  inset: auto 10% 37% auto;
}

.gradient._3._5 {
  filter: blur(9vw);
  background-color: #061775f7;
  width: 35vw;
  height: 15vh;
  inset: 0% 0% auto auto;
}

.gradient._2 {
  inset: 0% 0% auto auto;
}

.trailer-underlayer {
  z-index: -1;
  background-image: linear-gradient(59deg, #0024c3, #0375ff 89%, #0375ff);
  display: block;
  position: absolute;
  inset: 0%;
}

.trailer-hold {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.tech {
  margin-right: 5vw;
}

.tech.end {
  margin-right: 0;
}

.bottom-svg {
  z-index: 999;
  filter: brightness(0%) grayscale(0%);
  width: 100%;
  height: 3.1vh;
  position: absolute;
  inset: auto 0% -4px;
}

.bottom-svg.top {
  z-index: 88;
  margin-top: -1px;
  inset: -2px 0% auto;
  transform: rotate(180deg);
}

.bottom-svg.top._2 {
  z-index: 104;
  position: absolute;
  inset: auto 0% -.5%;
  transform: none;
}

.bottom-svg.top._2.white {
  margin-top: 0;
  position: absolute;
  bottom: -.5px;
}

.bottom-svg.top._2.white._3 {
  z-index: 99;
  filter: brightness(2%) grayscale() grayscale();
  inset: auto 0% -.25%;
}

.bottom-svg.top._2.white._3._4 {
  z-index: 2;
  opacity: 1;
  filter: brightness(0%) grayscale() grayscale();
  display: block;
  inset: auto 0% 0%;
}

.bottom-svg.top.white.blk {
  filter: brightness(0%) grayscale();
  object-fit: fill;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  position: absolute;
  inset: 0% 0% auto;
  transform: rotate(180deg);
}

.bottom-svg.top.white {
  filter: grayscale();
  display: block;
}

.bottom-svg.top.white.blk {
  filter: brightness(0%) grayscale();
  object-fit: fill;
  width: 100%;
  min-width: auto;
  max-width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: -2px;
  position: absolute;
  inset: 0% 0% auto;
  transform: rotate(180deg);
}

.trailer-bg {
  z-index: 0;
  box-sizing: border-box;
  aspect-ratio: auto;
  opacity: .3;
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f5c31a0ddcacce29e46611_stripes.svg");
  background-position: 0 0;
  background-size: 125px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.trailer-bg._2 {
  z-index: 1;
  opacity: .73;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f5c31b0ddcacce29e4662f_grunge-bg.avif");
  background-size: contain;
}

.switch__handle {
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
  transform: translate(100%);
}

.backlight-switch {
  z-index: 99;
  opacity: 0;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: absolute;
  inset: auto 1% 3vw auto;
  transform: scale(1.3);
}

.trailertrig {
  margin-top: 6vh;
  display: none;
  position: absolute;
  inset: auto 0% 4vw;
}

.trailertrig.desktop {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
  bottom: 5vw;
  left: 5%;
}

.container {
  z-index: 102;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 10vw;
  padding-right: 10vw;
  display: none;
  position: relative;
}

.mini-txt {
  color: #cecece;
  text-align: center;
  letter-spacing: .2vw;
  text-shadow: 0 1px 1px #000000ad;
  margin-top: 0;
  margin-bottom: 3vh;
  font-size: 1vw;
  font-weight: 200;
  line-height: 1vw;
}

.trailertxt {
  color: #fff;
  text-align: center;
  letter-spacing: .3vw;
  text-transform: uppercase;
  text-shadow: 0 3px 4px #00000085;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 2.5vw;
  transition: color .5s;
}

.trailertxt:hover {
  color: #d7d7d7;
}

.switch__icon {
  width: 18px;
}

.switch__label {
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 5px;
  font-family: Inconsolata, monospace;
  font-size: 8px;
  line-height: 8px;
}

.youtube-trailer {
  z-index: 4;
  background-image: none;
  border: 4px #1758ff;
  border-color: #1758ff #0375ff;
  border-radius: 1.25vw;
  height: 100%;
  display: flex;
  overflow: hidden;
  box-shadow: 0 2px 10px 6px #0000004f;
}

.trailer-header {
  z-index: 1;
  opacity: 1;
  color: #92929257;
  letter-spacing: .3vw;
  mix-blend-mode: overlay;
  align-self: center;
  margin-top: 0;
  margin-bottom: 6vh;
  font-size: .75vw;
  font-weight: 400;
  line-height: .75vw;
  transition: color .5s;
  display: none;
  position: absolute;
  inset: 0% auto 0% -10%;
  transform: rotate(-90deg);
}

.trailer-header:hover {
  color: #b8b8b8;
}

.logos-container {
  justify-content: space-around;
  display: flex;
}

.marquee-horizontal {
  z-index: 200;
  background-color: #e6e6e6;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.marquee-horizontal._2 {
  background-color: #000;
  height: 4vw;
}

.track-horizontal-alt {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.marquee-text {
  color: #fff;
  letter-spacing: .1vw;
  text-transform: uppercase;
  flex: none;
  margin-right: 8vw;
  font-family: Bebasneue, sans-serif;
  font-size: 2.3vw;
  font-weight: 700;
  line-height: 2.3vw;
}

.live {
  background-color: #00ff2a;
  border-radius: 20px;
  width: .36vw;
  height: .36vw;
  margin-right: .4vw;
}

.feature-scroll {
  z-index: 99;
  flex-flow: column;
  justify-content: center;
  align-self: flex-end;
  align-items: flex-end;
  width: 60vw;
  height: auto;
  padding-top: 2vw;
  padding-left: 2.25vw;
  padding-right: 10vw;
  display: flex;
  position: relative;
  left: 0;
}

.eta-text {
  color: #d7d7d7;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .9vw;
  font-weight: 500;
  line-height: .9vw;
}

.feature {
  z-index: 2;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 2.25vw 2.5vw 2.25vw 2.25vw;
  display: flex;
  position: relative;
}

.feats {
  background-image: radial-gradient(circle, #2e85ff, #0073ff);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 5.25vw;
  display: flex;
  position: relative;
}

.features-scroller {
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: center;
  width: 100%;
  max-height: 100%;
  margin-top: 6.5vw;
  display: flex;
  position: relative;
}

.new-button {
  background-color: #080808;
  border: 1px solid #fff;
  border-color: #fff #b8b8b8;
  border-radius: .5vw;
  justify-content: center;
  align-items: center;
  width: 9vw;
  height: 3vw;
  margin-top: 3vh;
  display: block;
  position: relative;
  box-shadow: 0 5px 5px #000000c9;
}

.heading-main {
  color: #fff;
  text-align: center;
  letter-spacing: .2vw;
  text-transform: uppercase;
  text-shadow: 0 2px #8a8a8a, 0 3px 5px #0000008a;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.9vw;
  font-weight: 900;
  line-height: 2.3vw;
}

.heading-main.features-text {
  text-align: center;
  letter-spacing: .25vw;
  text-shadow: 0 1px #8a8a8a, 0 3px 5px #0000008a;
  flex-flow: column;
  align-self: flex-end;
  width: 100%;
  font-family: Open Sans, sans-serif;
  font-size: 3vw;
  font-weight: 700;
  line-height: 4vw;
  display: block;
  position: relative;
  left: 0;
}

.heading-main.foot-menu {
  opacity: 1;
  color: #fff;
  text-align: center;
  letter-spacing: .3vw;
  text-shadow: 0 1px #8a8a8a, 0 3px 5px #000000eb;
  flex-flow: column;
  align-self: flex-end;
  width: auto;
  font-family: Bebasneue, sans-serif;
  font-size: 2.3vw;
  font-weight: 700;
  line-height: 3.3vw;
  transition: text-shadow .3s;
  display: block;
  position: relative;
  left: 0;
}

.heading-main.foot-menu:hover {
  opacity: 1;
  text-shadow: 0 1px #8b7b00, 0 3px 5px #0000008a;
}

.heading-main.foot-menu.buy {
  color: #fff;
  text-shadow: 0 2px #8a8a8a;
  align-self: center;
  font-size: 2.3vw;
  line-height: 2.3vw;
}

.text-hold {
  width: 75%;
}

.mog-jiggle {
  z-index: 9999;
  mix-blend-mode: normal;
  object-fit: fill;
  flex-flow: row;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 45%;
  margin-top: 0;
  display: flex;
  position: sticky;
  inset: 0% 49vw 0% 0%;
}

.heading-container {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 38vw;
  height: auto;
  min-height: 3vw;
  max-height: none;
  margin-bottom: 3.5vw;
  margin-left: 10vw;
  display: flex;
  position: relative;
}

.link-block {
  width: 100%;
  height: 100%;
  position: absolute;
}

.feature-img {
  filter: hue-rotate(9deg);
  object-fit: contain;
  width: 13%;
  transform: rotate(-4deg);
}

.feature-img.trophy {
  box-sizing: border-box;
  filter: none;
  mix-blend-mode: exclusion;
  width: 17%;
  position: absolute;
  inset: 0 -1.5vw auto auto;
  transform: none;
}

.feature-img.trophy.cn {
  top: -1.9vw;
}

.feature-img.def {
  filter: hue-rotate(1deg);
  width: 23%;
  position: absolute;
  inset: -.5vw -1.3vw 0% auto;
  transform: rotate(4deg);
}

.feature-img.def.cn {
  top: -1.4vw;
  right: -1.8vw;
}

.feature-img.inv {
  filter: none;
  transform: rotate(4deg);
}

.feature-img.inv.reward {
  width: 20.5%;
  position: absolute;
  inset: .55vw -.5vw 0% auto;
  transform: none;
}

.feature-img.inv.reward.cn {
  top: -.95vw;
  right: -.7vw;
}

.feature-img.main {
  box-shadow: none;
  filter: saturate(137%) brightness(114%);
  width: 22%;
  margin-top: 0;
  display: none;
  position: absolute;
  inset: 11% -3% auto auto;
  transform: rotate(7deg);
}

.feature-img.main.p2e {
  filter: brightness(110%);
  width: 28%;
  display: inline-flex;
  inset: 2vw -1.3vw auto auto;
  transform: none;
}

.feature-img.main.p2e.cn {
  top: .5vw;
  right: -1.6vw;
}

.feature-img.main.nft {
  filter: none;
  width: 28%;
  inset: 53% -3% 0% auto;
  transform: none;
}

.feature-img.main.nft.integ {
  width: 30%;
  display: none;
  inset: 15% -11% auto auto;
}

.partner-char {
  align-items: center;
  width: 100%;
  margin-top: 1.5vw;
  display: flex;
}

.stardiv {
  z-index: 3;
  opacity: .31;
  mix-blend-mode: lighten;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f5c38298247f1698537900_5e1d074873c54c8041c38c03_Sparkles.gif");
  background-position: 0 0;
  background-size: 700px;
  position: absolute;
  inset: 0%;
}

.stardiv.pass {
  z-index: -1;
  opacity: .37;
  mix-blend-mode: normal;
  background-color: #fff0;
  background-image: linear-gradient(#000000a3, #000000a3);
  width: 100%;
  height: 100%;
}

.button-tct {
  color: #fff556;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 1.5vw;
  line-height: 1.5vw;
}

.feature-date {
  background-color: #1b1b1b;
  border: 1px solid #9cc9ff;
  border-radius: 15px;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: auto;
  padding: 5px 10px;
  display: none;
  position: absolute;
  inset: -12px 0% auto auto;
}

.eta {
  background-color: #0c0c0cf2;
  border: 1px solid #fff001;
  border-color: #fff001 #ffe62b;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 2.5vw;
  padding-left: 1.2vw;
  padding-right: 1.2vw;
  display: none;
  position: absolute;
  inset: -8% 0% auto auto;
  box-shadow: 0 2px 5px #000000ed;
}

.bg {
  z-index: 3;
  background-image: none;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.para {
  color: #f5f5f5;
  text-align: left;
  text-shadow: 0 4px 3px #00000091;
  width: 35vw;
  margin-top: 3vh;
  margin-bottom: 30px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 100;
  line-height: 22px;
}

.para.feature-sub {
  color: #bebebe;
  text-transform: none;
  text-shadow: none;
  width: 76%;
  min-width: 76%;
  max-width: 76%;
  margin-top: 1.5vw;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.45vw;
}

.para.feature-sub.integ {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  font-family: Open Sans, sans-serif;
}

.para.feature-sub.base {
  width: 74%;
  min-width: 75%;
  max-width: 75%;
}

.para.feature-sub._2 {
  width: 81%;
  min-width: 81%;
  max-width: 81%;
}

.para.feature-sub.hq {
  width: 73%;
  min-width: 73%;
  max-width: 73%;
}

.notice-txt {
  color: #fff;
  text-transform: uppercase;
  align-self: stretch;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
}

.div-block-102 {
  background-color: #4c97ff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-102.enq {
  background-color: #fffea8;
}

.feautre-hold {
  z-index: 77;
  background-color: #111111e6;
  background-image: none;
  border: 4.5px solid #d7d7d7;
  border-color: #d7d7d7 #fff;
  border-radius: 1.5vw;
  justify-content: center;
  align-items: center;
  width: 38vw;
  margin-bottom: 3vw;
  padding: 0;
  display: flex;
  position: relative;
  box-shadow: .1vw .1vw 0 .15vw #707070, 0 2px 8px 2px #0000009c;
}

.feautre-hold.end {
  border-bottom-color: var(--silverbottom);
  box-shadow: .1vw .1vw 0 .15vw var(--silvershad), 0 2px 8px 2px #0000009c;
  margin-bottom: 3vw;
}

.feautre-hold.end._2 {
  margin-bottom: 7vw;
}

.green {
  color: #fff556;
}

.feature-head {
  color: #ffe62b;
  text-transform: uppercase;
  text-shadow: 0 3px 1px #0000003b;
  width: 120%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1.6vw;
  font-weight: 600;
  line-height: 1.6vw;
}

.feature-head.top {
  color: #ffe524;
  text-align: center;
  letter-spacing: 0;
  text-shadow: 0 2px 5px #00000082;
  width: 100%;
  margin-top: 1vw;
  font-size: 1.72vw;
  font-weight: 700;
  line-height: 1.72vw;
}

.feature-head.top.cn {
  clear: none;
  letter-spacing: .2vw;
  font-weight: 300;
}

.feature-head.narrow {
  width: 120%;
  font-size: 1.35vw;
  line-height: 1.35vw;
}

.feature-head.narrow._2 {
  font-size: 1.6vw;
  line-height: 1.6vw;
}

.feature-head.mob {
  font-size: 1.4vw;
  line-height: 1.4vw;
}

.enquire-head {
  color: #fff;
  letter-spacing: .1vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inconsolata, monospace;
  font-size: .9vw;
  font-weight: 700;
  line-height: 1.3vw;
}

.enquire-text {
  align-self: center;
  display: flex;
}

.headimgcontain {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 100%;
  display: flex;
  position: relative;
}

.shadows {
  z-index: 1;
  opacity: .78;
  background-image: linear-gradient(#003ae9, #0000 5% 85%, #0d193d);
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.titehead {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wb-video-styles-controller {
  object-fit: cover;
  width: 100%;
  height: 90%;
}

.mode-bg {
  width: 100%;
  position: relative;
}

.mode-bg.zomb {
  display: flex;
}

.mode-bg.chill, .mode-bg.td {
  display: none;
}

.mode-header {
  background-color: #070707;
}

.mode-main {
  width: 100%;
}

.mode-shadow {
  background-image: linear-gradient(#080808, #fff0 95%);
  height: 25vh;
  display: flex;
  position: absolute;
  inset: -1px 0% auto;
}

.underline {
  background-color: #ffe62b;
  width: 100%;
  height: .2vw;
}

.underline.chill {
  opacity: 0;
  background-color: #2be6ff;
}

.underline.td {
  opacity: 0;
  background-color: #09ff33;
}

.mode-big-head {
  color: #ffe62b;
  text-align: center;
  letter-spacing: .6vw;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #0003;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 4vw;
  font-weight: 600;
  line-height: 4vw;
  display: flex;
}

.mode-big-head.td {
  color: var(--green);
  text-shadow: 0 1px 1px #0003;
}

.mode-big-head.lounge {
  color: var(--aqua);
}

.video-hold {
  object-fit: cover;
}

.mode-descrip {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 1.5vw;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.style-control {
  display: none;
}

.mode-info-para {
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px #000;
  width: 50%;
  margin-top: 1vw;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 1.85vw;
}

.mode-info-para.wide {
  width: 62%;
}

.game-modes2 {
  z-index: 2;
  height: auto;
  padding-left: 5.25vw;
  position: relative;
}

.selector {
  justify-content: center;
  align-items: center;
  padding-top: 1vw;
  display: flex;
  position: relative;
}

.mode-title-selector {
  color: #fff;
  letter-spacing: .15vw;
  text-transform: uppercase;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: .5vw;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 1.1vw;
  text-decoration: none;
}

.mode-select-block {
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 1vw 2vw;
  display: flex;
}

.mode-video-bg {
  object-fit: cover;
}

.scroll-txt2 {
  background-color: #000;
  display: flex;
}

.marquee-text-2 {
  color: #1d1d1d;
  letter-spacing: .1vw;
  text-transform: uppercase;
  flex: none;
  margin-right: 8vw;
  font-size: 2.3vw;
  font-weight: 700;
  line-height: 2.3vw;
}

.marquee-text-2._2 {
  color: #fff;
  font-family: Bebasneue, sans-serif;
}

.caution {
  color: #ffe62b;
}

.card-head {
  opacity: 1;
  filter: grayscale();
  color: #444;
  letter-spacing: .29vw;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  transform-style: preserve-3d;
  background-clip: border-box;
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1.5vw;
  font-family: "Gravedigger 8 Boz", sans-serif;
  font-size: 1.75vw;
  font-weight: 400;
  line-height: 1.7vw;
  display: flex;
  transform: translate3d(0, 0, 16px)perspective(532px);
}

.card-head.black {
  filter: none;
  color: #55ff7d;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
}

.card-head.light {
  filter: none;
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-image: none;
  background-clip: border-box;
  font-size: 1.79vw;
  line-height: 1.78vw;
}

.card-head.dark {
  color: #292929;
}

.glass-underlayer1 {
  z-index: 10;
  opacity: .48;
  mix-blend-mode: normal;
  background-image: linear-gradient(113deg, #0000, #66666670 37%, #ffffff8a 49%, #fff0);
  border-right: .12vw #000;
  border-radius: 2.4vw;
  width: 130%;
  height: 105%;
  display: flex;
  position: relative;
  inset: 0%;
}

.glass-underlayer1.outlie {
  z-index: -44;
  background-image: none;
  border-right-style: solid;
  border-right-color: #969300;
  border-radius: 0;
  width: auto;
  height: auto;
  position: absolute;
}

.tab-contain {
  justify-content: flex-end;
  align-items: center;
  height: 13vw;
  margin-top: 6.5vw;
  display: flex;
  position: relative;
  top: -.1vw;
}

.ranked-stats-holder {
  background-color: #000000a3;
  border: .15vw solid #d6d6d6;
  border-color: #d6d6d6 #fff;
  border-radius: 2.2vw;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 4vw;
  height: 70%;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  box-shadow: -.08vw .03vw #888, inset 0 0 .15vw .1vw #d1d1d163, -.1vw 0 .3vw #0000008f, 3vw 2px 0 6vw #fffb0e;
}

.ranked-stats-holder.blue {
  box-shadow: -.08vw .03vw #888, inset 0 0 .15vw .1vw #d1d1d163, -.1vw 0 .3vw #0000008f, 3vw 2px 0 6vw #1ecbe1;
}

.ranked-stats-holder.emerald {
  box-shadow: -.08vw .03vw #888, inset 0 0 .15vw .1vw #d1d1d163, -.1vw 0 .3vw #0000008f, 3vw 2px 0 6vw #1ff165;
}

.ranked-stats-holder.black {
  box-shadow: -.08vw .03vw #888, inset 0 0 .15vw .1vw #d1d1d163, -.1vw 0 .3vw #0000008f, 3vw 2px 0 6vw #111;
}

.ranked-stats-holder.plat {
  box-shadow: -.08vw .03vw #888, inset 0 0 .15vw .1vw #d1d1d163, -.1vw 0 .3vw #0000008f, 3vw 2px 0 6vw #e5e4e2;
}

.ranked-stats-holder.lime {
  box-shadow: -.08vw .03vw #888, inset 0 0 .15vw .1vw #d1d1d163, -.1vw 0 .3vw #0000008f, 3vw 2px 0 6vw #aaff21;
}

.ranked-stats-holder.orange {
  box-shadow: -.08vw .03vw #888, inset 0 0 .15vw .1vw #d1d1d163, -.1vw 0 .3vw #0000008f, 3vw 2px 0 6vw #eb1f48;
}

.ranked-stats-holder.purp {
  box-shadow: -.08vw .03vw #888, inset 0 0 .15vw .1vw #d1d1d163, -.1vw 0 .3vw #0000008f, 3vw 2px 0 6vw #ba30ff;
}

.ranked-stats-holder.crimson {
  box-shadow: -.08vw .03vw #888, inset 0 0 .15vw .1vw #d1d1d163, -.1vw 0 .3vw #0000008f, 3vw 2px 0 6vw #ff0425;
}

.card-stats-text {
  color: #cad509;
  letter-spacing: .05vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: loos-compressed, sans-serif;
  font-size: .9vw;
  font-weight: 500;
  line-height: .9vw;
}

.card-stats-text.orange {
  color: #eee;
}

.card-stats-text.lime {
  color: #41ff60;
}

.card-stats-text.silver {
  color: #ebebeb;
  font-weight: 500;
}

.card-stats-text.emerald {
  color: #64ff98;
}

.card-stats-text.coral {
  color: #53d4ff;
}

.card-stats-text.crimson {
  color: #f44;
}

.card-stats-text.black {
  color: #020202;
}

.card-stats-text._2 {
  color: #080808;
}

.card-stats-text._2.mid {
  color: #fff;
}

.card-stats-text._2.white {
  color: #f1f1f1;
}

.card-stats-text.purp {
  color: #d970ff;
}

.enq-linq {
  text-decoration: none;
}

.game-id-txt {
  z-index: 4;
  color: #fff;
  letter-spacing: .08vw;
  text-transform: uppercase;
  margin-top: .25vw;
  margin-bottom: 0;
  font-family: loos-compressed, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1vw;
  position: relative;
}

.bp-switcher {
  z-index: 99;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 74.75vw;
  margin-top: 2.5vw;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.reward-gui {
  opacity: 1;
  color: #ffe62b;
  letter-spacing: .15vw;
  text-transform: uppercase;
  text-shadow: -1px 1px 1px #0003;
  margin-top: .5vw;
  margin-bottom: 0;
  font-family: loos-compressed, sans-serif;
  font-size: 1vw;
  font-weight: 500;
  line-height: 1vw;
}

.reward-gui.orange {
  color: var(--crimside);
}

.reward-gui.lime {
  color: #92ff0e;
}

.reward-gui.emerald {
  color: #48e07b;
}

.reward-gui.crimson {
  color: #ff3c63;
}

.reward-gui.plat {
  color: #fcfcfc;
}

.reward-gui.coral {
  color: #6fefff;
}

.reward-gui.black {
  color: #1ff165;
}

.reward-gui.purp {
  color: #d582ff;
}

.class-hold {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-right: 3.5vw;
  display: flex;
}

.class-hold.fin {
  margin-right: 0;
}

.class-hold.end {
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: none;
}

.qr {
  filter: brightness(30%);
  object-fit: contain;
  width: auto;
  height: 90%;
  position: relative;
  inset: 0% auto 0% 1.2vw;
}

.qr.light {
  filter: brightness(122%) grayscale();
}

.qr.dark {
  filter: brightness(15%);
}

.qr.black {
  filter: grayscale() brightness(103%);
}

.qr.mob {
  display: none;
}

.bottom-card-dial {
  z-index: 9999;
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #0000;
  border-top-left-radius: 0;
  border-top-right-radius: .5vw;
  border-bottom-right-radius: .5vw;
  width: 100%;
  height: 17vw;
  display: flex;
  position: absolute;
  inset: auto 0% 2px;
}

.slide-out-tab {
  z-index: 66;
  perspective: none;
  border-radius: 2vw;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% .15vw;
}

.slide-out-tab.bottom {
  z-index: -12;
  background-image: linear-gradient(125deg, #222, #131313);
  border-style: solid solid solid none;
  border-color: #ffe62b #fffb0e #ffe62b #41ff60;
  border-top-width: .12vw;
  border-bottom-width: .12vw;
  border-right-width: .12vw;
  display: block;
  left: 0;
  overflow: hidden;
}

.slide-out-tab.bottom.crimson {
  border-top-color: #cf0000;
  border-bottom-color: #cf0000;
  border-right-color: #eb1f48;
  left: 0;
}

.slide-out-tab.bottom.lime {
  border-top-color: #16ca02;
  border-bottom-color: #16ca02;
  border-right-color: #41ff60;
  left: 0;
}

.slide-out-tab.bottom.emerald {
  border-color: #64ff98 #9fffa2;
  border-left-width: 1px;
  left: 0;
}

.slide-out-tab.bottom.emerald.emi {
  left: 0;
}

.slide-out-tab.bottom.purp {
  border-top-color: #ba30ff;
  border-bottom-color: #ba30ff;
  border-right-color: #af0eff;
  left: 0;
}

.slide-out-tab.bottom.purp.pur {
  left: 0;
}

.slide-out-tab.bottom.orange {
  border-color: #ffcc32 #ffc532 #ffcc32 #0000;
  left: 0;
}

.slide-out-tab.bottom.orange.ora {
  border-top-color: var(--crimside);
  border-right-style: solid;
  border-right-color: var(--crimbody);
  border-bottom-color: var(--crimside);
  left: 0;
}

.slide-out-tab.bottom.black {
  border-top-color: #7e7e7e;
  border-bottom-color: #7e7e7e;
  border-right-color: #5f5f5f;
  left: 0;
}

.slide-out-tab.bottom.coral {
  border-top-color: #1ecbe1;
  border-bottom-color: #1ecbe1;
  border-right-color: #6fefff;
  left: 0;
}

.slide-out-tab.bottom.plat2 {
  border-top-color: #c2c2c2;
  border-bottom-color: #c2c2c2;
  border-right-color: #e5e4e2;
  left: 0;
}

.slide-out-tab.bottom.gold {
  left: .15vw;
}

.gradient-holo {
  background-image: linear-gradient(120deg, #0000 29%, #1fe7ffb3 42%, #ff00e7b3 53%, #0000 65% 82%);
  width: 200%;
  margin-left: -438px;
  position: absolute;
  inset: 0%;
}

.gradient-holo.mbm-color-dodge {
  z-index: 0;
  opacity: .48;
  filter: blur(15px);
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(122deg, #0000 18%, #1fe7ffb3 46%, #ff2eebb3 56%, #0000 81% 98%);
  width: 120%;
  height: 120%;
  margin-top: -1%;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: auto 0% -15% -115%;
  overflow: visible;
  transform: none;
}

.card-indent1 {
  background-color: #fffb0e;
  border-left: .12vw solid #fff;
  border-right: .1vw solid #fff;
  justify-content: flex-start;
  align-items: center;
  width: 20vw;
  height: 100%;
  display: flex;
}

.card-indent1.plat {
  background-color: #e5e4e2;
}

.card-indent1.black {
  background-color: #111;
  border-left-color: #5f5f5f;
}

.card-indent1.crimson {
  background-color: #ff0425;
  border-left-color: #ff6969;
}

.card-indent1.orange {
  border-right-style: none;
  border-right-color: var(--crimside);
  border-left-color: var(--crimside);
  background-color: var(--crimbody);
}

.card-indent1.emerald {
  background-color: #1ff165;
  border-left-color: #a5ffa8;
  border-right-style: none;
}

.card-indent1.blue {
  background-color: #1ecbe1;
  border-left-color: #a4f5ff;
  border-right-style: none;
}

.card-indent1.under {
  border-left-style: none;
  border-right-style: none;
  border-left-color: var(--crimside);
  background-color: #fffb0e00;
}

.card-indent1.under.purple2 {
  border-left-color: #da76ff;
}

.card-indent1.purp {
  background-color: #ba30ff;
  border-left-color: #da76ff;
  border-right-style: none;
}

.card-indent1.lime {
  background-color: #aaff21;
}

.police-tape-containerx {
  z-index: -6;
  filter: brightness(103%);
  color: #000;
  mix-blend-mode: normal;
  object-fit: cover;
  flex: 1;
  align-self: flex-start;
  width: 100vw;
  min-width: 100vw;
  max-width: 100vw;
  height: 100%;
  min-height: 100%;
  display: block;
  position: absolute;
  inset: auto auto 0% 14%;
  transform: scale(1.9);
}

.police-tape-containerx.mob {
  display: none;
}

.window-tri {
  z-index: 9;
  opacity: 1;
  background-color: #0000;
  border-radius: 20vw;
  width: 12vw;
  height: 12vw;
  padding: 1.5vw;
  position: absolute;
  transform: rotate(0);
  box-shadow: 0 -5vw 0 5vw #fffb0e;
}

.window-tri.crim {
  box-shadow: 0 -5vw 0 5vw #ff0425;
}

.window-tri.lime {
  box-shadow: 0 -5vw 0 5vw #aaff21;
}

.window-tri.plat {
  box-shadow: 0 -5vw 0 5vw #e5e4e2;
}

.window-tri.black {
  box-shadow: 0 -5vw 0 5vw #111;
}

.window-tri.emerald {
  box-shadow: 0 -5vw 0 5vw #1ff165;
}

.window-tri.blue {
  box-shadow: 0 -5vw 0 5vw #1ecbe1;
}

.window-tri.orange {
  box-shadow: 0 -5vw 0 5vw #eb1f48;
}

.window-tri.purp {
  box-shadow: 0 -5vw 0 5vw #ba30ff;
}

.window-tri2 {
  background-color: #0000;
  border-radius: 20vw;
  width: 12vw;
  height: 12vw;
  position: absolute;
  transform: rotate(0);
  box-shadow: 0 5vw 0 5vw #fffb0e;
}

.window-tri2.black {
  box-shadow: 0 5vw 0 5vw #111;
}

.window-tri2.emerald {
  box-shadow: 0 5vw 0 5vw #1ff165;
}

.window-tri2.lime {
  box-shadow: 0 5vw 0 5vw #aaff21;
}

.window-tri2.orange {
  box-shadow: 0 5vw 0 5vw #eb1f48;
}

.window-tri2.purp {
  box-shadow: 0 5vw 0 5vw #ba30ff;
}

.window-tri2.crim {
  box-shadow: 0 5vw 0 5vw #ff0425;
}

.window-tri2.plat {
  box-shadow: 0 5vw 0 5vw #e5e4e2;
}

.window-tri2.blue {
  box-shadow: 0 5vw 0 5vw #1ecbe1;
}

.card-tier {
  background-image: linear-gradient(135deg, #0f0f0fcf, #444444c2);
  border-left: 1px #a3960029;
  border-radius: .35vw;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: .25vw .35vw;
  display: flex;
  position: relative;
  box-shadow: 0 -.05vw #85858540, -.1vw 0 #85858540;
}

.card-tier.mid {
  background-image: linear-gradient(135deg, #1feb6a, #4cf5a0);
  flex: 0 auto;
  margin-left: .3vw;
}

.card-tier.mid.black {
  background-image: linear-gradient(135deg, #e8ffe7, #cacaca);
}

.card-tier.mid.silver {
  background-image: linear-gradient(135deg, #ff0004, #ff5f62);
}

.card-tier.mid.crimson2 {
  background-image: linear-gradient(135deg, #fbff22, #ffe62b);
}

.card-tier.mid.emerald {
  background-image: linear-gradient(135deg, #e646d7, #f38eea);
}

.card-tier.mid.lime {
  background-image: linear-gradient(135deg, #fff, #d6d6d6);
}

.card-tier.mid.coral {
  background-image: linear-gradient(135deg, #e1341e, #fc8130);
}

.card-tier.black {
  background-image: linear-gradient(135deg, #00e40fcf, #54ff70fc);
}

.card-tier.crimson {
  background-image: linear-gradient(135deg, #0f0f0fe0, #444444de);
}

.cod-indent {
  color: #3333338f;
  text-align: center;
  letter-spacing: .25vw;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ffffff3b;
  text-shadow: .1vw 0 #ffffff52;
  white-space: normal;
  overflow-wrap: normal;
  width: 13vw;
  min-width: 13vw;
  margin-top: 0;
  margin-bottom: .2vw;
  margin-left: .1vw;
  font-family: Bebasneue, sans-serif;
  font-size: 1.4vw;
  line-height: 1.4vw;
  transform: rotate(-90deg);
}

.cod-indent.crimson {
  color: #ffffffad;
  text-shadow: .1vw 0 #b00;
  font-weight: 400;
}

.cod-indent.blue {
  color: #333333c2;
  text-shadow: .1vw 0 #ffffff8f;
}

.cod-indent.metal {
  color: #5f5f5fde;
  text-shadow: none;
  margin-left: .4vw;
  font-weight: 700;
}

.cod-indent.purp {
  color: #ffffff7d;
  text-shadow: .1vw 0 #ba30ff;
  font-weight: 400;
}

.main-bp-head {
  color: var(--white);
  text-align: center;
  letter-spacing: .3vw;
  text-transform: uppercase;
  text-shadow: 0 1px #5c4e00, 0 .2vw .5vw #000000d6;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.5vw;
  font-family: Open Sans, sans-serif;
  font-size: 1.9vw;
  font-weight: 800;
  line-height: 2.8vw;
  display: flex;
}

.main-bp-head.bp2 {
  padding-top: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 2.75vw;
  line-height: 3.5vw;
}

.colour-hold {
  display: flex;
}

.lib-title {
  color: #fafafa;
  margin-top: 0;
  margin-bottom: 1vw;
  font-family: Open Sans, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1vw;
}

.lib-title.sub {
  color: #fcfcfc;
  text-align: center;
  margin-top: 1vw;
  margin-bottom: 0;
  font-size: .9vw;
  font-weight: 400;
  line-height: 1.1vw;
}

.star-bg2 {
  z-index: -1;
  opacity: .71;
  mix-blend-mode: color-dodge;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bp-para {
  color: #d3d3d3;
  text-align: center;
  width: 60%;
  margin-top: 1vw;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 1.5vw;
}

.bp-para.narrow {
  color: #b3b3b3;
  width: 100%;
  margin-top: 1.5vw;
  padding-left: 2vw;
  padding-right: 2vw;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.5vw;
}

.stat-icon-mini {
  filter: invert(46%);
  height: .9vw;
}

.mini-stat-contain {
  width: 100%;
  margin-top: .5vw;
}

.boost-hold {
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.class-head {
  color: #d6d6d6;
  text-align: center;
  letter-spacing: .1vw;
  text-transform: uppercase;
  align-self: center;
  margin-top: 0;
  margin-bottom: 1vw;
  font-family: Open Sans, sans-serif;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 1.1vw;
}

.indent-circ {
  border-top: .12vw #a7a7a7;
  border-bottom: .12vw #a7a7a7;
  border-left: .1vw #fff;
  border-radius: 2vw 0 0 2vw;
  width: 3vw;
  height: 100%;
  position: relative;
  left: -1vw;
  box-shadow: -2vw 0 0 11px #fffb0e;
}

.indent-circ.lime {
  box-shadow: -2vw 0 0 11px #9bff21;
}

.indent-circ.emerald {
  box-shadow: -2vw 0 0 11px #1ff165;
}

.indent-circ.orange {
  box-shadow: -1.5vw 0 0 1vw #eb1f48;
}

.indent-circ.blue {
  box-shadow: -2vw 0 0 11px #1ecbe1;
}

.indent-circ.plat2 {
  box-shadow: -2vw 0 0 11px #e5e4e2;
}

.indent-circ.purp {
  box-shadow: -2vw 0 0 .7vw #ba30ff;
}

.indent-circ._2 {
  z-index: 5;
  opacity: 1;
  mix-blend-mode: normal;
  border-top-left-radius: 2.01vw;
  border-bottom-left-radius: 2.01vw;
  width: 3.2vw;
  height: 103%;
  top: -1.8%;
  left: -1vw;
  box-shadow: -2vw 0 0 .8vw #fffb0e;
}

.indent-circ._2.lime {
  box-shadow: -2vw 0 0 .8vw #aaff21;
}

.indent-circ._2.emerald2 {
  box-shadow: -2vw 0 0 .8vw #1ff165;
}

.indent-circ._2.plat {
  box-shadow: -2vw 0 0 .8vw #e5e4e2;
}

.indent-circ._2.black {
  box-shadow: -2vw 0 0 .8vw #111;
}

.indent-circ._2.purp {
  box-shadow: -2vw 0 0 .7vw #ba30ff;
}

.indent-circ._2.orane {
  box-shadow: -2vw 0 0 .8vw #eb1f48;
}

.indent-circ._2.blue2 {
  box-shadow: -2vw 0 0 .8vw #1ecbe1;
}

.indent-circ._2.crim {
  box-shadow: -2vw 0 0 .8vw #ff0425;
}

.indent-circ.black {
  box-shadow: -2vw 0 0 11px #111;
}

.indent-circ.crim {
  box-shadow: -2vw 0 0 11px #ff0425;
}

.type-test {
  color: #737373;
  text-align: center;
  letter-spacing: .1vw;
  text-transform: uppercase;
  text-shadow: -1px 1px 1px #000000b0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: loos-compressed, sans-serif;
  font-size: .7vw;
  font-weight: 200;
  line-height: .75vw;
  display: flex;
}

.type-test.head {
  color: #fff;
  text-shadow: -1px 1px 1px #000000b0;
}

.type-test.head.purp {
  color: #e281ff;
}

.type-test.head.emerald {
  color: #39ff7b;
}

.type-test.head.lime {
  color: #41ff60;
}

.type-test.head.coral {
  filter: saturate(200%);
  color: #a2e2ff;
}

.type-test.head.orange {
  color: var(--crimside);
}

.type-test.head.crimson {
  z-index: 999;
  filter: brightness(118%) saturate(200%);
  color: #ff5b5b;
  position: relative;
}

.type-test.stat {
  color: #c4c4c4;
  font-weight: 200;
  line-height: 1vw;
}

.type-test.title {
  color: #e6e6e6;
  justify-content: center;
  align-items: center;
  margin-bottom: .25vw;
  line-height: .7vw;
}

.type-test.title.top {
  margin-bottom: .15vw;
}

.boost-rate {
  color: #fff;
  letter-spacing: .15vw;
  text-shadow: -1px 1px 1px #0003, 0 0 .65vw #f7f4c3bf;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 4.5vw;
  min-width: 4.5vw;
  max-width: 4.5vw;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .1vw;
  font-family: "Digital 7", sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 3vw;
  display: inline-flex;
}

.mid-curl {
  border-top: .12vw solid #fff;
  width: 8.15vw;
}

.percent-span {
  color: #fff;
  letter-spacing: .15vw;
  text-shadow: -1px 1px 1px #00000038, 0 0 .65vw #f7f4c3bf;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Digital 7", sans-serif;
  font-size: 3vw;
  font-weight: 400;
  line-height: 3vw;
  display: inline-flex;
}

.boost-data-holder {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.bracket-curl {
  margin-bottom: 1vw;
  display: none;
}

.bracket-curl.hide {
  opacity: 0;
}

.top-card {
  background-color: #fffb0e;
  border: .12vw solid #fff;
  border-bottom: .1vw solid #a7a7a7;
  border-top-left-radius: 2vw;
  border-top-right-radius: 2vw;
  border-bottom-right-radius: 1vw;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  height: 6.5vw;
  padding-top: .5vw;
  line-height: 205px;
  display: flex;
  box-shadow: 0 -.2vw 0 0 #969300, -.2vw .2vw 0 .2vw #969300, .1vw .2vw 0 .1vw #969300;
}

.top-card.purp {
  background-color: #ba30ff;
  border-color: #d560ff #da76ff;
  display: flex;
  overflow: visible;
  box-shadow: 0 -.2vw 0 0 #7a00a7, -.2vw .2vw 0 .2vw #7a00a7, .1vw .2vw 0 .1vw #7a00a7;
}

.top-card.orange {
  border-color: var(--crimtopstroke) var(--crimside);
  background-color: var(--crimbody);
  box-shadow: 0vw -.2vw 0 0vw var(--crimshadow), -.2vw .2vw 0 .2vw var(--crimshadow), .1vw .2vw 0 .1vw var(--crimshadow);
}

.top-card.plat {
  perspective: none;
  background-color: #e5e4e2;
  box-shadow: 0 -.2vw 0 0 #c2c2c2, -.2vw .2vw 0 .2vw #c2c2c2, .1vw .2vw 0 .1vw #c2c2c2;
}

.top-card.lime {
  background-color: #aaff21;
  box-shadow: 0 -.2vw 0 0 #60b900, -.2vw .2vw 0 .2vw #60b900, .1vw .2vw 0 .1vw #60b900;
}

.top-card.black {
  background-color: #111;
  border-top-color: #7e7e7e;
  border-left-color: #5f5f5f;
  border-right-color: #5f5f5f;
  box-shadow: 0 -.2vw 0 0 #242424, -.2vw .2vw 0 .2vw #242424, .1vw .2vw 0 .1vw #242424;
}

.top-card.blue {
  background-color: #1ecbe1;
  border-color: #6fefff #a4f5ff;
  box-shadow: 0 -.2vw 0 0 #0092a5, -.2vw .2vw 0 .2vw #0092a5, .1vw .2vw 0 .1vw #0092a5;
}

.top-card.crimson {
  background-color: #ff0425;
  border-color: #ff8e8e #ff6969;
  box-shadow: 0 -.2vw 0 0 #9c0000, -.2vw .2vw 0 .2vw #9c0000, .1vw .2vw 0 .1vw #9c0000;
}

.top-card.emerald {
  background-color: #1ff165;
  border-color: #9fffa2 #a5ffa8;
  box-shadow: 0 -.2vw 0 0 #007a29, -.2vw .2vw 0 .2vw #007a29, .1vw .2vw 0 .1vw #007a29;
}

.window-frame-top {
  z-index: 13;
  opacity: 1;
  background-color: #0000;
  border: .15vw solid #a7a7a700;
  border-color: #a7a7a700 #fff;
  border-radius: 20vw;
  width: 12vw;
  height: 12vw;
  padding: 1.5vw;
  position: absolute;
  transform: rotate(0);
}

.window-frame-top.black {
  border-left-color: #41ff60;
  border-right-color: #41ff60;
}

.window-frame-top.glow {
  filter: blur(.25vw);
  border-top-style: solid;
}

.window-frame-top.glow.blk {
  border-left-color: #1ff165;
  border-right-color: #1ff165;
}

.window-container {
  z-index: -2;
  width: 13.5vw;
  height: 100%;
  position: relative;
}

.lib-head {
  color: #fff;
  text-align: center;
  letter-spacing: .1vw;
  text-transform: uppercase;
  align-self: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1vw;
  padding-left: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1.4vw;
}

.game-supp-container {
  border-right: .1vw #fff;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.type-1 {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  padding-top: 1.2vw;
  padding-bottom: 1.2vw;
  display: flex;
  position: relative;
}

.card-main {
  z-index: 2;
  flex-flow: column;
  width: 23vw;
  height: auto;
  display: block;
  position: relative;
}

.game-id {
  z-index: 4;
  color: #fdfdfd;
  letter-spacing: .05vw;
  margin-top: 0;
  margin-bottom: 0;
  font-family: loos-compressed, sans-serif;
  font-size: .7vw;
  font-weight: 200;
  line-height: .7vw;
  position: relative;
}

.card-stats {
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: static;
  top: .5vw;
}

.rank-span {
  color: #f0f0f0;
  font-weight: 500;
}

.rank-span.white {
  text-shadow: 0 0 1px #00000040;
}

.battle-pass {
  box-sizing: border-box;
  background-color: #2b2b2b00;
  background-image: linear-gradient(166deg, #0f0f0f, var(--punch-blue));
  opacity: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 8vw;
  padding-left: 5.25vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bg-bp {
  z-index: 1;
  opacity: 1;
  filter: invert();
  mix-blend-mode: overlay;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f5c31b0ddcacce29e4662f_grunge-bg.avif");
  background-position: 50% 100%;
  background-size: contain;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
  transform: rotate(180deg);
}

.bg-bp._2 {
  z-index: 1;
  opacity: .16;
  filter: grayscale();
  mix-blend-mode: normal;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66fb3c3b0e6f10cec4efdd97_camo4.svg");
  background-size: cover;
  display: flex;
  position: fixed;
  transform: rotate(180deg);
}

.glass-window {
  border-bottom: .12vw solid #fff;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 15.5vw;
  height: 100%;
  display: flex;
  position: relative;
  left: -.05vw;
  overflow: hidden;
}

.glass-window.gui {
  border-bottom-style: none;
  overflow: visible;
}

.glass-window.gui.black {
  border-bottom-color: #7e7e7e;
}

.glass-window.gui.crim {
  border-bottom-color: #ff8e8e;
}

.glass-window.gui.purp {
  border-bottom-color: #d560ff;
}

.glass-window.black {
  border-bottom-color: #7e7e7e;
}

.glass-window.coral {
  border-bottom-color: #6fefff;
}

.glass-window.emi {
  border-bottom-color: #9fffa2;
}

.glass-window.redd {
  border-bottom-color: #ff8e8e;
}

.glass-window.purp {
  border-bottom-color: #d560ff;
}

.glass-window.crimso {
  border-bottom-color: var(--crimtopstroke);
}

.bp-thumb {
  background-color: #aaff21;
  border: .12vw solid #d6d6d6;
  border-color: #d6d6d6 #ccc;
  border-radius: 50%;
  width: 2.25vw;
  height: 2.25vw;
  margin-right: 1.25vw;
  transition: border-color .5s, transform .5s, box-shadow .5s;
  box-shadow: inset 0 0 5px #4b4b4bc2, 0 0 0 .2vw #555555e3;
}

.bp-thumb:hover {
  border-color: #eee #fff;
  transform: scale(1.06);
  box-shadow: inset 0 0 5px #4b4b4bc2, 0 0 0 .2vw #666666e3;
}

.bp-thumb:active {
  background-color: #b5ff3e;
  box-shadow: inset 0 0 5px #8a8a8ae6, 0 0 0 .25vw #414141e3;
}

.bp-thumb.coral {
  background-color: #1ecbe1;
}

.bp-thumb.blk {
  background-color: #af0eff;
}

.bp-thumb.blk.end {
  background-color: #111;
  margin-right: 0;
}

.bp-thumb.red {
  background-color: #ff0425;
}

.bp-thumb.red.end {
  margin-right: 0;
}

.bp-thumb.puep {
  background-color: #af0eff;
}

.bp-thumb.puep.end {
  margin-right: 0;
}

.bp-thumb.gold {
  background-color: #fffb0e;
}

.bp-thumb.emer {
  background-color: #af0eff;
}

.bp-thumb.emer.end {
  background-color: #1ff165;
  margin-right: 0;
}

.bp-thumb.ivory {
  background-color: #e5e4e2;
}

.bp-thumb.crimson {
  background-color: #b00;
}

.shine-hold {
  z-index: 87;
  opacity: 1;
  mix-blend-mode: color-dodge;
  border-radius: 2vw;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.bp-header {
  z-index: 5;
  border-style: solid;
  border-width: .45vw;
  border-color: #1758ff var(--blue) var(--blue2) #0375ff;
  box-shadow: .15vw .15vw 0 .15vw var(--blueshad), 0 4px 9px 0 #000000c2;
  background-color: #161616;
  border-radius: 2vw;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding-top: 2vw;
  padding-bottom: 2vw;
  display: flex;
  position: relative;
}

.bp-grad {
  z-index: 1;
  opacity: 1;
  filter: blur(12vw);
  background-color: #0375ff;
  width: 20vw;
  height: 15vw;
  position: absolute;
  inset: 0% auto auto 0%;
}

.bp-grad._2 {
  inset: 33% 21% auto auto;
}

.bp-grad._2._4 {
  opacity: .73;
  inset: 0% 0% auto auto;
}

.bp-grad._2._3 {
  inset: auto auto 15% 5%;
}

.battle-pass-contain {
  z-index: 9;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 50%;
  height: 36.6vw;
  min-height: 36.6vw;
  margin-top: 0;
  display: flex;
  position: relative;
}

.game-hold {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.bp-subhead {
  color: var(--mainyellow);
  text-align: center;
  letter-spacing: .2vw;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #000000a8;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1.45vw;
  font-weight: 600;
  line-height: 1.45vw;
}

.bp-subhead.cn {
  margin-top: .5vw;
  font-size: 1.85vw;
  font-weight: 300;
  line-height: 1.85vw;
}

.bottom-right {
  opacity: 1;
  background-color: #0000;
  border-bottom: .12vw solid #fff;
  border-right: .12vw solid #fff;
  border-top-right-radius: 1vw;
  border-bottom-right-radius: 2vw;
  width: 8.08vw;
  height: 100%;
  position: relative;
  left: -.08vw;
  box-shadow: .1vw -.2vw 0 .1vw #969300;
}

.bottom-right.purp {
  border-bottom-color: #d560ff;
  border-right-color: #da76ff;
  box-shadow: .1vw -.2vw 0 .1vw #7a00a7;
}

.bottom-right.crim {
  border-bottom-color: #ff8e8e;
  border-right-color: #ff6969;
  box-shadow: .1vw -.2vw 0 .1vw #9c0000;
}

.bottom-right.blue {
  border-bottom-color: #6fefff;
  border-right-color: #a4f5ff;
  box-shadow: .1vw -.2vw 0 .1vw #0092a5;
}

.bottom-right.lime {
  box-shadow: .1vw -.2vw 0 .1vw #60b900;
}

.bottom-right.under {
  z-index: -1;
  perspective: 1200px;
  background-color: #0000;
  border-bottom-style: none;
  border-right-style: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
  inset: auto 0% 0% auto;
  overflow: hidden;
}

.bottom-right.under.orange {
  box-shadow: .1vw -.2vw 0 .1vw #b86f10;
}

.bottom-right.under.plat2 {
  box-shadow: .1vw -.2vw 0 .1vw #c2c2c2;
}

.bottom-right.under.purp {
  border-right-color: #da76ff;
}

.bottom-right.under.blk2 {
  box-shadow: .1vw -.2vw 0 .1vw #242424;
}

.bottom-right.under.crim {
  box-shadow: .1vw -.2vw 0 .1vw #9c0000;
}

.bottom-right.under.blue {
  box-shadow: .1vw -.2vw 0 .1vw #0092a5;
}

.bottom-right.under.emerald2 {
  box-shadow: .1vw -.2vw 0 .1vw #007a29;
}

.bottom-right.plat {
  box-shadow: none;
}

.bottom-right.black {
  border-bottom-color: #7e7e7e;
  border-right-color: #5f5f5f;
  box-shadow: .1vw -.2vw 0 .1vw #242424;
}

.bottom-right.orange {
  border-right-style: solid;
  border-right-color: var(--crimside);
  border-bottom-color: var(--crimtopstroke);
  box-shadow: .1vw -.2vw 0 .1vw var(--crimshadow);
}

.bottom-right.hide {
  box-shadow: none;
  background-color: #0000;
  border-bottom-style: none;
  border-right-style: none;
}

.bottom-right.emerald {
  border-bottom-color: #9fffa2;
  border-right-color: #a5ffa8;
  box-shadow: .1vw -.2vw 0 .1vw #007a29;
}

.stats-container {
  justify-content: space-between;
  width: 87%;
  max-width: 87%;
  margin-top: .25vw;
  margin-left: 1.5vw;
  margin-right: 1.5vw;
  display: flex;
  position: relative;
  top: .5vw;
}

.game-lib {
  z-index: 9;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1vw;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
  position: relative;
}

.window-frame-under {
  z-index: 11;
  opacity: 1;
  background-color: #272727bf;
  border: .15vw solid #ffe62b;
  border-radius: 20vw;
  width: 12vw;
  height: 12vw;
  padding: 1.5vw;
  position: absolute;
  transform: rotate(0);
  box-shadow: -5px 2px 5px #0000002e, -1px 0 4px 4px #47474740;
}

.window-frame-under.coral {
  border-color: #6fefff;
}

.window-frame-under.black {
  border-color: #686868;
}

.window-frame-under.purp {
  border-color: #af0eff;
  border-top-style: none;
  border-bottom-style: none;
}

.window-frame-under.emerald {
  border-color: #9fffa2;
}

.window-frame-under.orange {
  border-color: var(--crimside);
  box-shadow: -9px 2px 5px #00000029, -1px 0 4px 4px #47474740;
}

.window-frame-under.lime {
  border-color: #41ff60 #41ff60 #41ff60 #92ff0e;
  border-top-style: none;
  border-bottom-style: none;
}

.window-frame-under.crimson {
  border-color: #eb1f48;
}

.window-frame-under.plat {
  background-color: #272727e6;
  border-color: #0f0f0f;
}

.id-hold {
  background-image: linear-gradient(124deg, #202020, #161616fa);
  border: .1vw solid #fffb0e;
  border-color: #fffb0e #ffe62b;
  border-radius: .5vw;
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-end;
  padding: .5vw;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: -.1vw .05vw #969300, inset .04vw 0 .1vw .03vw #ffffff40, -.2vw 1px 5px #000000b0;
}

.shine {
  z-index: -1;
  opacity: .48;
  mix-blend-mode: normal;
  background-image: linear-gradient(113deg, #0000, #66666670 37%, #ffffff8a 49%, #fff0);
  border-right: .12vw #000;
  border-radius: 2.4vw;
  width: 130%;
  height: 105%;
  display: flex;
  position: relative;
  inset: 0%;
}

.shine.blk {
  opacity: .37;
  mix-blend-mode: overlay;
  background-image: linear-gradient(113deg, #0000, #66666642 37%, #ffffff14 49%, #fff0);
}

.bottom-card {
  opacity: 1;
  background-color: #0000;
  border-top-left-radius: 0;
  border-top-right-radius: .5vw;
  border-bottom-right-radius: .5vw;
  width: 100%;
  height: 17vw;
  display: flex;
  position: relative;
  top: -2px;
}

.left-curl {
  border-top: 1px solid #fff;
  border-left: .12vw solid #d6d6d6;
  border-top-left-radius: 50%;
  width: 2vw;
  height: 2vw;
}

.pull-out-img {
  z-index: 4;
  opacity: .96;
  mix-blend-mode: normal;
  width: 110%;
  max-width: 110%;
  position: relative;
  top: 1vw;
}

.pull-out-img.officer {
  filter: saturate(115%) brightness(122%);
  width: 100%;
  max-width: 100%;
  top: 1.25vw;
  left: 1vw;
}

.pull-out-img.lime {
  filter: brightness(143%);
  width: 85%;
  left: 1vw;
}

.pull-out-img.coral {
  filter: brightness(116%);
  width: 85%;
  left: 20%;
}

.pull-out-img.emereald {
  filter: saturate(114%);
  width: 130%;
  max-width: 130%;
  left: -4.7vw;
}

.pull-out-img.mog {
  object-fit: cover;
  width: 130%;
  max-width: 130%;
}

.pull-out-img.mog2 {
  width: 108%;
  max-width: 108%;
  top: .25vw;
}

.bp-container {
  z-index: 99;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 2vw;
  padding-top: 7vw;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
  position: relative;
}

.battle-grad {
  z-index: 2;
  filter: blur(3vw);
  background-color: #f6ff4d;
  width: 20%;
  height: 20%;
  position: absolute;
  inset: auto 24% 66% auto;
}

.battle-grad.black {
  background-color: #cecece;
}

.battle-grad.coral {
  background-color: #1ecbe1;
}

.battle-grad.plat {
  background-color: #bebebe;
}

.battle-grad.purp {
  background-color: #c53eff;
}

.battle-grad.red {
  background-color: #ff4d4d;
}

.battle-grad.emeral {
  background-color: #37d16a;
}

.battle-grad.lime {
  background-color: #4dff6b;
}

.battle-grad.orange {
  background-color: #ff9f32;
}

.ticker {
  color: #b3b3b3;
}

.right-curl {
  border-top: .12vw solid #fff;
  border-right: .12vw solid #d6d6d6;
  border-top-right-radius: 50%;
  width: 2vw;
}

.glass-underlayer2 {
  z-index: 10;
  opacity: .48;
  mix-blend-mode: normal;
  background-image: linear-gradient(113deg, #0000, #66666670 37%, #ffffff8a 49%, #fff0);
  border-right: .12vw #000;
  border-radius: 2.4vw;
  width: 130%;
  height: 105%;
  display: flex;
  position: relative;
  inset: 0%;
}

.glass-underlayer2.outlie {
  z-index: -44;
  background-image: none;
  border-right-style: solid;
  border-right-color: #969300;
  border-radius: 0;
  width: auto;
  height: auto;
  position: absolute;
}

.glass-underlayer2.outlie.plat {
  border-right-color: #9b9b9b;
}

.glass-underlayer2.outlie.emerald {
  border-right-color: #9fffa2;
}

.glass-underlayer2.outlie.purp {
  border-right-color: #ba30ff;
}

.glass-underlayer2.outlie.coral {
  border-right-color: #a4f5ff;
}

.glass-underlayer2.outlie.crimson {
  border-right-color: #eb1f48;
}

.indent-contain {
  z-index: 9;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-self: flex-start;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 13vw;
  display: inline-flex;
  position: relative;
  top: -.1vw;
  box-shadow: -.4vw 0 #969300;
}

.indent-contain.black {
  box-shadow: -.4vw 0 #242424;
}

.indent-contain.lime {
  box-shadow: -.4vw 0 #60b900;
}

.indent-contain.emerald {
  box-shadow: -.4vw 0 #007a29;
}

.indent-contain.purp {
  box-shadow: -.4vw 0 #7a00a7;
}

.indent-contain.crimson {
  box-shadow: -.4vw 0 #9c0000;
}

.indent-contain.blue {
  box-shadow: -.4vw 0 #0092a5;
}

.indent-contain.plat {
  box-shadow: -.4vw 0 #c2c2c2;
}

.indent-contain.over {
  z-index: 85;
  box-shadow: none;
  position: absolute;
  top: 6.5vw;
}

.indent-contain.orange {
  box-shadow: -.4vw 0 0 0 var(--crimshadow);
}

.stat-mini-box {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  padding-left: .6vw;
  padding-right: .7vw;
  display: flex;
}

.stat-mini-box.mvp {
  padding-left: .65vw;
  padding-right: 1vw;
}

.tab-hold {
  background-image: linear-gradient(157deg, #fffc69 22%, #fffc2d);
  border: .12vw solid #fff;
  border-right-color: #a7a7a7;
  border-radius: 2vw .5vw .5vw 2vw;
  justify-content: center;
  align-items: center;
  width: 3.94vw;
  height: 100%;
  display: flex;
  position: relative;
  left: -.1vw;
  box-shadow: -.3px 1px 5px #000000a8, -.2vw 0 0 .05vw #969300, .07vw 0 0 .07vw #969300;
}

.tab-hold.crimson {
  cursor: pointer;
  background-image: linear-gradient(157deg, #ff434b 22%, #ff0525);
  border-color: #ff8e8e #ff6969;
  box-shadow: -.3px 1px 5px #000000a8, -.2vw 0 0 .05vw #9c0000, .07vw 0 0 .07vw #9c0000;
}

.tab-hold.lime {
  cursor: pointer;
  background-image: linear-gradient(157deg, #beff67 22%, #9dff16);
  box-shadow: -.3px 1px 5px #000000a8, -.2vw 0 0 .05vw #60b900, .07vw 0 0 .07vw #60b900;
}

.tab-hold.purp {
  background-image: linear-gradient(157deg, #cd66ff 22%, #bb35fd);
  border-color: #d560ff #e9adff;
  box-shadow: -.3px 1px 5px #000000a8, -.2vw 0 0 .05vw #7a00a7, .07vw 0 0 .07vw #7a00a7;
}

.tab-hold.metal {
  cursor: pointer;
  background-image: linear-gradient(157deg, #afafaf 22%, #d3d5db 83%);
  border-width: .06vw;
  border-color: #fee;
  transition: background-color .4s, box-shadow .4s;
  box-shadow: -.2vw 0 0 .05vw #9b9b9b, .07vw 0 0 .07vw #a7a7a7, -.3px 1px 5px #00000096;
}

.tab-hold.metal:hover {
  background-image: linear-gradient(157deg, #afafaf 22%, #d3d5db 83%);
  border-color: #fff;
  box-shadow: -.2vw 0 0 .05vw #9b9b9b, .07vw 0 0 .07vw #a7a7a700, -.3px 1px 5px #fff;
}

.tab-hold.white {
  cursor: pointer;
  background-image: linear-gradient(157deg, #e1e5fc 22%, #cbd3ff);
  box-shadow: -.3px 1px 5px #000000a8, -.2vw 0 0 .05vw #b1b1b1, .07vw 0 0 .07vw #b1b1b1;
}

.owner-hold {
  z-index: 77;
  justify-content: flex-end;
  align-items: center;
  padding: .5vw 2vw .5vw .5vw;
  display: none;
  position: absolute;
  inset: auto 0% 3vw 5%;
}

.issue-number {
  color: #686600a1;
  text-align: right;
  text-transform: uppercase;
  text-shadow: -1px 0 #0000001f;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: loos-compressed, sans-serif;
  font-size: .8vw;
  font-weight: 200;
  line-height: .8vw;
}

.issue-number.light {
  color: #fcacffa1;
}

.issue-number.black {
  color: #a7a7a7a1;
}

.rate-spinner {
  z-index: 55;
  mix-blend-mode: normal;
  border: 1px dashed #ffe62b61;
  border-radius: 100vw;
  width: 10vw;
  height: 10vw;
  padding: 0;
  position: absolute;
  left: 1vw;
  box-shadow: inset 0 0 5px #f5e9002e;
}

.rate-spinner.coral {
  border-color: #34c6ff61;
}

.rate-spinner.black {
  border-color: #2bff5561;
  box-shadow: inset 0 0 5px #00f5102e;
}

.rate-spinner._2 {
  box-shadow: none;
  border-style: none;
  border-color: #fffffd61;
}

.rate-spinner.crimson {
  border-color: #ff434361;
}

.rate-spinner._3 {
  z-index: 51;
  box-shadow: none;
  opacity: .49;
  border-width: 1px;
  border-color: #fff;
}

.rate-spinner.orange {
  border-color: #eb1f48a3;
  border-right-style: dashed;
  box-shadow: inset 0 0 5px #f5001d2e;
}

.rate-spinner.lime {
  border-color: #2bff2b61;
  box-shadow: inset 0 0 5px #29f5002e;
}

.rate-spinner.purp {
  border-color: #c62bff61;
}

.rate-spinner.emerald {
  border-color: #2bff9561;
  box-shadow: inset 0 0 5px #00f59b2e;
}

.rate-spinner.plat {
  border-color: #ffffff61;
  box-shadow: inset 0 0 3px #e6e6e62e;
}

.game-icon {
  width: 3.9vw;
  height: 3.9vw;
}

.game-icon.invert {
  filter: invert(36%);
}

.class-bp {
  justify-content: center;
  align-items: center;
  display: flex;
}

.glass-lower {
  z-index: -2;
  opacity: 1;
  -webkit-backdrop-filter: blur(.55vw);
  backdrop-filter: blur(.55vw);
  mix-blend-mode: normal;
  border-radius: 2vw;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.pass-container {
  z-index: 5;
  filter: drop-shadow(0 .2vw 1vw #000);
  transition: filter .5s;
  display: flex;
  position: relative;
  overflow: visible;
}

.pass-container:hover {
  filter: drop-shadow(0 0 1.2vw #ffe62b) drop-shadow(0 .2vw 1vw #000);
}

.pass-container.lime {
  opacity: 1;
  display: block;
}

.pass-container.lime:hover {
  filter: drop-shadow(0 0 1.2vw #aaff21) drop-shadow(0 .2vw 1vw #000);
}

.pass-container.emerald {
  display: block;
}

.pass-container.emerald:hover {
  filter: drop-shadow(0 0 1.2vw #35f26d) drop-shadow(0 .2vw 1vw #000);
  flex: none;
}

.pass-container.purple {
  display: block;
}

.pass-container.purple:hover {
  filter: drop-shadow(0 0 1.2vw #bf2bff) drop-shadow(0 .2vw 1vw #000);
}

.pass-container.orange {
  display: block;
}

.pass-container.orange:hover {
  filter: drop-shadow(0px 0px 1.2vw var(--crimbody)) drop-shadow(0vw .2vw 1vw #000);
}

.pass-container.gold {
  opacity: 1;
  display: block;
}

.pass-container.platinum {
  filter: drop-shadow(0 .2vw 1vw #000000b8);
  justify-content: center;
  align-items: center;
  transition: filter .5s;
  display: block;
}

.pass-container.platinum:hover {
  filter: drop-shadow(0 0 .8vw #fff) drop-shadow(0 .2vw 1vw #000000b8);
}

.pass-container.black {
  display: block;
}

.pass-container.black:hover {
  filter: drop-shadow(0 0 1.2vw #111) drop-shadow(0 .2vw 1vw #000);
}

.pass-container.blue {
  display: block;
}

.pass-container.blue:hover {
  filter: drop-shadow(0 0 1.2vw #1ecbe1) drop-shadow(0 .2vw 1vw #000);
}

.pass-container.crimson {
  display: block;
}

.pass-container.crimson:hover {
  filter: drop-shadow(0 0 1.2vw #ff2b2b) drop-shadow(0 .2vw 1vw #000);
}

.stat-bg-ab {
  opacity: .1;
  filter: saturate(200%) hue-rotate(331deg);
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f5f040f7e648287cc1b631_grid-bg.svg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 2.2vw;
  width: 100%;
  height: 200%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.stat-bg-ab.slide {
  z-index: 3;
  opacity: .17;
  mix-blend-mode: normal;
}

.stat-bg-ab.slide.coral {
  filter: saturate(200%) hue-rotate(111deg);
}

.stat-bg-ab.slide.purp {
  opacity: .24;
  filter: saturate(200%) hue-rotate(211deg);
}

.stat-bg-ab.slide.orange {
  filter: saturate(200%) hue-rotate(257deg);
}

.stat-bg-ab.slide.crimson {
  opacity: .41;
  filter: saturate(200%) hue-rotate(254deg);
}

.stat-bg-ab.slide.emerald {
  filter: hue-rotate(45deg);
}

.stat-bg-ab.slide.black, .stat-bg-ab.slide.plat {
  filter: grayscale();
}

.glass-stroke {
  z-index: 10;
  opacity: .48;
  mix-blend-mode: normal;
  background-image: linear-gradient(113deg, #0000, #66666670 37%, #ffffff8a 49%, #fff0);
  border-right: .12vw #000;
  border-radius: 2.4vw;
  width: 130%;
  height: 105%;
  display: flex;
  position: relative;
  inset: 0%;
}

.glass-stroke.outlie {
  z-index: -44;
  background-image: none;
  border-right-style: solid;
  border-right-color: #969300;
  border-radius: 0;
  width: auto;
  height: auto;
  position: absolute;
}

.glass-stroke.outlie.orange {
  border-right-color: #b86f10;
}

.loop-gameplay {
  z-index: -1;
  opacity: .28;
  mix-blend-mode: overlay;
  width: 100%;
  position: static;
}

.bottom-pad {
  background-color: #fffb0e;
  border-bottom: .12vw solid #fff;
  border-left: .12vw solid #fff;
  border-bottom-left-radius: 2vw;
  width: 1.5vw;
  height: 100%;
  box-shadow: -.2vw -.2vw 0 .2vw #969300;
}

.bottom-pad.black {
  background-color: #111;
  border-bottom-color: #7e7e7e;
  border-left-color: #5f5f5f;
  box-shadow: -.2vw -.2vw 0 .2vw #242424;
}

.bottom-pad.emerald {
  background-color: #1ff165;
  border-bottom-color: #9fffa2;
  border-left-color: #a5ffa8;
  box-shadow: -.2vw -.2vw 0 .2vw #007a29;
}

.bottom-pad.blue {
  background-color: #1ecbe1;
  border-bottom-color: #6fefff;
  border-left-color: #a4f5ff;
  box-shadow: -.2vw -.2vw 0 .2vw #0092a5;
}

.bottom-pad.plat {
  background-color: #e5e4e2;
  box-shadow: -.2vw -.2vw 0 .2vw #c2c2c2;
}

.bottom-pad.purp {
  background-color: #ba30ff;
  border-bottom-color: #d560ff;
  border-left-color: #da76ff;
  box-shadow: -.2vw -.2vw 0 .2vw #7a00a7;
}

.bottom-pad.hide {
  border-bottom-style: none;
  border-left-style: none;
  border-left-color: var(--crimside);
  box-shadow: none;
  background-color: #0000;
  width: 1.53vw;
}

.bottom-pad.orange {
  border-bottom-color: var(--crimtopstroke);
  border-left-color: var(--crimside);
  background-color: var(--crimbody);
  box-shadow: -.2vw -.2vw 0 .2vw var(--crimshadow);
}

.bottom-pad.crim {
  background-color: #ff0425;
  border-bottom-color: #ff8e8e;
  border-left-color: #ff6969;
  box-shadow: -.2vw -.2vw 0 .2vw #9c0000;
}

.bottom-pad.lime {
  background-color: #aaff21;
  box-shadow: -.2vw -.2vw 0 .2vw #60b900;
}

.bp-backing {
  z-index: 3;
  width: auto;
  height: 98%;
  min-height: 98%;
  position: absolute;
  inset: -1% 20.5% 0% auto;
  transform: rotate(0);
}

.bp-backing._2 {
  z-index: 2;
  height: 90%;
  min-height: 90%;
  top: 3%;
  right: 7%;
  transform: rotate(0);
}

.req-am {
  box-shadow: none;
  background-color: #13131300;
  border: .1vw #000;
  border-radius: 2vw;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  padding: .7vw 1.25vw;
  display: flex;
  position: relative;
  top: 1vw;
  left: 7.8vw;
}

.req-am.ivory {
  display: flex;
}

.req-txt {
  color: #d1d1d1;
  letter-spacing: .06vw;
  text-transform: uppercase;
  text-shadow: 0 1px #000;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: .8vw;
  font-weight: 700;
  line-height: .8vw;
}

.pass-pre {
  display: none;
  position: relative;
}

.pass-pre.ivory {
  z-index: 9;
  flex-flow: column;
  display: none;
}

.pass-pre.gold {
  z-index: 9;
  flex-flow: column;
  display: block;
}

.pass-pre.blk, .pass-pre.emerald, .pass-pre.blue, .pass-pre.crimson, .pass-pre.purple, .pass-pre.orange {
  z-index: 9;
  flex-flow: column;
  display: none;
}

.pass-pre.lime {
  z-index: 9;
  opacity: 1;
  flex-flow: column;
  display: none;
}

.bp-info-holder {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 45%;
  display: flex;
}

.bp-info-holder.mob {
  display: none;
}

.buttons {
  margin-top: 2vw;
  position: relative;
}

.claim-live {
  width: 100%;
  padding-left: 1.4vw;
  display: flex;
  position: absolute;
  inset: auto 0% -1.2vw;
}

.mini {
  color: #eee;
  text-align: center;
  letter-spacing: .1vw;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: .6vw;
  font-weight: 300;
  line-height: .6vw;
}

.mini.cn {
  margin-left: .5vw;
}

.bp-switch-full {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 6vw;
  display: flex;
}

.gradient-holo2 {
  background-image: linear-gradient(120deg, #0000 29%, #1fe7ffb3 42%, #ff00e7b3 53%, #0000 65% 82%);
  width: 200%;
  margin-left: -438px;
  position: absolute;
  inset: 0%;
}

.gradient-holo2.mbm-color-dodge {
  z-index: 0;
  opacity: .48;
  filter: blur(15px);
  mix-blend-mode: color-dodge;
  background-image: linear-gradient(122deg, #0000 18%, #1fe7ffb3 46%, #ff2eebb3 56%, #0000 81% 98%);
  width: 120%;
  height: 120%;
  margin-top: -1%;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: auto 0% -15% -115%;
  overflow: visible;
  transform: none;
}

.sidebar-link {
  position: absolute;
  inset: 0%;
}

.char-info {
  background-color: #fffffffa;
  border-top: 1px solid #ffe62b;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
  padding-top: .59vw;
  padding-bottom: .59vw;
  position: relative;
  inset: auto 0% 0%;
  box-shadow: 0 -2px 4px 1px #0000005c;
}

.mode-title-head {
  color: #fff;
  text-align: center;
  letter-spacing: .2vw;
  text-transform: uppercase;
  text-shadow: 0 1.5px #5f5f5f, 0 2px 4px #00000085;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: loos-compressed, sans-serif;
  font-size: 3.5vw;
  line-height: 3.5vw;
}

.mode-title-head._2 {
  color: #fff;
  text-align: left;
  letter-spacing: .3vw;
  text-shadow: 0 1px #8a8a8a, 0 2px 4px #00000085;
  margin-bottom: 2vw;
  margin-left: 10vw;
  font-family: Open Sans, sans-serif;
  font-size: 3.27vw;
  font-weight: 700;
  line-height: 3vw;
}

.char-selector {
  z-index: 66;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.headspan {
  color: #fff;
  letter-spacing: .2vw;
  text-shadow: 0 1px 2px #00000030;
  font-family: Open Sans, sans-serif;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 1.7vw;
}

.characters-top {
  align-self: flex-start;
  width: auto;
  margin-bottom: 3vw;
  display: flex;
}

.soon-mark {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4vw;
  line-height: 4vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.dropdown-list {
  position: static;
}

.dropdown-list.w--open {
  background-color: #ddd0;
}

.character-select-head {
  z-index: 69;
  width: 100%;
  margin-top: 2vw;
  margin-bottom: 5vh;
  position: relative;
}

.characters {
  z-index: 3;
  text-align: justify;
  background-image: linear-gradient(151deg, #0375ff, #0024c3);
  background-position: 0 0;
  background-size: auto;
  border-bottom: 1px #fff;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: auto;
  padding-top: 5vw;
  padding-bottom: 8vw;
  padding-left: 5.25vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.skin-container {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.skin-container.top {
  margin-top: .3vh;
}

.char-name {
  color: #000;
  text-align: center;
  letter-spacing: .2vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1vw;
  font-style: normal;
  font-weight: 600;
  line-height: 1vw;
  text-decoration: none;
}

.char-name.s {
  font-size: .8vw;
  line-height: .8vw;
}

.char-name-contianer {
  z-index: 2;
  border-bottom-right-radius: .75vw;
  border-bottom-left-radius: .75vw;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.full-character {
  z-index: 5;
  width: 85%;
  height: auto;
  position: relative;
  top: 2vw;
  right: 6vw;
  transform: rotate(0);
}

.full-character.mog-img {
  width: 96.5%;
  right: 12.3vw;
}

.full-character.mogana {
  opacity: 1;
  width: 80%;
  top: 0;
  right: 12vw;
}

.full-character.mogana.skinmog2 {
  opacity: 0;
  position: absolute;
  top: 2vw;
  right: 20.5vw;
}

.full-character.betta-img {
  width: 65%;
  right: 4.1vw;
}

.full-character.pepe {
  width: 75%;
  right: 8.6vw;
}

.full-character.pepita {
  width: 100%;
  right: 20vw;
}

.skin1 {
  color: #fff;
  letter-spacing: .08vw;
  text-transform: uppercase;
  margin-left: 0;
  margin-right: 0;
  padding: 1.5vh .75vw 1vh 1vw;
  font-family: loos-compressed, sans-serif;
  font-size: 1.1vw;
  line-height: 1.2vw;
  transition: color .5s;
}

.skin1:hover, .skin1:active {
  color: #41ff60;
}

.skin1._2 {
  padding-top: 1vh;
}

.skin1._2:hover, .skin1.yellow:hover {
  color: #ffe62b;
}

.skin1.pink:hover {
  color: #ff45ce;
}

.bg-img {
  z-index: 0;
  opacity: 1;
  mix-blend-mode: color-dodge;
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f9c1c9b5830fbc4f09dc73_mesh.svg");
  background-position: 0 0;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.bg-img._2 {
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f5c31a0ddcacce29e46611_stripes.svg");
  background-position: 0 0;
  background-size: 125px;
  width: 500vw;
  height: 300vh;
}

.dialogue {
  z-index: 6799;
  background-color: #080808f5;
  border: 3px solid #ffe62b;
  border-color: #ffe62b #ccb400;
  border-radius: 19px;
  width: auto;
  height: auto;
  padding: 1vw 1.5vw;
  display: inline-flex;
  position: absolute;
  inset: auto 39% 30vw auto;
  box-shadow: .14vw .14vw 0 .142vw #948300, 3px 6px 7px 1px #00000075;
}

.dialogue.mogana {
  bottom: 43.9vw;
}

.dialogue.bretta {
  border-color: #ff45ce #cc0096;
  bottom: 41.85vw;
  box-shadow: .14vw .14vw 0 .142vw #7c006c, 3px 6px 7px 1px #00000075;
}

.dialogue.pepita {
  border-color: #16ca02 #41ff60;
  bottom: 41.6vw;
  box-shadow: .14vw .14vw 0 .142vw #019119, 3px 6px 7px 1px #00000075;
}

.dialogue.pepita.officer {
  border-bottom-color: #16ca02;
  border-radius: 1.25vw;
  bottom: 32.6vw;
  box-shadow: .14vw .14vw 0 .142vw #019119, 3px 6px 7px 1px #00000075;
}

.dialogue.mogman {
  bottom: 39.7vw;
}

.micro-text {
  color: #ebebeb;
  letter-spacing: .1vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: loos-compressed, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 1vw;
  position: absolute;
  inset: auto 4vw 3.5vw auto;
}

.para-small-2 {
  color: #d7d7d7;
  text-align: left;
  text-shadow: none;
  width: 100%;
  margin-bottom: 0;
  padding-right: 0;
  font-size: .9vw;
  font-weight: 400;
  line-height: 1.35vw;
}

.hero-text {
  z-index: 6;
  opacity: .61;
  color: #ffffffd9;
  transform-style: preserve-3d;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 5vw;
  font-weight: 400;
  line-height: 5vw;
  position: absolute;
  inset: .5vw 14.6vw auto auto;
  transform: scale3d(1, 1, 1.4)translate3d(7px, -16px, -70px)skew(-1deg, -9deg);
}

.hero-text.mogan {
  top: 0;
}

.hero-text.mogana {
  top: -1.25vw;
}

.hero-text.mogana.pepe {
  font-size: 4.5vw;
  line-height: 4.6vw;
  top: -.75vw;
  right: 20.7vw;
}

.hero-text.man {
  top: .3vw;
}

.hero-text.man:hover {
  color: #ffe62b;
}

.pfp-icon {
  aspect-ratio: 10 / 15;
  object-fit: cover;
  border-radius: 0 0 .75vw .75vw;
  width: 100%;
  height: 105%;
  position: relative;
  inset: -5% 0% 0%;
  overflow: hidden;
}

.pfp-icon.soon {
  opacity: .88;
  mix-blend-mode: normal;
}

.pfp-icon.fem-mog {
  aspect-ratio: 10 / 16.5;
  height: 116.5%;
  top: -16.5%;
}

.tick {
  opacity: .93;
  filter: brightness(200%) grayscale();
  height: .65vw;
  display: inline-flex;
}

.tick._2 {
  opacity: 0;
}

.dropdown {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  display: inline-flex;
  position: static;
  inset: 10vw 10vw auto auto;
}

.skin-drop {
  z-index: 9999;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 10vw 15vw auto auto;
}

.boarder-bg {
  width: 100%;
}

.skin-txt {
  color: #fff;
  text-transform: uppercase;
  margin-right: 1vw;
  font-family: loos-compressed, sans-serif;
  font-size: 1vw;
  line-height: 1vw;
}

.top-row {
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.character {
  perspective: 67vw;
  perspective-origin: 50%;
  position: relative;
  transform: perspective(8vw);
}

.character.mogana, .character.mog-man {
  opacity: 0;
  display: none;
}

.character.officer {
  opacity: .99;
  display: none;
}

.character.bretta {
  opacity: 0;
  font-weight: 400;
  display: none;
}

.character.pepita {
  display: flex;
}

.icon {
  opacity: 1;
  filter: invert();
  object-fit: contain;
  height: 1vw;
  margin-right: 0;
  position: relative;
  top: 0;
}

.icon.inv {
  filter: none;
}

.right-characters {
  object-fit: contain;
  align-self: flex-start;
  width: 45vw;
  height: auto;
  position: absolute;
  inset: -13.3vw -4% 0% auto;
}

.bg-detail {
  z-index: 5;
  filter: brightness(200%) invert();
  transform-style: preserve-3d;
  width: 65%;
  position: absolute;
  inset: auto -7% 16.6vw auto;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.left-character {
  z-index: 2147483647;
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: relative;
}

.char-icon {
  background-color: #202020;
  border: 1.5px solid #a7a7a7;
  border-color: #a7a7a7 #fff;
  border-radius: .75vw;
  width: 9.45vw;
  height: 13.5vw;
  margin-right: 1vw;
  transition: border-color .5s, transform .5s, background-color .5s, box-shadow .5s;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px #363636, 0 2px 5px #000, 0 2px 5px #00000080;
}

.char-icon:hover {
  background-color: #0375ff;
  background-image: none;
  border-color: #d8c600 #ffe62b;
  transform: translate(0, -.75vh);
  box-shadow: 0 2px #7a6401, 0 6px 6px 4px #00000078;
}

.char-icon.pink:hover {
  background-color: #0375ff;
  border-color: #cc0096 #ff45ce;
  box-shadow: 0 2px #7d006b, 0 6px 6px 4px #00000078;
}

.char-icon.green:hover {
  border-color: #16ca02 #41ff60;
  box-shadow: 0 2px #019119, 0 6px 6px 4px #00000078;
}

.char-icon.hidden:hover {
  background-color: #202020;
  background-image: none;
  border-color: #a7a7a7 #fff;
  transform: none;
  box-shadow: 0 2px 5px #00000080, 0 2px 5px #000, 0 2px #363636;
}

.skin-select {
  vertical-align: baseline;
  background-image: linear-gradient(143deg, #f3f3f366, #dbdbdb8f);
  border: 1px solid #dbdbdb;
  border-color: #dbdbdb #fff;
  border-radius: 1vw;
  padding: .5vw 1vw;
  transition: border-color .5s;
  display: inline-flex;
  box-shadow: 0 2px 3px 1px #0003;
}

.skin-select:hover, .skin-select:active {
  border-color: #ffe62b #e2b900;
}

.skin-select.w--open {
  justify-content: flex-end;
  align-items: center;
  margin-right: 0;
}

.skin-select.green:hover {
  border-color: #41ff60 #16ca02;
}

.skin-select.pink:hover {
  border-color: #ff45ce #cc0096;
}

.dialogue-txt {
  width: 25vw;
  padding: 0;
  position: relative;
}

.preload-min {
  opacity: 1;
  height: 2.5vh;
}

.preload-min.inv {
  filter: drop-shadow(0 1px 4px #0000004d) invert();
  height: 1.8vw;
}

.l-highlight {
  background-color: #cfc234;
  height: 4px;
  position: absolute;
  inset: 0% 0% auto;
}

.preload-logo {
  z-index: 1;
  opacity: 1;
  object-fit: contain;
  border-radius: 63vw;
  align-self: flex-start;
  width: 15vw;
  max-width: 80%;
  height: 15vw;
  margin-bottom: 50px;
  display: block;
  position: absolute;
  inset: -5% 7vw auto auto;
}

.l-wrapper {
  background-color: #00000057;
  border: .1vw solid #d6d6d6;
  border-color: #d6d6d6 #a8a8a8;
  border-radius: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 220px;
  height: 20px;
  margin-top: 2vw;
  margin-left: 12.5px;
  padding: 2px 4px;
  display: flex;
  overflow: hidden;
  box-shadow: inset 0 0 5px #ffffff4f;
}

.preload-social {
  display: flex;
}

.close {
  z-index: 99999;
  color: #fff;
  text-align: center;
  letter-spacing: .25vw;
  cursor: default;
  align-self: center;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: .8vw;
  font-weight: 400;
  line-height: .8vw;
  display: flex;
  position: relative;
  top: auto;
  bottom: 0;
  left: -3.8vw;
}

.close:hover {
  transform: none;
}

.close.cn {
  font-size: 1.2vw;
  line-height: 1.2vw;
}

.content-wrapper {
  z-index: 69;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.l-inside {
  background-image: linear-gradient(151deg, #ffee6f, #cfc500);
  border-radius: .19vw;
  flex-direction: column;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.preload-link {
  margin-left: 1vw;
}

.social-preload-icon {
  height: 1.2vw;
}

.container-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.l-inside-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.loader-foot {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0 7% 3vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.community-links-pre {
  color: #d1d1d1;
  letter-spacing: .05vw;
  text-transform: uppercase;
  align-self: center;
  font-family: Inconsolata, monospace;
  font-size: .85vw;
  font-weight: 400;
  line-height: .85vw;
}

.community-links-pre.cn {
  font-size: 1vw;
  line-height: 1.2vw;
}

.perloader-wrapper {
  z-index: 99999;
  grid-column-gap: 110px;
  grid-row-gap: 110px;
  background-color: #050029;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100svh;
  min-height: 100svh;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.logo-progressbar {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50vw;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
  position: relative;
}

.container-pre {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100svh;
  display: block;
  position: absolute;
  inset: 0%;
}

.grad-linear {
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.edit-me {
  color: var(--blue2);
  display: none;
}

.linear-grad {
  z-index: 5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.radial-blur {
  z-index: 3;
  width: 100%;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.gradient-half {
  filter: brightness(157%);
  width: 50%;
  height: 100%;
}

.glow-pre {
  z-index: 10;
  opacity: .87;
  filter: blur(210px);
  border-radius: 100%;
  width: 100%;
  height: 19%;
  position: absolute;
  inset: 50% 0% 0%;
}

.pre-bg {
  z-index: 1;
  opacity: 1;
  mix-blend-mode: darken;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66fb3c3b0e6f10cec4efdd97_camo4.svg");
  background-position: 0 0;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.logo-pre {
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 1vw;
  padding-left: 5vw;
  display: flex;
  position: relative;
  transform: scale(.8);
}

.logo-pre.foot {
  flex-flow: row;
  margin-bottom: 1vw;
  padding-left: 0;
}

.call-cod {
  z-index: 3;
  object-fit: contain;
  align-self: flex-start;
  width: auto;
  height: 10vw;
  display: inline-flex;
  position: relative;
  left: 1vw;
}

.call-cod.s {
  height: 6vw;
  left: 0;
}

.cod-bottom {
  display: flex;
}

.of-cod {
  z-index: 3;
  object-fit: contain;
  height: 6vw;
  margin-right: 2vw;
  display: inline-flex;
  position: relative;
  left: 1.4vw;
}

.of-cod.ss {
  align-self: center;
  height: 4vw;
  margin-left: .5vw;
  margin-right: .5vw;
  left: 0;
}

.degens-cod {
  z-index: 3;
  object-fit: cover;
  height: 10vw;
  position: relative;
}

.degens-cod.sss {
  height: 6vw;
}

.type-bar {
  flex-flow: column;
  display: flex;
  position: relative;
  top: 3vh;
}

.powered-pre {
  position: relative;
  top: 0;
}

.powered-pre-text {
  color: #c2c2c2;
  text-align: center;
  letter-spacing: .52vw;
  margin-bottom: .35vw;
  font-family: Inconsolata, monospace;
  font-size: .9vw;
  font-weight: 400;
  line-height: .9vw;
  display: none;
}

.step-para {
  color: #acacac;
  text-align: center;
  margin-bottom: 0;
  padding-left: 1vw;
  padding-right: 1vw;
  font-family: Open Sans, sans-serif;
  font-size: 1vw;
  font-weight: 300;
  line-height: 1.6vw;
}

.step-head {
  color: #fff;
  text-align: center;
  letter-spacing: .05vw;
  text-transform: uppercase;
  align-self: center;
  margin-top: 0;
  margin-bottom: 1.5vw;
  font-family: Open Sans, sans-serif;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 1.9vw;
}

.instruction-block {
  border-bottom: 1px #fff;
  flex-flow: row;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  height: 15.5vw;
  padding-left: 0;
  display: flex;
}

.instruction-block.start {
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 33%;
  height: 100%;
  min-height: 100%;
  padding-left: 0;
}

.instruction-block.mid {
  width: 33%;
  height: auto;
  padding-left: 1vw;
  position: relative;
}

.instruction-block.final {
  border-bottom-style: none;
  border-right-style: none;
  width: 33%;
  height: 15vw;
  padding-left: 1vw;
}

.instruction-block.start {
  width: 33%;
  height: 15vw;
  min-height: 100%;
  padding-left: 0;
}

.instruction-block.mid {
  width: 33%;
  height: 15vw;
  padding-left: 1vw;
}

.step-info {
  z-index: 9;
  border-right: 1px solid var(--blue);
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: 2vw;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.step-info.end {
  border-right-style: none;
  padding-right: 0;
}

.laptop-container {
  z-index: 2;
  filter: drop-shadow(0 2px 5px #000000b3);
  width: 22vw;
  max-width: 22vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  bottom: 2vw;
  right: auto;
}

.laptop-vid {
  width: auto;
  height: auto;
  margin-top: 3%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: 0% 0% auto;
}

.html-embed {
  width: auto;
  height: 10vw;
  overflow: hidden;
}

.laptop-raster {
  width: 100%;
}

.impulso-classes {
  display: none;
}

.impulso-video-width {
  z-index: 2;
  width: 76%;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0%;
  display: block;
}

.mob-claim {
  z-index: 4;
  transform-style: preserve-3d;
  background-color: #1b1b1b;
  border-radius: 2vw;
  width: 14vw;
  max-width: 22vw;
  position: relative;
  transform: rotateX(0)rotateY(15deg)rotateZ(4deg);
  box-shadow: -.15vw .15vw 0 .15vw #1b1b1b, -.2vw .5vw 1vw .1vw #000000f7;
}

.num {
  color: var(--mainyellow);
  margin-right: .4vw;
}

.how-it-works {
  z-index: 99;
  box-shadow: none;
  background-image: none;
  background-position: 0 0;
  border-top: 1px #949494;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.bean-container {
  z-index: 3;
  width: 11vw;
  height: 11vw;
  position: relative;
  bottom: 2vw;
  left: auto;
}

.bean-img {
  z-index: 3;
  filter: drop-shadow(0 2px 5px #000000b3);
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0% 0% auto auto;
}

.hiw-grad {
  background-color: var(--blue);
  filter: blur(10vw);
  width: 14vw;
  height: 14vw;
  position: absolute;
  inset: auto auto 22% 18%;
}

.hiw-grad._2 {
  bottom: 29%;
  left: 46%;
}

.hiw-grad._3 {
  bottom: 29%;
  left: 70%;
}

.fade {
  background-image: linear-gradient(#fff0, #000);
  width: 100%;
  height: 10vw;
  position: absolute;
  inset: auto 0% 0%;
}

.fade.top {
  background-image: linear-gradient(#000, #fff0 67%);
  inset: 0% 0% auto;
}

.timer-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.live-green {
  color: #41ff60;
}

.sub-news {
  width: 60%;
}

.sub-news.small {
  flex-flow: column;
  flex: 0 auto;
  align-self: flex-start;
  width: 50%;
  height: 100%;
  min-height: 100%;
  padding-left: 4vw;
  display: flex;
  position: relative;
}

.horizontal-contain {
  z-index: 888;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  padding-top: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.news-container {
  z-index: 55;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10.5vw;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
  position: relative;
}

.time-segment {
  width: 20%;
  height: auto;
  margin-bottom: 1vw;
}

.pinksale-container {
  z-index: 4;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 48%;
  min-width: 48%;
  height: 100%;
  margin-right: .5vw;
  padding: 4.5vw 0 2.5vw;
  display: flex;
  position: relative;
  inset: 0 auto auto 0;
}

.step-head-2 {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 1.5vw;
  font-family: loos-compressed, sans-serif;
  font-size: 1.8vw;
  font-weight: 700;
  line-height: 1.9vw;
}

.pinksale-counter {
  z-index: 55;
  background-color: #000;
  height: auto;
  padding-bottom: 4vw;
  padding-left: 5.25vw;
  display: none;
  position: relative;
}

.counter-hold {
  background-color: #6d6d6d;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f5c31a0ddcacce29e46611_stripes.svg");
  background-position: 0 0;
  background-size: contain;
  border: 1px solid #9e9e9e;
  border-color: #9e9e9e #fff;
  border-radius: 2vw;
  width: 100%;
  height: 1.25vw;
  position: relative;
}

.hover-btn-9-text-block-2 {
  text-align: center;
  letter-spacing: .1vw;
  text-shadow: 0 1px 6px #00000091;
  justify-content: center;
  align-items: center;
  padding-left: .75vw;
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 1.1vw;
  display: flex;
  position: relative;
}

.hover-btn-9-text-block-2.presale {
  letter-spacing: .3vw;
  text-shadow: 0 1px 3px #00000069;
  padding-left: 2vw;
  font-family: Bebasneue, sans-serif;
  font-size: 2.2vw;
  line-height: 2.2vw;
}

.flash-progress {
  z-index: 555;
  filter: saturate(200%) hue-rotate(219deg);
  background-image: linear-gradient(90deg, #fff0, #fffc);
  border-radius: 2vw;
  width: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.news-date-text {
  color: #fff;
  letter-spacing: .08vw;
  text-transform: uppercase;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-size: .8vw;
  font-weight: 400;
  line-height: .8vw;
}

.bg-loop-hold {
  z-index: -1;
  width: 100%;
  position: absolute;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.bg-news {
  z-index: 1;
  opacity: .22;
  filter: invert();
  mix-blend-mode: normal;
  transform-style: preserve-3d;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f5c31b0ddcacce29e4662f_grunge-bg.avif");
  background-position: 100%;
  background-size: 1280px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.mini-news-bg {
  z-index: -1;
  opacity: .14;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/67144ca1e9021aa81e3eb762_news-1n.avif");
  background-position: 0 0;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.mini-news-bg._2 {
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/67007ee5a24e0564079cf00f_cheers.avif");
  background-position: 0 0;
  background-attachment: scroll;
}

.mini-news-bg._2._3 {
  opacity: .15;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/67258216ec106f38396e8fa8_news-img.avif");
  background-size: cover;
}

.news-head {
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 1vw;
  margin-bottom: 1vw;
  padding-left: 2.5vw;
  padding-right: 2.5vw;
  font-family: Open Sans, sans-serif;
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 2vw;
}

.news-head.small {
  margin-top: .75vw;
  margin-bottom: .75vw;
  padding-left: 1.25vw;
  padding-right: 1.25vw;
  font-size: 1.2vw;
  line-height: 1.6vw;
}

.raise-span {
  color: #fff;
}

.small {
  font-family: Bebasneue, sans-serif;
  font-size: 2vw;
  line-height: 2vw;
}

.instruction-head-hold-2 {
  margin-top: 4vw;
  margin-bottom: 4vw;
}

.time-label {
  color: #a3a3a3;
  text-align: center;
  letter-spacing: .1vw;
  margin-top: 1vw;
  margin-bottom: 1vw;
  font-family: loos-compressed, sans-serif;
  font-size: 1.5vw;
  font-weight: 200;
  line-height: 1.5vw;
}

.news-heading-small {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 1.3vw;
}

.powered-head {
  color: #fff;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1vw;
  font-family: Inconsolata, monospace;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 1.5vw;
}

.powered-head.ends {
  color: #a7a7a7;
  letter-spacing: .25vw;
  margin-bottom: 1.5vw;
  margin-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 1.4vw;
}

.progress-presale {
  z-index: 2;
  background-color: #41ff60;
  border: 1px #7fb1ff;
  border-left: 1px solid #a2ffc4;
  border-right: 1px solid #d8ffe3;
  border-radius: 1vw;
  width: 80%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  box-shadow: 0 0 5px 2px #35ffbcc7, inset 0 0 2px 3px #def0ff33;
}

.news-date {
  background-color: #1758ff;
  border-radius: 2px;
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  height: 1.6vw;
  margin-top: 1vw;
  margin-left: 2.5vw;
  padding: .3vw;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.news-date._2 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: 0;
  margin-bottom: 1vw;
  margin-left: 0;
  display: flex;
  position: relative;
  inset: 5% auto auto 0%;
}

.green-grad {
  z-index: 77;
  filter: blur(12vw);
  background-color: #0375ff;
  width: 10vw;
  height: 10vw;
  position: absolute;
  inset: 22% auto auto 0%;
}

.green-grad._3 {
  inset: 49% 0% auto auto;
}

.green-grad._2 {
  background-color: #0375ff;
  inset: 16% 25% auto auto;
}

.counter {
  flex-flow: column;
  align-self: center;
  width: 100%;
  display: flex;
}

.time-num {
  color: #41ff60;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: loos-compressed, sans-serif;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 2.5vw;
}

.semi-head-2 {
  color: #fff;
  text-align: center;
  letter-spacing: .12vw;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 3.5vw;
  line-height: 3.5vw;
}

.semi-head-2.sub {
  color: #41ff60;
  text-align: center;
  margin-top: .5vw;
  font-family: Open Sans, sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 1.5vw;
}

.sub-news-container {
  z-index: -1;
  justify-content: center;
  align-items: flex-end;
  display: none;
  position: relative;
  left: 0;
}

.step-info-2 {
  border-right: 1px solid #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 2vw 1vw 2vw 2vw;
  display: flex;
}

.step-info-2.end {
  border-right-style: none;
  padding-right: 0;
}

.presale-instructions-2 {
  flex-flow: row;
  justify-content: space-between;
  align-self: flex-start;
  width: 100%;
  min-width: 100%;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
}

.micro-label {
  z-index: 99;
  color: #fff;
  text-transform: uppercase;
  margin-top: .5vw;
  margin-bottom: 0;
  font-family: loos-compressed, sans-serif;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 1.1vw;
  position: relative;
}

.micro-label.raise {
  color: #41ff60;
  font-weight: 500;
}

.news-heading {
  color: #fff;
  text-align: center;
  letter-spacing: .2vw;
  text-transform: uppercase;
  text-shadow: 0 2px 4px #00000085;
  margin-top: 0;
  margin-bottom: 4vw;
  margin-left: 0;
  font-family: Open Sans, sans-serif;
  font-size: 3vw;
  line-height: 3vw;
}

.news-heading.mob {
  display: none;
}

.news-block {
  z-index: 55;
  background-color: #070707;
  border: 1px solid #a7a7a7;
  border-color: #a7a7a7 #fff;
  border-radius: 1vw;
  width: 100%;
  height: 10vh;
  margin-left: 2vw;
  position: relative;
  box-shadow: 1px 1px 0 1px #696969;
}

.news-block._2 {
  background-color: #000213;
  border-width: .35vw;
  border-color: #fff #a7a7a7;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 2vw;
  margin-left: 0;
  padding: 1.25vw 1.5vw;
  transition: box-shadow .35s, border-color .35s;
  display: flex;
  position: relative;
  box-shadow: .15vw .15vw 0 .15vw #484848;
}

.news-block._2:hover {
  border-color: #0375ff #1758ff;
  box-shadow: 1px 1px 0 1px #054797, 0 0 7px 2px #004190;
}

.pinksale-head {
  color: #fff;
  text-align: center;
  letter-spacing: .3vw;
  margin-top: 0;
  margin-bottom: 2vw;
  font-size: 4.5vw;
  line-height: 4.5vw;
}

.pinksale-head.sub {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 4vw;
  line-height: 5vw;
}

.news-highlight {
  color: #919191;
  margin-bottom: 0;
  padding-left: 1.25vw;
  padding-right: 1.25vw;
  font-family: loos-compressed, sans-serif;
  font-size: 1vw;
  font-weight: 200;
  line-height: 1.2vw;
}

.news-highlight.l {
  padding-left: 2.25vw;
  padding-right: 2.25vw;
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.news-l {
  filter: saturate(115%) contrast(105%);
  vertical-align: baseline;
  object-fit: cover;
  object-position: 45% 0%;
  border-radius: .95vw .95vw 0 0;
  width: 100%;
  height: 25vw;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.news-l.small {
  height: 15vw;
}

.news-l.small._2 {
  object-fit: cover;
  object-position: 0% 0%;
}

.step-2 {
  color: #41ff60;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4vw;
  line-height: 4vw;
}

.div-block-103 {
  background-color: #4c97ff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-103.pink {
  background-color: #ff90b9;
}

.grad-news {
  z-index: 2;
  opacity: 1;
  filter: blur(9vw);
  background-color: #0375ff;
  width: 15vw;
  height: 15vw;
  position: absolute;
  inset: 43% auto auto 16%;
}

.grad-news._2 {
  inset: 51% 44% auto auto;
}

.grad-news._3 {
  width: 11vw;
  height: 11vw;
  inset: 26.4vw 12.9vw 0% auto;
}

.news {
  background-image: linear-gradient(#000, #000);
  width: 100%;
  height: auto;
  padding-top: 10vw;
  padding-bottom: 5vw;
  padding-left: 0;
  display: block;
  position: relative;
}

.holder-pinksale {
  width: 100%;
  height: 30vh;
  position: relative;
}

.powered-pink {
  justify-content: center;
  align-items: center;
  margin-top: 1vw;
  margin-bottom: 2.5vw;
  display: flex;
}

.progress-labels {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.25vw;
  display: flex;
}

.pinksale-small {
  height: 2vw;
}

.news-img {
  width: 100%;
  height: 25vw;
  max-height: 25vw;
  overflow: hidden;
}

.news-img.small {
  height: 15vw;
  max-height: 15vw;
}

.news-large {
  aspect-ratio: auto;
  background-color: #0a0a0a;
  border: .4vw solid #1758ff;
  border-color: #1758ff #0375ff;
  border-radius: 1vw;
  flex-flow: column;
  align-self: flex-start;
  width: 50%;
  height: auto;
  padding-bottom: 1.5vw;
  transition: transform .3s ease-in-out, box-shadow .3s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: .15vw .15vw 0 .2vw #054797, 0 0 0 0 #0037ffb5, .24vw 1vw 1vw 1vw #0000005e;
}

.news-large:hover {
  border-color: #1758ff #0375ff;
  transform: translate(0, -.25vw);
  box-shadow: .15vw .15vw 0 .2vw #054797, 0 0 0 0 #0037ffb5, 0 0 2vw 1vw #0375ff40;
}

.news-large.small {
  border-width: 1px;
  margin-left: 2vw;
  padding-bottom: 1vw;
  box-shadow: 1px 1px #054797;
}

.timer {
  height: auto;
  margin-bottom: 2vw;
}

.works-icons {
  z-index: 2;
  width: 100%;
  margin-bottom: -10vw;
  padding-left: 10vw;
  padding-right: 10vw;
  display: flex;
  position: relative;
}

.tile-icon {
  justify-content: center;
  align-items: center;
  width: 33.3333%;
  display: flex;
  position: relative;
}

.tile-icon.mob {
  display: none;
}

.number-how {
  z-index: 3;
  border-style: solid;
  border-width: .15vw;
  border-color: var(--blue) var(--blue2);
  box-shadow: inset 0 0 5px 0 #363636f2, .15px .15px 0 .1vw var(--blueshad);
  background-image: linear-gradient(146deg, #000, #141414);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2.8vw;
  height: 2.8vw;
  display: none;
  position: absolute;
  inset: 0% auto auto 5%;
}

.number-how._3 {
  left: 12%;
}

.number {
  color: var(--mainyellow);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1.3vw;
  font-weight: 600;
  line-height: 1.3vw;
}

.dollar-gif {
  z-index: 0;
  width: 3vw;
  position: absolute;
  top: 1.9vw;
  right: 5.8vw;
  transform: rotate(0)rotate(26deg);
}

.how-links {
  border-top: 1px solid var(--blue);
  background-color: var(--blueshad);
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1.5vw;
  padding: .75vw 3vw;
  display: flex;
}

.link-note {
  color: var(--white);
  text-align: left;
  letter-spacing: .1vw;
  text-transform: uppercase;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2vw;
  font-family: Inconsolata, monospace;
  font-size: .8vw;
  font-weight: 700;
  line-height: 1.1vw;
}

.link-note.operating, .link-note.alpha {
  width: auto;
}

.link-note.mob {
  display: none;
}

.bp-butler-link {
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.tg-bp {
  background-color: var(--blue);
  background-image: linear-gradient(159deg, var(--blue), #4d8bff);
  box-shadow: inset 0 0 5px 0 #fafafa33, 0vw .2vw 0 0 var(--blueshad);
  border: 1px solid #859fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2vw;
  height: 2vw;
  display: flex;
}

.os {
  object-fit: contain;
  width: auto;
  height: 1.76vw;
}

.os.mac {
  max-width: none;
  height: 1.6vw;
  margin-left: 1vw;
}

.bg-head {
  color: var(--white);
  letter-spacing: .35vw;
  text-shadow: 0 1px #584e00, 0 1px 2px #000000d1;
  align-self: center;
  margin-top: 0;
  margin-bottom: 2vw;
  padding-left: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 4vw;
  line-height: 4vw;
}

.bg-head.white {
  color: var(--white);
  text-transform: uppercase;
  font-size: 4vw;
  line-height: 4vw;
}

.bg-head.white.sponsor {
  z-index: 7;
  text-shadow: 0 1px #8a8a8a, 0 1px 2px #000000d1;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 3vw;
  line-height: 3vw;
  position: relative;
}

.img-bg {
  z-index: -66999;
  opacity: .63;
  mix-blend-mode: normal;
  transform-style: preserve-3d;
  width: 30vw;
  display: none;
  position: absolute;
  inset: auto 5% 0% auto;
  transform: rotateX(0)rotateY(-180deg)rotateZ(0);
}

.half {
  flex-flow: column;
  align-self: center;
  width: 50%;
  display: flex;
}

.half.top {
  width: 45%;
  margin-left: 5vw;
  position: relative;
}

.half.bottom {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 52%;
  display: flex;
  position: absolute;
  inset: 0% 4% 0% auto;
}

.logo-loop {
  z-index: -1;
  opacity: 1;
  filter: saturate(131%) brightness(99%);
  position: relative;
  inset: 0% -7.5% auto auto;
}

.logo-loop.mob {
  display: none;
}

.next-move {
  z-index: 12;
  opacity: 1;
  object-fit: cover;
  background-color: #0035f6;
  background-image: url("https://cdn.prod.website-files.com/66f5bf9fe0924a87b23f8360/66f9c1c9b5830fbc4f09dc73_mesh.svg"), linear-gradient(153deg, #1841a7, #000b31 54%);
  background-position: 0 0, 0 0;
  background-size: cover, auto;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding: 2vw 10vw;
  display: block;
  position: relative;
  overflow: hidden;
}

.gradient-terminal {
  z-index: 1;
  opacity: .51;
  filter: blur(10vw);
  background-color: #ff0004;
  width: 40vw;
  height: 20vh;
  display: block;
  position: absolute;
  inset: auto auto 0% 0%;
}

.gradient-terminal.yel {
  opacity: .86;
  background-color: #1758ff;
  width: 40vw;
  height: 20vh;
  position: absolute;
  inset: 0% 0% auto auto;
}

.gradient-terminal.alt {
  opacity: .63;
  filter: blur(6vw);
  background-color: #1758ff;
  width: 30vw;
  height: 19vh;
  inset: 0% auto auto 12%;
}

.grad-purp {
  z-index: -5;
  opacity: 1;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.lower-img.mob {
  display: none;
}

.textbawx {
  background-color: #100613;
  border-bottom: 4px #9806b8;
  border-radius: 12px 12px 0 0;
  align-self: center;
  width: 100%;
  height: auto;
  position: static;
  inset: 4% auto auto -24%;
}

.textbawx.wide {
  z-index: 69;
  border-style: solid;
  border-width: .55vw;
  border-color: var(--blue) #0375ff;
  -webkit-backdrop-filter: saturate(200%) blur(5px);
  backdrop-filter: saturate(200%) blur(5px);
  background-color: #0c0c0c00;
  background-image: linear-gradient(156deg, #0c0c0ce8 20%, #0e0e0ee6);
  border-radius: 2vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 2vw 0 1vw;
  display: flex;
  position: relative;
  top: 0%;
  left: 0%;
  box-shadow: inset 0 0 6px #3b8bfc94, .25vw .25vw 0 .25vw #054797, .4vw .4vw 1.5vw .5vw #000000bd;
}

.features-holder {
  padding-top: 13vh;
  padding-bottom: 13vh;
  padding-left: 0;
  display: flex;
}

.sponsor-hold {
  z-index: 5;
  background-color: #0000006b;
  width: 100%;
  height: auto;
  padding-top: 6vw;
  padding-bottom: 7vw;
  padding-left: 5.25vw;
  position: relative;
}

.sponsor-contain {
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 0 10vw;
  display: flex;
  position: relative;
}

.spon-logo-row {
  justify-content: space-between;
  width: 100%;
  margin-top: 7vw;
  display: flex;
}

.spon-logo-row.hide {
  display: none;
}

.spon-icon {
  filter: grayscale();
  height: 3vw;
}

.spon-icon.inv {
  filter: invert() grayscale();
  height: 3vw;
}

.spon-icon.inv._2 {
  filter: invert() brightness(179%) grayscale();
  height: 2.5vw;
}

.spon-icon.inv._3 {
  filter: invert() brightness(179%) grayscale();
  height: 2.65vw;
}

.spon-icon.pink {
  height: 3vw;
}

.lottie-hold {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 2.55vw 1.75vw auto auto;
  transform: rotate(-7deg);
}

.lottie-animation {
  z-index: 99;
  width: 2vw;
  position: relative;
}

.try-me {
  z-index: 5;
  color: #ffffffc9;
  letter-spacing: .05vw;
  text-transform: uppercase;
  text-shadow: -.5vw .3vw .15vw #0003;
  margin-top: 0;
  margin-bottom: .4vw;
  font-family: Montserrat, sans-serif;
  font-size: .8vw;
  font-weight: 700;
  line-height: .8vw;
  position: relative;
}

.quart {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.spon-grad {
  z-index: 3;
  background-color: var(--blue);
  filter: saturate(200%) blur(4.5vw);
  width: 8vw;
  height: 4vw;
  display: none;
  position: absolute;
  inset: 2% auto auto 29.6vw;
}

.cta-head {
  color: #fff;
  text-align: center;
  letter-spacing: .15vw;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 2vw;
  font-family: Open Sans, sans-serif;
  font-size: 1.8vw;
  font-weight: 700;
  line-height: 1.8vw;
  display: flex;
}

.social-cta {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 2vw;
  display: flex;
}

.divide {
  opacity: .3;
  background-color: #a7a7a7;
  width: 80%;
  height: 1px;
  margin-top: 3vw;
  padding-left: 10vw;
  padding-right: 10vw;
}

.social-icons-footer {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-link {
  color: #a1a1a1;
  letter-spacing: .1vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 1.5vw;
  font-family: loos-compressed, sans-serif;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 1.1vw;
  transition: color .3s;
}

.footer-link:hover {
  color: #ececec;
}

.footer-disclaimer {
  color: #e6e6e6;
  letter-spacing: 0;
  width: 60%;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: .9vw;
  font-weight: 400;
  line-height: 1.4vw;
}

.footer-links {
  justify-content: space-between;
  width: 100%;
  padding: 2vw 10vw 2vw 9.9vw;
  display: flex;
}

.left-block {
  justify-content: flex-start;
  align-items: flex-start;
  width: 36%;
  display: flex;
}

.footer {
  z-index: 99;
  background-color: #0f0f0f;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 100%;
  padding-top: 3vw;
  padding-bottom: 0;
  padding-left: 5vw;
  display: flex;
  position: relative;
}

.footer-logos {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  display: flex;
}

.mini-cod {
  height: 5vw;
  margin-right: 2vw;
}

.footer-social-icon {
  opacity: .64;
  filter: invert();
  height: 1.5vw;
  margin-right: 1.5vw;
  transition: opacity .3s;
}

.footer-social-icon:hover {
  opacity: .92;
}

.footer-social-icon.grey {
  filter: contrast(0%) grayscale() brightness(200%);
  height: 1.7vw;
}

.footer-social-icon.filter {
  filter: none;
}

.footer-social-icon.filter.end {
  filter: grayscale();
  margin-right: 0;
}

.dated-d {
  border-radius: 3px;
  height: 6.5vw;
  margin-right: 2.5vw;
}

.dated-d.mob {
  display: none;
}

.rating-footer {
  justify-content: space-between;
  align-items: stretch;
  margin-top: 4vw;
  padding-left: 9.9vw;
  padding-right: 10vw;
  display: flex;
}

.footer-logo {
  opacity: 1;
  width: 65%;
}

.link-footer-holder {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.footer-link-click {
  color: #a1a1a1;
  font-size: 1.1vw;
  line-height: 1.1vw;
  text-decoration: none;
  transition: color .3s;
}

.footer-link-click:hover {
  color: #ececec;
}

.cta-row1 {
  opacity: .69;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5vw;
  display: flex;
  position: relative;
}

.cta-row1.buy {
  background-color: #0049a3;
  border: 1px solid #ccc;
  border-color: #ccc #9e9e9e;
  border-radius: 2vw;
  padding: .5vw 1.5vw;
  transition: transform .3s, background-color .3s;
  display: none;
}

.cta-row1.buy:hover {
  background-color: var(--blue);
  transform: scale(1.04);
}

.cta-icon {
  opacity: 1;
  filter: invert();
  outline-offset: 0px;
  outline: 3px #fff;
  height: 2.3vw;
  margin-right: 1.25vw;
}

.cta-icon.inv {
  filter: brightness(200%);
}

.cta-icon.dl {
  height: 2.1vw;
}

.how-it-works-contain {
  z-index: 999;
  border-style: solid;
  border-width: .4vw;
  border-color: var(--blue) var(--blue2);
  background-image: linear-gradient(149deg, #0e0e0e, #000000f0);
  border-radius: 2vw;
  flex-flow: row;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 80%;
  min-width: 80%;
  height: auto;
  margin-top: 3.5vw;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: .15vw .15vw 0 .15vw #054797, 0 .1vw 1vw .2vw #00000061;
}

.block-pre {
  width: 33.3333%;
}

.arrow-down {
  display: none;
}

.duo {
  width: 50%;
  display: flex;
}

.crim {
  color: var(--crimside);
}

.news-ui {
  border-style: solid;
  border-width: .3vw;
  border-color: var(--blue2) var(--blue);
  box-shadow: .1vw .1vw 0 .1vw var(--blueshad), .2vw .2vw .4vw .25vw #0000006b;
  background-color: #111;
  border-radius: 1vw;
  width: 22vw;
  height: auto;
  display: none;
  position: absolute;
  inset: 0% -22.8vw auto auto;
}

.ann-selector {
  width: 100%;
  min-width: 100%;
  position: relative;
}

.ann-head-contain {
  border-bottom: .5px solid var(--blue);
  cursor: default;
  padding-top: .5vw;
  padding-bottom: .5vw;
}

.hero-heading-left {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.latest-news {
  color: #e6e6e6;
  text-align: center;
  letter-spacing: .2vw;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1vw;
  font-weight: 700;
  line-height: 1vw;
}

.news-element {
  z-index: 999;
  cursor: pointer;
  border: 1px solid #cf000000;
  width: 100%;
  min-width: 100%;
  padding-top: .5vw;
  padding-bottom: .5vw;
  display: flex;
  position: relative;
}

.news-element:hover {
  border-style: solid;
  border-width: 1px;
  border-color: var(--mainyellow) #ffe62b var(--mainyellow) var(--mainyellow);
}

.news-element.bottom {
  border-bottom-right-radius: 1vw;
  border-bottom-left-radius: 1vw;
  padding-bottom: .65vw;
}

.date-news {
  width: 19%;
  margin-right: .5vw;
}

.day-of-month {
  color: var(--white);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 1vw;
  font-weight: 700;
  line-height: 1vw;
}

.month {
  color: var(--mainyellow);
  text-align: center;
  margin-top: .1vw;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: .72vw;
  font-weight: 400;
  line-height: .72vw;
}

.news-mini {
  color: #e0dede;
  letter-spacing: 0;
  text-transform: capitalize;
  align-self: center;
  width: 81%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: .25vw;
  font-family: Open Sans, sans-serif;
  font-size: .9vw;
  font-weight: 300;
  line-height: 1vw;
}

.close-news {
  border-style: solid;
  border-width: .125vw;
  border-color: var(--mainyellow) #ffe731 var(--mainyellow) #ffe731;
  background-color: #111;
  border-radius: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2vw;
  height: 2vw;
  display: flex;
  position: absolute;
  inset: -1vw -1vw auto auto;
  box-shadow: .12vw .12vw 0 0 #6d6701;
}

.mini-c {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 1.2vw;
  display: flex;
}

.social-hold {
  justify-content: center;
  align-items: center;
  display: flex;
}

.social-hold.hide {
  margin-bottom: 1.75vw;
}

.button-link {
  position: absolute;
  inset: 0%;
}

.headline-holder {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.sol-svg {
  object-fit: contain;
  align-self: center;
  width: 1.8vw;
  margin-left: 1vw;
}

.sol-svg.cn {
  width: 2.6vw;
}

.teaser-bg {
  z-index: 100;
  border-style: solid;
  border-width: .2vw;
  border-color: var(--blue2) var(--blue);
  box-shadow: .1vw .1vw 0 .1vw var(--blueshad), 0 .4vw .7vw .2px #0000009c;
  background-color: #00000061;
  border-radius: 3.5vw;
  justify-content: center;
  align-items: center;
  width: 67vw;
  height: 38vw;
  display: flex;
  position: relative;
  inset: 0%;
}

.vid-overlayer {
  z-index: 100;
  background-color: #00000061;
  display: none;
  position: absolute;
  inset: 0%;
}

.vid-overlayer.desktop {
  background-color: #00000052;
  border-radius: 3.27vw;
  display: flex;
  box-shadow: inset 0 0 .5vw .5vw #0f0f0f82;
}

.play-soon {
  z-index: 111;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.play-soon.desktop {
  display: flex;
  position: relative;
}

.play-soon.mob {
  display: none;
  position: relative;
}

.play-soon-ing {
  opacity: 1;
  filter: drop-shadow(0 2px 6px #ffffffb3) invert();
  mix-blend-mode: normal;
  align-self: center;
  width: 7vw;
  height: 7vw;
}

.soon-hold {
  z-index: 999;
  color: #fff;
  width: 100%;
  font-family: Open Sans, sans-serif;
  font-size: 3vw;
  line-height: 3vw;
  position: relative;
  left: 0%;
}

.soon-hold.mob {
  display: none;
}

.soon0txt {
  text-align: center;
  letter-spacing: .3vw;
  text-shadow: 0 1px 1px #000000d9;
  margin-top: .5vw;
  margin-bottom: 0;
  font-size: 1vw;
  line-height: 1vw;
  position: relative;
}

.sponsor-fade {
  position: absolute;
  inset: 0% 0% auto;
}

.utility-page-wrap {
  z-index: 2;
  background-image: radial-gradient(circle, #002c8b, #00051a);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: relative;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.gif {
  align-self: center;
  width: 22vh;
  height: 22vh;
}

.heading-5 {
  color: var(--white);
  letter-spacing: .2vw;
  font-family: Bebasneue, sans-serif;
}

.body-2 {
  background-color: #000833;
}

.pass-sub {
  color: #d8d8d8;
  margin-bottom: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.text-field {
  z-index: 99;
  clear: none;
  border-style: solid;
  border-width: .125vw;
  border-color: var(--silverbottom) var(--white);
  box-shadow: 0vw .11vw 0 .05vw var(--silvershad), 0 3px 6px 0 #00000063;
  color: #d8d8d8;
  text-align: center;
  background-color: #16161685;
  border-radius: 1vw;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  font-family: Inconsolata, monospace;
  display: inline-flex;
  position: relative;
}

.submit-button {
  border-style: solid;
  border-width: .2vw;
  border-color: var(--blue2) var(--blue);
  background-image: linear-gradient(146deg, var(--blue), var(--punch-blue));
  box-shadow: 0vw .15vw 0 .1vw var(--blueshad), 0 0 1vw .5vw #0000, 0 3px 8px 0 #0000007a;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 1vw;
  width: 100%;
  font-family: Inconsolata, monospace;
  font-weight: 700;
  transition: box-shadow .25s;
}

.submit-button:hover {
  box-shadow: 0vw .15vw 0 .1vw var(--blueshad), 0 0 1vw .5vw #003bbb91;
}

.text-block {
  font-family: Inconsolata, monospace;
}

.cod-full-logo {
  height: 6.8vw;
  min-height: 6.8vw;
}

.cod-full-logo.mob {
  display: none;
}

.cta-link {
  z-index: 2;
  text-decoration: none;
  display: flex;
  position: relative;
  inset: 0%;
}

.link-block-social {
  position: absolute;
  inset: 0%;
}

.cn-foot {
  font-weight: 700;
}

.cn-footer-link {
  color: #a1a1a1;
  text-decoration: none;
}

.bgvideo-copy {
  z-index: 1;
  width: 103vw;
  min-width: 103vw;
  height: 102vh;
  max-height: 102vh;
  margin-top: 0;
  margin-left: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% 2%;
}

.bgvideo-copy.mob {
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  display: none;
}

.dl-link {
  display: flex;
  position: absolute;
  inset: 0%;
}

.playcanvas {
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.body-3 {
  overflow: hidden;
}

.code-embed {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .mainhead {
    font-size: 2.7vw;
    line-height: 2.7vw;
  }

  .lib-head {
    font-size: 1px;
  }

  .laptop-container {
    width: 600px;
  }

  .laptop-vid {
    width: auto;
  }

  .impulso-video-width {
    width: 76%;
  }

  .container-2 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  .laptop-container {
    width: auto;
  }

  .hero-heading-left {
    padding: 60px 15px;
  }
}

@media screen and (max-width: 479px) {
  .notification._1 {
    display: none;
  }

  .sideicon {
    width: 60%;
  }

  .sideicon.wireless, .sideicon.faq {
    width: 50%;
  }

  .sideicon.faq.uni {
    min-width: 50%;
  }

  .leftsidebar {
    width: 15%;
    display: none;
  }

  .logohold {
    object-fit: contain;
  }

  .logohold.tab {
    display: none;
  }

  .iconholdupper.uni {
    padding-top: 1.3vh;
  }

  .heading-4 {
    font-size: 1.5vw;
    line-height: 1.5vw;
  }

  .address-2 {
    padding: 1vw 3vw;
  }

  .tabscontent {
    background-color: #1a1a1afc;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .mob-logo {
    z-index: 99;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
    margin-top: 5vh;
    margin-left: 0;
    display: inline-flex;
    position: relative;
  }

  .chain {
    background-color: #919191e0;
    min-width: auto;
    max-width: none;
    padding: 1vw 2vw;
  }

  .hover-btn-9-text-block {
    color: #fff;
    letter-spacing: .2vw;
    text-shadow: none;
    padding-top: 2px;
    font-size: 3.6vw;
    line-height: 3.6vw;
  }

  .hover-btn-9-text-block.alt {
    font-size: 4vw;
    line-height: 4vw;
  }

  .hover-btn-9-text-block.docs {
    font-size: 3.6vw;
  }

  .hover-btn-9-text-block.hero {
    font-size: 3.4vw;
    line-height: 3.4vw;
  }

  .flash-2 {
    width: 75vw;
    display: none;
    top: 3.5svh;
  }

  .para-small {
    width: 95%;
    padding-right: 0;
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 3.4vw;
  }

  .bgvid-contain {
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .microtext {
    font-family: Inconsolata, monospace;
    font-size: 2.8vw;
    font-weight: 300;
    line-height: 2.8vw;
  }

  .microtext.ca {
    text-transform: uppercase;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .hero-content {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
    display: inline-flex;
    left: 0;
  }

  .icon-social-2, .icon-social-2.inv {
    object-fit: contain;
  }

  .logotab {
    width: 100%;
    margin-bottom: 2vw;
    font-size: 6vw;
    line-height: 6vw;
    display: flex;
  }

  .bgvideo {
    justify-content: center;
    align-items: center;
    display: none;
    left: -76%;
  }

  .bgvideo.mob {
    display: flex;
    left: 0%;
  }

  .lower-logo {
    display: inline-flex;
  }

  .tabs {
    border-radius: 3vw;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .defaultbutton {
    box-sizing: content-box;
    width: 24vw;
    height: 7vw;
    box-shadow: 0 1px 0 1px #0c31d6, 0 9px 16px 11px #0000003b;
  }

  .defaultbutton.pink {
    width: 34vw;
    height: 7vw;
    margin-left: 1vw;
    margin-right: 1vw;
    box-shadow: 0 1px 0 1px #b10242, 0 9px 16px 11px #0000003b;
  }

  .defaultbutton.enquire {
    width: 22vw;
    margin-right: 5vw;
  }

  .defaultbutton.bp {
    box-shadow: 0 .6vw 0 .3vw var(--blueshad), 0 9px 16px 11px #0000003b;
    width: 40vw;
    height: 7vw;
    margin-left: 0;
    margin-right: 4vw;
  }

  .defaultbutton.bp.community, .defaultbutton.bp.community.cn {
    width: 33vw;
  }

  .defaultbutton.docs {
    width: 34vw;
    height: 7vw;
    margin-left: 1vw;
    margin-right: 1vw;
    box-shadow: 0 .6vw 0 .3vw #888, 0 9px 16px 11px #0000003b;
  }

  .defaultbutton.docs.bp.docu {
    width: 33vw;
    margin-left: 2vw;
  }

  .defaultbutton.docs.bp.docu.cn {
    width: 25vw;
    margin-left: 3vw;
  }

  .defaultbutton.docs.cn2 {
    width: 38vw;
  }

  .defaultbutton.foot {
    box-shadow: 0 1px 0 1px var(--blueshad), 0 9px 16px 11px #0000003b;
    border-radius: 1vw;
    justify-content: center;
    align-items: center;
    width: 44vw;
    height: 11vw;
    margin-left: 1vw;
    margin-right: 1vw;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    display: block;
  }

  .defaultbutton.foot.cn {
    width: 60vw;
  }

  .cod-emblem-gif {
    z-index: -1;
    height: 30vw;
    display: inline-flex;
    position: absolute;
    inset: -1.4vw auto auto 41.5vw;
  }

  .agerating {
    font-size: 8vw;
    line-height: 6vw;
  }

  .cod-call-m {
    width: auto;
    height: 20vw;
  }

  .ca-hold {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 1vw;
    display: flex;
  }

  .sponsors {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: auto;
    padding-left: 10vw;
    padding-right: 10vw;
    display: none;
  }

  .sponsors.prior {
    display: none;
  }

  .sponsors.sub {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 0 0;
    display: flex;
    position: static;
  }

  .sponsors.sub._2 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .caholder-2 {
    object-fit: fill;
    background-color: #00000096;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    margin-bottom: 1vw;
  }

  .tabtexthold {
    width: 100%;
  }

  .tabtexthold.hero {
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-lower {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 3.5svh;
    display: flex;
  }

  .button-icon {
    width: 4vw;
    height: 4vw;
    margin-right: 1vw;
  }

  .button-icon.main {
    width: auto;
  }

  .button-icon.main.bp {
    object-fit: contain;
    height: 85%;
  }

  .button-icon.main.docs {
    height: 85%;
  }

  .button-icon.main.bp-copy {
    border-radius: 0;
    margin-right: 0;
    padding-top: .65vw;
    padding-bottom: .65vw;
  }

  .button-icon.main.foot {
    height: 7vw;
    margin-left: 0;
    margin-right: 0;
  }

  .launchpad-partner {
    width: auto;
    margin-bottom: 4.5svh;
  }

  .launchpad-partner.hide {
    display: none;
  }

  .buttoncontain {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    width: 85%;
    margin-top: 0;
    margin-bottom: 3vw;
  }

  .div-block {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 3px;
    display: flex;
  }

  .ratingholder {
    opacity: 1;
    align-self: center;
    display: none;
    position: absolute;
    inset: 0% 3% 0% auto;
    transform: none;
  }

  .ratingholder.mob {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    position: relative;
    right: 0%;
  }

  .microreg {
    margin-top: 2px;
    font-size: 2.6vw;
    line-height: 2.6vw;
  }

  .microreg.xs {
    margin-bottom: 2px;
    font-size: 1.7vw;
  }

  .social-circle-3 {
    border-color: var(--white);
    border-radius: 17vw;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 8vw;
    height: 8vw;
    margin-right: 2.5vw;
    display: flex;
    box-shadow: 0 2px 5px #000000e3;
  }

  .social-circle-3.end {
    margin-right: 0;
  }

  .social-circle-3.end.hero {
    border-radius: 50%;
    width: 8vw;
    min-width: 8vw;
    height: 8vw;
    min-height: 8vw;
    margin-right: 0;
    overflow: hidden;
  }

  .social-circle-3.x {
    border-radius: 30vw;
    padding: 2vw .4vw;
  }

  .social-circle-3.x.hero {
    width: 8vw;
    min-width: 8vw;
    height: 8vw;
    min-height: 8vw;
    margin-right: 2.5vw;
    padding: 1vw .6vw;
  }

  .social-circle-3.x.jup {
    width: 8vw;
    min-width: 8vw;
    height: 8vw;
    min-height: 8vw;
    margin-right: 2.5vw;
    padding: .5vw;
  }

  .social-circle-3.x.screen {
    width: 8vw;
    height: 8vw;
    margin-right: 2.5vw;
    padding-top: .5vw;
    padding-bottom: .5vw;
  }

  .social-circle-3.x.tools {
    width: 8vw;
    height: 8vw;
    margin-right: 2.5vw;
    padding: .2vw 0;
  }

  .social-circle-3.x.view {
    width: 8vw;
    min-width: 8vw;
    height: 8vw;
    min-height: 8vw;
    margin-right: 2.5vw;
    padding: 0;
    overflow: hidden;
  }

  .social-circle-3.disc {
    border-radius: 30vw;
    padding: 2vw .4vw;
  }

  .social-circle-3.tik {
    border-radius: 30vw;
    padding: 1.75vw .4vw;
  }

  .social-circle-3.yt {
    border-radius: 30vw;
    padding-top: 0;
    padding-left: .4vw;
    padding-right: .4vw;
  }

  .social-circle-3.hero {
    width: 7vw;
    min-width: 7vw;
    height: 7vw;
    min-height: 7vw;
    margin-right: 1.5vw;
  }

  .social-circle-3.hero.start {
    border-radius: 50%;
    width: 8vw;
    min-width: 8vw;
    height: 8vw;
    min-height: 8vw;
    margin-left: 0;
    margin-right: 2.5vw;
    overflow: hidden;
  }

  .defirating {
    background-image: linear-gradient(146deg, #0375ff, #0024c3);
    padding: 3px;
  }

  .welcomecontent {
    padding: 3vw;
  }

  .hero2 {
    flex-flow: column;
    height: 100svh;
    display: flex;
  }

  .mainhead {
    color: #fff;
    text-shadow: none;
    margin-bottom: 0;
    font-family: Bebasneue, sans-serif;
    font-size: 6vw;
    font-weight: 700;
    line-height: 6vw;
    display: flex;
  }

  .image-15 {
    width: 2.6vw;
    margin-left: 2vw;
  }

  .drawercontain {
    width: 90%;
    margin-top: 0;
    display: block;
    bottom: 0%;
    left: 0%;
  }

  .part {
    object-fit: contain;
    height: 5svh;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .part.inv, .part.inv._5, .part._5 {
    height: 5svh;
  }

  .part._2 {
    filter: grayscale() brightness(200%);
    display: none;
  }

  .part.sol {
    height: 3.1svh;
  }

  .cod-of-m {
    height: 12vw;
    margin-right: 1.5vw;
  }

  .cod-degens-m {
    height: 20vw;
  }

  .part-txt {
    letter-spacing: .25vh;
    text-shadow: 0 .5px 1px #000000ed;
    margin-bottom: 1.5vw;
    font-size: 2.1vw;
    font-weight: 700;
    line-height: 2vw;
  }

  .rating-and-sponsors {
    width: 100%;
    position: relative;
  }

  .sub-splash {
    clear: both;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 0%;
    padding-top: 5svh;
    padding-bottom: 1vw;
    padding-left: 0;
    display: flex;
  }

  .switch {
    border-radius: 6vw;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 15vw;
    height: 8.0769vw;
    padding: 2px;
    display: flex;
  }

  .youtube-holder {
    display: none;
  }

  .bullet {
    width: 14vw;
    inset: 6% auto auto 1%;
  }

  .tech-logo {
    height: 4vw;
    margin-right: 4vw;
  }

  .tech-logo.invert {
    height: 4vw;
    margin-right: 3vw;
  }

  .powered-by-container {
    margin-top: 10vw;
    display: none;
  }

  .trailer {
    height: 120vw;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }

  .trailer-underlayer {
    display: none;
  }

  .trailer-hold {
    z-index: 9999990;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

  .tech, .tech.end {
    display: none;
  }

  .bottom-svg {
    object-fit: cover;
  }

  .bottom-svg.top._2 {
    z-index: 920;
    object-fit: cover;
  }

  .bottom-svg.top._2.white._3 {
    inset: auto 0% 0%;
  }

  .bottom-svg.top._2.white._3._4 {
    position: absolute;
  }

  .switch__handle {
    border-radius: 95vw;
    justify-content: center;
    align-items: center;
    width: 7vw;
    height: 8vw;
  }

  .backlight-switch {
    display: none;
  }

  .trailertrig {
    margin-top: 0;
    margin-bottom: 5vh;
    display: block;
    bottom: 0;
  }

  .trailertrig.desktop {
    display: none;
  }

  .container {
    z-index: 999;
    justify-content: flex-end;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .mini-txt {
    margin-bottom: 3vw;
    font-size: 3vw;
    font-weight: 400;
    line-height: 3vw;
  }

  .trailertxt {
    font-size: 5vw;
    line-height: 5vw;
  }

  .switch__icon {
    width: 5vw;
  }

  .youtube-trailer {
    border-radius: 0;
  }

  .marquee-horizontal {
    height: 20px;
  }

  .marquee-horizontal._2 {
    height: 7vw;
  }

  .marquee-text {
    font-size: 6.5vw;
    line-height: 6.55vw;
  }

  .live {
    width: 1.5vw;
    height: 1.5vw;
    margin-right: 1.5vw;
  }

  .feature-scroll {
    z-index: 99;
    clear: both;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 96vw;
    height: auto;
    margin-top: -37vw;
    margin-right: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: sticky;
    top: 0;
  }

  .eta-text {
    font-size: 3vw;
    line-height: 3vw;
  }

  .feature {
    padding: 0;
  }

  .feats {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding-bottom: 12vw;
    padding-left: 0;
    overflow: hidden;
  }

  .features-scroller {
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    padding-top: 0;
  }

  .new-button {
    border-radius: 5vw;
    width: auto;
    height: 8vw;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .heading-main.features-text {
    z-index: 99;
    letter-spacing: .85vw;
    font-family: Open Sans, sans-serif;
    font-size: 7vw;
    font-weight: 800;
    line-height: 8.7vw;
    position: static;
  }

  .heading-main.foot-menu {
    z-index: 99;
    font-size: 8vw;
    line-height: 8vw;
    position: static;
  }

  .heading-main.foot-menu.buy {
    letter-spacing: .5vw;
    font-size: 8vw;
    line-height: 8vw;
  }

  .text-hold, .mog-jiggle {
    width: 100%;
  }

  .heading-container {
    z-index: 999;
    width: auto;
    height: auto;
    min-height: auto;
    max-height: none;
    margin-bottom: 5vw;
    margin-left: 0;
  }

  .feature-img {
    width: 17%;
  }

  .feature-img.trophy {
    filter: drop-shadow(0 2px 5px #0000005e);
    width: 26%;
    inset: 8.1vw -4.5vw auto auto;
    transform: rotate(3deg);
  }

  .feature-img.trophy.cn {
    top: -2.9vw;
  }

  .feature-img.def {
    filter: drop-shadow(0 2px 5px #00000052);
    width: 24%;
    inset: 9.1vw -3.3vw auto auto;
  }

  .feature-img.def.cn {
    top: 2vw;
    right: -3.6vw;
  }

  .feature-img.inv.reward {
    filter: drop-shadow(0 2px 5px #00000038);
    width: 24%;
    inset: 11.6vw -1.7vw auto auto;
  }

  .feature-img.inv.reward.cn {
    top: -.05vw;
    right: -1.2vw;
  }

  .feature-img.main {
    width: 27%;
    inset: -93% -7% auto auto;
  }

  .feature-img.main.p2e {
    filter: drop-shadow(0 1px 4px #00000030) brightness(110%);
    width: 29%;
    inset: 13.7vw -4.3vw auto auto;
  }

  .feature-img.main.p2e.cn {
    top: 10vw;
    right: -4.9vw;
  }

  .feature-img.main.nft {
    width: 28%;
    inset: -51% -5% auto auto;
  }

  .feature-img.main.nft.integ {
    display: none;
  }

  .stardiv {
    opacity: .52;
  }

  .stardiv.pass {
    background-image: linear-gradient(#000000a3, #000000a3);
  }

  .button-tct {
    font-size: 3.5vw;
    line-height: 3.5vw;
  }

  .eta {
    height: auto;
    padding: 2vw 3vw;
    inset: -16% -3% auto auto;
  }

  .bg {
    justify-content: center;
    align-items: center;
    height: auto;
    position: sticky;
  }

  .para {
    text-align: center;
    width: 100%;
    margin-top: 25px;
    line-height: 24px;
  }

  .para.feature-sub {
    color: #e2e2e2;
    text-align: left;
    text-shadow: none;
    width: 75%;
    min-width: 75%;
    max-width: 75%;
    margin-top: 4.5vw;
    font-size: 3.3vw;
    font-weight: 300;
    line-height: 4.75vw;
    display: flex;
  }

  .para.feature-sub.integ {
    width: 100%;
    min-width: 100%;
    margin-bottom: 4vw;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
  }

  .para.feature-sub.base {
    width: 76%;
    min-width: 76%;
    max-width: 76%;
    margin-top: 4.5vw;
  }

  .para.feature-sub._2 {
    width: 75%;
    min-width: 75%;
    max-width: 75%;
    overflow: visible;
  }

  .feautre-hold {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: #080808b0;
    border-width: .85vw;
    border-radius: 4vw;
    width: 100%;
    margin-top: 3vw;
    margin-bottom: 6vw;
    padding: 7.5vw 7vw 8vw;
  }

  .feautre-hold.end {
    margin-bottom: 6vw;
  }

  .feautre-hold.end._2 {
    padding-left: 7vw;
    padding-right: 7vw;
  }

  .feature-head {
    letter-spacing: .1vw;
    text-transform: uppercase;
    text-shadow: 0 2px 3px #0000006b;
    font-size: 5.2vw;
    font-weight: 600;
    line-height: 4.9vw;
  }

  .feature-head.top {
    color: var(--mainyellow);
    text-align: center;
    letter-spacing: .1vw;
    width: 100%;
    margin-top: 3vw;
    font-size: 5.2vw;
    font-weight: 600;
    line-height: 6vw;
  }

  .feature-head.narrow {
    width: 100%;
    font-size: 4.66vw;
    line-height: 6vw;
  }

  .feature-head.narrow._2 {
    font-size: 4.4vw;
    line-height: 4.4vw;
  }

  .feature-head.mob {
    font-size: 5.2vw;
    line-height: 7vw;
  }

  .enquire-head {
    font-size: 2.9vw;
    font-weight: 700;
    line-height: 3.7vw;
  }

  .shadows {
    z-index: 1;
    opacity: 0;
    background-image: linear-gradient(#000, #29292900 2%, #e8e8e800 95%, #0000);
  }

  .mode-bg.zomb {
    padding-top: 4vw;
    display: flex;
  }

  .mode-bg.chill, .mode-bg.td {
    display: none;
  }

  .mode-shadow {
    z-index: 1;
    background-image: linear-gradient(#080808 8%, #fff0 95%);
    height: 20vw;
  }

  .underline.chill, .underline.td, .underline.zomb {
    height: .5vw;
  }

  .mode-big-head {
    font-size: 7.5vw;
    font-weight: 700;
    line-height: 7.5vw;
  }

  .video-hold {
    width: 180vw;
    min-width: 180vw;
    max-width: 180vw;
    position: relative;
    right: 40vw;
  }

  .mode-descrip {
    padding-top: 4.5vw;
  }

  .mode-info-para {
    text-transform: none;
    width: 90%;
    font-size: 3vw;
    font-weight: 400;
    line-height: 4vw;
  }

  .mode-info-para.wide {
    width: 92%;
  }

  .game-modes2 {
    padding-left: 0;
    overflow: hidden;
  }

  .selector {
    padding-top: 0;
  }

  .mode-title-selector {
    letter-spacing: .3vw;
    font-family: Open Sans, sans-serif;
    font-size: 3vw;
    font-weight: 600;
    line-height: 3vw;
  }

  .mode-select-block {
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  .marquee-text-2 {
    font-size: 5vw;
    line-height: 5vw;
  }

  .marquee-text-2._2 {
    align-self: center;
    font-size: 6vw;
    line-height: 6vw;
  }

  .card-head, .card-head.light {
    font-size: 1.4vw;
    line-height: 1.2vw;
  }

  .tab-contain {
    height: 11.05vw;
    margin-top: 0;
    top: 5.2vw;
  }

  .ranked-stats-holder {
    background-color: #0e0e0e;
    box-shadow: -.08vw .03vw #888, inset 0 0 .15vw .1vw #d1d1d163, -.1vw 0 .3vw #0000008f, 3vw 0 0 3vw #fffb0e;
  }

  .card-stats-text {
    align-self: center;
    font-family: Inconsolata, monospace;
    font-weight: 700;
    line-height: .8vw;
  }

  .card-stats-text.coral {
    color: #53d4ff;
    align-self: center;
    font-weight: 700;
  }

  .card-stats-text._2 {
    text-align: center;
    letter-spacing: 0;
    font-family: Inconsolata, monospace;
    font-weight: 700;
    line-height: .8vw;
  }

  .card-stats-text._2.white {
    align-self: center;
    font-family: Inconsolata, monospace;
    font-weight: 700;
  }

  .bp-switcher {
    width: auto;
    margin-top: 28vw;
  }

  .reward-gui {
    font-size: .8vw;
    line-height: 1vw;
  }

  .class-hold {
    border-right: .5px solid #6b6b6b;
    margin-right: 3vw;
    padding-right: 3vw;
  }

  .class-hold.fin, .class-hold.end {
    border-right-style: none;
  }

  .qr {
    z-index: 999;
    display: inline-flex;
  }

  .qr.mob {
    z-index: 99999;
    filter: brightness(30%);
    mix-blend-mode: normal;
    display: none;
    position: relative;
  }

  .bottom-card-dial {
    opacity: 1;
    height: 14.45vw;
  }

  .slide-out-tab {
    height: 98.2%;
  }

  .slide-out-tab.bottom.gold {
    opacity: 1;
    flex-flow: column;
    flex: 0 auto;
    align-self: auto;
    height: 98.2%;
    display: block;
    left: .15vw;
  }

  .card-indent1 {
    z-index: 999;
    position: relative;
  }

  .police-tape-containerx {
    height: 40vh;
    margin-top: -5vh;
    display: none;
    position: relative;
    left: 0%;
    transform: none;
  }

  .police-tape-containerx.mob {
    min-height: 40vh;
    margin-top: -25vh;
    display: block;
    left: 5vw;
    transform: scale(1.3);
  }

  .window-tri {
    box-shadow: 0 -5vw 0 5vw #fffb0e;
  }

  .window-tri2 {
    box-shadow: 0 5vw 0 5vw #fffb0e;
  }

  .card-tier {
    flex-flow: column;
    line-height: 14px;
  }

  .card-tier.mid {
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: center;
  }

  .cod-indent {
    font-size: 1.1vw;
    line-height: 1.1vw;
  }

  .main-bp-head.bp2 {
    font-size: 9vw;
    line-height: 9vw;
  }

  .lib-title.sub {
    font-size: 2.3vw;
    line-height: 3vw;
  }

  .bp-para.narrow {
    color: #e4e3e3;
    margin-top: 0;
    font-size: 3.5vw;
    line-height: 5vw;
  }

  .stat-icon-mini {
    height: .84vw;
  }

  .mini-stat-contain {
    margin-top: .35vw;
  }

  .class-head {
    margin-bottom: 2.5vw;
    font-size: 2.5vw;
    font-weight: 400;
    line-height: 2.5vw;
  }

  .indent-circ {
    left: -1.4vw;
    box-shadow: -2vw 0 0 0 #fffb0e;
  }

  .indent-circ.lime {
    box-shadow: -2vw 0 #9bff21;
  }

  .indent-circ.emerald {
    box-shadow: -2vw 0 0 0 #1ff165;
  }

  .indent-circ.orange {
    box-shadow: -2vw 0 0 0 #eb1f48;
  }

  .indent-circ.blue {
    box-shadow: -2vw 0 #1ecbe1;
  }

  .indent-circ.plat2 {
    box-shadow: -2vw 0 #e5e4e2;
  }

  .indent-circ.purp {
    box-shadow: -2vw 0 0 0 #ba30ff;
  }

  .indent-circ._2 {
    top: -.5vw;
    left: -1.25vw;
    box-shadow: -2vw 0 0 1.88vw #fffb0e;
  }

  .indent-circ._2.lime {
    box-shadow: -2vw 0 0 1.88vw #aaff21;
  }

  .indent-circ._2.emerald2 {
    box-shadow: -2vw 0 0 1.88vw #1ff165;
  }

  .indent-circ._2.plat {
    box-shadow: -2vw 0 0 1.88vw #e5e4e2;
  }

  .indent-circ._2.black {
    box-shadow: -2vw 0 0 1.88vw #111;
  }

  .indent-circ._2.purp {
    box-shadow: -2vw 0 0 1.88vw #ba30ff;
  }

  .indent-circ._2.orane {
    box-shadow: -2vw 0 0 1.88vw #eb1f48;
  }

  .indent-circ._2.blue2 {
    box-shadow: -2vw 0 0 1.88vw #1ecbe1;
  }

  .indent-circ._2.crim {
    box-shadow: -2vw 0 0 1.88vw #ff0425;
  }

  .indent-circ.black {
    box-shadow: -2vw 0 #111;
  }

  .indent-circ.crim {
    box-shadow: -2vw 0 #ff0425;
  }

  .type-test.head {
    font-size: .6vw;
    line-height: .7vw;
  }

  .type-test.title {
    margin-bottom: .2vw;
    font-size: .65vw;
    line-height: .65vw;
  }

  .boost-rate {
    width: 4vw;
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .percent-span {
    font-size: 2.5vw;
    line-height: 2.5vw;
  }

  .top-card {
    height: 5.525vw;
  }

  .window-container {
    opacity: 1;
  }

  .lib-head {
    margin-bottom: 3vw;
    font-size: 3vw;
    line-height: 3vw;
  }

  .type-1 {
    justify-content: space-between;
    padding-top: 1.1vw;
    padding-bottom: 1.1vw;
  }

  .card-main {
    flex-flow: column;
    width: 20vw;
    min-width: 20vw;
    max-width: 20vw;
    display: flex;
    transform: scale(2.5);
  }

  .card-stats {
    align-self: center;
    display: flex;
  }

  .rank-span {
    font-weight: 700;
  }

  .battle-pass {
    background-image: linear-gradient(166deg, #0f0f0f, var(--punch-blue) 48%);
    order: 0;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-top: 5vw;
    padding-bottom: 20vw;
    padding-left: 0;
  }

  .bg-bp._2 {
    height: auto;
    min-height: 100vh;
  }

  .glass-window.gui {
    opacity: 1;
  }

  .bp-thumb {
    width: 6vw;
    height: 6vw;
    margin-right: 2vw;
  }

  .shine-hold {
    height: 98.2%;
  }

  .bp-header {
    box-shadow: .45vw .45vw 0 .45vw var(--blueshad), 0 4px 9px 0 #000000c2;
    border-width: 1.5vw;
    border-radius: 5vw;
    padding: 6vw 2vw;
  }

  .battle-pass-contain {
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 100%;
    left: 0;
  }

  .bp-subhead {
    margin-top: 1vw;
    margin-bottom: 4vw;
    font-size: 4vw;
    line-height: 5vw;
  }

  .bp-subhead.cn2 {
    margin-top: 1.5vw;
    font-size: 5vw;
    font-weight: 400;
  }

  .bottom-right, .bottom-right.under {
    opacity: 1;
    box-shadow: .1vw -.2vw 0 .1vw #969300;
  }

  .bottom-right.hide {
    opacity: 1;
  }

  .game-lib {
    margin-top: 6vw;
  }

  .window-frame-under {
    background-color: #272727;
  }

  .bottom-card {
    opacity: 1;
    height: 14.45vw;
  }

  .bp-container {
    flex-flow: column;
    padding-top: 0;
  }

  .battle-grad.purp {
    background-color: #9730ff;
  }

  .indent-contain {
    height: 11.05vw;
    top: -.2vw;
  }

  .indent-contain.over {
    height: 11.05vw;
    top: 5.525vw;
  }

  .tab-hold {
    opacity: 1;
    width: 3.349vw;
    box-shadow: -.2vw 0 0 .05vw #969300, .07vw 0 0 .07vw #969300, -.1vw .1vw .34vw #0000009e;
  }

  .issue-number {
    display: none;
  }

  .game-icon {
    width: 14vw;
    height: 14vw;
  }

  .glass-lower {
    height: 98.2%;
  }

  .pass-container.lime {
    left: -1.5vw;
  }

  .pass-container.purple {
    left: -1.4vw;
  }

  .pass-container.gold {
    display: block;
  }

  .pass-container.black, .pass-container.blue {
    left: -1.5vw;
  }

  .pass-container.crimson {
    left: -3vw;
  }

  .loop-gameplay {
    height: 86vw;
  }

  .bottom-pad {
    box-shadow: -.2vw -.2vw 0 .2vw #969300;
  }

  .bp-backing {
    display: none;
  }

  .req-am {
    justify-content: center;
    align-items: center;
    width: 200%;
    top: 25.1vw;
    left: -28.6vw;
  }

  .req-txt {
    color: #dbdbdb;
    font-size: 2.3vw;
    font-weight: 700;
    line-height: 2.3vw;
  }

  .pass-pre.ivory {
    display: none;
  }

  .pass-pre.gold {
    width: 100%;
    display: block;
  }

  .pass-pre.blk, .pass-pre.emerald, .pass-pre.blue, .pass-pre.crimson, .pass-pre.purple, .pass-pre.orange, .pass-pre.lime, .bp-info-holder {
    display: none;
  }

  .bp-info-holder.mob {
    z-index: 79;
    width: 96%;
    margin-top: 8vw;
    display: flex;
    position: relative;
    left: -.5vw;
  }

  .buttons {
    margin-top: 6vw;
  }

  .claim-live {
    z-index: 5;
    bottom: -3.7vw;
    left: 1.6vw;
  }

  .mini {
    color: #fff;
    letter-spacing: .2vw;
    font-size: 2vw;
    line-height: 2vw;
  }

  .mini.cn2 {
    position: relative;
    left: 1vw;
  }

  .bp-switch-full {
    z-index: 77;
    margin-top: 38.5vw;
    padding-bottom: 0;
    position: relative;
  }

  .char-info {
    border-top-width: .5px;
    border-bottom-right-radius: .3vw;
    border-bottom-left-radius: .3vw;
    overflow: hidden;
  }

  .mode-title-head._2 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 10vw;
    line-height: 10vw;
    display: flex;
  }

  .char-selector {
    flex-flow: column;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .headspan {
    flex-flow: column;
    align-self: center;
    font-size: 5vw;
    line-height: 14vw;
    display: flex;
  }

  .characters-top {
    align-self: center;
    margin-bottom: 0;
    margin-right: 2vw;
  }

  .dropdown-list {
    display: none;
  }

  .character-select-head {
    margin-bottom: 0;
  }

  .characters {
    height: 210vw;
    min-height: 210vw;
    padding-top: 16vw;
    padding-left: 0;
  }

  .char-name {
    color: #5e5e5e;
    font-family: Inconsolata, monospace;
    font-size: 2.5vw;
    font-weight: 600;
    line-height: 2.5vw;
  }

  .char-name.s {
    font-size: 1.4vw;
    line-height: 1.4vw;
  }

  .char-name-contianer {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .full-character.mog-img {
    width: 100%;
    max-width: 100%;
    right: 0;
  }

  .full-character.mogana {
    opacity: 1;
    display: inline-block;
    right: -5%;
  }

  .full-character.mogana.skinmog2 {
    z-index: 5;
    opacity: 1;
    display: inline-block;
    inset: auto 0% 2% 9%;
  }

  .full-character.betta-img {
    top: 5.5vw;
    right: -17.1vw;
  }

  .full-character.pepe {
    right: -10vw;
  }

  .full-character.pepita {
    right: 16.4vw;
  }

  .skin1 {
    font-size: 3vw;
    line-height: 3vw;
  }

  .dialogue {
    display: none;
  }

  .dialogue.mogana {
    border-radius: 12px;
    width: 80vw;
    display: flex;
    inset: auto 0% 69vw 10%;
  }

  .dialogue.bretta {
    border-radius: 12px;
    justify-content: flex-start;
    align-items: center;
    width: 80vw;
    display: flex;
    inset: auto 0% 63.4vw 10%;
  }

  .dialogue.pepita {
    border-radius: 12px;
    width: 80vw;
    display: flex;
    inset: auto 0% 62.1vw 10%;
  }

  .dialogue.pepita.officer {
    border-radius: 12px;
    inset: auto 0% 42.4vw 10%;
  }

  .dialogue.mogman {
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    width: 80vw;
    display: flex;
    inset: auto 0% 65.3vw 10%;
  }

  .micro-text {
    display: none;
  }

  .para-small-2 {
    width: 100%;
    padding-right: 0;
    font-family: Open Sans, sans-serif;
    font-size: 2.7vw;
    font-weight: 400;
    line-height: 3.6vw;
  }

  .hero-text {
    font-size: 15vw;
    line-height: 15vw;
    top: -29.5vw;
    right: .8vw;
  }

  .hero-text.mogan {
    top: -30.8vw;
    right: -9.8vw;
  }

  .hero-text.pepita {
    right: -2vw;
  }

  .hero-text.mogana.pepe {
    text-align: center;
    font-size: 12vw;
    line-height: 11vw;
    top: -28.85vw;
    right: 3.4vw;
  }

  .hero-text.man {
    justify-content: center;
    align-items: center;
    font-size: 15vw;
    line-height: 15vw;
    display: flex;
    inset: -15% 0% auto auto;
  }

  .hero-text.man:hover {
    color: #fff;
  }

  .tick {
    height: 2vw;
    margin-top: 2px;
  }

  .dropdown {
    align-self: center;
  }

  .skin-drop {
    z-index: 999999;
    top: 19vw;
  }

  .skin-drop.pepe {
    top: 20.9vw;
  }

  .skin-txt {
    color: #f7f7f7;
    letter-spacing: .1vw;
    font-family: Open Sans, sans-serif;
    font-size: 2.8vw;
    font-weight: 600;
    line-height: 3vw;
  }

  .top-row {
    align-self: center;
  }

  .character.mogana {
    opacity: 1;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .character.mog-man {
    opacity: 1;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .character.officer, .character.bretta {
    opacity: 1;
    display: none;
  }

  .character.pepita {
    flex-flow: row;
    display: none;
  }

  .icon {
    filter: invert();
    height: auto;
    margin-top: 0;
  }

  .right-characters {
    width: 100vw;
    position: relative;
    top: 18vw;
    right: 0%;
  }

  .bg-detail {
    width: 100%;
    bottom: 68.4vw;
    right: 0%;
  }

  .left-character {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: -6vw;
    padding-bottom: 5vw;
    position: absolute;
    inset: 0% 0% auto;
  }

  .char-icon {
    border-width: 1px;
    border-radius: 1vw;
    width: 13.5vw;
    height: 19.278vw;
    margin-right: 2vw;
    overflow: visible;
    box-shadow: 0 1px #363636, 0 1px 4px 1px #00000073;
  }

  .char-icon:hover {
    transform: translate(0, -.5vh);
    box-shadow: 0 2px #7a6401, 0 4px 6px 2px #0000005e;
  }

  .char-icon.end {
    margin-right: 0;
  }

  .char-icon.pink:hover {
    box-shadow: 0 2px #7d006b, 0 4px 6px 2px #0000005e;
  }

  .char-icon.green:hover {
    box-shadow: 0 2px #019119, 0 4px 6px 2px #0000005e;
  }

  .char-icon.hidden {
    margin-right: 0;
  }

  .skin-select {
    justify-content: center;
    align-items: center;
  }

  .dialogue-txt {
    width: 100%;
    padding: 1.5vw;
  }

  .preload-min {
    display: none;
  }

  .preload-logo {
    width: 25vw;
    height: 25vw;
    margin-bottom: 0;
    top: -1vw;
  }

  .l-wrapper {
    margin-left: 0;
  }

  .preload-social {
    display: none;
  }

  .close {
    text-align: center;
    justify-content: center;
    align-items: center;
    font-size: 3vw;
    line-height: 3vw;
    left: 0;
  }

  .close.cn {
    font-size: 3vw;
    line-height: 3vw;
  }

  .content-wrapper {
    height: 100dvh;
    padding-top: 132px;
    padding-bottom: 117px;
  }

  .container-content {
    display: flex;
  }

  .loader-foot {
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .perloader-wrapper {
    z-index: 9999999;
    display: flex;
  }

  .logo-progressbar {
    width: auto;
  }

  .logo-pre {
    margin-bottom: 3vw;
    padding-left: 0;
  }

  .logo-pre.foot {
    flex-flow: row;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100vw;
    max-width: 100vw;
  }

  .call-cod {
    height: 20vw;
  }

  .call-cod.s {
    height: 14vw;
  }

  .of-cod {
    height: 11vw;
  }

  .of-cod.ss {
    height: 10vw;
    margin-left: 1.5vw;
    margin-right: 2vw;
  }

  .degens-cod {
    height: 20vw;
  }

  .degens-cod.sss {
    object-fit: contain;
    height: 14vw;
    min-height: 14vw;
    overflow: hidden;
  }

  .powered-pre {
    display: none;
  }

  .step-para {
    margin-bottom: 2vw;
    padding-left: 6vw;
    padding-right: 6vw;
    font-size: 3.3vw;
    line-height: 4.5vw;
  }

  .step-head {
    margin-bottom: 3vw;
    padding-top: 2vw;
    font-size: 5vw;
    font-weight: 600;
    line-height: 5vw;
  }

  .instruction-block {
    border-style: solid;
    border-width: 1.5vw;
    border-color: var(--blue2) var(--blue);
    box-shadow: .4vw .4vw 0 .4vw var(--blueshad), 0 1vw 3vw 0 #00000096;
    background-color: #131313;
    border-radius: 6vw;
    flex-flow: column;
    width: 100%;
    height: auto;
    margin-bottom: 20vw;
    position: relative;
    overflow: hidden;
  }

  .instruction-block.end {
    margin-bottom: 0;
  }

  .laptop-container {
    width: 90%;
    max-width: 100%;
  }

  .laptop-vid {
    height: 86.5%;
  }

  .html-embed {
    height: 100%;
  }

  .mob-claim {
    border-radius: 8vw;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    box-shadow: -.3vw .3vw 0 .3vw #1b1b1b, 0 0 1vw 1vw #2d68fd57;
  }

  .how-it-works {
    width: 100%;
    padding-top: 25vw;
    display: flex;
  }

  .bean-container {
    width: 45%;
    height: auto;
    bottom: 5.8vw;
  }

  .bean-img {
    top: 1%;
  }

  .sub-news.small {
    width: 100%;
    padding-left: 0;
  }

  .headih {
    letter-spacing: .1vw;
    padding: 0 1vw;
    font-family: Open Sans, sans-serif;
    font-size: 2vw;
    line-height: 2vw;
  }

  .news-container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-top: 15vw;
    padding-left: 0;
    padding-right: 0;
  }

  .pinksale-counter {
    width: 100%;
    height: 100vh;
  }

  .hover-btn-9-text-block-2 {
    color: #fff;
    letter-spacing: .2vw;
    text-shadow: none;
    padding-top: 2px;
    font-size: 4vw;
    line-height: 4vw;
  }

  .flash-progress {
    width: 100%;
    display: none;
    top: 4%;
    right: 0%;
  }

  .news-date-text {
    letter-spacing: .1vw;
    font-family: Inconsolata, monospace;
    font-size: 3vw;
    line-height: 3vw;
  }

  .bg-loop-hold {
    height: 100vh;
  }

  .news-head {
    border-top: 1px solid var(--blue);
    margin-top: 0;
    margin-bottom: 1.5vw;
    padding-top: 4vw;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 4vw;
    line-height: 5.3vw;
  }

  .news-heading-small {
    margin-top: 4vw;
    margin-bottom: 2vw;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 3.5vw;
    font-weight: 600;
    line-height: 4.9vw;
  }

  .news-date {
    background-color: var(--blue);
    height: auto;
    margin-top: 3vw;
    margin-right: 2.5vw;
    padding: 1vw 1.5vw;
  }

  .news-date._2 {
    height: auto;
    margin: 1vw 0 0 4vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
  }

  .news-heading {
    display: none;
  }

  .news-heading.mob {
    margin-bottom: 8vw;
    font-size: 7vw;
    line-height: 7vw;
    display: block;
  }

  .news-block._2 {
    border-width: .8vw;
    border-radius: 3.5vw;
    margin-bottom: 4vw;
    padding: 3vw 0;
    display: flex;
    box-shadow: .25vw .25vw 0 .25vw #484848;
  }

  .news-highlight.l {
    margin-bottom: 4.5vw;
    padding-left: 4vw;
    padding-right: 4vw;
    font-size: 3vw;
    line-height: 4vw;
  }

  .news-l {
    height: 100%;
  }

  .grad-news._2 {
    filter: blur(25vw);
    width: 45vw;
    height: 45vw;
    top: 51%;
    right: 29vw;
  }

  .news {
    display: none;
  }

  .news-img {
    height: 55vw;
    max-height: none;
  }

  .news-large {
    border-width: .8vw;
    border-radius: 3.5vw;
    width: 100%;
    height: auto;
    margin-bottom: 5vw;
    padding-bottom: 0;
    box-shadow: .2vw .2vw 0 .2vw #054797, 0 0 0 0 #0037ffb5, .24vw 1vw 1vw 1vw #0000005e;
  }

  .tile-icon {
    z-index: -1;
    display: none;
    position: absolute;
  }

  .tile-icon.mob {
    z-index: 0;
    align-self: center;
    width: 60%;
    display: flex;
    top: -39.3vw;
    left: 19.9vw;
  }

  .tile-icon.mob._2 {
    width: 100%;
    inset: -42.9vw auto auto 0;
  }

  .tile-icon.mob._3 {
    width: 100%;
    inset: -26.6vw 0% auto auto;
  }

  .dollar-gif {
    width: 9vw;
    top: -2.8vw;
    right: 24.9vw;
  }

  .how-links {
    padding-top: 1vw;
    padding-bottom: 1vw;
  }

  .link-note {
    font-size: 2vw;
    line-height: 2.5vw;
    display: none;
  }

  .link-note.mob {
    font-size: 3vw;
    line-height: 4.5vw;
    display: flex;
  }

  .tg-bp {
    width: 5.5vw;
    height: 5.5vw;
  }

  .os {
    height: 3vw;
  }

  .os.mac {
    height: 3vw;
    margin-left: 1.5vw;
  }

  .bg-head {
    color: var(--white);
    text-shadow: 0 2px #584e00, 0 1px 2px #000000d1;
    margin-bottom: 10vw;
    font-size: 12vw;
    line-height: 12vw;
  }

  .bg-head.white.sponsor {
    margin-bottom: 10vw;
    font-size: 5.5vw;
    line-height: 5.5vw;
  }

  .img-bg {
    display: none;
  }

  .half {
    width: 96vw;
    max-width: 96vw;
  }

  .half.top {
    width: 94%;
    margin-left: 0;
    padding-bottom: 0;
  }

  .half.bottom {
    width: 100vw;
    max-width: 100vw;
  }

  .logo-loop {
    width: 100%;
    display: none;
    right: 0%;
  }

  .logo-loop.mob {
    z-index: 2;
    width: 100vw;
    display: flex;
    position: absolute;
    inset: -2% 0% auto;
  }

  .next-move {
    justify-content: center;
    align-items: center;
    width: 100vw;
    max-width: 100vw;
    height: auto;
    padding: 60vw 0 20vw;
  }

  .gradient-terminal {
    opacity: .57;
    filter: blur(26vw);
    background-color: #1758ff;
    left: -4%;
  }

  .lower-img {
    z-index: -2;
    opacity: 0;
    mix-blend-mode: normal;
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    margin-top: -8vh;
    margin-right: 0;
    position: relative;
    right: 0;
  }

  .lower-img.mob {
    display: block;
  }

  .textbawx {
    width: 90vw;
    margin-top: -9px;
    position: static;
  }

  .textbawx.wide {
    border-width: 1vw;
    border-radius: 4vw;
    margin-top: 0;
    padding-top: 7vw;
    padding-bottom: 7vw;
    box-shadow: inset 0 0 6px #3b8bfc94, .3vw .3vw 0 .4vw #054797, .4vw .4vw 1.5vw .5vw #000000bd;
  }

  .features-holder {
    z-index: 12;
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .sponsor-hold {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 15vw;
    padding-bottom: 10vw;
    padding-left: 0;
    display: flex;
  }

  .sponsor-contain {
    z-index: 99;
  }

  .spon-logo-row {
    opacity: 1;
    flex-flow: column;
    margin-top: 0;
  }

  .spon-icon {
    height: 8vw;
  }

  .spon-icon.inv {
    height: 7.25vw;
  }

  .spon-icon.inv._2 {
    height: 6.2vw;
  }

  .spon-icon.inv._3 {
    height: 6.5vw;
  }

  .spon-icon.inv.unity, .spon-icon.pink {
    height: 8vw;
  }

  .lottie-animation {
    top: -1.5vw;
  }

  .cta-head {
    margin-top: 1vw;
    margin-bottom: 5vw;
    font-size: 4vw;
    line-height: 4vw;
  }

  .social-cta {
    margin-bottom: 8vw;
  }

  .divide {
    width: 90%;
    height: 1.5px;
    margin-top: 4vw;
  }

  .social-icons-footer {
    display: none;
  }

  .footer-link {
    font-size: 3vw;
    line-height: 3vw;
  }

  .footer-disclaimer {
    letter-spacing: 0;
    width: 100%;
    margin-bottom: 0;
    font-size: 2.2vw;
    line-height: 3vw;
  }

  .footer-links {
    padding: 4vw 5vw 5vw;
  }

  .left-block {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: none;
  }

  .footer {
    padding-top: 4vw;
    padding-left: 0;
  }

  .mini-cod {
    height: 6vw;
    display: none;
  }

  .dated-d {
    border-radius: 0;
    height: 20vw;
    margin-right: 10vw;
  }

  .dated-d.mob {
    height: 10vw;
    margin-right: 3vw;
    display: block;
  }

  .rating-footer {
    flex-flow: column-reverse;
    justify-content: space-between;
    align-items: stretch;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .footer-logo {
    width: 90%;
  }

  .link-footer-holder {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .footer-link-click {
    font-size: 3vw;
    line-height: 3vw;
  }

  .cta-row1 {
    margin-bottom: 7vw;
  }

  .cta-icon {
    height: 8vw;
    margin-right: 3vw;
  }

  .cta-icon.dl {
    height: 7.5vw;
  }

  .how-it-works-contain {
    box-shadow: none;
    background-image: none;
    border-style: none;
    flex-flow: column;
    align-items: center;
    width: 100%;
    min-width: 100%;
    margin-top: 50vw;
    overflow: visible;
  }

  .block-pre {
    width: 96.5%;
    position: relative;
  }

  .block-pre._2 {
    margin-top: 40vw;
    margin-bottom: 0;
  }

  .block-pre._3 {
    margin-top: 27vw;
  }

  .arrow-down {
    filter: drop-shadow(0 2px 5px #00000087);
    width: 3.5vw;
    margin-bottom: 10vw;
    display: none;
  }

  .arrow-down.top {
    width: 3.5vw;
    margin-bottom: 10vw;
  }

  .duo {
    width: 100%;
    margin-bottom: 10vw;
  }

  .duo.end {
    margin-bottom: 5vw;
  }

  .bp-joint {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  .container-2 {
    max-width: none;
  }

  .social-hold {
    display: flex;
  }

  .social-hold.hide {
    margin-bottom: 4vw;
    display: flex;
  }

  .sol-svg {
    width: 4.6vw;
    margin-top: -1px;
    margin-left: 2vw;
    display: block;
  }

  .sol-svg.cn {
    width: 5vw;
  }

  .teaser-bg {
    z-index: 909;
    background-color: #0000;
    border-style: none;
    border-color: #000;
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .vid-overlayer {
    z-index: 919;
    opacity: .43;
    filter: grayscale();
    mix-blend-mode: normal;
    background-color: #000;
    background-image: none;
    background-size: auto;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .vid-overlayer.desktop {
    display: none;
  }

  .play-soon {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    display: flex;
    position: relative;
    top: 0;
  }

  .play-soon.desktop {
    display: none;
  }

  .play-soon.mob {
    z-index: 9991119;
    opacity: 1;
    display: flex;
  }

  .play-soon-ing {
    opacity: 1;
    filter: drop-shadow(0 1vw 5px #fff) invert(87%);
    width: 17vw;
    height: 17vw;
    margin-left: 0;
  }

  .soon-hold {
    text-align: center;
    align-self: center;
    width: auto;
    margin-top: 1.5vw;
  }

  .soon-hold.mob {
    display: block;
    position: absolute;
    inset: auto 0% 4vh;
  }

  .soon0txt {
    color: #ffffffdb;
    text-align: center;
    letter-spacing: .8vw;
    text-transform: uppercase;
    text-shadow: 0 1px 1px #0003;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2px;
    font-family: Open Sans, sans-serif;
    font-size: 5vw;
    font-weight: 700;
    line-height: 4vw;
    display: flex;
  }

  .utility-page-wrap {
    align-self: center;
    max-width: 100vw;
    max-height: 100vh;
  }

  .utility-page-form {
    margin-top: -5vh;
  }

  .gif {
    width: 25vh;
    height: 25vh;
  }

  .heading-5 {
    font-size: 35px;
    line-height: 35px;
  }

  .body-2 {
    background-image: radial-gradient(circle, #002c8b, #00051a);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
    max-height: 100vh;
    display: flex;
  }

  .text-field, .submit-button {
    border-radius: 4vw;
    width: 100%;
  }

  .p-fade {
    z-index: 5;
    background-color: #000;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-self: center;
    align-items: center;
    height: 100vh;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .input-container {
    flex-flow: column;
    align-self: center;
    display: block;
  }

  .cod-full-logo {
    height: 22vw;
    min-height: 22vw;
  }

  .cod-full-logo.mob {
    height: 10vw;
    min-height: 10vw;
    margin-right: 2vw;
    display: block;
  }

  .cta-link {
    display: flex;
    position: relative;
  }

  .bgvideo-copy {
    justify-content: center;
    align-items: center;
    display: none;
    left: -76%;
  }

  .bgvideo-copy.mob {
    display: flex;
    left: 0%;
  }
}