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: Soehne schmal fett;
  src: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/63766249d3018066fd6ed924_soehne-schmal-fett.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
}

@font-face {
  font-family: Space Grotesk;
  src: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64174eee4e0fbd25beac07b0_SpaceGrotesk-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Space Grotesk;
  src: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64174eee2eb27f74b30977df_SpaceGrotesk-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eslavasolid;
  src: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64ad73afb4f1c31ad680a4fa_EslavaSolid.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Orbitron;
  src: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/66855d7642f81bd72443421d_Orbitron-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Orbitron;
  src: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/66855d761e96ab917c069b3c_Orbitron-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Orbitron;
  src: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6687ca1cc44529d24ce19922_Orbitron-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --butterfly: #07f7e7;
  --medium-violet-red: #d80063;
  --white-20: #fff3;
  --white-10: #ffffff1a;
  --purple: #6905ff;
  --white-80: #fffc;
  --black-80: #000c;
  --black: black;
  --royal-blue: #0e51ff;
  --white-50: #ffffff80;
  --transparent: #fdfafa00;
  --venus: #f4d623;
  --solar: #f57f11;
  --black-20: #0003;
  --black-50: #00000080;
  --black-81: #181821;
}

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

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

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

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

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

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

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

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  color: #333;
  cursor: auto;
  background-color: #000;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 90%;
}

h2 {
  color: #fff;
  text-align: left;
  letter-spacing: .5px;
  text-transform: uppercase;
  flex-wrap: nowrap;
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 100%;
  display: block;
}

h3 {
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin: 0;
  font-family: Orbitron, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 100%;
}

h4 {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Space Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

h5 {
  color: #000;
  margin-top: 0;
  margin-bottom: 24px;
  font-family: Space Grotesk, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}

p {
  color: #fff;
  margin-bottom: 10px;
  font-family: Space Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

a {
  color: #fff;
  font-family: Space Grotesk, sans-serif;
  font-weight: 500;
  text-decoration: underline;
}

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

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

li {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
  line-height: 240%;
}

img {
  object-fit: cover;
  max-width: 100%;
  display: inline-block;
  overflow: visible;
}

label {
  margin-bottom: 5px;
  font-family: Space Grotesk, sans-serif;
  font-weight: 700;
  display: block;
}

strong {
  font-size: 18px;
  font-weight: 700;
}

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

figure {
  margin-bottom: 10px;
}

.body {
  color: #fff;
  padding-left: 0;
  padding-right: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

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

.text-field {
  color: #fff;
  background-color: #000;
  border-radius: 0;
  height: 48px;
  padding: 0 16px;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
}

.text-field:active, .text-field:focus, .text-field:focus-visible, .text-field[data-wf-focus-visible] {
  color: #fff;
}

.text-field::placeholder {
  color: #757575;
}

.field-label {
  color: #fff;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Space Grotesk, sans-serif;
  font-weight: 400;
}

.checkbox-label {
  color: var(--butterfly);
  padding-top: 2px;
  padding-left: 12px;
  font-family: Space Grotesk, sans-serif;
}

.checkbox {
  border-width: 2px;
  border-color: var(--butterfly);
  width: 16px;
  height: 16px;
}

.checkbox.w--redirected-checked {
  border-color: var(--butterfly);
  background-color: var(--butterfly);
}

.div-block-2 {
  flex-direction: column;
  display: flex;
}

.checkbox-field {
  padding-top: 12px;
  padding-bottom: 12px;
}

.form {
  flex-direction: column;
  justify-content: flex-start;
  padding-left: 0;
  display: flex;
}

.error-message {
  color: var(--medium-violet-red);
  background-color: #d8006329;
  border-radius: 8px;
  width: 100%;
}

.success-message {
  background-color: #00e2c026;
  border-radius: 0;
  padding: 0;
}

.text-block-2 {
  color: #00e2c0;
  text-align: left;
  background-color: #0000;
  font-family: Space Grotesk, sans-serif;
}

.text-block-3 {
  font-family: Space Grotesk, sans-serif;
}

.big-logo {
  justify-content: flex-start;
  align-self: center;
  width: 10%;
  display: none;
  position: relative;
  top: 2%;
}

.image-10:hover {
  transform: rotate(180deg);
}

.image-12 {
  opacity: 1;
  mix-blend-mode: normal;
  width: 95vw;
  display: block;
  position: static;
  top: auto;
}

.loading-screen {
  z-index: 9999;
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.lottie-animation {
  z-index: 2;
  width: 120px;
  position: relative;
}

.text-block-4 {
  z-index: 2;
  color: #636363;
  letter-spacing: 10px;
  text-transform: uppercase;
  margin-top: 40px;
  font-family: Space Grotesk, sans-serif;
  font-size: 18px;
  display: none;
  position: relative;
}

.nav-content {
  border: 1px none var(--white-20);
  background-color: #000000bf;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 64px;
  padding: 8px 8px 8px 24px;
  display: flex;
}

.navbar {
  z-index: 1000;
  border-bottom: .5px none var(--white-20);
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.nav-logo-no-glow {
  width: 105px;
  max-width: none;
  height: 24px;
  position: static;
  inset: 0%;
}

.cta {
  border: 1px none var(--white-20);
  background-color: var(--butterfly);
  box-shadow: inset 0 4px 0 0 var(--white-10), inset 0 -4px 0 0 #0003;
  color: #000;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 16px 32px;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
  transition: border-color .3s, border-width .3s, color .2s, box-shadow .2s, background-color .2s;
  display: flex;
}

.cta:hover {
  border: 2px none var(--white);
  background-color: var(--white-10);
  box-shadow: none;
  color: var(--white);
  background-image: none;
  border-radius: 0;
}

.cta.mobile {
  display: none;
}

.cta.primary {
  z-index: 2;
  border: 2px #0000;
  border-radius: 0;
  position: relative;
}

.cta.primary:hover {
  border-style: none;
  border-color: var(--white);
  background-color: var(--white-20);
}

.cta.primary.w--current {
  border-color: #0000;
}

.cta.primary.mobile-nav {
  display: none;
}

.cta.primary.full {
  flex: 1;
  justify-content: center;
}

.cta.primary.full.notch12 {
  font-family: Orbitron, sans-serif;
  font-size: 12px;
}

.cta.sign-up {
  border-radius: 4px;
}

.cta.sign-up.notch12:hover {
  background-color: var(--white-10);
  border-style: none;
}

.cta.margin-top {
  border-radius: 0;
  margin-top: 20px;
}

.cta.margin-top.show {
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
}

.cta.margin-top.show.single {
  flex: none;
}

.cta.margin-top.show.notch8 {
  text-align: center;
  border-radius: 0;
  flex: none;
  align-self: flex-start;
  max-width: none;
  margin-top: 0;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
}

.cta.margin-top.show.notch8:hover {
  background-color: var(--white-10);
  border-style: none;
}

.cta.secondary {
  z-index: 2;
  border-style: none;
  border-color: var(--white);
  background-color: var(--white-10);
  box-shadow: none;
  color: var(--white);
  background-image: none;
  border-radius: 0;
  flex: 1;
  font-size: 14px;
  position: relative;
}

.cta.secondary:hover {
  border-width: 1px;
  border-color: var(--white);
  background-color: var(--purple);
  color: var(--white-80);
}

.cta.secondary.margin-top {
  border-radius: 4px;
}

.cta.secondary.margin-top.show {
  border-color: var(--white);
}

.cta.secondary.margin-top.show.notch8 {
  border-style: none;
  border-radius: 0;
}

.cta.secondary.show {
  margin-top: 20px;
}

.cta.secondary.notch12 {
  border-style: none;
  border-radius: 0;
}

.cta.secondary.notch12.show-mobile.popup {
  flex: none;
  display: flex;
}

.cta.secondary.notch12.battlepass {
  font-family: Orbitron, sans-serif;
  font-size: 10px;
}

.cta.secondary.notch12.show {
  margin-top: 0;
}

.cta.secondary.notch12.show.popup {
  flex: none;
  display: flex;
}

.cta.secondary.hero {
  text-decoration: none;
}

.cta.secondary.hero:hover {
  background-color: var(--purple);
}

.cta.secondary.hero.notch12 {
  flex: none;
  transition-duration: .3s, .3s, .2s, .2s, .5s;
  overflow: hidden;
}

.cta.secondary.show-mobile {
  display: none;
}

.cta.secondary.on-light {
  background-color: var(--black);
}

.cta.secondary.on-light:hover {
  background-color: var(--white-20);
  color: var(--black);
}

.cta.secondary.on-light:active {
  background-color: var(--white-10);
}

.cta.wide {
  flex: 1;
}

.cta.wide.show-mobile.notch12 {
  border-radius: 0;
  height: 56px;
  padding-left: 32px;
  padding-right: 32px;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
}

.cta.wide.show-mobile.notch12:hover {
  background-color: var(--white-20);
  border-style: none;
}

.cta.opensea {
  background-color: var(--white-10);
  background-image: none;
  border-radius: 0;
  flex: 1;
  transition: color .2s, box-shadow .2s, background-color .2s;
}

.cta.opensea:hover {
  background-color: var(--purple);
  border-style: none;
  text-decoration: none;
}

.cta.opensea.notch8 {
  cursor: pointer;
  flex: none;
  text-decoration: none;
}

.cta.opensea.notch8:hover {
  text-decoration: none;
}

.cta.opensea.hero {
  background-color: var(--purple);
  font-size: 14px;
  text-decoration: none;
}

.cta.opensea.hero.notch8:hover {
  background-color: var(--white-10);
}

.cta.hero {
  height: 56px;
  padding: 16px 32px;
}

.cta.hero.notch12 {
  flex: none;
}

.cta._3rd.hero {
  background-color: var(--white-10);
  background-image: none;
  text-decoration: none;
}

.cta._3rd.hero:hover {
  background-color: var(--white-20);
}

.nav-link-wrap {
  flex-wrap: nowrap;
  flex: none;
  justify-content: center;
  padding: 8px 8px 0;
  display: flex;
}

.nav-link-wrap.hide {
  display: none;
}

.nav-link-2 {
  opacity: 1;
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: 1;
  align-self: center;
  align-items: center;
  padding: 0 0 4px;
  font-family: Space Grotesk, sans-serif;
  font-size: 11px;
  font-weight: 400;
  line-height: 100%;
  transition: color .2s;
  display: flex;
  position: relative;
}

.nav-link-2:hover {
  opacity: 1;
  color: var(--butterfly);
}

.nav-link-2.w--current {
  border-bottom: 2px none var(--medium-violet-red);
  border-left: 4px none var(--butterfly);
  opacity: 1;
  color: var(--butterfly);
  background-color: #0000;
  padding-bottom: 4px;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

.nav-link-2.dropdown {
  flex: none;
  padding: 16px 32px;
}

.nav-link-2.no-border {
  color: var(--white);
  align-self: flex-start;
}

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

.fixed-container {
  width: 100%;
  max-width: 1440px;
}

.fixed-container.nft-hero-content {
  display: flex;
  position: relative;
}

.fixed-container.flex-vertical.left {
  align-items: flex-start;
  min-height: auto;
}

.fixed-container._2-col-text-wrap {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: none;
  padding-left: 20%;
  padding-right: 20%;
  display: flex;
}

.fixed-container.centre {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  max-width: 1440px;
  display: flex;
}

.hero-bg-wrap {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 80px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.full-width-image {
  mix-blend-mode: normal;
  width: 100%;
  max-width: none;
}

.full-width-image._24px-margin-bottom-img {
  z-index: 3;
  position: relative;
}

.full-width-image._24px-margin-bottom-img.z3 {
  z-index: 3;
}

._24px-margin-bottom-img {
  margin-bottom: 24px;
}

._24px-margin-bottom-img.full-width-image {
  z-index: 1;
}

.stacking-section {
  z-index: 4;
  border-right: 1px none var(--black);
  border-bottom: 1px #474747;
  border-left: 1px none var(--white-20);
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  min-height: auto;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.stacking-section.white-bg {
  background-color: var(--white);
  margin-bottom: 0;
}

.stacking-section.key {
  background-color: #0000;
  background-image: linear-gradient(#0000, #000 8%);
}

.stacking-section.key.prizes {
  background-color: var(--black);
  background-image: linear-gradient(#0000, #000 11%);
  min-height: auto;
  padding: 100px 0 60px;
}

.stacking-section.affiliate {
  width: 100vw;
  min-height: 100vh;
}

.stacking-section.mint-details {
  border-style: solid;
  border-width: 1px;
  border-color: var(--white-20) black black;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64871a8990a7efafd96f3d67_blur.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 100px;
  padding-bottom: 100px;
}

.stacking-section.mega-crate {
  background-color: #0000;
  background-image: linear-gradient(to top, #000 78%, #0009 90%, #0000);
}

.stacking-section.mega-crate.middle {
  background-color: var(--black);
  background-image: none;
}

.stacking-section._32px-margin-top {
  background-color: #0000;
  background-image: linear-gradient(#0000, #000 10%);
}

.stacking-section.staking-teirs {
  min-height: 100dvh;
  right: 0;
}

.stacking-section._100dvh {
  min-height: 100dvh;
  padding-top: 0;
  padding-bottom: 0;
}

.stacking-section.porsche-bg {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/66277d61753dc48ff10f4eec_porschebg.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 80dvh;
}

.stacking-section.section--hidden {
  display: none;
}

.stacking-section._80-top {
  padding-top: 80px;
}

.stacking-section.x-clan-bg {
  opacity: 1;
  background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/662fde2caa9e36b8668e2e13_xclan-bg.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 80dvh;
}

.stacking-section.tesla-bg {
  background-image: linear-gradient(#0000, #000), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/66599f11780583cf20bee8b7_Cybertruck_88.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 80dvh;
}

.stacking-section.aston {
  background-image: linear-gradient(#00000080, #000), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6687c66c6a519405a979226f_am-interior.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  min-height: 80dvh;
}

.stacking-content {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.stacking-content.fixed-container {
  border: 1px none var(--white-20);
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
}

.stacking-content.fixed-container.no-bottom-padding {
  padding-bottom: 0;
}

.stacking-content.fixed-container.vertical {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
}

.stacking-content.fixed-container.vertical-layout {
  flex-flow: column;
}

.stacking-content.fixed-container {
  border: 1px #fff3;
  flex: 0 auto;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  position: relative;
}

.stacking-content.slider {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  width: 100vw;
  padding-left: 0;
}

.stacking-side-wrap {
  flex: none;
  justify-content: center;
  width: 140px;
  height: auto;
  margin-right: 96px;
  display: flex;
}

.stacking-side-wrap.double-line {
  flex-direction: column;
  flex: none;
  justify-content: space-between;
  width: 280px;
  min-height: auto;
  display: block;
}

.stacking-content-wrap {
  flex-direction: column;
  flex: 1;
  width: 60%;
  display: flex;
}

.stacking-content-wrap.horizontal {
  grid-row-gap: 0px;
  flex-direction: row;
  flex: 1;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  position: relative;
}

.stacking-content-wrap.horizontal.notch24 {
  background-color: var(--white-10);
}

.stacking-content-wrap.horizontal.collaberators-table {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
}

.stacking-content-wrap.horizontal.full-width {
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.stacking-content-wrap.vertical._50vw {
  flex: none;
  width: 50vw;
}

.stacking-content-wrap.vertical._40vw {
  background-color: var(--white-10);
  flex: none;
  width: 40vw;
}

.stacking-content-top-wrap {
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 80px;
  padding-top: 0;
  display: flex;
}

.stacking-content-bottom {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.stacking-content-heading {
  flex-wrap: wrap;
  flex: none;
  align-content: center;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  margin-bottom: 16px;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.stacking-content-description {
  flex: 0 auto;
  width: 100%;
  overflow: hidden;
}

.stacking-side-heading {
  flex: none;
  width: 120%;
  max-width: 140px;
  max-height: none;
  margin-left: 40px;
  display: flex;
}

.stacking-side-heading.hide {
  display: none;
}

.paragraph-xl {
  color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  font-family: Space Grotesk, sans-serif;
  font-size: 32px;
  line-height: 140%;
  display: flex;
}

.paragraph-xl.centre {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-xl.centre.no-margin {
  letter-spacing: -1px;
  margin: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 24px;
}

.paragraph-xl.affiliate {
  font-size: 20px;
}

.paragraph-xl.bottom-right {
  margin: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.paragraph-xl.bottom-left {
  margin: 20px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.paragraph-xl.no-margin {
  letter-spacing: -1px;
  font-family: Space Grotesk, sans-serif;
  font-size: 1.5vw;
}

.paragraph-xl._30 {
  width: 70%;
}

.paragraph-xl.home-hero {
  text-align: left;
  width: auto;
}

.paragraph-xl.how-to {
  z-index: 3;
  text-align: center;
  align-items: center;
  width: 60vw;
  position: relative;
}

.paragraph-xl.hunter-league {
  text-align: left;
  align-items: flex-start;
  width: 60vw;
  margin-bottom: 50px;
  padding-left: 32px;
  font-size: 24px;
}

.x-droid-card {
  background-color: #7e7f96;
  border-radius: 2px;
  width: auto;
}

.x-droid-card.rare {
  background-color: var(--royal-blue);
  border-radius: 2px;
  width: auto;
}

.x-droid-card.ultra-rare {
  background-color: var(--medium-violet-red);
  width: auto;
}

.x-droid-card-top {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 110%;
  display: flex;
  position: relative;
}

.x-droid-card-bottom {
  background-color: #a3a4b8;
  border-top-left-radius: 16px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-left: 0;
  overflow: hidden;
}

.x-droid-card-bottom.rare {
  background-color: #043bc7;
}

.x-droid-card-bottom.ultra-rare {
  background-color: #b30052;
}

.x-droid-card-curve {
  background-color: #a3a4b8;
  width: 100%;
  height: 16px;
}

.x-droid-card-curve.rare {
  background-color: #043ac7;
}

.x-droid-card-curve.ultra-rare {
  background-color: #b30052;
}

.x-droid-curve-block {
  background-color: #7e7f96;
  border-bottom-right-radius: 16px;
  width: 100%;
  height: 16px;
}

.x-droid-curve-block.rare {
  background-color: var(--royal-blue);
}

.x-droid-curve-block.ultra-rare {
  background-color: var(--medium-violet-red);
}

.x-droid-card-ticker {
  text-align: center;
  letter-spacing: 20px;
  white-space: nowrap;
  margin-bottom: 0;
  margin-right: 8px;
  font-size: 60px;
  font-weight: 600;
  line-height: 100%;
  display: inline-block;
}

.x-droid-card-ticker.rare {
  color: var(--white);
}

.x-droid-image {
  z-index: 3;
  width: auto;
  height: 120%;
  margin-top: -40px;
  position: absolute;
  top: 0;
  box-shadow: 0 0 12px 1px #00000008;
}

.x-droid-card-ticker-wrap {
  align-items: center;
  margin-top: 24px;
  display: flex;
}

.x-droid-card-shadow {
  z-index: 1;
  opacity: .24;
  background-color: #000;
  border-radius: 160px;
  width: 40px;
  height: 240px;
  margin-top: 40px;
  position: absolute;
  top: 0;
  box-shadow: 0 0 60px 60px #000;
}

.x-droid-card-back {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 40px;
  display: flex;
}

.x-droid-card-sub-heading {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 32px;
}

.x-droid-card-sub-heading.rare {
  color: var(--white);
}

.paragraph-l {
  color: var(--white);
  text-align: left;
  letter-spacing: 0;
  word-break: normal;
  overflow-wrap: normal;
  width: 100%;
  font-family: Space Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

.paragraph-l.centre.highlight {
  color: var(--butterfly);
  margin-bottom: 0;
}

.paragraph-l._0-margin {
  margin-bottom: 0;
}

.paragraph-l._80 {
  opacity: .8;
  width: 80%;
}

.paragraph-l._80.lt {
  width: 20rem;
  font-size: 20px;
}

.paragraph-l._80.lt.padding-bottom {
  text-align: left;
  align-self: auto;
  width: auto;
  padding-bottom: 0;
  font-size: 16px;
}

.paragraph-l._w-auto {
  width: auto;
}

.paragraph-l._w-auto.green {
  border-bottom: 1px solid var(--butterfly);
}

.x-droid-card-back-top {
  margin-bottom: 40px;
}

.x-droid-card-availability {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.x-droid-card-availability.rare {
  color: var(--white);
}

.black {
  color: var(--white);
  text-align: center;
  font-family: Orbitron, sans-serif;
  font-size: 2vw;
}

.stacking-mint-content {
  flex-direction: row;
  flex: 1;
  display: flex;
}

.stacking-mint-content-left {
  width: 340px;
  margin-right: 40px;
}

.teal-cta {
  color: #000;
  background-color: #00cfc1;
  border-radius: 8px;
  padding: 12px 32px;
}

._32px-margin-bottom {
  margin-bottom: 32px;
}

.call-out-box {
  background-color: #000;
  border-radius: 8px;
  padding: 32px;
}

._32px-margin-top {
  margin-top: 32px;
}

.white {
  color: #fff;
}

.stacking-mint-content-right {
  flex-direction: row;
  flex: 1;
  align-items: stretch;
  display: flex;
  position: relative;
}

.minting-cannister-bg-wrap {
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.minting-cannister-bg {
  background-color: #000;
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
  border-bottom-right-radius: 64px;
  flex: 1;
  height: 100%;
}

.minting-cannister-wrap {
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 64px;
  display: flex;
  position: absolute;
}

.minting-cannister-img {
  height: 120%;
  margin-top: -15%;
  transform: rotate(9deg);
}

.minting-cannister-shadow {
  z-index: 0;
  opacity: .75;
  background-color: #38797a;
  border-radius: 160px;
  width: 200px;
  height: 100%;
  margin-top: 0;
  position: absolute;
  transform: rotate(9deg);
  box-shadow: 3px 20px 150px 90px #0e51ff66;
}

.stacking-content-blank-block {
  background-color: #0000;
  border-radius: 2px;
  justify-content: center;
  width: 100%;
  height: 650px;
  padding-top: 0%;
  display: flex;
  overflow: hidden;
}

.stacking-content-blank-block.hide {
  background-color: #0000;
  background-image: none;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.stacking-content-blank-block.small {
  align-items: flex-start;
  height: 400px;
  padding-top: 0;
}

.main-section {
  z-index: 3;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-bottom: 1px solid var(--white-20);
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  padding: 80px 40px;
  display: flex;
  position: relative;
}

.main-section.hero-section {
  justify-content: center;
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.main-section.hero-section._404 {
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  padding: 40px;
}

.main-section.no-padding {
  padding-top: 0;
}

.main-section.min-height {
  background-color: var(--black);
  min-height: 100dvh;
}

.main-section.min-height.no-margin {
  width: 100vw;
}

.main-section.min-height.pre-register {
  align-items: flex-start;
}

.main-section.reviews {
  background-color: var(--black);
  min-height: 100vh;
  display: none;
}

.hero-heading-wrap {
  mix-blend-mode: normal;
  width: 100%;
}

.hero-description-wrap {
  width: 100%;
  margin-top: 104px;
}

.hero-description-wrap.roadmap {
  flex-direction: column;
  align-self: center;
  max-width: 640px;
  margin-top: 0;
  display: flex;
}

.hero-description-wrap.collab {
  align-self: flex-start;
  max-width: 640px;
}

.hero-description-wrap.careers {
  max-width: 640px;
  margin-top: 40px;
}

.hero-description-wrap.tesla {
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  max-width: 640px;
  margin-top: 0;
  display: flex;
}

.flex-vertical {
  flex-direction: column;
  display: flex;
}

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

.roadmap-block-item {
  flex: 1;
  display: flex;
}

.roadmap-item-left {
  width: 340px;
  margin-right: 64px;
}

.roadmap-item-right {
  flex: 1;
  display: none;
}

.nav-items-wrap {
  flex: none;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
}

.nav-items-wrap.buttons {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
}

.the-loot-item-image-wrap {
  background-color: red;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62470cf7408c3319fcf4a8ab_gems-image.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 16px;
  width: 100%;
  margin-bottom: 32px;
  padding-top: 100%;
}

.the-loot-item-image-wrap.x-coins {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/627b766e4b2b241e6b7f2b5c_XCoin%20(1).png");
  background-position: 50%;
  background-size: contain;
  border-radius: 2px;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  padding-top: 0%;
}

.the-loot-item-image-wrap.gems {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62b33860675ea2e4b99b1e0f_Gems-13.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 2px;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  padding: 20px;
}

.the-loot-item-image-wrap.prizes {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62470cf79a08db81029fcd64_prizes-image.png");
  background-position: 50%;
  background-size: 140%;
  border-radius: 2px;
  width: 80px;
  height: 80px;
  margin-bottom: 24px;
  padding-top: 0%;
}

.cashing-in-img {
  border-radius: 24px;
  width: 30%;
  max-width: none;
  margin: 10px;
  box-shadow: 0 0 50px -8px #0000004d;
}

.sign-up-form-right {
  width: 480px;
  margin-left: 80px;
}

.sign-up-form-right.form-wrap {
  border-left: 1px solid var(--white-10);
  background-color: #0000;
  border-radius: 4px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  width: 50%;
  padding: 0 64px;
  display: flex;
  position: relative;
}

.sign-up-form-right.form-wrap.no-margin {
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  margin-left: 0;
}

.sign-up-form-left {
  display: 20pxpx;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex: none;
  width: 52%;
}

.sign-up-form-left.sticky {
  flex: 0 auto;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: sticky;
  top: 40vh;
}

.sign-up-form-left.sticky.reviews {
  justify-content: center;
  align-self: center;
  padding-left: 64px;
  top: auto;
}

.sign-up-form-left.full-width {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  width: 50%;
  padding-right: 2vw;
  display: flex;
}

.input-label {
  color: #000;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 400;
}

.input-label.boarding {
  color: var(--butterfly);
}

.input-field {
  border-style: none none solid solid;
  border-width: 0 0 1px;
  border-color: black black var(--white-20);
  background-color: var(--black);
  color: var(--white);
  border-radius: 0;
  justify-content: space-around;
  height: 56px;
  margin-top: 0;
  margin-bottom: 32px;
  padding: 8px 16px 8px 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 400;
  transition: border-color .5s;
  display: flex;
}

.input-field:hover {
  border-bottom-color: var(--white-80);
  color: var(--white);
}

.input-field:active {
  border-style: solid;
  border-width: 1px;
  border-color: black black var(--white);
}

.input-field::placeholder {
  color: var(--white-50);
}

.input-field.boarding {
  border: 3px solid var(--butterfly);
  color: var(--butterfly);
  background-color: #f2f2f200;
  border-radius: 8px;
}

.input-field.boarding::placeholder {
  color: #00cfc199;
}

.input-field.no-margin {
  letter-spacing: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
}

.input-field.success {
  background-color: #00cfc11a;
  border-bottom-style: none;
  padding-right: 0;
}

.input-field.review {
  background-color: var(--white-10);
  border-top-style: none;
  border-bottom-style: none;
  border-left-style: none;
  margin-bottom: 10px;
  padding-left: 20px;
  font-size: 14px;
}

.input-field.review:hover {
  border-bottom-style: solid;
}

.input-field.review.notch12 {
  align-items: stretch;
}

.input-field.review.notch8 {
  height: 48px;
  padding-top: 8px;
}

.checkbox-2 {
  border-width: 2px;
  border-color: var(--medium-violet-red);
  border-radius: 4px;
  width: 20px;
  height: 20px;
  margin-left: -32px;
}

.checkbox-2.w--redirected-checked {
  border-color: var(--medium-violet-red);
  background-color: var(--medium-violet-red);
  background-size: 14px 14px;
  border-radius: 4px;
}

.checkbox-field-item {
  margin-bottom: 24px;
  padding-left: 32px;
}

.checkbox-label-2 {
  color: var(--white-50);
  margin-top: 4px;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}

.checkbox-label-2:hover {
  color: var(--white);
}

.red-link {
  color: var(--medium-violet-red);
  font-weight: 700;
  text-decoration: none;
}

.red-link:hover {
  text-decoration: underline;
}

.email-sign-up-form {
  background-color: #0000;
  margin-bottom: 0;
  font-family: Space Grotesk, sans-serif;
}

.stacking-content-top-title {
  z-index: 2;
  display: none;
  position: relative;
  overflow: visible;
}

.stacking-content-top {
  grid-column-gap: 90px;
  grid-row-gap: 90px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.brand {
  width: 105px;
  height: 24px;
}

.brand.w--current {
  flex: none;
  align-self: center;
  align-items: center;
  width: 106px;
  height: 24px;
  display: flex;
}

.countdown-row {
  z-index: 2;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  width: 100%;
  height: 72px;
  display: flex;
  position: relative;
  bottom: 0%;
  right: 0%;
}

.countdown-block {
  z-index: 5;
  border: 1px none var(--white-20);
  color: #fff;
  background-color: #0000;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 5px 0 20px;
  padding: 0;
  display: flex;
  position: relative;
}

.countdown-block.hide {
  display: none;
}

.countdown-time {
  color: var(--white);
  letter-spacing: 1px;
  margin-left: 4px;
  margin-right: 4px;
  font-family: Space Grotesk, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}

.countdown-time.hide {
  display: none;
}

.countdown-detail {
  opacity: 1;
  color: var(--black);
  margin-left: 5px;
  font-family: Space Grotesk, sans-serif;
  font-size: 6vh;
  font-weight: 700;
  line-height: 100%;
}

.background-colour {
  z-index: -1;
  background-color: var(--black);
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.body-3 {
  background-color: var(--black);
  cursor: auto;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.background-images {
  z-index: 2;
  opacity: 1;
  background-color: #0000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.the-hunt-bg {
  opacity: 0;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62470a471c22c21c0e10c9cb_the-hunt-image.jpg");
  background-position: 0 0;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.centre-text {
  text-align: center;
  flex: 1;
  width: auto;
  margin-right: 0;
}

.centre {
  text-align: center;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 40px;
}

.centre.small {
  font-size: 56px;
  line-height: 100%;
}

.centre.large {
  font-family: Orbitron, sans-serif;
  font-size: 48px;
}

.centre.mobile-left {
  font-family: Orbitron, sans-serif;
  font-size: 4vw;
}

.centre.mobile-left.small {
  color: #fff;
  -webkit-text-stroke-width: 0px;
  max-width: none;
  font-family: Orbitron, sans-serif;
  font-size: 3vw;
}

.centre.no-margin._48px {
  font-size: 48px;
}

.team-section {
  z-index: 2;
  border-bottom: 1px solid var(--white-20);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 130vh;
  display: flex;
  position: relative;
}

.team-content {
  width: 100%;
  max-width: 1440px;
  height: 100%;
}

.team-row {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 60px;
  display: flex;
}

.team-member {
  mix-blend-mode: normal;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6266c8e582be7a713878ff03_px-still05.png");
  background-position: 50%;
  background-size: cover;
  border-radius: 2px;
  align-items: flex-end;
  width: 377px;
  height: 377px;
  text-decoration: none;
  display: flex;
}

.team-member:hover {
  mix-blend-mode: normal;
}

.team-member.large {
  mix-blend-mode: normal;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6272a01c1d1dfe65b7ca1211_icon%20glow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 2px;
  justify-content: center;
  align-items: flex-end;
  width: 33%;
  height: 33vw;
  padding-bottom: 0%;
  position: relative;
  overflow: hidden;
}

.team-member.large:hover {
  mix-blend-mode: normal;
}

.team-member.large.hide {
  display: none;
}

.team-member.medium {
  z-index: 5;
  mix-blend-mode: normal;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/626ac1f701ee0f67460d9690_IMG_20210814_154734__01.jpg");
  background-position: 0 0;
  background-size: cover;
  border-radius: 2px;
  align-self: center;
  width: 233px;
  height: 233px;
  position: relative;
  overflow: hidden;
}

.team-member.medium:hover {
  mix-blend-mode: normal;
}

.team-member.medium.hide {
  display: none;
}

.name-and-role {
  background-image: linear-gradient(#0000, #000c 76%);
  width: 100%;
  padding: 24px;
  position: absolute;
}

.team-role {
  color: var(--white);
  font-family: Space Grotesk, sans-serif;
  text-decoration: none;
}

.heading-2 {
  margin: 0;
  font-size: 20px;
  text-decoration: none;
}

.block-image {
  width: auto;
  max-width: none;
  height: 100%;
  max-height: 100%;
  position: static;
  inset: 0%;
}

.block-image.small {
  height: 100%;
  display: inline-block;
}

.left {
  text-align: left;
}

.left._300px {
  text-align: left;
  width: 300px;
  margin-top: 0;
  margin-bottom: 0;
}

.left {
  overflow: hidden;
}

.left.absolute {
  position: absolute;
  inset: 40% 10%;
}

.body-4 {
  background-color: var(--black);
}

.paragraph-m {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  white-space: break-spaces;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  min-width: 0;
  height: auto;
  margin: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  line-height: 18px;
  display: flex;
}

.paragraph-m.centre {
  text-align: center;
  align-items: center;
}

.paragraph-m.centre.bottom-margin {
  margin-bottom: 40px;
}

.paragraph-m.centre.bottom-margin.mobile-left.xsmall {
  font-size: 18px;
  line-height: 100%;
}

.paragraph-m.left {
  text-align: left;
  flex: 1;
  font-size: 1vw;
  line-height: 16px;
}

.paragraph-m.black {
  color: var(--black);
}

.paragraph-m.review {
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
  line-height: 140%;
}

.paragraph-m.roster {
  text-align: left;
  width: 100%;
  font-size: 14px;
  line-height: 22px;
}

.paragraph-m.squad {
  text-align: left;
  width: 100%;
  max-width: 32rem;
  font-size: 14px;
  line-height: 22px;
}

.blurry-blobs-bg {
  z-index: 2;
  opacity: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-blobs {
  z-index: -1;
  opacity: 1;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62713aa69bc840c0ea45e83a_blurryblobs.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.background-blobs.hide {
  display: none;
}

.bullet-list-item {
  display: flex;
}

.bullet-point {
  background-color: #0003;
  border-radius: 10px;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: 6px;
  margin-right: 8px;
  display: flex;
}

.footer {
  z-index: 1000;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--white-20);
  background-color: var(--black);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  min-height: auto;
  padding: 0 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer.purple {
  background-color: var(--purple);
}

.footer-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-right: 1px solid var(--white-20);
  border-left: 1px solid var(--white-20);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  padding: 40px;
  display: flex;
}

.footer-logo {
  filter: saturate(0%);
  max-width: none;
  max-height: 32px;
}

.footer-logo.ghost {
  max-height: 10px;
}

.footer-logo.tag {
  max-height: none;
}

.footer-logo.gameover {
  max-height: 35px;
}

.footer-logo.gamer {
  filter: none;
  height: 48px;
  max-height: 48px;
}

.footer-logo-svg {
  width: 120px;
}

.footer-copyright {
  justify-content: space-between;
  display: flex;
}

.footer-bottom-text {
  color: var(--white);
  margin-left: 0;
  margin-right: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 11px;
}

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

.utility-page-content {
  border: 2px solid var(--butterfly);
  text-align: center;
  background-color: #0009;
  border-radius: 2px;
  flex-direction: column;
  width: auto;
  max-width: 500px;
  padding: 60px;
  display: flex;
}

._404-message-wrap {
  align-self: center;
  width: 760px;
}

._404-button-wrap {
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.loading-background-lottie {
  opacity: 1;
  display: none;
  position: absolute;
  inset: 0%;
}

.lottie-animation-7 {
  width: 100%;
  height: 100%;
}

.bio {
  z-index: 2;
  border-top: 1px solid var(--white-20);
  border-bottom: 1px solid var(--white-20);
  background-color: #0000;
  justify-content: center;
  width: 100vw;
  height: auto;
  margin-top: 88px;
  display: flex;
  position: relative;
  inset: 0%;
}

.bio-container {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  height: 100%;
  display: flex;
}

.bio-profile-photo {
  background-color: var(--white-20);
  border-radius: 10px;
  flex: none;
  justify-content: center;
  width: 277px;
  height: 277px;
  display: flex;
  overflow: hidden;
}

.bio-text-container {
  width: 100%;
  margin-left: 40px;
  margin-right: 40px;
}

.profile-pic {
  width: auto;
  max-width: none;
  height: 100%;
  display: block;
}

.name-role-socials {
  width: auto;
  margin-bottom: 40px;
  margin-right: 0;
  overflow: hidden;
}

.team-bio-content-description {
  flex: 1;
  margin-top: 20px;
  padding-bottom: 0;
  overflow: hidden;
}

.close-button {
  background-color: #ffffff1a;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
}

.close-button:hover {
  background-color: var(--royal-blue);
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.close-button.notch12 {
  z-index: 331;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  margin: 40px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0;
}

.close-button.notch16, .close-button.notch8 {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  margin: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.fab-icon {
  width: 24px;
  height: 24px;
}

.team-bio-name {
  margin-top: 0;
  margin-bottom: 16px;
  position: static;
}

.team-profile-image {
  width: auto;
  max-width: none;
  height: 100%;
}

.top-div {
  z-index: 99999;
  background-color: var(--black);
  height: 50vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.bottom-div {
  z-index: 99999;
  background-color: var(--black);
  height: 50vh;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.bio-popup {
  z-index: 9999;
  background-color: #181818;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  padding: 100px 60px 60px;
  display: none;
  position: fixed;
  inset: auto 0% -10%;
}

.label {
  opacity: 1;
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  order: 0;
  justify-content: flex-start;
  margin-bottom: 4px;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
  display: flex;
}

.label.target {
  padding-top: 0;
}

.label.number, .label.location {
  margin-bottom: 0;
}

.bio-popup-container {
  max-width: 1440px;
  display: flex;
}

.bio-paragraph {
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

.lottie-animation-8 {
  display: none;
  position: absolute;
  inset: 0% 0% auto auto;
}

.landscape-screenshot {
  width: 844px;
  max-width: none;
  height: 390px;
}

.landscape-screenshot-mobile {
  display: none;
}

.xtoken-1 {
  z-index: 10;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: 35% 0% 0% -10%;
  overflow: visible;
}

.xtoken {
  margin-left: 93px;
}

.xtoken-2 {
  z-index: 7;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 5%;
  display: none;
  position: absolute;
  inset: 10% 0% 0% -20%;
}

.the-game-logo {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 1440px;
  height: auto;
  display: flex;
  position: relative;
  inset: 0%;
}

.gem-1 {
  z-index: 10;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: -32% 5% 0% auto;
  overflow: visible;
}

.gem {
  width: 10%;
  margin-left: 93px;
}

.gem-2 {
  z-index: 11;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: visible;
}

.gem-3 {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  display: none;
  position: absolute;
  inset: -20% 0% 0% auto;
  overflow: visible;
}

.stacking-content-hero {
  flex-direction: column;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: auto;
  padding: 40px;
  display: flex;
}

.back-button {
  background-color: #ffffff1a;
  border-radius: 64px;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: auto;
  height: 56px;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.back-button:hover {
  background-color: var(--medium-violet-red);
}

.back-button-text {
  letter-spacing: 4px;
  margin-left: 8px;
  text-decoration: none;
  display: flex;
}

.team-member-hero {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  display: flex;
  overflow: hidden;
}

.team-member-content {
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  display: flex;
}

.hero-bg-team-member-wrap {
  z-index: 1;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0 0% 0%;
  overflow: hidden;
}

.team-member-profile-hero {
  border-radius: 2px;
  flex: none;
  align-self: center;
  width: 50%;
  max-width: 640px;
}

.team-meber-hero-name-wrap {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  padding: 80px 40px;
  display: flex;
  position: relative;
}

.back-button-block {
  z-index: 9999;
  align-self: center;
  width: 100%;
  max-width: 1488px;
  padding: 10px 40px;
  display: flex;
  position: fixed;
  inset: 128px auto auto;
}

.first-name {
  width: 70%;
}

.last-name {
  align-self: flex-end;
  width: 70%;
}

.bio-content-wrap {
  border-right: 1px solid var(--white-20);
  border-left: 1px solid var(--white-20);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  max-width: 1440px;
  height: 100%;
  display: flex;
}

.bio-text-content {
  color: var(--white);
  width: 100%;
  max-width: 640px;
  margin: 0;
  padding-bottom: 40px;
  font-family: Space Grotesk, sans-serif;
}

.bio-text-content p {
  align-self: center;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 140%;
}

.bio-text-content blockquote {
  letter-spacing: 0;
  text-transform: none;
  margin-top: 40px;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 140%;
}

.bio-text-content a {
  opacity: 1;
  color: var(--butterfly);
  font-size: 18px;
  text-decoration: none;
  transition: opacity .2s;
}

.bio-text-content a:hover {
  opacity: 1;
}

.bio-text-content img {
  border-radius: 8px;
}

.bio-text-content figure {
  margin: 40px 0;
}

.team-bio-h1 {
  margin-bottom: 16px;
  font-size: 56px;
  position: static;
}

.role-socials-block {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.social-link {
  margin-left: 5px;
  margin-right: 5px;
}

.social-icon {
  width: 18px;
}

.social-icon.x-large {
  width: 32px;
  margin-left: 10px;
  margin-right: 10px;
}

.social-icon.opensea {
  width: 22px;
}

.social-icon.discord, .social-icon.telegram {
  width: 18px;
}

.social-icon.social-count {
  width: 16px;
}

.social-icon.youtube {
  width: 22px;
}

.social-icon.twitter {
  width: 17px;
}

.socials-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.socials-block.nav {
  display: none;
}

.socials-block.margin-top {
  margin-top: 40px;
}

.social-link {
  cursor: pointer;
  margin-right: 8px;
  transition: opacity .2s;
  display: inline;
}

.social-link:hover {
  opacity: .5;
}

.social-link.prereg {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--white-20);
  background-color: #ffffff1a;
  border-radius: 4px;
  flex-direction: row;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.hide {
  display: none;
}

.x-droids-body {
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: visible;
}

.x-doids-hero {
  z-index: 3;
  clear: none;
  border-bottom: 1px none var(--white-20);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  margin-top: 0;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.xdroids-hero-content {
  z-index: 10;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  max-width: 1440px;
  height: auto;
  margin-top: 0;
  display: flex;
  position: relative;
  top: -110px;
}

.trait-section {
  justify-content: flex-end;
  align-items: center;
  width: 100vw;
  height: 50vh;
  display: flex;
}

.xdroids-hero-bg-5 {
  z-index: 2;
  opacity: 1;
  background-image: linear-gradient(#0000 91%, #000), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62c84385cba83c2b4de4d397_al-hunt-hero5.png");
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 100vw 100%;
  flex: none;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: minmax(auto, 1fr) auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: row dense;
}

.countdown-timer {
  z-index: 10001;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.countdown-blocks {
  z-index: 4;
  border-style: solid solid none;
  border-width: 2px;
  border-color: var(--butterfly);
  background-image: linear-gradient(#00cfc14d, #00cfc11a);
  border-radius: 4px 4px 2px 2px;
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.countdown-container {
  z-index: 3;
  flex-direction: row;
  justify-content: center;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
}

.loading-bar-back {
  width: 100vw;
  height: 16px;
  position: absolute;
  inset: 0% 0% auto;
}

.loading-bar {
  background-color: var(--butterfly);
  box-shadow: 0 0 22px 0 var(--butterfly);
  width: 100%;
  height: 8px;
  position: absolute;
}

.countdown-wrapper {
  z-index: 6;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
  inset: 0%;
}

.form-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 1;
  width: auto;
  max-width: 100%;
  display: flex;
}

.form-block.margin-top {
  margin-top: 20px;
}

.mobile {
  display: none;
}

.desktop {
  flex: 1;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.big-title-text {
  justify-content: flex-start;
  align-self: center;
  width: 80%;
  display: flex;
  position: relative;
  top: 2%;
}

.horizontal-scroll-section {
  z-index: 100;
  width: 100dvw;
  height: 800dvh;
  margin-top: 100px;
  margin-bottom: 100px;
  position: relative;
  overflow: visible;
}

.horizontal-scroll-wrapper {
  width: 100dvw;
  height: 100dvh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.ship {
  z-index: 100;
  justify-content: center;
  align-items: center;
  width: 30vw;
  display: flex;
  position: fixed;
  inset: 40% 35%;
}

.horizontal-scroll-content {
  z-index: 2;
  background-color: #0000;
  width: 300dvw;
  display: flex;
  position: relative;
  overflow: visible;
}

.horiz-scroll-block {
  background-color: var(--white);
  align-items: flex-end;
  width: 50vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.horiz-scroll-block.align-bottom {
  z-index: 5;
  background-color: #0000;
  flex-direction: row;
  min-width: 50vw;
}

.horiz-scroll-block.align-bottom.hide {
  display: none;
}

.green-line-dot {
  background-color: #0000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 24px;
  display: none;
  position: relative;
  inset: auto 0% 5%;
}

.green-line {
  z-index: 4;
  background-color: var(--butterfly);
  align-self: center;
  width: 100%;
  height: 2px;
  display: flex;
  position: absolute;
  inset: auto 0% 13%;
}

.green-dot {
  background-color: var(--butterfly);
  border-radius: 40px;
  width: 24px;
  height: 24px;
  display: flex;
  position: relative;
  inset: 0% 0% 0% 10%;
}

.block-content {
  flex: none;
  align-self: auto;
  width: auto;
  max-width: 420px;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto auto 30% 8%;
}

.block-content.align-top {
  align-self: auto;
  inset: 15% auto auto 5%;
}

.asteroid-block {
  align-items: flex-end;
  width: 100px;
  height: auto;
  display: flex;
}

.asteroid {
  width: 64px;
  height: 64px;
  position: absolute;
  inset: 30% 0% auto;
}

.asteroid._2 {
  top: 20%;
}

.asteroid._3 {
  top: 60%;
}

.dot-line {
  z-index: 2;
  width: 60px;
  height: auto;
  margin-bottom: 10px;
  margin-left: 0;
  position: absolute;
  top: 12px;
  left: 26px;
}

.asteroid-image {
  width: 64px;
  height: 64px;
}

.asteroid-image.small {
  width: 40px;
  height: 40px;
}

.timeline-text-block {
  z-index: 2;
  width: 300px;
  position: relative;
}

.timeline-title-block {
  overflow: hidden;
}

.timeline-title {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.timeline-body-block {
  margin-top: 10px;
  overflow: hidden;
}

.timeline-body {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
}

.blank-block {
  background-color: #0000;
  align-items: flex-end;
  width: 80vw;
  min-width: 80vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.xdroids-hero-bg-4 {
  z-index: 4;
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62c8439d0b39a0469717d786_al-hunt-hero4.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100vw 100%;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.xdroids-hero-bg-3 {
  z-index: 6;
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62c843aa0807836d5791b038_al-hunt-hero3.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100vw 100%;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.xdroids-hero-bg-2 {
  z-index: 8;
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62c843bbcba83c135be4d8a7_al-hunt-hero2.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100vw 100%;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.xdroids-hero-bg-1 {
  z-index: 10;
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6377628b3a20ba110c2ad6dd_hero%20image1.png");
  background-position: 50% 80%;
  background-repeat: no-repeat;
  background-size: 100vw;
  flex: none;
  justify-content: space-around;
  align-self: stretch;
  align-items: flex-end;
  width: 100vw;
  height: 110vh;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.x-droid-hero-gradient {
  z-index: 12;
  background-image: linear-gradient(#0000, #000);
  width: 100vw;
  height: 10%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.x-droids-section {
  flex-direction: column;
  justify-content: flex-start;
  width: 100dvw;
  height: auto;
  min-height: auto;
  padding-top: 100px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.x-droids-section.no-padding {
  border-bottom: 1px solid #474747;
  padding-top: 0;
  padding-bottom: 0;
}

.x-droids-section.bottom-margin {
  margin-bottom: 100px;
  padding-top: 0;
}

.section-wrapper {
  flex-direction: row;
  flex: 1;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: auto;
  min-height: 100dvh;
  display: flex;
  position: relative;
}

.section-wrapper.vertical {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.section-wrapper.vertical.no-bottom-margin {
  padding-bottom: 0;
}

.section-wrapper.bottom {
  align-self: flex-end;
  height: 100vh;
}

.section-wrapper._60vh {
  min-height: 60vh;
}

.section-wrapper.gameplay {
  align-items: center;
  min-height: 80vh;
}

.section-wrapper.no-top-padding {
  flex: 0 auto;
}

.section-wrapper.winner {
  justify-content: center;
  align-self: stretch;
  max-width: 3000px;
  min-height: 80dvh;
}

.section-wrapper.xkey-notification {
  min-height: 50dvh;
}

.left-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.left-content.no-margin {
  justify-content: flex-end;
}

.left-content.no-margin.no-padding.hide {
  display: none;
}

.left-content.no-padding {
  height: auto;
}

.right-content {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.right-content.top {
  justify-content: center;
  overflow: hidden;
}

.right-content.top._50vw {
  width: 50%;
}

.text-wrapper {
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  width: 300px;
  display: flex;
}

.text-wrapper.absolute {
  z-index: 5;
  flex: none;
  align-self: center;
  width: 300px;
  position: absolute;
  inset: 35% 35% 35% 52%;
}

.text-wrapper.absolute.top {
  inset: 5% auto auto 10%;
}

.text-wrapper.large {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: stretch;
  width: 50vw;
  display: flex;
}

.text-wrapper.left {
  align-self: flex-start;
}

.text-wrapper.no-margin {
  width: 360px;
}

.text-wrapper.no-margin.highlight {
  border: 1px solid var(--butterfly);
  background-color: #00cfc133;
  border-radius: 8px;
  padding: 24px;
}

.text-wrapper.slider {
  z-index: 1;
  grid-row-gap: 8px;
  flex-flow: row;
  order: -1;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 0;
  position: relative;
}

.text-wrapper.hide {
  display: none;
}

.text-wrapper.medium {
  border: 1px none var(--white-20);
  background-color: #0000;
  width: 40vw;
  padding: 24px;
}

.galaxies-section {
  z-index: 2;
  justify-content: center;
  width: 100dvw;
  height: 100dvh;
  display: none;
  position: relative;
}

.galaxies-image-1 {
  z-index: 2;
  mix-blend-mode: lighten;
  width: 300px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-18 {
  mix-blend-mode: normal;
  width: auto;
}

.galaxies-image-2 {
  z-index: 1;
  mix-blend-mode: normal;
  width: 300px;
  position: absolute;
  inset: auto 0% 20% auto;
}

.galaxies-image-3 {
  mix-blend-mode: lighten;
  width: 50%;
  position: absolute;
  inset: auto auto 30% 0%;
}

.galaxies-image-4 {
  z-index: 1;
  width: 630px;
  display: none;
  position: absolute;
  left: 40%;
}

.droid-grid-section {
  z-index: 2;
  background-color: var(--black);
  justify-content: center;
  width: 100vw;
  height: auto;
  min-height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.droid-grid-section.no-bottom-margin.hide {
  display: none;
}

.droid-grid-columns {
  flex-direction: row;
  width: 100%;
  height: 120vh;
  margin-top: 60px;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.droid-grid-columns.hide {
  display: none;
}

.droid-column {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  width: 20%;
  padding: 0 5px;
  display: flex;
}

.droid-column._1 {
  border-right: 1px none var(--white-20);
  border-left: 1px none var(--white-20);
  justify-content: flex-start;
}

.droid-column._2, .droid-column._3, .droid-column._4, .droid-column._5 {
  justify-content: flex-start;
}

.pod {
  width: 100%;
  max-width: none;
  height: auto;
  min-height: 75vh;
  margin-top: 0;
}

.centre-content {
  grid-row-gap: 40px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.mint-section {
  z-index: 100;
  border-top: 1px solid var(--white-20);
  border-bottom: 1px solid var(--white-20);
  background-color: var(--black);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  width: 100dvw;
  height: auto;
  min-height: 100dvh;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.mint-section.xkey-notification {
  background-color: #0000;
  background-image: linear-gradient(#0000, #000 20%);
  border-top-style: none;
  border-bottom-color: #4e4e4e;
  min-height: 50dvh;
}

.mint-section.hide {
  display: none;
}

.stacking-content-text {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 300px;
  display: flex;
}

.stacking-content-text.left {
  z-index: 2;
  order: -1;
  width: 300px;
  position: relative;
}

.stacking-content-text.right {
  order: 1;
  width: 300px;
  margin-left: 60px;
  margin-right: 60px;
  padding-left: 0;
  padding-right: 0;
}

.stacking-content-text.centre {
  align-items: center;
  width: 420px;
}

.stacking-content-text.hide {
  display: none;
}

.stacking-content-horizontal-wrap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 80px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.stacking-content-horizontal-wrap.left {
  justify-content: flex-start;
}

.stacking-content-horizontal-wrap.no-padding {
  margin-bottom: 0;
}

.stacking-content-horizontal-wrap.no-gap {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
}

.stacking-content-horizontal-wrap.vertical {
  flex-flow: column;
}

.stacking-content-horizontal-wrap.vertical._w-text {
  width: 50%;
}

.stacking-content-horizontal-wrap.affiliate {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  justify-content: center;
  align-items: center;
}

.stacking-content-horizontal-wrap.tall {
  flex: 1;
}

.stacking-content-image {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  height: auto;
  display: flex;
  position: static;
}

.stacking-content-image.right {
  flex: none;
  width: 40%;
}

.stacking-content-image.right.huge {
  z-index: 1;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 110%;
  height: 60vh;
  position: absolute;
}

.stacking-content-image.right.off-screen {
  flex: none;
  align-items: flex-start;
  height: 60%;
  overflow: hidden;
}

.stacking-content-image.small {
  flex: 0 auto;
  align-items: center;
  width: 30%;
}

.stacking-content-image.medium {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  align-items: center;
  width: 35%;
  display: flex;
}

.stacking-content-image.medium.mobile, .stacking-content-image._100.mobile {
  display: none;
}

.stacking-content-image.rules {
  flex: none;
}

.stacking-content-image.left {
  flex: none;
  max-width: 40%;
}

.stacking-content-image._50 {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: 420px;
}

.stacking-content-image.mobile-only {
  display: none;
}

.stacking-content-image.xl {
  flex: none;
  width: 30%;
}

.stacking-content-image.hunt-with-friends {
  position: relative;
  left: 26px;
}

.stacking-content-image._50vw {
  border-radius: 2px;
  flex: none;
  justify-content: center;
  width: 45vw;
  position: relative;
  left: 0;
  overflow: hidden;
}

.stacking-content-image._50vw.corners {
  border-radius: 16px;
  width: 30vw;
}

.stacking-content-image._50vw.corners.tall {
  aspect-ratio: auto;
  object-fit: contain;
  align-self: stretch;
}

.stacking-content-image.half-screen {
  position: relative;
  left: 60px;
}

.stacking-content-image.phone-screen {
  flex: none;
  width: 40%;
}

.stacking-content-image._60vw {
  width: 60vw;
}

.section-counter {
  z-index: 3;
  margin-top: 20px;
  margin-right: 8px;
  display: flex;
  position: absolute;
  inset: 0% 2% auto auto;
  transform: translate(43px, 43px)rotate(90deg);
}

.section-counter.hide {
  display: none;
}

.section-counter.galaxy-counter {
  margin-top: 8px;
  margin-right: 16px;
}

.section-counter.countdown-counter {
  margin-right: 20px;
}

.section-counter.home {
  margin-top: 40px;
  margin-right: 16px;
}

.section-counter.home.bottom {
  margin-top: 0;
  margin-right: 0;
  inset: auto auto 14vh -7vw;
  transform: translate(43px, 43px)rotate(-90deg);
}

.section-counter-text {
  color: var(--white-80);
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
}

.section-counter-square {
  background-color: var(--royal-blue);
  width: 12px;
  height: 12px;
  margin: 4px;
}

.section-counter-square.notch4.green {
  background-color: var(--butterfly);
}

.offscreen {
  width: 50vw;
  max-width: none;
}

.offscreen.huge {
  width: 60vw;
}

.stacking-content-grid {
  border-top: 1px solid var(--white-10);
  border-bottom: 1px solid var(--white-10);
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 44%;
  height: 80vh;
  display: flex;
  overflow: visible;
}

.stacking-content-grid.small {
  width: 30%;
  overflow: hidden;
}

.stacking-content-column {
  width: 100%;
  height: 150%;
  margin-left: 5px;
  margin-right: 5px;
}

.stacking-content-column._1 {
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin: 0;
  display: flex;
}

.stacking-content-column._2 {
  flex-direction: column;
  justify-content: center;
  margin: 0;
  display: flex;
}

.stacking-content-grid-item {
  border: 1px solid var(--white-10);
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.stacking-content-grid-item.black {
  background-color: var(--black);
}

.stacking-content-grid-item.black.large {
  border-style: none;
  width: auto;
  height: auto;
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
}

.grid-image {
  width: 100%;
}

.lottie-animation-16 {
  z-index: 2;
  opacity: 1;
  align-self: center;
  width: 80%;
  max-width: 580px;
  margin-bottom: 137px;
  position: relative;
  bottom: -113px;
}

.graph-bg {
  z-index: 1;
  width: 12%;
  height: 110%;
  position: absolute;
  inset: 0%;
}

.image-20 {
  max-width: 90%;
}

.hero-description {
  flex: 0 auto;
  align-self: center;
  width: 55%;
  overflow: hidden;
}

.overflow-image {
  max-width: 100%;
}

.overflow-image.negative-margin {
  max-width: 90%;
  display: block;
}

.overflow-image.large {
  max-width: 150%;
}

.overflow-image.large.mobile.show {
  display: block;
}

.overflow-image.x-large {
  max-width: 150%;
}

.overflow-image.x-large.mobile.show {
  display: block;
}

.desktop-image.small {
  max-width: 80%;
}

.footer-top-row {
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-logo-link {
  flex: none;
  align-self: center;
  margin-left: 0;
  margin-right: 5px;
}

.footer-logo-link.middle {
  margin-left: 0;
  margin-right: 20px;
}

.stacking-content-loot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.loot-item {
  background-color: #0000;
  background-image: radial-gradient(circle at 0 0, #f4d623, #f57f11);
  border-radius: 0;
  width: 80%;
  height: 100%;
  padding: 24px;
}

.loot-item.prizes {
  background-image: radial-gradient(circle at 0 0, #f4d623, #00cfc1);
}

.loot-item.gems {
  background-image: repeating-radial-gradient(circle at 0 0, #00cfc1, #0e51ff);
}

.paragraph-s {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  width: auto;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  line-height: 140%;
  display: flex;
}

.paragraph-s.black {
  color: #000;
}

.paragraph-s.max-width {
  max-width: none;
}

.paragraph-s.left {
  justify-content: center;
  align-items: flex-start;
  font-size: 1vw;
}

.footer-middle-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  display: flex;
}

.footer-column {
  flex-flow: column;
  flex: 1;
  align-items: stretch;
  width: auto;
  margin-right: 20px;
  display: flex;
}

.footer-column.horizontal {
  flex-flow: row;
}

.column-title {
  margin-top: 16px;
  margin-bottom: 8px;
}

.column-title-text {
  color: #fff6;
  letter-spacing: 1px;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.footer-nav-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 4px;
  margin-bottom: 16px;
  display: flex;
}

.footer-nav-item.hide {
  display: none;
}

.footer-link {
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: none;
  font-size: 12px;
  font-weight: 400;
  text-decoration: none;
  transition: opacity .2s, color .2s;
  display: flex;
}

.footer-link:hover {
  opacity: .5;
  color: var(--butterfly);
}

.footer-link.xai {
  display: none;
}

.app-store-link {
  height: 48px;
  display: none;
}

.app-store-image {
  height: 100%;
  display: none;
}

.footer-double-column {
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.join-the-team {
  justify-content: center;
  width: 100vw;
  height: 60vh;
  display: flex;
}

.body-5 {
  flex-direction: column;
  display: flex;
  overflow: visible;
}

.button-block {
  grid-column-gap: 8px;
  grid-row-gap: 24px;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: none;
  display: flex;
}

.button-block.full-width {
  align-items: center;
}

.button-block._2-buttons {
  max-width: 600px;
}

.button-block.left {
  align-self: flex-start;
  align-items: center;
  max-width: none;
}

.button-block.bottom-left {
  margin-bottom: 20px;
  margin-left: 20px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.button-block.bottom-right {
  margin: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.button-block.hero {
  align-self: flex-start;
  align-items: center;
  position: relative;
}

.button-block.pop-up-ctas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-self: stretch;
  align-items: stretch;
}

._404-heading-wrap {
  width: 100vw;
}

.white-bg {
  z-index: 4;
  background-color: var(--white);
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.features-section {
  z-index: 2;
  background-color: var(--black);
  justify-content: center;
  width: 100vw;
  height: auto;
  min-height: auto;
  display: flex;
  position: relative;
}

.features-section.hide {
  display: none;
}

.features-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-left: 2px none var(--white-20);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 1200px;
  padding: 16px;
  display: flex;
}

.feature-text-wrap {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: flex-end;
  padding: 16px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-6 {
  letter-spacing: 4px;
}

.hero-app-store-buttons {
  margin-top: 20px;
}

.droid-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: nowrap;
  grid-template: "Area"
                 "."
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: flex;
}

.droid-image-block {
  width: 33%;
  padding: 0 0 0%;
  position: relative;
}

.droid-grid {
  width: 100%;
  min-height: 100vh;
  margin-top: 60px;
  margin-bottom: 60px;
}

.droid-hero {
  justify-content: center;
  align-items: center;
  width: 100dvw;
  height: auto;
  min-height: 100dvh;
  margin-top: 0;
  display: flex;
  overflow: hidden;
}

.terms-of-use-text {
  color: red;
  max-width: 900px;
  font-size: 15px;
}

.terms-of-use-text h1 {
  text-transform: uppercase;
  margin-bottom: 60px;
  font-family: Orbitron, sans-serif;
  font-size: 8svw;
  line-height: 90%;
}

.terms-of-use-text h2 {
  font-family: Orbitron, sans-serif;
  font-size: 32px;
}

.terms-of-use-text h3 {
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-size: 24px;
}

.locked-icon {
  align-self: flex-start;
  margin-bottom: 20px;
}

.error-message-2 {
  background-color: var(--medium-violet-red);
  border-radius: 4px;
  margin-top: 20px;
}

.text-block-5 {
  color: var(--white);
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
}

.usps-hero {
  z-index: 8;
  border-bottom: 1px solid var(--white-20);
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62b43bba70c5b8e16e6cbe84_bg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-top: -114px;
  margin-bottom: 0;
  padding: 40px 40px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hero-heading {
  flex-wrap: wrap;
  flex: none;
  place-content: center;
  align-self: auto;
  width: 100%;
  margin-bottom: 16px;
  margin-right: 0;
  display: flex;
  overflow: auto;
}

.usp-section-1 {
  z-index: 2;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 120vh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.usp-section-2, .usp-section-3 {
  z-index: 4;
  border-right: 1px none var(--black);
  border-bottom: 1px solid var(--white-20);
  border-left: 1px none var(--white-20);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.paragraph-xxl {
  text-align: center;
  justify-content: center;
  font-size: 24px;
  line-height: 140%;
  display: flex;
}

.paragraph-xxl.vw {
  text-align: left;
  font-size: 1.75vw;
}

.paragraph-xxl.caps {
  justify-content: flex-start;
}

.paragraph-xxl.caps.bold {
  font-weight: 700;
}

.product-card {
  max-width: 100%;
}

.arrrow {
  width: 24px;
  position: absolute;
  inset: auto 5% 5% auto;
}

.utility-stars-bg {
  z-index: 1;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.stars {
  justify-content: space-around;
  width: 100%;
  height: 24px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
}

.team-member-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: nowrap;
  grid-template: "Area"
                 "."
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: flex;
}

.team-grid-section {
  z-index: 2;
  background-color: var(--black);
  justify-content: center;
  width: 100vw;
  height: auto;
  min-height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.crafted-by {
  color: var(--black);
  text-decoration: none;
}

.crafted-by.purple {
  color: var(--purple);
}

.link-block {
  color: var(--black);
  flex-direction: row;
  text-decoration: none;
  display: flex;
}

.thebang-co-logo {
  width: 80px;
  margin-left: 10px;
}

.collab-hero {
  z-index: 8;
  border-bottom: 1px solid var(--white-20);
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62b43bba70c5b8e16e6cbe84_bg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-top: -114px;
  margin-bottom: 0;
  padding: 40px 40px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.collab-section {
  z-index: 2;
  border-top: 1px solid var(--white-20);
  border-bottom: 1px solid var(--white-20);
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  padding: 0 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.collab-section.no-border {
  border-top-style: none;
  border-bottom-style: none;
  min-height: 80vh;
}

.horizontal-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  width: 100%;
  height: auto;
  margin-top: 60px;
  margin-bottom: 0;
  padding-bottom: 20px;
  display: flex;
  overflow: scroll;
}

.horizontal-row.founders {
  justify-content: flex-end;
  margin-top: 0;
  margin-left: 140px;
}

.horizontal-row.no-scroll {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-bottom: 60px;
}

.horizontal-row.grid {
  flex-wrap: wrap;
  place-content: space-around center;
  min-height: 0;
}

.partner-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  width: 250px;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.partner-block.hide {
  display: none;
}

.partenr-image {
  z-index: 1;
  max-height: 100%;
  position: relative;
  inset: 0%;
}

.partner-name {
  z-index: 2;
  color: var(--white);
  text-transform: uppercase;
  flex: none;
  font-family: Space Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 600;
  position: relative;
}

.partner-name.available {
  color: var(--white-50);
  font-weight: 400;
}

.partner-image-block {
  border: 1px solid var(--white-20);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 250px;
  transition: background-color .2s;
  display: flex;
}

.partner-image-block:hover {
  background-color: var(--white);
  color: var(--white);
}

.partner-image-block.metashima {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62da50520432467d9dbadabb_Metashima.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.partner-image-block.flooz {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62da507ba561f24e63b0a789_Flooz.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.partner-image-block.feline-friendz {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62da51b07083738a2f863525_Feline%20friendz.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.partner-image-block.champsnew {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62da5323cb630721e2504095_Champs.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.claim-place-text {
  color: var(--butterfly);
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-top: 20px;
  font-family: Space Grotesk, sans-serif;
  display: flex;
}

.stacking-content-vertical-wrap {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.stacking-content-vertical-wrap.centre {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  align-self: center;
  align-items: center;
}

._1005-image {
  max-width: 100%;
}

._1005-image.desktop {
  flex: 1;
  align-self: stretch;
  width: 100%;
}

.in-body-link {
  color: var(--butterfly);
}

.stacking-content-video {
  width: 50%;
}

.founder-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  width: 250px;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.partner-package-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: baseline;
  margin-top: 60px;
  display: flex;
}

.partner-package {
  background-color: #7e7f96;
  border-radius: 2px;
  width: auto;
}

.partner-package.rank-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #0000;
  background-image: radial-gradient(circle at -50% -50%, #f4d623, #00cfc1);
  flex-direction: column;
  align-items: baseline;
  width: 100%;
  padding: 40px;
  display: flex;
}

.partner-package.rank-3 {
  background-color: var(--medium-violet-red);
  width: auto;
}

.partner-package.rank-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #0000;
  background-image: radial-gradient(circle at -20% -20%, #f4d623, #f57f11);
  flex-direction: column;
  width: 100%;
  padding: 40px;
  display: flex;
}

.partner-package.rank-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--white);
  flex-direction: column;
  width: 100%;
  padding: 40px;
  display: flex;
}

.partner-card-heading {
  margin-bottom: 0;
}

.rank-heading-text {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 28px;
}

.bullet-list-heading {
  color: var(--black);
}

.founder-image-block {
  border: 1px none var(--white-20);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: background-color .2s;
  display: flex;
}

.founder-image-block:hover {
  color: var(--white);
  background-color: #0000;
  border-style: none;
}

.beta-launch-hunt-hero {
  min-height: 100vh;
  display: none;
}

.al-hunt-hero-text {
  z-index: 3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  max-width: 1440px;
  height: auto;
  display: flex;
  position: relative;
  inset: -43% 0% 0%;
}

.image-24, .slideshow-image-block {
  width: 100%;
}

.slideshow-image-block.portrait {
  width: 50%;
}

.slideshow-image-wrap {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.image-26 {
  margin-bottom: 20px;
}

.prizes-grid-section {
  z-index: 2;
  background-color: var(--black);
  justify-content: center;
  width: 100vw;
  height: auto;
  min-height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.prizes-grid {
  width: 100%;
  min-height: 100vh;
  margin-top: 60px;
  margin-bottom: 60px;
}

.prizes-row {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: nowrap;
  grid-template: "Area"
                 "."
                 "."
                 / 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: flex;
}

.prizes-image-block {
  justify-content: center;
  align-items: flex-end;
  width: 33%;
  height: auto;
  padding: 0 0 33%;
  display: flex;
  position: relative;
}

.prize-image {
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  position: absolute;
  inset: 0%;
}

.prize-title-block {
  margin-bottom: 40px;
  position: absolute;
  inset: auto 0% 0%;
}

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

.mint-date {
  border-style: none none solid;
  border-width: 1px 1px 4px;
  border-color: var(--butterfly);
  color: var(--butterfly);
  border-radius: 0;
  justify-content: space-between;
  padding: 8px 0;
  display: block;
}

.slideshow-text {
  color: var(--white);
  max-width: 400px;
  margin-top: 0;
  padding: 8px 16px 16px;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
}

.slideshow-heading {
  margin-top: 40px;
  padding-left: 16px;
}

.highlight-text {
  background-color: var(--white-10);
  color: var(--butterfly);
  border-radius: 2px;
  width: 300px;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 8px 16px;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  line-height: 140%;
}

.highlight-text.notch8 {
  margin-top: 0;
  font-size: 10px;
}

.highlight-text.notch8.absolute {
  justify-content: center;
  width: 300px;
  display: flex;
  position: absolute;
  inset: auto 35% -24% auto;
}

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

.highlight-text.investment {
  position: relative;
  top: 52px;
}

.highlight-text.no-max-width {
  letter-spacing: 0;
  width: auto;
}

.highlight-text._0-margin {
  margin-top: 0;
  font-size: 10px;
}

.highlight-text._0-margin.left-align-text {
  text-align: left;
}

.stacking-section-2 {
  z-index: 4;
  border-bottom: 1px solid #fff3;
  border-left: 1px #fff3;
  border-right: 1px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 120vh;
  margin-bottom: 0;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-5 {
  width: 40%;
  height: auto;
  padding-left: 64px;
}

.div-block-6 {
  width: 100%;
  height: auto;
  padding-right: 64px;
}

.heading-8 {
  letter-spacing: 0;
  text-transform: none;
}

.success-message-2 {
  background-color: var(--butterfly);
  border-radius: 4px;
}

.link {
  color: var(--black);
}

.the-key-bg {
  z-index: 1;
  flex: none;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.background-video-6 {
  width: 100vw;
  height: 100%;
}

.x-key-hero {
  z-index: 8;
  border-bottom: 1px solid var(--white-20);
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62b43bba70c5b8e16e6cbe84_bg.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-top: -114px;
  margin-bottom: 0;
  padding: 40px 40px 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.the {
  align-self: center;
  width: 40%;
}

.x-key {
  align-self: center;
  width: 70%;
}

.key-card {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62e2d0670f04cd99ca77b561_X-KEY%20CARD%2004.png");
  background-position: 0 0;
  background-size: auto;
  align-items: flex-end;
  width: 20%;
  display: flex;
}

.key-card._1 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62e3cdacce3a1188b664799a_X-KEY%20CARD%2005.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  height: auto;
  min-height: 370px;
}

.key-card._2 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62e3cdac5fb057caa495a872_X-KEY%20CARD%2004.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  overflow: hidden;
}

.key-card._3 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62e3cdac886bbb2bf8a342ae_X-KEY%20CARD%2003.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
}

.key-card._4 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62e3cdacb9c88d058f0c7b91_X-KEY%20CARD%2002.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
}

.key-card._5 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62e3cdb37befdbbc25551ed1_X-KEY%20CARD%2001.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
}

.key-card-text-block {
  background-image: none;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.x-key-hero-wrap {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 80px 40px;
  display: flex;
  position: relative;
}

.rank-comp-hero {
  min-height: 80vh;
}

.rank-comp-hero-wrap {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 80px 40px;
  display: flex;
  position: relative;
}

.comp-hero-text-wrap {
  max-width: 500px;
  margin-top: 40px;
}

.leaderboard-section {
  z-index: 2;
  background-image: linear-gradient(#0000, #000 2%);
  justify-content: center;
  width: 100vw;
  min-height: auto;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
  position: relative;
}

.leaderboard {
  width: 100%;
}

.leaderboard-container {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: none;
  margin-bottom: 20px;
  display: flex;
}

.collection-item {
  background-color: #0000;
  flex: none;
  justify-content: space-between;
  display: flex;
}

.xp-total {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--transparent);
  border-radius: 4px;
  align-items: center;
  padding: 8px 8px 6px;
  font-family: Soehne schmal fett, sans-serif;
  display: flex;
}

.leaderboard-cell {
  background-color: var(--white-10);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  border-radius: 0;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.leaderboard-cell.notch8 {
  background-color: var(--black);
  height: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.leaderbaord-pp {
  border-radius: 100%;
  width: 40px;
  height: 40px;
  overflow: hidden;
}

.position {
  background-color: #0000;
  border: 1px #000;
  border-left: 4px #f4d623;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}

.username {
  color: var(--white);
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  flex: 1;
  font-family: Space Grotesk, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}

.x-tokens {
  background-color: var(--transparent);
  color: var(--white);
  border-radius: 4px;
  min-width: auto;
  margin-left: 4px;
  padding: 0 0 8px;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
}

.pp-name {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 1;
  align-items: center;
  width: 30%;
  max-width: none;
  margin-left: 40px;
  display: flex;
  overflow: hidden;
}

.xp-amount {
  color: var(--butterfly);
  text-align: right;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  display: flex;
}

.xp-label {
  color: var(--butterfly);
  letter-spacing: .5px;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
}

.collection-list {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.position_number {
  background-color: var(--transparent);
  color: var(--white);
  border-radius: 2%;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 24px;
  display: flex;
}

.xp-label-pill {
  background-color: var(--white-10);
  color: var(--butterfly);
  border-radius: 8px;
  padding: 4px 8px;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.rank-card {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  border-radius: 2px;
  align-items: flex-end;
  width: 20%;
  height: 300px;
  display: flex;
}

.rank-card.master, .rank-card.pro {
  background-color: var(--white-10);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  align-items: center;
  height: 200px;
}

.rank-card.og {
  background-color: var(--white-10);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  align-items: center;
  height: 200px;
  overflow: hidden;
}

.rank-card.hunter {
  background-color: var(--white-10);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  align-items: center;
  height: 200px;
}

.rank-card.rookie {
  background-color: var(--white-10);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  height: 200px;
}

.reward-card {
  background-color: var(--white-10);
  background-image: none;
  background-size: auto;
  border-radius: 2px;
  flex-direction: column;
  align-items: flex-end;
  width: 20%;
  height: 300px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.reward-card._10000 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62ea8217c8ad8db7f903b872_x-key.png");
  background-position: 50%;
  background-size: cover;
}

.xtoken-pill {
  background-color: var(--black-80);
  border-radius: 24px;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding-left: 2px;
  padding-right: 16px;
  display: flex;
  position: relative;
  inset: 0% 0% auto;
}

.reward-card-top-section {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.xtoken-icon {
  width: 60px;
}

.text-block-6 {
  color: var(--white);
  font-family: Space Grotesk, sans-serif;
  font-size: 20px;
}

.how-to-earn-card {
  background-color: var(--white-10);
  background-image: none;
  background-size: auto;
  border-radius: 2px;
  flex-direction: column;
  align-items: flex-end;
  width: 30%;
  height: auto;
  min-height: 300px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.card-text-block {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 24px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.card-text-block.centre {
  text-align: center;
  align-items: center;
}

.card-top-section {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.earn-icon {
  width: 120px;
  height: 120px;
}

.heading-9 {
  color: var(--white);
  letter-spacing: 2px;
  margin-top: 16px;
  margin-bottom: 8px;
  font-size: 16px;
}

.rule-card {
  background-color: var(--white-10);
  background-image: none;
  background-size: auto;
  border-radius: 2px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 30%;
  height: auto;
  min-height: 300px;
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.paragraph-xs {
  font-size: 12px;
  line-height: 16px;
}

.paragraph-xs.is-white {
  color: var(--white);
  text-align: left;
  flex: 0 auto;
  width: 100%;
  max-width: 22rem;
  padding-right: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

.paragraph-xs.is-white.hs-label {
  max-width: 22rem;
}

.paragraph-xs.is-white.hs-label.o-50 {
  opacity: .5;
  width: auto;
}

.paragraph-xs.is-white.hs-label.o-50.align-right {
  text-align: right;
  align-self: auto;
  width: auto;
  max-width: none;
}

.paragraph-xs.is-white.prizes-para {
  text-align: left;
  max-width: 34rem;
}

.paragraph-xs.is-white.prizes-para.is-cerntered {
  text-align: center;
}

.paragraph-xs.is-white.prizes-para.padding-top {
  padding-top: 4rem;
}

.paragraph-xs.is-white.prizes-para.padding-top.is-centered {
  text-align: center;
}

.paragraph-xs.is-white.large {
  font-size: 18px;
}

.paragraph-xs.is-white.is-centered {
  text-align: center;
}

.paragraph-xs.is-white.padding-right {
  padding-right: 52px;
}

.paragraph-xs.is-white._30 {
  max-width: 30rem;
}

.paragraph-xs.is-white._100 {
  max-width: none;
}

.leaderboard-hero {
  min-height: 50vh;
}

.passengers-hero {
  width: 100vw;
}

.passengers-list {
  justify-content: center;
  width: 100vw;
  min-height: auto;
  padding-bottom: 60px;
  display: flex;
}

.passengers-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  width: 90%;
  margin-bottom: 20px;
  display: flex;
}

.passenger-collection-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  place-content: space-between center;
  width: 100%;
  display: flex;
}

.passenger-item {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 2px none var(--butterfly);
  filter: contrast(200%);
  outline-color: var(--white);
  outline-offset: 10px;
  background-color: #0000;
  border-radius: 2px;
  outline-width: 3px;
  outline-style: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0%;
  display: flex;
}

.passenger-item-card {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 28%;
  height: auto;
  margin-bottom: 24px;
  margin-right: 16px;
  padding-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  box-shadow: 0 0 180px #00cfc159;
}

.passenger-name {
  outline-offset: 0px;
  color: var(--butterfly);
  border: 1px #000;
  outline: 3px #00cfc1;
  align-self: auto;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.passenger_number {
  color: var(--butterfly);
  font-family: Space Grotesk, sans-serif;
}

.p-number {
  display: flex;
}

.hash {
  color: var(--butterfly);
  margin-right: 4px;
  font-family: Space Grotesk, sans-serif;
}

.passenger-text-block {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  display: flex;
}

.destination {
  color: var(--butterfly);
  letter-spacing: 2px;
  font-family: Space Grotesk, sans-serif;
  font-weight: 700;
}

.passenger-item-wrap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 2px solid var(--butterfly);
  filter: contrast(200%);
  outline-color: var(--white);
  outline-offset: 10px;
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62eba1901c291729f7df2a06_code.png");
  background-position: 99%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 2px;
  outline-width: 3px;
  outline-style: none;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 10% 50% 10% 10%;
  display: flex;
  box-shadow: inset 0 0 150px #00cfc166;
}

.boarding-pass-bottom {
  justify-content: space-between;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.active-block {
  flex-direction: row;
  align-items: center;
  display: flex;
}

.active {
  color: var(--butterfly);
  letter-spacing: 2px;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.active-dot {
  background-color: var(--butterfly);
  border-radius: 16px;
  width: 10px;
  height: 10px;
  margin-left: 4px;
  font-family: Space Grotesk, sans-serif;
  box-shadow: 0 0 10px #00cfc1cc;
}

.teh-game-text {
  opacity: 1;
  mix-blend-mode: normal;
  width: 95vw;
  display: block;
  position: static;
  top: auto;
}

.nav-cta-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-v2 {
  border: 1px none var(--white-20);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0009;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 80px;
  margin-top: auto;
  padding: 8px 16px 8px 24px;
  display: flex;
}

.container {
  width: auto;
  height: 200vh;
  display: flex;
  position: static;
}

.fixed-section {
  z-index: 5;
  background-color: var(--black);
  width: 100vw;
  height: 8vh;
  position: fixed;
  inset: auto 0% 0%;
  overflow: visible;
}

.fixed-section.ticker {
  z-index: 9997;
  height: 40px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.loading-screen-v2 {
  z-index: 9999;
  opacity: 1;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.loading-bar-wrap {
  z-index: 9999;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.loading-bar-background {
  border: 1px none var(--white-50);
  border-radius: 2px;
  flex-direction: column;
  justify-content: flex-end;
  width: 100vw;
  max-width: none;
  height: auto;
  margin: 0;
  display: flex;
  position: relative;
  inset: 0;
}

.scramble-text {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-self: center;
  min-width: 400px;
  height: 100%;
  margin-bottom: 24px;
  font-family: Space Grotesk, sans-serif;
  display: flex;
  position: relative;
}

.scramble-text.left {
  text-align: left;
  min-width: auto;
}

.loading-screen-background {
  z-index: 998;
  background-color: var(--black);
  position: absolute;
  inset: 0%;
}

.fixed-section-heading {
  z-index: 2;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 40px;
  position: static;
  top: 200px;
  bottom: 0;
}

.first-block {
  z-index: 2;
  mix-blend-mode: normal;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0;
}

.heading-wrapper {
  background-color: #0000;
  border-radius: 0;
  width: 40%;
  padding: 32px;
  overflow: hidden;
}

.heading-wrapper.notch24 {
  border: 1px none var(--white-20);
  box-shadow: none;
  background-color: #0000;
  overflow: hidden;
}

.main-section-image {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: none;
  align-items: center;
  width: 30%;
  margin-top: 40px;
  margin-bottom: 0;
  display: flex;
}

.main-section-image.large {
  width: 100%;
}

.droid-pfp {
  flex: 0 auto;
  width: auto;
  padding-bottom: 100%;
  position: relative;
}

.heading-11 {
  white-space: normal;
  width: 100%;
  font-family: Orbitron, sans-serif;
  font-size: 32px;
}

.success-message-3 {
  background-color: var(--butterfly);
  color: var(--black);
  border-radius: 0;
  overflow: hidden;
  box-shadow: 0 0 90px 20px #00cfc133;
}

.success-message-3.notch16 {
  background-color: var(--transparent);
  background-image: linear-gradient(180deg, var(--white-20), var(--white-10));
  padding: 1px;
  position: relative;
  top: 0;
}

.empty-state {
  display: none;
}

.background-video-8 {
  mix-blend-mode: normal;
  width: 100%;
  height: 100%;
}

.background-video-8.small {
  width: 100%;
  height: 100%;
}

.background-video-8.small.mobile {
  display: none;
}

.season-one-exian-trailer {
  background-color: #0000;
  border-radius: 0;
  flex: 0 auto;
  align-self: auto;
  width: 80%;
  display: flex;
}

.horizontal-block {
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  top: auto;
}

._33-left {
  flex: none;
  align-self: flex-start;
  align-items: flex-start;
  width: 33vw;
  height: auto;
  padding: 40px 40px 0;
  display: flex;
  position: sticky;
  top: 70vh;
}

._66-right {
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  width: 67vw;
  height: auto;
  padding: 40px;
  display: flex;
}

.label-value {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.season-one-label {
  color: var(--white);
  letter-spacing: 4px;
  font-family: Space Grotesk, sans-serif;
  font-size: 1vw;
  line-height: 100%;
}

.values {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--white);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  font-family: Space Grotesk, sans-serif;
  display: flex;
}

.values.horizontal {
  flex-direction: row;
  display: none;
}

.counterup {
  color: var(--white);
  letter-spacing: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 10vw;
  font-weight: 700;
  line-height: 80%;
}

.counterup.progress {
  font-size: 4vw;
}

.px-story-block {
  flex-direction: row;
  justify-content: space-around;
  display: flex;
}

.px-story {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: 0;
  display: flex;
}

.gradient-block {
  z-index: 1;
  background-color: var(--black);
  flex: none;
  justify-content: space-around;
  align-items: center;
  width: 100vw;
  height: auto;
  display: none;
  position: absolute;
  inset: 0%;
}

.gradient-block.bar {
  background-color: var(--purple);
  flex: 1;
  display: flex;
}

.next-hunt-timer {
  z-index: 10001;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.background-gradient {
  object-fit: fill;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  width: 100vw;
  height: auto;
  display: none;
}

.count-down-ticker-wrap-copy {
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  margin-top: 0;
  margin-left: -11px;
  display: flex;
}

.countdown-timer-row {
  z-index: 2;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: 72px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
  position: relative;
  bottom: auto;
  right: auto;
}

.countdown-timer-blocks {
  z-index: 4;
  grid-column-gap: 16px;
  border: 2px none var(--butterfly);
  border-radius: 4px 4px 2px 2px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.next-hunt-container {
  height: auto;
  display: flex;
}

.next-hunt-large {
  z-index: 3;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: auto;
  height: 90vh;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
  inset: 0%;
}

.playercount-io {
  color: var(--butterfly);
  font-family: Space Grotesk, sans-serif;
}

.link-2 {
  color: var(--butterfly);
}

.sticky-wrapper {
  mix-blend-mode: normal;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.sticky-section {
  z-index: 3;
  mix-blend-mode: lighten;
  background-color: #0000;
  align-items: flex-start;
  width: 100vw;
  height: 200vh;
  display: flex;
  position: relative;
  top: 5px;
  overflow: visible;
}

.sticky-wrapper {
  justify-content: flex-start;
  height: 100vh;
}

.sticky-wrapper._100vh {
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  position: relative;
}

.scroll-bar-back {
  z-index: -1;
  width: 100vw;
  height: 80px;
  display: none;
  position: fixed;
  inset: 0%;
}

.scroll-bar {
  background-color: var(--white-10);
  width: 100%;
  height: 100%;
}

.vimeo-video {
  z-index: 2;
  border-radius: 0;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 92vh;
  display: flex;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.sticky-video-section {
  z-index: 4;
  background-color: #0000;
  align-items: flex-start;
  width: 100dvw;
  height: 200dvh;
  display: flex;
  position: relative;
  top: 5px;
  overflow: visible;
}

.px-story-section {
  z-index: 3;
  background-color: var(--black);
  width: 100vw;
  height: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: visible;
}

.relative-wrapper {
  z-index: 90;
  flex: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.relative-wrapper.align-top {
  align-items: flex-start;
}

.relative-wrapper.align-top.max-width {
  flex-direction: row;
  justify-content: space-around;
  max-width: 1250px;
}

.relative-wrapper.align-top.max-width.form {
  flex-direction: row;
  align-items: center;
}

.relative-wrapper.align-top.max-width.form._48px-gutter {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex: none;
  width: 90%;
}

.relative-wrapper.align-centre {
  justify-content: center;
}

.relative-wrapper.reserve-xpod {
  width: 90%;
}

.next-hunt-section {
  z-index: 6;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c1359648625450d9be247f_Pictures%20Video%201_00011.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  height: 100dvh;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.lottie-animation-18 {
  object-fit: fill;
  flex: none;
  justify-content: space-around;
  align-self: auto;
  width: 100vw;
  height: auto;
  display: flex;
}

.get-the-app {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-left: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 1.5vw;
  line-height: 100%;
}

.app-store-buttons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-top: 0;
  margin-bottom: 20px;
  display: flex;
}

.app-store-buttons.next-hunt {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 40px;
  padding-left: 0;
  display: none;
}

.app-store-buttons.absolute {
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: auto 0% 5%;
}

.app-store-buttons.hide-desktop {
  display: none;
}

.app-store-buttons.no-margin.vertical {
  flex-direction: column;
}

.qr-code-block {
  z-index: 2;
  align-self: center;
  width: auto;
  display: flex;
  position: relative;
}

.lottie-animation-19 {
  flex: none;
  width: 100vw;
}

.watch-trailer-button, .vimeo-trailer {
  display: none;
}

.trailer-close-button {
  background-color: var(--white-10);
  cursor: pointer;
  padding: 16px;
  transition: background-color .2s;
  position: fixed;
  inset: 2vh 2vw auto auto;
}

.trailer-close-button:hover {
  background-color: var(--royal-blue);
}

.trailer-close-button.notch8 {
  background-color: var(--white-10);
  padding: 16px;
  position: fixed;
  inset: 2vh 2vw auto auto;
}

.trailer-close-button.notch8:hover {
  background-color: var(--royal-blue);
}

.image-35 {
  width: 24px;
}

.dollars {
  display: flex;
}

.dollar-symbol {
  color: var(--white);
  letter-spacing: 4px;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 3.5vw;
  font-weight: 700;
  line-height: 100%;
}

.loading-lottie {
  z-index: 9998;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 90%;
  height: auto;
  margin-top: 0;
  margin-bottom: 24px;
  display: flex;
  position: relative;
  inset: 0 0%;
}

.lottie-animation-20 {
  width: 48px;
  height: 48px;
}

.chests-found {
  background-color: var(--white-10);
  margin-top: 20px;
}

.chests-found.notch8 {
  background-color: var(--white-20);
  margin-top: 0;
}

.dr-container {
  width: 100vw;
  height: 92vh;
  display: flex;
}

.data-log-container {
  grid-row-gap: 32px;
  flex-direction: column;
  width: 30%;
  height: 100%;
  margin-bottom: 8vh;
  padding: 96px 32px 32px;
  display: none;
}

.engine-container {
  grid-row-gap: 32px;
  flex-direction: column;
  width: 100%;
  padding: 96px 32px 32px;
  display: flex;
}

.dr-h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
}

.dr-h1.outline {
  outline-offset: 0px;
  border: 0 solid #000;
  outline: 0 #fff;
  margin-left: 0;
  padding-right: 8px;
}

.light {
  background-color: var(--butterfly);
  border-radius: 40px;
  width: 12px;
  height: 12px;
}

.light-container {
  z-index: 4;
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
  position: relative;
}

.log-list {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.title-sub {
  grid-column-gap: 64px;
  flex-direction: row;
  align-items: center;
  padding-bottom: 0;
  display: flex;
}

.infographic-container {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.headline-stat-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.stat-large {
  grid-column-gap: 8px;
  flex-wrap: wrap;
  display: flex;
}

.stat-input-large {
  color: #fff;
  font-family: Space Grotesk, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
}

.stat {
  grid-row-gap: 4px;
  flex-direction: column;
  display: flex;
}

.top-level-stats {
  grid-column-gap: 32px;
  display: flex;
}

.power-bar {
  color: var(--white-10);
  background-color: #ffffff1a;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.power-bar-fill {
  background-color: var(--butterfly);
  flex: 1;
  width: 100%;
  height: 46%;
  display: flex;
}

.power-bar-fill._2 {
  width: 100%;
  height: 85%;
}

.power-bar-fill._3 {
  width: 100%;
  height: 90%;
}

.power-bar-fill._4, .power-bar-fill._5 {
  width: 100%;
  height: 60%;
}

.power-bar-fill._6 {
  width: 100%;
  height: 10%;
}

.power-bar-fill._7 {
  width: 100%;
  height: 80%;
}

.power-bar-fill._8 {
  width: 100%;
  height: 70%;
}

.power-bar-fill._9 {
  width: 100%;
  height: 5%;
}

.power-bar-fill._10 {
  width: 100%;
  height: 40%;
}

.power-bar-fill._1 {
  width: 100%;
  height: 10%;
}

.power-bar-container {
  grid-row-gap: 8px;
  flex-direction: column;
  height: 100%;
  padding-right: 32px;
  display: flex;
}

.power-bar-container.bottom-bars {
  flex-direction: column;
  align-items: center;
  width: 50%;
  min-width: 10px;
  min-height: 140px;
  padding-right: 0;
}

.power-bar-container.bottom-bars.spacer {
  display: none;
}

.power-bar-container.main {
  align-items: center;
  margin-right: 32px;
  padding-right: 0;
}

.text-block-8 {
  text-align: center;
  font-size: 8px;
}

.bar-stat-bold {
  text-align: center;
  font-weight: 700;
}

.info-graphic-circles {
  width: 100%;
  display: flex;
}

.circl-infographic {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.info-label {
  color: #fff;
  text-align: left;
  letter-spacing: 2px;
  margin-bottom: 4px;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  line-height: 140%;
}

.info-label.target {
  color: #fff6;
  margin-top: 6px;
  font-size: 8px;
}

.circle {
  border: 0px solid var(--butterfly);
  color: #fff;
  border-radius: 64px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-top: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 500;
  display: flex;
  position: absolute;
}

.div-block-9 {
  justify-content: center;
  display: flex;
  position: relative;
}

.infographic-circles-row {
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.cylinders-fueled-container {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.cylinder-bar {
  background-color: #fff3;
  height: 4px;
}

.fill {
  background-color: var(--butterfly);
  width: 50%;
  height: 100%;
}

.fill._2, .fill._3 {
  width: 5%;
}

.cylinder-bars {
  grid-row-gap: 8px;
  flex-direction: column;
  padding-bottom: 8px;
  display: flex;
}

.bottom-bars {
  grid-column-gap: 0px;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  display: flex;
}

.divider {
  background-color: var(--white-20);
  width: 1px;
}

.title-block {
  grid-column-gap: 0px;
  display: flex;
}

.row {
  grid-column-gap: 24px;
  justify-content: space-around;
  align-items: stretch;
  width: 80%;
  display: flex;
}

.row._2 {
  width: 50%;
  padding-left: 12px;
}

.row._1 {
  flex-direction: row;
  justify-content: space-around;
  width: 50%;
  padding-right: 12px;
}

.caption {
  color: var(--white-50);
  margin-top: 10px;
  font-size: 12px;
}

.caption.green {
  color: var(--butterfly);
}

.caption.green.large {
  font-size: 14px;
}

.caption._40vw {
  width: 40vw;
}

.log {
  z-index: 9999;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.log-full-view {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  background-color: #ffffff1a;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 60%;
  height: 80vh;
  display: flex;
  overflow: hidden;
}

.lottie-animation-21 {
  width: 64px;
  height: 64px;
}

.yy {
  display: flex;
}

.collection-item-2 {
  border: 1px solid #fff3;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  min-height: 100%;
  padding: 16px 20px;
  display: flex;
}

.collection-item-2._002 {
  cursor: pointer;
  height: 100%;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 20px;
}

.div-block-10 {
  z-index: 0;
  display: flex;
  position: static;
}

.collection-list-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
}

.collection-list-wrapper-2 {
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  min-height: 100%;
  padding-bottom: 10vh;
  display: flex;
}

.log-title-overlay {
  color: #fff;
  border-bottom: 0 solid #fff3;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 16px 24px;
  font-family: Space Grotesk, sans-serif;
  font-weight: 600;
  line-height: 4vh;
  display: flex;
}

.div-block-13 {
  border-bottom: 1px solid #fff3;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.image-37 {
  width: 24px;
  height: 24px;
}

.div-block-14 {
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.heading-13 {
  opacity: 1;
  border: 0 solid #fff3;
  align-items: center;
  width: 100%;
  height: 80px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 24px;
  display: flex;
  position: sticky;
}

.heading-block {
  border-bottom: 1px solid #fff3;
  justify-content: space-between;
  width: 100%;
  height: 100px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.rich-text-block-2 {
  padding-top: 24px;
  padding-left: 24px;
  padding-right: 24px;
  overflow: auto;
}

.richtext-block {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  overflow: scroll;
}

.container-default {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.container-880px-center {
  width: 100%;
  max-width: 880px;
  margin-left: auto;
  margin-right: auto;
}

.countdown-wrapper---brix {
  grid-column-gap: 8px;
  border: 0 solid #eff0f6;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.countdown-number-container---brix {
  text-align: center;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 32px;
  display: flex;
}

.countdown-number---brix {
  color: #170f49;
  font-size: 90px;
  font-weight: 700;
  line-height: 94px;
}

.countdown-number---brix.number.stat-input-large {
  color: var(--white);
  align-items: center;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
  display: flex;
}

.countdown-number-title---brix {
  color: #4a3aff;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-top: 4px;
  font-weight: 700;
  line-height: 20px;
}

.countdown-number-title---brix.stat-input-large {
  color: #fff;
  align-items: center;
  margin-top: 0;
  font-weight: 500;
  display: flex;
}

.image-40 {
  margin-left: -5px;
}

.scroll-lottie {
  z-index: 100;
  justify-content: center;
  align-items: center;
  height: 30vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.scroll-lottie.centre.small {
  height: 5vh;
  position: relative;
}

.scroll-lottie.left {
  inset: auto auto 0% 0%;
}

.scroll-lottie.left.small {
  height: 14vh;
  margin-bottom: 40px;
  margin-left: -32px;
}

.lottie-animation-23 {
  width: auto;
  height: 90%;
  margin-bottom: 0;
}

.twitter-section {
  z-index: 1;
  background-color: var(--black);
  justify-content: center;
  width: 100dvw;
  height: auto;
  min-height: 100dvh;
  display: flex;
  position: relative;
}

._400px-left {
  flex-direction: column;
  justify-content: center;
  width: 400px;
  display: flex;
}

.faq--container {
  z-index: 2;
  background-color: #0000;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: none;
  padding-bottom: 140px;
  padding-left: 5vw;
  padding-right: 5vw;
  display: flex;
  position: relative;
}

.faq--container.no-padding {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.accordion-item {
  cursor: pointer;
  border-top: 1px solid #fff;
  position: relative;
  overflow: hidden;
}

.faq-hero-content {
  flex-direction: column;
  align-self: center;
  align-items: center;
  display: flex;
}

.faq-stripe-1 {
  background-color: #fff;
  width: 2px;
  height: 100%;
}

.c-faq {
  background-color: #0000;
  border-radius: 2px;
  flex: 1;
  align-self: stretch;
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.faq-stripe-2 {
  background-color: #fff;
  width: 100%;
  height: 2px;
  position: absolute;
}

.c-faq-item {
  border-left: 3px solid var(--royal-blue);
  background-color: var(--white-10);
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 1.2em;
  line-height: 1.6em;
  transition: background-color .3s;
}

.c-faq-item:hover {
  background-color: var(--white-10);
}

.c-faq-item.notch16 {
  border-left-style: none;
}

.c-faq-a {
  perspective-origin: 50% 0;
  transform-origin: 50% 0;
  overflow: hidden;
}

.c-faq-q {
  align-items: center;
  display: flex;
}

._w-faq-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.faq-a-text {
  font-size: 1em;
  line-height: 1.6em;
  display: flex;
}

.c-faq-a-text {
  padding: 20px;
}

.c-faq-a-text.top-padding {
  padding-top: 32px;
}

.c-faq-q-text {
  flex: 1;
  padding: 20px;
}

.faq-area {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  max-width: none;
  min-height: 50vh;
  display: flex;
}

.c-faq-divider {
  padding: 0;
}

.faq-divider {
  border-top: 1px solid #ffffff40;
  height: 0;
}

.c-faq-icon {
  justify-content: center;
  align-items: center;
  padding: 20px;
  position: relative;
}

.faq-q-text {
  color: var(--white);
  font-family: Space Grotesk, sans-serif;
  font-size: 1em;
  font-weight: 400;
}

.loading-text-wrap {
  z-index: -1;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.loading-text-wrap.hide {
  display: none;
}

.text-block-15 {
  color: var(--white-50);
}

.relative-section {
  z-index: 3;
  mix-blend-mode: lighten;
  background-color: #0000;
  align-items: flex-start;
  width: 100dvw;
  height: 100dvh;
  display: flex;
  position: relative;
  top: 5px;
  overflow: hidden;
}

.relative-section.normal {
  mix-blend-mode: normal;
  width: 100dvw;
  height: 100dvh;
}

.relative-section.normal.first {
  width: 100dvw;
  height: 100dvh;
}

.tokens, .chest {
  align-items: center;
  display: flex;
}

.chest-icon {
  width: 56px;
  margin-right: 8px;
}

.lightning-button {
  justify-content: center;
  align-items: center;
  height: 48px;
  display: flex;
  position: relative;
}

.lightning-button.margin {
  margin-top: 20px;
}

.lightning-button.left-align {
  max-width: 400px;
}

.lighning-lottie {
  z-index: 1;
  flex: 0 auto;
  align-self: center;
  width: auto;
  height: 200%;
  display: none;
  position: absolute;
  inset: 0% 0% 0% -10%;
  transform: rotate(90deg);
}

.battle-pass-video {
  width: 600px;
  height: 600px;
  min-height: 60vh;
  overflow: visible;
}

.features-heading {
  text-align: center;
  white-space: break-spaces;
  margin-bottom: 0;
  font-size: 10px;
  line-height: 120%;
}

.feature-image-wrap {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: auto;
  display: flex;
  position: static;
  inset: 10% 60% 60% 5%;
}

.image-41 {
  height: 100%;
}

.battle-pass-feature {
  border: 1px none var(--white-20);
  background-color: #0000;
  border-radius: 2px;
  align-items: stretch;
  width: 100%;
  height: 170px;
  min-height: auto;
  padding-top: 0%;
  padding-bottom: 0%;
  display: flex;
  position: relative;
}

.boarding-pass-backgroud-video {
  z-index: 1;
  mix-blend-mode: lighten;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.boarding-pass-video {
  mix-blend-mode: normal;
  border-radius: 8px;
  width: 70%;
  height: 100%;
}

.boarding-pass-video.show-mobile {
  width: 100%;
  height: 140%;
}

.form-heading {
  grid-row-gap: 8px;
  flex-direction: column;
  flex: none;
  align-self: flex-start;
  margin-bottom: 0;
  display: flex;
}

.form-heading.hide {
  display: none;
}

.form-group {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
}

.form-group.review {
  margin-bottom: 0;
}

.form-social-item {
  border-style: solid;
  border-width: 1px;
  border-color: black black var(--white-20);
  opacity: .5;
  justify-content: space-between;
  align-items: center;
  height: 56px;
  margin-bottom: 24px;
  text-decoration: none;
  transition: opacity .3s;
  display: flex;
}

.form-social-item:hover {
  border-style: none none solid;
  border-color: black black var(--white);
  opacity: 1;
}

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

.icon-handle {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.form-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.heading-15 {
  margin-bottom: 8px;
}

.text-block-17 {
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 1vw;
}

.hunt-card {
  flex-direction: column;
  width: 50%;
  min-height: 50%;
  display: flex;
}

.hunt-card.notch24 {
  background-color: var(--white-10);
  width: 100%;
  min-height: auto;
  overflow: visible;
  box-shadow: 0 0 90px -20px #00cfc1b3;
}

.hunt-thumbnail-image {
  width: 100%;
  height: 100%;
  min-height: 30vh;
}

.hunt-card-details.notch24 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--black-80);
  flex-direction: column;
  justify-content: space-around;
  width: 100%;
  height: auto;
  min-height: auto;
  margin-top: -70px;
  padding: 40px;
  display: flex;
}

.hunt-details-text-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.h3-large {
  font-size: 32px;
  line-height: 120%;
}

.h3-large.no-margin {
  margin-top: 0;
  font-size: 24px;
}

.hunt-card-wrap {
  box-shadow: none;
  flex-direction: column;
  width: auto;
  margin-right: 100px;
  display: flex;
}

.hunt-number-and-date {
  border-left: 6px solid var(--butterfly);
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-left: 16px;
  display: flex;
}

.no-margin {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 30px;
}

.no-margin.large {
  flex: none;
  width: auto;
  font-size: 24px;
}

.hunt-date {
  color: var(--white-50);
  text-align: right;
  white-space: nowrap;
  flex-wrap: nowrap;
  flex: 1;
  justify-content: flex-end;
  width: auto;
  font-family: Space Grotesk, sans-serif;
  font-size: 18px;
  display: flex;
}

.hunt-info-pills {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.hunt-detail-pill.notch8 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--white-10);
  align-items: center;
  padding: 4px 12px 4px 4px;
  display: flex;
}

.hunt-detail-icon {
  width: 16px;
  height: 16px;
}

.hunt-detail-icon._26px {
  width: 26px;
  height: 26px;
}

.hunt-detail-icon._32px {
  width: 32px;
  height: 32px;
}

.hunt-pill-text {
  color: var(--white);
  font-family: Space Grotesk, sans-serif;
}

.hunt-pill-icon {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.hunt-card-stroke {
  background-color: var(--white-20);
  padding: 1px;
}

.hunt-thumbnail {
  width: auto;
  height: auto;
}

.dashed-timeline-asteroid {
  z-index: 4;
  border: 0px none var(--white-50);
  background-color: #0000;
  flex-direction: row;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 40px;
  display: flex;
  position: relative;
  inset: auto 0%;
}

.timeline-asteroid {
  align-self: center;
  width: 64px;
  height: 64px;
  position: absolute;
  inset: auto auto auto -32px;
}

.timeline {
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.dash {
  width: 16px;
  height: 8px;
}

.dash._10 {
  height: 100%;
}

.dash._5 {
  height: 24px;
}

.dash-line {
  background-color: #fff6;
  width: 1px;
  height: 100%;
}

.hunt-card-block {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #0000;
  flex-direction: column;
  align-items: flex-start;
  width: 40vw;
  height: auto;
  min-height: 80vh;
  display: flex;
  position: relative;
}

.hunt-card-scroll-contnet {
  flex-direction: column;
  width: 100dvw;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.centre-content-wrap {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.cta-wrap {
  width: 50%;
  margin-top: 20px;
}

.slider {
  background-color: #0000;
  height: auto;
  padding-left: 30vw;
}

.arrow-button {
  background-color: var(--white-10);
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  display: flex;
}

.arrow-button.notch12 {
  transition: background-color .2s;
}

.arrow-button.notch12:hover {
  background-color: var(--medium-violet-red);
}

.hunt-card-scroll-section {
  z-index: 4;
  width: 100dvw;
  height: auto;
  margin-top: 100px;
  margin-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.hunt-card-not-sticky-horizontal-scroll-content {
  padding-left: 30vw;
  display: flex;
  overflow: scroll;
}

.scroll-indicator {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

.scroll-indicator.hide-desktop {
  display: none;
}

.scroll-indicator-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  align-items: center;
  display: flex;
}

.scroll-indicator-text {
  color: var(--white);
  font-family: Space Grotesk, sans-serif;
}

.lottie-animation-25 {
  width: 100px;
}

.set-all-components-to-display-none-and-use-this-div-to-create-a-symbol {
  z-index: 9999;
  justify-content: center;
  display: flex;
  position: static;
}

.inside {
  background-color: var(--black);
  padding: 2rem;
}

.inside.notch24 {
  padding: 2rem;
}

.fs-cc-banner_close {
  background-color: var(--white-10);
  opacity: 1;
  color: var(--white);
  cursor: pointer;
  border-radius: 0;
  margin-left: .75rem;
  padding: .625rem;
  box-shadow: 1px 1px 12px #0000001a;
}

.fs-cc-prefs_label {
  color: var(--butterfly);
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-size: 1rem;
  font-weight: 700;
}

.fs-cc-manager_component {
  z-index: 9997;
  display: none;
  position: fixed;
  inset: auto auto 1rem 1rem;
}

.fs-cc-banner_button {
  background-color: var(--butterfly);
  color: var(--black);
  text-align: center;
  border: 2px #4353ff;
  border-radius: 0;
  min-width: 8.75rem;
  margin-left: 1rem;
  padding: .625rem 1.25rem;
  font-size: 1rem;
}

.fs-cc-banner_button.fs-cc-button-alt {
  background-color: var(--white-10);
  color: var(--white);
  border-style: none;
  border-color: #4353ff;
}

.fs-cc-manager_trigger {
  display: none;
}

.fs-cc-prefs_text {
  color: var(--white);
  font-family: Space Grotesk, sans-serif;
  font-size: .75rem;
}

.fs-cc-banner_close-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 2.5rem;
}

.fs-cc-banner_text-link {
  border-bottom: 2px solid var(--butterfly);
  color: var(--butterfly);
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-manager_icon {
  width: 2rem;
  height: 2rem;
}

.fs-cc-prefs_close {
  z-index: 1;
  background-color: var(--white-10);
  color: var(--white);
  cursor: pointer;
  border-radius: 0%;
  padding: .625rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: 8px 8px auto auto;
  box-shadow: -1px 1px 12px #3333331a;
}

.fs-cc-prefs_trigger {
  display: none;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 2rem;
  margin-right: -.5rem;
  display: flex;
}

.fs-cc-prefs_content {
  background-color: #0000;
  height: 100%;
  padding: 0;
  position: relative;
  overflow: scroll;
}

.fs-cc-banner_trigger {
  display: none;
}

.fs-cc-prefs_close-icon {
  color: var(--white);
  width: 1rem;
  height: 1rem;
}

.fs-cc-prefs_title {
  color: var(--white);
  font-family: Space Grotesk, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.2em;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: var(--black-80);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-manager_button {
  background-color: var(--white-10);
  color: var(--white);
  cursor: pointer;
  border-radius: 999rem;
  flex-direction: column;
  padding: .625rem;
  transition: color .2s;
  display: flex;
}

.fs-cc-manager_button:hover {
  color: #4353ff;
}

.fs-cc-banner_buttons-wrapper {
  flex-direction: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fs-cc-prefs_space-small {
  margin-bottom: .75rem;
}

.fs-cc-prefs_component {
  z-index: 9998;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 1.25rem;
  height: 1.25rem;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_component {
  z-index: 9998;
  background-color: var(--black);
  border-top: 1px solid #4353ff29;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: auto auto 0;
  box-shadow: 0 0 100px #00cfc180;
}

.fs-cc-banner_component.notch24 {
  z-index: 9997;
  background-color: var(--black);
  padding: 2em 2em 2em 2rem;
  display: none;
}

.fs-cc-prefs_button {
  background-color: var(--butterfly);
  color: var(--black);
  border: 2px #000;
  border-radius: 0;
  margin-right: .5rem;
  padding: .625rem 1.5rem;
  font-size: .875rem;
  font-weight: 700;
  transition: color .2s, background-color .2s;
}

.fs-cc-prefs_button:hover {
  background-color: var(--white-20);
  color: var(--white);
}

.fs-cc-prefs_button.fs-cc-button-alt {
  background-color: var(--white-10);
  color: var(--white);
  border-style: none;
  border-color: #4353ff;
}

.fs-cc-prefs_button.fs-cc-button-alt:hover {
  background-color: var(--white-20);
}

.fs-cc-prefs_submit-hide {
  display: none;
}

.fs-cc-prefs_checkbox-field {
  background-color: var(--white-20);
  border-radius: 999rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 2.75rem;
  height: 1.5rem;
  margin-bottom: 0;
  padding: .125rem;
  display: flex;
  position: relative;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.fs-cc-prefs_form {
  z-index: 1;
  background-color: var(--black);
  border-radius: 0;
  width: 100%;
  max-width: 36rem;
  height: 100%;
  max-height: 70vh;
  margin-bottom: 0;
  padding: 2rem;
  position: relative;
  box-shadow: 0 -1px 100px #00cfc180;
}

.fs-cc-banner_text {
  color: var(--white-80);
  margin-right: 1.5rem;
}

.fs-cc-banner_container {
  align-items: center;
  width: 100%;
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.faqs-link-pill-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-around;
  margin-bottom: 20px;
  display: flex;
}

.faq-link-pill {
  background-color: var(--white-10);
  letter-spacing: 1px;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.faq-link-pill:hover {
  background-color: var(--royal-blue);
}

.faq-link-text {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  flex: 0 auto;
  justify-content: center;
  width: auto;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  text-decoration: none;
  display: flex;
}

.faq-hero {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  background-image: none;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100dvw;
  min-height: auto;
  margin-top: 104px;
  padding-bottom: 40px;
  display: none;
}

.x-droids-video {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 650px;
  display: flex;
  position: relative;
}

.xdroids-hero-bg-0 {
  z-index: 7;
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/634d35593b32697a45018278_hunt-hero-0.png");
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 12vw;
  flex: none;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 8% 0% 0% 10%;
}

.droid-pfp-row-item {
  border-radius: 0%;
  flex: none;
  width: 250px;
  max-width: none;
  overflow: hidden;
}

.droid-pfp-row-wrapper {
  width: 100%;
  display: block;
  overflow: scroll;
}

.droid-pfp-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 40px;
  display: flex;
  overflow: visible;
}

.hero-buttons-wrap {
  width: auto;
  margin-top: 20px;
  display: flex;
}

.hero-buttons-wrap.xkey {
  align-self: flex-start;
}

.hero-buttons-wrap.xkey.hide {
  display: none;
}

.hero-buttons-wrap.xpod-preorder {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
}

.faq-body {
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: visible;
}

.background-video-element {
  z-index: 4;
  flex: none;
  width: 100vw;
  height: 100vh;
  position: relative;
}

.background-video-element.desktop {
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
}

.hunt-schedule-wrapper {
  background-color: #0000;
  justify-content: center;
  height: 4vh;
  display: none;
  position: relative;
  inset: -4vh 0% 0;
}

.hunt-shedule-button {
  background-color: var(--butterfly);
  color: var(--black);
  letter-spacing: 3px;
  align-items: center;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: flex;
  position: static;
  bottom: auto;
}

.hunt-shedule-button:hover {
  background-color: var(--white-20);
  color: var(--white);
}

.hunt-schedule-button {
  letter-spacing: 2px;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.faq-search-wrapper {
  align-self: center;
  width: 980px;
  max-width: 960px;
  display: none;
}

.form-4 {
  align-items: center;
  display: flex;
}

.jetboost-list-search-reset-nv2r {
  color: var(--butterfly);
  margin-left: 20px;
  display: none;
}

.jetboost-list-wrapper-empty-nv2r {
  display: none;
}

.no-search-results {
  background-color: var(--white-10);
  justify-content: center;
  width: auto;
  max-width: 960px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.no-results-text-wrapper {
  text-align: center;
  flex-direction: column;
  align-items: center;
  min-width: auto;
  max-width: 400px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.search-icon {
  width: 30px;
}

.link-3 {
  color: var(--butterfly);
  text-transform: uppercase;
  margin-top: 20px;
  text-decoration: none;
}

.jetboost-filter-8qdr {
  width: 100%;
  display: none;
}

.collection-list-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  display: flex;
}

.jetboost-filter-active {
  background-color: var(--royal-blue);
  flex: 0 auto;
  padding: 8px 16px;
  text-decoration: none;
}

.jetboost-filter-active:hover {
  color: var(--white-10);
}

.html-embed-3 {
  display: none;
}

.droid-hero-bg-video {
  z-index: 1;
  width: 100vw;
  min-height: 100vh;
}

.droid-hero-bg-video.mobile {
  width: 100dvw;
  min-height: 100dvh;
}

.droid-hero-bg-video.desktop {
  min-height: 100dvh;
}

.battle-pas-video {
  border-radius: 8px;
  width: 100%;
  height: 110%;
}

.future-feature-label {
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--royal-blue), var(--butterfly));
  margin-bottom: 20px;
  padding: 4px 8px;
}

.future-feature-label.notch4 {
  margin-bottom: 0;
}

.future-feature-text {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 150%;
}

.battle-pass-feature-label {
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--venus), var(--solar));
  margin-bottom: 20px;
  padding: 4px 8px;
}

.battle-pass-feature-label.notch4 {
  margin-bottom: 0;
}

.battle-pass-feature-text {
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.battle-pass-feature-text.notch8 {
  line-height: 150%;
}

.bold-text {
  display: flex;
}

.large-table {
  max-width: 120%;
}

.dropdown {
  color: var(--white-50);
  justify-content: center;
  align-items: flex-start;
  font-family: Space Grotesk, sans-serif;
  display: flex;
}

.dropdown:hover {
  color: var(--butterfly);
}

.dropdown-wrap {
  justify-content: center;
  align-items: flex-start;
  height: auto;
  min-height: auto;
  padding: 8px 8px 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.dropdown-wrap.hide {
  display: none;
}

.dropdown-trigger {
  flex: none;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: auto;
  min-height: auto;
  display: flex;
  position: relative;
}

.dropdown-icon {
  opacity: .5;
  color: var(--black);
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6361360cef25165a8118d613_dropdown%20arrow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 12px;
  margin-top: -1px;
  margin-bottom: 6px;
  margin-left: 2px;
  padding-bottom: 0;
}

.dropdown-content {
  grid-row-gap: 8px;
  background-color: var(--black-80);
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  height: auto;
  min-height: 0;
  padding: 8px 24px 8px 16px;
  display: flex;
  position: absolute;
  inset: 44px auto auto;
  overflow: hidden;
}

.dropdown-content.notch8 {
  z-index: 1001;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  display: none;
  top: 54px;
}

.dropdonw-link-wrap {
  flex: none;
  align-self: stretch;
  padding: 0;
}

.dropdonw-link-wrap.bottom {
  flex: 1;
  justify-content: center;
  align-self: center;
  width: 100%;
  padding-bottom: 8px;
  display: flex;
}

.dropdonw-link-wrap.top {
  flex: 1;
  justify-content: center;
  padding-top: 8px;
  display: flex;
}

.gameplay-hero-section {
  z-index: 2;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: stretch;
  width: 100dvw;
  height: 100dvh;
  min-height: 50dvh;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.gameplay-slider-section {
  width: 100vw;
  height: 80vh;
  min-height: 80vh;
  display: none;
  position: relative;
}

.divider-section {
  z-index: 230;
  background-color: var(--black);
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  margin-top: -10px;
  margin-bottom: -10px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.divider-wrapper {
  width: 100%;
  max-width: 1440px;
  padding: 0;
}

.divider-line-wrapper {
  height: 16px;
}

.gameplay-slider {
  background-color: var(--black);
  width: 100%;
  height: 100%;
  display: flex;
}

.gameplay-slider-sections {
  width: 100%;
  max-width: 1440px;
  height: 100%;
}

.gallery-slide-block {
  width: 100%;
  height: 100%;
}

.gallery-slide-block.notch24 {
  background-color: var(--white-50);
  height: auto;
  padding: 1px;
  display: flex;
}

.slide {
  padding: 100px;
}

.gallery-slide-block-inside {
  background-color: var(--black);
  width: 100%;
  height: 100%;
  display: flex;
}

.gallery-slide-block-inside.notch24 {
  background-color: #0000;
  flex: none;
  justify-content: space-between;
  align-self: center;
  align-items: flex-start;
}

.slide-block-text-section {
  border-right: 1px none var(--white-50);
  background-color: var(--white-10);
  flex-direction: column;
  justify-content: space-between;
  width: 25%;
  height: 100%;
  padding: 40px;
  display: flex;
}

.slide-block-text-section.notch24 {
  z-index: 2;
  grid-row-gap: 16px;
  flex: 1;
  justify-content: space-between;
  align-self: auto;
  height: auto;
  min-height: auto;
  position: relative;
}

.detail-block {
  flex-direction: column;
  flex: 1;
  order: 1;
  justify-content: space-between;
  display: none;
}

.label-text {
  color: var(--white-50);
}

.label-text.large, .value-text {
  font-size: 12px;
}

.value-text.large {
  font-size: 16px;
  line-height: 140%;
}

.slide-map {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a3bf640d40d9df780e4c6_Space%20Map.png");
  background-position: 50%;
  background-size: contain;
  padding-bottom: 100%;
  display: none;
}

.slide-map.swamp {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a5047dae2e956a494bbe9_Swamp%20Map.webp");
}

.slide-map.desrt {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a504770681aabceff538b_desert%20map.webp");
}

.slide-map.canyons {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a504704b5b08150f48949_Canyon.webp");
}

.slide-map.mountains {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a504704b5b0a5a3f48943_Mountains.webp");
}

.slide-content {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 75%;
  padding: 20px;
  display: flex;
  overflow: hidden;
}

.slide-content.super-tight {
  z-index: 1;
  grid-column-gap: 0px;
  justify-content: center;
  position: relative;
  left: -5%;
}

.left-arrow-icon {
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  max-width: none;
  display: flex;
}

.right-arrow-icon {
  justify-content: flex-end;
  align-items: flex-end;
  width: auto;
  max-width: none;
  display: flex;
  transform: rotate(180deg);
}

.gameplay-section {
  z-index: 2;
  border-bottom: 1px none var(--white-50);
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100dvw;
  height: 100dvh;
  padding: 0;
  display: flex;
  position: relative;
}

.gameplay-section.hide {
  display: none;
}

.video-3 {
  width: 90%;
}

.image {
  width: 90%;
  height: auto;
  padding-bottom: 50%;
}

.image.swamp {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6486fd1c0fed4e3e4dce6dcf_IMG_5311%20(1).webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-bottom: 50%;
}

.image.desert {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6486fd1c93d22a50712a381f_IMG_5303%20(1).webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.image.canyons {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6486fd1ca33c763d33e6f129_IMG_5208%20(1).webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.image.mountains {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6486fd1cddeff466f233fd93_IMG_5292%20(2).webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.image.shiuttle {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a6c31e95bb875ea598d81_34794f18-8cfd-4b51-a8c1-d1e33398d5e8.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.image.armour {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a54a87c6e9a32bd924089_9119c04d-fdab-4345-89f4-1cb31b4b057c.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.image.bike {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a5361684a20082a4507df_a0782205-cfb6-4afd-b373-16a869e45db4.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.image.health {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a6c304c7774198463095a_5b1afe40-115d-4302-b3e3-6245c92510c3.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.image.container {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a6c31f78e035142c82a51_6a305e13-031f-4a95-8d3f-8752dfcf158a.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.stats {
  grid-row-gap: 16px;
  flex-direction: column;
  flex: none;
  justify-content: space-around;
  align-self: stretch;
  height: auto;
  padding-top: 0%;
  padding-bottom: 0%;
  display: flex;
}

.stat-bar {
  background-color: var(--white-10);
  width: 100%;
  height: 8px;
}

.stat-bar-fill {
  background-color: var(--butterfly);
  width: 100%;
  height: 100%;
}

.stat-bar-fill._50 {
  width: 50%;
}

.stat-bar-fill._80 {
  width: 80%;
}

.stat-bar-fill._25 {
  width: 25%;
}

.stat-bar-fill._90 {
  width: 90%;
}

.stat-bar-fill._95 {
  width: 95%;
}

.stat-bar-fill._10 {
  width: 10%;
}

.stat-bar-fill._0 {
  width: 0%;
}

.stat-bar-fill._75 {
  width: 75%;
}

.outline-text-wrap {
  z-index: -1;
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: 100vh;
  padding-top: 0;
  padding-bottom: 40px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
  transform: rotate(0);
}

.free-to-play-wrap {
  position: absolute;
  inset: auto 2vw 10vh auto;
}

.free-to-play-wrap.bottom-right {
  bottom: 2vh;
}

.free-to-play-wrap.top-right {
  z-index: 2;
  inset: 10vh 16px auto auto;
}

.free-to-play-wrap.top-left {
  inset: 10% auto auto 16px;
}

.free-to-play-wrap.relative {
  position: relative;
  bottom: auto;
  right: auto;
}

.season-one-hero {
  mix-blend-mode: lighten;
  width: 100dvw;
  height: 200dvh;
  position: relative;
}

.seasone-one-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.hero-big-text {
  z-index: 1;
  width: 90%;
  display: block;
  position: absolute;
  overflow: hidden;
}

.hero-big-text.front {
  z-index: 3;
  display: block;
}

.hero-big-text.front.move {
  display: flex;
  bottom: 50%;
}

.hero-big-text.roadmap {
  z-index: 101;
}

.hero-big-text.roadmap.move {
  justify-content: flex-start;
  display: block;
}

.hero-big-text.move {
  justify-content: center;
  display: flex;
  bottom: 50%;
}

.hero-big-text.move.more {
  bottom: 60%;
}

.hero-big-text.move.more.how-to-play {
  bottom: 50%;
}

.hero-big-text.relative {
  display: flex;
  position: relative;
  overflow: visible;
}

.hero-big-text.relative.vertical {
  mix-blend-mode: normal;
  flex-direction: column;
  flex: 0 auto;
  align-self: stretch;
  align-items: flex-start;
}

.hero-big-text.relative.vertical.career {
  mix-blend-mode: normal;
}

.hero-big-text.relative.vertical.preregister {
  justify-content: flex-end;
  width: 100%;
}

.hero-big-text.relative.vertical.tesla {
  align-items: center;
  width: 100%;
}

.hero-big-text.relative.vertical._40px-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  width: 50vw;
}

.hero-h1 {
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: normal;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff, #b6b6b6);
  -webkit-background-clip: text;
  background-clip: text;
  flex-flow: column wrap;
  justify-content: flex-start;
  margin: 0;
  font-family: Orbitron, sans-serif;
  font-size: 10vw;
  line-height: 83%;
  display: flex;
}

.hero-h1.centre {
  text-align: center;
}

.hero-h1.centre.hide-mobile {
  text-transform: uppercase;
}

.hero-h1.centre.hide-mobile.enrolment-complete {
  font-size: 25vw;
}

.hero-h1.career {
  opacity: 1;
  mix-blend-mode: color;
}

.hero-h1.mega-crate {
  font-size: 16vw;
}

.hero-h1.poap {
  width: 60%;
}

.hero-h1.xbonus, .hero-h1.tesla {
  letter-spacing: -2px;
  font-size: 14vw;
}

.hero-h1.gun {
  font-size: 16vw;
  display: flex;
}

.hero-h1.smaller {
  font-size: 17vw;
}

.hero-h1.staking {
  letter-spacing: -3px;
  width: 50vw;
  font-size: 12vw;
  line-height: 80%;
}

.outline-text {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 20vw;
  line-height: 83%;
  display: none;
}

.outline-text.left, .outline-text.winners, .outline-text.winners-h1 {
  text-align: left;
}

.hero-droid-wrapper {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: auto;
  display: flex;
  position: absolute;
  inset: 0%;
}

.hero-droid-wrapper._2 {
  align-items: flex-end;
}

.image-45 {
  width: auto;
  max-width: none;
  height: 50vh;
  max-height: none;
  position: relative;
  bottom: auto;
  left: auto;
}

.background-section-image {
  z-index: -1;
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  width: 100dvw;
  height: 100dvh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.background-section-image.pre-register {
  background-color: var(--transparent);
  justify-content: center;
  width: auto;
  height: auto;
  display: flex;
}

.background-section-image.hide {
  display: none;
}

.background-section-image.absolue {
  position: absolute;
}

.background-section-image.poaps {
  justify-content: flex-end;
}

.background-section-image.xbonus {
  overflow: hidden;
}

.stacking-content-h2-wrap {
  display: flex;
  position: relative;
  inset: -50% auto auto 0%;
}

.background-space-image {
  z-index: -1;
  opacity: .75;
  mix-blend-mode: exclusion;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/61f96b095ff62d7946471bfb_space.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100vw;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0%;
}

.body-7 {
  flex-direction: column;
  display: flex;
}

.loading-wrapper {
  z-index: 100070;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100dvh;
  display: none;
}

.loading-bar-wrap-2 {
  z-index: 9999;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: auto;
  margin-top: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.laoding-screen-button {
  z-index: 9999;
  width: 100%;
  position: relative;
}

.loaded-100 {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-self: center;
  min-width: 400px;
  height: 100%;
  margin-bottom: 24px;
  font-family: Space Grotesk, sans-serif;
  display: none;
  position: relative;
}

.roadmap-hero {
  z-index: 100;
  width: 100dvw;
  height: auto;
  min-height: 100dvh;
  position: relative;
  top: 0;
}

.roadmap-hero-description {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto auto 25% 8vw;
}

.roadmap-hero-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100dvh;
  display: flex;
  position: relative;
  top: 0;
}

.loadin-screen-background {
  z-index: 1;
  background-color: var(--black);
  display: flex;
  position: absolute;
  inset: 0%;
}

.next-hunt {
  color: var(--white);
  letter-spacing: 1px;
  font-family: Space Grotesk, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}

.next-hunt-large {
  color: var(--black);
  text-align: center;
  text-transform: uppercase;
  align-self: center;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 20vh;
  line-height: 100%;
}

.next-hunt-large-wrap {
  z-index: 3;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-image: radial-gradient(circle, #0000004d, #000);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: auto;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  inset: 0%;
}

.loading-screen-section {
  z-index: 3;
  align-self: center;
  margin-top: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  inset: 0% 0% auto auto;
}

.laoding-screen-section-wrapper {
  flex: none;
  justify-content: space-between;
  width: 90%;
  display: flex;
}

.image-46 {
  width: 300px;
}

.how-to-play-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 92vh;
  display: flex;
  position: absolute;
  top: 0;
}

.how-to-play-hero {
  width: 100vw;
  height: 92vh;
  position: relative;
  overflow: hidden;
}

.gameplay-hero-description {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
  position: relative;
  inset: auto auto 0% 0;
}

.gameplay-hero-description.no-margin {
  margin: 0;
}

.gameplay-hero-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  max-width: 1440px;
  height: 100%;
  padding-top: 5%;
  display: flex;
  position: relative;
}

.hunt-schedule-hero-section {
  z-index: 2;
  justify-content: center;
  align-items: stretch;
  width: 100dvw;
  height: 100dvh;
  min-height: 50dvh;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.hunt-schedule-hero-section.faq {
  height: 80dvh;
  min-height: 80dvh;
}

.hunt-schedule-hero-container {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 90%;
  max-width: 1440px;
  height: 100%;
  padding-top: 0%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.hunt-schedule-hero-container.centre {
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding-top: 0%;
}

.apply-to-hunt-container {
  mix-blend-mode: lighten;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.apply-to-hunt-hero {
  mix-blend-mode: lighten;
  width: 100dvw;
  height: 200dvh;
  position: relative;
}

.battle-pass-hero {
  justify-content: center;
  align-items: center;
  width: 100dvw;
  height: auto;
  min-height: 100dvh;
  margin-top: 0;
  display: flex;
}

.battle-padd-background-video {
  z-index: 1;
  mix-blend-mode: lighten;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100dvw;
  height: 100dvh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.x-battle-pass-section {
  flex-direction: column;
  justify-content: center;
  width: 100dvw;
  height: auto;
  min-height: 100dvh;
  display: flex;
  position: relative;
}

.currently-in-beta {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  align-self: center;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 20vh;
  line-height: 80%;
}

.currently-in-beta.outline {
  line-height: 80%;
}

.full-width {
  width: 50vw;
  max-width: none;
}

.apply-to-hunt-boarding-pass-video {
  z-index: 1;
  mix-blend-mode: lighten;
  background-color: #0000;
  order: -1;
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 50vh;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.image-47 {
  max-width: 350px;
}

.how-to-play-hero-2 {
  mix-blend-mode: lighten;
  width: 100dvw;
  height: 200dvh;
  position: relative;
}

.how-to-play-hero-container {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100dvh;
  display: flex;
  position: relative;
  top: 0;
}

.h2-move {
  font-family: Orbitron, sans-serif;
  font-size: 20px;
  line-height: 90%;
}

.h2-move.medium {
  font-size: 48px;
  font-weight: 900;
  line-height: 90%;
}

.xpod-video {
  mix-blend-mode: normal;
  border-radius: 8px;
  width: 70%;
  height: 100%;
}

.xpod-video.show-mobile {
  width: 100%;
  height: 100%;
  margin-top: 0;
}

.beta-label {
  height: 24px;
  margin-left: 8px;
}

.beta-label._32px {
  height: 32px;
}

.stars-bg-image {
  z-index: -2;
  width: 100%;
  height: 100%;
  position: relative;
}

.stars-bg-image.overlay {
  mix-blend-mode: overlay;
}

.stars-bg-image.full-height {
  flex: 1;
  width: auto;
  max-width: none;
  height: 100%;
}

.stars-bg-image.full-height.preregister {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c1359698602f333556b195_Pictures%20Video%201_00009.webp");
  background-position: 0 0;
  background-size: auto;
}

.hero-video-element {
  z-index: 4;
  flex: none;
  width: 100dvw;
  height: 100dvh;
  position: relative;
}

.hero-video-element.desktop {
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
}

.mint-enrol-container {
  width: 100%;
  height: 100%;
}

.section {
  width: 100dvw;
  min-height: 100dvh;
  display: flex;
}

.enrollment-form {
  background-color: #0000;
  margin-bottom: 0;
  font-family: Space Grotesk, sans-serif;
}

.enrolment-complete-hero {
  width: 100vw;
  min-height: 100vh;
}

.enrol-complete-hero {
  mix-blend-mode: lighten;
  width: 100vw;
  height: 200vh;
  position: relative;
}

.hero-sub-text {
  z-index: 10;
  justify-content: center;
  align-items: flex-start;
  height: 20vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.hero-sub-text.orbitron {
  text-transform: uppercase;
  height: auto;
  font-family: Orbitron, sans-serif;
  font-size: 1.8vw;
  position: relative;
  bottom: auto;
}

.press-play {
  display: none;
}

.pop-up {
  z-index: 9998;
  background-color: var(--black);
  width: 100dvw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.pop-up.transparent {
  z-index: 1000000;
  background-color: var(--black-80);
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  display: none;
}

.pop-up-container {
  background-color: #000;
  background-image: linear-gradient(#0000 55%, #000), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65a6497b73761152e5edf439_pre%20reg-mobile.webp");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 150vw;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.x-pod-background-video {
  z-index: 1;
  mix-blend-mode: lighten;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.x-pod-background-video.desktop {
  align-items: flex-start;
}

.x-pod-background-video.mobile {
  display: none;
}

.pop-up-big-text {
  z-index: 1;
  flex-direction: row;
  justify-content: flex-start;
  align-self: stretch;
  width: 100%;
  display: flex;
  position: relative;
  overflow: visible;
}

.pop-up-big-text.front {
  z-index: 3;
  display: block;
}

.pop-up-big-text.front.move {
  display: flex;
  bottom: 50%;
}

.pop-up-big-text.roadmap {
  z-index: 101;
}

.pop-up-big-text.roadmap.move {
  justify-content: flex-start;
  display: block;
}

.pop-up-big-text.move {
  justify-content: center;
  display: flex;
  bottom: 50%;
}

.pop-up-big-text.move.more {
  bottom: 60%;
}

.pop-up-big-text.move.more.how-to-play {
  bottom: 50%;
}

.pop-up-big-text.relative {
  display: flex;
  position: relative;
  overflow: visible;
}

.pop-up-droid-wrapper {
  z-index: 1;
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  max-height: none;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.pop-up-droid {
  width: auto;
  height: 100%;
  position: relative;
  bottom: 0%;
  left: 40%;
  right: 0%;
}

.x-pod-vid {
  align-self: flex-start;
  height: 60vh;
}

.pop-up-h1 {
  text-align: left;
  letter-spacing: -2px;
  margin: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 9vw;
  line-height: 80%;
  display: flex;
}

.pop-up-text-wrapper {
  z-index: 2;
  background-color: var(--white-10);
  flex-direction: column;
  align-items: center;
  max-width: 60%;
  padding: 5%;
  display: flex;
  position: relative;
}

.pop-up-text-wrapper.notch24 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 80px 40px;
}

.pop-up-sub-text {
  align-self: auto;
  max-width: 80%;
  margin-top: 40px;
  display: flex;
}

.pop-up-body-text {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 90%;
  margin-top: 0;
  display: flex;
}

.pop-up-cta-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-self: stretch;
  margin-top: 0;
  display: flex;
}

.pop-up-cta-block.mobile {
  display: none;
}

.paragraph-xxxl {
  text-align: left;
  justify-content: center;
  font-size: 32px;
  line-height: 140%;
  display: flex;
}

.paragraph-xxxl.vw {
  text-align: left;
  font-size: 1.75vw;
}

.paragraph-xxxl.caps {
  justify-content: flex-start;
}

.paragraph-xxxl.caps.bold {
  font-weight: 700;
}

.paragraph-xxxl.bold {
  text-align: center;
  align-self: center;
  font-weight: 700;
}

.droid-gradient {
  background-image: linear-gradient(#0000, #000);
  height: 20%;
  position: absolute;
  inset: auto 0% 0%;
}

.enrol-complete-container {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.latest-winner-video {
  z-index: 4;
  flex: none;
  width: 100%;
  height: 100%;
  position: relative;
}

.latest-winner-video.desktop {
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
}

.winner-avatar {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644950063d613f1fb7b79aa2_WhatsApp%20Image%202023-04-25%20at%2015.46.43.jpeg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 64px;
  height: 64px;
  padding-bottom: 0;
}

.winner-avatar.swamp {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a5047dae2e956a494bbe9_Swamp%20Map.webp");
}

.winner-avatar.desrt {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a504770681aabceff538b_desert%20map.webp");
}

.winner-avatar.canyons {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a504704b5b08150f48949_Canyon.webp");
}

.winner-avatar.mountains {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/636a504704b5b0a5a3f48943_Mountains.webp");
}

.winner-avatar.notch12 {
  width: 64px;
  height: 64px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0%;
}

.winner-avatar.notch8 {
  aspect-ratio: 1;
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644950063d613f1fb7b79aa2_WhatsApp%20Image%202023-04-25%20at%2015.46.43.jpeg");
  flex: none;
  width: auto;
  min-width: 40px;
  height: auto;
  min-height: 24px;
  margin-right: 8px;
}

.winner-avatar.small {
  width: 40px;
  height: 40px;
}

.winner-wrap {
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  margin-top: 4px;
  display: flex;
}

.winner-wrap.vertical {
  flex-direction: column;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.winner-wrap.vertical.no-padding {
  grid-row-gap: 8px;
  padding-left: 0;
}

.winner-label-text {
  color: var(--white-50);
  font-size: 10px;
}

.winner-label-text.small {
  font-size: 12px;
}

.winner-value-text {
  text-transform: uppercase;
  font-size: 12px;
}

.winner-value-text.name {
  letter-spacing: .5px;
  -webkit-text-stroke-width: 0px;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 100%;
}

.winner-value-text.name.small {
  font-size: 16px;
}

.winner-value-text.small {
  color: #fff;
  -webkit-text-stroke-width: 0px;
  font-size: 14px;
  font-weight: 400;
}

.winner-value-text.xsmall {
  -webkit-text-stroke-width: 0px;
  justify-content: center;
  align-items: center;
  max-height: 40px;
  font-size: 10px;
  display: flex;
}

.winner-detail-block {
  z-index: 1;
  grid-row-gap: 4px;
  flex-direction: column;
  flex: 0 auto;
  order: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.winners-hero-section {
  z-index: 2;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: stretch;
  width: 100dvw;
  height: 80vh;
  min-height: 70vh;
  margin-top: 80px;
  display: flex;
  position: relative;
  overflow: visible;
}

.winners-hero-container {
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 90%;
  max-width: 1440px;
  height: 100%;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.winners-hero-container.centre {
  align-items: center;
}

.hero-chest-wrapper {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: auto 0% 0% auto;
}

.chest-image {
  width: 70vw;
  position: relative;
  bottom: -16%;
  left: 35%;
}

.winner-section {
  z-index: 2;
  border-bottom: 1px none var(--white-50);
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100dvw;
  height: 100dvh;
  padding: 60px 0;
  display: flex;
  position: relative;
}

.winner-slide-block-inside {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.winner-slide-block-inside.notch24 {
  background-color: #0000;
  flex: none;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
}

.winnerslide-block-text-section {
  z-index: 2;
  border-right: 1px none var(--white-50);
  background-color: var(--white-10);
  flex-direction: column;
  justify-content: space-between;
  width: 25%;
  height: 100%;
  padding: 40px;
  display: flex;
  position: absolute;
}

.winnerslide-block-text-section.notch24 {
  z-index: 2;
  grid-row-gap: 16px;
  flex: 1;
  justify-content: space-between;
  align-self: auto;
  height: auto;
  min-height: auto;
  position: relative;
}

.winner-slide-content {
  z-index: 1;
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 90vh;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.winner-slide-content.super-tight {
  z-index: 1;
  grid-column-gap: 0px;
  justify-content: center;
  position: relative;
  left: -5%;
}

.winner-text-section {
  z-index: 2;
  background-color: var(--white-10);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 25%;
  max-width: 600px;
  margin-left: 40px;
  padding: 40px;
  display: flex;
  position: absolute;
  inset: auto auto 0 0%;
}

.winner-text-section.notch24 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

.winner-hero-big-text {
  z-index: 1;
  width: 90%;
  display: block;
  position: absolute;
  overflow: hidden;
}

.winner-hero-big-text.front {
  z-index: 3;
  display: block;
}

.winner-hero-big-text.front.move {
  display: flex;
  bottom: 50%;
}

.winner-hero-big-text.roadmap {
  z-index: 101;
}

.winner-hero-big-text.roadmap.move {
  justify-content: flex-start;
  display: block;
}

.winner-hero-big-text.move {
  justify-content: center;
  display: flex;
  bottom: 50%;
}

.winner-hero-big-text.move.more {
  bottom: 60%;
}

.winner-hero-big-text.move.more.how-to-play {
  bottom: 50%;
}

.winner-hero-big-text.relative {
  display: flex;
  position: relative;
  overflow: visible;
}

.winner-hero-big-text.scholarship {
  overflow: visible;
}

.winners {
  margin-bottom: 0;
}

.winners.h3 {
  letter-spacing: .5px;
  align-items: center;
  min-height: 64px;
  margin-top: 0;
  margin-left: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 32px;
  line-height: 100%;
  display: flex;
}

.winners.h3.small {
  font-size: 24px;
}

.winners.h3.x-small {
  align-items: center;
  min-height: 80px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.avatar-name-wrap {
  z-index: 1;
  border-top: 1px solid var(--white-10);
  border-bottom: 1px solid var(--white-10);
  flex-direction: row;
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.avatar-name-wrap.small {
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.biggest-winner-label {
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--royal-blue), var(--butterfly));
  margin-bottom: 20px;
  padding: 4px 8px;
}

.biggest-winner-label.notch4 {
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--solar), var(--venus));
  order: -1;
  align-self: flex-start;
}

.latest-winners-section {
  z-index: 100;
  background-color: var(--black);
  width: 100vw;
  min-height: 100vh;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  overflow: hidden;
}

.latest-winners-section-wrapper {
  flex-direction: row;
  flex: 1;
  justify-content: space-around;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  height: auto;
  min-height: auto;
  display: flex;
  position: relative;
}

.latest-winners-section-wrapper.vertical {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.latest-winners-section-wrapper.vertical.no-bottom-margin {
  padding-bottom: 0;
}

.latest-winners-section-wrapper.bottom {
  align-self: flex-end;
  height: 100vh;
}

.latest-winners-section-wrapper._60vh {
  min-height: 60vh;
}

.latest-winners-section-wrapper.gameplay {
  align-items: center;
  min-height: 80vh;
}

.latest-winners-section-wrapper.winner {
  justify-content: center;
  align-self: stretch;
  max-width: 3000px;
  min-height: 80dvh;
}

.grow-background {
  z-index: 0;
  background-color: var(--black-80);
  height: 0%;
  position: absolute;
  inset: auto 0% 0%;
}

.sticky-wrap {
  flex: none;
  justify-content: flex-start;
  width: auto;
  height: auto;
  margin-top: 40px;
  display: flex;
  position: relative;
  top: auto;
  overflow: scroll;
}

.scroll-inner {
  flex-direction: row;
  flex: none;
  justify-content: flex-start;
  align-items: flex-end;
  width: auto;
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  overflow: visible;
}

.description {
  opacity: .75;
  color: #1d1d1f;
  letter-spacing: -.025em;
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

.heading {
  color: #1d1d1f;
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}

.content-wrapper {
  flex: 1;
  width: 100%;
  padding: 2rem;
  position: relative;
}

.full-image {
  object-fit: cover;
  flex: 1;
  align-self: stretch;
  width: 100%;
  height: auto;
  max-height: 540px;
  display: block;
}

.text-wrapper-2 {
  z-index: 1;
  position: relative;
}

.sticky-container {
  justify-content: flex-end;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.media-wrapper {
  flex: 1;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  inset: auto 0%;
}

.media-wrapper.small {
  object-fit: fill;
  flex: 0 auto;
  max-width: 100%;
  height: auto;
}

.scroll-card {
  background-color: var(--white-10);
  border: .0625rem #83838329;
  border-radius: 0;
  flex-direction: column;
  flex: none;
  align-items: center;
  width: 20vw;
  height: 100%;
  min-height: auto;
  margin: 0 12px;
  padding: 0;
  display: flex;
  position: relative;
  bottom: 0%;
  overflow: hidden;
}

.scroll-card:hover {
  text-decoration: none;
}

.scroll-card.notch24 {
  background-color: var(--white-10);
  cursor: pointer;
  justify-content: space-around;
  align-self: auto;
  width: 25vw;
  height: auto;
  margin-bottom: 0;
  text-decoration: none;
  transition: all .2s;
  bottom: auto;
}

.scroll-card.notch24:hover {
  transform: translate(0, -20px);
}

.latest-winners-text-wrapper {
  flex-direction: column;
  flex: 0 auto;
  align-self: auto;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  inset: 0 0%;
}

.latest-winners-text-wrapper.absolute {
  z-index: 5;
  flex: none;
  align-self: center;
  width: 300px;
  position: absolute;
  inset: 35% 35% 35% 52%;
}

.latest-winners-text-wrapper.absolute.top {
  inset: 5% auto auto 10%;
}

.latest-winners-text-wrapper.large {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  align-items: center;
  width: 600px;
  display: flex;
}

.latest-winners-text-wrapper.left {
  align-self: flex-start;
}

.latest-winners-text-wrapper.no-margin {
  width: 360px;
}

.latest-winners-text-wrapper.no-margin.highlight {
  border: 1px solid var(--butterfly);
  background-color: #00cfc133;
  border-radius: 8px;
  padding: 24px;
}

.latest-winners-text-wrapper.slider {
  grid-row-gap: 8px;
  order: -1;
  width: 100%;
  padding-left: 0;
}

.winner-text-content {
  z-index: 2;
  background-color: var(--black-20);
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  padding: 40px 32px;
  display: flex;
  position: relative;
  inset: -30px auto 0;
}

.winner-text-content.white10 {
  background-color: var(--white-10);
  flex: 0 auto;
  padding: 20px 24px;
}

.winner-text-content.white10.notch8 {
  background-color: var(--black-20);
  margin-top: -60px;
  top: 0;
}

.winner-text-content.white10.notch8.small {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  align-self: stretch;
  max-width: 100%;
  margin-left: 0;
}

.winner-text-content.notch16 {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  margin-top: -90px;
  margin-left: 0;
  padding-top: 32px;
  padding-bottom: 32px;
  top: 0;
}

.collection-item-5 {
  flex: none;
}

.grid-animation {
  color: #444f55;
  margin-top: 0;
  font-size: 16px;
  font-weight: 600;
}

.grid-img {
  position: absolute;
  inset: 0;
}

.grid-img._12 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b16384b417e_iphone.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-img._1 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b064e4b4177_camera.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-img._6 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b2d774b4154_orange.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-img._9 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b50314b413e_pug.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-img._11 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b325f4b414d_agency.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-img._7 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b76534b4169_hustle.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-img._4 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b7bbe4b4137_coffee.jpg");
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-img._10 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b4fe74b4130_sunglasses.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-img._3 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b82794b4162_pink-headphones.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-img._2 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b7a4a4b4170_thanks.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-img._8 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b767e4b4146_firehydrant.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-img._5 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a5d3d31357b79894b415b_desk.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.brickwork-mask {
  overflow: hidden;
}

.brickwork-block {
  width: 20%;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}

.container-2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.mb-0 {
  text-align: center;
  margin-bottom: 40px;
}

.grid-img-wrapper {
  z-index: 1;
  padding: 16px;
  position: absolute;
  inset: 0;
}

.brickwork-grid {
  grid-template-rows: minmax(250px, 1fr) minmax(250px, 1fr) minmax(250px, 1fr) minmax(250px, 1fr);
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
  display: flex;
  position: relative;
  left: auto;
}

.section-2 {
  z-index: 1;
  background-color: var(--black);
  background-image: none;
  width: 100vw;
  height: auto;
  margin-top: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.past-winners {
  z-index: 100;
  background-color: var(--black);
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
  overflow: hidden;
}

.past-winners-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.brickwork-card {
  background-color: var(--black);
  border: .0625rem #83838329;
  border-radius: 0;
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  min-height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  bottom: auto;
  overflow: hidden;
}

.brickwork-card.notch16 {
  background-color: var(--white-10);
  justify-content: space-between;
  min-height: auto;
  max-height: none;
}

.small-image {
  object-fit: contain;
  flex: 0 auto;
  align-self: stretch;
  width: 100%;
  height: auto;
  min-height: auto;
  display: block;
}

.collection-list-5 {
  flex-flow: wrap;
  width: 100%;
  display: flex;
}

.collection-list-6 {
  flex: 0 auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.latest-winners-container {
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.biggest-winner-text {
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 150%;
}

.centre-text-content {
  max-width: 750px;
}

.lottie-animation-26 {
  width: 100vw;
  height: 100vh;
}

.droid-columns {
  grid-column-gap: 0px;
  flex-direction: column;
  flex: none;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding-top: 100px;
  display: flex;
  position: relative;
  top: 0;
}

.div-block-15 {
  width: 100%;
}

.droid-column-1 {
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 auto;
  width: 100%;
  height: auto;
  min-height: auto;
  display: flex;
}

.droid-column-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.droid-column-1-copy {
  width: 100%;
}

.droid-grid-image {
  position: absolute;
}

.battle-pass-holder-pfp {
  flex: 0 auto;
  width: auto;
  padding-bottom: 0;
  position: relative;
}

.jobs-section {
  z-index: 3;
  background-color: var(--black);
  justify-content: center;
  width: 100vw;
  min-height: 100vh;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.jobs-container {
  flex-direction: column;
  justify-content: center;
  width: 90%;
  max-width: 1440px;
  height: 100%;
  display: flex;
}

.jobs-wrapper {
  width: auto;
}

.job-card {
  background-color: var(--white-10);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 90%;
}

.job-card.notch24 {
  background-color: var(--black);
  transition: opacity .2s, all .3s;
}

.job-card.notch24:hover {
  background-size: auto 100%;
  transform: scale(1.05);
}

.job-post-image-wrap {
  padding-bottom: 100%;
}

.job-details-wrap {
  grid-row-gap: 8px;
  background-color: var(--white-10);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  flex-direction: column;
  padding: 20px 32px 40px;
  display: flex;
}

.job-details-wrap.notch16 {
  grid-row-gap: 16px;
}

.salary-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: wrap;
  display: flex;
}

.details-block {
  grid-column-gap: 8px;
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.collection-list-7 {
  grid-column-gap: 0px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  display: flex;
}

.job-vacancies-headig {
  flex-direction: row;
  justify-content: space-between;
  width: auto;
  margin-top: 40px;
  margin-bottom: 100px;
  display: flex;
}

.careers-hero-section {
  z-index: 2;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100dvw;
  height: auto;
  min-height: 80vh;
  margin-top: 80px;
  padding-top: 0;
  display: flex;
  position: relative;
}

.careers-hero-section.team {
  background-image: none;
  align-items: center;
  min-height: auto;
  margin-top: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.careers-hero-section.preregister {
  z-index: 2;
  background-image: linear-gradient(#0000 35%, #000 90%);
  align-items: flex-end;
  min-height: 80vh;
  margin-top: 120px;
}

.careers-hero-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 90%;
  max-width: 1440px;
  height: 100%;
  padding-top: 10%;
  display: flex;
  position: relative;
}

.careers-hero-container.preregister {
  justify-content: flex-end;
  align-self: flex-end;
}

.careers-hero-container.poap {
  max-width: none;
}

.careers-hero-container.xbonus {
  grid-row-gap: 24px;
  flex: 1;
  justify-content: space-around;
  width: 80%;
  max-width: none;
  height: 100%;
  padding-top: 10%;
  padding-bottom: 2%;
}

.careers-hero-container.tesla {
  grid-row-gap: 24px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  max-width: none;
  height: 100%;
  padding-top: 10%;
  padding-bottom: 2%;
}

.job-vacancies-heading {
  font-family: Orbitron, sans-serif;
  font-size: 48px;
}

.job-detail {
  background-color: var(--white-10);
  color: var(--butterfly);
  padding: 4px 8px;
  font-family: Space Grotesk, sans-serif;
}

.job-detail.notch4 {
  background-color: var(--white-10);
}

.job-title {
  margin-top: 10px;
  margin-bottom: 0;
}

.job-link-block {
  text-decoration: none;
  display: block;
}

.droid-bg-image {
  width: 50%;
  height: auto;
  position: absolute;
  inset: 15% 0% 0% auto;
}

.careers-hero-details {
  grid-column-gap: 24px;
  background-color: var(--white-10);
  flex-direction: row;
  margin-top: 40px;
  padding: 32px;
  display: flex;
}

.careers-hero-details.notch16 {
  grid-row-gap: 24px;
  flex-direction: column;
  align-self: flex-start;
  width: 40%;
  position: sticky;
  top: 20%;
}

.detail-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 100%;
  display: flex;
}

.detail-wrap.small {
  width: auto;
}

.career-body-section {
  z-index: 3;
  background-color: #0000;
  background-image: linear-gradient(#0000, #000 7%);
  justify-content: center;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.career-section-container {
  grid-column-gap: 40px;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
  max-width: 1440px;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
  top: 0;
}

.job-description-block {
  width: 55%;
}

.career-page-hero-section {
  justify-content: center;
  align-items: flex-end;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  display: flex;
}

.career-page-hero-cotainer {
  flex-direction: column;
  align-items: flex-start;
  width: 90%;
  max-width: 1440px;
  height: 100%;
  padding-top: 5%;
  display: flex;
}

.job-application-form {
  width: 90%;
  max-width: 1440px;
  height: 100%;
}

.job-application-hero-section {
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  display: flex;
}

.our-team-section {
  z-index: 3;
  background-color: #0000;
  background-image: linear-gradient(#0000, #000 6%);
  justify-content: center;
  width: 100vw;
  min-height: 100vh;
  padding-top: 60px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.team-container {
  flex-direction: column;
  justify-content: center;
  width: 92%;
  max-width: none;
  height: 100%;
  display: flex;
}

.team-wrapper {
  width: auto;
}

.team-collection-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between flex-start;
  display: flex;
}

.team-link-block {
  border-bottom: 1px none var(--white-10);
  flex-flow: column;
  margin-top: 4px;
  margin-bottom: 4px;
  text-decoration: none;
  transition: transform .8s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-link-block:hover {
  object-fit: contain;
  transform: scale(1.02);
}

.team-card {
  background-color: var(--white-10);
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 90%;
  padding-bottom: 100%;
}

.team-card.notch24 {
  background-color: var(--black);
  background-size: cover;
  padding-bottom: 130%;
  transition: opacity .2s, all .3s;
}

.team-card.notch24:hover {
  object-fit: fill;
  background-size: cover;
  transform: scale(1.05);
}

.team-member-image-wrap {
  padding-bottom: 100%;
}

.team-details-wrap {
  grid-row-gap: 8px;
  background-color: var(--transparent);
  background-image: linear-gradient(180deg, #0000, var(--black));
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex-direction: column;
  align-self: center;
  width: 105%;
  margin-bottom: -4px;
  padding: 20px 32px 24px;
  display: flex;
  position: absolute;
  inset: auto auto 0;
}

.team-details-wrap.notch16 {
  grid-row-gap: 16px;
  padding-bottom: 20px;
}

.team-details-wrap.notch12 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: var(--black-80);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  padding-bottom: 20px;
}

.team-details-wrap.community {
  grid-row-gap: 8px;
  background-color: var(--black-50);
  justify-content: center;
  padding-bottom: 20px;
}

.team-details-wrap.xdroid {
  grid-row-gap: 16px;
  background-color: #fff0;
  background-image: linear-gradient(#fff0, #000);
  padding: 20px;
}

.team-name {
  margin: 0;
  font-family: Orbitron, sans-serif;
  font-size: 16px;
}

.team-name.large {
  margin-bottom: 20px;
  font-size: 70px;
}

.div-block-16 {
  z-index: 100;
  background-color: var(--medium-violet-red);
  width: 90vw;
  height: 90vh;
  position: fixed;
  inset: 5%;
}

.bio-pop-up {
  z-index: 9999;
  background-color: var(--black-80);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  flex: 1;
  justify-content: center;
  align-self: center;
  width: 70%;
  height: auto;
  display: flex;
  position: relative;
  inset: 80px 0% 0;
}

.bio-pop-up.notch24 {
  background-color: var(--black);
  width: 55%;
  display: flex;
}

.bio-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-right: 1px none var(--white-20);
  border-left: 1px none var(--white-20);
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  padding: 40px;
  display: flex;
}

.bio-pop-up-outline {
  width: 9vh;
  height: 90vh;
  padding: 2px;
}

.team-details {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.team-photo {
  object-fit: cover;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 200px;
  height: 200px;
}

.job-role {
  color: var(--white);
  text-align: left;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
}

.job-role.centre.highlight {
  color: var(--butterfly);
  margin-bottom: 0;
}

.team-collection-item {
  padding-left: 0;
}

.text-span {
  color: #0000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--white);
}

.xkey-hero-section {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.keycard-bg-video {
  height: 100%;
  display: flex;
  position: absolute;
  inset: 80px 0% 0% 30%;
}

.keycard-bg-video.small {
  width: 500px;
  height: 500px;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0%;
}

.keycard-bg-video.xsmall {
  width: 100%;
  height: 100%;
  min-height: 250px;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0%;
}

.background-video-9 {
  width: 100%;
}

.section-buttons-wrap {
  width: auto;
  margin-top: 20px;
  display: flex;
}

.section-buttons-wrap.xkey {
  align-self: flex-start;
}

.section-buttons-wrap.hide {
  display: none;
}

.x-crate-bg-video {
  width: 100%;
  display: flex;
}

.transition {
  z-index: 2147483647;
  border-bottom: 2px solid var(--butterfly);
  background-color: #0000;
  background-image: linear-gradient(180deg, black, var(--black) 90%, #045a53 96%, #009c91);
  width: 100vw;
  height: 110vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.transition-trigger {
  display: none;
}

.transition-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.transition-logo {
  width: 40px;
  display: none;
}

.battle-pass-pfp {
  flex: 1;
  width: auto;
  padding-bottom: 0%;
  position: relative;
}

.transition-lines {
  border-right: 1px solid var(--white-20);
  width: 100%;
  height: 100%;
}

.h2-centre {
  grid-column-gap: 1vw;
  text-align: center;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  font-size: 8vw;
  line-height: 90%;
  display: flex;
}

.paragraph-m-centre {
  text-align: center;
  align-self: center;
}

.hero-column-graphic {
  width: 40%;
  display: flex;
  position: absolute;
  inset: 0% 10% 0% auto;
}

.hero-column {
  border-right: 1px solid var(--white-20);
  flex-direction: column;
  justify-content: center;
  width: 100%;
  display: flex;
}

.column-graphic {
  width: 100%;
  padding-bottom: 100%;
}

.column-graphic.winner1 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a587d42b6aac59bb4eb1e_Product%20Card%20Alt%20(2).png");
  background-position: 50% 30%;
  background-size: cover;
  position: relative;
  top: 0%;
}

.column-graphic.winner1.notch12 {
  flex: 0 auto;
}

.column-graphic.winner2 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a587c4c1dcb3836409cc4_Product%20Card%20Alt%20(4).png");
  background-position: 50% 30%;
  background-size: cover;
  position: relative;
  top: 0%;
}

.column-graphic.winner2.notch12 {
  align-self: auto;
  position: relative;
  top: 40%;
}

.column-graphic.winner3 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/644a587df5d603838cc2cab8_Product%20Card%20Alt.png");
  background-position: 50% 30%;
  background-size: cover;
  position: relative;
  top: 0%;
}

.clumn-graphic {
  width: auto;
  height: auto;
  position: relative;
}

.file-upload {
  text-transform: uppercase;
}

.button {
  background-color: var(--white-10);
  border: 1px #000;
  padding: 16px 32px;
}

.button.notch8 {
  flex: 0 auto;
  justify-content: center;
  display: flex;
}

.button.notch8:hover {
  background-color: var(--white-20);
}

.button.upload-pfp {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon {
  color: #fff;
  transition: opacity .2s;
}

.icon:hover {
  opacity: .5;
}

.text {
  color: #fff;
}

.text.uplaod-pfp {
  font-size: 12px;
  display: flex;
}

.text.uplaod-pfp.small {
  font-size: 10px;
}

.text.uplaod-pfp.xsmall {
  color: var(--white-80);
  font-size: 10px;
}

.text-block-18 {
  color: #fff;
  font-size: 10px;
}

.button-2 {
  background-color: var(--royal-blue);
  color: var(--white);
  border: 1px #000;
  padding: 16px 32px;
}

.uploaded-file {
  border: 1px #000;
  padding: 16px 32px;
}

.error-message-4 {
  color: var(--medium-violet-red);
}

.footer-triple-column {
  justify-content: space-between;
  align-self: stretch;
  width: auto;
  display: flex;
}

.outline-h1 {
  color: #0000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--white);
}

.affiliate-label {
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--medium-violet-red), #60f);
  margin-bottom: 20px;
  padding: 4px 8px;
}

.affiliate-label.notch4 {
  background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--medium-violet-red), var(--purple));
  display: flex;
}

.affiliate-label-text {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.affiliate-label-text.notch8 {
  line-height: 150%;
}

.full-width-section {
  z-index: 3;
  background-color: var(--black);
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64871a8990a7efafd96f3d67_blur.png");
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  border-bottom: 1px solid #363434;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 70vh;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.full-width-container {
  background-image: none;
  flex: none;
  justify-content: space-between;
  align-self: auto;
  width: 100%;
  max-width: 1250px;
  height: 100%;
  min-height: auto;
  padding: 0;
  display: flex;
}

.full-width-section-heading {
  flex-wrap: wrap;
  flex: 1;
  place-content: center;
  align-self: auto;
  align-items: stretch;
  width: auto;
  margin-bottom: 16px;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.full-width-text {
  flex-direction: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.full-width-text.left {
  z-index: 2;
  order: -1;
  width: 300px;
  position: relative;
}

.full-width-text.right {
  order: 1;
  width: 300px;
  margin-left: 60px;
  margin-right: 60px;
  padding-left: 0;
  padding-right: 0;
}

.full-width-text.centre {
  align-items: center;
  width: 420px;
}

.full-width-content-description {
  flex: 0 auto;
  width: 50%;
  overflow: hidden;
}

.large {
  font-family: Orbitron, sans-serif;
  font-size: 32px;
  line-height: 81%;
}

.outline {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
  width: auto;
  margin: 0 10px;
  display: block;
}

.stacking-content-large-text {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 500px;
  display: flex;
}

.stacking-content-large-text.left {
  z-index: 2;
  order: -1;
  width: 300px;
  position: relative;
}

.stacking-content-large-text.right {
  order: 1;
  width: 300px;
  margin-left: 60px;
  margin-right: 60px;
  padding-left: 0;
  padding-right: 0;
}

.stacking-content-large-text.centre {
  align-items: center;
  width: 420px;
}

.affiliate-grid-text {
  border: 1px none var(--white-20);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 31%;
  height: 100%;
  margin-right: 20px;
  padding: 40px 20px 40px 0;
  display: flex;
}

.affiliate-grid-text.left {
  z-index: 2;
  order: -1;
  width: 300px;
  position: relative;
}

.affiliate-grid-text.right {
  order: 1;
  width: 300px;
  margin-left: 60px;
  margin-right: 60px;
  padding-left: 0;
  padding-right: 0;
}

.affiliate-grid-text.centre {
  align-items: center;
  width: 420px;
}

.affiliate-grid-text.bottom {
  border-top-style: solid;
}

.affiliate-grid-horizontal-wrap {
  flex-wrap: wrap;
  align-content: space-around;
  align-self: auto;
  display: flex;
}

.affiliate-section-container {
  z-index: 3;
  background-color: var(--black);
  flex-flow: column;
  width: 100%;
  max-width: 1250px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.affiliate-section-container.mint-details {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
}

.affiliate-faqs {
  z-index: 3;
  background-color: var(--black);
  justify-content: center;
  width: 100vw;
  min-height: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

.affilate-section-container {
  width: 100%;
}

.affiliate-grid-icon-wrap {
  margin-bottom: 20px;
}

.image-48 {
  width: 56px;
}

.hero-absolute-image {
  position: absolute;
  top: 25%;
  bottom: 25%;
  right: 5%;
}

.small {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
  object-fit: contain;
  width: auto;
  max-width: 100%;
  height: auto;
  font-size: 8vw;
  line-height: 90%;
}

.small.poap {
  font-size: 6vw;
}

.small.affiliate {
  color: var(--white);
  -webkit-text-stroke-width: 0px;
  font-family: Orbitron, sans-serif;
  font-size: 22px;
}

.stacking-affiliate-content-image {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  max-width: 30%;
  height: auto;
  display: flex;
  position: static;
}

.stacking-affiliate-content-image.right {
  flex: none;
  width: 40%;
}

.stacking-affiliate-content-image.right.huge {
  z-index: 1;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 110%;
  height: 60vh;
  position: absolute;
}

.stacking-affiliate-content-image.right.off-screen {
  flex: none;
  align-items: flex-start;
}

.stacking-affiliate-content-image.small {
  flex: 0 auto;
  align-items: center;
  width: 30%;
}

.stacking-affiliate-content-image.medium {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  align-items: center;
  width: 35%;
  display: flex;
}

.stacking-affiliate-content-image.medium.mobile, .stacking-affiliate-content-image._100.mobile {
  display: none;
}

.stacking-affiliate-content-image.rules {
  flex: none;
}

.stacking-affiliate-content-image.left {
  flex: none;
  max-width: 40%;
}

.stacking-affiliate-content-image._50 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62b428197cff0415d9555863_graph%20bG.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: 420px;
}

.stacking-affiliate-content-image.mobile-only {
  display: none;
}

.stacking-affiliate-content-image.xl {
  flex: none;
  width: 30%;
}

.green {
  color: var(--butterfly);
}

.stacking-content-full-width-video {
  width: 100%;
}

.mint-details-background-video {
  z-index: 1;
  mix-blend-mode: lighten;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.stacking-video-content {
  z-index: 4;
  background-color: var(--black);
  flex: none;
  width: auto;
  height: 70vh;
  position: relative;
}

.stacking-video-content.desktop {
  width: 100vw;
  min-width: 100vw;
  height: 100vh;
}

.stacking-content-button {
  margin-top: 20px;
}

.how-to-contact {
  color: var(--white);
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.how-to-contact.centre.highlight {
  color: var(--butterfly);
  margin-bottom: 0;
}

.twitter-handle {
  color: var(--butterfly);
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
}

.twitter-handle.centre.highlight {
  color: var(--butterfly);
  margin-bottom: 0;
}

.motherhsip-factions {
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  width: 100vw;
  min-height: 91vh;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.quick-stack {
  width: 100%;
  height: 100%;
}

.background-video-10 {
  width: 100%;
}

.flex-block {
  width: 100%;
  height: 100%;
}

.galaxies-container {
  grid-column-gap: 4px;
  object-fit: fill;
  flex-direction: row;
  flex: 1;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  height: 96%;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.galaxies-container.vertical {
  z-index: 2;
  flex-direction: column;
  flex: none;
  justify-content: center;
  height: 100%;
  position: static;
}

.galaxy {
  z-index: 1;
  border: 1px none var(--white);
  cursor: pointer;
  background-image: linear-gradient(#0000 77%, #000000b3);
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 80vh;
  text-decoration: none;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.galaxy:hover {
  width: 100%;
}

.galaxy-background-video {
  width: 100%;
  height: 100%;
  position: static;
  inset: 0%;
}

.galaxy-details {
  z-index: 1;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.galaxy-name-block {
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.galaxy-label {
  color: #fff;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--white);
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
  line-height: 18px;
}

.galaxy-label.small {
  color: #fff;
  -webkit-text-stroke-width: 0px;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
}

.galaxy-name {
  color: var(--white);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--white);
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.galaxy-name.small {
  text-align: left;
  font-family: Orbitron, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.galaxy-name.small.right {
  text-align: right;
}

.galaxy-location-block {
  flex-direction: column;
  flex: 1;
  align-items: flex-end;
  padding: 20px;
  display: flex;
}

.click-to-explore-block.show-mobile {
  flex: none;
  align-self: center;
}

.click-to-explore {
  color: var(--white-50);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
}

.galaxy-bordering {
  z-index: 20;
  border: .5px none var(--white-50);
  width: 5%;
  height: 7%;
  position: absolute;
}

.galaxy-bordering.top-left {
  border-top-style: solid;
  border-left-style: solid;
  width: 5%;
  height: 6%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.galaxy-bordering.top-right {
  border-top-style: solid;
  border-right-style: solid;
  height: 6%;
  inset: 0% 0% auto auto;
}

.galaxy-bordering.bottom-right {
  border-bottom-style: solid;
  border-right-style: solid;
  height: 6%;
  inset: auto 0% 0% auto;
}

.galaxy-bordering.bottom-left {
  border-bottom-style: solid;
  border-left-style: solid;
  height: 6%;
  inset: auto auto 0% 0%;
}

.galaxy-bordering.top-middle {
  border-top-style: solid;
  align-self: center;
  height: 0;
  inset: 0% auto auto;
}

.galaxy-bordering.bottom-middle {
  border-bottom-style: solid;
  align-self: center;
  inset: auto auto 0%;
}

.galaxy-bordering.middle-left {
  border-right-style: solid;
  width: 2%;
  inset: auto auto auto 0%;
}

.galaxy-bordering.middle-right {
  border-left-style: solid;
  border-right-style: none;
  width: 2%;
  inset: auto 0% auto auto;
}

.factions-title-container {
  z-index: 3;
  grid-column-gap: 2%;
  flex-direction: row;
  flex: none;
  order: 1;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 0 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.body-8 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.motherships-title {
  align-self: center;
  margin: 0;
  font-family: Orbitron, sans-serif;
  font-size: 2.4rem;
}

.outline-1px {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
}

.galaxy-section {
  z-index: 369;
  background-color: var(--black);
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  width: 100vw;
  height: 91vh;
  margin-top: 0;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
  overflow: hidden;
}

.galaxy-section.galaxy-1, .galaxy-section.galaxy-2, .galaxy-section.galaxy-3 {
  display: none;
}

.galaxy-container {
  z-index: 4;
  background-color: #0000;
  flex-direction: column;
  flex: none;
  order: 1;
  justify-content: flex-end;
  align-self: stretch;
  width: 100%;
  height: 100%;
  min-height: auto;
  padding: 20px;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
}

.galaxy-content {
  z-index: 2;
  background-image: none;
  background-size: auto;
  flex-flow: wrap;
  flex: 1;
  place-content: space-around center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 95%;
  margin-bottom: 20px;
  padding: 140px 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.galaxy-content.small {
  background-color: var(--black);
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
  overflow: visible;
}

.galaxy-background {
  z-index: -2;
  opacity: .5;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64175c8421beab5900db887a_stars2-min.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  display: flex;
  position: fixed;
  inset: 0%;
}

.planet {
  z-index: 102;
  border: 1px none var(--white-50);
  background-color: #0000;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 1%;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0%;
  display: flex;
  position: fixed;
  inset: 0%;
}

.planet-mothership {
  flex: 0 auto;
  align-self: auto;
  align-items: stretch;
  width: 60%;
  height: 80vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.planet-details-menu {
  z-index: 420;
  grid-row-gap: 16px;
  background-color: var(--black);
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 92vh;
  padding: 20px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.planet-details-menu.notch24 {
  z-index: 160;
  grid-row-gap: 0px;
  border-right: .5px solid var(--white-50);
  border-left: .5px solid var(--white-50);
  background-color: var(--black);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex: none;
  width: 40%;
  height: auto;
  padding: 40px;
  display: flex;
  position: relative;
  inset: 10% 1% 2% auto;
  overflow: scroll;
}

.planet-img {
  z-index: 110;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64943024800b7376934316d1_drakko-landscape.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
  justify-content: flex-end;
  width: auto;
  display: flex;
  position: absolute;
}

.image-49 {
  max-width: 150%;
}

.mothership-img {
  z-index: 2;
  align-items: center;
  max-width: 110%;
  height: auto;
  display: flex;
  position: relative;
  inset: 0%;
}

.image-50 {
  flex: 0 auto;
  max-width: 100%;
}

.vertical-line {
  border-style: solid;
  border-width: 1px 1px 1px .5px;
  border-color: black black black var(--white-50);
  width: .5px;
  height: 80vh;
  margin-left: 20px;
  margin-right: 20px;
  display: flex;
}

.insignia {
  z-index: 9;
  mix-blend-mode: normal;
  justify-content: center;
  align-self: center;
  width: 100%;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.horizontal-line {
  border-style: solid solid solid none;
  border-width: 1px 1px .5px .5px;
  border-color: black black var(--white-50) var(--white-50);
  width: 100%;
  height: .5px;
  margin-top: 0;
  margin-bottom: 0;
}

.planet-name-block {
  z-index: 8;
  background-image: linear-gradient(#0000, #000 49%);
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  width: auto;
  height: 20%;
  padding: 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
  overflow: hidden;
}

.planet-name-wrap {
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.mothership-name-block {
  flex-direction: column;
  align-items: flex-end;
  padding: 0;
  display: flex;
}

.planet-small-details-blokc {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-around;
  align-self: stretch;
  padding: 0 20px;
  display: flex;
}

.small-details {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.small-details.horizontal {
  flex-wrap: nowrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
}

.deatils-heading {
  margin-top: 10px;
  font-size: 32px;
}

.deatils-heading.small {
  color: var(--white);
  -webkit-text-stroke-width: 0px;
  font-size: 18px;
}

.motherhsip-captain-block {
  justify-content: space-between;
  align-self: stretch;
  display: flex;
}

.mothership-captain-img {
  width: 80px;
}

.planet-backstory {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-self: stretch;
  padding: 0 20px;
  display: none;
}

.expanding-details {
  z-index: 2;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: flex;
  position: relative;
  inset: 0%;
  overflow: hidden;
}

.image-51 {
  width: 100px;
  max-width: none;
}

.planet-trigger {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  width: 100vw;
  height: 100vh;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: scroll;
}

.planet-name-number {
  z-index: 100;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 140px;
  display: flex;
  position: relative;
  inset: 0%;
}

.planet-name-small {
  font-family: Soehne schmal fett, sans-serif;
  font-size: 24px;
}

.planet-number {
  justify-content: space-between;
  align-self: stretch;
  font-size: 12px;
  display: flex;
}

.small-planet {
  width: 250px;
  max-width: none;
}

.small-planet.large {
  flex: none;
  width: 100%;
  max-width: none;
  padding-bottom: 0%;
  display: block;
  position: relative;
  inset: 0%;
}

.planet-1 {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
}

.small-planet-trigger {
  z-index: 5;
  grid-row-gap: 8px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 60px;
  margin-right: 60px;
  padding: 20px;
  display: flex;
  position: relative;
}

.small-planet-trigger._1 {
  width: auto;
  text-decoration: none;
  top: auto;
}

.small-planet-trigger._2 {
  width: auto;
  top: -20%;
}

.small-planet-trigger._3 {
  width: auto;
  top: 170px;
}

.small-planet-img {
  z-index: 1;
  justify-content: flex-end;
  width: 100%;
  transition: all 5s;
  display: flex;
  position: relative;
}

.planet-2 {
  background-color: #0000;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding-top: 0%;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.planet-3 {
  background-color: #0000;
  align-items: flex-end;
  width: auto;
  height: auto;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.drakko-pop-up {
  z-index: 100;
  background-color: var(--black);
  width: 100vw;
  height: 90vh;
  margin-top: 10vh;
  display: none;
  position: fixed;
  overflow: hidden;
}

.drakko-pop-up.galaxy-1 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/649424b7ed120d1388f80251_galaxy-background-1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
}

.drakko-container {
  z-index: 70;
  background-color: #0000;
  flex-direction: column;
  align-self: stretch;
  width: 100vw;
  height: 93vh;
  margin: 0;
  padding: 20px;
  display: none;
  position: relative;
  inset: auto 0% 0%;
}

.div-block-17 {
  width: 100%;
  min-height: 100vh;
}

.drakko-image-section {
  outline-offset: 0px;
  outline: 3px #fff;
  flex: 0 auto;
  width: 100%;
  min-height: 100vh;
}

.image-52 {
  width: 100%;
}

.planet-content {
  flex-direction: column;
  flex: 1;
  align-self: stretch;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.planet-content.small {
  justify-content: center;
  align-items: center;
  width: 100%;
}

.back-to-galaxies {
  grid-column-gap: 16px;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 8px 16px;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.back-to-galaxies:hover {
  background-color: var(--royal-blue);
}

.back-to-galaxies.notch12, .back-to-galaxies.notch16 {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  margin: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.back-to-galaxies.notch8 {
  z-index: 2;
  border-radius: 0;
  flex: none;
  height: 4%;
  margin: 20px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.back-to-galaxies.all-planets, .back-to-galaxies.all-planets.notch8 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.motherhsip-factions-test {
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  width: 100vw;
  min-height: 91vh;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.galaxy-title-container {
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.collection-list-wrapper-3 {
  width: 100%;
  height: 100%;
}

.galaxy-container-copy {
  z-index: 4;
  background-color: var(--black);
  flex-direction: column;
  flex: none;
  width: 100%;
  height: 91vh;
  min-height: auto;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.back-button {
  z-index: 100;
  color: var(--white);
  text-transform: uppercase;
  border-radius: 0;
  align-self: center;
  width: auto;
  height: auto;
  margin: 20px;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  display: flex;
  position: absolute;
  inset: 20px auto auto 20px;
}

.back-button:hover {
  background-color: var(--royal-blue);
  color: var(--white);
  width: auto;
  height: auto;
  position: absolute;
  top: 20px;
  left: 20px;
}

.back-button.notch-12 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/627cd0b66e911efedf1406d7_back%20aroow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  margin: 20px;
}

.back-button.notch12 {
  z-index: 4;
  background-color: #0000;
  background-image: none;
  width: auto;
  height: auto;
  margin: 0 0 0 20px;
  position: relative;
  inset: auto auto auto 0%;
}

.small-planet-img {
  justify-content: center;
  align-items: center;
  width: 10vw;
  margin-bottom: 0;
}

.planet-no-name {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.planet-no {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  position: static;
}

.planet-name {
  color: var(--white);
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 18px;
  line-height: 32px;
}

.small-planets-list {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-list-8 {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  display: flex;
  position: relative;
}

.planet-details-image {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: 100%;
}

.planet-details-text {
  grid-row-gap: 8px;
  border-left: 1px none var(--white-10);
  background-color: var(--black);
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  width: 50vw;
  max-width: none;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.prizes-list {
  flex: 0 auto;
  width: auto;
  padding: 20px 5%;
  display: flex;
  overflow: visible;
}

.scroller-wrap {
  flex: none;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  margin-top: 40px;
  display: flex;
  position: relative;
  top: auto;
  overflow: scroll;
}

.large-planet-img {
  z-index: 4;
  background-color: #0000;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: 50vw;
  max-width: none;
  display: flex;
  position: relative;
}

.collection-item-7 {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.large-planet {
  width: 100%;
  display: flex;
  position: relative;
}

.mothership {
  z-index: 5;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.video-4 {
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.planet-video {
  z-index: 500;
  flex: none;
  justify-content: flex-end;
  align-self: stretch;
  width: 500px;
  height: 500px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.image-53-copy {
  position: relative;
}

.horizontal-details-block {
  grid-column-gap: 16px;
  border: .5px none var(--white-50);
  justify-content: space-between;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.detial-vertical-wrap {
  flex: 0 auto;
}

.galaxy-1-section {
  z-index: 4;
  background-color: var(--black);
  flex-direction: column;
  flex: 1;
  justify-content: flex-end;
  width: 100vw;
  height: 90vh;
  margin-top: 88px;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.galaxy-1-section.galaxy-1 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/649424b7ed120d1388f80251_galaxy-background-1.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-attachment: fixed;
}

.galaxy-title {
  z-index: 40;
  background-color: #0000;
  flex: none;
  order: 0;
  justify-content: space-between;
  align-items: center;
  margin-top: auto;
  padding: 0 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.back-text {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
}

.factions-title-container-copy {
  z-index: 3;
  order: -1;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.click-to-explore-copy {
  color: var(--white-50);
  letter-spacing: 1px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
}

.planet-component {
  z-index: 22;
  justify-content: center;
  width: 40vw;
  height: 20vh;
  display: flex;
  position: relative;
}

.planet-background-video {
  width: auto;
  height: auto;
  display: block;
  position: relative;
}

.stacking-content-decks {
  grid-column-gap: 16px;
  width: 100%;
  display: flex;
}

.deck-card {
  background-color: var(--black);
  padding: 20px;
}

.deck-card.notch24 {
  background-color: var(--white-10);
  flex-direction: column;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.deck-card.notch16 {
  background-color: var(--white-10);
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.deck-details {
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: flex-start;
  margin-top: 32px;
  display: flex;
}

.read-the-deck {
  color: var(--butterfly);
  letter-spacing: 1px;
  margin-top: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  display: flex;
}

.insignia-img {
  z-index: 1;
  mix-blend-mode: normal;
  justify-content: center;
  align-self: center;
  width: 30%;
  max-width: 200px;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.mothership-copy {
  flex: 1;
  align-self: center;
  max-width: 70%;
  position: absolute;
  inset: auto auto 20%;
}

.large-planet-copy {
  width: 100%;
  display: block;
  position: relative;
}

.planets-wrap {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.planet-scroll-wrap {
  width: 100%;
  height: 100%;
  display: flex;
}

.heading-17 {
  margin-top: 0;
  margin-bottom: 0;
}

.read-the-deck-wrap {
  margin-top: 10px;
  display: flex;
}

.image-53 {
  margin-left: 8px;
}

.red-text {
  color: var(--medium-violet-red);
  margin-top: 8px;
}

.planet-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.planet-wrap.middle {
  position: relative;
  top: -10%;
}

.middle-planet-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.middle-planet-wrap.middle {
  position: relative;
  top: -10%;
}

.planet-landscape {
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  height: auto;
  padding: 0 20px 20px;
  display: flex;
  overflow: hidden;
}

.planet-landscape-img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
}

.large-planet-image {
  max-height: none;
}

.lottie-animation-27 {
  z-index: 3;
  object-fit: fill;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 130%;
  max-width: none;
  height: 150%;
  display: flex;
  position: absolute;
  inset: auto;
}

.bg-lottie {
  z-index: 0;
  mix-blend-mode: lighten;
  object-fit: contain;
  width: auto;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bg-lottie.desktop {
  z-index: -1;
  position: fixed;
}

.bg-lottie.desktop.home {
  width: 100%;
  position: absolute;
}

.bg-lottie.mobile {
  z-index: -1;
}

.lottie-animation-28 {
  width: 100%;
  position: static;
  top: auto;
}

.button-text {
  color: var(--white);
  letter-spacing: 3px;
  text-transform: uppercase;
  mix-blend-mode: luminosity;
  background-color: #0000;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
  font-weight: 800;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.button-text:hover {
  background-color: #0000;
}

.button-text.notch12, .button-text.notch16 {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  margin: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.button-text.notch8 {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/627cd0b66e911efedf1406d7_back%20aroow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  margin: 20px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-text.large {
  font-size: 12px;
}

.button-text.primary {
  color: var(--black);
}

.button-text.factions {
  font-size: 12px;
}

.button-text.reviews {
  border-style: none;
  border-width: 1px;
  border-color: black black var(--white);
  text-decoration: none;
}

.all-planets {
  z-index: 369;
  grid-column-gap: 16px;
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0;
  padding: 8px 16px;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  transition: background-color .2s;
  display: flex;
  position: static;
  inset: auto;
}

.all-planets:hover {
  background-color: var(--royal-blue);
}

.all-planets.notch12, .all-planets.notch16 {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  margin: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.all-planets.notch8 {
  z-index: 100;
  border-radius: 0;
  margin: 20px 0 20px 20px;
  display: flex;
  position: relative;
  inset: 0% auto auto 0%;
}

.buttons-wrap {
  z-index: 10000000;
  justify-content: space-between;
  display: flex;
  position: static;
}

.all-planets-section {
  z-index: 369;
  background-color: var(--black);
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  width: 100vw;
  height: 92vh;
  margin-top: 0;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
  overflow: hidden;
}

.all-planets-container {
  grid-column-gap: 4px;
  object-fit: fill;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  height: 96%;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.all-planets-container.vertical {
  flex-direction: column;
  flex: none;
  height: 100%;
}

.all-planets-contnet {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: none;
  background-size: auto;
  flex-flow: wrap;
  flex: 1;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  place-content: stretch space-around;
  align-self: stretch;
  place-items: stretch stretch;
  width: 100%;
  height: 96%;
  margin-bottom: 20px;
  padding: 0;
  display: grid;
  position: relative;
  overflow: visible;
}

.all-planets-contnet.small {
  background-color: var(--black);
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
  overflow: visible;
}

.planet-menu-component {
  border: .51px solid var(--white-50);
  cursor: pointer;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  position: static;
}

.menu-planet-trigger {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.menu-planet-number {
  border-right: .5px solid var(--white-50);
  border-bottom: .5px solid var(--white-50);
  justify-content: space-between;
  align-self: stretch;
  padding: 20px;
  font-size: 12px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.menu-planet-name {
  grid-row-gap: 0px;
  border-bottom: .5px solid var(--white-50);
  border-left: .5px solid var(--white-50);
  flex-direction: column;
  padding: 20px;
  display: block;
  position: absolute;
  inset: 0% 0% auto auto;
}

.menu-planet-img {
  justify-content: center;
  align-items: center;
  width: 40%;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.menu-planet-text {
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: flex-start;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  line-height: 20px;
  display: flex;
}

.menu-planet-text.label {
  color: var(--white-50);
  margin-bottom: -4px;
}

.menu-planet-galaxy {
  border-style: solid solid none none;
  border-width: .5px;
  border-color: var(--white-50);
  padding: 20px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.menu-planet-mothership {
  border-style: solid none none solid;
  border-width: .5px;
  border-color: var(--white-50);
  padding: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.menu-planet-details {
  display: none;
  position: absolute;
  inset: 0%;
}

.menu-planet-lottie {
  z-index: 3;
  object-fit: fill;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 120%;
  max-width: none;
  height: 120%;
  display: none;
  position: absolute;
  inset: auto;
}

.lottie-animation-29 {
  width: 100%;
  height: 100%;
}

.large-planet-menu {
  width: 100%;
  display: flex;
  position: relative;
}

.mothership-menu {
  z-index: 5;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.insignia-menu {
  z-index: 9;
  mix-blend-mode: normal;
  justify-content: center;
  align-self: center;
  width: 100%;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.planet-details-text-menu {
  grid-row-gap: 8px;
  border-left: 1px none var(--white-10);
  background-color: var(--black);
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  width: 50vw;
  max-width: none;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.planet-details {
  z-index: 500;
  grid-row-gap: 16px;
  background-color: var(--black);
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 100vw;
  max-width: none;
  height: 92vh;
  padding: 20px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.planet-details.notch24 {
  z-index: 160;
  grid-row-gap: 0px;
  border-right: .5px solid var(--white-50);
  border-left: .5px solid var(--white-50);
  background-color: var(--black);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  flex: none;
  width: 40%;
  height: auto;
  padding: 40px;
  display: flex;
  position: relative;
  inset: 10% 1% 2% auto;
  overflow: scroll;
}

.planet-name-block-menu {
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.countdown-section {
  z-index: 369;
  background-color: var(--black);
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  width: 100vw;
  height: 91vh;
  margin-top: 0;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
  overflow: hidden;
}

.countdown-section.galaxy-1, .countdown-section.galaxy-2, .countdown-section.galaxy-3 {
  display: none;
}

.countdown-section-container {
  grid-column-gap: 4px;
  object-fit: fill;
  flex-direction: row;
  flex: 1;
  justify-content: space-around;
  align-items: stretch;
  width: 100%;
  height: 96%;
  padding: 0 20px;
  display: flex;
  position: relative;
}

.countdown-section-container.vertical {
  flex-direction: column;
  flex: none;
  height: 100%;
}

.countdown-content {
  background-image: none;
  background-size: auto;
  flex-flow: wrap;
  flex: 1;
  place-content: space-around center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  height: 98%;
  margin-bottom: 0;
  padding: 140px 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.countdown-content.small {
  background-color: var(--black);
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  padding-left: 0%;
  padding-right: 0%;
  position: relative;
  overflow: visible;
}

.countdown-background {
  z-index: -2;
  opacity: 1;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64175c8421beab5900db887a_stars2-min.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  display: flex;
  position: fixed;
  inset: 0%;
}

.countdown-timer-wrap {
  display: flex;
}

.countdown-outer {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 400px;
  display: flex;
}

.text-block {
  margin-bottom: 21px;
}

.countdown-row-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #0000;
  background-image: radial-gradient(circle, #000000b3 46%, #0000);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.countdown-block-2 {
  color: #fff;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: auto;
  margin: 5px 4px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
}

.countdown-time-2 {
  color: var(--butterfly);
  font-family: Eslavasolid, sans-serif;
  font-size: 12vw;
  line-height: 100%;
}

.countdown-detail-2 {
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
}

.colon-block {
  padding-top: 24px;
  padding-bottom: 20px;
}

.countdown-details {
  z-index: 1;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.countdown-details.top {
  inset: 0% 0% auto;
}

.countdown-name-block {
  flex-direction: column;
  align-items: flex-start;
  width: 20%;
  padding: 20px;
  display: flex;
}

.countdown-name-block.no-border {
  padding: 40px;
}

.countdown-name-blcok-right {
  flex-direction: column;
  align-items: flex-end;
  width: 20%;
  padding: 20px;
  display: flex;
}

.countdown-label-2 {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
  text-transform: uppercase;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 32px;
  line-height: 32px;
}

.countdown-name {
  color: var(--white);
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--white);
  text-transform: uppercase;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.countdown-bordering {
  z-index: 20;
  border: .5px none var(--white-50);
  width: 5%;
  height: 7%;
  position: absolute;
}

.countdown-bordering.top-left {
  border-top-style: solid;
  border-left-style: solid;
  width: 5%;
  height: 6%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.countdown-bordering.top-right {
  border-top-style: solid;
  border-right-style: solid;
  inset: 0% 0% auto auto;
}

.countdown-bordering.bottom-right {
  border-bottom-style: solid;
  border-right-style: solid;
  inset: auto 0% 0% auto;
}

.countdown-bordering.bottom-left {
  border-bottom-style: solid;
  border-left-style: solid;
  inset: auto auto 0% 0%;
}

.countdown-bordering.top-middle {
  border-top-style: solid;
  align-self: center;
  height: 0;
  inset: 0% auto auto;
}

.countdown-bordering.bottom-middle {
  border-bottom-style: solid;
  align-self: center;
  height: 1%;
  inset: auto auto 0%;
}

.globe-block {
  padding: 20px;
}

.globe-img {
  width: 80px;
}

.px-exian {
  font-size: 6vw;
}

.text-span-2 {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
}

.button-icon {
  margin-left: 8px;
}

.button-icon.large {
  width: 22px;
}

.section-container {
  z-index: 3;
  background-color: #0000;
  width: 100%;
  max-width: 1250px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.section-container.mint-details {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
}

.xcrate-grid-horizontal-wrap {
  flex-wrap: wrap;
  place-content: space-around space-between;
  align-self: auto;
  margin: 40px;
  display: flex;
}

.xcrate-grid-horizontal-wrap.poap {
  grid-row-gap: 40px;
  flex-direction: column;
}

.crate-grid-text {
  border: 1px none var(--white-20);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  width: 20%;
  height: 100%;
  margin-right: 0;
  padding: 0 40px 0 0;
  display: flex;
}

.crate-grid-text.left {
  z-index: 2;
  order: -1;
  width: 300px;
  position: relative;
}

.crate-grid-text.right {
  order: 1;
  width: 300px;
  margin-left: 60px;
  margin-right: 60px;
  padding-left: 0;
  padding-right: 0;
}

.crate-grid-text.centre {
  align-items: center;
  width: 420px;
}

.crate-grid-text.bottom {
  border-top-style: solid;
}

.crate-grid-text.full-width {
  width: 100%;
}

.line {
  background-color: var(--medium-violet-red);
  flex: 1;
  align-self: center;
  width: auto;
  height: 2px;
  margin-left: 8px;
}

.line.full {
  opacity: .5;
  background-image: linear-gradient(#f03ca1, #a206cb);
  flex: none;
  width: 100%;
  height: 1px;
  margin-left: auto;
  display: flex;
}

.line.full.white {
  background-color: var(--white);
  background-image: none;
}

.xkey-faqs {
  z-index: 3;
  background-color: var(--black);
  justify-content: center;
  width: 100vw;
  min-height: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

.xkey-section-container {
  z-index: 3;
  background-color: var(--black);
  width: 100%;
  max-width: 1440px;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
}

.xkey-section-container.mint-details {
  background-color: #0000;
  padding-top: 0;
  padding-bottom: 0;
}

.xsafe-bg-video {
  width: 50vh;
  height: auto;
  display: none;
  position: static;
  inset: 0%;
}

.xsafe-section {
  width: 100vw;
  height: 96vh;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.xsafe-sectionn-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 92%;
  padding: 40px;
  display: flex;
  position: relative;
}

.xsafe-details {
  z-index: 1;
  flex: 1;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  height: auto;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto 0% 0;
}

.xsafe-details.top {
  inset: 0% 0% auto;
}

.xsafe-details.bottom {
  background-image: linear-gradient(#0000, #000);
}

.xsafe-bg-video-3 {
  width: 50vh;
  height: 5vw;
  position: static;
  inset: 0%;
}

.megacrate-bg-video {
  height: 100%;
  display: flex;
  position: absolute;
  inset: 80px 0% 0%;
}

.megacrate-bg-video.small {
  width: 500px;
  height: 500px;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0%;
}

.megacrate-bg-video.xpod {
  mix-blend-mode: normal;
  left: 40%;
}

.mega-rate-hero-section {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  margin-top: 80px;
  display: flex;
  position: relative;
}

.mega-rate-hero-section.poap {
  align-items: center;
}

.mega-rate-hero-section.xbonus {
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  min-height: 100vh;
  margin-top: 0;
}

.xcrate-eligibility-block {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 25%;
  min-width: auto;
  display: flex;
}

.access-granted {
  max-width: 100%;
}

.narrow {
  width: 5%;
  display: flex;
}

.s1-hero {
  z-index: 2;
  background-image: linear-gradient(to top, var(--black) 20%, transparent 50%);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 100dvh;
  margin-top: 0;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.s1-hero._2 {
  background-image: none;
  justify-content: flex-start;
  align-items: flex-end;
  display: none;
  position: relative;
  overflow: hidden;
}

.s1-hero._4 {
  background-image: linear-gradient(#000, #fff);
  align-items: flex-end;
}

.s1-hero._5 {
  align-items: center;
}

.s1-hero-bg-video {
  z-index: 0;
  object-fit: cover;
  flex: 1;
  align-self: stretch;
  width: auto;
  min-width: 100%;
  min-height: auto;
  display: block;
  position: relative;
  top: 0;
}

.s1-hero-bg-video.mobile {
  width: 100dvw;
  min-height: 100dvh;
}

.s1-hero-bg-video.desktop {
  min-height: 100dvh;
}

.s1-hero-bg-video.fixed {
  flex: none;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.s1-hero-bg-video.fallback {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c13595ae9363701d0efffe_Pictures%20Video%201_00008.webp");
  background-position: 50%;
  background-size: cover;
  min-height: 100vh;
  display: none;
  overflow: hidden;
}

.s1-hero-bg-video.wrap {
  min-height: 100vh;
  display: flex;
  overflow: hidden;
}

.s1-hero-big-text {
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  padding: 40px;
  display: flex;
  position: relative;
}

.s1-hero-big-text.overlay {
  mix-blend-mode: normal;
}

.s1-hero-big-text.left {
  grid-row-gap: 24px;
  align-items: flex-start;
  padding: 5% 5% 2%;
  position: relative;
}

.s1-hero-big-text.bottom {
  position: absolute;
  inset: auto 0% 0%;
}

.s1-hero-big-text._7 {
  z-index: 2;
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 2% 5% 2% 2%;
}

.s1-h1 {
  color: var(--white);
  mix-blend-mode: overlay;
  font-size: 21vw;
}

.s1-h1.overlay {
  mix-blend-mode: normal;
}

.s1-h1.vertical {
  z-index: 2;
  color: #0000;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--white);
  mix-blend-mode: normal;
  align-self: stretch;
  margin: 0;
  font-size: 20vh;
  position: absolute;
  inset: 7% 2% 0% auto;
  transform: rotate(90deg);
}

.s1-h1.absolute {
  z-index: 8;
  letter-spacing: -8px;
  mix-blend-mode: normal;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-size: 25vw;
  display: flex;
  position: absolute;
  inset: auto 0%;
}

.s1-h1.absolute.small-top {
  letter-spacing: 0;
  margin-top: 88px;
  font-size: 4vw;
  inset: 0% 0% auto;
}

.s1-h1.absolute.small-top.left {
  letter-spacing: 1px;
  margin: 20px;
  font-size: 2vw;
  inset: 0% auto auto 0%;
}

.s1-h1.absolute.centre {
  flex-direction: column;
}

.s1-h1.small {
  margin: 0;
  font-size: 3vw;
}

.s1-h1.medium {
  z-index: 4;
  grid-column-gap: 8px;
  flex: 1;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12vw;
  display: flex;
  position: relative;
}

.s1-h1.medium.hide {
  display: none;
}

.s1-h1.how-to {
  z-index: 1;
  letter-spacing: -2px;
  mix-blend-mode: normal;
  position: relative;
}

.s1-h1._10k-hunts {
  z-index: 2;
  text-align: center;
  letter-spacing: -2px;
  mix-blend-mode: normal;
  margin-top: 0;
  font-size: 15vw;
  position: relative;
}

.s1-h1.kai-x-porshe-hunt {
  z-index: 1;
  color: var(--white);
  text-align: center;
  letter-spacing: -2px;
  mix-blend-mode: normal;
  margin-top: 0;
  font-size: 12vw;
  position: absolute;
  top: 140.203px;
}

.s1-h1.ts-x-porshe-hunt {
  z-index: 1;
  color: var(--white);
  text-align: center;
  letter-spacing: -2px;
  mix-blend-mode: normal;
  margin-top: 0;
  font-size: 11vw;
  position: absolute;
  top: 140.203px;
}

.s1-h1.cybertruck-hunt {
  z-index: 1;
  color: var(--white);
  text-align: center;
  letter-spacing: -2px;
  mix-blend-mode: normal;
  margin-top: 0;
  font-size: 11vw;
  position: absolute;
  top: 26%;
}

.s1-h1.aston {
  z-index: 3;
  color: var(--white);
  text-align: center;
  letter-spacing: -2px;
  mix-blend-mode: normal;
  margin-top: 0;
  font-family: Orbitron, sans-serif;
  font-size: 9vw;
  position: absolute;
  top: 15%;
}

.s1-h1.tesla-model-3 {
  z-index: 1;
  color: var(--white);
  text-align: center;
  letter-spacing: -2px;
  mix-blend-mode: normal;
  margin-top: 0;
  font-size: 11vw;
  position: absolute;
  top: 18%;
}

.text-span-3 {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
}

.s1-hero-logo {
  width: 10vw;
}

.s1-hero-logo.large {
  width: 20vw;
}

.s1-hero-logo.top {
  align-self: center;
  margin-top: 20px;
  position: absolute;
  inset: 0% auto auto;
}

.s1-hero-logo.medium {
  width: 8vw;
}

.s1-hero-logo.super {
  width: 35vw;
  max-width: 800px;
}

.s1-hero-container {
  z-index: 2;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.s1-hero-container._2 {
  z-index: 90;
  background-image: none;
  flex: none;
  justify-content: flex-end;
  align-self: auto;
  max-width: none;
  height: 100%;
  position: relative;
  inset: auto auto 0% 0%;
}

.s1-hero-container._3 {
  background-image: linear-gradient(to bottom, transparent 68%, var(--black-80)), linear-gradient(to bottom, black, transparent 31%);
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 40px;
  bottom: 0;
}

.s1-hero-container._4 {
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  height: 90vh;
  margin: 40px;
  padding: 0 0 40px;
  bottom: auto;
}

.s1-hero-container._5 {
  border: .5px solid var(--white-50);
  align-self: center;
  align-items: center;
  height: 90vh;
  margin: 10px;
}

.s1-hero-container._6 {
  border: .5px none var(--white-50);
  align-self: center;
  align-items: center;
  height: 90vh;
  margin: 10px;
}

.s1-hero-container._7 {
  flex-direction: column;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  margin-top: auto;
  padding-top: 0;
}

.ios-android-icons {
  height: 24px;
  margin-left: 24px;
}

.ios-android-icons.bottom-right {
  margin: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.ios-android-icons.top-right {
  margin: 20px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.ios-android-icons.top-left {
  height: 120px;
  margin: 20px;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: rotate(90deg);
}

.ios-android-icons.no-margin {
  margin-left: 0;
}

.second-section {
  background-color: var(--black-20);
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
  width: 100vw;
  height: 100vh;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  top: -10vh;
}

.hero-frame {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c0f6e389b53647d817d013_join%20the%20hunt.svg");
  background-position: 50%;
  background-repeat: repeat-y;
  background-size: 60%;
  background-attachment: scroll;
  width: 3%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.hero-frame.left {
  border-right: 1px solid var(--white);
}

.hero-frame.right {
  border-left: 1px solid var(--white);
  inset: 0% 0% 0% auto;
}

.image-54 {
  width: 4vw;
}

.top-gradient {
  background-image: linear-gradient(#000, #0000);
  width: 100%;
  height: 20%;
  position: absolute;
  inset: 0% 0% auto;
}

.bottom-gradient {
  background-image: linear-gradient(to top, #000, #0000);
  width: 100%;
  height: 20%;
  position: absolute;
  inset: auto 0% 0%;
}

.bottom-gradient.left {
  background-image: linear-gradient(to right, #000 3%, #0000);
  width: 50%;
  height: 100%;
  inset: 0% auto 0% 0%;
}

.bottom-gradient.left-corner {
  height: 30%;
  bottom: 20vh;
}

.bordering {
  border: .5px solid var(--white-50);
  padding: 20px;
  position: absolute;
}

.bordering.top-middle {
  align-self: center;
  inset: 0% auto auto;
}

.bordering.top-middle.no-border {
  border-style: none;
}

.bordering.top-left {
  inset: 0% auto auto 0%;
}

.bordering.top-right {
  inset: 0% 0% auto auto;
}

.bordering.bottom-left {
  inset: auto auto 0% 0%;
}

.bordering.bottom-right {
  inset: auto 0% 0% auto;
}

.bottom-row {
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.corner-bordering {
  border: .5px solid var(--white-50);
  padding: 20px;
  position: absolute;
}

.corner-bordering.top-middle {
  align-self: center;
  inset: 0% auto auto;
}

.corner-bordering.top-middle.no-border {
  border-style: none;
}

.corner-bordering.top-left {
  border-bottom-style: none;
  border-right-style: none;
  inset: 10vh auto auto 24px;
}

.corner-bordering.top-right {
  inset: 0% 0% auto auto;
}

.corner-bordering.bottom-left {
  inset: auto auto 0% 0%;
}

.corner-bordering.bottom-right {
  letter-spacing: 2px;
  border-style: none;
  margin-bottom: 40px;
  margin-right: 16px;
  padding: 0;
  font-size: 10px;
  inset: auto 0% 0% auto;
}

.scramble {
  z-index: 100;
  justify-content: center;
  align-items: center;
  height: 30vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.scramble.centre.small {
  height: 5vh;
  position: relative;
}

.scramble.left {
  inset: auto auto 0% 0%;
}

.scramble.left.small {
  letter-spacing: 2px;
  justify-content: flex-start;
  height: auto;
  margin-bottom: 40px;
  margin-left: 24px;
  font-size: 10px;
}

.text-bordering {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-self: center;
  min-width: auto;
  font-family: Space Grotesk, sans-serif;
  display: flex;
  position: relative;
}

.text-bordering.left {
  text-align: left;
  min-width: auto;
}

.div-block-18 {
  display: flex;
}

.section-3 {
  z-index: 0;
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-3.hide {
  display: none;
}

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

.home-sec-h2 {
  flex-wrap: wrap;
  justify-content: center;
  font-size: 7vw;
  display: flex;
}

.outline-h2 {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
  margin-left: 8px;
  margin-right: 8px;
}

.number {
  margin-bottom: 30px;
  font-size: 1.6em;
}

.number.small {
  color: var(--white-50);
  -webkit-text-stroke-width: 0px;
  margin-bottom: 0;
  font-weight: 400;
}

.transition-block {
  z-index: 999;
  background-color: #000;
  display: none;
  position: absolute;
  inset: 0%;
}

.content-top {
  z-index: 2;
  justify-content: space-between;
  padding: 100px;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.content-heading-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1200px;
  display: flex;
  overflow: hidden;
}

.s-scroll-bg-img {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c13530c978cee3e83de7e7_bg-1.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.s-scroll-bg-img.is-1 {
  z-index: 1;
  background-color: var(--black);
  background-image: none;
  background-size: auto;
  position: absolute;
  inset: 0%;
}

.s-scroll-bg-img.is-2 {
  z-index: 1;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c13a01a9eb38579322b1c2_bg-2.jpg");
  position: absolute;
  inset: 0%;
}

.image-55 {
  width: 75px;
}

.content-top-right {
  max-width: 400px;
  font-size: 14px;
  line-height: 2em;
}

.dev-letter {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 8px;
  font-size: 7.4em;
  line-height: .9em;
}

.dev-letter.outline {
  -webkit-text-stroke-width: 1px;
}

.content-bottom {
  z-index: 2;
  justify-content: center;
  align-items: center;
  padding: 100px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.s-scroll {
  z-index: 3;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.section-container {
  max-width: none;
  height: 100%;
  padding: 40px;
}

.section-container._3 {
  box-shadow: none;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c13595726cb072d448b04c_Pictures%20Video%201_00002.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-attachment: fixed;
  max-width: none;
  height: 100%;
}

.section-container._3.notch32 {
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
}

.section-container._5 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c1359698602f333556b195_Pictures%20Video%201_00009.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-attachment: fixed;
  max-width: none;
  height: 100%;
}

.section-container._5.notch32 {
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
}

.section-container._6 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c13595d1faab995c734afb_Pictures%20Video%201_00005.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-attachment: fixed;
  max-width: none;
  height: 100%;
}

.section-container._6.notch32 {
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
}

.section-container._7 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c13595e093c8b047622edc_Pictures%20Video%201_00001.jpg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-attachment: fixed;
  max-width: none;
  height: 100%;
}

.section-container._7.notch32 {
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
}

.section-container.battle-arena.notch32 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64db7c880ca21a2f0149655b_Screenshot_1.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-container.hunterleague.notch32 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64dce2fe41e50de9cc784c86_hunter%20league%20bottom.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-container.hunter-league-2.notch32 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64dcdb0c8f6f95487e0426f5_3_00685.webp");
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-top-2 {
  z-index: 2;
  justify-content: space-between;
  padding: 100px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.content-heading-wrapper-2 {
  display: flex;
  overflow: hidden;
}

.image-56 {
  width: 75px;
}

.design-letter {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 7.5em;
  line-height: 1.3em;
}

.content-bottom-2 {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  padding: 100px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.s-scroll-2 {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.section-4 {
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 80vh;
  display: flex;
  position: relative;
}

.btn {
  color: #051328;
  cursor: pointer;
  background-color: #e7e7e7;
  border: 1px #000;
  justify-content: center;
  align-items: center;
  padding: 1.5rem 3rem;
  text-decoration: none;
  display: flex;
  position: relative;
}

.btn.btn-three {
  background-color: var(--butterfly);
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 0;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  height: 56px;
  padding: 16px 32px;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
}

.btn.btn-three:hover {
  background-color: var(--white);
}

.btn.btn-three.small {
  -webkit-text-stroke-width: 0px;
  max-width: none;
  height: 40px;
}

.btn.btn-two {
  background-color: var(--royal-blue);
  color: var(--black);
  letter-spacing: 1px;
  text-transform: uppercase;
  border-radius: 0;
  justify-content: space-between;
  height: 56px;
  padding: 16px 32px;
  font-size: 14px;
  font-weight: 600;
  overflow: hidden;
}

.btn.btn-two:hover {
  background-color: var(--white);
}

.text-span-4 {
  display: flex;
}

.all-buttons-use-this {
  display: none;
}

.fancy-button {
  cursor: pointer;
  display: flex;
}

.fancy-button.notch12 {
  transition: box-shadow .5s;
  box-shadow: 0 0 60px #00cfc166;
}

.fancy-button.notch12:hover {
  box-shadow: none;
}

.fancy-button.notch12.wide {
  flex: 1;
}

.fancy-button.notch12.mobile {
  display: none;
}

.fancy-button.notch12.popup-btn {
  flex: 1;
  display: flex;
}

.hero-button {
  border: 1px none var(--white-20);
  background-color: var(--butterfly);
  background-image: linear-gradient(to bottom, var(--butterfly), #199e67);
  color: #000;
  letter-spacing: 3px;
  text-transform: uppercase;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 12px 24px;
  font-weight: 600;
  line-height: 14px;
  transition: border-color .3s, border-width .3s, color .2s, box-shadow .2s, background-color .2s;
  display: flex;
  box-shadow: inset 0 -4px #0003;
}

.hero-button:hover {
  border: 2px none var(--white);
  background-color: var(--black);
  box-shadow: none;
  color: var(--white);
  background-image: none;
  border-radius: 0;
}

.hero-button.mobile {
  display: none;
}

.hero-button.primary {
  z-index: 2;
  border: 2px #0000;
  border-radius: 0;
  height: 56px;
  padding: 16px 32px;
  position: relative;
}

.hero-button.primary:hover {
  border-style: none;
  border-color: var(--white);
  background-color: var(--white-20);
}

.hero-button.primary.w--current {
  border-color: #0000;
}

.hero-button.primary.mobile-nav {
  display: none;
}

.hero-button.primary.notch12 {
  background-image: linear-gradient(to bottom, var(--butterfly), #199e67);
}

.hero-button.primary.full {
  flex: 1;
  justify-content: center;
}

.hero-button.sign-up {
  border-radius: 4px;
}

.hero-button.sign-up.notch12:hover {
  background-color: var(--white-10);
  border-style: none;
}

.hero-button.margin-top {
  border-radius: 0;
  margin-top: 20px;
}

.hero-button.margin-top.show {
  border-radius: 4px;
  flex-direction: column;
  flex: 1;
  justify-content: space-around;
  align-self: stretch;
  align-items: center;
}

.hero-button.margin-top.show.single {
  flex: none;
}

.hero-button.margin-top.show.notch8 {
  text-align: center;
  border-radius: 0;
  flex: none;
  max-width: none;
  font-size: 14px;
}

.hero-button.margin-top.show.notch8:hover {
  background-color: var(--white-10);
  border-style: none;
}

.hero-button.secondary {
  z-index: 2;
  border-style: none;
  border-color: var(--white);
  background-color: var(--white-10);
  box-shadow: none;
  color: var(--white);
  background-image: none;
  border-radius: 0;
  flex: 1;
  font-size: 14px;
  position: relative;
}

.hero-button.secondary:hover {
  border-width: 1px;
  border-color: var(--white);
  background-color: var(--white-20);
  color: var(--white-80);
}

.hero-button.secondary.margin-top {
  border-radius: 4px;
}

.hero-button.secondary.margin-top.show {
  border-color: var(--white);
}

.hero-button.secondary.margin-top.show.notch8 {
  border-style: none;
  border-radius: 0;
}

.hero-button.secondary.show {
  margin-top: 20px;
}

.hero-button.secondary.notch12 {
  border-style: none;
  border-radius: 0;
}

.hero-button.secondary.hero {
  text-decoration: none;
}

.hero-button.wide {
  flex: 1;
}

.hero-button.wide.show-mobile.notch12 {
  border-radius: 0;
  font-size: 16px;
}

.hero-button.wide.show-mobile.notch12:hover {
  background-color: var(--white-20);
  border-style: none;
}

.hero-button.opensea {
  background-color: var(--white-10);
  background-image: none;
  border-radius: 0;
  flex: 1;
  transition: color .2s, box-shadow .2s, background-color .2s;
}

.hero-button.opensea:hover {
  background-color: var(--white-20);
  border-style: none;
  text-decoration: none;
}

.hero-button.opensea.notch8 {
  cursor: pointer;
  flex: none;
  text-decoration: none;
}

.hero-button.opensea.notch8:hover {
  text-decoration: none;
}

.hero-button.opensea.hero {
  background-color: var(--purple);
  font-size: 14px;
  text-decoration: none;
}

.hero-button.opensea.hero.notch8:hover {
  background-color: var(--white-10);
}

.hero-button.hero {
  height: 56px;
  padding: 16px 32px;
}

.hero-button._3rd.hero {
  background-color: var(--white-10);
  background-image: none;
  text-decoration: none;
}

.hero-button._3rd.hero:hover {
  background-color: var(--white-20);
}

.hero-cta {
  background-color: var(--butterfly);
  color: var(--black);
  padding: 16px 32px;
  font-weight: 700;
  text-decoration: none;
}

.home-hero-buttons {
  grid-column-gap: 16px;
  align-items: center;
  display: flex;
}

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

.content_bottom.left {
  justify-content: flex-start;
}

.container-3 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 3.58em;
}

.container-3.is--hero {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.content_top-line {
  background-color: var(--white-80);
  flex: none;
  width: 3em;
  height: 1px;
  margin-right: 1em;
}

.content_top-line.is--light {
  background-color: #e8e2da;
}

.content_top {
  z-index: 7;
  mix-blend-mode: difference;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 2% auto auto 2%;
}

.max-width {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.max-width._50, .max-width._50-desktop {
  opacity: 1;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 50%;
}

.max-width.centre {
  align-self: center;
}

.section-5 {
  background-color: var(--black);
  position: relative;
}

.content_p {
  color: var(--white-80);
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
}

.content_p.split-text.is--small {
  font-size: 1em;
}

.split-text {
  grid-column-gap: 1vw;
  grid-row-gap: 8px;
  perspective: 800px;
  text-align: center;
  flex-flow: wrap;
  place-content: stretch flex-start;
  margin: 0;
  font-size: 9vw;
  line-height: 80%;
  display: flex;
}

.split-text.px-story {
  grid-row-gap: 0px;
  text-align: left;
  flex-flow: column;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 140%;
}

.split-text.px-story-copy {
  text-align: left;
  word-break: normal;
  overflow-wrap: normal;
  margin-bottom: 24px;
  font-size: 2vw;
  line-height: 140%;
}

.split-text.left {
  text-align: left;
  align-content: stretch;
  line-height: 81%;
}

.split-text.left.no-margin {
  align-items: center;
}

.split-text.small {
  grid-column-gap: 1vw;
  color: var(--white);
  text-align: left;
  -webkit-text-stroke-width: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  font-family: Orbitron, sans-serif;
  font-size: 3vw;
  line-height: 90%;
  display: block;
  position: sticky;
  top: 0;
}

.split-text.small.small-title {
  font-size: 4vw;
}

.split-text.small.centre {
  text-align: center;
}

.split-text.paragraph {
  text-align: left;
  white-space: pre-line;
  word-break: normal;
  overflow-wrap: normal;
  margin-bottom: 10px;
  font-size: 1vw;
  font-weight: 400;
  line-height: 120%;
  display: block;
}

.split-text.paragraph.centred {
  text-align: center;
}

.split-text.paragraph.top-padding {
  padding-top: 8rem;
  font-size: 2vw;
}

.split-text.paragraph.top-padding-2 {
  padding-top: 2rem;
  font-size: 2vw;
}

.split-text.paragraph.is-grey {
  color: #8f8f8f;
  font-family: Space Grotesk, sans-serif;
}

.split-text.sub-text {
  text-align: left;
  word-break: keep-all;
  overflow-wrap: anywhere;
  font-size: 1.5vw;
  line-height: 140%;
}

.split-text.paragraph-copy {
  text-align: left;
  word-break: normal;
  overflow-wrap: anywhere;
  margin-bottom: 10px;
  font-size: 1vw;
  line-height: 120%;
}

.split-text.large {
  font-size: 15vw;
}

.split-text.large.centre {
  text-align: center;
  justify-content: center;
}

.split-text.centre {
  justify-content: center;
}

.split-text.support {
  text-align: center;
  word-break: normal;
  overflow-wrap: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 140%;
}

.split-text.medium {
  text-align: left;
  font-family: Orbitron, sans-serif;
  font-size: 5vw;
}

.split-text.x-small {
  grid-column-gap: 1vw;
  color: var(--white);
  text-align: left;
  -webkit-text-stroke-width: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  font-family: Orbitron, sans-serif;
  font-size: 24px;
  line-height: 90%;
  display: block;
  position: sticky;
  top: 0;
}

.split-text.x-small.small-title {
  font-size: 4vw;
}

.split-text.x-small.centre {
  text-align: center;
}

.section-6 {
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.container-4, .content {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.number-2 {
  text-align: center;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(182deg, #6a48f2 20%, #fcceee);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1rem;
  font-weight: 700;
}

.vertical-divider {
  opacity: .4;
  background-color: #fff;
  background-image: linear-gradient(#6a48f2, #fcceee);
  width: 1px;
  height: 5vh;
  margin: 1rem auto 25%;
}

.heading-scroll {
  color: #f2f2f2;
  letter-spacing: -.01em;
  font-size: 8vw;
  font-weight: 500;
  line-height: 1.2;
}

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

.heading-scroll.center._9 {
  letter-spacing: .01em;
  font-size: 8vw;
  font-weight: 400;
  line-height: .9;
}

.heading-scroll.longer {
  letter-spacing: -.02em;
  font-size: 3.5vw;
  font-style: italic;
  font-weight: 400;
}

.heading-scroll.longer.center._10 {
  letter-spacing: -2px;
  font-size: 8vw;
  font-style: normal;
  line-height: 80%;
}

.section-7 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section-7.first {
  background-color: var(--black);
  margin-top: -141px;
  position: relative;
}

.content-2 {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
}

.text-size-small {
  text-align: center;
  font-size: 8vw;
  font-weight: 400;
  line-height: 88%;
}

.heading-18 {
  text-align: center;
  line-height: 70%;
}

.container-5 {
  width: 100%;
  max-width: 90rem;
  margin-left: auto;
  margin-right: auto;
}

.section-8 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.section-8.last {
  background-color: var(--black);
  margin-bottom: 0;
  position: relative;
}

.content-3 {
  width: 100%;
  max-width: 80vw;
  margin-left: auto;
  margin-right: auto;
}

.italic-text {
  letter-spacing: -2px;
  font-size: 8vw;
  font-style: normal;
}

.section-header {
  margin-bottom: 32px;
}

.movement-inverse {
  flex-direction: row;
  height: 100%;
  display: flex;
  position: relative;
}

.image-57 {
  object-fit: cover;
  align-self: auto;
  width: 100vw;
  max-width: none;
  height: 100%;
  position: relative;
  inset: 0% auto 0% 0%;
}

.image-57.flip {
  inset: 0% 0% 0% auto;
}

.grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: hidden;
}

.grid-2.image-size {
  width: 100vw;
  height: auto;
}

.movement {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.number-3 {
  z-index: -1;
  color: #eee;
  font-size: 140px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

.container-6 {
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  padding: 64px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mask {
  backface-visibility: hidden;
  width: 100vw;
  position: relative;
  overflow: hidden;
  transform: translate(0);
}

.mask.inverse {
  transform: none;
}

.overlay {
  z-index: 2;
  background-color: #324ed8;
  display: none;
  position: absolute;
  inset: 0%;
}

.image-size {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.image-size.flip {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
}

.image-58 {
  width: 100vw;
  position: absolute;
}

.text-2 {
  overflow: hidden;
}

.section-50vh {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 50vh;
  display: flex;
  position: relative;
}

.container-7 {
  flex-direction: column;
  justify-content: center;
  padding-left: 6em;
  padding-right: 6em;
  display: flex;
}

.text-mask {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: static;
  top: 40%;
  overflow: hidden;
}

.is-h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4em;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
}

.line-animation {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex: 0 auto;
  align-self: flex-start;
  display: flex;
}

.line-animation.centre {
  align-self: center;
}

.line-animation.space {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.container-8 {
  z-index: 1;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 3.58em 0 3.58em 0;
  position: relative;
}

.container-8.is--hero {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.container-8.paddingleft {
  padding-left: 3vw;
}

.two-column_item {
  width: 46em;
  padding-right: 2.9em;
}

.two-column {
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 3.8em;
  display: flex;
}

.section-9 {
  z-index: 16;
  border-top: 1px none var(--white);
  background-color: var(--black);
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-9.is--light {
  background-color: var(--black);
  color: #2e2a27;
  position: relative;
}

.section-9.top {
  box-shadow: none;
  overflow: hidden;
}

.split-text-2 {
  perspective: 800px;
  font-size: 64px;
}

.section-bg {
  z-index: 0;
  opacity: .5;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/634febf053b0516a40d84f53_Stars.png");
  background-position: 0 0;
  background-size: 100%;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.left-block {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: none;
  width: auto;
  display: flex;
}

.vertical-text {
  align-self: flex-end;
  align-items: flex-end;
  height: 90dvh;
  padding: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% auto auto;
}

.vertical-text.hide {
  display: none;
}

.image-59 {
  max-width: none;
  height: 85dvh;
}

.container-glow {
  background-image: linear-gradient(259deg, var(--butterfly), transparent);
  width: 20vw;
  height: 100vh;
}

.container-glow.left {
  border-left: .5px solid var(--white-50);
  background-image: none;
  width: 20%;
  position: absolute;
  left: -1%;
}

.container-glow.right {
  background-image: none;
  width: 100%;
  position: absolute;
  inset: 0% -8% 0% auto;
}

.nav-blur {
  z-index: -2;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  position: absolute;
  inset: 0%;
}

.fancy-button-text {
  z-index: 11;
  letter-spacing: 2px;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: center;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  display: flex;
  position: relative;
}

.fancy-button-text.small {
  color: #000;
  letter-spacing: 1px;
  -webkit-text-stroke-width: 0px;
  max-width: none;
  font-size: 12px;
}

.s1-hero-bg-mobile {
  display: none;
}

.blank {
  color: #0000;
}

.home-bordering {
  z-index: 20;
  border: .5px none var(--white-50);
  width: 5%;
  height: 7%;
  position: absolute;
}

.home-bordering.top-left {
  border-top-style: solid;
  border-left-style: solid;
  width: 5%;
  height: 6%;
  position: absolute;
  inset: 10px;
}

.home-bordering.top-right {
  border-top-style: solid;
  border-right-style: solid;
  height: 6%;
  inset: 0% 0% auto auto;
}

.home-bordering.bottom-right {
  border-bottom-style: solid;
  border-right-style: solid;
  height: 6%;
  inset: auto 0% 0% auto;
}

.home-bordering.bottom-left {
  border-bottom-style: solid;
  border-left-style: solid;
  height: 6%;
  inset: auto auto 0% 0%;
}

.home-bordering.top-middle {
  border-top-style: solid;
  align-self: center;
  height: 0;
  inset: 0% auto auto;
}

.home-bordering.bottom-middle {
  border-bottom-style: solid;
  align-self: center;
  inset: auto auto 0%;
}

.home-bordering.middle-left {
  border-right-style: solid;
  width: 2%;
  inset: auto auto auto 0%;
}

.home-bordering.middle-right {
  border-left-style: solid;
  border-right-style: none;
  width: 2%;
  inset: auto 0% auto auto;
}

.px-trailer-wrap {
  z-index: 100009;
  background-color: var(--black-80);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.coming-soon {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 8px 16px;
  display: none;
  position: absolute;
  inset: 0%;
}

.coming-soon.notch8 {
  display: none;
  position: absolute;
  inset: 0%;
}

.coming-soon-text {
  color: var(--black);
  font-size: 14px;
}

.coming-soon-arrow {
  width: 24px;
  position: absolute;
  inset: 22px auto 0%;
}

.text-span-5 {
  letter-spacing: 3px;
  display: flex;
}

.form-5 {
  display: flex;
}

.x-key-email-form {
  grid-column-gap: 16px;
  align-items: flex-end;
  display: flex;
}

.x-key-email-success {
  color: var(--butterfly);
  justify-content: center;
  align-self: center;
  align-items: center;
  height: auto;
  font-size: 14px;
  display: flex;
  position: relative;
}

._404-page {
  text-align: center;
  letter-spacing: -1vw;
  margin: 0;
  font-size: 35vw;
}

.loading-bordering {
  z-index: 20;
  border: .5px none var(--white-50);
  width: 5%;
  height: 7%;
  margin: 40px;
  position: absolute;
}

.loading-bordering.top-left {
  border-top-style: solid;
  border-left-style: solid;
  width: 5%;
  height: 6%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.loading-bordering.top-right {
  border-top-style: solid;
  border-right-style: solid;
  height: 6%;
  inset: 0% 0% auto auto;
}

.loading-bordering.bottom-right {
  border-bottom-style: solid;
  border-right-style: solid;
  height: 6%;
  inset: auto 0% 0% auto;
}

.loading-bordering.bottom-left {
  border-bottom-style: solid;
  border-left-style: solid;
  height: 6%;
  inset: auto auto 0% 0%;
}

.loading-bordering.top-middle {
  border-top-style: solid;
  align-self: center;
  height: 0;
  inset: 0% auto auto;
}

.loading-bordering.bottom-middle {
  border-bottom-style: solid;
  align-self: center;
  inset: auto auto 0%;
}

.loading-bordering.middle-left {
  border-right-style: solid;
  width: 2%;
  inset: auto auto auto 0%;
}

.loading-bordering.middle-right {
  border-left-style: solid;
  border-right-style: none;
  width: 2%;
  inset: auto 0% auto auto;
}

.how-to-hero {
  mix-blend-mode: lighten;
  width: 100dvw;
  height: 100dvh;
  position: relative;
}

.how-to-play-hero-bg-image {
  z-index: -2;
  width: 100%;
  height: auto;
  position: relative;
}

.how-to-play-hero-bg-image.overlay {
  mix-blend-mode: overlay;
}

.how-to-play-hero-bg-image.full-height {
  height: 100%;
}

.hero-bg-img {
  z-index: -1;
  background-image: linear-gradient(#0000 60%, #000), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c13595c10dbf304404d2ab_Pictures%20Video%201_00004.webp");
  background-position: 0 0, 50%;
  background-size: auto, cover;
  position: fixed;
  inset: 0%;
}

.hero-bg-img.hunter-league {
  background-image: linear-gradient(#0000 37%, #000), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64dcdb0c11bfa99f9f3d8b9e_2_00365.webp");
}

.how-to-hero-bg-mobile {
  display: none;
}

.section-content-text {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 30vw;
  display: flex;
}

.section-content-text.left {
  z-index: 2;
  order: -1;
  width: 300px;
  position: relative;
}

.section-content-text.right {
  order: 1;
  width: 300px;
  margin-left: 60px;
  margin-right: 60px;
  padding-left: 0;
  padding-right: 0;
}

.section-content-text.centre {
  align-items: center;
  width: 420px;
}

.section-content-horizontal-wrap {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.text-wrap.stack {
  grid-row-gap: 24px;
  flex-direction: column;
  flex: 1;
  align-self: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.text-wrap.stack.collaberators {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.text-wrap.stack.life-changing-money {
  width: 50%;
}

.text-wrap.stack.full {
  border: 1px solid #fff3;
  border-radius: 4px;
  align-self: stretch;
  width: 100%;
  padding: 32px;
  font-weight: 800;
}

.text-wrap.stack.full.magenta {
  border-color: #c924b6;
}

.text-wrap.stack.full.magenta-fill {
  background-image: linear-gradient(#f03c9f, #a104ce);
  border-color: #c924b6;
}

.text-wrap.stack.centre {
  flex: none;
  justify-content: center;
  align-items: center;
}

.text-wrap.stack._30 {
  flex: none;
  width: 30%;
  position: relative;
  top: 0;
}

.text-wrap.stack._30.top {
  align-self: flex-start;
  top: 15vh;
}

.text-wrap.stack._30.top.centre {
  align-self: center;
  position: relative;
  top: 0;
}

.text-wrap.ambassadors {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid #a109c0;
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 15%;
  display: flex;
}

.double-xp-image {
  max-width: 300px;
}

.xsafe-hero-section {
  width: 100vw;
  height: 100vh;
  margin-top: 0;
  padding: 40px;
  display: block;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

.x-keys {
  width: 100vw;
  min-height: 100vh;
}

.activated-xkey-section {
  z-index: 16;
  border-top: 1px none var(--white);
  background-color: var(--black);
  flex-direction: column;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 10vh;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.activated-xkey-section.is--light {
  background-color: var(--black);
  color: #2e2a27;
  position: relative;
}

.activated-xkey-section.top {
  box-shadow: none;
}

.xkeys-heading-section {
  z-index: 1;
  align-items: center;
  width: 100%;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 20vh 5vw;
  display: flex;
  position: relative;
}

.xkeys-heading-section.is--hero {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.activatedkeycard-bg-video {
  z-index: 0;
  width: 60vw;
  height: auto;
  padding-bottom: 0%;
  display: flex;
  position: absolute;
  inset: 5% 0% 0% auto;
}

.activatedkeycard-bg-video.small {
  width: 500px;
  height: 500px;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0%;
}

.activatedkeycard-bg-video.xsmall {
  width: 100%;
  height: 100%;
  min-height: 250px;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0%;
}

.xsafe-bg-video-copy {
  width: 100vw;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.x-keys-list {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-left: 3vw;
  padding-right: 3vw;
  display: flex;
}

.x-key-list-card {
  background-color: var(--white-10);
  border: 1px solid #000;
  width: 100%;
  margin-right: 0;
  padding: 1px;
}

.x-key-image {
  z-index: 3;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: cover;
  padding-bottom: 100%;
  position: relative;
}

.x-key-image.notch8 {
  overflow: hidden;
}

.x-key-details {
  padding: 8px;
}

.div-block-19, .div-block-20, .div-block-21, .div-block-22 {
  display: flex;
}

.div-block-23 {
  grid-column-gap: 4px;
  display: flex;
}

.x-key-status-wrap {
  margin-top: 8px;
  display: flex;
}

.x-key-status {
  background-color: var(--purple);
  color: var(--white-80);
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 0 4px;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  display: flex;
}

.x-key-name {
  letter-spacing: 1px;
  margin: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.collection-item-8 {
  flex-direction: row;
  width: 9%;
  display: flex;
}

.collection-list-9 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-wrap: wrap;
  flex: 0 auto;
  place-content: space-between center;
  display: flex;
}

.xkeys-list-heading-section {
  z-index: 1;
  align-items: center;
  width: 100%;
  min-height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5vw;
  display: flex;
  position: relative;
}

.xkeys-list-heading-section.is--hero {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  display: flex;
}

.xkeys-list-heading {
  grid-column-gap: 16px;
  flex: 1;
  justify-content: space-between;
  padding: 20px 40px;
  display: flex;
}

.xkeys-list-heading-blcok {
  grid-column-gap: 16px;
  display: flex;
}

._50 {
  opacity: .5;
}

.heading-19 {
  color: var(--butterfly);
}

.activated {
  color: var(--butterfly);
  font-size: 2.5vw;
}

.burned {
  color: var(--medium-violet-red);
}

.cta-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.page-wrapper {
  width: 100vw;
  overflow: visible;
}

.div-block-24 {
  z-index: 10000;
  background-color: var(--purple);
  justify-content: center;
  align-items: center;
  height: 40px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.text-block-20 {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  font-family: Space Grotesk, sans-serif;
  font-weight: 700;
  display: flex;
}

.link-block-2 {
  background-color: var(--purple);
  flex: 1;
  text-decoration: none;
  transition: background-color .2s;
}

.link-block-2:hover {
  background-color: var(--white-20);
}

.poaps {
  z-index: -5;
  justify-content: center;
  width: 50vw;
  display: flex;
  position: absolute;
  inset: 0%;
}

.poaps:hover {
  width: auto;
  left: 50%;
}

.poaps.relative {
  position: relative;
  left: auto;
}

.poap-img {
  width: 50%;
  height: auto;
  position: absolute;
  inset: auto;
}

.poap-img._2 {
  height: auto;
  top: auto;
  bottom: 10%;
  left: 5%;
}

.poap-img._3 {
  z-index: -1;
  top: auto;
  bottom: 100px;
  right: 5%;
}

.poap-img.small {
  width: 200px;
  max-width: none;
  height: 200px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.poaps-group {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: absolute;
  inset: -10% 0% 0% auto;
}

.droid-column-container {
  flex: none;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-cta-block-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.mega-space-guests {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  justify-content: space-around;
  display: flex;
}

.guest {
  grid-row-gap: 16px;
  cursor: pointer;
  flex-direction: column;
  width: 13%;
  padding: 16px 8px;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  position: relative;
}

.guest:hover {
  background-color: #0000;
  margin-bottom: 0;
  padding-top: 16px;
  padding-bottom: 16px;
  top: auto;
  bottom: auto;
  transform: scale(1.05);
}

.guest.notch16 {
  width: 12%;
  margin-left: 0;
  margin-right: 0;
  padding: 4px;
}

.guest-pfp {
  padding-bottom: 0%;
}

.guest-details-wrap {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.guest-name {
  text-align: center;
  margin: 0;
  font-size: 20px;
}

.guest-handle {
  color: var(--butterfly);
  text-align: center;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
}

.guest-label {
  border: 1px solid var(--butterfly);
  color: var(--butterfly);
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  word-break: keep-all;
  border-radius: 80px;
  justify-content: center;
  align-self: auto;
  width: auto;
  padding: 4px 12px;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  display: flex;
}

.green-outline {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--butterfly);
}

.mega-spaces-list {
  grid-column-gap: 16px;
  flex: 1;
  justify-content: space-between;
  padding: 20px 0;
  display: flex;
}

.image-60 {
  border-radius: 200px;
}

.xbonus-counter {
  grid-row-gap: 24px;
  background-color: var(--white-10);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: auto;
  width: auto;
  height: 30vh;
  padding: 2% 7% 2% 2%;
  display: flex;
}

.xbonus-counter.notch24 {
  align-self: flex-start;
  align-items: stretch;
  width: auto;
  min-width: 50vw;
  max-width: none;
  padding: 60px 40px;
}

.top-row {
  grid-column-gap: 5%;
  justify-content: space-between;
  align-self: stretch;
  display: flex;
}

.x-pod-price {
  grid-row-gap: 4px;
  flex-direction: column;
  flex: none;
  display: flex;
  overflow: visible;
}

.x-pod-price.active {
  grid-row-gap: 8px;
}

.price-label {
  color: var(--white);
  letter-spacing: 2px;
  flex: none;
  align-items: flex-start;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
}

.xbonus {
  color: var(--white);
  font-family: Soehne schmal fett, sans-serif;
  font-size: 8vw;
  line-height: 80%;
}

.xbonus.levels {
  letter-spacing: 0;
  font-size: 3vw;
}

.xbonus-block {
  flex-direction: row;
  display: flex;
  overflow: visible;
}

.xbonus-block.inactive {
  opacity: .4;
}

.eth-icon {
  flex: none;
  width: 64px;
  max-width: none;
  height: auto;
}

.eth-icon.small {
  width: 32px;
}

.bouns-bottom-row {
  grid-column-gap: 0%;
  flex-wrap: nowrap;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.bouns-bottom-row.tesla {
  flex-direction: column;
  align-items: flex-start;
}

.xbonus-hero-description {
  margin-top: 20px;
  margin-bottom: 20px;
}

.bonus-border {
  width: 2%;
  max-width: 5%;
  position: absolute;
  inset: auto auto auto 0%;
}

.bonus-border.left {
  width: 2%;
  inset: 0% auto 0% 8px;
}

.bonus-border.right {
  inset: 0% 8px 0% auto;
}

.eth-tick {
  align-self: flex-start;
  height: 12px;
  margin-left: 4px;
  display: none;
  top: 0;
}

.error-text {
  color: var(--white);
  letter-spacing: 0;
  font-size: 14px;
}

.error-message-5 {
  background-color: var(--medium-violet-red);
}

.megacrate-video-wrap {
  z-index: -3;
  width: 100vw;
  height: 100vh;
  position: relative;
  left: 20vw;
}

.left-gradient {
  background-image: linear-gradient(to right, #000, #0000);
  justify-content: flex-start;
  width: 20vw;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.tesla-img-wrap {
  z-index: -3;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64d262832eb141a8d42746b5_image%208.webp");
  background-position: 50%;
  background-size: auto 100%;
  width: 100vw;
  height: 100vh;
  position: relative;
  left: 0;
}

.tesla-top-gradient {
  background-image: linear-gradient(#000, #0000);
  justify-content: flex-start;
  width: 100vw;
  height: 50vh;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.tesla-bottom-gradient {
  background-image: linear-gradient(to top, #000, #0000);
  justify-content: flex-start;
  width: 100vw;
  height: 20vh;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.right-gradient {
  background-image: linear-gradient(270deg, #000, #0000);
  justify-content: flex-start;
  width: 20vw;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.tesla-bottom-content {
  grid-column-gap: 40px;
  flex-direction: row;
  align-self: stretch;
  display: flex;
}

.hunt-rules-title {
  color: var(--white);
  font-family: Soehne schmal fett, sans-serif;
  font-size: 4vw;
  line-height: 80%;
}

.hunt-rules-title.levels {
  letter-spacing: 0;
  font-size: 3vw;
}

.hunt-rules-block {
  grid-row-gap: 24px;
  background-color: var(--white-10);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: auto;
  width: auto;
  height: 30vh;
  padding: 2% 7% 2% 2%;
  display: flex;
}

.hunt-rules-block.notch24 {
  justify-content: space-between;
  align-self: flex-start;
  align-items: stretch;
  width: auto;
  min-width: 50vw;
  max-width: none;
  padding: 40px;
}

.hunt-rule {
  grid-column-gap: 24px;
  flex-direction: row;
  align-self: stretch;
  display: flex;
  overflow: visible;
}

.hunt-rule.inactive {
  opacity: .4;
}

.reviews-hero {
  grid-column-gap: 2vw;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  justify-content: center;
  width: 100vw;
  min-width: auto;
  max-width: 1200px;
  height: auto;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.reviews-container {
  background-color: var(--black-20);
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: auto;
  max-height: none;
  padding-top: 0;
  display: flex;
  position: relative;
  top: 0;
}

.reviews-column {
  flex-direction: column;
  width: 50vw;
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: relative;
}

.review-form {
  background-color: #0000;
  width: auto;
  margin: 0;
  padding: 0 40px;
  position: relative;
  top: auto;
}

.review-form.notch24 {
  background-color: var(--black-20);
  width: 24vw;
  top: 120px;
}

.review-form.notch16 {
  margin: 0;
}

.review-form.floating {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000;
  padding-left: 40px;
  padding-right: 40px;
}

.review-card {
  grid-row-gap: 8px;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #0006;
  flex-direction: column;
  flex: 1;
  width: 100%;
  padding: 16px;
  display: flex;
}

.review-card.notch16 {
  width: auto;
  padding-top: 32px;
  padding-bottom: 32px;
}

.star-rating {
  grid-column-gap: 4px;
  margin-bottom: 0;
  display: flex;
}

.star {
  width: 16px;
}

.star._20px {
  width: 20px;
  height: 20px;
}

.reviewer-details {
  grid-column-gap: 0px;
  align-items: center;
  display: flex;
}

.reviewer-pfp {
  border-radius: 32px;
  width: 32px;
  max-width: none;
  height: 32px;
}

.reviewer-pfp-wrap {
  border-radius: 32px;
  width: auto;
  height: auto;
}

.reviewer-name-location {
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.reviewer-name-username {
  grid-column-gap: 8px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  align-items: flex-end;
  display: flex;
}

.reviewer-name {
  color: var(--white);
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
}

.reviewer-username {
  color: var(--white-80);
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}

.reviewer-country {
  color: var(--white-80);
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.collection-item-9 {
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-width: auto;
  padding: 10px 20px;
  display: flex;
}

.collection-list-10 {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  column-count: 0;
  flex-wrap: wrap;
  padding-top: 0;
  display: block;
}

.review-form-h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
}

.heading-20 {
  margin-top: 10px;
  line-height: 32px;
}

.default-state {
  justify-content: space-between;
  display: flex;
}

.default-state-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.submit-review-form {
  flex-direction: column;
  display: flex;
}

.review-form-wrap {
  background-color: #0000;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 30vw;
  min-width: 480px;
  height: auto;
  min-height: 100vh;
  margin: 0 0 40px;
  padding: 0 0 40px;
  display: flex;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.review-form-wrap.notch24 {
  background-color: var(--black-20);
  width: 24vw;
  top: 120px;
}

.review-form-wrap.notch16 {
  margin: 20px;
}

.review-card-outline {
  background-color: var(--white-10);
  padding: 1px;
}

.review-card-outline.notch16 {
  width: 100%;
}

.review-form-outline {
  background-color: var(--white-10);
  margin: 20px;
  padding: 1px;
}

.review-form-outline.notch24 {
  background-color: var(--black-20);
  -webkit-backdrop-filter: blur(26px);
  backdrop-filter: blur(26px);
  flex-direction: column;
  margin-top: 100px;
  margin-left: 0;
  margin-right: 0;
  padding: 32px 0;
  display: flex;
}

.review-close-button {
  background-color: var(--white-10);
  cursor: pointer;
  padding: 16px;
  transition: background-color .2s;
  display: none;
  position: fixed;
  inset: 2vh 2vw auto auto;
}

.review-close-button:hover {
  background-color: var(--royal-blue);
}

.review-close-button.notch8 {
  background-color: var(--white-10);
  padding: 16px;
  position: fixed;
  inset: 2vh 2vw auto auto;
}

.review-close-button.notch8:hover {
  background-color: var(--royal-blue);
}

.submit-review-button-wrap {
  display: none;
}

.success-heading {
  color: var(--black);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 32px;
  line-height: 32px;
}

.success-message-4 {
  background-color: var(--butterfly);
}

.sucess-body {
  color: var(--black);
  margin-bottom: 10px;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
}

.review-form-heading {
  letter-spacing: -1px;
  font-size: 8vw;
  line-height: 80%;
}

.div-block-25 {
  grid-column-gap: 8px;
  display: flex;
}

.collection-list-wrapper-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: flex;
}

.collection-list-wrapper-5 {
  column-count: 0;
  flex: 1;
  display: block;
}

.reviews-hero-background {
  z-index: -1;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c3a9cb2482cbed9e30c2c0_404bg.webp");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100vw;
  display: flex;
  position: fixed;
  inset: 0%;
}

.body-9 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-61 {
  height: 2px;
}

.image-62 {
  height: 24px;
}

.player-reviews {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  padding-left: 0;
  display: flex;
}

.reviews-link {
  background-color: var(--white-10);
  cursor: pointer;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 4px 16px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.reviews-link:hover {
  background-color: var(--purple);
}

.reviews-link.notch12 {
  background-color: var(--white-10);
}

.body-10 {
  height: auto;
  overflow: visible;
}

.bg-video-wrap {
  width: 100vw;
  min-height: 100vh;
}

.hero-video-bg-wrap {
  z-index: -1;
  background-color: var(--black);
  object-fit: contain;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: auto;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.hunter-league-logo {
  width: 90vw;
}

.hunter-league-logo-mobile {
  width: 100%;
  display: none;
}

.hunter-league-hero-container {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100dvh;
  padding-bottom: 10vh;
  padding-left: 5vw;
  display: flex;
  position: relative;
  top: 0;
}

.hunter-league-hero {
  mix-blend-mode: lighten;
  width: 100dvw;
  height: 100dvh;
  position: relative;
  overflow: hidden;
}

.section-full-background-video {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.hunter-league-logo-desktop {
  background-image: radial-gradient(circle farthest-side at 0%, #000, #000000f2 16%, #0000);
  width: 100%;
}

.div-block-26 {
  z-index: 100;
  position: fixed;
  inset: auto 0% 0% auto;
}

.prize-counter-wrap {
  z-index: 100;
  background-color: #0000;
  width: auto;
  height: auto;
  position: relative;
  inset: auto 2vw 2vh auto;
}

.prize-counter-block {
  padding: 8px 16px 16px;
}

.label-row {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.prizes-icon {
  justify-content: center;
  align-items: flex-end;
  width: auto;
  height: auto;
  margin-right: 10px;
  display: flex;
  position: relative;
}

.image-63 {
  width: 120px;
  position: relative;
}

.prizes-label {
  color: #0000;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: var(--white);
  font-family: Soehne schmal fett, sans-serif;
  font-size: 5vw;
  line-height: 100%;
}

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

.prizes-value {
  color: var(--white);
  text-transform: uppercase;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.prizes-value-wrap {
  align-items: center;
  display: flex;
}

.dollar-sign {
  color: var(--white);
  text-transform: uppercase;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 8vw;
  line-height: 32px;
}

.prize-counter-section {
  grid-row-gap: 10vh;
  background-color: var(--black);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 120vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.prize-counter-section.preregister {
  z-index: 3;
  background-color: var(--black);
  align-items: flex-start;
  min-height: 50vh;
}

.button-wrapper {
  padding-left: 32px;
}

.home-prize-card-scroll-wrap {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  align-self: stretch;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  overflow: hidden;
  transform: translate(0);
}

.prize-card-scroll-row {
  grid-column-gap: .4rem;
  justify-content: flex-start;
  align-self: auto;
  width: auto;
  height: auto;
  display: flex;
  position: static;
}

.prize-card {
  width: 15vw;
  height: 30vh;
}

.prize-card.notch24 {
  object-fit: cover;
  flex: none;
  align-self: stretch;
  width: 20vw;
  height: 45vh;
  position: relative;
}

.prize-card.notch24.luke-card {
  width: 12rem;
}

.prize-card.notch24.luke-card-test {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.prize-card-img-wrap {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.prize-card-img {
  object-fit: fill;
  flex: 1;
  align-self: stretch;
  height: 100%;
  display: block;
  position: static;
  inset: 0%;
}

.prize-name-wrap {
  background-color: var(--black-20);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 16px;
  display: flex;
  position: absolute;
  inset: auto auto 0%;
}

.prize-name-wrap.notch24 {
  justify-content: center;
}

.text-block-21 {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  -webkit-text-stroke-width: 0px;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.prize-card-scroll-section {
  z-index: 1;
  flex: 1;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.latest-prizes-wrap {
  background-color: var(--black-80);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  justify-content: space-around;
  align-items: center;
  width: 5vw;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.latest-prizes-wrap.luke-page {
  width: 4vw;
}

.latest-prizes-wrap.luke-page.left {
  left: 0%;
}

.latest-prizes-wrap.luke-page.right {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  left: auto;
  right: 0;
}

.latest-prizes-wrap.luke-page.right-side {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #0000;
  background-image: linear-gradient(270deg, #000, #000 0%, #0000);
  left: auto;
  right: 0;
}

.heading-21 {
  -webkit-text-stroke-width: 0px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  display: flex;
  transform: rotate(-90deg);
}

.support-tiers-section {
  z-index: 2;
  background-color: #000;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.support-tiers-section-container {
  width: 90%;
  max-width: 1440px;
  height: 100%;
}

.support-tiers-heading {
  flex-direction: row;
  justify-content: space-between;
  width: auto;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.support-tiers-heading-text {
  font-size: 64px;
}

.suport-tiers-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  height: 50%;
  display: flex;
}

.support-tier {
  background-image: linear-gradient(to bottom, var(--white), #fff0 20%, #fff0 80%, #fff);
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 1px;
  display: flex;
}

.support-tier-inside {
  -webkit-text-stroke-width: 0px;
  background-color: #000;
  flex: 1;
  display: flex;
}

.select-field {
  display: flex;
}

.hidden-field {
  display: none;
}

.bundles-section {
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  margin-top: 0;
  padding-top: 80px;
  padding-bottom: 0;
  display: flex;
}

.bundles-background-section-image {
  z-index: 0;
  flex: none;
  justify-content: flex-end;
  width: 100dvw;
  height: 100dvh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bundles-background-section-image.pre-register {
  justify-content: center;
  width: auto;
  height: 100dvh;
  display: flex;
}

.bundles-background-section-image.absolue {
  position: absolute;
}

.bundles-background-section-image.poaps {
  justify-content: flex-end;
}

.bundles-background-section-image.xbonus {
  overflow: hidden;
}

._50vw {
  aspect-ratio: 1;
  flex: 0 auto;
  align-items: center;
  width: 50vw;
  max-width: none;
  display: flex;
}

.text-span-6 {
  text-transform: uppercase;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 40px;
}

.text-span-6.price {
  color: var(--butterfly);
  font-size: 32px;
}

.limited-edition {
  color: var(--butterfly);
  text-transform: uppercase;
  text-shadow: 0 0 30px var(--butterfly);
  margin-bottom: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 32px;
}

.backgroudn-gun-image {
  aspect-ratio: 1;
  flex: 0 auto;
  align-items: center;
  width: 70vw;
  max-width: none;
  display: flex;
}

.image-64 {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(180deg)rotateZ(0);
}

.bundles-hero-conatiner {
  flex: none;
  width: 90%;
}

.price {
  color: var(--white);
  letter-spacing: 0;
  text-transform: uppercase;
  text-shadow: none;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 2vw;
  font-weight: 800;
  line-height: 100%;
}

.price.small {
  -webkit-text-stroke-width: 0px;
  font-size: 24px;
}

.crypto-order-popup {
  z-index: 2;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  position: relative;
  inset: 0%;
}

.crypto-order-form {
  background-color: #0000;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  font-family: Space Grotesk, sans-serif;
  display: flex;
  position: relative;
}

.crypto-order-close-button {
  background-color: var(--white-10);
  cursor: pointer;
  padding: 16px;
  transition: background-color .2s;
  position: fixed;
  inset: 2vh 2vw auto auto;
}

.crypto-order-close-button:hover {
  background-color: var(--royal-blue);
}

.crypto-order-close-button.notch8 {
  background-color: var(--white-10);
  padding: 16px;
  position: absolute;
  inset: 10vh 2vw auto auto;
}

.crypto-order-close-button.notch8:hover {
  background-color: var(--royal-blue);
}

.crypto-popup-heading {
  white-space: normal;
  width: 100%;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 5vw;
  font-weight: 800;
}

.lightbox-link {
  width: 120px;
  height: 120px;
  position: absolute;
  inset: auto 5vw 5vh auto;
}

.beta-pop-up-img-wrapper {
  width: 60vw;
  margin-bottom: 40px;
  position: relative;
  right: -5vw;
}

.pop-up-right {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c13595ae9363701d0efffe_Pictures%20Video%201_00008.webp");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.pop-up-right.notch32 {
  align-items: flex-end;
  padding-bottom: 5%;
}

.pop-up-left {
  z-index: 2;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--black);
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  max-width: none;
  height: 100%;
  padding: 5% 7%;
  display: flex;
  position: relative;
}

.pop-up-left.notch24 {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #fff0;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: 100%;
  padding: 80px 40px;
}

.pop-up-close-button {
  background-color: var(--white-10);
  cursor: pointer;
  padding: 16px;
  transition: background-color .2s;
  position: fixed;
  inset: 2vh 2vw auto auto;
}

.pop-up-close-button:hover {
  background-color: var(--royal-blue);
}

.pop-up-close-button.notch8 {
  z-index: 2000;
  background-color: var(--black);
  padding: 16px;
  display: none;
  position: fixed;
  inset: 2vh 2vw auto auto;
}

.pop-up-close-button.notch8:hover {
  background-color: var(--royal-blue);
}

.pop-up-qr {
  grid-column-gap: 16%;
  grid-row-gap: 16%;
  border-top: 1px solid var(--white-20);
  background-color: var(--transparent);
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0% auto;
}

.pop-up-qr.notch24 {
  background-color: var(--transparent);
  margin: 20px;
  bottom: 5vh;
  right: auto;
}

.download-app-qr {
  background-color: var(--transparent);
  background-image: none;
  background-size: auto;
  width: auto;
  display: block;
}

.scan-to-downoad-text-wrap {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.scan-to-download-text {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  flex: none;
  width: 100%;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 29px;
  line-height: 80%;
}

.scan-to-download-text.outline {
  color: var(--transparent);
}

.scan-to-download-text.full-width {
  text-align: center;
  width: 100%;
}

.pop-up-logo {
  max-width: 30%;
}

.pop-up-icons {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  display: flex;
}

.icon-group {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  display: flex;
}

.popup-icon {
  opacity: .5;
  align-self: center;
  width: 32px;
}

.icon-text-group {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.popup-h2 {
  margin-bottom: 0;
  font-size: 24px;
}

.pop-up-body-text {
  max-width: 100%;
  margin-bottom: 0;
  font-size: 14px;
}

.app-store-button {
  height: 48px;
}

.app-store-buttons-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.qr-code-wrap {
  justify-content: center;
  width: 300px;
  display: flex;
}

.download-app-qr-wrap {
  background-color: var(--black-20);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: none;
  background-size: auto;
  width: 50%;
  padding-bottom: 20px;
  display: block;
}

.download-app-text {
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  flex: none;
  width: 30%;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 24px;
  line-height: 80%;
}

.download-app-text.outline {
  color: var(--transparent);
}

.download-app-text.full-width {
  text-align: center;
  width: 100%;
}

.fundraising-section {
  background-color: var(--black);
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: relative;
  inset: 0% auto 0% 0%;
}

.progress-line {
  background-color: var(--transparent);
  background-image: linear-gradient(to right, #00cfc133, #00cfc1 89%, #7cfff6);
  border-radius: 2px;
  justify-content: flex-end;
  width: 100%;
  height: 6px;
  display: flex;
}

.progress-line-back {
  background-color: var(--white-20);
  border-radius: 2px;
  width: 100%;
  height: 6px;
}

.line-glow {
  background-color: var(--transparent);
  align-self: center;
  width: 60%;
  height: 100%;
  line-height: 40px;
  position: relative;
  left: 0;
  box-shadow: 20px 0 20px 3px #41ddd280;
}

.progress-line-wrap {
  width: 23%;
}

.progress-numbers {
  flex-direction: row;
  justify-content: space-between;
  align-self: stretch;
  display: flex;
}

.progres-number-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  align-items: center;
  display: flex;
}

.progress-label {
  color: var(--white-50);
  text-transform: uppercase;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 3vw;
  line-height: 100%;
}

.unit {
  color: var(--white);
  letter-spacing: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 10vw;
  font-weight: 700;
  line-height: 80%;
}

.unit.progress {
  font-size: 3vw;
}

.percentcounterup {
  color: var(--white);
  letter-spacing: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 10vw;
  font-weight: 700;
  line-height: 80%;
}

.percentcounterup.progress {
  font-size: 3vw;
}

.target-amount {
  color: var(--white);
  letter-spacing: 0;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 10vw;
  font-weight: 700;
  line-height: 80%;
}

.target-amount.progress {
  font-size: 3vw;
}

.progress-line-and-numbers {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-self: stretch;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.support-us {
  grid-column-gap: 1vw;
  grid-row-gap: 8px;
  perspective: 800px;
  text-align: center;
  flex-flow: wrap;
  place-content: stretch flex-start;
  margin: 0;
  font-size: 9vw;
  line-height: 80%;
  display: flex;
}

.support-us.px-story {
  text-align: left;
  word-break: normal;
  overflow-wrap: normal;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 140%;
}

.support-us.px-story-copy {
  text-align: left;
  word-break: normal;
  overflow-wrap: normal;
  margin-bottom: 24px;
  font-size: 2vw;
  line-height: 140%;
}

.support-us.left {
  text-align: left;
  align-content: stretch;
  line-height: 81%;
}

.support-us.left.no-margin {
  align-items: center;
}

.support-us.small {
  color: var(--white);
  text-align: left;
  -webkit-text-stroke-width: 0px;
  max-width: none;
  font-size: 6vw;
}

.support-us.paragraph {
  text-align: left;
  word-break: normal;
  overflow-wrap: normal;
  margin-bottom: 10px;
  font-size: 1vw;
  line-height: 120%;
}

.support-us.sub-text {
  text-align: left;
  word-break: keep-all;
  overflow-wrap: anywhere;
  font-size: 1.5vw;
  line-height: 140%;
}

.support-us.paragraph-copy {
  text-align: left;
  word-break: normal;
  overflow-wrap: anywhere;
  margin-bottom: 10px;
  font-size: 1vw;
  line-height: 120%;
}

.support-us.large {
  font-size: 15vw;
}

.support-us.large.centre {
  text-align: center;
  justify-content: center;
}

.support-us.centre {
  justify-content: center;
}

.support-us.support {
  text-align: center;
  word-break: normal;
  overflow-wrap: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 140%;
}

.paraph {
  grid-column-gap: 1vw;
  grid-row-gap: 8px;
  perspective: 800px;
  text-align: center;
  flex-flow: wrap;
  place-content: stretch flex-start;
  margin: 0;
  font-size: 9vw;
  line-height: 80%;
  display: flex;
}

.paraph.px-story {
  text-align: left;
  word-break: normal;
  overflow-wrap: normal;
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 24px;
  line-height: 140%;
}

.paraph.px-story-copy {
  text-align: left;
  word-break: normal;
  overflow-wrap: normal;
  margin-bottom: 24px;
  font-size: 2vw;
  line-height: 140%;
}

.paraph.left {
  text-align: left;
  align-content: stretch;
  line-height: 81%;
}

.paraph.left.no-margin {
  align-items: center;
}

.paraph.small {
  color: var(--white);
  text-align: left;
  -webkit-text-stroke-width: 0px;
  max-width: none;
  font-size: 6vw;
}

.paraph.paragraph {
  text-align: left;
  word-break: normal;
  overflow-wrap: normal;
  margin-bottom: 10px;
  font-size: 1vw;
  line-height: 120%;
}

.paraph.sub-text {
  text-align: left;
  word-break: keep-all;
  overflow-wrap: anywhere;
  font-size: 1.5vw;
  line-height: 140%;
}

.paraph.paragraph-copy {
  text-align: left;
  word-break: normal;
  overflow-wrap: anywhere;
  margin-bottom: 10px;
  font-size: 1vw;
  line-height: 120%;
}

.paraph.large {
  font-size: 15vw;
}

.paraph.large.centre {
  text-align: center;
  justify-content: center;
}

.paraph.centre {
  justify-content: center;
}

.paraph.support {
  text-align: center;
  word-break: normal;
  overflow-wrap: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 140%;
}

.preregister-background {
  z-index: -2;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c1359698602f333556b195_Pictures%20Video%201_00009.webp");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-attachment: fixed;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: -10%;
}

.ppx-token-hero-section {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.ppx-h1-container {
  justify-content: center;
  width: 90%;
  display: none;
}

.ppx-token-h1 {
  text-align: center;
  flex: 1;
  align-self: auto;
  font-size: 27vw;
}

.ppx-spline {
  height: 90vh;
  position: absolute;
  inset: auto 0% 0%;
}

.reveal-window {
  aspect-ratio: 2;
  flex-direction: column;
  align-items: center;
  width: 100vw;
  min-width: 1200px;
  max-width: 2000px;
  height: 100vh;
  display: flex;
}

.reveal-content {
  object-fit: cover;
  border-bottom: 1px solid #5b5b5b;
  flex: none;
  justify-content: center;
  height: 75vh;
  display: flex;
}

.reveal-left {
  background-color: #000;
  flex: 1;
  width: auto;
}

.reveal-centre {
  aspect-ratio: 1;
  background-color: #000;
  border: 1px #5b5b5b;
  width: 50vw;
}

.reveal-right {
  background-color: #000;
  flex: 1;
  width: auto;
  display: flex;
}

.reveal-bottom {
  flex-direction: column;
  flex: none;
  align-self: stretch;
  height: 25vh;
  min-height: auto;
  display: flex;
}

.reveal-text {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding-left: 2vw;
  padding-right: 2vw;
  display: flex;
  position: relative;
}

.progress-bar {
  background-color: var(--butterfly);
  border: 1px #5b5b5b;
  border-top-style: solid;
  flex: 1;
  min-height: 64px;
  max-height: 80px;
}

.progress {
  background-color: #00cfc1;
  width: 25%;
  height: 100%;
}

.background-video-11 {
  width: 100%;
  height: 100%;
  max-height: 90vh;
}

.background-video-12 {
  height: 100%;
}

.text-block-22 {
  color: #fff;
  letter-spacing: 3px;
}

.heading-22 {
  width: 30%;
  margin: 0;
  font-size: 48px;
}

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

.heading-23 {
  margin: 0;
}

.lottie-animation-31 {
  position: absolute;
  inset: auto 40% 0;
}

.x-safe-image {
  max-width: 180%;
}

.staking-xdroid-bg-img {
  align-self: flex-end;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 80px 0% 0% 39%;
}

.staking-xdroid-bg-img.small {
  width: 500px;
  height: 500px;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0%;
}

.staking-xdroid-bg-img.xsmall {
  width: 100%;
  height: 100%;
  min-height: 250px;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0%;
}

.hero-cta-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
  overflow: visible;
}

.pop-up-cta-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: center;
  width: 60vw;
  max-width: 800px;
  max-height: 800px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 0;
  display: flex;
}

.open-beta {
  color: var(--butterfly);
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

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

.beta-pop-up-h1 {
  text-align: center;
  letter-spacing: -2px;
  margin: 0;
  font-family: Orbitron, sans-serif;
  font-size: 69px;
  font-weight: 900;
  line-height: 80%;
  display: flex;
}

.pop-up-socials {
  margin-top: 40px;
}

.purchase-5050-section {
  width: 100vw;
  height: 100vh;
}

._5050-container {
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}

._50-left {
  background-color: var(--black);
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65a109b0cc777f70115768ea_xdroid.webp");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  align-items: flex-end;
  width: 50%;
  height: 100%;
  display: flex;
}

._50-right {
  background-color: var(--black);
  align-items: flex-end;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
}

.buy-xpod-vid {
  z-index: 0;
  width: 100%;
  position: absolute;
  inset: 0% 0% auto;
}

.buy-xpod-vid.small {
  max-width: 40%;
  position: relative;
}

._5050-text-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: linear-gradient(#0000, #000 30%);
  flex-direction: column;
  width: 100%;
  padding: 5% 10%;
  display: flex;
  position: relative;
}

._5050-heading {
  margin: 0;
  font-size: 4vw;
}

.text-span-7 {
  flex-direction: row;
  display: flex;
}

.eth-label {
  color: var(--butterfly);
  margin-top: 4px;
  margin-left: 3px;
}

._5050-cta-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.xdroids-for-sale-section {
  border-top: 1px solid var(--white-20);
  justify-content: center;
  align-items: center;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
}

.xdroid-name {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
}

.xdroids-for-sale-heading {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  margin-top: 40px;
  margin-bottom: 100px;
  display: flex;
}

.heading-text-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  max-width: 500px;
  display: flex;
}

.xdroid-collection-item {
  aspect-ratio: 1;
  width: 32%;
  max-width: 500px;
  padding-left: 0;
  padding-right: 0;
}

.xdroid-card {
  aspect-ratio: 1;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 50%;
  background-size: 100%;
}

.name-price {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.xdroids-container {
  flex-direction: column;
  justify-content: center;
  width: 90%;
  max-width: none;
  height: 100%;
  display: flex;
}

.job-vacancies-heading-copy {
  font-size: 64px;
}

.xdroids-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 88px;
}

.text-span-8 {
  color: var(--butterfly);
}

.form-success-cta-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.tiers {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  width: 100%;
  max-width: none;
  padding: 0%;
  display: flex;
  overflow: visible;
}

.staking-tier-block {
  aspect-ratio: 1;
  background-color: var(--black);
  width: 100%;
}

.staking-tier-block.notch24 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.staking-tier-block.standard {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65b0e2be5d1a48463f92f64c_standard%20staking%20ppx.webp");
  background-position: 50% 100%;
  background-size: 120%;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.staking-tier-block.premium {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65b0e2bef052ab4102dad72d_premium%20stake%20ppx.webp");
  background-position: 50% 100%;
  background-size: 120%;
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
}

.notch-outline {
  background-color: var(--white-10);
  width: 100%;
  padding: 1px;
}

.notch-outline.notch24._2px {
  padding: 2px;
}

.staking-teir-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  align-self: stretch;
  padding: 24px;
  display: flex;
}

.staking-details-top {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.daily-rewards {
  display: flex;
}

.sp-label {
  background-color: var(--purple);
  color: var(--white);
  letter-spacing: 0;
  text-transform: uppercase;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  padding: 8px;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 24px;
  font-weight: 700;
  display: flex;
}

.per-day {
  background-color: var(--transparent);
  color: var(--white);
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  padding: 8px;
  font-family: Soehne schmal fett, sans-serif;
  font-size: 24px;
  font-weight: 700;
  display: flex;
}

.heading-25 {
  margin: 0;
  font-size: 40px;
}

.staking-details-bottom {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  display: flex;
  overflow: hidden;
}

.text-block-23 {
  color: var(--white-80);
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
}

.staking-hero-section {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  margin-top: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.staking-background-section-image {
  z-index: -1;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 50dvw;
  height: 100dvh;
  padding: 0%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.staking-background-section-image.pre-register {
  background-color: var(--transparent);
  justify-content: center;
  width: auto;
  height: auto;
  display: flex;
}

.staking-background-section-image.hide {
  display: none;
}

.staking-background-section-image.absolue {
  position: absolute;
}

.staking-background-section-image.poaps {
  justify-content: flex-end;
}

.staking-background-section-image.xbonus {
  overflow: hidden;
}

.stacking-section-heading-block.centre {
  max-width: 60vw;
}

.reputaion-list {
  flex: 0 auto;
  align-items: flex-end;
  width: auto;
  margin-top: 60px;
  margin-bottom: 60px;
  padding: 20px 5%;
  display: flex;
  overflow: visible;
}

.reputation-scroll-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--transparent);
  border: .0625rem #83838329;
  border-radius: 0;
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  align-items: center;
  width: 20vw;
  height: 100%;
  min-height: 450px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  bottom: 0%;
  overflow: visible;
}

.reputation-scroll-block:hover {
  text-decoration: none;
}

.reputation-scroll-block.notch24 {
  background-color: var(--white-10);
  cursor: pointer;
  justify-content: space-around;
  align-self: auto;
  width: 25vw;
  height: auto;
  margin-bottom: 0;
  text-decoration: none;
  transition: all .2s;
  bottom: auto;
}

.reputation-scroll-block.notch24:hover {
  transform: translate(0, -20px);
}

.reputation-card {
  background-color: var(--white-10);
  border: 1px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  margin-left: 10px;
  margin-right: 10px;
  padding: 32px 10px;
  display: flex;
}

.rep-level-icon {
  height: 125px;
}

.rep-level-heading, .boost {
  text-align: center;
}

.div-block-27 {
  width: 100%;
}

.rep-level-progress-bar {
  background-color: var(--royal-blue);
  flex: 1;
  width: auto;
  height: 2px;
}

.rep-level-progress-bar.end {
  background-color: var(--black);
}

.rep-level-progress-bar-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.rep-levelk-progress-icon {
  z-index: 5;
  width: 24px;
  position: relative;
  box-shadow: 0 0 10px 7px #0003;
}

.div-block-28 {
  flex: 1;
  height: 2px;
}

.rep-points-wrap {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.rep-points {
  font-family: Soehne schmal fett, sans-serif;
  font-size: 20px;
}

.boost-expplainer {
  color: var(--white-50);
  text-align: center;
  width: 90%;
  margin-top: 16px;
  font-size: 12px;
  display: flex;
  overflow: hidden;
}

.staking-background-hero-images {
  flex: none;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.staked-nft-card {
  object-fit: contain;
  max-width: 130%;
  position: absolute;
  inset: auto -20% auto auto;
}

.total-earnings-card {
  background-color: var(--transparent);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  object-fit: fill;
  flex: none;
  align-self: center;
  width: 40%;
  display: block;
  position: absolute;
  inset: 16% 25% auto 10%;
}

.mint-section-bg-image {
  justify-content: center;
  align-self: center;
  width: 25%;
  max-width: none;
  height: auto;
  display: flex;
  position: relative;
  inset: 0%;
}

.mint-section-bg-image.small {
  width: 500px;
  height: 500px;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0%;
}

.mint-section-bg-image.xsmall {
  width: 100%;
  height: 100%;
  min-height: 250px;
  position: relative;
  top: auto;
  bottom: auto;
  left: 0%;
}

.leaderboard-hero-section {
  z-index: 2;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: stretch;
  width: 100dvw;
  height: 80dvh;
  min-height: 50dvh;
  margin-top: 80px;
  padding-top: 80px;
  display: flex;
  position: relative;
}

.x-tokens-wrap {
  align-items: center;
  padding: 8px 16px;
  display: flex;
}

.image-65 {
  width: 32px;
  height: 32px;
}

.leaderbaord-cell-outline {
  flex: 1;
  padding: 1px;
}

.leaderbaord-cell-outline.notch8 {
  background-color: var(--transparent);
  background-image: linear-gradient(to bottom, var(--white-20), #fff0 30%, #fff0 70%, var(--white-20));
  flex-direction: row;
  justify-content: space-around;
  align-self: stretch;
  display: flex;
}

.details-wrap {
  flex: 1;
  justify-content: space-around;
  display: flex;
}

.xp-ppx {
  display: flex;
}

._404-title {
  text-align: center;
  justify-content: center;
  display: flex;
}

._10k-hunt-hero {
  mix-blend-mode: lighten;
  width: 100dvw;
  height: 100dvh;
  position: relative;
}

._10k-hunt-hero-container {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 100dvh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.porsche-hunt-hero {
  z-index: 0;
  background-image: linear-gradient(#0000 42%, #000);
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
}

._10k-hunt-hero-bg-2 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65d71bfe7a2ce0a02600c9c1_10kbg-2.png");
  background-repeat: no-repeat;
  background-size: auto 120vh;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

._10k-hunt-hero-bg-3 {
  z-index: 2;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65d71bffe5560cacdeaa8859_10kbg-1.webp");
  background-position: -50%;
  background-repeat: no-repeat;
  background-size: auto 120vh;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

._10k-hunt-hero-subtesxt {
  z-index: 1;
  text-align: center;
  text-transform: none;
  font-family: Space Grotesk, sans-serif;
  font-size: 18px;
  line-height: 30px;
  position: relative;
}

.golden-hunt-pass-video {
  width: 100%;
  height: 600px;
  min-height: 60vh;
  overflow: visible;
}

.the-prizes-heading {
  text-align: center;
  font-family: Orbitron, sans-serif;
  font-size: 48px;
}

.prizes-section {
  grid-row-gap: 10vh;
  background-color: var(--black);
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  min-height: 120vh;
  padding: 60px;
  display: flex;
  position: relative;
}

.prizes-section.preregister {
  z-index: 3;
  background-color: var(--black);
  align-items: flex-start;
  min-height: 50vh;
}

.prize-card-scroll-wrap {
  width: 100vw;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 5vw;
  overflow: scroll;
}

.prizes-card {
  justify-content: center;
  align-items: center;
  width: 15vw;
  height: 30vh;
  display: flex;
  position: relative;
}

.prizes-card.notch24 {
  object-fit: cover;
  flex: none;
  width: 20vw;
  height: 40vh;
  position: relative;
}

.prizes-card.notch16 {
  width: 23%;
  height: auto;
}

.prize-img {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: none;
  height: auto;
  display: flex;
  position: relative;
  inset: auto;
}

.prizes-image {
  object-fit: cover;
  flex: 1;
  align-self: auto;
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  position: relative;
  inset: auto;
}

.prize-card-grid {
  grid-column-gap: 8px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: space-around;
  display: flex;
}

.prizes-heading-wrap {
  z-index: 100;
  background-color: #0000;
  width: auto;
  height: auto;
  position: relative;
  inset: auto;
}

.prize-name-text {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  -webkit-text-stroke-width: 0px;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
  line-height: 24px;
}

.prize-count {
  color: var(--white);
  text-align: center;
  letter-spacing: 0;
  -webkit-text-stroke-width: 0px;
  text-transform: none;
  background-color: #00000080;
  padding: 10px;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
  line-height: 24px;
  position: absolute;
  inset: 0% 0% auto auto;
}

._10k-coming-soon {
  z-index: 1;
  background-color: var(--transparent);
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 48px;
  padding: 8px 16px;
  display: inline-flex;
  position: static;
  inset: auto auto 5%;
}

._10k-coming-soon.notch8 {
  display: none;
  position: absolute;
  inset: 0%;
}

._10k-coming-soon.tesla {
  height: 90px;
}

._10k-chest {
  max-width: 150%;
  position: relative;
  left: -10vw;
}

._10k-chest.x-clan-photo {
  width: 100%;
  max-width: none;
  left: 0;
}

.text-span-9 {
  color: var(--butterfly);
}

.bottom-section-socials-block {
  justify-content: center;
  align-items: center;
  display: flex;
}

.bottom-section-socials-block.nav {
  display: none;
}

.bottom-section-socials-block.margin-top {
  margin-top: 40px;
}

.dataroom-section {
  width: 100vw;
  height: 100vh;
  min-height: 100vh;
}

.datarooom-container {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding-top: 80px;
  display: flex;
}

.bottom-section {
  width: 100%;
  height: 20%;
}

.top-section {
  height: 80%;
  display: flex;
}

.early-signups {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 25%;
  height: 100%;
  padding: 24px 32px;
  display: flex;
}

.middle-section {
  flex-direction: column;
  width: 50%;
  display: flex;
}

.right-section {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  width: 25%;
  height: 100%;
  display: flex;
}

.social-metrics, .daily-active-users {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 24px 32px;
  display: flex;
}

.stage {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 24px 32px;
  display: flex;
}

.brand-building {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding: 24px 32px;
  display: flex;
}

.x-droid-collection {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: auto;
  padding: 24px 32px;
  display: flex;
}

.section-heading-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.dataroom-heading {
  background-image: linear-gradient(to bottom, white, var(--white-80));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-size: 3vw;
}

.number-block {
  border: 1px solid var(--butterfly);
  box-shadow: 0 0 40px -10px var(--butterfly);
  color: var(--butterfly);
  border-radius: 2px;
  align-self: center;
  align-items: center;
  padding: 8px;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  line-height: 12px;
  display: flex;
}

.heading-wrap {
  border-bottom: 1px #fff3;
  justify-content: space-between;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  overflow: visible;
}

.bars-wrap {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: space-around;
  height: 100%;
  display: flex;
}

.bars-wrap.vertical {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  flex: 1;
  height: auto;
}

.bar-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.bar-back {
  border: .5px none var(--white-20);
  background-color: var(--transparent);
  background-image: linear-gradient(270deg, var(--white-10), #ffffff26);
  border-radius: 2px;
  flex: 1;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.bar-back.vertical {
  background-image: linear-gradient(to bottom, var(--white-10), #ffffff26);
}

.values-wrap {
  justify-content: space-between;
  display: flex;
}

.values-wrap.centre {
  justify-content: center;
}

.value {
  color: var(--white-50);
  letter-spacing: .5px;
  text-transform: uppercase;
  font-family: Space Grotesk, sans-serif;
  font-size: 10px;
  line-height: 14px;
}

.value.default {
  color: var(--white);
}

.value.complete {
  color: var(--butterfly);
}

.metric-progress {
  background-color: var(--butterfly);
  box-shadow: 0 0 24px -6px var(--butterfly);
  border-radius: 2px;
  width: 100%;
  height: 100%;
}

.metric-progress._20 {
  width: 20%;
}

.metric-progress._0 {
  width: 0%;
}

.metric-progress._25 {
  width: 25%;
}

.divider-line {
  background-image: linear-gradient(to right, #fff0, var(--white-20) 30%, var(--white-20) 70%, #fff0);
  width: 100%;
  height: 1px;
  display: block;
}

.divider-line.vertical {
  background-image: linear-gradient(to top, #fff0, var(--white-20) 30%, var(--white-20) 70%, #fff0);
  width: 1px;
  height: 100%;
}

.social-rings {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 1;
  width: 100%;
  height: auto;
  display: flex;
}

.ring-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ring-lottie-wrap {
  aspect-ratio: auto;
  border: 20px none var(--white-10);
  outline-offset: -20px;
  border-radius: 0%;
  outline: 20px #333;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-bottom: 4px;
  display: flex;
  position: relative;
}

.twitter-ring-lottie {
  align-self: stretch;
  position: relative;
}

.social-metric-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  display: flex;
  position: absolute;
  inset: auto;
}

.social-metric-icon.padding {
  padding-top: 1px;
}

.social-metric-icon.smaller {
  width: 18px;
}

.vertical-metric-progress {
  background-color: var(--butterfly);
  box-shadow: 0 0 24px -6px var(--butterfly);
  border-radius: 2px;
  width: 100%;
  height: 100%;
}

.vertical-metric-progress._100 {
  border-radius: 2px;
}

.vertical-metric-progress._20 {
  width: 100%;
  height: 20%;
}

.vertical-metric-progress._0 {
  width: 0%;
}

.vertical-metric-progress._25 {
  width: 25%;
}

.vertical-metric-progress._0 {
  box-shadow: 0 0 24px -6px var(--butterfly);
  width: 100%;
  height: 0%;
}

.vertical-metric-progress._10 {
  height: 10%;
}

.goals-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.goal {
  border: .5px solid var(--white-20);
  background-image: none;
  border-radius: 2px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  padding: 8px 8px 8px 16px;
  display: flex;
}

.goal.achieved {
  border-color: var(--butterfly);
  box-shadow: 0 0 40px -10px var(--butterfly), inset 0 0 12px -4px var(--butterfly);
  background-image: none;
  border-radius: 2px;
  padding-right: 8px;
}

.goal-text {
  color: var(--white);
  padding: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
}

.goal-text.acheived {
  color: var(--butterfly);
}

.check {
  border: 1px solid var(--white-20);
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.check.achieved {
  background-color: var(--butterfly);
  width: 16px;
  height: 16px;
  padding: 1px;
  display: flex;
}

.ig-ring-lottie, .tiktok-ring-lottie, .yt-ring-lottie {
  align-self: stretch;
  position: relative;
}

.mobile-divider-line {
  background-image: linear-gradient(to right, #fff0, var(--white-20) 30%, var(--white-20) 70%, #fff0);
  width: 100%;
  height: 1px;
  display: block;
}

.mobile-divider-line.vertical {
  background-image: linear-gradient(to top, #fff0, var(--white-20) 30%, var(--white-20) 70%, #fff0);
  width: 1px;
  height: 100%;
}

._10k-hunt-rules {
  z-index: 3;
  background-color: var(--black);
  justify-content: center;
  width: 100vw;
  min-height: auto;
  padding: 40px;
  display: flex;
  position: relative;
}

._10k-rules {
  border-left: 3px solid var(--royal-blue);
  background-color: var(--white-10);
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 1.2em;
  line-height: 1.6em;
  transition: background-color .3s;
}

._10k-rules:hover {
  background-color: var(--white-10);
}

._10k-rules.notch16 {
  border-left-style: none;
}

.bio-pop-up-background {
  z-index: 9999;
  background-color: var(--black-80);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 80px 0% 0;
}

.close-button-bio {
  background-color: #ffffff1a;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  padding: 8px;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.close-button-bio:hover {
  background-color: var(--royal-blue);
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
}

.close-button-bio.notch12 {
  z-index: 331;
  cursor: pointer;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  margin: 20px 20px 0 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.close-button-bio.notch16, .close-button-bio.notch8 {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  margin: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.rich-text-block-3 {
  font-family: Space Grotesk, sans-serif;
  font-size: 27px;
}

.job-role-text {
  font-size: 22px;
}

.previous-work-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  opacity: 1;
  display: flex;
}

.previous-work {
  color: var(--butterfly);
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

.previous-work.centre.highlight {
  color: var(--butterfly);
  margin-bottom: 0;
}

.column {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.footer-pfp {
  flex: none;
  align-self: center;
  width: 48px;
  height: 48px;
  margin-left: 0;
  margin-right: 5px;
}

.footer-pfp.middle {
  margin-left: 0;
  margin-right: 20px;
}

.footer-pfp.notch12 {
  justify-content: center;
  align-items: flex-start;
  margin-right: 0;
  display: flex;
  overflow: hidden;
}

.footer-pfp.small {
  width: 36px;
  height: 36px;
  display: flex;
}

.footer-see-all {
  background-color: var(--black);
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 46px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.footer-see-all:hover {
  background-color: #fff0;
}

.footer-see-all.w--current {
  flex-flow: row;
}

.footer-see-all.middle {
  margin-left: 0;
  margin-right: 20px;
}

.footer-see-all.faze {
  flex-flow: row;
}

.footer-see-all.faze.w--current {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  padding-left: 8px;
}

.footer-see-all.faze.notch12 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  padding-left: 4px;
  padding-right: 12px;
}

.footer-see-all.faze.notch12.purple {
  background-color: var(--purple);
}

.see-all-text {
  letter-spacing: 3px;
  font-size: 12px;
  text-decoration: none;
}

.box-outline {
  background-color: var(--white-20);
  padding: 1px;
}

.page-content-wrapper {
  z-index: 1000;
  background-color: var(--black);
  width: 100%;
  margin-top: 200vh;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.new-home-luke-ting {
  justify-content: center;
  display: flex;
}

.hero-shape {
  background-color: #fff;
  border: 0 solid #fff;
  width: 100%;
  height: 100%;
}

.hero-shape.notch8 {
  z-index: 100;
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #000;
  border-radius: .1rem;
  flex: 0 auto;
  justify-content: center;
  align-items: stretch;
  width: 96vw;
  height: 50%;
  margin-top: 0;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: 0% auto auto;
  overflow: hidden;
  transform: translate(0, 2vw);
}

.hero-shape.notch-hero {
  z-index: 100;
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #000;
  border-radius: .1rem;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  inset: 0% auto auto;
  overflow: hidden;
  transform: translate(0);
}

.hero-shape.notch-hero-mobile {
  z-index: 100;
  object-fit: cover;
  object-position: 50% 50%;
  background-color: #000;
  border-radius: .1rem;
  flex: 0 auto;
  justify-content: center;
  align-self: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0%;
  margin-right: 0%;
  padding-left: 0;
  padding-right: 0;
  display: none;
  position: static;
  inset: 0% auto auto;
  overflow: hidden;
  transform: translate(0);
}

.extraction-wrapper {
  z-index: 100;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  height: auto;
  padding-left: 4vw;
  padding-right: 6vw;
  display: flex;
  position: relative;
}

.extraction-wrapper._05 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.extraction-wrapper._03 {
  height: auto;
}

.extraction-wrapper._04 {
  height: auto;
  overflow: hidden;
}

.extraction-wrapper._06 {
  background-color: var(--black);
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  padding-right: 4vw;
  overflow: hidden;
}

.extraction-wrapper._07 {
  padding-right: 4vw;
}

.extraction-wrapper._08, .extraction-wrapper.section-two {
  height: auto;
}

.extraction-wrapper.layout3 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.extraction-wrapper.hide-content {
  display: none;
}

.hero-shape-wrapper {
  z-index: 200;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 0;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.section-content-luke-ting {
  width: 100%;
  height: 100%;
}

.section-content-luke-ting.black {
  z-index: 0;
  background-color: #000;
  position: relative;
}

.section-content-luke-ting._01 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.section-content-luke-ting.orange {
  background-color: #ff9925;
  width: 100%;
}

.section-content-luke-ting._02 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.section-content-luke-ting._03 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 20vh;
  margin-bottom: 20vh;
  padding-top: 4vw;
  padding-bottom: 4vw;
  display: flex;
  position: relative;
}

.section-content-luke-ting._04 {
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1005px;
  height: auto;
  margin-top: 20vh;
  margin-bottom: 20vh;
  padding-top: 4vw;
  padding-bottom: 4vw;
  display: flex;
  position: relative;
}

.section-content-luke-ting._05 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  height: auto;
  display: flex;
  overflow: hidden;
}

.section-content-luke-ting._06 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: auto;
  display: flex;
}

.section-content-luke-ting._08 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 20vh;
  margin-bottom: 20vh;
  padding-top: 4vw;
  padding-bottom: 4vw;
  display: flex;
  position: relative;
}

.section-content-luke-ting._07 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 20vh;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.section-content-luke-ting._03-copy {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 20vh;
  margin-bottom: 20vh;
  padding-top: 4vw;
  padding-bottom: 4vw;
  display: flex;
  position: relative;
}

.background-video-luke-ting {
  z-index: 50;
  opacity: 1;
  object-fit: cover;
  object-position: 50% 50%;
  justify-content: center;
  align-items: center;
  width: 102vw;
  height: 100%;
  min-height: auto;
  display: flex;
  position: absolute;
  top: -10%;
  left: 0;
}

.lt-hero-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 4rem;
}

.hero-content-wrapper {
  z-index: 500;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: row;
  justify-content: space-between;
  align-self: auto;
  align-items: stretch;
  width: 100vw;
  height: 16rem;
  margin-top: 3.3rem;
  padding: 0 4vw 2.8rem;
  display: flex;
  position: relative;
  bottom: 0;
}

.primary-button {
  background-color: #60f;
  background-image: linear-gradient(197deg, #fff, #fff 0% 1%, #fff0 69%);
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  height: auto;
  padding: .1rem;
  display: flex;
}

.primary-button.notch12 {
  z-index: 0;
  background-image: none;
  flex: 1;
  height: 3.2rem;
  transition: box-shadow .2s;
  position: relative;
  overflow: hidden;
}

.primary-button.notch12.is-green {
  background-color: #0eefb9;
}

.primary-button.notch12.is-white {
  background-color: #ffffff0d;
}

.button-content {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  background-color: var(--purple);
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  height: auto;
  padding: 1rem 1.2rem 1rem 1.6rem;
  display: flex;
}

.button-content.notch12 {
  z-index: 2;
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  align-self: center;
  height: 100%;
  position: relative;
}

.button-content.notch12.is-green {
  background-color: #0eefb9;
}

.button-content.notch12.is-white {
  background-color: var(--white-10);
}

.button-content.notch12.is-black {
  background-color: var(--black-20);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}

.button-content.notch12.is-0 {
  background-color: #0000;
}

.button-content.notch12.is-0.no-padding {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  padding-left: 0;
  padding-right: 0;
}

.button-content.watch-trailer-button {
  background-color: #0000001a;
}

.primary-button-text {
  color: var(--white);
  letter-spacing: .16rem;
  text-transform: uppercase;
  mix-blend-mode: luminosity;
  background-color: #0000;
  border-radius: 0;
  flex: none;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  font-family: Orbitron, sans-serif;
  font-size: .6rem;
  font-weight: 800;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.primary-button-text:hover {
  background-color: #0000;
}

.primary-button-text.notch12, .primary-button-text.notch16 {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6470cd0dbb86adbb8ad52eb9_cross.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  margin: 20px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.primary-button-text.notch8 {
  z-index: 100;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/627cd0b66e911efedf1406d7_back%20aroow.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 0;
  margin: 20px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.primary-button-text.large {
  font-size: 14px;
}

.primary-button-text.primary {
  color: var(--black);
}

.primary-button-text.factions {
  font-size: 12px;
}

.primary-button-text.reviews {
  border-style: none;
  border-width: 1px;
  border-color: black black var(--white);
  text-decoration: none;
}

.primary-button-text.is-black {
  color: var(--black);
  font-weight: 800;
}

.title-sub-wrapper {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  display: flex;
}

.outline-gradient {
  z-index: 1;
  background-image: radial-gradient(circle at 80% 0, #fff, #fff0 54%);
  position: absolute;
  inset: 0%;
}

.div-block-29 {
  position: relative;
  overflow: hidden;
}

.primary-button-wrapper {
  background-color: #60f;
  background-image: linear-gradient(197deg, #fff, #fff 0% 1%, #fff0 69%);
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  box-shadow: 0 10px 20px #6600ff80;
}

.primary-button-wrapper:hover {
  box-shadow: 0 8px 40px 1px #6600ffb3;
}

.primary-button-wrapper.notch12 {
  z-index: 0;
  perspective: none;
  background-image: none;
  flex: 1;
  transition: box-shadow .2s;
  position: relative;
  overflow: visible;
  transform: perspective(400px)rotate(0)perspective(160px);
  box-shadow: 0 2px 20px #6600ff80;
}

.primary-button-wrapper.notch12:hover {
  transform: perspective(400px)perspective(160px);
  box-shadow: 0 8px 40px 1px #6600ffb3;
}

.primary-button-wrapper.notch12.is-green {
  background-color: #0eefb9;
  text-decoration: none;
  box-shadow: 0 2px 20px #0defb933;
}

.primary-button-wrapper.notch12.is-white {
  box-shadow: none;
  background-color: #fff0;
}

.primary-button-wrapper.watch-trailer {
  box-shadow: none;
  background-color: #0009;
  background-image: none;
}

.button-shine-default {
  z-index: 5;
  opacity: .39;
  background-image: radial-gradient(circle closest-side, #fff6, #fff0);
  width: 12rem;
  height: 12rem;
  position: absolute;
  transform: translate(0%);
}

.outline-shine {
  z-index: 0;
  background-image: radial-gradient(circle closest-side, #ffffffb3, #fff0);
  width: 10rem;
  height: 10rem;
  position: absolute;
  inset: -140% -20% auto auto;
}

.outline-shine:hover {
  top: auto;
  right: auto;
}

.background-glow-hover {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background-image: radial-gradient(circle closest-side, #60f6, #60f0);
  width: 16rem;
  height: 8rem;
  position: absolute;
}

.background-glow-hover.is-green {
  background-image: radial-gradient(circle closest-side, #0eefb933, #60f0);
}

.background-glow-hover.is-white {
  opacity: 0;
  background-image: radial-gradient(circle closest-side, #fff3, #fff0);
}

.outline-shine-default {
  z-index: 0;
  opacity: 0;
  background-image: radial-gradient(circle closest-side, #fff3, #fff0);
  width: 10rem;
  height: 10rem;
  position: absolute;
  inset: -140% -20% auto auto;
  transform: translate(0);
}

.outline-shine-default:hover {
  top: auto;
  right: auto;
}

.outline-shine-hover {
  z-index: 0;
  opacity: 0;
  background-image: radial-gradient(circle closest-side, #ffffffb3, #fff0);
  width: 10rem;
  height: 10rem;
  position: absolute;
  inset: auto;
  transform: translate(0%);
}

.outline-shine-hover:hover {
  top: auto;
  right: auto;
}

.button-shine-hover {
  z-index: 5;
  opacity: 0;
  background-image: radial-gradient(circle closest-side, #fff6, #fff0);
  width: 12rem;
  height: 12rem;
  position: absolute;
  transform: translate(0%);
}

.background-glow {
  z-index: 0;
  pointer-events: none;
  background-image: radial-gradient(circle closest-side, #60f6, #60f0);
  flex: 0 auto;
  width: 16rem;
  height: 8rem;
  position: absolute;
}

.background-glow.is-green {
  opacity: 0;
  background-image: radial-gradient(circle closest-side, #0eefb966, #60f0);
}

.background-glow.is-white {
  opacity: 0;
  background-image: radial-gradient(circle closest-side, #fff6, #fff0);
}

.button-container {
  cursor: pointer;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.button-container.is-green {
  text-decoration: none;
}

.nav-bar {
  z-index: 99999;
  width: 100%;
  position: fixed;
}

.nav-bar-items-right {
  z-index: 9997;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.4rem 4vw;
  display: flex;
  position: fixed;
  top: 0;
}

.secondary-button {
  background-color: #60f;
  background-image: linear-gradient(197deg, #fff, #fff 0% 1%, #fff0 69%);
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  height: auto;
  padding: 0;
  display: flex;
  box-shadow: 0 10px 20px #6600ff80;
}

.secondary-button:hover {
  box-shadow: 0 8px 40px 1px #6600ffb3;
}

.secondary-button.notch12 {
  z-index: 0;
  box-shadow: none;
  perspective: none;
  background-color: #0000001a;
  background-image: none;
  transition: box-shadow .2s;
  position: relative;
  overflow: visible;
  transform: perspective(400px)rotate(0)perspective(160px);
}

.secondary-button.notch12:hover {
  box-shadow: none;
  transform: perspective(400px)perspective(160px);
}

.secondary-button-wrapper {
  background-color: #60f;
  background-image: linear-gradient(197deg, #fff, #fff 0% 1%, #fff0 69%);
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  height: auto;
  padding: .1rem;
  display: flex;
}

.secondary-button-wrapper.notch12 {
  z-index: 0;
  background-color: var(--white-10);
  background-image: none;
  width: 3.2rem;
  height: 3.2rem;
  transition: box-shadow .2s;
  position: relative;
  overflow: hidden;
}

.secondary-button-content {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  background-color: var(--purple);
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  height: auto;
  padding: 1rem 1.2rem 1rem 1.6rem;
  display: flex;
}

.secondary-button-content.notch12 {
  z-index: 2;
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  background-color: var(--black);
  align-self: center;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}

.secondary-button-container {
  cursor: pointer;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.button-wrap {
  z-index: 100;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-self: center;
  display: flex;
  position: relative;
}

.button-wrap.watch-trailer {
  z-index: 1000;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  border-radius: 8rem;
  justify-content: center;
  align-items: center;
  position: static;
  overflow: hidden;
}

.button-wrap.watch-trailer.notch12 {
  border-radius: 0;
}

.button-wrap.hero {
  z-index: 10000;
  align-self: center;
  display: flex;
  position: absolute;
  inset: auto;
}

.hero-buttons {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.hero-content-left {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: none;
  width: auto;
  display: flex;
}

.hero-content-right {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-end;
  width: 24rem;
  padding-bottom: 0;
  display: flex;
}

.bottom-right-wrap {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.image-66 {
  height: 2rem;
}

.image-66.smaller {
  height: 1.4rem;
}

.button-nav-mask {
  opacity: 1;
  flex: none;
  width: 12rem;
  display: flex;
  overflow: visible;
}

.button-wrap-container {
  z-index: 2000;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 50vh;
  display: none;
  position: fixed;
  top: 20%;
}

.scroll-bar-right {
  z-index: 1001;
  justify-content: center;
  align-items: center;
  width: .2rem;
  height: 100vh;
  margin-right: 0;
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
  padding-right: 0;
  display: flex;
  position: fixed;
  inset: auto 1.8vw auto auto;
}

.scroll-bar-right-back {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #f8f8f81a;
  border-radius: 2rem;
  width: .2rem;
  height: 100%;
}

.scroll-bar-right-fill {
  opacity: 1;
  background-image: linear-gradient(#6905ff1a, #6905ff);
  border-radius: 2rem;
  height: 100%;
  box-shadow: 0 0 20px 2px #6500ff33;
}

.section-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  display: flex;
}

.section-content._01 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: auto;
}

.section-content._01.sticky {
  justify-content: flex-start;
  align-items: flex-start;
  position: sticky;
  top: 25vh;
}

.section-content._01.x-vault {
  background-color: var(--black-80);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 4rem;
}

.section-content._01.x-vault.notch12 {
  margin-right: 32px;
}

.section-content._01.padding-24 {
  justify-content: center;
  align-items: flex-start;
}

.section-content._02, .section-content._05 {
  height: auto;
  padding-left: 4vw;
  padding-right: 4vw;
}

.section-content.huntpass {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: auto;
}

.section-content.huntpass.sticky {
  justify-content: flex-start;
  align-items: flex-start;
  position: sticky;
  top: 25vh;
}

.section-content.prizes {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: auto;
}

.section-content.prizes.sticky {
  justify-content: flex-start;
  align-items: flex-start;
  position: sticky;
  top: 25vh;
}

.section-content.hunt-sponsor {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
}

.section-content.hunt-sponsor.sticky {
  justify-content: flex-start;
  align-items: flex-start;
  position: sticky;
  top: 25vh;
}

.section-content.hunt-sponsor.x-vault {
  background-color: var(--black-80);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 4rem;
}

.section-content.hunt-sponsor.x-vault.notch12 {
  margin-right: 32px;
}

.section-content.hunt-sponsor.padding-24 {
  justify-content: center;
  align-items: flex-start;
}

.section-number {
  aspect-ratio: auto;
  object-fit: fill;
  align-self: flex-start;
  width: auto;
  max-width: none;
  height: 8rem;
  display: block;
}

.button-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: flex-start;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.imagery-video {
  border-radius: 4vw;
  flex: none;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-top: 13px;
  display: flex;
  overflow: hidden;
}

.imagery-video.section-02 {
  width: 101%;
  height: 50vh;
  overflow: hidden;
}

.imagery-video.section-04 {
  object-fit: contain;
  border-radius: 20px;
  flex: none;
  width: auto;
  height: 100%;
  overflow: hidden;
}

.mobile-video {
  width: 100%;
  position: static;
}

.sections-title {
  text-align: left;
  white-space: normal;
  flex: 0 auto;
  align-self: auto;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 80%;
  display: block;
}

.sections-title.no-wrap {
  white-space: nowrap;
}

.sections-title.no-wrap.large {
  font-size: 80px;
}

.sections-title.the-team {
  text-align: right;
}

.sections-title.large {
  font-size: 80px;
}

.sections-title.centre {
  font-size: 6vw;
}

.section-image-video {
  flex-flow: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.section-image-video.notch32 {
  justify-content: center;
  align-self: center;
  align-items: center;
  height: auto;
  padding: 0;
  overflow: hidden;
}

.right-fade {
  background-image: linear-gradient(270deg, #000, #0000 52%);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: .2rem;
  margin-right: 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.gradient-blur {
  display: none;
}

.body-11 {
  background-color: #fff;
}

.black-text-blur {
  color: var(--black);
  font-size: 32px;
}

.div-block-31 {
  z-index: 10;
  background-image: linear-gradient(#fff0, #fff);
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
  inset: 0%;
}

.wrapper {
  display: flex;
}

.number-title-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  flex: none;
  display: flex;
}

.horizontal-scroll-wrapper {
  width: 100%;
  height: 50vh;
  display: flex;
}

.hs-2 {
  flex: none;
  width: 75vw;
  height: 100%;
  display: flex;
}

.hs-1 {
  flex: none;
  width: 75vw;
  height: 100%;
  padding-left: 4vw;
  display: flex;
}

.hs-1.no-padding-left {
  padding-left: 0;
}

.hs-1._02 {
  opacity: .23;
}

.hs-2-copy {
  width: 70%;
  height: 100%;
}

.hs-3 {
  flex: none;
  width: 75vw;
  height: 100%;
  display: flex;
}

.hs-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex: none;
  align-self: flex-start;
  width: 100%;
  height: 60vh;
  display: flex;
  position: static;
  overflow: visible;
}

.hs-content-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  height: auto;
  display: flex;
}

.hs-video-wrapper {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.hs-label {
  justify-content: space-between;
  display: flex;
}

.hs-label.chests {
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  width: auto;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  inset: auto auto 0%;
}

.hs-titles {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 20px;
}

.hs-1-copy {
  flex: none;
  width: 75vw;
  height: 100%;
  padding-left: 4vw;
  display: flex;
}

.hs-1-copy.no-padding-left {
  padding-left: 0;
}

.hs-scroll {
  display: flex;
}

.hs-track {
  height: 320vw;
  display: none;
  overflow: visible;
}

.hs-camera {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100vw;
  height: 100vh;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.hs-sections {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  width: auto;
  height: 100%;
  display: flex;
}

.hs-section-block {
  flex: none;
  width: 100vw;
  height: 100%;
}

.hs-section-block._02 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 80vw;
  display: flex;
}

.hs-section-block._01 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 80vw;
  padding-left: 4vw;
  display: flex;
}

.hs-section-block._03 {
  background-color: #c93bbf;
  width: 80vw;
}

.hs-section-block._04 {
  background-color: #e9e259;
  width: 80vw;
}

.hs-section-block._03 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #0000;
  flex-flow: column;
  width: 80vw;
  display: flex;
}

.hs-section-block._04 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: #0000;
  flex-flow: column;
  width: 80vw;
  padding-right: 4vw;
  display: flex;
}

.chests-wrapper {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: auto;
  display: flex;
  position: static;
  top: 12rem;
}

.left-chest {
  background-color: #ffffff0d;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60vh;
  padding: 1rem;
  display: flex;
  position: sticky;
  top: 0;
}

.left-chest.notch12 {
  background-color: #ffffff14;
}

.right-chest {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-color: #ffffff0d;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 60vh;
  padding: 1rem;
  display: flex;
}

.right-chest.notch12 {
  background-color: #ffffff14;
}

.chest-open {
  transform: scale(1.4);
}

.chest-titles {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
}

.paragraph-xxs {
  font-size: 10px;
  line-height: 16px;
}

.paragraph-xxs.is-white {
  color: var(--white);
  flex: 0 auto;
  width: 100%;
  max-width: 28rem;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

.paragraph-xxs.is-white.hs-label {
  max-width: 22rem;
}

.paragraph-xxs.is-white.hs-label.o-50 {
  opacity: .5;
  width: auto;
}

.paragraph-xxs.is-white.is-50 {
  opacity: .5;
}

.paragraph-xxs.is-white.is-50.a.align-right {
  text-align: right;
}

.paragraph-xxs.is-white.is-50.align-right {
  text-align: right;
  font-size: 10px;
}

.chest-title-wrapper {
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  width: 100%;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
}

.image-67 {
  position: static;
  top: auto;
  bottom: auto;
  left: 0%;
}

.ballance {
  width: 100%;
  height: 2rem;
}

.bottom-string-wrapper {
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.right-slot {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  background-color: #ffffff0d;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  padding: 0;
  display: flex;
}

.left-slot {
  background-color: #ffffff0d;
  flex-flow: column;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0;
  display: flex;
  position: sticky;
  top: 0;
}

.image-68 {
  width: 100%;
  max-width: none;
  height: 100%;
  overflow: hidden;
}

.image-69 {
  width: 20%;
  max-width: none;
  height: auto;
}

.video-wrapper-04 {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 75vh;
  display: flex;
  position: relative;
}

.video-wrapper-04.notch32 {
  height: 75vh;
}

.title-para-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  max-width: 28rem;
  display: flex;
}

.title-para-wrapper.horizontal {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 40rem;
}

._05-title-section {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  flex: 1;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

._05-shape-wrapper {
  height: auto;
  padding-left: 4vw;
  padding-right: 4vw;
}

._05-shape {
  width: 100%;
  height: 100%;
}

.notch-05-shape {
  background-color: #ff7e7e;
  height: auto;
  overflow: hidden;
}

.image-70 {
  width: 100%;
  height: 100%;
}

.left-fade {
  background-image: linear-gradient(90deg, #000, #0000 52%);
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: -.1rem;
  display: none;
  position: absolute;
  inset: 0%;
}

.extraction-video {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: visible;
}

.extraction-video.section-02 {
  height: 40vh;
  overflow: hidden;
}

.extraction-video.section-04 {
  height: 100%;
  overflow: hidden;
}

.gun-wrapper {
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 50%;
  height: auto;
  display: flex;
  position: relative;
}

.gun-row {
  width: auto;
  height: auto;
  display: flex;
  overflow: hidden;
}

.gun-stats-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: .5px solid #1f1f1f;
  flex-flow: column;
  flex: none;
  justify-content: center;
  width: 12rem;
  height: 100%;
  padding: 1.4rem;
  display: flex;
}

.gun-image-wrapper {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  border: 1px solid #1f1f1f;
  border-radius: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 1.4rem;
  display: flex;
  overflow: hidden;
}

.gun-image {
  width: 100%;
  height: 100%;
  min-height: 8rem;
  display: block;
}

.gun-stats-title {
  color: var(--butterfly);
  align-self: stretch;
  margin: 0;
  font-family: Orbitron, sans-serif;
  font-size: 16px;
}

.stats-list {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  display: flex;
}

.rate-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  height: .6rem;
  display: flex;
}

.stat-oultine {
  border: .5px solid var(--butterfly);
  outline-offset: 0px;
  border-radius: .5px;
  outline: 3px #333;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.stat-label {
  color: var(--butterfly);
  -webkit-text-stroke-color: var(--butterfly);
  width: 5rem;
  font-size: 10px;
}

.stat-fill {
  background-color: var(--butterfly);
  width: 100%;
  height: 100%;
}

.stat-fill._0-5 {
  width: 50%;
}

.stat-fill._0-55 {
  width: 55%;
}

.stat-fill._0-40 {
  width: 40%;
}

.stat-fill._0-45 {
  width: 45%;
}

.stat-fill._0-3 {
  width: 30%;
}

.stat-fill._0-7 {
  width: 70%;
}

.stat-fill._0-15 {
  width: 15%;
}

.stat-fill._0-95 {
  width: 95%;
}

.stat-fill._0-8 {
  width: 80%;
}

.div-block-32 {
  width: 100%;
  height: 100%;
}

.aesthetic-bar {
  justify-content: space-between;
  height: auto;
  display: flex;
}

.camo {
  width: 3rem;
  height: 3rem;
}

.camo.notch8 {
  background-color: var(--medium-violet-red);
  width: 1.4rem;
  height: 1.4rem;
}

.camo-wrapper {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  display: none;
}

.camo-label {
  color: var(--butterfly);
  -webkit-text-stroke-color: var(--butterfly);
  align-self: center;
  width: auto;
  font-size: 10px;
  display: none;
}

.the-team-section {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  height: auto;
  padding: 4rem 4vw 4vw;
  display: flex;
}

.the-team-content {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex: none;
  align-self: auto;
  width: 100%;
  min-width: 0%;
  height: 60vh;
  display: flex;
  position: relative;
}

.team-member-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  filter: brightness(80%);
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  transition: width .3s;
  display: flex;
  position: static;
  overflow: hidden;
}

.team-member-wrapper.selected {
  width: 100%;
}

.founder-image {
  filter: brightness();
  width: 100%;
  height: 100%;
}

.paragraph-xs-copy {
  font-size: 12px;
  line-height: 16px;
}

.paragraph-xs-copy.is-white {
  color: var(--white);
  flex: 0 auto;
  width: 100%;
  max-width: 28rem;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

.paragraph-xs-copy.is-white.hs-label {
  max-width: 22rem;
}

.paragraph-xs-copy.is-white.hs-label.o-50 {
  opacity: .5;
  width: auto;
}

.paragraph-xs-copy.is-white.hs-label.o-50.align-right {
  text-align: right;
  align-self: auto;
  width: auto;
  max-width: none;
}

.the-team-name {
  color: var(--white);
  font-size: 10px;
  line-height: 16px;
}

.the-team-name.is-white {
  color: var(--white);
  flex: 0 auto;
  width: 100%;
  max-width: 28rem;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

.the-team-name.is-white.hs-label {
  max-width: 22rem;
}

.the-team-name.is-white.hs-label.o-50 {
  opacity: .5;
  width: auto;
}

.the-team-name.is-white.hs-label.o-50.align-right {
  text-align: right;
  align-self: auto;
  width: auto;
  max-width: none;
}

.the-team-name._0-5 {
  opacity: .5;
}

.the-team-name.large {
  font-size: 14px;
  display: flex;
}

.name-job-label {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex: 0 auto;
  width: 100%;
  display: flex;
}

.name-job-label.in-bio {
  z-index: 10;
  opacity: 1;
  flex-flow: row;
  flex: none;
  height: 80%;
  margin-top: 0;
  display: none;
  position: relative;
  inset: auto;
}

.the-team-top-content {
  justify-content: space-between;
  height: auto;
  display: flex;
}

.button-wrapper-team {
  z-index: 50;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: absolute;
  overflow: hidden;
}

.founder-image-wrapper {
  z-index: 1;
  border: .5px solid #fff6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bio-wrapper {
  z-index: 10;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--black-80);
  opacity: 1;
  border: .5px solid #fff6;
  flex-flow: column;
  justify-content: flex-end;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 96%;
  padding: 4vw;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: visible;
}

.paragraph-bio {
  opacity: 1;
  color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  height: auto;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
  line-height: 140%;
  display: flex;
  position: relative;
}

.paragraph-bio.centre {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-bio.centre.no-margin {
  letter-spacing: -1px;
  margin: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 24px;
}

.paragraph-bio.bottom-right {
  margin: 20px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.paragraph-bio.bottom-left {
  margin: 20px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.paragraph-bio.no-margin {
  letter-spacing: -1px;
  font-family: Space Grotesk, sans-serif;
  font-size: 1.5vw;
}

.paragraph-bio._30 {
  width: 70%;
}

.paragraph-bio.home-hero {
  text-align: left;
  width: auto;
}

.paragraph-bio.how-to {
  z-index: 3;
  text-align: center;
  align-items: center;
  width: 60vw;
  position: relative;
}

.paragraph-bio.hunter-league {
  text-align: left;
  align-items: flex-start;
  width: 60vw;
  padding-left: 32px;
  font-size: 24px;
}

.button-close {
  z-index: 1000;
  opacity: 1;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  display: none;
  position: absolute;
  inset: auto 1rem 1rem auto;
  overflow: hidden;
}

.section-grow-test {
  width: 100%;
  height: 100%;
  display: flex;
}

.section-grow-test-wrappere {
  flex: none;
  height: 40vh;
  display: flex;
}

.blue {
  background-color: #315dff;
  width: 100%;
  height: 100%;
}

.blue._1 {
  background-color: var(--royal-blue);
}

.blue._2 {
  background-color: #1336b8;
}

.blue._3 {
  background-color: #001a79;
}

.photo-block-container {
  background-color: #000;
  width: 100%;
  height: 500px;
  display: flex;
}

.photo-block {
  filter: grayscale();
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65ef54ae6fd17ddc98f19651_Headshot.png");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.photo-block._1 {
  filter: grayscale();
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65ef54ae6fd17ddc98f1965b_James.png"), linear-gradient(#000, #000);
  background-position: 50%, 0 0;
  background-size: cover, auto;
  width: 100%;
  display: block;
}

.photo-block._3 {
  filter: grayscale();
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65ef54ae6fd17ddc98f19656_Kel.png");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  display: block;
}

.bio-block {
  z-index: 10;
  background-color: var(--black);
  display: none;
  position: absolute;
  inset: 0%;
}

.div-block-33, .div-block-34, .div-block-35 {
  pointer-events: auto;
  width: 100%;
}

.team-and-bio {
  opacity: 1;
  flex: none;
  width: 33.33%;
  max-width: none;
  transition: all .3s;
  position: relative;
}

.team-and-bio:hover {
  opacity: 1;
  flex: none;
}

.rosta-cards-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  width: 100%;
  height: 100%;
  display: flex;
}

.roasta-cards-collumn {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-self: center;
  width: 100%;
  display: flex;
}

.div-block-36 {
  justify-content: space-between;
  display: flex;
}

.footer-wrapper {
  z-index: 9999;
  height: auto;
  position: relative;
}

.notch-footer-shape {
  background-color: var(--purple);
  background-image: linear-gradient(315deg, #0006, #0000);
  height: auto;
  overflow: hidden;
}

.image-71 {
  width: 100%;
  max-width: 40rem;
}

.footer-content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 8vw 4vw 4vw;
  display: flex;
}

.top-footer-bar {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  width: 80%;
  max-width: 80%;
  height: auto;
  display: flex;
}

.partners-footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 22rem;
  height: auto;
  display: flex;
}

.partners-footer.is-hidden {
  display: none;
}

.footer-text {
  color: #fff;
  flex: 0 auto;
  font-family: Space Grotesk, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.footer-text.is-white {
  color: var(--white);
  flex: 0 auto;
  width: 100%;
  max-width: 28rem;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

.footer-text.is-white.hs-label {
  max-width: 22rem;
}

.footer-text.is-white.hs-label.o-50 {
  opacity: .5;
  width: auto;
}

.footer-text.is-white.hs-label.o-50.align-right {
  text-align: right;
  align-self: auto;
  width: auto;
  max-width: none;
}

.footer-text.label, .footer-text.label-copy {
  opacity: .5;
}

.footer-label {
  opacity: .5;
  color: #fff;
  letter-spacing: 1px;
  padding-bottom: .4rem;
  font-family: Space Grotesk, sans-serif;
  font-size: 11px;
  line-height: 16px;
}

.footer-label.is-white {
  color: var(--white);
  flex: 0 auto;
  width: 100%;
  max-width: 28rem;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

.footer-label.is-white.hs-label {
  max-width: 22rem;
}

.footer-label.is-white.hs-label.o-50 {
  opacity: .5;
  width: auto;
}

.footer-label.is-white.hs-label.o-50.align-right {
  text-align: right;
  align-self: auto;
  width: auto;
  max-width: none;
}

.footer-label.label, .footer-label.label-copy {
  opacity: .5;
}

.footer-label.is-hidden {
  display: none;
}

.partners-logos-wrapper {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  justify-content: flex-start;
  align-items: center;
  width: 22rem;
  display: flex;
}

.partners-logos-wrapper.is-hidden {
  display: none;
}

.ghost-lab {
  flex: none;
  width: auto;
  display: block;
}

.ghostlab {
  object-fit: contain;
  height: 1rem;
}

.gameover {
  object-fit: contain;
  height: 2rem;
}

.gallax {
  object-fit: contain;
  display: block;
}

.faze-blaze-image {
  background-color: #000;
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65f9b57c81ffb2101022fd88_faze1.webp");
  background-position: 0 0;
  background-size: cover;
  border: 0 solid #fff6;
  width: 3rem;
  height: 3rem;
}

.faze-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border: 0 solid #fff6;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 2rem;
  display: flex;
}

.title-and-links {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  order: 0;
  height: 100%;
  display: flex;
}

.title-footer {
  flex: 0 auto;
  width: auto;
  height: 100%;
  display: flex;
}

.footer-links {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: wrap;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start flex-start;
  place-items: flex-start start;
  width: 80%;
  max-width: 80%;
  height: auto;
  display: flex;
}

.links-block {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  align-items: flex-start;
  width: 10rem;
  display: flex;
}

.footer-link-block {
  padding-top: .4rem;
  padding-bottom: .4rem;
  text-decoration: none;
}

.image-72, .v-line {
  height: 100%;
}

.right-footer-content {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-top: 2rem;
  display: flex;
}

.links-row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 1;
  max-width: 80%;
  display: flex;
}

.image-73 {
  height: 100%;
}

.nav-gradient {
  z-index: -1;
  pointer-events: none;
  background-image: linear-gradient(#000 21%, #0000);
  height: 10rem;
  position: absolute;
  inset: 0% 0% auto;
}

.hero-shape-animate {
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 92vw;
  height: 100%;
  display: flex;
  transform: translate(0, 6rem);
}

.image-74 {
  display: none;
}

.hero-video-mobile {
  z-index: 50;
  opacity: 1;
  object-fit: cover;
  object-position: 50% 50%;
  justify-content: center;
  align-items: center;
  width: 102vw;
  height: 100%;
  min-height: auto;
  display: none;
  position: absolute;
  top: -10%;
  left: 0;
}

.hero-video {
  z-index: 50;
  opacity: 1;
  object-fit: cover;
  object-position: 50% 50%;
  justify-content: center;
  align-items: center;
  width: 102vw;
  height: 100%;
  min-height: auto;
  display: flex;
  position: absolute;
  top: -10%;
  left: 0;
}

.how-it-works-title-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  display: flex;
}

.hit-number {
  color: var(--black);
  -webkit-text-stroke-color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
}

.notch32 {
  height: auto;
}

.secondary-button-container-fab {
  cursor: pointer;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.social-link-nav {
  cursor: pointer;
  margin-right: 8px;
  transition: opacity .2s;
  display: inline;
}

.social-link-nav:hover {
  opacity: .5;
}

.social-link-nav.prereg {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--white-20);
  background-color: #ffffff1a;
  border-radius: 4px;
  flex-direction: row;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.social-link-nav.hide {
  display: none;
}

.nav-inner {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding-top: 6rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.nav-wrapper {
  z-index: 200000;
  background-color: #000;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.nav-item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: pointer;
  border-bottom: 1px solid #ffffff29;
  width: 100%;
  height: 3.2rem;
  text-decoration: none;
  transition: border-color .3s;
  display: flex;
  position: relative;
}

.nav-item:hover {
  color: var(--butterfly);
}

.nav-item.collections {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
}

.nav-item.inner {
  border: 0 solid #000;
  justify-content: flex-start;
  align-items: center;
  height: 3.2rem;
  transition: color .2s;
}

.nav-item.inner:hover {
  color: var(--butterfly);
}

.nav-item.inner.is-hidden, .nav-item.is-hidde-nav, .nav-item.hide {
  display: none;
}

.div-block-38 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  display: flex;
}

.links-nav-wrapper {
  width: 100%;
}

.nav-close-button {
  cursor: pointer;
  border: .5px solid #ffffff4d;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  display: flex;
  position: fixed;
  top: 3rem;
  right: 3rem;
}

.menu-item-label {
  letter-spacing: 1px;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: .8rem;
  font-weight: 800;
  text-decoration: none;
  display: flex;
}

.image-78 {
  opacity: .3;
}

.collections-nav-wrapper {
  height: 14.4rem;
  overflow: hidden;
}

.socials-block-mobile {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.socials-block-mobile.nav {
  display: none;
}

.socials-block-mobile.margin-top {
  margin-top: 40px;
}

.social-link-nav-mobile {
  cursor: pointer;
  margin-right: 8px;
  transition: opacity .2s;
  display: inline;
}

.social-link-nav-mobile:hover {
  opacity: .5;
}

.social-link-nav-mobile.prereg {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--white-20);
  background-color: #ffffff1a;
  border-radius: 4px;
  flex-direction: row;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.socials-label {
  opacity: .5;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: .75rem;
  font-weight: 400;
}

.div-block-39 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  height: 3.6rem;
  display: flex;
}

.paid-out-winners {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
  overflow: hidden;
}

.paid-out-winners.hide-content {
  display: none;
}

._50k-wrapper {
  z-index: 10;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
  position: relative;
}

.prizes-hs {
  z-index: 12;
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: -2.6rem;
  display: flex;
  position: relative;
}

.paid-out {
  z-index: 10;
  flex: none;
  width: 100%;
  height: auto;
  margin-top: -1.4rem;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
  position: relative;
}

.latest-prizes-label {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
  transform: rotate(270deg);
}

.latest-prizes-label.right {
  transform: rotate(90deg);
}

.latest-prizes-label.left {
  width: auto;
  height: auto;
  overflow: visible;
  transform: rotate(270deg);
}

.latest-prizes-label.right {
  width: auto;
  height: auto;
  overflow: visible;
  transform: rotate(90deg);
}

.prizes-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  order: 0;
  display: none;
}

.prizes-para-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 3rem 4vw 2rem;
  display: flex;
}

.image-79, .image-80 {
  width: 100%;
}

.latest-prizes-label-wrapper {
  z-index: 11;
  background-image: linear-gradient(90deg, #000, #0000);
  justify-content: center;
  align-items: center;
  width: 4vw;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.latest-prizes-label-wrapper.right {
  background-image: linear-gradient(270deg, #000, #0000);
  left: auto;
  right: 0;
}

.latest-prizes-label-wrapper.right-side {
  background-image: linear-gradient(270deg, #000, #0000);
  left: auto;
  right: 0%;
}

.card-test {
  border-radius: 0;
  flex: none;
  width: 18vw;
  height: auto;
  min-height: 14rem;
  position: relative;
  overflow: hidden;
}

.card-test-wrapper {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
}

.card-image {
  width: 100%;
}

.card-label {
  z-index: 1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #0003;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 4rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.card-label-type {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 14px;
}

.videocrop {
  width: 107%;
  display: block;
  overflow: hidden;
}

.amount-won {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 80vh;
  display: flex;
  overflow: hidden;
}

._50k-counter {
  color: #fff;
  text-align: center;
  font-family: Eslavasolid, sans-serif;
  font-size: 24.3vw;
  line-height: 90%;
}

.sign {
  color: #fff;
  text-align: center;
  font-family: Orbitron, sans-serif;
  font-size: 15vw;
  font-weight: 800;
  line-height: 90%;
}

.section-label {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
}

._50k-start, ._50k-end, .comma {
  color: #fff;
  text-align: center;
  font-family: Eslavasolid, sans-serif;
  font-size: 24.3vw;
  line-height: 90%;
}

.counter-home {
  color: var(--white);
  letter-spacing: -.5rem;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #fff0;
  font-family: Orbitron, sans-serif;
  font-size: 15vw;
  font-weight: 800;
  line-height: 90%;
}

.counter-home.progress {
  font-size: 4vw;
}

.counter-home.small {
  letter-spacing: .5rem;
  font-size: 15vw;
}

.prize-label-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
}

.prize-label-wrapper.hide-desktop {
  display: none;
}

.prize-label-wrapper-top {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
}

._14-label {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
}

._14-label.is-white {
  color: var(--white-50);
  text-transform: uppercase;
}

.the-x-vault {
  z-index: 100;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  height: 100vh;
  padding-left: 4vw;
  padding-right: 6vw;
  display: flex;
  position: relative;
}

.the-x-vault._05 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.the-x-vault._03 {
  height: auto;
}

.the-x-vault._04 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65fc5fee6b4daf1ffcc7a2d2_Medium.png");
  background-position: 110% 100%;
  background-repeat: no-repeat;
  background-size: 22rem;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  height: auto;
  overflow: hidden;
}

.the-x-vault._04.no-padding {
  background-color: var(--black);
  background-image: none;
  height: 115vh;
  padding-left: 0;
  padding-right: 0;
}

.the-x-vault._04.no-padding.hide-content {
  display: flex;
}

.the-x-vault._06, .the-x-vault._07 {
  padding-right: 4vw;
}

.the-x-vault._08, .the-x-vault.section-two {
  height: auto;
}

.the-x-vault.layout3 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.search-for-treasure {
  z-index: 100;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  height: 100vh;
  padding-left: 4vw;
  padding-right: 6vw;
  display: flex;
  position: relative;
}

.search-for-treasure._05 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.search-for-treasure._03 {
  height: auto;
}

.search-for-treasure._04 {
  height: auto;
  overflow: hidden;
}

.search-for-treasure._06, .search-for-treasure._07 {
  padding-right: 4vw;
}

.search-for-treasure._08, .search-for-treasure.section-two {
  height: auto;
}

.search-for-treasure.section-two.hide-content {
  display: none;
}

.search-for-treasure.layout3 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.join-the-hunt-inner {
  width: 100%;
  height: 100%;
}

.join-the-hunt-inner.black {
  z-index: 0;
  background-color: #000;
  position: relative;
}

.join-the-hunt-inner._01 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 20vh;
  display: flex;
}

.join-the-hunt-inner.orange {
  background-color: #ff9925;
  width: 100%;
}

.join-the-hunt-inner._02 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
  overflow: hidden;
}

.join-the-hunt-inner._03 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 20vh;
  margin-bottom: 20vh;
  padding-top: 4vw;
  padding-bottom: 4vw;
  display: flex;
  position: relative;
}

.join-the-hunt-inner._04 {
  grid-column-gap: 8vw;
  grid-row-gap: 8vw;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 40vh;
  margin-bottom: 40vh;
  padding-top: 4vw;
  padding-bottom: 4vw;
  display: flex;
  position: relative;
}

.join-the-hunt-inner._05 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  height: auto;
  display: flex;
  overflow: hidden;
}

.join-the-hunt-inner._06 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.join-the-hunt-inner._08 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 20vh;
  margin-bottom: 20vh;
  padding-top: 4vw;
  padding-bottom: 4vw;
  display: flex;
  position: relative;
}

.join-the-hunt-inner._07 {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-right: 0;
  display: flex;
  overflow: hidden;
}

.join-the-hunt-inner._03-copy {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 20vh;
  margin-bottom: 20vh;
  padding-top: 4vw;
  padding-bottom: 4vw;
  display: flex;
  position: relative;
}

.join-the-hunt-inner._10-000-hunt {
  grid-column-gap: 6vw;
  grid-row-gap: 6vw;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  display: flex;
}

.join-the-hunt-inner._10-000-hunt.vertical-stack {
  flex-flow: column;
}

.extract {
  z-index: 100;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  height: 100vh;
  padding-left: 4vw;
  padding-right: 6vw;
  display: flex;
  position: relative;
}

.extract._05 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.extract._03 {
  height: auto;
}

.extract._04 {
  height: auto;
  overflow: hidden;
}

.extract._06, .extract._07 {
  padding-right: 4vw;
}

.extract._08, .extract.section-two {
  height: auto;
}

.extract.layout3 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.mission-intel {
  z-index: 100;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  height: 100vh;
  padding-left: 4vw;
  padding-right: 6vw;
  display: flex;
  position: relative;
}

.mission-intel._05 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.mission-intel._03 {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding-top: 12rem;
  padding-bottom: 12rem;
  padding-right: 4vw;
  overflow: hidden;
}

.mission-intel._03.hide-content {
  display: none;
}

.mission-intel._04 {
  height: auto;
  overflow: hidden;
}

.mission-intel._06, .mission-intel._07 {
  padding-right: 4vw;
}

.mission-intel._08, .mission-intel.section-two {
  height: auto;
}

.mission-intel.layout3 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.extract-section {
  z-index: 100;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  height: 100vh;
  padding-left: 4vw;
  padding-right: 6vw;
  display: flex;
  position: relative;
}

.extract-section._05 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.extract-section._03 {
  height: auto;
}

.extract-section._04 {
  height: auto;
  overflow: hidden;
}

.extract-section._06, .extract-section._07 {
  padding-right: 4vw;
}

.extract-section._08, .extract-section.section-two {
  height: auto;
}

.extract-section.layout3 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.mission-graphics {
  width: auto;
  height: 16vw;
}

.intel-badge {
  width: 32vw;
  height: 32vw;
  margin-bottom: 8rem;
  margin-right: 4vw;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.intel-badge-text, .intel-badge-px {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
}

.the-roster {
  z-index: 100;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  height: 100vh;
  padding-left: 4vw;
  padding-right: 6vw;
  display: flex;
  position: relative;
}

.the-roster._05 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.the-roster._03 {
  height: auto;
}

.the-roster._04 {
  height: auto;
  overflow: hidden;
}

.the-roster._06, .the-roster._07 {
  padding-right: 4vw;
}

.the-roster._08 {
  height: auto;
}

.the-roster._08.hide-content {
  display: none;
}

.the-roster.section-two {
  height: auto;
}

.the-roster.layout3 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.nav-gradient-bottom {
  z-index: 1000;
  filter: blur(20px);
  background-image: linear-gradient(#000 21%, #0000);
  height: 16rem;
  position: fixed;
  inset: 0% 0% auto;
}

.link-text-wrapper {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  display: flex;
}

.underline {
  background-color: #fff;
  height: .1rem;
}

.full-roster-wrapper {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 4vw;
  padding-left: 4vw;
  padding-right: 4vw;
  display: grid;
}

.div-block-40 {
  display: flex;
}

.eslava-roster {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Eslavasolid, sans-serif;
  font-size: 23.8vw;
}

.roaster-title-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  padding: 4rem 4vw;
  display: flex;
}

.counter-roster {
  color: var(--white);
  text-align: center;
  letter-spacing: -1rem;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #fff0;
  font-family: Orbitron, sans-serif;
  font-size: 15vw;
  font-weight: 700;
  line-height: 90%;
}

.counter-roster.progress {
  font-size: 4vw;
}

.m-sign {
  color: #fff;
  text-align: center;
  font-family: Eslavasolid, sans-serif;
  font-size: 22.3vw;
  line-height: 90%;
}

.follower-count-wrapper {
  z-index: 10;
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
  position: relative;
}

.roster-counter-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 50vh;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  overflow: hidden;
}

.div-block-41 {
  display: flex;
}

.div-block-42 {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-43 {
  width: 14rem;
  display: flex;
}

.div-block-43.hide {
  display: none;
}

.roster-label {
  text-align: center;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
}

.chests-wrapper-keep {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: static;
  top: 12rem;
}

.right-slot-huntpass, .right-slot-the-x-vault {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  background-color: #fff0;
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 0;
  display: flex;
}

.div-block-44 {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 8rem;
  display: flex;
  position: relative;
  left: auto;
}

.prize-label-wrapper-copy {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
}

.hunt-pass-gif {
  object-fit: fill;
  width: 140%;
  max-width: none;
  height: auto;
  position: relative;
  inset: auto;
  transform: rotate(-44deg);
}

.x-tokens-products-section {
  flex-direction: column;
  justify-content: flex-start;
  width: 100dvw;
  height: auto;
  min-height: auto;
  padding-top: 100px;
  padding-bottom: 0;
  display: none;
  position: relative;
}

.x-tokens-products-section.no-padding {
  border-bottom: 1px solid #474747;
  padding-top: 0;
  padding-bottom: 0;
}

.products-columns {
  grid-column-gap: 0px;
  flex-direction: column;
  flex: none;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: 100vh;
  padding-top: 0;
  display: flex;
  position: relative;
  top: 0;
}

.products-column-container {
  flex: none;
  align-items: center;
  width: 100%;
  display: flex;
}

.product-column-1 {
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 auto;
  width: 100%;
  height: auto;
  min-height: auto;
  display: flex;
}

.product-image {
  flex: 0 auto;
  width: auto;
  padding-bottom: 0%;
  display: flex;
  position: relative;
}

.product-grid-image {
  width: 100%;
  position: relative;
}

.product-column-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.droid-column-1-copy {
  grid-row-gap: 16px;
  flex-direction: column;
  flex: 0 auto;
  width: 100%;
  height: auto;
  min-height: auto;
  display: flex;
}

.hero-sub-tex {
  max-width: none;
}

.section-label-top {
  text-align: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 20px;
}

.guns {
  z-index: 100;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  height: 100vh;
  padding-left: 4vw;
  padding-right: 6vw;
  display: flex;
  position: relative;
}

.guns._05 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.guns._03 {
  height: auto;
}

.guns._04 {
  height: auto;
  overflow: hidden;
}

.guns._06 {
  justify-content: center;
  align-items: center;
  padding-right: 4vw;
}

.guns._07 {
  height: auto;
  padding-right: 4vw;
}

.guns._07.hide-content {
  display: none;
}

.guns._08, .guns.section-two {
  height: auto;
}

.guns.layout3 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.phone-image {
  z-index: 10;
  width: 101%;
  max-width: 100%;
  position: absolute;
  inset: 0 0% 0%;
  transform: scale(1.03);
}

.phone-wrapper {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.image-wrapper-left {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.phone-frame {
  z-index: 500;
  object-fit: fill;
  flex: 0 auto;
  height: 74.2vh;
  margin-top: -6px;
  padding-top: 30px;
  padding-left: 0;
  position: absolute;
  top: 0;
  transform: scale(1.11);
}

.join-communityl-label {
  color: #fff;
  padding-right: 8px;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.join-communityl-label.is-white {
  color: var(--white);
  flex: 0 auto;
  width: 100%;
  max-width: 28rem;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

.join-communityl-label.is-white.hs-label {
  max-width: 22rem;
}

.join-communityl-label.is-white.hs-label.o-50 {
  opacity: .5;
  width: auto;
}

.join-communityl-label.is-white.hs-label.o-50.align-right {
  text-align: right;
  align-self: auto;
  width: auto;
  max-width: none;
}

.join-communityl-label.label, .join-communityl-label.label-copy {
  opacity: .5;
}

.join-communityl-label.is-grey {
  color: #b9b9b9;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 10px;
  transition: color .2s;
}

.bottom-label-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--black);
  border: 1px #525252;
  padding: 16px 24px;
  display: flex;
}

.bottom-label-wrapper.notch8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  margin-top: 0;
}

.link-block-7 {
  flex: none;
}

.the-prizes-section {
  z-index: 100;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  height: auto;
  padding-left: 4vw;
  padding-right: 6vw;
  display: flex;
  position: relative;
}

.the-prizes-section._05 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.the-prizes-section._03 {
  height: auto;
}

.the-prizes-section._04 {
  height: auto;
  overflow: hidden;
}

.the-prizes-section._06 {
  justify-content: center;
  align-items: center;
  padding-right: 4vw;
}

.the-prizes-section._07 {
  padding-right: 4vw;
}

.the-prizes-section._08, .the-prizes-section.section-two {
  height: auto;
}

.the-prizes-section.layout3 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.background-video-13 {
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.div-block-45 {
  z-index: 9999;
  position: fixed;
  inset: 0% 0% auto;
}

.products-collage-video {
  z-index: 0;
  opacity: 1;
  object-fit: cover;
  object-position: 50% 50%;
  justify-content: center;
  align-items: center;
  width: 102vw;
  height: 120vh;
  min-height: auto;
  display: flex;
  position: absolute;
  top: auto;
  left: 0;
}

.the-prizes {
  z-index: 100;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  width: 100%;
  height: 100vh;
  padding-left: 4vw;
  padding-right: 6vw;
  display: flex;
  position: relative;
}

.the-prizes._05 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.the-prizes._03 {
  height: auto;
}

.the-prizes._04 {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65fc5fec77a338c40751d874_Large.png");
  background-position: -14vw 82vh;
  background-repeat: no-repeat;
  background-size: 40vw;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: 120vh;
  overflow: hidden;
}

.the-prizes._04.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.the-prizes._04.hide-content {
  display: none;
}

.the-prizes._06, .the-prizes._07 {
  padding-right: 4vw;
}

.the-prizes._08, .the-prizes.section-two {
  height: auto;
}

.the-prizes.layout3 {
  height: auto;
  margin-top: 20vh;
  padding-left: 0;
  padding-right: 0;
}

.bottom-label-wrapper-ouline {
  background-color: var(--white-20);
  padding: 1px;
}

.bottom-label-wrapper-ouline.notch8 {
  margin-top: 24px;
}

.hunt-pass-wrapper {
  width: 100%;
}

.hero-img-mobile {
  z-index: 50;
  opacity: 1;
  object-fit: cover;
  object-position: 50% 50%;
  justify-content: center;
  align-items: center;
  width: 102vw;
  height: 100%;
  min-height: auto;
  display: none;
  position: absolute;
  top: -10%;
  left: 0;
}

.div-block-48 {
  height: 100vh;
}

.heading-26 {
  font-family: Eslavasolid, sans-serif;
}

.new-hero-h1 {
  color: var(--black-81);
  text-align: center;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--white);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Eslavasolid, sans-serif;
  font-size: 20vw;
  font-weight: 400;
  line-height: 80%;
}

.new-hero-h1.scholarshipos {
  color: var(--white);
  text-align: left;
  -webkit-text-stroke-width: 0px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Orbitron, sans-serif;
  font-size: 9vw;
}

.new-hero-h1.roster {
  text-align: left;
  font-size: 24vw;
}

.new-hero-h1.squad {
  text-align: left;
  background-color: #fff;
  font-family: Orbitron, sans-serif;
  font-size: 22vw;
  font-weight: 900;
}

.hero-gradient-stroke-text {
  margin-bottom: 16px;
  position: relative;
}

.h1-gradient-overlay {
  pointer-events: none;
  background-image: linear-gradient(#0000, #000000e6);
  padding-bottom: 0;
  position: absolute;
  inset: 0% 0% -12%;
}

.navitem-border {
  background-color: var(--white);
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
}

.previous-logos {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-83 {
  width: 48%;
  max-width: none;
  height: auto;
}

.image-84 {
  width: 48%;
  max-width: none;
}

.image-85 {
  height: 80dvh;
}

.image-85.tsteam {
  object-fit: contain;
  max-width: 90%;
  overflow: hidden;
}

.left-droid-figure {
  z-index: 2;
  margin-left: 0;
  display: block;
  position: absolute;
  left: -140px;
  overflow: hidden;
}

.right-droid-figure {
  z-index: 2;
  position: absolute;
  right: -265px;
  transform: scale(1.2);
}

.car-bg {
  z-index: 2;
  pointer-events: none;
  width: 100vw;
  margin-top: 0;
  position: absolute;
  top: 0;
}

.car-bg.aston {
  z-index: 4;
}

.hunt-boxes {
  z-index: 5;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1.5px solid var(--white-20);
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #0009;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  height: 48px;
  padding: 16px 24px;
  display: flex;
  position: relative;
  top: 0;
}

.hunt-boxes.green {
  border-color: #fff3;
  padding-left: 16px;
  padding-right: 16px;
}

.test-size-16 {
  color: var(--white);
  flex: none;
  font-family: Space Grotesk, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.test-size-16._0-50 {
  opacity: .5;
}

.test-size-16.is-green {
  color: var(--white);
}

.hunt-boxes-wrapper {
  z-index: 4;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-left: 40px;
  display: flex;
  position: absolute;
  top: 693px;
}

.hunt-boxes-wrapper.no-pdding {
  padding-left: 0;
  top: auto;
  bottom: 8rem;
}

.hunt-boxes-wrapper.aston {
  top: auto;
  bottom: 20%;
}

.left-boxes-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.porsche-logo {
  width: 80%;
}

.coming-soon-clip {
  width: 200px;
  display: flex;
}

.mountains-bg {
  z-index: 1;
  width: 100vw;
  margin-top: 0;
  position: relative;
  top: 0;
}

.mountains-bg.am {
  z-index: 2;
}

.image-86, .image-86-copy {
  height: 12px;
}

.image-86-copy.kai, .image-86-copy.ts-logo {
  height: 56px;
}

.div-block-50 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.coin-video {
  width: 100%;
}

.coin-video.notch-8 {
  aspect-ratio: 1;
}

.social-count-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  display: flex;
}

.social-link-wrapper {
  cursor: pointer;
  text-decoration: none;
}

.hide-game-play {
  -webkit-backdrop-filter: blur(40px);
  backdrop-filter: blur(40px);
  border-radius: 4vw;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.hide-game-play._50vw {
  width: 50vw;
}

.game-play-type {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 20px;
}

.x-clan-logo {
  width: 100%;
}

.x-clan-logo-wrap {
  width: 100%;
  padding-left: 4vw;
  padding-right: 4vw;
  position: absolute;
  top: 265px;
}

.div-block-51 {
  background-image: linear-gradient(0deg, #000, #0000);
  width: 100%;
  height: 14rem;
  position: absolute;
  bottom: 0;
}

.sticky-wrapper-x-clan {
  width: 100%;
  height: 100%;
  display: flex;
}

.left-title-section {
  width: 100%;
  height: auto;
  position: relative;
}

.right-title-section {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.title-wrapper-sticky {
  position: sticky;
  top: 12rem;
}

.title-wrapper-sticky.left-80 {
  padding-left: 80px;
}

.compensation-item {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.equity-item {
  margin-bottom: 0;
}

.equity-item-wrapper {
  border: 1px solid var(--white-50);
  padding: 24px;
}

.branding-hero {
  height: auto;
  padding: 120px 4vw 80px;
}

.branding-guide-h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 11vw;
}

.two-collumn-wrapper {
  display: flex;
}

.left-collumn {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 60%;
  padding-bottom: 4vw;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
}

.right-collumn {
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: stretch;
  width: 40%;
  padding-bottom: 4vw;
  padding-left: 4vw;
  padding-right: 4vw;
  display: flex;
  position: sticky;
  top: 8rem;
}

.column-title-brand-guide {
  margin-top: 0;
  margin-bottom: 8px;
  font-family: Orbitron, sans-serif;
  font-size: 32px;
}

.resource-link-wrapper {
  border-bottom: 1px none var(--white-20);
  color: var(--butterfly);
  justify-content: space-between;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 16px;
  text-decoration: none;
  display: flex;
}

.image-87 {
  cursor: pointer;
  width: 40px;
  height: 40px;
  transition: all .2s;
}

.image-87:hover {
  transform: scale(1.2);
}

.info-item-wrapper {
  display: flex;
}

.info-item-wrapper.v-stack {
  flex-flow: column;
}

.info-item-label {
  justify-content: flex-start;
  align-items: flex-start;
  width: 300px;
  padding-top: 2px;
  display: flex;
}

.info-items-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px none var(--white-20);
  border-bottom: 1px solid var(--white-20);
  flex-flow: column;
  margin-bottom: 24px;
  padding-top: 0;
  padding-bottom: 24px;
  display: flex;
}

.link-block-8 {
  cursor: pointer;
  border-bottom: 1px solid #fff3;
  text-decoration: none;
  transition: all .2s;
}

.link-block-8:hover {
  padding-left: 0;
}

.link-block-9 {
  cursor: pointer;
  text-decoration: none;
  transition: all .2s cubic-bezier(.39, .575, .565, 1);
}

.link-block-10 {
  cursor: pointer;
  text-decoration: none;
  transition: opacity .2s;
}

.mothership-wrapper {
  text-decoration: none;
}

.link-block-11 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.bullets {
  text-indent: 0;
  white-space: normal;
  margin-left: 8px;
  font-size: 12px;
  display: block;
}

.tesla-logo {
  height: 50px;
}

.vvideo-wrapper-left {
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.code-embed {
  border-radius: 2px;
  width: 100%;
}

.backers-footer-bar {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  width: 80%;
  max-width: 80%;
  height: auto;
  display: none;
}

.xai {
  object-fit: contain;
  flex: none;
  max-width: 60px;
  height: auto;
}

.sneaky {
  max-width: 200px;
}

.backers-footer {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
}

.backers-logos-wrapper {
  grid-column-gap: 1.4rem;
  grid-row-gap: 1.4rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.citizen, .pudgey {
  max-width: 120px;
}

.id-theory, .cetacean {
  max-width: 130px;
}

.skyvision {
  max-width: 110px;
}

.team-backers-bar {
  grid-column-gap: 4vw;
  grid-row-gap: 4vw;
  flex-flow: row;
  place-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  height: auto;
  margin-top: 60px;
  margin-bottom: 60px;
  display: block;
}

.backed-by {
  opacity: .5;
  color: #fff;
  letter-spacing: 1px;
  padding-bottom: .4rem;
  font-family: Space Grotesk, sans-serif;
  font-size: 11px;
  line-height: 16px;
}

.backed-by.is-white {
  color: var(--white);
  flex: 0 auto;
  width: 100%;
  max-width: 28rem;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
  line-height: 140%;
}

.backed-by.is-white.hs-label {
  max-width: 22rem;
}

.backed-by.is-white.hs-label.o-50 {
  opacity: .5;
  width: auto;
}

.backed-by.is-white.hs-label.o-50.align-right {
  text-align: right;
  align-self: auto;
  width: auto;
  max-width: none;
}

.backed-by.label, .backed-by.label-copy {
  opacity: .5;
}

.bcked-by {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Orbitron, sans-serif;
  font-size: 32px;
}

.div-block-52 {
  display: flex;
}

.backers-heading {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.heading-27 {
  font-family: Orbitron, sans-serif;
  font-size: 32px;
}

.mountains-sky-bg {
  z-index: 1;
  width: 100vw;
  margin-top: 0;
  position: absolute;
  top: 0;
}

.aston-martin-hunt-hero {
  mix-blend-mode: lighten;
  width: 100dvw;
  height: 100dvh;
  position: relative;
}

.aston-martin-hunt-container {
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: none;
  height: 120dvh;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.heading-28 {
  font-family: Orbitron, sans-serif;
  font-size: 32px;
}

.prohunter {
  max-width: 70%;
}

.hunt-schedule-hero-wrapper {
  flex: 1;
  align-self: flex-end;
}

.hunt-schedule-hero-section {
  height: auto;
  min-height: 70dvh;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 15vh;
}

.hunt-schedule-hero-section.security {
  min-height: 90dvh;
}

.hunt-schedule-hero-section.x-team {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/68137b05d6d7d674c89ec8d3_hero-blur%201.webp");
  background-position: 50%;
  background-size: 120vw;
  min-height: 95dvh;
}

.hunt-schedule-hero-heading {
  grid-column-gap: 6vh;
  grid-row-gap: 6vh;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.h1.hunt-schedule {
  text-align: center;
  letter-spacing: -5px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff 25%, #7f7f7f);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Orbitron, sans-serif;
  font-size: 15vw;
  font-weight: 900;
  line-height: 80%;
}

.h1.security {
  text-align: center;
  letter-spacing: -5px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff 25%, #7f7f7f);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Orbitron, sans-serif;
  font-size: 13vw;
  font-weight: 900;
  line-height: 80%;
}

.h1.x-team {
  text-align: center;
  letter-spacing: -5px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff 25%, #7f7f7f);
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  font-family: Orbitron, sans-serif;
  font-size: 12vw;
  font-weight: 900;
  line-height: 80%;
}

.hunt-schedule-hero-sub-text {
  color: var(--white-50);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 60vw;
  font-family: Orbitron, sans-serif;
  font-size: 2vw;
  font-weight: 400;
  line-height: 120%;
}

.white-span {
  color: var(--white);
  font-weight: 800;
}

.month-section {
  z-index: 2;
  width: 100vw;
  position: relative;
}

.month-selectors {
  z-index: 5;
  background-color: var(--transparent);
  background-image: linear-gradient(#000 57%, #0000 100%, #000);
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  min-height: 25vh;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: sticky;
  top: 40px;
}

.month-selectors-row {
  z-index: 5;
  grid-column-gap: .5vw;
  grid-row-gap: .5vw;
  background-color: var(--transparent);
  justify-content: space-between;
  align-items: center;
  min-width: 100vw;
  padding: 24px 64px;
  display: flex;
  position: relative;
  overflow: scroll;
}

.month-selector {
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #767676;
  border-radius: 24px;
  padding: 8px 12px;
  font-family: Orbitron, sans-serif;
  font-size: .8vw;
  font-weight: 800;
  line-height: 100%;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.month-selector:hover {
  background-color: var(--white-20);
  border-width: 1px;
  border-color: #fff;
}

.gradient-overlay {
  z-index: 6;
  pointer-events: none;
  background-image: linear-gradient(270deg, #000, #0000);
  width: 80px;
  height: 40px;
  display: flex;
  position: absolute;
  inset: auto 0 auto auto;
}

.gradient-overlay.left {
  z-index: 4;
  background-image: linear-gradient(270deg, #0000, #000);
  width: 80px;
  height: 100%;
  left: 0;
  right: auto;
}

.gradient-overlay._40 {
  width: 40px;
}

.gradient-overlay.right {
  height: 100%;
}

.hunt-block {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.hunt-left-block {
  justify-content: flex-end;
  align-items: center;
  width: 50vw;
  padding-right: 8vw;
  display: flex;
}

.hunt-right-block {
  justify-content: center;
  align-items: center;
  width: 50vw;
  height: 100%;
  display: flex;
  position: relative;
}

.hunt-details-wrap {
  flex-flow: column;
  flex: 0 auto;
  display: flex;
}

.hunt-block-date {
  font-family: Orbitron, sans-serif;
  font-size: 2vw;
  font-weight: 800;
}

.hunt-details {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  display: flex;
}

.hunt-detail-row {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hunt-detail-label {
  color: var(--white-50);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 1vw;
  font-weight: 800;
  line-height: 100%;
}

.hunt-detail-value {
  color: var(--white);
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 1vw;
  font-weight: 800;
  line-height: 100%;
}

.hunt-detail-value.normal {
  font-weight: 400;
}

.xtoken-wrap {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.x-token-icon {
  width: 50px;
  max-width: none;
}

.x-token-icon-wrap {
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: flex;
}

.hunt-prize-card {
  background-color: var(--white-10);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background-image: linear-gradient(#fff6, #ffffff1a);
  flex: none;
  width: 25vw;
  height: 20vw;
  padding: .5px;
}

.hunt-prize-card.notch24 {
  z-index: 3;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  flex: none;
  width: 25vw;
  position: relative;
}

.hunt-prize-card.notch24.second-prize {
  z-index: 2;
  position: relative;
  left: auto;
}

.hunt-prize-card.notch24.second-prize:hover {
  z-index: 2;
}

.hunt-prize-card.notch24.third-prize {
  z-index: 1;
  position: relative;
  left: auto;
}

.hunt-prize-card.notch24.third-prize:hover {
  z-index: 1;
}

.hunt-prize-card-inner {
  background-color: var(--black);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  width: 100%;
  height: 100%;
}

.hunt-prize-card-inner.notch24 {
  -webkit-backdrop-filter: blur();
  backdrop-filter: blur();
  background-color: #000000b3;
}

.hunt-prize-image {
  height: 70%;
}

.hunt-prize-image.notch24, .hunt-prize-image.notch16 {
  overflow: hidden;
}

.hunt-prize-details {
  grid-column-gap: .5vh;
  grid-row-gap: .5vh;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 30%;
  padding: 16px;
  display: flex;
}

.hunt-prize-name {
  font-size: 1.2vw;
}

.prize-card-image {
  box-sizing: content-box;
  pointer-events: none;
  object-fit: fill;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.hunt-timeline-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
}

.timeline-marker {
  z-index: 9;
  background-color: var(--black);
  border: 2px #fff;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: absolute;
  inset: auto;
  transform: rotate(45deg);
}

.marker-inner {
  background-color: var(--black);
  border: 1px solid #fff3;
  width: 12px;
  height: 12px;
}

.marker-corner {
  border: 1px #000;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  width: 6px;
  height: 6px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.marker-corner.top-right {
  border-left-style: none;
  border-right-style: solid;
  border-right-color: #fff;
  inset: 0% 0% auto auto;
}

.marker-corner.bottom-left {
  border-top-style: none;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  inset: auto auto 0% 0%;
}

.marker-corner.bottom-right {
  border-style: none solid solid none;
  border-bottom-color: #fff;
  border-right-color: #fff;
  inset: auto 0% 0% auto;
}

.timeline-bar-outer {
  z-index: 1;
  background-color: var(--white-20);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 1px;
  height: 100%;
  margin-top: 42vh;
  display: flex;
  position: absolute;
  inset: auto;
}

.timeline-bar-outer.roadmap {
  margin-top: 10vh;
}

.hunt-card-scroll {
  grid-column-gap: 1vw;
  grid-row-gap: 1vw;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 50vw;
  height: 100%;
  padding: 10px 8vw;
  display: flex;
  overflow: scroll;
}

.timeline-bar-inner {
  background-color: var(--butterfly);
  width: 100%;
  height: 100%;
}

.timeline-bar-inner.top {
  background-color: var(--black);
}

.timeline-bar-top {
  z-index: 5;
  background-color: #000;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.timeline-wrapper {
  z-index: 1;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: absolute;
}

.back-to-top {
  z-index: 100;
  background-color: var(--white);
  filter: drop-shadow(0 2px 24px #000000b3);
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  margin-bottom: 5vw;
  margin-right: 5vw;
  transition: all .2s;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.back-to-top:hover {
  background-color: var(--butterfly);
  color: var(--butterfly);
  transform: scale(1.1);
}

.up-arrow {
  transform: rotate(-90deg);
}

.month-hero-heading {
  grid-column-gap: 6vh;
  grid-row-gap: 6vh;
  background-color: var(--black);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 2vh;
  padding-bottom: 2vh;
  display: flex;
  overflow: visible;
}

.h2 {
  text-align: center;
  font-family: Orbitron, sans-serif;
}

.h2.hunt-schedule {
  text-align: center;
  letter-spacing: -5px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#fff 25%, #7f7f7f);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Orbitron, sans-serif;
  font-size: 15vw;
  font-weight: 900;
  line-height: 80%;
}

.h2.month-heading {
  z-index: 5;
  background-image: linear-gradient(180deg, white, var(--white-50));
  color: var(--white);
  text-align: center;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: var(--white-50);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 7vw;
  position: relative;
  top: 0;
}

.div-block-53 {
  position: absolute;
}

.current-price-label {
  color: var(--white-50);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: .8vw;
  font-weight: 400;
  line-height: 100%;
}

.current-price-label.small {
  -webkit-text-stroke-width: 0px;
  font-size: 24px;
}

.current-price-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.point-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--white-10);
  border-radius: 2px;
  padding: 12px;
  display: flex;
}

.point-wrap.notch8 {
  background-color: var(--transparent);
  padding: 4px;
}

.bullet-icon {
  align-self: center;
  width: 16px;
  height: 16px;
}

.point-wrap-outer {
  background-image: none;
  border-radius: 2px;
  padding: 1px;
}

.bullet-points-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  display: flex;
}

.bullet-text {
  margin-bottom: 0;
  font-size: 14px;
}

.bullet-text.left {
  font-size: 14px;
}

.reserve-cta {
  letter-spacing: .16rem;
  text-transform: uppercase;
  background-color: #60f;
  background-image: none;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: auto;
  padding: 1.2rem;
  font-family: Orbitron, sans-serif;
  font-size: .8vw;
  font-weight: 800;
  transition: all .2s;
  display: flex;
  box-shadow: 0 10px 20px #6600ff80;
}

.reserve-cta:hover {
  box-shadow: none;
  opacity: .8;
}

.reserve-cta.notch12 {
  z-index: 0;
  perspective: none;
  background-image: none;
  flex: 1;
  transition: box-shadow .2s;
  position: relative;
  overflow: visible;
  transform: perspective(400px)rotate(0)perspective(160px);
  box-shadow: 0 2px 20px #6600ff80;
}

.reserve-cta.notch12:hover {
  transform: perspective(400px)perspective(160px);
  box-shadow: 0 8px 40px 1px #6600ffb3;
}

.reserve-cta.notch12.is-green {
  background-color: #0eefb9;
  text-decoration: none;
  box-shadow: 0 2px 20px #0defb933;
}

.reserve-cta.notch12.is-white {
  box-shadow: none;
  background-color: #fff0;
}

.reserve-cta.watch-trailer {
  box-shadow: none;
  background-color: #0009;
  background-image: none;
}

.success-message-inner {
  background-color: var(--black);
  padding: 24px;
}

.success-message-inner.notch16 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 16px;
  padding-bottom: 48px;
  display: flex;
}

.reserve-confirmation {
  text-align: center;
  font-family: Orbitron, sans-serif;
  font-size: 2vw;
}

.lottie-animation-32 {
  width: 8vw;
}

.crypto-popup-heading-copy {
  white-space: normal;
  width: 100%;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-size: 5vw;
  font-weight: 800;
}

.xdroids-section-heading {
  text-align: center;
  white-space: normal;
  width: 100%;
  margin-bottom: 60px;
  font-family: Orbitron, sans-serif;
  font-size: 4vw;
  font-weight: 800;
}

.faze-quote {
  background-color: #cecece;
  width: 100%;
  height: 8rem;
}

.faze-quote.notch24 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ffffff1a;
  flex-flow: column;
  height: auto;
  padding: 16px;
  display: flex;
}

.faze-title {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  padding-top: 6px;
  display: flex;
}

.faze-title-image {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-88 {
  max-width: 120%;
}

.tesla-bg {
  z-index: 1;
  width: 100vw;
  margin-top: 0;
  position: relative;
  top: 0;
}

.tesla-bg.am {
  z-index: 2;
}

.roadmaphero-sub-text {
  color: var(--white);
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 60vw;
  font-family: Orbitron, sans-serif;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 125%;
}

.roadmaphero-sub-text.update {
  color: var(--white-50);
  border: 1px solid #ffffff80;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 16px 24px;
  font-size: 1.4vw;
  display: flex;
}

.roadmaphero-sub-text.security {
  text-transform: none;
  font-family: Space Grotesk, sans-serif;
  font-weight: 400;
}

.roadmaphero-sub-text.x-team {
  text-transform: uppercase;
  width: 45vw;
  font-family: Orbitron, sans-serif;
  font-size: 1vw;
  font-weight: 400;
  line-height: 140%;
}

.roadmap-item-block {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.roadmap-item-detail-text {
  width: 30vw;
  font-family: Space Grotesk, sans-serif;
  font-size: 14px;
}

.roadmap-item-heading {
  width: 30vw;
  font-family: Orbitron, sans-serif;
  font-size: 2vw;
  font-weight: 800;
}

.roadmap-block-image {
  width: 100%;
  padding-left: 10%;
  padding-right: 10%;
}

.gallax-hero {
  background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/673610102315c9d570015fb7_gallaxcoin.avif");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50vw;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  display: flex;
}

.gallax-hero-container {
  z-index: 10;
  grid-column-gap: 5vh;
  grid-row-gap: 5vh;
  background-image: linear-gradient(180deg, var(--transparent), var(--black) 58%);
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 30vh;
  display: flex;
  position: relative;
  top: 0;
}

.gallax-hero-heading {
  align-self: center;
}

.gallax-hero-h1 {
  font-family: Orbitron, sans-serif;
  font-size: 11vw;
}

.text-span-10 {
  color: var(--transparent);
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: var(--white);
}

.gallax-hero-subheading {
  color: #fff;
  letter-spacing: .2vw;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 2vw;
  font-weight: 400;
}

.video-wrapper {
  z-index: 6;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 0;
  display: flex;
  position: fixed;
}

.coin-shader {
  z-index: 15;
  background-image: linear-gradient(#0000 85%, #000000d1 96%, #000);
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.bottom-coins {
  z-index: 11;
  width: 100%;
  line-height: 5px;
  display: none;
  position: fixed;
  bottom: 0;
}

.video-shader {
  z-index: 10;
  background-image: radial-gradient(circle, #0000, #0000 15%, #000000d1 39%, #000 42%);
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.coin-video-2 {
  z-index: 9;
  aspect-ratio: 1;
  width: 60%;
  height: auto;
}

.gallax-hero-buttons, .social-buttons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.link-block-12 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--white-20);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: 4px 12px 4px 4px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.link-block-12:hover {
  background-color: var(--white-20);
}

.link-block-12.x, .link-block-12.link, .link-block-12.website {
  padding-left: 12px;
}

.gallax-social-text {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-weight: 800;
  text-decoration: none;
}

.image-89 {
  width: 24px;
  padding-right: 0;
}

.gallax-section {
  z-index: 7;
  background-color: var(--black);
  width: 100vw;
  min-height: 50vh;
  position: relative;
}

.gallax-section._100vh {
  flex-flow: column;
  min-height: 100vh;
  display: flex;
}

.gallax-section-container {
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.gallax-section-left {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding: 5% 7.5vw;
  display: flex;
}

.gallax-section-right {
  width: 100%;
  height: 100%;
  padding: 5% 7.5vw;
}

.gallax-section-right.no-padding {
  padding: 0%;
}

.gallax-h2 {
  flex-flow: column;
  font-family: Orbitron, sans-serif;
  font-size: 5vw;
  display: flex;
}

.image-90 {
  padding-right: 0;
}

.image-padding {
  padding-right: 2vw;
}

.paragraph-gallax {
  font-size: 1vw;
}

.photo-wrapper {
  border: 1px solid var(--white-10);
  background-color: var(--purple);
  border-radius: 2px;
  padding: 8px;
  display: flex;
}

.james-face-button {
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 4px;
  width: 40px;
  overflow: hidden;
}

.james-face-button.play {
  width: 16px;
}

.div-block-54 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
  padding-right: 12px;
  display: flex;
}

.link-block-13 {
  text-decoration: none;
}

.completed {
  background-color: var(--butterfly);
  justify-content: space-between;
  align-self: flex-start;
  align-items: center;
  height: auto;
  margin-bottom: 24px;
  padding: 8px 12px;
  display: flex;
}

.completed-text {
  width: auto;
  font-family: Orbitron, sans-serif;
  font-size: 1.4vw;
  font-weight: 800;
}

.james-video-popup {
  z-index: 100009;
  background-color: var(--black-80);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.james-founder-video {
  background-color: #0000;
  border-radius: 0;
  flex: 0 auto;
  align-self: auto;
  width: 80%;
  display: flex;
}

.article-header {
  aspect-ratio: auto;
  background-image: none;
  background-position: 0 0;
  border-bottom: 1px #2e2e2e;
  justify-content: center;
  align-self: center;
  align-items: flex-end;
  width: 100vw;
  height: auto;
  min-height: 70vh;
  display: flex;
  position: relative;
}

.article-text {
  color: #00fff7;
  max-width: none;
  font-size: 15px;
}

.article-text h1 {
  text-transform: uppercase;
  margin-bottom: 60px;
  font-family: Orbitron, sans-serif;
  font-size: 3svw;
  line-height: 90%;
}

.article-text h2 {
  font-family: Orbitron, sans-serif;
  font-size: 32px;
}

.article-text h3 {
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-size: 24px;
}

.article-details {
  z-index: 2;
  box-sizing: content-box;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px none var(--white-20);
  background-image: linear-gradient(#0000, #000);
  border-bottom: 1px solid #464646;
  flex: 1;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  max-width: none;
  padding: 20px 20%;
  display: flex;
  position: relative;
}

.article-detail-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.author-image {
  border: 1px solid #fff3;
  border-radius: 90px;
  width: 40px;
}

.h5 {
  font-family: Orbitron, sans-serif;
}

.article-detail-value {
  color: var(--white);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 11px;
  line-height: 100%;
}

.article-detail-text-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  display: flex;
}

.article-detail-label {
  color: var(--white-50);
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 9px;
  line-height: 100%;
}

.article-text-details {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  display: flex;
}

.article-icons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.iocn {
  width: auto;
  height: 23px;
}

.heading-1 {
  font-family: Orbitron, sans-serif;
  font-size: 3svw;
}

.heading-1.article-heading {
  max-width: none;
}

.figure {
  border-radius: 2px;
  margin-top: 40px;
  margin-bottom: 40px;
  overflow: hidden;
}

.figure-2 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.article-header-image {
  position: relative;
}

.article-header-iage-wrap {
  flex: 1;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  height: 70vh;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.link-4 {
  color: var(--butterfly);
}

.image-91 {
  border-radius: 24px;
  height: 75vh;
  margin-top: 13px;
  overflow: hidden;
}

.big-number {
  color: #fff0;
  -webkit-text-stroke-width: .5px;
  -webkit-text-stroke-color: #fff;
  font-family: Orbitron, sans-serif;
  font-size: 7vw;
  font-weight: 900;
}

.security-image {
  object-fit: fill;
  height: 100%;
}

.security-image.large {
  max-width: 140%;
  height: auto;
}

.security-image.lighten {
  mix-blend-mode: normal;
}

.stack-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.stack-row.max-width {
  flex-flow: row;
  max-width: 900px;
}

.creator-streamer-image {
  object-fit: fill;
  flex: 1;
  height: 100%;
}

.creator-streamer-image.large {
  max-width: 140%;
  height: auto;
}

.creator-streamer-image.lighten {
  mix-blend-mode: normal;
}

.creator-program-icon {
  width: 48px;
}

.creator-program-badge {
  width: auto;
  height: 32px;
}

.creator-label {
  text-align: left;
  text-transform: uppercase;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#ef3c9f, #a206cc);
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0;
  font-family: Orbitron, sans-serif;
  font-weight: 800;
}

.bullet-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.image-92 {
  height: 16px;
}

.creator-bullet-text {
  margin-bottom: 0;
  font-size: 14px;
}

.creator-bullet-text.left {
  font-size: 14px;
}

.brands-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 100px;
  display: flex;
}

.image-93, .image-94 {
  flex: 1;
  width: 100%;
}

.image-95, .image-96 {
  height: 70px;
}

.x-team-image {
  object-fit: cover;
  border-radius: 16px;
  height: 100%;
}

.x-team-image.large {
  max-width: 140%;
  height: auto;
}

.x-team-image.lighten {
  mix-blend-mode: normal;
}

.socials-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  width: 100%;
  height: 40px;
  display: flex;
}

.social-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--white-20);
  border-radius: 2px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 4px 8px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.social-block:hover {
  border-color: var(--white);
  background-color: var(--white-10);
}

.social-block.border {
  border-style: solid;
  border-width: .5px;
  flex: none;
  align-self: flex-start;
  width: 33.3333%;
  padding-top: 8px;
  padding-bottom: 8px;
}

.text-block-24 {
  color: #fff;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
}

.image-97 {
  max-width: none;
  height: 70%;
}

.image-98 {
  width: 20px;
}

.text-span-11 {
  font-weight: 800;
}

.x-team-small-section {
  order: 0;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.x-team-small-section._50vh {
  height: 50vh;
}

.div-block-56 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 60vw;
  display: flex;
}

.xteam-logo {
  height: 48px;
}

.div-block-57 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  display: flex;
}

.div-block-58 {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.text-block-25 {
  color: var(--white-50);
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
}

.text-block-25-copy {
  color: var(--white);
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
}

.div-block-59 {
  align-self: stretch;
}

.div-block-56-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 80vw;
  max-width: 1000px;
  display: flex;
}

.div-block-60 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--white-20);
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  align-self: stretch;
  width: 100%;
  height: auto;
  padding: 24px;
  display: flex;
}

.div-block-61 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: none;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.video-slideshow {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

.video-block {
  aspect-ratio: 3 / 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30vw;
  display: flex;
}

.views-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px none var(--white-20);
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 4px 8px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
}

.views-block:hover {
  border-color: var(--white);
  background-color: var(--white-10);
}

.eye-icon {
  width: 16px;
}

.view-text {
  color: var(--white);
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
  font-size: 12px;
}

.videos-wrap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  display: flex;
}

.youtube-short {
  aspect-ratio: 9 / 16;
  object-fit: none;
  border: 1px #fff3;
  border-radius: 10px;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 58%;
  padding: 0;
  display: flex;
}

.gamers-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gamer-wrap {
  border: 1px solid #000;
  border-radius: 10px;
  width: 140px;
  padding: 20px;
  text-decoration: none;
  transition: all .2s;
}

.gamer-wrap:hover {
  background-color: #ffffff1a;
  border: 1px solid #fff3;
  transform: scale(1.1);
}

.gamer-tag {
  text-align: center;
  text-transform: uppercase;
  margin: 10px 0 0;
  font-family: Orbitron, sans-serif;
  font-size: 16px;
}

.fans {
  color: #fff6;
  text-align: center;
  letter-spacing: 1px;
  font-family: Orbitron, sans-serif;
}

.fans-wrap {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.fans-icon {
  opacity: .66;
  width: 18px;
}

.play-pause-button {
  flex: none;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: auto;
  display: flex;
  inset: 0%;
}

.play-state {
  flex: none;
  width: 24px;
  position: absolute;
  inset: auto 20px 20px auto;
}

.pause-state {
  width: 24px;
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.vasalink {
  transition: opacity .2s;
}

.vasalink:hover {
  opacity: .5;
}

.nda-block {
  z-index: 9999;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--medium-violet-red);
  background-color: var(--black-80);
  border-radius: 20px;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: auto;
  padding: 4px 8px;
  display: flex;
  position: fixed;
  inset: 10vh auto auto 4%;
}

.nda-text {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Orbitron, sans-serif;
}

.lock-icon {
  align-self: flex-start;
  width: 18px;
  margin-bottom: 0;
}

.div-block-62 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.social-dropdown-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--white-20);
  border-radius: 2px;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 4px 8px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  position: relative;
}

.social-dropdown-block:hover {
  border-color: var(--white-10);
  background-color: var(--white-10);
}

.social-dropdown-list {
  border: .5px none var(--white-20);
  flex-flow: wrap;
  flex: none;
  display: none;
  position: absolute;
  inset: 39px 0 auto;
  overflow: hidden;
}

.image-99 {
  border: 1px solid var(--white-20);
  border-radius: 4px;
  flex: none;
  height: 40%;
  overflow: hidden;
}

.image-99._2img {
  height: 60%;
}

.million-text {
  color: var(--white);
  letter-spacing: -.5rem;
  -webkit-text-stroke-width: 0px;
  -webkit-text-stroke-color: #fff0;
  font-family: Orbitron, sans-serif;
  font-size: 15vw;
  font-weight: 800;
  line-height: 90%;
}

.million-text.progress {
  font-size: 4vw;
}

.million-text.small {
  letter-spacing: .5rem;
  font-size: 15vw;
}

@media screen and (min-width: 1920px) {
  .big-logo {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 15%;
    top: 0%;
  }

  .image-12 {
    flex: none;
    width: 100%;
    max-width: none;
  }

  .nav-content {
    max-width: none;
  }

  .fixed-container._2-col-text-wrap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .stacking-section {
    align-self: stretch;
  }

  .stacking-content.fixed-container {
    max-width: 2500px;
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .stacking-content-bottom {
    border: 1px none var(--white-20);
  }

  .stacking-content-description {
    flex: none;
    justify-content: space-around;
    display: flex;
  }

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

  .paragraph-xl.hunter-league {
    margin-bottom: 78px;
  }

  .main-section {
    flex-direction: row;
    justify-content: center;
  }

  .main-section.hero-section {
    justify-content: center;
  }

  .main-section.no-padding {
    flex-flow: column;
  }

  .stacking-content-top {
    flex: none;
  }

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

  .block-image {
    width: 100%;
    height: auto;
  }

  .block-image.small {
    width: auto;
    height: 90%;
  }

  .paragraph-m.review {
    font-size: 16px;
    line-height: 130%;
  }

  .paragraph-m.roster, .paragraph-m.squad {
    width: 100%;
  }

  .blurry-blobs-bg {
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62713aa69bc840c0ea45e83a_blurryblobs.png");
  }

  .background-blobs {
    background-color: #0000;
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62713aa69bc840c0ea45e83a_blurryblobs.png");
    background-position: 50%;
    background-size: cover;
    background-attachment: fixed;
    position: fixed;
  }

  .footer {
    justify-content: center;
  }

  .footer-container {
    max-width: none;
  }

  .bio-container {
    width: 70%;
  }

  .close-button.notch12 {
    margin: 40px 21px 21px;
    left: 20px;
  }

  .close-button.notch16, .close-button.notch8 {
    margin: 21px;
  }

  .bio-popup {
    background-image: none;
    display: none;
    position: fixed;
  }

  .bio-popup-container {
    justify-content: space-between;
    display: flex;
  }

  .the-game-logo {
    justify-content: space-around;
    width: 100%;
    top: -10%;
  }

  .stacking-content-hero {
    padding-left: 0;
    padding-right: 0;
  }

  .back-button {
    border-radius: 4px;
  }

  .team-member-hero {
    align-items: stretch;
  }

  .team-member-content {
    flex: none;
    align-self: center;
  }

  .back-button-block {
    flex: none;
    justify-content: flex-start;
    align-self: center;
    padding-left: 0;
    left: auto;
  }

  .bio-content-wrap {
    font-size: 16px;
  }

  .bio-text-content {
    max-width: 640px;
  }

  .bio-text-content p {
    font-size: 16px;
  }

  .bio-text-content figure {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .bio-text-content h3 {
    margin-bottom: 40px;
  }

  .team-bio-h1 {
    text-transform: uppercase;
    margin-top: 60px;
    margin-bottom: 40px;
    font-size: 48px;
  }

  .x-doids-hero {
    border-bottom: 1px solid var(--white-20);
    align-items: stretch;
    min-height: 100vh;
  }

  .xdroids-hero-content {
    flex: none;
    align-self: center;
    top: -170px;
  }

  .xdroids-hero-bg-5 {
    width: 100vw;
    height: 100vh;
    padding: 0;
    position: absolute;
    inset: 0%;
  }

  .big-title-text {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
    top: 0%;
  }

  .xdroids-hero-bg-4, .xdroids-hero-bg-3, .xdroids-hero-bg-2 {
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    inset: 0%;
  }

  .xdroids-hero-bg-1 {
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6377628b3a20ba110c2ad6dd_hero%20image1.png");
    background-position: 50% 88%;
    background-repeat: repeat-x;
    background-size: 100vw;
    flex: 1;
    justify-content: center;
    width: 100%;
    max-width: none;
    height: 110%;
    padding: 0;
    position: relative;
    inset: 0%;
  }

  .x-droids-section {
    justify-content: center;
    display: flex;
  }

  .section-wrapper {
    max-width: 2000px;
  }

  .galaxies-section {
    justify-content: center;
    display: none;
  }

  .galaxies-image-3 {
    width: 50%;
  }

  .droid-grid-section, .mint-section {
    justify-content: center;
    display: flex;
  }

  .stacking-content-text, .stacking-content-text.right {
    flex: none;
  }

  .stacking-content-horizontal-wrap {
    grid-column-gap: 15rem;
    grid-row-gap: 15rem;
    flex: 0 auto;
  }

  .stacking-content-image {
    flex: none;
    align-items: center;
    width: auto;
    max-width: 50vw;
  }

  .stacking-content-image.right.huge {
    max-width: 850px;
  }

  .image-19 {
    width: 100%;
    max-width: none;
  }

  .offscreen {
    width: 100%;
  }

  .stacking-content-grid {
    flex: none;
    width: 60%;
  }

  .graph-bg {
    max-width: 100%;
  }

  .hero-description {
    flex: none;
    justify-content: space-around;
    display: flex;
  }

  .desktop-image {
    max-width: 80%;
  }

  .stacking-content-loot {
    flex: none;
    width: 60%;
  }

  .footer-nav-item {
    flex: 1;
  }

  .features-section, .usp-section-1 {
    justify-content: center;
    display: flex;
  }

  .stars {
    width: 100%;
  }

  .team-grid-section, .collab-section {
    justify-content: center;
    display: flex;
  }

  ._1005-image {
    flex: none;
  }

  ._1005-image.desktop {
    flex: 1;
  }

  .al-hunt-hero-text {
    justify-content: space-around;
    width: 100%;
    top: -10%;
  }

  .prizes-grid-section {
    justify-content: center;
    display: flex;
  }

  .x-key-hero-wrap {
    width: 80%;
  }

  .rank-comp-hero {
    align-items: center;
    display: flex;
  }

  .rank-comp-hero-wrap {
    width: 80%;
  }

  .leaderboard-hero {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .teh-game-text {
    flex: none;
    width: 100%;
    max-width: none;
  }

  .fixed-section {
    width: 100vw;
  }

  .loading-bar-background {
    border-style: none none solid;
    border-color: var(--white-50);
  }

  .first-block {
    overflow: hidden;
  }

  .main-section-image {
    flex: none;
    width: 30%;
  }

  .counterup {
    line-height: 80%;
  }

  .count-down-ticker-wrap-copy {
    margin-left: 0;
  }

  .sticky-wrapper {
    align-items: center;
    overflow: visible;
  }

  .relative-wrapper.align-top.max-width {
    flex: none;
    justify-content: center;
    max-width: 1440px;
  }

  .relative-wrapper.align-top.reviews {
    width: 90%;
  }

  .stat-large {
    grid-column-gap: 8px;
    display: flex;
  }

  .yy {
    display: flex;
  }

  ._400px-left {
    width: 400px;
  }

  .boarding-pass-video {
    mix-blend-mode: lighten;
    width: 60%;
    height: 90%;
    overflow: visible;
  }

  .xdroids-hero-bg-0 {
    width: 100%;
    height: 100%;
    padding: 0;
    position: absolute;
    inset: 0% 0% 0% 8%;
  }

  .background-video-element.desktop {
    height: 100vh;
  }

  .battle-pas-video {
    mix-blend-mode: lighten;
    width: 60%;
    height: 90%;
    overflow: visible;
  }

  .season-one-hero {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .hero-big-text {
    text-align: center;
    flex-flow: column;
    flex: none;
    justify-content: center;
    display: flex;
  }

  .hero-h1 {
    text-align: left;
    align-self: center;
    width: 100%;
  }

  .outline-text {
    text-align: center;
    align-self: center;
    width: 100%;
  }

  .roadmap-hero {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .next-hunt-large {
    align-self: center;
    align-items: center;
  }

  .next-hunt-large-wrap {
    text-align: center;
    align-items: center;
  }

  .how-to-play-container {
    justify-content: center;
    overflow: hidden;
  }

  .how-to-play-hero {
    justify-content: center;
    align-items: flex-start;
    display: flex;
    overflow: visible;
  }

  .gameplay-hero-container {
    max-width: 2000px;
  }

  .hunt-schedule-hero-container {
    justify-content: center;
    max-width: 2000px;
  }

  .apply-to-hunt-hero {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .x-battle-pass-section {
    justify-content: center;
    display: flex;
  }

  .currently-in-beta {
    align-self: center;
    align-items: center;
  }

  .full-width {
    width: 100%;
  }

  .image-47 {
    max-width: 60%;
  }

  .how-to-play-hero-2 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .xpod-video {
    mix-blend-mode: lighten;
    width: 60%;
    height: 90%;
    overflow: visible;
  }

  .hero-video-element.desktop {
    height: 100vh;
  }

  .enrol-complete-hero {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .press-play, .pop-up, .pop-up.transparent {
    display: none;
  }

  .pop-up-container {
    background-image: linear-gradient(#0000 55%, #000), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65a6497b73761152e5edf439_pre%20reg-mobile.webp");
    padding: 10vh 5vh;
  }

  .pop-up-big-text {
    text-align: center;
    flex-flow: column;
    flex: none;
    justify-content: center;
    display: flex;
  }

  .latest-winner-video.desktop {
    height: 100vh;
  }

  .winners-hero-container {
    max-width: 2000px;
  }

  .winner-hero-big-text {
    text-align: center;
    flex-flow: column;
    flex: none;
    justify-content: center;
    display: flex;
  }

  .careers-hero-container, .job-application-form, .team-container {
    max-width: 2000px;
  }

  .bio-wrap {
    padding-left: 21px;
    padding-right: 21px;
    font-size: 16px;
  }

  .battle-pass-pfp {
    flex: 1;
  }

  .paragraph-m-centre {
    align-self: center;
  }

  .footer-triple-column {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    width: auto;
  }

  .full-width-text, .full-width-text.right {
    flex: none;
  }

  .full-width-content-description {
    flex: none;
    justify-content: space-around;
    display: flex;
  }

  .stacking-content-large-text, .stacking-content-large-text.right, .affiliate-grid-text, .affiliate-grid-text.right {
    flex: none;
  }

  .affiliate-faqs {
    min-height: auto;
  }

  .stacking-affiliate-content-image {
    flex: none;
    align-items: center;
    width: auto;
  }

  .stacking-affiliate-content-image.right.huge {
    max-width: 850px;
  }

  .stacking-video-content.desktop {
    height: 100vh;
  }

  .galaxy-section {
    display: flex;
  }

  .planet-details-menu {
    display: none;
  }

  .back-to-galaxies.notch12, .back-to-galaxies.notch16, .back-to-galaxies.notch8 {
    margin: 21px;
  }

  .large-planet {
    width: 100%;
  }

  .planet-component {
    height: 20vh;
  }

  .large-planet-copy {
    width: 100%;
  }

  .button-text.notch12, .button-text.notch16, .button-text.notch8, .all-planets.notch12, .all-planets.notch16 {
    margin: 21px;
  }

  .all-planets.notch8 {
    margin: 0;
  }

  .all-planets-section {
    display: none;
  }

  .planet-menu-component {
    height: 20vh;
  }

  .menu-planet-lottie {
    display: none;
  }

  .large-planet-menu {
    width: 100%;
  }

  .planet-details {
    display: none;
  }

  .countdown-section, .countdown-bordering.bottom-right, .countdown-bordering.bottom-left {
    display: flex;
  }

  .crate-grid-text, .crate-grid-text.right {
    flex: none;
  }

  .xkey-faqs {
    min-height: auto;
  }

  .s1-hero-logo.medium {
    width: 8vw;
  }

  .btn.btn-three, .fancy-button.notch12.popup-btn {
    flex: 1;
  }

  .split-text.paragraph, .split-text.paragraph-copy {
    word-break: normal;
    overflow-wrap: normal;
  }

  .how-to-hero {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .section-content-text, .section-content-text.right {
    flex: none;
  }

  .text-wrap.stack {
    max-width: 1000px;
  }

  .reviews-hero {
    justify-content: center;
    width: 90vw;
    font-size: 1vw;
  }

  .reviews-column {
    padding-bottom: 100px;
  }

  .review-card.notch16 {
    grid-row-gap: 1vh;
  }

  .star {
    width: 1vw;
  }

  .reviewer-name-location {
    grid-row-gap: 10px;
  }

  .reviewer-name, .reviewer-username {
    font-size: 14px;
  }

  .reviewer-country {
    font-size: .8vw;
  }

  .collection-list-10 {
    column-count: 0;
    display: block;
  }

  .review-form-wrap {
    justify-content: center;
    width: 40vw;
  }

  .review-form-heading {
    font-size: 7vw;
  }

  .body-9 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-video-bg-wrap {
    background-color: var(--black);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    top: 0%;
  }

  .hunter-league-hero {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .prize-counter-section {
    grid-row-gap: 10vh;
    justify-content: center;
    height: auto;
    min-height: 120vh;
  }

  .prize-card.notch24 {
    width: 15vw;
    height: 30vh;
  }

  .prize-card-scroll-section {
    width: 100vw;
    display: flex;
    position: relative;
  }

  .latest-prizes-wrap {
    background-color: var(--black-80);
    -webkit-backdrop-filter: blur(8px) blur(5px);
    backdrop-filter: blur(8px) blur(5px);
    flex: none;
    justify-content: space-around;
    align-items: center;
    width: 5vw;
    font-size: 63px;
    display: flex;
    position: absolute;
    inset: 0% auto 0% 0%;
  }

  .heading-21 {
    flex: none;
    font-size: 64px;
    transform: rotate(-90deg);
  }

  .bundles-section {
    align-items: center;
    padding-bottom: 0;
  }

  .bundles-hero-conatiner {
    flex: none;
    width: 90%;
  }

  .unit, .percentcounterup, .target-amount {
    line-height: 80%;
  }

  .support-us.paragraph, .support-us.paragraph-copy, .paraph.paragraph, .paraph.paragraph-copy {
    word-break: normal;
    overflow-wrap: normal;
  }

  .pop-up-cta-wrap {
    max-width: 800px;
  }

  .beta-pop-up-h1 {
    display: flex;
  }

  .xdroid-collection-item {
    width: 500px;
    max-width: none;
  }

  ._10k-hunt-hero {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .prizes-section {
    grid-row-gap: 10vh;
    justify-content: center;
    height: auto;
    min-height: 120vh;
  }

  .prizes-card.notch24 {
    width: 10vw;
    height: 30vh;
  }

  ._10k-hunt-rules {
    min-height: auto;
  }

  .close-button-bio.notch12 {
    margin: 40px 21px 21px;
    left: 20px;
  }

  .close-button-bio.notch16, .close-button-bio.notch8 {
    margin: 21px;
  }

  .column {
    flex-flow: column;
    display: flex;
  }

  .primary-button-text.notch12, .primary-button-text.notch16, .primary-button-text.notch8 {
    margin: 21px;
  }

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

  .counter-home, .counter-roster {
    line-height: 80%;
  }

  .x-tokens-products-section {
    justify-content: center;
    display: flex;
  }

  .h1-gradient-overlay {
    bottom: -8%;
  }

  .is-hidden {
    display: none;
  }

  .aston-martin-hunt-hero {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .hunt-schedule-hero-section.x-team {
    background-position: 50%;
    background-size: 130vw;
  }

  .month-selector {
    border-radius: 2vw;
    padding: 1vw 2vw;
  }

  .background-video-14 {
    width: 50dvw;
    height: 50dvw;
  }

  .article-header {
    background-position: 0 0, 50% 100%;
    background-size: auto, 120%;
  }

  .million-text {
    line-height: 80%;
  }
}

@media screen and (max-width: 991px) {
  .body {
    padding-bottom: 40px;
    padding-left: 0;
    position: relative;
  }

  .form {
    padding-left: 0;
  }

  .big-logo {
    align-self: center;
    width: 20%;
  }

  .cta.mobile.notch8 {
    border-radius: 0;
    display: flex;
  }

  .cta.padding-top {
    margin-top: 34px;
  }

  .cta.wide.show-mobile.notch12 {
    border-radius: 0;
  }

  .cta.submit-review {
    flex: 1;
  }

  .nav-link-wrap {
    border-bottom: 1px none var(--white-20);
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-link-wrap.hide {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .nav-link-wrap.no-margin {
    justify-content: flex-start;
  }

  .nav-link-2 {
    border-bottom: 1px solid var(--white-20);
    letter-spacing: 0;
    padding-bottom: 0;
    font-family: Soehne schmal fett, sans-serif;
    font-size: 6vw;
    line-height: 200%;
    text-decoration: none;
  }

  .nav-link-2.w--current {
    border-bottom-width: .5px;
    border-bottom-color: var(--white);
    letter-spacing: 0;
    font-family: Soehne schmal fett, sans-serif;
    font-size: 6vw;
  }

  .nav-link-2.dropdown {
    flex: 1;
    justify-content: flex-start;
  }

  .nav-link-2.no-border {
    letter-spacing: 0;
    font-family: Soehne schmal fett, sans-serif;
    font-size: 6vw;
  }

  .nav-menu {
    z-index: -1;
    grid-row-gap: 24px;
    background-color: var(--black);
    min-height: 100vh;
    padding-top: 100px;
    padding-left: 5vw;
    padding-right: 5vw;
    inset: 0%;
  }

  .fixed-container._2-col-text-wrap {
    flex-direction: column;
    justify-content: flex-start;
  }

  .stacking-section {
    min-height: 100vh;
  }

  .stacking-section.white-bg {
    background-color: var(--white);
    overflow: hidden;
  }

  .stacking-content {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .stacking-content.fixed-container {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .stacking-content.slider {
    align-items: center;
  }

  .stacking-side-wrap {
    display: none;
  }

  .stacking-side-wrap.roadmap {
    width: 64px;
    margin-right: 24px;
    display: block;
  }

  .stacking-content-wrap {
    width: 100%;
  }

  .stacking-content-wrap.horizontal {
    flex-direction: column;
    justify-content: space-around;
  }

  .stacking-content-wrap.horizontal.notch24 {
    flex-wrap: nowrap;
    align-content: space-between;
  }

  .stacking-content-wrap.vertical._40vw.notch24 {
    width: auto;
  }

  .stacking-content-heading {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .stacking-side-heading {
    margin-left: 0;
  }

  .paragraph-xl.hunter-league {
    padding-left: 16px;
  }

  .x-droid-image {
    margin-top: -24px;
  }

  .x-droid-card-back {
    padding: 24px;
  }

  .paragraph-l {
    font-size: 18px;
  }

  .stacking-mint-content-right {
    align-items: flex-end;
  }

  .minting-cannister-bg-wrap {
    height: 80%;
  }

  .minting-cannister-wrap {
    justify-content: center;
    height: 80%;
  }

  .minting-cannister-img {
    height: auto;
    max-height: 120%;
  }

  .minting-cannister-shadow {
    opacity: .3;
  }

  .stacking-content-blank-block.hide {
    height: auto;
  }

  .menu-button {
    width: 60px;
    height: 100%;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .menu-icon {
    height: 100%;
  }

  .main-section {
    grid-row-gap: 64px;
    flex-direction: column;
  }

  .main-section.no-padding {
    grid-row-gap: 30px;
  }

  .main-section.min-height {
    overflow: hidden;
  }

  .roadmap-item-left {
    width: 300px;
    margin-right: 40px;
  }

  .nav-items-wrap.buttons {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .nav-items-wrap.buttons.hide-mobile {
    display: none;
  }

  .sign-up-form-right.form-wrap {
    border-left-style: none;
    flex: 1;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .sign-up-form-left {
    margin-bottom: 32px;
  }

  .sign-up-form-left.sticky {
    width: auto;
    position: relative;
    top: 0;
  }

  .sign-up-form-left.sticky.reviews {
    padding-left: 0;
  }

  .sign-up-form-left.full-width {
    align-self: flex-start;
    width: 100%;
  }

  .input-field.review.notch8 {
    justify-content: space-around;
  }

  .stacking-content-top-title {
    flex: 0 auto;
    width: 80px;
    margin-right: 80px;
    display: none;
  }

  .stacking-content-top {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .centre-text {
    width: 100%;
    margin-bottom: 24px;
  }

  .block-image {
    width: 100%;
    height: auto;
  }

  .paragraph-m {
    justify-content: flex-start;
    width: auto;
    font-family: Space Grotesk, sans-serif;
  }

  .paragraph-m.review {
    font-size: 1.6vw;
  }

  .background-blobs {
    background-color: #0000;
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62713aa69bc840c0ea45e83a_blurryblobs.png");
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
  }

  ._404-message-wrap {
    width: 90%;
  }

  .bio-profile-photo {
    flex: none;
    width: 123px;
    height: 123px;
  }

  .bio-text-container {
    width: auto;
  }

  .name-role-socials {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .close-button {
    flex: none;
  }

  .close-button.notch12 {
    position: absolute;
  }

  .team-bio-name {
    font-size: 32px;
  }

  .label {
    align-items: center;
    height: auto;
    margin-bottom: 0;
    font-size: 14px;
    display: flex;
  }

  .label.number {
    order: -1;
  }

  .label.end {
    order: 1;
  }

  .bio-paragraph {
    font-size: 18px;
  }

  .landscape-screenshot {
    width: 700px;
    height: 323px;
  }

  .xtoken-1 {
    align-self: flex-end;
    width: 30%;
    inset: -10% 20% 0% auto;
  }

  .the-game-logo {
    flex: none;
  }

  .stacking-content-hero {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
  }

  .back-button {
    flex: none;
  }

  .team-member-hero {
    min-height: 60vh;
  }

  .hero-bg-team-member-wrap {
    inset: 0%;
  }

  .bio-text-content {
    width: auto;
  }

  .team-bio-h1 {
    font-size: 32px;
  }

  .socials-block.nav {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
  }

  .x-doids-hero {
    flex: none;
    min-height: 60vh;
  }

  .xdroids-hero-bg-5 {
    background-size: auto, auto 100vh;
  }

  .form-block {
    flex: 1;
  }

  .big-title-text {
    align-self: center;
    width: 90%;
  }

  .ship {
    width: 60vw;
    left: 20%;
    right: 20%;
  }

  .horiz-scroll-block.align-bottom {
    width: 80vw;
  }

  .blank-block {
    min-width: 80vw;
  }

  .xdroids-hero-bg-4 {
    background-position: 50%;
    background-size: auto;
  }

  .xdroids-hero-bg-3, .xdroids-hero-bg-2 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .xdroids-hero-bg-1 {
    background-position: 50% 100%;
    height: 100%;
  }

  .section-wrapper {
    flex-direction: column;
  }

  .left-content {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .right-content.top {
    justify-content: center;
  }

  .text-wrapper.medium {
    width: auto;
  }

  .pod {
    height: auto;
    max-height: 120%;
  }

  .stacking-content-text {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .stacking-content-text.left {
    max-width: 40%;
  }

  .stacking-content-horizontal-wrap {
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .stacking-content-horizontal-wrap.tight {
    grid-row-gap: 40px;
  }

  .stacking-content-horizontal-wrap.left {
    align-items: flex-start;
  }

  .stacking-content-horizontal-wrap.no-padding, .stacking-content-horizontal-wrap.no-gap {
    flex-flow: row;
  }

  .stacking-content-image {
    flex-direction: column;
    flex: 1;
    order: -1;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }

  .stacking-content-image.right.huge {
    flex: none;
    width: 70%;
    height: 50vh;
    inset: 0% 0% 0% 15%;
  }

  .stacking-content-image.medium {
    flex: 1;
    width: 80%;
  }

  .stacking-content-image._50vw {
    order: 1;
  }

  .stacking-content-image._50vw.corners {
    width: 50vw;
  }

  .stacking-content-image._50vw.corners.tall {
    justify-content: center;
    align-items: center;
    width: auto;
  }

  .stacking-content-image.half-screen {
    left: auto;
  }

  .section-counter {
    margin-top: 60px;
    top: -5%;
  }

  .stacking-content-grid {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
  }

  .stacking-content-column._1 {
    width: 80%;
  }

  .stacking-content-column._2 {
    display: none;
  }

  .lottie-animation-16 {
    width: 70%;
    margin-bottom: 80px;
    top: 84px;
    bottom: auto;
  }

  .hero-description {
    width: 80%;
    min-width: 300px;
  }

  .overflow-image.negative-margin {
    height: auto;
  }

  .stacking-content-loot {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-middle-row {
    flex-direction: column;
  }

  .footer-column {
    width: 100%;
  }

  .footer-nav-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .features-wrapper {
    flex-wrap: wrap;
    align-content: flex-end;
  }

  .droid-grid {
    margin-bottom: 100px;
  }

  .usps-hero {
    min-height: auto;
    margin-top: -132px;
  }

  .hero-heading {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .usp-section-2, .usp-section-3 {
    min-height: 100vh;
  }

  .collab-hero {
    min-height: auto;
    margin-top: -132px;
  }

  .horizontal-row.no-scroll {
    flex-wrap: wrap;
    place-content: stretch center;
  }

  .al-hunt-hero-text {
    flex: none;
  }

  .prizes-grid {
    margin-bottom: 100px;
  }

  .prize-title-block {
    margin-bottom: 10px;
  }

  .prize-title {
    font-size: 13px;
  }

  .stacking-section-2 {
    min-height: 100vh;
  }

  .div-block-5 {
    grid-column-gap: 64px;
    width: 100%;
    padding-left: 0;
    display: flex;
  }

  .div-block-6 {
    order: -1;
    padding-right: 0;
  }

  .heading-8 {
    width: 100%;
  }

  .form-2 {
    width: 320px;
  }

  .image-27 {
    width: 110%;
  }

  .x-key-hero {
    min-height: 100vh;
    margin-top: -132px;
  }

  .key-card._1, .key-card._2, .key-card._3 {
    width: 40%;
  }

  .key-card._4, .key-card._5 {
    width: 40%;
    min-height: 370px;
  }

  .xp-total {
    background-color: var(--transparent);
  }

  .leaderboard-cell.notch8 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .leaderbaord-pp {
    width: 24px;
    height: 24px;
  }

  .username {
    font-size: 16px;
  }

  .pp-name {
    margin-left: 10px;
    margin-right: 10px;
  }

  .rank-card.master, .rank-card.pro, .rank-card.og, .rank-card.hunter, .rank-card.rookie {
    width: 40%;
  }

  .paragraph-xs.is-white {
    max-width: none;
  }

  .passengers-hero {
    min-height: 20vh;
  }

  .passenger-item-card {
    display: 16pxpx;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }

  .passenger-item-wrap {
    padding-left: 5%;
  }

  .boarding-pass-bottom {
    padding-left: 5%;
    padding-right: 5%;
  }

  .fixed-section {
    height: 8vh;
  }

  .loading-screen-v2 {
    display: none;
  }

  .heading-wrapper {
    width: 80%;
  }

  .success-message-3.notch16 {
    flex: 1;
  }

  .horizontal-block {
    flex-direction: column;
    align-items: center;
  }

  ._33-left {
    align-self: flex-start;
    width: 60vw;
    position: relative;
    top: auto;
  }

  ._66-right {
    width: 100vw;
  }

  .label-value {
    justify-content: space-between;
  }

  .label-value.padding {
    padding-bottom: 12px;
  }

  .season-one-label {
    font-size: 14px;
  }

  .next-hunt-large {
    align-items: center;
    width: 90vw;
  }

  .sticky-wrapper {
    height: 44vh;
  }

  .vimeo-video {
    align-items: center;
    height: auto;
  }

  .sticky-video-section {
    height: 180dvh;
  }

  .relative-wrapper.align-top.max-width {
    flex-direction: column;
    align-items: flex-start;
  }

  .relative-wrapper.align-top.max-width.form, .relative-wrapper.align-top.reviews {
    flex-direction: column;
  }

  .relative-wrapper.reserve-xpod {
    flex-flow: column;
  }

  .next-hunt-section {
    width: 100vw;
  }

  .lottie-animation-18 {
    width: 200vw;
  }

  .get-the-app {
    margin-left: 0;
  }

  .qr-code-block {
    align-self: center;
    margin-top: 40px;
  }

  .dr-container {
    height: auto;
    padding-bottom: 8vh;
  }

  .data-log-container {
    width: 40%;
  }

  .engine-container {
    width: 100%;
  }

  .dr-h1.outline {
    margin-left: 0;
    padding-right: 12px;
  }

  .title-sub {
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .infographic-container {
    grid-column-gap: 16px;
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .power-bar-fill._1 {
    width: 100%;
    height: 41%;
  }

  .power-bar-container {
    grid-column-gap: 8px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-right: 0;
  }

  .power-bar-container.bottom-bars {
    grid-row-gap: 8px;
    overflow: visible;
  }

  .power-bar-container.bottom-bars.spacer {
    opacity: 0;
  }

  .text-block-8 {
    font-size: 10px;
  }

  .text-block-8.end {
    order: 1;
  }

  .info-graphic-circles {
    justify-content: space-between;
  }

  .circl-infographic {
    width: 64px;
  }

  .info-label {
    color: #fff;
    text-align: left;
    letter-spacing: 2px;
    font-family: Space Grotesk, sans-serif;
    font-size: 12px;
  }

  .bottom-bars {
    grid-row-gap: 32px;
    flex-direction: column;
  }

  .title-block {
    grid-column-gap: 0px;
    flex-direction: row;
  }

  .row {
    grid-column-gap: 32px;
    width: 100%;
    display: flex;
  }

  .row._2 {
    width: 100%;
    padding-left: 0;
  }

  .row._1 {
    width: 100%;
    padding-right: 0;
  }

  .log-full-view {
    width: 80%;
  }

  .collection-item-2 {
    grid-row-gap: 8px;
    border: 1px solid #fff3;
    justify-content: space-between;
    padding: 20px;
    display: flex;
  }

  .div-block-10 {
    display: flex;
  }

  .collection-list-2 {
    grid-row-gap: 8px;
    flex-direction: column;
    display: flex;
  }

  .countdown-wrapper---brix {
    padding: 0;
  }

  .countdown-number-container---brix {
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .countdown-number---brix.number {
    font-size: 70px;
    line-height: 74px;
  }

  .countdown-number-title---brix {
    font-size: 16px;
    line-height: 18px;
  }

  .countdown-number-title---brix.stat-input-large {
    font-size: 32px;
    line-height: 32px;
  }

  .twitter-section {
    padding-top: 100px;
  }

  .lightning-button {
    height: 56px;
  }

  .battle-pass-feature {
    border-right-style: none;
    width: 40%;
    padding-bottom: 40%;
  }

  .boarding-pass-video {
    width: 100%;
  }

  .text-block-17 {
    font-size: 12px;
  }

  .hunt-card-wrap {
    margin-right: 60px;
  }

  .no-margin {
    margin-top: 0;
  }

  .hunt-card-block {
    width: 80vw;
  }

  .hunt-card-not-sticky-horizontal-scroll-content {
    padding-left: 10vw;
  }

  .scroll-indicator.hide-desktop {
    display: flex;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 1rem;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .xdroids-hero-bg-0 {
    height: 70vh;
    top: 0%;
  }

  .faq-search-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .battle-pas-video {
    width: 100%;
    display: none;
  }

  .dropdown-wrap {
    flex-direction: column;
    justify-content: flex-start;
    padding: 0;
  }

  .dropdown-trigger {
    align-self: stretch;
    align-items: center;
  }

  .dropdown-icon {
    width: 40px;
    height: 30px;
    margin-bottom: 0;
  }

  .dropdown-content.notch8 {
    flex: none;
    align-items: center;
    width: 100%;
    padding: 0;
    display: none;
    position: relative;
    top: auto;
  }

  .gallery-slide-block-inside.notch24 {
    flex-direction: column;
    align-items: center;
  }

  .slide-block-text-section.notch24 {
    align-self: center;
    width: 50%;
  }

  .slide-map {
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50%;
  }

  .slide-map.swamp {
    background-position: 0%;
    background-repeat: no-repeat;
    padding-bottom: 50%;
  }

  .slide-content {
    order: -1;
    width: 90%;
    padding: 0;
  }

  .gameplay-section {
    height: auto;
    min-height: 100vh;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .free-to-play-wrap {
    bottom: 30vh;
    right: 5vw;
  }

  .season-one-hero {
    height: 92vh;
  }

  .seasone-one-container {
    height: 92vh;
    position: relative;
  }

  .hero-big-text.relative.vertical.preregister {
    justify-content: center;
    align-items: center;
    padding: 20px;
  }

  .hero-big-text.relative.vertical._40px-row {
    width: 90vw;
  }

  .hero-h1.xbonus, .hero-h1.tesla {
    font-size: 18vw;
  }

  .hero-h1.staking {
    letter-spacing: -1px;
    width: auto;
  }

  .hero-droid-wrapper._2 {
    height: 120vh;
  }

  .image-45 {
    width: 70vw;
    height: auto;
  }

  .background-section-image {
    background-image: none;
    width: 100vw;
  }

  .background-section-image.hide-mobile {
    display: none;
  }

  .background-section-image.absolue.relative-mobile {
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    position: relative;
  }

  .background-section-image.poaps {
    align-items: center;
    height: 60%;
  }

  .background-space-image {
    display: flex;
  }

  .next-hunt-large {
    align-items: flex-start;
  }

  .next-hunt-large-wrap {
    align-items: center;
    width: 90vw;
    padding-left: 0;
  }

  .image-46 {
    display: none;
  }

  .how-to-play-container {
    height: 70vh;
    position: relative;
    top: auto;
  }

  .how-to-play-hero {
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/6374b261b22bb35b83223349_stars2.svg");
    background-position: 50% 100%;
    background-size: auto;
    height: 70vh;
  }

  .hunt-schedule-hero-container {
    justify-content: center;
    padding-top: 0%;
  }

  .apply-to-hunt-container {
    height: 92vh;
    position: relative;
  }

  .apply-to-hunt-hero {
    height: 92vh;
  }

  .currently-in-beta {
    align-items: flex-start;
    font-size: 13vh;
  }

  .how-to-play-hero-2 {
    height: 92vh;
  }

  .how-to-play-hero-container {
    height: 92vh;
    position: relative;
  }

  .xpod-video {
    width: 100%;
  }

  .stars-bg-image {
    width: auto;
    max-width: none;
    height: 100%;
  }

  .hero-video-element {
    height: 50vh;
  }

  .enrol-complete-hero {
    height: 120vh;
  }

  .pop-up.transparent {
    background-color: var(--black);
    display: none;
  }

  .pop-up-container {
    background-image: linear-gradient(#0000 55%, #000), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65a6497b73761152e5edf439_pre%20reg-mobile.webp");
    background-position: 0 0, 50% -50%;
    flex-direction: column;
    justify-content: flex-end;
  }

  .x-pod-background-video {
    height: 100vh;
  }

  .pop-up-droid {
    width: 70vw;
    height: auto;
  }

  .pop-up-h1 {
    letter-spacing: -1px;
    font-size: 17vw;
  }

  .pop-up-text-wrapper.notch24 {
    max-width: 70%;
  }

  .pop-up-cta-block.mobile {
    display: none;
  }

  .paragraph-xxxl.bold {
    line-height: 100%;
  }

  .droid-gradient {
    bottom: 20%;
  }

  .enrol-complete-container {
    height: 92vh;
    position: relative;
  }

  .latest-winner-video {
    height: 50vh;
  }

  .winner-avatar {
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 50%;
  }

  .winner-avatar.swamp {
    background-position: 0%;
    background-repeat: no-repeat;
    padding-bottom: 50%;
  }

  .winner-avatar.notch8, .winner-avatar.small {
    background-position: 50%;
    padding-bottom: 0%;
  }

  .winner-wrap.vertical {
    margin-top: 0;
  }

  .winner-value-text.xsmall {
    font-size: 12px;
  }

  .winners-hero-section {
    height: 50dvh;
  }

  .hero-chest-wrapper {
    align-items: center;
    height: auto;
    inset: 0% 0% 0% auto;
  }

  .chest-image {
    width: 70vw;
    top: 0;
    bottom: 0%;
  }

  .winner-section {
    height: auto;
    min-height: 100vh;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .winner-slide-block-inside {
    flex-direction: column;
  }

  .winner-slide-block-inside.notch24 {
    flex-direction: column;
    align-items: center;
  }

  .winnerslide-block-text-section.notch24 {
    align-self: center;
    width: 50%;
  }

  .winner-slide-content {
    order: -1;
    width: 90%;
    padding: 0;
  }

  .winner-text-section {
    width: 90%;
    max-width: none;
    margin-left: 0;
    position: relative;
    inset: auto;
  }

  .avatar-name-wrap.small {
    flex: none;
    align-self: stretch;
  }

  .latest-winners-section-wrapper {
    flex-direction: column;
  }

  .sticky-wrap {
    height: auto;
    overflow: scroll;
  }

  .scroll-inner {
    align-items: flex-end;
    width: 600vw;
  }

  .sticky-container {
    flex-direction: column;
    height: auto;
    min-height: 100vh;
  }

  .scroll-card {
    width: 60vw;
    height: auto;
    bottom: 0%;
  }

  .scroll-card.notch24 {
    width: 50vw;
  }

  .latest-winners-text-wrapper {
    position: relative;
    top: 0;
  }

  .winner-text-content {
    width: 100%;
    max-width: none;
    margin-left: 0;
    position: relative;
    inset: -60px auto auto;
  }

  .winner-text-content.white10 {
    flex: none;
    align-self: stretch;
  }

  .brickwork-block {
    width: 50%;
  }

  .brickwork-grid {
    grid-template-rows: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr);
  }

  .brickwork-card {
    width: auto;
    height: 61.8%;
    bottom: 0%;
  }

  .latest-winners-container {
    flex-direction: column;
    height: auto;
    min-height: 100vh;
  }

  .jobs-wrapper {
    align-self: stretch;
  }

  .job-card.notch24:hover {
    background-size: auto 90%;
    transform: none;
  }

  .salary-block {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .collection-list-7 {
    justify-content: space-around;
  }

  .job-vacancies-headig {
    flex-direction: column;
  }

  .careers-hero-section {
    flex-direction: column;
    justify-content: flex-end;
    min-height: 70vh;
  }

  .careers-hero-container {
    flex: 1;
    justify-content: flex-end;
    align-self: center;
  }

  .careers-hero-container.preregister {
    justify-content: flex-end;
    width: 100%;
  }

  .careers-hero-container.poap {
    align-self: flex-end;
  }

  .careers-hero-container.xbonus, .careers-hero-container.tesla {
    align-self: stretch;
    width: auto;
    padding-top: 25%;
  }

  .job-link-block {
    width: 100%;
  }

  .droid-bg-image {
    width: 100%;
    max-width: none;
    height: auto;
    inset: 0% 0% auto auto;
  }

  .careers-hero-details.notch16 {
    flex-flow: wrap;
    order: -1;
    width: 100%;
    position: relative;
    top: 0%;
  }

  .career-section-container {
    flex-direction: column;
    padding-top: 0;
  }

  .job-description-block {
    width: auto;
    margin-top: 40px;
  }

  .collection-item-6 {
    flex: 1;
    width: auto;
    max-width: 50%;
  }

  .team-wrapper {
    align-self: stretch;
  }

  .team-link-block {
    width: 100%;
  }

  .team-details-wrap.notch16 {
    justify-content: flex-start;
    padding: 16px;
  }

  .team-details-wrap.notch12 {
    padding: 16px;
  }

  .team-name {
    margin-top: 0;
    font-size: 24px;
  }

  .bio-pop-up {
    display: flex;
  }

  .bio-pop-up.notch24 {
    background-color: var(--black);
    width: 90%;
  }

  .job-role {
    margin-bottom: 0;
    font-size: 14px;
  }

  .xkey-hero-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .transition-lines {
    border-right-style: none;
  }

  .uploaded-file.notch8 {
    background-color: var(--purple);
    color: var(--white);
  }

  .full-width-section {
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
  }

  .full-width-section-heading {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .full-width-text {
    grid-row-gap: 40px;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .full-width-text.left {
    max-width: 40%;
  }

  .full-width-content-description {
    width: 100%;
  }

  .stacking-content-large-text {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .stacking-content-large-text.left {
    max-width: 40%;
  }

  .affiliate-grid-text {
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .affiliate-grid-text.left {
    max-width: 40%;
  }

  .affiliate-faqs {
    overflow: hidden;
  }

  .small.red {
    color: var(--medium-violet-red);
  }

  .stacking-affiliate-content-image {
    flex-direction: column;
    flex: 1;
    order: -1;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: none;
  }

  .stacking-affiliate-content-image.right.huge {
    flex: none;
    width: 70%;
    height: 50vh;
    inset: 0% 0% 0% 15%;
  }

  .stacking-affiliate-content-image.medium {
    flex: 1;
    width: 80%;
  }

  .stacking-video-content {
    height: 50vh;
  }

  .how-to-contact, .twitter-handle {
    margin-bottom: 0;
    font-size: 14px;
  }

  .motherhsip-factions {
    min-height: 90vh;
  }

  .galaxies-container {
    grid-row-gap: 10px;
    flex-direction: column;
    flex: 1;
    justify-content: space-around;
    align-self: stretch;
  }

  .galaxy {
    flex: 1;
    justify-content: space-between;
    align-self: auto;
    height: auto;
    min-height: auto;
    top: auto;
    bottom: auto;
  }

  .galaxy-details {
    align-items: flex-end;
  }

  .galaxy-label {
    -webkit-text-stroke-width: .5px;
    font-size: 32px;
    line-height: 32px;
  }

  .galaxy-name {
    font-size: 32px;
    line-height: 32px;
  }

  .click-to-explore-block {
    flex: 1;
    justify-content: center;
    align-self: stretch;
    align-items: flex-end;
    margin-bottom: 20px;
    padding-bottom: 0;
    display: flex;
  }

  .click-to-explore-block.show-mobile {
    margin-bottom: 0;
  }

  .click-to-explore {
    text-align: center;
    font-size: 12px;
    display: flex;
  }

  .galaxy-bordering {
    width: 20px;
    height: auto;
    padding-bottom: 100%;
    display: none;
  }

  .galaxy-bordering.top-left {
    width: 20px;
    padding-bottom: 0%;
  }

  .factions-title-container {
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }

  .motherships-title {
    flex-direction: column;
    align-items: flex-start;
    font-size: 56px;
    display: flex;
  }

  .motherships-title.location {
    flex-direction: column;
    align-items: flex-end;
    display: flex;
  }

  .planet-details-menu {
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-end;
    height: 90vh;
    inset: auto 0% 0%;
    overflow: scroll;
  }

  .planet-name-block {
    align-items: flex-end;
  }

  .back-to-galaxies {
    flex: none;
  }

  .motherhsip-factions-test {
    min-height: 90vh;
  }

  .galaxy-title-container {
    align-items: stretch;
    padding-left: 40px;
    padding-right: 40px;
  }

  .back-button.notch12 {
    display: none;
  }

  .planet-no {
    font-size: 10px;
  }

  .planet-name {
    font-size: 24px;
  }

  .small-planets-list {
    flex-direction: column;
    display: flex;
  }

  .collection-list-8 {
    flex-direction: row;
  }

  .planet-details-text {
    width: auto;
  }

  .scroller-wrap {
    height: auto;
    overflow: scroll;
  }

  .large-planet-img {
    flex: 1;
    width: 100%;
  }

  .galaxy-1-section {
    display: flex;
  }

  .galaxy-title, .factions-title-container-copy {
    align-items: stretch;
    padding-left: 40px;
    padding-right: 40px;
  }

  .click-to-explore-copy {
    text-align: center;
    text-align: center;
    font-size: 12px;
    display: flex;
  }

  .deck-card.notch16 {
    padding: 24px;
  }

  .button-text {
    flex: none;
  }

  .all-planets {
    flex: none;
    position: relative;
    top: 11%;
  }

  .all-planets-container {
    grid-row-gap: 10px;
    flex-direction: column;
    flex: 1;
    justify-content: space-around;
    align-self: stretch;
  }

  .menu-planet-name {
    border-bottom-style: none;
    border-left-style: none;
    padding: 10px;
  }

  .menu-planet-text {
    font-size: 10px;
  }

  .menu-planet-galaxy {
    border-top-style: none;
    border-right-style: none;
    padding: 10px;
  }

  .menu-planet-mothership {
    border-top-style: none;
    border-left-style: none;
    padding: 10px;
  }

  .menu-planet-details {
    display: flex;
  }

  .planet-details-text-menu {
    width: auto;
  }

  .planet-details {
    flex-direction: column;
    justify-content: flex-start;
    align-self: flex-end;
    height: 90vh;
    inset: auto 0% 0%;
    overflow: scroll;
  }

  .countdown-section-container {
    grid-row-gap: 10px;
    flex-direction: column;
    flex: 1;
    justify-content: space-around;
    align-self: stretch;
  }

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

  .countdown-name-block {
    flex: 1;
  }

  .countdown-label-2 {
    -webkit-text-stroke-width: .5px;
    font-size: 32px;
    line-height: 32px;
  }

  .countdown-name {
    font-size: 32px;
    line-height: 32px;
  }

  .countdown-bordering {
    width: 20px;
    height: auto;
    padding-bottom: 100%;
    display: none;
  }

  .countdown-bordering.top-left {
    width: 20px;
    padding-bottom: 0%;
  }

  .px-exian {
    font-size: 16vw;
  }

  .xcrate-grid-horizontal-wrap {
    flex-flow: wrap;
  }

  .xcrate-grid-horizontal-wrap.eligibility {
    margin: 0;
  }

  .crate-grid-text {
    border-left-style: solid;
    border-left-color: var(--medium-violet-red);
    flex-direction: column;
    flex: none;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
  }

  .crate-grid-text.left {
    max-width: 40%;
  }

  .line {
    display: none;
  }

  .xkey-faqs {
    overflow: hidden;
  }

  .xsafe-bg-video {
    display: flex;
  }

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

  .xsafe-bg-video-3 {
    display: flex;
  }

  .megacrate-bg-video {
    left: 0%;
  }

  .megacrate-bg-video.xpod {
    top: 0;
    left: 0%;
  }

  .megacrate-bg-video.xpod.preorder {
    height: 70%;
  }

  .mega-rate-hero-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .mega-rate-hero-section.poap {
    align-items: flex-start;
  }

  .mega-rate-hero-section.xbonus {
    padding-left: 40px;
    padding-right: 40px;
  }

  .xcrate-eligibility-block {
    width: 35%;
  }

  .s1-hero-bg-video {
    display: none;
  }

  .s1-h1.cybertruck-hunt, .s1-h1.aston, .s1-h1.tesla-model-3 {
    top: 15%;
  }

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

  .content-top {
    flex-direction: column;
    align-items: center;
  }

  .content-heading-wrapper, .image-55 {
    margin-bottom: 25px;
  }

  .dev-letter {
    font-size: 5em;
  }

  .content-bottom, .content-top-2 {
    flex-direction: column;
    align-items: center;
  }

  .content-heading-wrapper-2, .image-56 {
    margin-bottom: 25px;
  }

  .design-letter {
    font-size: 5em;
  }

  .content-bottom-2 {
    flex-direction: column;
    align-items: center;
  }

  .btn.btn-three, .fancy-button.notch12.popup-btn {
    flex: 1;
  }

  .hero-button.mobile.notch8 {
    border-radius: 0;
    display: flex;
  }

  .hero-button.padding-top {
    margin-top: 34px;
  }

  .hero-button.wide.show-mobile.notch12 {
    border-radius: 0;
  }

  .container-3 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .max-width._50-desktop {
    width: 80%;
  }

  .split-text {
    font-size: 9vw;
  }

  .split-text.paragraph {
    font-size: 12px;
  }

  .split-text.paragraph.top-padding {
    padding-top: 2rem;
  }

  .container-7 {
    padding-left: 3.2em;
    padding-right: 3.2em;
  }

  .is-h1 {
    font-size: 3.5em;
  }

  .container-8 {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .split-text-2 {
    font-size: 40px;
  }

  .home-bordering {
    width: 20px;
    height: auto;
    padding-bottom: 100%;
    display: none;
  }

  .home-bordering.top-left {
    width: 20px;
    padding-bottom: 0%;
  }

  .loading-bordering {
    width: 20px;
    height: auto;
    padding-bottom: 100%;
    display: none;
  }

  .loading-bordering.top-left {
    width: 20px;
    padding-bottom: 0%;
  }

  .how-to-hero {
    height: 92vh;
  }

  .how-to-play-hero-bg-image {
    width: auto;
    max-width: none;
    height: 100%;
  }

  .section-content-text {
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section-content-text.left {
    max-width: 40%;
  }

  .text-wrap.stack {
    order: 1;
    width: 50%;
  }

  .text-wrap.stack._30 {
    width: 50%;
  }

  .xkeys-heading-section {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .xsafe-bg-video-copy {
    display: flex;
  }

  .collection-item-8 {
    width: 19%;
  }

  .xkeys-list-heading-section {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .poaps {
    height: 70%;
    top: 10%;
    left: 0%;
  }

  .poaps:hover {
    left: 0;
  }

  .poap-img {
    width: 50%;
    height: auto;
    top: auto;
  }

  .poap-img._2, .poap-img._3 {
    bottom: auto;
  }

  .poaps-group {
    align-items: center;
    width: 100vw;
    height: 80vh;
  }

  .guest {
    width: 20%;
  }

  .guest.notch16 {
    width: 23%;
  }

  .xbonus-counter.notch24 {
    align-self: stretch;
  }

  .xbonus {
    font-size: 10vw;
  }

  .xbonus.levels {
    font-size: 7vw;
  }

  .eth-icon {
    width: 64px;
  }

  .eth-icon.small {
    width: 40px;
  }

  .bonus-border.left, .bonus-border.right {
    display: none;
  }

  .megacrate-video-wrap, .tesla-img-wrap {
    left: 0;
  }

  .hunt-rules-title {
    font-size: 10vw;
  }

  .hunt-rules-title.levels {
    font-size: 7vw;
  }

  .hunt-rules-block.notch24 {
    align-self: stretch;
  }

  .reviews-hero {
    min-width: auto;
    max-width: none;
    display: flex;
  }

  .reviews-container {
    flex-direction: column;
  }

  .reviews-column {
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
  }

  .review-form.notch16 {
    justify-content: center;
    align-items: center;
    width: 80vw;
    height: 80vh;
    display: flex;
  }

  .star {
    width: 2vw;
  }

  .reviewer-details {
    grid-row-gap: 8px;
  }

  .reviewer-name-location {
    grid-row-gap: 4px;
  }

  .reviewer-name, .reviewer-username {
    font-size: 1.6vw;
  }

  .reviewer-country {
    font-size: 1.2vw;
  }

  .review-form-h1 {
    width: 90%;
  }

  .review-form-wrap {
    z-index: 100;
    background-color: var(--black-80);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    justify-content: center;
    width: 100vw;
    min-width: auto;
    height: 100vh;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .review-form-outline.notch24 {
    flex: 1;
    margin: 0;
    padding-top: 100px;
    position: relative;
  }

  .review-close-button {
    display: flex;
    position: absolute;
    top: 40px;
    right: 40px;
  }

  .review-close-button.notch8 {
    top: 12vh;
  }

  .submit-review-button-wrap {
    z-index: 99;
    background-color: var(--black-80);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    justify-content: space-around;
    padding: 10px;
    display: flex;
    position: fixed;
    inset: auto 0% 0%;
  }

  .hunter-league-hero-container {
    height: 92vh;
    position: relative;
  }

  .hunter-league-hero {
    height: 92vh;
  }

  .prize-card.notch24 {
    width: 25vw;
  }

  .support-tiers-section {
    height: auto;
    min-height: 100vh;
  }

  .support-tiers-heading {
    flex-direction: column;
  }

  .suport-tiers-wrapper {
    flex-direction: column;
    height: 100%;
  }

  .support-tier {
    aspect-ratio: 1;
    padding-bottom: 1px;
  }

  .support-tier-inside {
    aspect-ratio: auto;
    flex: 1;
    justify-content: space-around;
    align-self: auto;
    width: auto;
    height: auto;
    padding-bottom: 0;
    padding-right: 0;
  }

  .bundles-section {
    align-items: flex-end;
    padding-bottom: 2vh;
  }

  .bundles-background-section-image {
    background-image: none;
    width: 100vw;
  }

  .bundles-background-section-image.hide-mobile {
    display: none;
  }

  .bundles-background-section-image.absolue.relative-mobile {
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    position: relative;
  }

  .bundles-background-section-image.poaps {
    align-items: center;
    height: 60%;
  }

  .backgroudn-gun-image {
    align-items: flex-start;
    width: 100vw;
  }

  .image-64 {
    max-height: 100vh;
    position: relative;
    top: -14vh;
  }

  .crypto-order-popup {
    flex-flow: row;
    padding-top: 140px;
    display: flex;
    position: relative;
  }

  .crypto-order-close-button.notch8 {
    display: none;
  }

  .lightbox-link {
    width: 80px;
    bottom: 5%;
    right: 5%;
  }

  .beta-pop-up-img-wrapper {
    width: 80vw;
    right: 0;
  }

  .pop-up-right {
    order: -1;
    width: 100%;
  }

  .pop-up-left {
    width: 100%;
    padding-right: 10%;
  }

  .pop-up-left.notch24 {
    max-width: 70%;
  }

  .pop-up-qr, .download-app-qr {
    display: none;
  }

  .scan-to-download-text {
    flex: 1;
  }

  .download-app-qr-wrap {
    display: none;
  }

  .download-app-text {
    flex: 1;
  }

  .support-us, .paraph {
    font-size: 9vw;
  }

  .pop-up-cta-wrap {
    width: 90vw;
  }

  .beta-pop-up-h1 {
    letter-spacing: -1px;
    font-size: 17vw;
  }

  ._5050-container {
    flex-direction: column;
  }

  ._50-left {
    background-position: 100%;
    background-size: 50%;
    width: 100%;
    height: 50%;
  }

  ._50-right {
    flex-direction: column;
    justify-content: flex-end;
    align-self: auto;
    width: 100%;
    height: 50%;
  }

  .buy-xpod-vid {
    flex: 1;
    align-self: flex-end;
    width: 50%;
    position: relative;
    bottom: 0;
  }

  .buy-xpod-vid.small {
    align-self: flex-start;
  }

  ._5050-text-wrapper {
    background-image: linear-gradient(to right, #000 23%, #0000);
    padding-left: 10%;
    padding-right: 30%;
  }

  ._5050-heading {
    font-size: 40px;
  }

  ._5050-cta-block {
    flex-direction: row;
    align-self: stretch;
    align-items: flex-start;
  }

  .xpod-vid-wrapper {
    flex-direction: column;
    justify-content: center;
    align-self: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
  }

  .xpod-vid-wrapper.smal {
    align-items: flex-start;
    position: relative;
  }

  .xdroid-name {
    margin-top: 0;
    font-size: 24px;
  }

  .xdroids-for-sale-heading {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: row;
    margin-bottom: 40px;
  }

  .heading-text-wrap {
    width: 50%;
  }

  .xdroid-collection-item {
    aspect-ratio: auto;
    width: 48%;
  }

  .xdroid-card {
    aspect-ratio: auto;
    background-position: 50% 0;
    background-repeat: no-repeat;
    height: 50vh;
  }

  .xdroids-heading {
    font-size: 48px;
  }

  .tiers {
    flex-direction: column;
  }

  .staking-hero-section {
    justify-content: flex-end;
    padding-left: 20px;
    padding-right: 20px;
  }

  .staking-background-section-image {
    background-image: none;
    align-self: center;
    width: 90vw;
    right: auto;
  }

  .staking-background-section-image.hide-mobile {
    display: none;
  }

  .staking-background-section-image.absolue.relative-mobile {
    width: 100%;
    height: auto;
    padding-bottom: 100%;
    position: relative;
  }

  .staking-background-section-image.poaps {
    align-items: center;
    height: 60%;
  }

  .reputaion-list {
    margin-top: 0;
  }

  .reputation-scroll-block {
    width: 40vw;
    height: auto;
    bottom: 0%;
  }

  .reputation-scroll-block.notch24 {
    width: 50vw;
  }

  .staked-nft-card {
    max-width: 100%;
    top: -4%;
    left: -20%;
    right: auto;
  }

  .total-earnings-card.notch8 {
    top: 30%;
    left: auto;
    right: 10%;
  }

  ._10k-hunt-hero {
    height: 92vh;
  }

  ._10k-hunt-hero-container {
    justify-content: flex-start;
    align-items: center;
    height: 100dvh;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  ._10k-hunt-hero-bg-2, ._10k-hunt-hero-bg-3 {
    display: none;
    top: 5%;
  }

  ._10k-hunt-hero-subtesxt {
    line-height: 30px;
  }

  .golden-hunt-pass-video {
    width: 500px;
  }

  .prizes-section {
    padding: 60px 40px;
  }

  .prizes-card.notch24 {
    width: 25vw;
  }

  .prizes-card.notch16 {
    width: 48%;
  }

  ._10k-coming-soon {
    top: 10%;
  }

  ._10k-chest {
    left: auto;
  }

  .bottom-section-socials-block.nav {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
  }

  .datarooom-container {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .bottom-section {
    order: 1;
  }

  .top-section {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    order: 3;
    height: auto;
  }

  .early-signups, .middle-section, .right-section {
    width: auto;
  }

  .dataroom-heading {
    font-size: 6vw;
  }

  .bar-back {
    min-height: 24px;
  }

  .divider-line {
    order: 2;
    display: none;
  }

  .divider-line.vertical {
    background-image: linear-gradient(to right, #fff0, var(--white-20) 30%, var(--white-20) 70%, #fff0);
    width: 100%;
    height: 1px;
  }

  .mobile-divider-line {
    order: 2;
    display: none;
  }

  .mobile-divider-line.vertical {
    background-image: linear-gradient(to right, #fff0, var(--white-20) 30%, var(--white-20) 70%, #fff0);
    width: 100%;
    height: 1px;
  }

  ._10k-hunt-rules {
    overflow: hidden;
  }

  .bio-pop-up-background {
    display: none;
  }

  .close-button-bio {
    flex: none;
  }

  .close-button-bio.notch12 {
    position: absolute;
  }

  .previous-work {
    margin-bottom: 0;
    font-size: 14px;
  }

  .footer-see-all.notch12.w--current {
    display: flex;
  }

  .page-content-wrapper {
    flex: 0 auto;
    width: 100vw;
  }

  .section-content-luke-ting._04, .section-content-luke-ting._06, .section-content-luke-ting._08 {
    flex-flow: column;
  }

  .section-content-luke-ting._07, .section-content-luke-ting._03-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .hero-content-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .primary-button-text {
    flex: none;
  }

  .button-wrap.hero {
    display: none;
  }

  .hero-content-left {
    align-items: flex-start;
  }

  .hero-content-right {
    align-self: stretch;
  }

  .bottom-right-wrap {
    flex: 1;
    position: relative;
  }

  .section-content._01 {
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    width: 70%;
  }

  .section-content._01.sticky {
    position: relative;
    top: 0;
  }

  .section-content._01.x-vault.notch12 {
    width: 90%;
  }

  .section-content.hunt-sponsor {
    justify-content: center;
    align-self: auto;
    align-items: flex-start;
    width: 70%;
  }

  .section-content.hunt-sponsor.sticky {
    position: relative;
    top: 0;
  }

  .section-content.hunt-sponsor.x-vault.notch12 {
    width: 90%;
  }

  .page-wrapper-luke {
    width: 100vw;
    overflow: hidden;
  }

  .paragraph-bio.hunter-league {
    padding-left: 16px;
  }

  .rosta-cards-wrapper {
    position: relative;
  }

  .v-line {
    display: none;
  }

  .right-footer-content {
    justify-content: space-between;
    align-items: flex-start;
  }

  .nav-wrapper {
    display: none;
  }

  .socials-block-mobile.nav {
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
  }

  .the-x-vault._04.no-padding {
    flex-flow: row;
    height: 160vh;
  }

  .join-the-hunt-inner._01, .join-the-hunt-inner._10-000-hunt {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .right-slot-huntpass {
    order: -1;
    position: relative;
    left: -157px;
  }

  .div-block-44 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }

  .hero-sub-tex {
    width: auto;
  }

  .image-wrapper-left {
    order: -1;
  }

  .hunt-pass-wrapper {
    width: 40%;
    position: absolute;
    top: 10%;
    right: 10%;
  }

  .navitem-border {
    display: none;
  }

  .car-bg {
    margin-top: 56px;
  }

  .car-bg.cybertruck, .car-bg.aston, .car-bg.tesla3 {
    margin-top: 0;
  }

  .hunt-boxes-wrapper {
    flex-flow: column;
    margin-top: 118px;
    padding-left: 0;
    position: static;
    top: 671px;
  }

  .vvideo-wrapper-left {
    order: -1;
  }

  .backers-logos-wrapper {
    justify-content: flex-start;
    align-items: center;
  }

  .aston-martin-hunt-hero {
    height: 92vh;
  }

  .aston-martin-hunt-container {
    justify-content: flex-start;
    align-items: center;
    height: 100dvh;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .hunt-schedule-hero-section {
    min-height: auto;
  }

  .hunt-schedule-hero-section.x-team {
    background-size: 200vw;
  }

  .hunt-schedule-hero-heading {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
  }

  .month-selectors {
    padding-top: 0;
  }

  .hunt-block {
    height: 40vh;
  }

  .hunt-detail-label, .hunt-detail-value {
    font-size: 1.5vw;
  }

  .hunt-detail-value.normal {
    line-height: 100%;
  }

  .hunt-prize-details {
    grid-column-gap: .25rem;
    grid-row-gap: .25rem;
  }

  .hunt-prize-name {
    font-size: 1.5vw;
  }

  .timeline-bar-outer {
    margin-top: 20vh;
  }

  .h2 {
    font-size: 30px;
  }

  .bullet-text {
    font-size: 2vw;
  }

  .reserve-cta {
    font-size: 1.5vw;
  }

  .reserve-confirmation {
    font-size: 24px;
  }

  .lottie-animation-32 {
    width: 12vw;
  }

  .roadmaphero-sub-text.x-team {
    width: auto;
    font-size: 12px;
  }

  .roadmap-item-block {
    height: 40vh;
  }

  .video-shader {
    background-image: radial-gradient(circle, #0000 15%, #000000d1 36%, #000 39%);
  }

  .gallax-section {
    min-height: 30vh;
  }

  .article-header {
    aspect-ratio: 16 / 9;
    object-fit: cover;
    background-position: 0 0, 50% -40%;
    background-repeat: repeat, no-repeat;
    background-size: auto, 120%;
    height: auto;
  }

  .article-details {
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-1.article-heading {
    font-size: 4svw;
  }

  .creator-bullet-text {
    font-size: 2vw;
  }

  .text-span-11 {
    font-size: 12px;
  }

  .div-block-56-copy {
    width: 60vw;
  }

  .div-block-61 {
    flex-flow: column;
  }

  .video-block {
    width: 50vw;
  }

  .videos-wrap {
    flex-flow: column;
    order: 1;
  }

  .gamers-wrap {
    flex-flow: wrap;
    order: 1;
    align-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  h2 {
    font-size: 40px;
  }

  .image-9, .image-10 {
    max-width: 70%;
  }

  .nav-content {
    padding-left: 16px;
    padding-right: 16px;
  }

  .navbar {
    padding-left: 0;
    padding-right: 0;
    inset: 0% 0% auto;
  }

  .cta {
    display: none;
  }

  .cta.mobile {
    padding-top: 12px;
    display: block;
  }

  .cta.primary, .cta.primary.mobile-nav, .cta.margin-top.show.notch8 {
    display: flex;
  }

  .cta.secondary.notch12.show-mobile.popup, .cta.secondary.notch12.show.popup {
    flex: 0 auto;
  }

  .cta.secondary.hero.notch12 {
    justify-content: center;
  }

  .cta.padding-top, .cta.wide.show-mobile.notch12 {
    display: block;
  }

  .cta.hero, .cta.submit-review.notch12 {
    display: flex;
  }

  .nav-link-wrap {
    padding: 16px 0;
    display: flex;
  }

  .nav-link-2 {
    text-align: center;
    flex: 1;
    padding-bottom: 16px;
    display: flex;
  }

  .nav-link-2.no-border {
    line-height: 100%;
  }

  .nav-menu {
    background-color: #000000e6;
    border-radius: 8px;
    margin-top: -48px;
    padding: 140px 24px 32px;
    top: 0;
  }

  .stacking-section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .stacking-content-bottom {
    flex-direction: column;
  }

  .stacking-content-bottom.x-droid-card-wrao {
    flex-direction: column;
    align-items: center;
  }

  .paragraph-xl {
    font-size: 18px;
  }

  .x-droid-card {
    width: 100%;
    max-width: 400px;
    margin-bottom: 56px;
  }

  .x-droid-image {
    margin-top: -40px;
  }

  .stacking-mint-content {
    flex-direction: column;
  }

  .stacking-mint-content-left {
    width: 100%;
  }

  .call-out-box._32px-margin-top {
    max-width: 340px;
  }

  .stacking-mint-content-right {
    flex: 0 auto;
    height: 400px;
    margin-top: 56px;
  }

  .minting-cannister-bg-wrap {
    height: 100%;
  }

  .minting-cannister-bg {
    border-bottom-left-radius: 64px;
  }

  .minting-cannister-wrap {
    padding-left: 0;
  }

  .menu-button {
    justify-content: center;
    align-self: center;
    align-items: center;
    padding: 12px;
    display: flex;
  }

  .menu-button.w--open {
    background-color: #0000;
    border-radius: 8px;
  }

  .menu-icon {
    flex: none;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
    position: relative;
  }

  .main-section {
    padding-left: 32px;
    padding-right: 32px;
  }

  .roadmap-block-item {
    width: 100%;
  }

  .roadmap-item-left {
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }

  .nav-items-wrap {
    z-index: 2;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }

  .nav-items-wrap.buttons {
    display: none;
  }

  .stacking-content-top-title {
    width: 64px;
    margin-right: 32px;
  }

  .brand {
    padding-left: 0;
  }

  .image-13 {
    display: none;
  }

  .countdown-block {
    border-bottom-style: none;
    margin-left: 10px;
    margin-right: 10px;
  }

  .countdown-time {
    font-size: 24px;
  }

  .countdown-detail {
    font-size: 16px;
  }

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

  .paragraph-m.review {
    font-size: 16px;
  }

  .bio-container {
    flex-direction: column;
    justify-content: flex-start;
  }

  .bio-text-container {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .close-button.notch12 {
    order: 1;
    margin-top: 96px;
  }

  .close-button.notch16, .close-button.notch8 {
    order: 1;
  }

  .label {
    font-size: 12px;
  }

  .landscape-screenshot {
    width: 500px;
    height: 231px;
  }

  .xtoken-1 {
    justify-content: flex-start;
    inset: 0% auto 0% 0%;
  }

  .xtoken, .gem {
    margin-left: 24px;
  }

  .team-member-hero {
    min-height: auto;
  }

  .hero-bg-team-member-wrap {
    justify-content: flex-start;
    position: absolute;
    inset: 0%;
  }

  .team-member-profile-hero {
    width: 90%;
    position: relative;
  }

  .bio-content-wrap {
    flex-direction: column;
    justify-content: flex-start;
    width: 90%;
  }

  .bio-text-content {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .x-doids-hero {
    min-height: auto;
  }

  .x-droids-section {
    overflow: hidden;
  }

  .section-wrapper {
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
  }

  .right-content {
    justify-content: center;
  }

  .right-content.top {
    order: -1;
    width: 60%;
    height: 40%;
  }

  .text-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .text-wrapper.large {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-wrapper.slider {
    align-items: flex-start;
  }

  .galaxies-section {
    overflow: hidden;
  }

  .stacking-content-text.left {
    max-width: none;
  }

  .stacking-content-horizontal-wrap {
    flex-direction: column;
  }

  .stacking-content-image.right.off-screen {
    width: auto;
  }

  .stacking-content-image._50vw, .stacking-content-image.phone-screen {
    width: 100%;
  }

  .section-counter {
    top: 0%;
  }

  .section-counter.galaxy-counter {
    display: none;
  }

  .loot-item {
    width: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .footer-middle-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
  }

  .footer-column {
    align-self: stretch;
    width: 100%;
  }

  .footer-column.horizontal {
    flex-flow: wrap;
  }

  .footer-link {
    flex: 1;
  }

  .footer-double-column {
    width: 100%;
  }

  .button-block.hero {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .usp-section-2, .usp-section-3 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .paragraph-xxl.vw {
    font-size: 4vw;
  }

  .partner-package {
    width: 100%;
    max-width: 400px;
    margin-bottom: 56px;
  }

  .image-24.desktop {
    display: none;
  }

  .image-24.mobile {
    display: block;
  }

  .prizes-row {
    flex-direction: column;
  }

  .prizes-image-block {
    width: 100%;
    padding-bottom: 100%;
  }

  .prize-title {
    font-size: 18px;
  }

  .stacking-section-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-5 {
    flex-direction: column;
  }

  .div-block-6 {
    padding-right: 0;
  }

  .form-2 {
    width: 100%;
  }

  .xp-total {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    background-color: var(--transparent);
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .leaderboard-cell {
    height: 64px;
    padding-right: 24px;
  }

  .leaderboard-cell.notch8 {
    justify-content: space-between;
  }

  .position {
    height: 64px;
  }

  .username {
    font-size: 14px;
  }

  .x-tokens {
    padding-bottom: 5px;
    padding-left: 6px;
    padding-right: 0;
    font-size: 20px;
    line-height: 20px;
  }

  .pp-name {
    width: 50%;
    max-width: 50%;
    margin-left: 4px;
  }

  .xp-amount, .xp-label {
    font-size: 20px;
  }

  .position_number {
    width: 32px;
    height: 32px;
    font-size: 14px;
  }

  .nav-v2 {
    justify-content: space-between;
    width: 100vw;
    padding-left: 16px;
    padding-right: 16px;
  }

  .fixed-section {
    height: 8vh;
  }

  .label-value {
    justify-content: flex-start;
  }

  .season-one-label {
    flex: 0 auto;
    align-self: stretch;
    font-size: 3vw;
  }

  .values.horizontal {
    grid-column-gap: 0%;
    flex-wrap: wrap;
  }

  .counterup {
    font-size: 6vw;
  }

  .next-hunt-large {
    padding: 0;
  }

  .app-store-buttons.next-hunt {
    padding-left: 0;
  }

  .qr-code-block {
    display: none;
  }

  .dr-container {
    height: 100%;
  }

  .data-log-container, .engine-container {
    grid-row-gap: 24px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .dr-h1.outline {
    margin: 0;
  }

  .sign-up-and-menu-button {
    display: flex;
  }

  .log-list {
    height: auto;
  }

  .title-sub {
    align-items: flex-start;
  }

  .top-level-stats {
    grid-column-gap: 24px;
  }

  .power-bar-fill._1 {
    width: 100%;
    height: 41%;
  }

  .title-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .title-block._2 {
    flex-direction: column;
    display: flex;
  }

  .log {
    display: none;
  }

  .log-full-view {
    width: 80%;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .countdown-wrapper---brix {
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }

  .countdown-number-container---brix {
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .countdown-number---brix.number {
    font-size: 50px;
    line-height: 59px;
  }

  .countdown-number-title---brix {
    font-size: 14px;
    line-height: 16px;
  }

  .lightning-button.margin {
    z-index: 8;
  }

  .battle-pass-video {
    width: 100%;
    height: 130%;
  }

  .hunt-thumbnail-image {
    min-height: 46vw;
  }

  .hunt-card-details.notch24 {
    padding: 24px;
  }

  .h3-large.no-margin {
    font-size: 24px;
  }

  .hunt-card-wrap {
    margin-right: 40px;
  }

  .hunt-pill-text {
    font-size: 12px;
  }

  .hunt-card-block {
    width: 80vw;
  }

  .hunt-card-not-sticky-horizontal-scroll-content {
    padding-left: 10vw;
  }

  .fs-cc-prefs_title {
    font-size: 1.25rem;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .dropdown-wrap {
    padding: 16px 0;
    display: flex;
  }

  .dropdown-trigger {
    align-items: flex-start;
  }

  .slide-map {
    background-position: 0%;
    background-repeat: no-repeat;
  }

  .hero-big-text.front.move {
    display: none;
  }

  .hero-big-text.move {
    bottom: 60%;
  }

  .hero-big-text.relative.vertical {
    width: 100%;
  }

  .hero-h1.staking {
    letter-spacing: -1px;
    width: auto;
  }

  .image-45 {
    width: 90vw;
  }

  .background-section-image {
    align-self: center;
    display: flex;
  }

  .roadmap-hero-description {
    flex: none;
    width: 90%;
    position: absolute;
    bottom: 35%;
    left: auto;
  }

  .roadmap-hero-container {
    justify-content: center;
  }

  .next-hunt {
    font-size: 24px;
  }

  .next-hunt-large {
    font-size: 20vw;
  }

  .next-hunt-large-wrap {
    padding: 0;
  }

  .how-to-play-container {
    height: 60vh;
    position: relative;
    top: auto;
  }

  .how-to-play-hero {
    height: 60vh;
  }

  .gameplay-hero-description {
    flex: none;
    width: 90%;
    position: relative;
    bottom: 35%;
    left: auto;
  }

  .x-battle-pass-section {
    overflow: hidden;
  }

  .currently-in-beta {
    font-size: 14vw;
  }

  .full-width.notch16 {
    width: 100%;
  }

  .apply-to-hunt-boarding-pass-video {
    width: 100vw;
  }

  .section {
    min-height: auto;
  }

  .press-play, .pop-up.transparent {
    display: none;
  }

  .pop-up-container {
    background-image: linear-gradient(#0000 55%, #000), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65a6497b73761152e5edf439_pre%20reg-mobile.webp");
    background-position: 0 0, 50% -10%;
    background-size: auto, 160vw;
  }

  .pop-up-big-text.front.move {
    display: none;
  }

  .pop-up-big-text.move {
    bottom: 60%;
  }

  .pop-up-droid {
    width: 90vw;
  }

  .pop-up-cta-block {
    justify-content: space-between;
  }

  .paragraph-xxxl.vw {
    font-size: 4vw;
  }

  .winner-avatar {
    background-position: 0%;
    background-repeat: no-repeat;
  }

  .chest-image {
    width: 90vw;
  }

  .winner-hero-big-text.front.move {
    display: none;
  }

  .winner-hero-big-text.move {
    bottom: 60%;
  }

  .latest-winners-section-wrapper {
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
  }

  .sticky-wrap {
    height: auto;
    overflow: visible;
  }

  .scroll-inner {
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .description {
    margin-top: .875rem;
    font-size: 1.125rem;
  }

  .heading {
    font-size: 1.75rem;
  }

  .scroll-card {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    width: 100%;
    margin: 1rem 0;
  }

  .scroll-card.notch24 {
    width: auto;
  }

  .latest-winners-text-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .latest-winners-text-wrapper.slider {
    align-items: flex-start;
  }

  .brickwork-grid {
    grid-template-rows: minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr);
  }

  .brickwork-card {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    width: 100%;
    margin: 1rem 0;
  }

  .careers-hero-section {
    min-height: 100vh;
    margin-bottom: 60px;
  }

  .droid-bg-image {
    flex: none;
    width: auto;
    height: 50%;
    position: relative;
    left: auto;
    right: auto;
  }

  .collection-item-6 {
    flex: none;
    width: 100%;
    max-width: none;
  }

  .team-link-block {
    background-color: var(--white);
  }

  .team-card.notch24 {
    opacity: .95;
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%;
  }

  .bio-pop-up {
    flex-direction: column;
    padding: 20px;
  }

  .bio-pop-up.notch24 {
    justify-content: flex-start;
    width: 100%;
    top: 0;
  }

  .bio-wrap {
    flex-direction: column;
    flex: 1;
    order: 3;
    justify-content: flex-start;
    width: 100%;
  }

  .team-photo {
    order: 2;
    width: auto;
    padding-bottom: 100%;
  }

  .footer-triple-column {
    flex-flow: wrap;
    width: 100%;
  }

  .full-width-text.left, .stacking-content-large-text.left, .affiliate-grid-text.left {
    max-width: none;
  }

  .small {
    max-width: 100%;
  }

  .stacking-affiliate-content-image.right.off-screen {
    width: auto;
  }

  .stacking-video-content {
    height: auto;
  }

  .click-to-explore-block.show-mobile {
    align-self: center;
  }

  .factions-title-container {
    grid-row-gap: 8px;
    flex-direction: column;
    align-self: stretch;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .motherships-title {
    grid-column-gap: 8px;
    flex-direction: row;
    align-self: center;
  }

  .planet-details-menu {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    padding: 64px 0 0;
    inset: 0%;
    overflow: hidden;
  }

  .back-to-galaxies.notch12, .back-to-galaxies.notch16, .back-to-galaxies.notch8 {
    order: 1;
  }

  .planet-details-text {
    width: 100vw;
    padding: 20px;
  }

  .prizes-list {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-right: 0%;
  }

  .scroller-wrap {
    height: auto;
    overflow: visible;
  }

  .large-planet-img {
    width: 100vw;
  }

  .collection-item-7 {
    flex-direction: column;
  }

  .planet-scroll-wrap {
    flex-direction: column;
    overflow: scroll;
  }

  .button-text.notch12, .button-text.notch16, .button-text.notch8 {
    order: 1;
  }

  .all-planets {
    background-color: var(--white-10);
    flex: 1;
    align-self: stretch;
    position: relative;
  }

  .all-planets.notch12, .all-planets.notch16 {
    order: 1;
  }

  .all-planets.notch8 {
    order: 1;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .menu-planet-text.label {
    font-size: 11px;
  }

  .menu-planet-galaxy {
    padding-bottom: 0;
    position: relative;
  }

  .menu-planet-mothership {
    position: relative;
  }

  .menu-planet-details {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .planet-details-text-menu {
    width: 100vw;
    padding: 20px;
  }

  .planet-details {
    flex-direction: column;
    justify-content: flex-start;
    height: auto;
    padding: 64px 0 0;
    inset: 0%;
    overflow: hidden;
  }

  .countdown-section-container {
    padding-left: 0;
    padding-right: 0;
  }

  .countdown-name-block, .countdown-name-blcok-right {
    width: auto;
  }

  .section-container {
    padding: 0;
  }

  .crate-grid-text {
    width: 100%;
  }

  .crate-grid-text.left {
    max-width: none;
  }

  .s1-hero-bg-video {
    display: none;
  }

  .s1-h1.kai-x-porshe-hunt, .s1-h1.ts-x-porshe-hunt, .s1-h1.cybertruck-hunt, .s1-h1.aston, .s1-h1.tesla-model-3 {
    letter-spacing: -1px;
  }

  .s1-hero-logo.super {
    width: 90vw;
    max-width: none;
  }

  .dev-letter, .design-letter {
    font-size: 4em;
  }

  .btn.btn-three {
    flex: 1;
  }

  .all-buttons-use-this {
    display: none;
  }

  .fancy-button.notch12 {
    flex: none;
  }

  .hero-button {
    display: none;
  }

  .hero-button.mobile {
    padding-top: 12px;
    display: block;
  }

  .hero-button.primary, .hero-button.primary.mobile-nav, .hero-button.margin-top.show.notch8 {
    display: flex;
  }

  .hero-button.padding-top, .hero-button.wide.show-mobile.notch12 {
    display: block;
  }

  .split-text {
    font-size: 9vw;
  }

  .split-text.small {
    font-size: 12vw;
  }

  .split-text.paragraph, .split-text.paragraph-copy {
    font-size: 3vw;
  }

  .split-text.x-small {
    font-size: 12vw;
  }

  .image-size {
    width: 376px;
    height: 376px;
  }

  .container-7 {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .two-column_item.line-animation {
    width: 100%;
    padding-bottom: 1.9em;
    padding-right: 0;
  }

  .two-column {
    flex-direction: column;
  }

  .split-text-2 {
    font-size: 30px;
  }

  .left-block {
    width: auto;
  }

  .vertical-text {
    display: none;
  }

  .s1-hero-bg-mobile {
    display: flex;
  }

  .section-content-text.left {
    max-width: none;
  }

  .text-wrap.stack {
    order: -1;
    width: 100%;
  }

  .collection-item-8 {
    width: 48%;
  }

  .xkeys-list-heading {
    grid-column-gap: 130px;
    padding-left: 0;
    padding-right: 0;
  }

  .xkeys-list-heading-blcok {
    align-items: center;
  }

  .activated {
    flex: 1;
    font-size: 8vw;
  }

  .burned {
    flex: 1;
  }

  .poap-img.small {
    width: 100px;
    height: 100px;
  }

  .guest.notch16 {
    width: 30%;
  }

  .mega-spaces-list {
    grid-column-gap: 0px;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .xbonus-counter.notch24 {
    width: 100%;
  }

  .xbonus.levels {
    font-size: 6vw;
  }

  .bouns-bottom-row {
    grid-column-gap: 0%;
    grid-row-gap: 8px;
    flex-wrap: nowrap;
  }

  .hunt-rules-title.levels {
    font-size: 6vw;
  }

  .hunt-rules-block.notch24 {
    width: 100%;
  }

  .review-form.notch16 {
    width: 100vw;
    height: 80vh;
  }

  .reviewer-name, .reviewer-username {
    font-size: 14px;
  }

  .reviewer-country {
    font-size: 12px;
  }

  .collection-item-9 {
    width: 100%;
  }

  .collection-list-10 {
    column-count: 0;
  }

  .review-form-wrap {
    min-width: auto;
    padding-top: 100px;
    display: none;
  }

  .review-form-heading {
    font-size: 14vw;
  }

  .collection-list-wrapper-5, .hero-video-bg-wrap {
    display: flex;
  }

  .hunter-league-logo-mobile {
    display: block;
  }

  .hunter-league-logo-desktop {
    display: none;
  }

  .home-prize-card-scroll-wrap {
    padding-left: 48px;
  }

  .prize-card.notch24 {
    width: 200px;
    height: 300px;
  }

  .latest-prizes-wrap {
    width: 48px;
  }

  .bundles-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .bundles-background-section-image {
    align-self: center;
    display: flex;
  }

  .image-64 {
    top: 5vh;
  }

  .bundles-hero-conatiner {
    width: 100%;
  }

  .crypto-order-popup {
    padding-top: 140px;
  }

  .progress-label {
    font-size: 24px;
  }

  .unit {
    font-size: 6vw;
  }

  .unit.progress {
    font-size: 24px;
  }

  .percentcounterup {
    font-size: 6vw;
  }

  .percentcounterup.progress {
    font-size: 24px;
  }

  .target-amount {
    font-size: 6vw;
  }

  .target-amount.progress {
    font-size: 24px;
  }

  .support-us {
    font-size: 9vw;
  }

  .support-us.small {
    font-size: 12vw;
  }

  .support-us.paragraph, .support-us.paragraph-copy {
    font-size: 3vw;
  }

  .paraph {
    font-size: 9vw;
  }

  .paraph.small {
    font-size: 12vw;
  }

  .paraph.paragraph, .paraph.paragraph-copy {
    font-size: 3vw;
  }

  .staking-xdroid-bg-img {
    aspect-ratio: 1;
    height: auto;
    left: 0%;
  }

  .heading-text-wrap {
    width: auto;
  }

  .xdroid-card {
    height: 60vh;
  }

  .tiers {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-right: 0%;
  }

  .staking-background-section-image {
    align-self: center;
    display: flex;
  }

  .reputaion-list {
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-right: 0%;
  }

  .reputation-scroll-block {
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
    width: 45%;
    margin: 1rem 0;
  }

  .reputation-scroll-block.notch24 {
    width: auto;
  }

  .x-tokens-wrap {
    padding-left: 0;
    padding-right: 0;
  }

  .image-65 {
    width: 24px;
    height: 16px;
  }

  ._10k-hunt-hero {
    height: auto;
  }

  ._10k-hunt-hero-container {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .porsche-hunt-hero {
    height: auto;
  }

  .golden-hunt-pass-video {
    width: 100%;
    height: 130%;
  }

  .prize-card-scroll-wrap {
    padding-left: 48px;
  }

  .prizes-card.notch24 {
    width: 200px;
    height: 300px;
  }

  ._10k-coming-soon {
    order: -1;
    margin-top: 0;
  }

  ._10k-chest {
    align-self: center;
  }

  .bio-pop-up-background {
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px 0;
    display: none;
  }

  .close-button-bio.notch12 {
    order: 1;
    margin-top: 0;
    margin-right: 20px;
  }

  .close-button-bio.notch16, .close-button-bio.notch8, .primary-button-text.notch12, .primary-button-text.notch16, .primary-button-text.notch8 {
    order: 1;
  }

  .page-wrapper-luke {
    display: block;
  }

  .title-para-wrapper.horizontal {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .paragraph-bio {
    font-size: 18px;
  }

  .photo-block-container {
    flex-direction: column;
    height: auto;
  }

  .photo-block, .photo-block._1, .photo-block._3 {
    height: 50vh;
  }

  .v-line {
    display: none;
    overflow: visible;
  }

  .nav-wrapper {
    display: none;
  }

  .counter-home {
    font-size: 6vw;
  }

  .full-roster-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .counter-roster {
    font-size: 17vw;
  }

  .x-tokens-products-section {
    overflow: hidden;
  }

  .car-bg {
    width: 130vw;
    max-width: none;
    margin-top: 56px;
  }

  .hunt-boxes {
    justify-content: center;
    align-items: center;
  }

  .hunt-boxes-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    grid-template: "Area Area"
                   ". ."
                   / 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 134px;
    padding-left: 0;
    display: flex;
    top: 434px;
  }

  .left-boxes-wrapper {
    flex-flow: column;
  }

  .mountains-bg, .mountains-sky-bg {
    width: 130vw;
    max-width: none;
  }

  .aston-martin-hunt-hero {
    height: auto;
  }

  .aston-martin-hunt-container {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .tesla-bg {
    width: 130vw;
    max-width: none;
  }

  .video-shader {
    background-image: radial-gradient(circle, #0000 15%, #000000d1 32%, #000 36%);
  }

  .coin-video-2 {
    width: 70%;
  }

  .article-details {
    padding-left: 20px;
    padding-right: 20px;
  }

  .article-detail-value {
    font-size: 10px;
  }

  .article-detail-label {
    font-size: 8px;
  }

  .article-text-details {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .million-text {
    font-size: 6vw;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 48px;
  }

  h3 {
    letter-spacing: .5px;
    text-transform: uppercase;
    font-size: 32px;
  }

  h4 {
    font-size: 16px;
  }

  p {
    font-size: 14px;
  }

  a {
    word-break: normal;
    overflow-wrap: anywhere;
    max-width: 100%;
  }

  ul, ol {
    padding-left: 16px;
  }

  li {
    font-size: 14px;
    line-height: 140%;
  }

  .body, .body.black {
    padding-bottom: 0;
  }

  .text-field {
    border-radius: 0;
    font-size: 14px;
  }

  .checkbox-label {
    color: var(--butterfly);
  }

  .big-logo {
    width: 90%;
    margin-bottom: 0;
    padding: 0;
    display: none;
    position: relative;
    top: auto;
  }

  .image-9 {
    max-width: 50%;
  }

  .image-10 {
    max-width: 21%;
  }

  .image-12 {
    width: 100vw;
  }

  .loading-screen {
    display: none;
  }

  .text-block-4 {
    text-align: center;
    justify-content: center;
    font-size: 11px;
    display: none;
  }

  .nav-content {
    z-index: 10;
    grid-column-gap: 16px;
    justify-content: space-between;
    height: 64px;
    position: relative;
    left: 0;
    right: 0;
  }

  .navbar {
    z-index: 9998;
    justify-content: space-around;
    margin-top: -1px;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .nav-logo-no-glow {
    flex: none;
    width: auto;
    margin-right: 0;
    position: relative;
  }

  .cta.mobile {
    border-radius: 0;
    margin-top: 40px;
    display: flex;
  }

  .cta.mobile.hide {
    display: none;
  }

  .cta.mobile.notch8 {
    padding-bottom: 12px;
  }

  .cta.mobile.notch8:hover {
    background-color: var(--white-10);
    border-style: none;
  }

  .cta.primary.mobile-nav {
    align-self: center;
    width: 100%;
    height: 40px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 100%;
    display: flex;
  }

  .cta.primary.mobile-nav.w--current {
    letter-spacing: 2px;
    font-size: 10px;
  }

  .cta.primary.notch12 {
    box-shadow: none;
    border-style: none;
  }

  .cta.sign-up {
    border-radius: 0;
    display: block;
  }

  .cta.sign-up.notch12:hover {
    background-color: var(--white-10);
    border-style: none;
  }

  .cta.margin-top {
    display: flex;
  }

  .cta.margin-top.show {
    border-radius: 0;
    display: flex;
  }

  .cta.secondary.show {
    align-self: stretch;
    font-size: 14px;
    display: flex;
  }

  .cta.secondary.watch-trailer {
    background-color: var(--white-20);
    border-style: none;
    border-radius: 0;
    margin: 8px;
  }

  .cta.secondary.watch-trailer.notch8 {
    background-color: var(--black-80);
  }

  .cta.secondary.notch12.w--current {
    flex: 1;
    justify-content: center;
    display: flex;
  }

  .cta.secondary.notch12.show-mobile {
    flex: 0 auto;
    display: flex;
  }

  .cta.secondary.notch12.battlepass {
    display: flex;
  }

  .cta.secondary.notch12.show {
    flex: 0 auto;
    align-self: stretch;
    display: flex;
  }

  .cta.secondary.hero.notch12 {
    justify-content: center;
  }

  .cta.secondary.hero.notch12.wide {
    align-self: stretch;
  }

  .cta.secondary.show-mobile {
    align-self: stretch;
    display: flex;
  }

  .cta.watch-trailer {
    display: flex;
  }

  .cta.wide.show-mobile {
    border-radius: 0;
    display: block;
  }

  .cta.wide.show-mobile.notch12 {
    align-self: stretch;
    margin-top: 20px;
  }

  .cta.opensea.notch8 {
    margin-top: 8px;
    display: flex;
  }

  .cta.opensea.hero.notch8, .cta.submit-review {
    display: flex;
  }

  .nav-link-wrap {
    flex: 1;
    align-self: stretch;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .nav-link-wrap.no-margin {
    margin-bottom: 0;
  }

  .nav-link-2 {
    border-style: none none solid;
    border-width: 1px;
    border-color: black black var(--white-20);
    opacity: 1;
    text-align: left;
    letter-spacing: 0;
    text-transform: uppercase;
    flex: 1;
    align-self: stretch;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Soehne schmal fett, sans-serif;
    font-size: 10vw;
    font-weight: 700;
    line-height: 100%;
    transition: color .2s;
    display: flex;
  }

  .nav-link-2:hover {
    color: var(--white);
  }

  .nav-link-2.w--current {
    border-bottom: .5px solid var(--white);
    padding-bottom: 16px;
    font-family: Soehne schmal fett, sans-serif;
    font-size: 10vw;
  }

  .nav-link-2.dropdown {
    border-bottom-color: var(--white-20);
    justify-content: flex-start;
    padding: 8px 0;
  }

  .nav-link-2.no-border {
    letter-spacing: 0;
    border-bottom-style: none;
    padding-top: 0;
    padding-bottom: 0;
    font-family: Soehne schmal fett, sans-serif;
    font-size: 10vw;
  }

  .nav-menu {
    z-index: -3;
    grid-row-gap: 20px;
    background-color: var(--black);
    border-radius: 0;
    width: 100%;
    min-height: 100vh;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 104px;
    padding-left: 20px;
    padding-right: 20px;
    position: fixed;
    inset: 104px 0% 0%;
  }

  .fixed-container.nft-hero-content {
    flex: none;
    align-items: flex-end;
  }

  .fixed-container.flex-vertical.left {
    min-height: 40vh;
    padding-left: 0;
    padding-right: 0;
  }

  .fixed-container._2-col-text-wrap {
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .fixed-container.centre {
    width: 90%;
    max-width: 1440px;
  }

  .hero-bg-wrap {
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .stacking-section {
    justify-content: space-around;
    width: 100vw;
    min-height: 90vh;
    padding: 24px 0;
  }

  .stacking-section.key {
    overflow: hidden;
  }

  .stacking-section.key.prizes {
    background-image: linear-gradient(#0000, #000 3%);
    width: 100vw;
  }

  .stacking-section.affiliate {
    padding-left: 20px;
    padding-right: 20px;
  }

  .stacking-section.mint-details {
    min-height: auto;
    padding: 60px 20px;
  }

  .stacking-section.mega-crate {
    padding-left: 20px;
    padding-right: 20px;
  }

  .stacking-section.porsche-bg {
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/66277d61753dc48ff10f4eec_porschebg.webp");
  }

  .stacking-section._80-top {
    padding-left: 24px;
    padding-right: 24px;
  }

  .stacking-section.tesla-bg, .stacking-section.aston {
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/66599f11780583cf20bee8b7_Cybertruck_88.webp");
    background-position: 50%;
    background-size: cover;
  }

  .stacking-content.fixed-container.finding-prize {
    padding-left: 0;
    padding-right: 0;
  }

  .stacking-content.fixed-container {
    border-left-style: none;
    border-right-style: none;
    flex: 1;
    justify-content: space-around;
    height: 100%;
    padding: 100px 24px 40px;
    overflow: visible;
  }

  .stacking-side-wrap.roadmap {
    width: 100%;
    margin-top: 32px;
    margin-bottom: 32px;
    margin-right: 0;
  }

  .stacking-content-wrap.horizontal {
    flex-direction: row;
    flex: none;
    align-items: stretch;
  }

  .stacking-content-top-wrap {
    flex-direction: row;
    margin-bottom: 60px;
  }

  .stacking-content-description {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    width: auto;
    display: flex;
  }

  .stacking-side-heading {
    width: 80%;
    margin-left: 0;
    display: flex;
    transform: translate(0);
  }

  .paragraph-xl {
    font-size: 18px;
  }

  .paragraph-xl.centre {
    font-size: 16px;
  }

  .paragraph-xl.affiliate {
    font-size: 14px;
  }

  .paragraph-xl.home-hero {
    width: auto;
    margin-bottom: 0;
    font-size: 16px;
  }

  .paragraph-xl.how-to {
    width: 80vw;
  }

  .paragraph-xl.hunter-league {
    align-self: stretch;
    width: auto;
    margin-bottom: 35px;
    padding-left: 12px;
    font-size: 18px;
  }

  .paragraph-xl.left-mobile {
    text-align: left;
    font-size: 16px;
  }

  .paragraph-l {
    text-align: left;
    font-size: 14px;
  }

  .paragraph-l.centre {
    font-size: 16px;
  }

  .paragraph-l._80.lt.padding-bottom {
    font-size: 12px;
  }

  .paragraph-l._w-auto.green {
    align-self: flex-start;
  }

  .minting-cannister-bg {
    border-radius: 20px;
  }

  .minting-cannister-shadow {
    display: none;
  }

  .stacking-content-blank-block {
    background-image: none;
    height: auto;
  }

  .stacking-content-blank-block.hide {
    border-radius: 2px;
    flex: 0 auto;
    height: auto;
    overflow: hidden;
  }

  .stacking-content-blank-block.small {
    height: auto;
  }

  .menu-button {
    flex: none;
    width: auto;
    padding: 8px;
  }

  .menu-button.w--open {
    z-index: 2;
    background-color: #0000;
    flex: none;
    padding: 8px;
  }

  .menu-icon {
    width: 32px;
    height: 32px;
  }

  .main-section {
    border-bottom-width: 0;
    margin-top: 100px;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .main-section.hero-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .main-section.hero-section._404 {
    margin-top: 0;
  }

  .main-section.no-padding {
    width: 100vw;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .main-section.min-height {
    min-height: auto;
  }

  .main-section.min-height.no-margin {
    padding-top: 40px;
  }

  .main-section.min-height._40-margin {
    margin-top: 40px;
  }

  .main-section.min-height.pre-register {
    margin-top: 0;
    padding-top: 40px;
  }

  .main-section.reviews {
    grid-row-gap: 24px;
    margin-top: 0;
    padding-top: 100px;
  }

  .hero-description-wrap.roadmap {
    max-width: none;
    margin-top: 0;
  }

  .hero-description-wrap.collab {
    margin-top: 40px;
  }

  .hero-description-wrap.tesla {
    max-width: none;
    margin-top: 0;
  }

  .roadmap-block {
    flex-direction: column;
  }

  .nav-items-wrap {
    z-index: 2;
    width: auto;
    position: relative;
  }

  .nav-items-wrap.buttons {
    display: none;
  }

  .cashing-in-img {
    width: 232px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sign-up-form-right.form-wrap {
    border-left-style: none;
    border-radius: 16px;
    align-self: stretch;
    padding: 0;
  }

  .sign-up-form-left {
    width: 100%;
  }

  .sign-up-form-left.sticky {
    flex: none;
    position: relative;
    top: auto;
  }

  .sign-up-form-left.sticky.reviews {
    margin-bottom: 0;
  }

  .sign-up-form-left.full-width {
    width: auto;
  }

  .input-field {
    margin-bottom: 16px;
    font-size: 14px;
  }

  .input-field.review.notch8 {
    font-size: 14px;
  }

  .input-field.bottom-input {
    margin-bottom: 0;
  }

  .checkbox-label-2 {
    font-size: 14px;
  }

  .email-sign-up-form {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .stacking-content-top-title {
    min-width: 48px;
    max-width: 64px;
    margin-right: 24px;
    display: none;
  }

  .brand.w--current {
    width: auto;
    max-width: none;
    margin-right: 0;
  }

  .countdown-row {
    align-items: center;
    height: auto;
    bottom: 0%;
  }

  .countdown-block {
    flex: 0 auto;
    justify-content: flex-start;
    width: auto;
    max-width: 100%;
    height: 100%;
    min-height: auto;
    margin: 0 20px 0 0;
    padding: 0 0 0%;
  }

  .countdown-time {
    font-size: 18px;
    line-height: 80%;
  }

  .countdown-detail {
    opacity: 1;
    color: var(--black);
    font-size: 3vh;
  }

  .body-3 {
    flex-direction: column;
    align-items: center;
    display: flex;
    overflow: visible;
  }

  .the-hunt-bg {
    background-position: 50%;
  }

  .centre {
    text-align: center;
    white-space: pre-line;
    flex: 0 auto;
    width: 100%;
    font-size: 24px;
  }

  .centre.small {
    font-size: 30px;
  }

  .centre.large {
    font-size: 16vw;
  }

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

  .team-section {
    margin-bottom: 100px;
  }

  .team-row {
    flex-direction: column;
    padding: 0;
  }

  .team-row.small {
    flex-direction: column;
  }

  .team-member.large {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .team-member.medium {
    border-radius: 4px;
    width: 377px;
    height: 377px;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .name-and-role {
    background-image: linear-gradient(#0000, #0009 70%);
  }

  .heading-2 {
    font-size: 18px;
  }

  .block-image {
    height: auto;
  }

  .block-image.small {
    max-width: none;
    height: auto;
  }

  .left {
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .left._300px {
    padding-left: 0;
    padding-right: 0;
  }

  .left {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .paragraph-m {
    text-align: left;
    flex-wrap: nowrap;
  }

  .paragraph-m.centre {
    text-align: center;
    flex: 0 auto;
    font-size: 14px;
  }

  .paragraph-m.centre.bottom-margin.mobile-left {
    text-align: left;
  }

  .paragraph-m.left {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    font-size: 16px;
    display: inline;
  }

  .paragraph-m.review {
    font-size: 4vw;
  }

  .blurry-blobs-bg {
    background-position: 50%;
  }

  .background-blobs {
    z-index: 1;
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62b07bd0b056d3233ae95c6c_mobile%20blobs.png");
    background-position: 50%;
    background-size: cover;
    display: flex;
  }

  .footer {
    z-index: 13;
    height: auto;
    padding: 0;
  }

  .footer-container {
    border-left-style: none;
    border-right-style: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
  }

  .footer-logo {
    order: -1;
  }

  .footer-logo.gameover {
    max-height: 35px;
  }

  .footer-logo.gamer {
    height: 48px;
    max-height: 48px;
  }

  .footer-logo-svg {
    width: 100px;
  }

  .footer-copyright {
    flex-direction: column;
    order: 3;
    align-items: flex-start;
    padding-top: 20px;
  }

  .footer-bottom-text {
    text-align: center;
    margin: 10px 5px;
    font-size: 10px;
  }

  .utility-page-wrap {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .utility-page-content {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  ._404-message-wrap {
    width: 95%;
  }

  .bio {
    border-top-style: none;
    border-bottom-style: none;
    margin-top: 20px;
  }

  .bio-container {
    width: 100%;
  }

  .bio-profile-photo {
    width: 64px;
    height: 64px;
  }

  .bio-text-container {
    flex: 1;
    margin: 20px 0 0;
  }

  .close-button {
    order: -1;
    align-self: flex-end;
    position: absolute;
  }

  .close-button.notch12 {
    z-index: 371;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    margin-top: 20px;
    margin-right: 20px;
    display: flex;
    position: fixed;
    top: auto;
    left: auto;
    right: 0;
  }

  .close-button.notch16 {
    position: fixed;
  }

  .close-button.notch8 {
    position: fixed;
    top: auto;
  }

  .team-bio-name {
    margin-top: 0;
    font-size: 24px;
  }

  .team-profile-image {
    width: 100%;
    height: auto;
  }

  .bio-popup {
    height: 100vh;
    padding: 32px;
    bottom: -10%;
  }

  .label {
    align-items: flex-start;
    font-size: 10px;
  }

  .label.target {
    padding-top: 0;
  }

  .bio-popup-container {
    flex-direction: column;
    flex: 1;
  }

  .bio-paragraph {
    font-size: 12px;
  }

  .landscape-screenshot {
    flex: none;
    align-self: center;
    display: none;
    transform: rotate(90deg);
  }

  .landscape-screenshot-mobile {
    display: block;
  }

  .xtoken-1 {
    left: 0%;
  }

  .xtoken {
    margin-left: 29px;
  }

  .the-game-logo {
    top: -40%;
  }

  .gem-1 {
    justify-content: center;
    align-items: center;
    inset: auto 0% 0% 140px;
  }

  .gem {
    margin-left: 29px;
  }

  .stacking-content-hero {
    align-items: center;
    padding: 20px 0;
  }

  .back-button {
    order: -1;
    align-self: flex-end;
    position: relative;
  }

  .team-member-hero {
    justify-content: flex-start;
    min-height: 50vh;
    position: relative;
  }

  .team-member-content {
    align-items: center;
    margin-top: 10px;
  }

  .hero-bg-team-member-wrap {
    z-index: 2;
    justify-content: space-between;
    width: 100%;
    padding-top: 0%;
    position: relative;
    inset: 0%;
  }

  .team-meber-hero-name-wrap {
    z-index: 3;
    height: auto;
    padding: 20px 20px 0;
    position: absolute;
    inset: 0%;
  }

  .back-button-block {
    padding-left: 20px;
    position: relative;
    top: 0;
  }

  .first-name, .last-name {
    width: 90%;
  }

  .bio-content-wrap {
    border-left-style: none;
    border-right-style: none;
    width: 90%;
  }

  .bio-text-content {
    flex: 1;
    margin: 0;
  }

  .bio-text-content p {
    align-self: flex-start;
  }

  .bio-text-content a {
    opacity: 1;
  }

  .bio-text-content img {
    width: 24px;
  }

  .team-bio-h1 {
    font-size: 24px;
    display: none;
  }

  .role-socials-block {
    flex-direction: column;
    align-items: flex-start;
  }

  .social-icon {
    width: auto;
    max-width: none;
    height: 1rem;
  }

  .social-icon.opensea {
    align-self: center;
    width: 1.8rem;
    padding-top: 0;
  }

  .social-icon.discord {
    width: auto;
    height: 1.3rem;
    padding-top: 0;
  }

  .social-icon.telegram {
    width: auto;
    max-width: none;
    height: 1.2rem;
  }

  .socials-block {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    justify-content: flex-end;
    align-self: center;
    align-items: flex-end;
    height: 100%;
    margin-top: 0;
    padding-right: 3.2rem;
    display: none;
  }

  .socials-block.nav {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    margin-top: 40px;
    display: flex;
  }

  .social-link {
    align-self: center;
    height: 100%;
  }

  .x-doids-hero {
    z-index: 12;
    justify-content: center;
    height: 100vh;
    min-height: auto;
    position: relative;
  }

  .xdroids-hero-content {
    z-index: 9;
    flex: none;
    align-items: flex-start;
    margin-top: 0%;
    padding-top: 44vh;
    position: absolute;
    inset: 0%;
  }

  .xdroids-hero-bg-5 {
    background-image: linear-gradient(#0000 91%, #000), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62c84385cba83c2b4de4d397_al-hunt-hero5.png");
  }

  .countdown-timer {
    z-index: 12;
  }

  .countdown-blocks {
    border-left-style: none;
    border-right-style: none;
    justify-content: center;
    width: 100%;
  }

  .countdown-container {
    width: auto;
  }

  .loading-bar {
    background-color: var(--butterfly);
    box-shadow: 0 0 24px -10px var(--butterfly);
    margin-bottom: 24px;
    position: relative;
  }

  .form-block {
    flex: 1;
  }

  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .big-title-text {
    justify-content: center;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    top: auto;
  }

  .horizontal-scroll-section {
    z-index: 5;
    height: 800vh;
    overflow: visible;
  }

  .horizontal-scroll-wrapper {
    height: 100vh;
    overflow: hidden;
  }

  .ship {
    z-index: 9;
    width: 70vw;
    left: 15%;
    right: 15%;
  }

  .horizontal-scroll-content {
    z-index: 2;
    width: auto;
    min-width: 300vw;
    position: relative;
    overflow: visible;
  }

  .horiz-scroll-block.align-bottom {
    min-width: 80vw;
  }

  .block-content {
    max-width: 350px;
  }

  .asteroid-block {
    height: auto;
  }

  .asteroid {
    width: auto;
    height: 48px;
  }

  .dot-line {
    width: 48px;
    height: 48px;
    margin-bottom: 0;
    inset: 10% 0% 0% 4%;
  }

  .asteroid-image {
    width: auto;
    height: 48px;
  }

  .timeline-title {
    font-size: 16px;
    line-height: 20px;
  }

  .timeline-body {
    line-height: 16px;
  }

  .blank-block {
    width: 80vw;
    min-width: 80vw;
    display: flex;
  }

  .xdroids-hero-bg-4 {
    background-position: 0 100%;
    background-size: auto 60%;
    display: none;
  }

  .xdroids-hero-bg-3 {
    background-position: 0%;
    background-size: auto 60%;
    display: none;
  }

  .xdroids-hero-bg-2 {
    background-position: 100% 0;
    background-size: auto 70vh;
    display: none;
  }

  .xdroids-hero-bg-1 {
    background-position: 50% 100%;
    background-size: 300vw;
    flex: none;
    height: 100%;
    display: flex;
    inset: auto 0% 0%;
  }

  .x-droid-hero-gradient {
    display: none;
    bottom: 0%;
  }

  .x-droids-section {
    width: 100dvw;
    height: auto;
    min-height: 100dvh;
    padding-top: 0;
  }

  .x-droids-section.no-padding {
    justify-content: center;
    align-items: center;
  }

  .x-droids-section.bottom-margin {
    background-color: var(--black);
    min-height: auto;
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .section-wrapper {
    flex: 1;
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding: 40px 20px;
  }

  .section-wrapper.vertical {
    padding: 60px 20px;
  }

  .section-wrapper.bottom {
    justify-content: flex-end;
  }

  .section-wrapper.gameplay {
    padding-top: 60px;
  }

  .section-wrapper.no-top-padding {
    padding-top: 0;
  }

  .section-wrapper.winner {
    min-height: 80vh;
    padding: 0;
  }

  .section-wrapper.xkey-notification {
    padding-top: 100px;
    padding-bottom: 40px;
  }

  .left-content {
    z-index: 2;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
  }

  .left-content.no-margin {
    margin-top: 0;
    margin-bottom: 0;
  }

  .left-content.no-margin.no-padding, .left-content.no-padding {
    padding-top: 0;
  }

  .right-content.top {
    z-index: 1;
    order: 1;
    width: 100%;
    height: auto;
    position: relative;
    inset: 0% 0% auto;
    overflow: hidden;
  }

  .right-content.top._50vw {
    order: -1;
    width: auto;
  }

  .text-wrapper {
    order: -1;
    align-items: flex-start;
    width: auto;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-wrapper.absolute {
    align-items: flex-start;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    left: 0%;
    right: 0%;
  }

  .text-wrapper.absolute.top {
    inset: 17% 0% auto;
  }

  .text-wrapper.large {
    width: 100%;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .text-wrapper.margin {
    margin-top: 220px;
  }

  .text-wrapper.no-margin {
    align-items: center;
    width: auto;
    margin-right: 0;
  }

  .text-wrapper.no-margin.highlight {
    order: 1;
  }

  .text-wrapper.medium {
    width: auto;
    padding: 0;
  }

  .galaxies-section {
    height: 100vh;
    margin-bottom: 60px;
    padding-bottom: 0;
  }

  .galaxies-image-1 {
    z-index: 1;
    width: 170px;
    top: 50px;
    overflow: hidden;
  }

  .galaxies-image-2 {
    width: 110px;
    display: none;
    overflow: hidden;
  }

  .galaxies-image-3 {
    z-index: 1;
    width: 250px;
    bottom: 0%;
    overflow: hidden;
  }

  .galaxies-image-4 {
    z-index: 2;
    left: 0%;
    overflow: hidden;
  }

  .droid-grid-section {
    align-items: center;
    height: auto;
    min-height: 100vh;
  }

  .droid-grid-columns {
    width: auto;
    height: 70vh;
  }

  .droid-column {
    width: 50%;
  }

  .droid-column._1, .droid-column._2 {
    width: 100%;
    display: none;
  }

  .droid-column._3, .droid-column._4 {
    width: 100%;
  }

  .droid-column._5 {
    width: 100%;
    display: none;
  }

  .pod {
    width: 240vw;
    min-height: 60vh;
    max-height: none;
  }

  .pod.small {
    width: 190vw;
    margin-top: 140px;
  }

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

  .mint-section {
    z-index: 5;
    min-height: 80vh;
  }

  .mint-section.tall {
    width: 100vw;
    min-height: 90dvh;
  }

  .stacking-content-text.left {
    flex: none;
    order: 1;
    justify-content: center;
    width: auto;
    max-width: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .stacking-content-text.left.first {
    order: -1;
  }

  .stacking-content-text.right {
    align-self: stretch;
    width: auto;
    margin: 40px 0 20px;
  }

  .stacking-content-horizontal-wrap {
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-self: auto;
    align-items: center;
    margin-bottom: 40px;
  }

  .stacking-content-horizontal-wrap.tight {
    justify-content: center;
  }

  .stacking-content-horizontal-wrap.left.no-padding {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
  }

  .stacking-content-horizontal-wrap.no-padding {
    flex-flow: column;
  }

  .stacking-content-horizontal-wrap.no-gap {
    grid-row-gap: 0px;
    flex-flow: column;
  }

  .stacking-content-image {
    align-items: center;
  }

  .stacking-content-image.right {
    flex: none;
    align-items: center;
    width: auto;
  }

  .stacking-content-image.right.huge {
    width: 100%;
    height: 40%;
    margin-top: 40px;
    position: relative;
    left: 0%;
  }

  .stacking-content-image.right.off-screen {
    align-items: flex-start;
    height: auto;
    margin-top: 40px;
  }

  .stacking-content-image.small {
    flex: 1;
    justify-content: flex-end;
    width: 100%;
    margin-top: 40px;
  }

  .stacking-content-image.medium {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 40px;
    margin-bottom: 20px;
    overflow: visible;
  }

  .stacking-content-image.medium.mobile {
    order: -1;
    width: 100%;
    display: flex;
  }

  .stacking-content-image.large {
    flex: none;
    width: 100%;
    max-width: 140%;
  }

  .stacking-content-image.large.tesla-hunt {
    padding-bottom: 24px;
  }

  .stacking-content-image._100 {
    flex: none;
    width: auto;
  }

  .stacking-content-image._100.mobile {
    display: flex;
  }

  .stacking-content-image.left.large-mobile {
    max-width: none;
  }

  .stacking-content-image._50 {
    width: auto;
    min-height: auto;
  }

  .stacking-content-image.x-large {
    width: 140%;
    max-width: none;
  }

  .stacking-content-image.mobile, .stacking-content-image.mobile-only {
    order: 1;
  }

  .stacking-content-image.xl {
    width: 90vw;
  }

  .stacking-content-image.hunt-with-friends {
    left: auto;
  }

  .stacking-content-image._50vw {
    order: -1;
    width: 100%;
    overflow: hidden;
  }

  .stacking-content-image._50vw.corners {
    width: 100%;
  }

  .stacking-content-image._50vw.corners.tall.last {
    order: 1;
  }

  .section-counter {
    z-index: 10;
    top: -1%;
  }

  .section-counter.hide-mobile {
    display: none;
  }

  .section-counter.countdown-counter {
    margin-top: 10px;
  }

  .section-counter.home {
    display: flex;
    top: -2%;
  }

  .section-counter.home.bottom {
    left: 0;
    right: auto;
  }

  .image-19 {
    flex: 1;
    width: 100%;
  }

  .offscreen {
    align-self: center;
    width: 180vw;
    display: block;
  }

  .offscreen.huge {
    width: 120vw;
  }

  .stacking-content-grid {
    display: none;
  }

  .stacking-content-column._1 {
    flex-direction: column;
    width: auto;
    height: auto;
    display: none;
  }

  .stacking-content-column._2 {
    height: auto;
    display: flex;
  }

  .lottie-animation-16 {
    opacity: 1;
  }

  .image-20 {
    flex: 1;
    align-self: center;
    width: 230%;
    max-width: none;
    position: relative;
  }

  .hero-description {
    width: auto;
    min-width: auto;
  }

  .overflow-image {
    max-width: 150%;
  }

  .overflow-image.negative-margin {
    max-width: 100%;
    margin-bottom: -48px;
    display: block;
  }

  .overflow-image.large.mobile {
    max-width: 100%;
  }

  .overflow-image.rent-xdroid {
    max-width: 120%;
  }

  .overflow-image.gems {
    width: 100%;
    max-width: none;
  }

  .overflow-image.x-large {
    max-width: 170%;
  }

  .overflow-image.x-large.mobile, .overflow-image.notch24.hunter-league {
    max-width: 100%;
  }

  .desktop-image {
    max-width: 120%;
    display: block;
  }

  .desktop-image.small-mobile, .desktop-image.small {
    max-width: 100%;
  }

  .footer-top-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
  }

  .footer-bottom-row {
    width: 100%;
  }

  .stacking-content-loot {
    flex-direction: row;
    flex: none;
    justify-content: space-between;
    align-self: stretch;
    width: 100vw;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    position: relative;
    left: -24px;
    right: 0;
    overflow: scroll;
  }

  .loot-item {
    flex: none;
    align-self: stretch;
    width: 70vw;
    height: auto;
    position: relative;
  }

  .loot-item.gems {
    flex: none;
    margin-right: 0;
    position: relative;
  }

  .paragraph-s {
    font-size: 14px;
  }

  .paragraph-s.max-width {
    max-width: none;
    font-size: 12px;
  }

  .paragraph-s.left {
    padding-left: 0;
    font-size: 4vw;
  }

  .paragraph-s.left.faze {
    margin-top: 0;
    margin-bottom: 0;
  }

  .footer-middle-row {
    flex: 1;
    width: 100%;
  }

  .footer-column {
    flex: none;
    width: 50%;
    margin-right: 0;
  }

  .footer-column.horizontal {
    width: auto;
  }

  .footer-nav-item {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-wrap: wrap;
    display: flex;
  }

  .footer-link {
    flex: none;
    font-size: 12px;
  }

  .footer-app-store-buttons {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .app-store-link {
    width: 50%;
    height: auto;
  }

  .app-store-image {
    width: 80%;
    height: auto;
  }

  .body-5 {
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/62b43bba70c5b8e16e6cbe84_bg.png");
    background-position: 0 0;
    background-size: cover;
    overflow: visible;
  }

  .button-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
  }

  .button-block.full-width {
    align-self: stretch;
    width: auto;
  }

  .button-block.hero {
    grid-row-gap: 8px;
    flex-direction: column;
    align-self: stretch;
    align-items: stretch;
  }

  .features-section {
    align-items: center;
    height: auto;
    min-height: 100vh;
  }

  .features-wrapper {
    border-left-style: none;
    flex-direction: column;
  }

  .hero-app-store-buttons {
    justify-content: space-around;
    width: auto;
    display: flex;
  }

  .droid-row {
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .droid-image-block {
    padding-bottom: 0;
  }

  .droid-grid {
    min-height: auto;
    margin-top: 0;
  }

  .droid-hero {
    align-items: center;
    width: 100dvw;
    min-height: auto;
    margin-top: 64px;
    margin-bottom: 40px;
    overflow: hidden;
  }

  .terms-of-use-text {
    max-width: 100%;
  }

  .terms-of-use-text h1 {
    font-family: Orbitron, sans-serif;
    font-size: 32px;
  }

  .terms-of-use-text h2 {
    font-size: 24px;
  }

  .usps-hero {
    z-index: 2;
    padding: 20px 0;
    display: flex;
  }

  .usp-section-1 {
    min-height: 80vh;
    overflow: hidden;
  }

  .usp-section-2, .usp-section-3 {
    justify-content: space-around;
    min-height: 110vh;
    padding: 24px 0;
  }

  .paragraph-xxl {
    font-size: 16px;
  }

  .paragraph-xxl.vw {
    font-size: 5vw;
  }

  .arrrow {
    width: 20px;
    bottom: 10%;
    right: 10%;
  }

  .stars {
    grid-column-gap: 8px;
    justify-content: center;
  }

  .team-member-row {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .team-grid-section {
    align-items: center;
    height: auto;
    min-height: 100vh;
  }

  .link-block {
    flex: 0 auto;
    order: 1;
  }

  .collab-hero {
    z-index: 2;
    margin-top: 0;
    padding: 20px;
    display: flex;
  }

  .collab-section {
    min-height: 80vh;
    padding: 0;
    overflow: hidden;
  }

  .horizontal-row {
    padding-left: 0;
  }

  .horizontal-row.founders {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    margin-top: 40px;
    margin-left: 0;
  }

  .horizontal-row.no-scroll {
    flex-direction: column;
    margin-top: 40px;
  }

  ._1005-image {
    flex: 1;
    align-self: center;
    width: 100%;
    max-width: none;
    position: relative;
  }

  .image-22 {
    align-self: center;
    max-width: 160%;
  }

  .image-23 {
    flex: none;
    width: auto;
  }

  .stacking-content-video {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .founder-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    width: auto;
  }

  .partner-package-wrap {
    flex-direction: column;
  }

  .partner-package.rank-1, .partner-package.rank-2, .partner-package.rank-3 {
    margin-bottom: 0;
    padding: 24px;
  }

  .rank-heading-text {
    font-size: 24px;
  }

  .beta-launch-hunt-hero {
    justify-content: flex-end;
    height: 93vh;
  }

  .al-hunt-hero-text {
    justify-content: center;
    width: 90%;
    top: 5%;
  }

  .slideshow-image-block.portrait {
    width: auto;
    margin-bottom: 20px;
  }

  .slideshow-image-wrap {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-direction: column;
    align-items: center;
  }

  .prizes-grid-section {
    align-items: center;
    height: auto;
    min-height: auto;
  }

  .prizes-grid {
    flex-direction: column;
    min-height: auto;
    margin-top: 0;
    display: flex;
  }

  .prizes-row {
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .prizes-image-block {
    padding-bottom: 100%;
  }

  .highlight-text {
    width: auto;
  }

  .highlight-text.notch8 {
    justify-content: space-around;
    align-self: stretch;
    width: auto;
    display: flex;
  }

  .highlight-text.notch8.absolute.desktop {
    display: none;
  }

  .highlight-text.investment, .highlight-text._0-margin {
    width: auto;
  }

  .stacking-section-2 {
    justify-content: space-around;
    min-height: 110vh;
    padding: 24px 0;
  }

  .div-block-6 {
    padding-right: 0;
  }

  .success-message-2 {
    background-color: var(--butterfly);
    border-radius: 4px;
  }

  .error-message-3 {
    background-color: var(--medium-violet-red);
    border-radius: 4px;
  }

  .the-key-bg {
    align-items: flex-start;
  }

  .background-video-6 {
    height: 60vh;
  }

  .x-key-hero {
    z-index: 2;
    justify-content: flex-start;
    width: 100vw;
    height: 80vh;
    min-height: 90vh;
    margin-top: -81px;
    padding: 20px 0;
    display: flex;
  }

  .the {
    width: 50%;
  }

  .x-key {
    width: 90%;
  }

  .key-card._1 {
    width: 100%;
  }

  .key-card._2, .key-card._3, .key-card._4, .key-card._5 {
    width: 100%;
    min-height: 370px;
  }

  .x-key-hero-wrap {
    z-index: 3;
    height: auto;
    padding: 20px 20px 0;
    position: absolute;
    inset: auto 0% 15%;
  }

  .rank-comp-hero {
    align-items: center;
    min-height: 70vh;
    display: flex;
    position: relative;
  }

  .rank-comp-hero-wrap {
    z-index: 3;
    height: 100%;
    padding: 0 20px;
    position: relative;
    inset: 0%;
  }

  .rank {
    max-width: 90%;
  }

  .leaderboard-section {
    background-image: linear-gradient(#0000, #000 16% 33%);
  }

  .leaderboard-container {
    width: 100%;
  }

  .xp-total {
    flex: 1;
  }

  .leaderboard-cell {
    padding-left: 16px;
    padding-right: 16px;
  }

  .leaderboard-cell.notch8 {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    flex: none;
    justify-content: space-between;
    width: 100%;
    height: 56px;
    padding: 4px 0;
  }

  .leaderbaord-pp {
    flex: none;
    width: 24px;
    height: 24px;
    display: block;
  }

  .position {
    flex: none;
    width: 10%;
    height: auto;
  }

  .username {
    white-space: nowrap;
    word-break: normal;
    max-width: 60%;
    font-size: 12px;
    line-height: 12px;
  }

  .x-tokens {
    font-size: 16px;
    line-height: 16px;
  }

  .pp-name {
    flex: 1;
    width: auto;
    max-width: none;
  }

  .xp-amount, .xp-label {
    font-size: 16px;
  }

  .position_number {
    width: 24px;
    height: 24px;
    font-size: 18px;
  }

  .rank-card.master, .rank-card.pro, .rank-card.og, .rank-card.hunter, .rank-card.rookie, .reward-card._7500, .reward-card._5000, .reward-card._2500, .reward-card._500, .reward-card._10000 {
    width: 100%;
  }

  .xtoken-icon {
    width: 64px;
  }

  .how-to-earn-card, .rule-card {
    width: 100%;
  }

  .live {
    max-width: 30%;
  }

  .paragraph-xs {
    font-size: 14px;
  }

  .paragraph-xs.is-white {
    max-width: 100%;
  }

  .paragraph-xs.is-white.prizes-para {
    column-count: auto;
  }

  .paragraph-xs.is-white.prizes-para.padding-top {
    padding-top: 2rem;
  }

  .paragraph-xs.is-white._100.centre {
    text-align: center;
  }

  .leaderboard-hero {
    min-height: 20vh;
    position: relative;
  }

  .passengers-hero {
    justify-content: center;
    align-items: center;
    min-height: 30vh;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .passenger-item {
    display: 16pxpx;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .passenger-item-card {
    margin-bottom: 0;
    margin-right: 0;
    box-shadow: 0 0 180px #00cfc14d;
  }

  .passenger_number, .hash {
    font-size: 16px;
  }

  .destination {
    font-size: 14px;
  }

  .teh-game-text {
    width: 100vw;
  }

  .nav-v2 {
    z-index: 10;
    height: 64px;
    margin-top: auto;
    position: relative;
    top: auto;
    left: 0;
    right: 0;
  }

  .fixed-section {
    align-items: flex-start;
    height: 8vh;
    display: flex;
    inset: auto 0% 0%;
  }

  .fixed-section.ticker {
    display: flex;
    position: relative;
  }

  .loading-screen-v2 {
    display: none;
  }

  .loading-bar-background {
    border-bottom-style: none;
  }

  .scramble-text {
    width: 100vw;
  }

  .fixed-section-heading {
    font-size: 24px;
  }

  .first-block {
    height: 100vh;
  }

  .heading-wrapper {
    width: 90%;
    padding: 24px;
  }

  .heading-wrapper.notch24 {
    background-color: #0000;
  }

  .main-section-image {
    flex-direction: column;
    width: auto;
    margin-bottom: 40px;
  }

  .droid-pfp {
    flex: none;
    width: auto;
    padding-bottom: 0;
  }

  .heading-11 {
    font-size: 24px;
  }

  .success-message-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .background-video-8 {
    height: 84%;
  }

  .background-video-8.mobile {
    object-fit: fill;
    flex: none;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    height: 80%;
    display: flex;
  }

  .background-video-8.small.mobile {
    height: 60vh;
    display: flex;
  }

  .season-one-exian-trailer {
    width: 90%;
  }

  .season-one-exian-trailer.hide-mobile {
    display: none;
  }

  .horizontal-block {
    flex-direction: column;
    padding-top: 40px;
  }

  ._33-left {
    align-self: auto;
    width: 100vw;
    padding: 5vw;
    position: relative;
    top: auto;
  }

  ._66-right {
    width: 100vw;
    padding: 24px 5vw;
  }

  .label-value {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    align-items: flex-start;
    width: 50%;
    margin-left: 0;
  }

  .label-value.padding {
    align-items: flex-start;
    width: 44%;
    margin-left: 0;
  }

  .label-value.full {
    width: auto;
  }

  .season-one-label {
    text-align: left;
    font-size: 12px;
  }

  .season-one-label.left {
    margin-bottom: 0;
    padding-left: 0;
  }

  .values {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-wrap: wrap;
    place-content: flex-end flex-start;
    align-self: center;
    align-items: flex-start;
    display: flex;
  }

  .values.horizontal {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    place-content: space-between;
  }

  .counterup {
    letter-spacing: -.5vw;
    margin-bottom: 4px;
    font-size: 29vw;
  }

  .gradient-block {
    align-items: stretch;
  }

  .gradient-block.bar {
    height: auto;
  }

  .next-hunt-timer {
    z-index: 12;
  }

  .background-gradient {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: none;
  }

  .count-down-ticker-wrap-copy {
    align-self: center;
    margin-top: 0;
  }

  .countdown-timer-row {
    align-items: center;
    height: auto;
    bottom: 0%;
  }

  .countdown-timer-blocks {
    border-left-style: none;
    border-right-style: none;
    justify-content: center;
    width: auto;
  }

  .next-hunt-container {
    align-items: center;
    margin-right: 16px;
    display: flex;
  }

  .next-hunt-large {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    align-items: flex-start;
    width: 90vw;
    display: flex;
  }

  .sticky-wrapper {
    justify-content: flex-end;
    height: 92vh;
  }

  .sticky-wrapper._100vh {
    height: 100vh;
  }

  .scroll-bar-back {
    height: 64px;
    display: none;
    inset: 0% 0% auto;
  }

  .vimeo-video {
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/63fe32237c13311873c5db32_px-cinematic-trailer-thumb.webp");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: 100vw;
    align-items: flex-end;
    height: 92vh;
  }

  .sticky-video-section {
    height: 200vh;
  }

  .px-story-section {
    box-shadow: none;
  }

  .relative-wrapper {
    flex: 1;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .relative-wrapper.align-top.max-width {
    grid-row-gap: 20px;
    flex-direction: column;
    align-self: center;
    align-items: stretch;
  }

  .relative-wrapper.align-top.max-width.form {
    flex-direction: column;
  }

  .relative-wrapper.align-top.max-width.form._48px-gutter {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    height: auto;
  }

  .relative-wrapper.align-top.reviews {
    flex-direction: column;
  }

  .next-hunt-section {
    position: sticky;
    overflow: hidden;
  }

  .lottie-animation-18 {
    width: 500vw;
    height: 100vh;
  }

  .get-the-app {
    text-align: center;
    margin-top: 40px;
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 6vw;
  }

  .app-store-buttons {
    flex-flow: column wrap;
    flex: 1;
    align-content: stretch;
    margin-top: 0;
    margin-bottom: 16px;
    display: flex;
  }

  .app-store-buttons.next-hunt {
    display: 16pxpx;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: center;
    padding-left: 0;
  }

  .app-store-buttons.absolute, .app-store-buttons.hide-desktop {
    display: flex;
  }

  .qr-code-block {
    align-self: flex-start;
    margin-top: 20px;
    display: none;
  }

  .ios-button {
    align-self: flex-start;
  }

  .lottie-animation-19 {
    width: 100%;
    height: auto;
  }

  .watch-trailer-button {
    z-index: 3;
    align-self: center;
    width: auto;
    height: auto;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
  }

  .vimeo-trailer {
    z-index: 9999;
    background-color: var(--black);
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .trailer-close-button {
    background-color: var(--white-10);
    border: 1px #000;
    border-radius: 0%;
    width: auto;
    height: auto;
    padding: 12px;
    position: absolute;
    inset: 20px 20px auto auto;
  }

  .trailer-close-button.notch8 {
    display: flex;
    position: relative;
    top: 17vh;
  }

  .image-35 {
    width: 24px;
    height: 24px;
  }

  .dollar-symbol {
    font-size: 18vw;
  }

  .loading-lottie {
    order: -1;
  }

  .dr-container {
    flex-direction: column;
    margin-bottom: 0;
    padding-bottom: 8vh;
  }

  .data-log-container {
    order: 1;
    width: 100%;
    padding-top: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .engine-container {
    order: -1;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }

  .light-container {
    z-index: 0;
    width: 52px;
    position: static;
  }

  .sign-up-and-menu-button {
    display: flex;
  }

  .title-sub {
    align-items: flex-start;
  }

  .headline-stat-container {
    grid-row-gap: 24px;
  }

  .stat-large {
    grid-column-gap: 8px;
    flex-flow: wrap;
    display: flex;
  }

  .stat-input-large.counter {
    letter-spacing: 0;
    font-size: 32px;
  }

  .stat {
    grid-row-gap: 0px;
  }

  .top-level-stats {
    align-items: flex-start;
  }

  .power-bar {
    flex-direction: column;
    flex: none;
    justify-content: flex-end;
    align-items: center;
    height: 100px;
    min-height: 0;
  }

  .power-bar.main {
    flex-direction: row;
    flex: 1;
    justify-content: space-between;
    width: auto;
    min-width: 0%;
    height: 24px;
  }

  .power-bar-fill {
    flex: 0 auto;
    width: 41%;
    height: 100%;
  }

  .power-bar-fill._1 {
    height: 24px;
  }

  .power-bar-fill._2 {
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-end;
    height: 85%;
    display: block;
  }

  .power-bar-fill._1 {
    width: 100%;
    height: 10%;
  }

  .power-bar-container.main {
    justify-content: space-between;
  }

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

  .circl-infographic {
    grid-row-gap: 8px;
  }

  .info-label {
    font-size: 10px;
  }

  .circle {
    width: 56px;
    height: 56px;
  }

  .div-block-9 {
    align-items: center;
  }

  .fill._1 {
    width: 100%;
  }

  .fill._2 {
    width: 16%;
  }

  .bottom-bars {
    grid-row-gap: 24px;
  }

  .divider {
    order: 0;
    width: 100%;
    height: 0;
    padding-top: 1px;
    display: flex;
  }

  .title-block {
    flex-direction: column;
  }

  .title-block._2 {
    flex-direction: row;
  }

  .row {
    grid-column-gap: 24px;
    justify-content: space-between;
  }

  .caption._40vw.left {
    width: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .log {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    padding: 24px;
    display: none;
  }

  .log-full-view {
    width: 100%;
    height: 100%;
  }

  .lottie-animation-21 {
    width: 64px;
    height: 64px;
  }

  .yy {
    display: flex;
  }

  .log-title-overlay {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-13 {
    padding-right: 0;
  }

  .div-block-14 {
    justify-content: center;
    height: 64px;
  }

  .container-default {
    padding-left: 16px;
    padding-right: 16px;
  }

  .countdown-wrapper---brix {
    flex-direction: row;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .countdown-number-container---brix {
    min-width: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .countdown-number---brix.number {
    font-size: 68px;
    line-height: 72px;
  }

  .countdown-number-title---brix {
    font-size: 16px;
    line-height: 17px;
  }

  .scroll-lottie {
    justify-content: flex-end;
    align-items: flex-end;
    inset: auto 0% 0%;
  }

  .scroll-lottie.centre {
    justify-content: center;
    display: none;
  }

  .twitter-section {
    justify-content: center;
    width: 100dvw;
    min-height: 100vh;
    padding: 60px 24px;
    overflow: hidden;
  }

  ._400px-left {
    width: 300px;
  }

  ._400px-left.mobile {
    width: 100%;
  }

  .faq--container {
    width: 100dvw;
  }

  .faq--container.no-padding {
    width: auto;
    padding-bottom: 40px;
  }

  .faq--container.no-padding.minus-margin {
    margin-top: -39px;
  }

  .faq-hero-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .c-faq, .c-faq-item.notch16 {
    width: 100%;
  }

  .faq-a-text {
    font-family: Space Grotesk, sans-serif;
    font-size: 14px;
    line-height: 150%;
  }

  .c-faq-a-text {
    flex-direction: row;
    display: flex;
  }

  .faq-q-text {
    font-size: 16px;
  }

  .loading-text-wrap {
    display: none;
  }

  .relative-section {
    mix-blend-mode: lighten;
    height: 100vh;
  }

  .relative-section.normal, .relative-section.normal.first {
    height: 100vh;
  }

  .chest-icon {
    width: 64px;
    margin-right: 16px;
  }

  .lightning-button {
    flex-direction: column;
    flex: none;
    align-self: stretch;
  }

  .lightning-button.margin {
    margin-top: 20px;
  }

  .lightning-button.left-align {
    justify-content: flex-start;
  }

  .lightning-button.full {
    flex: 1;
    align-items: stretch;
  }

  .lightning-button.countdown {
    flex: none;
    order: 1;
    align-items: stretch;
    width: 100%;
  }

  .battle-pass-video {
    height: 100%;
    min-height: 300px;
  }

  .feature-image-wrap {
    width: 100%;
    top: 5%;
    bottom: 30%;
  }

  .image-41 {
    flex: none;
    width: 100%;
  }

  .battle-pass-feature {
    border-style: solid;
    border-width: 2px;
    width: 100%;
    height: 80vw;
    padding-bottom: 0;
  }

  .boarding-pass-backgroud-video {
    z-index: 1;
    flex: 1;
    align-items: center;
    height: auto;
    min-height: auto;
    inset: 0%;
  }

  .boarding-pass-video {
    object-fit: fill;
    flex: 1;
    align-self: stretch;
    width: 100%;
    height: auto;
    min-height: 300px;
    display: none;
  }

  .boarding-pass-video.show-mobile {
    align-items: center;
    min-height: auto;
    display: flex;
  }

  .form-heading {
    flex-direction: column;
    align-self: stretch;
    align-items: flex-start;
    display: flex;
  }

  .form-heading.hide {
    display: none;
  }

  .form-group {
    flex: none;
    align-self: stretch;
  }

  .form-group.remvoe-padding {
    margin-bottom: 0;
  }

  .text-block-17 {
    text-align: center;
    font-size: 11px;
    line-height: 100%;
  }

  .hunt-thumbnail-image {
    min-height: auto;
  }

  .hunt-card-details.notch24 {
    margin-top: -24px;
  }

  .h3-large.no-margin {
    font-size: 18px;
  }

  .hunt-card-wrap {
    flex: none;
    align-items: flex-start;
    width: auto;
    margin-right: 20px;
  }

  .hunt-number-and-date {
    flex-flow: column wrap;
    align-items: flex-start;
    padding-left: 8px;
  }

  .no-margin {
    margin-top: 0;
  }

  .no-margin.large {
    font-size: 20px;
  }

  .hunt-date {
    color: var(--white);
    font-size: 14px;
  }

  .hunt-info-pills {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-wrap: wrap;
  }

  .timeline-asteroid {
    width: auto;
    height: 48px;
    left: auto;
  }

  .hunt-card-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 90vw;
  }

  .hunt-card-scroll-contnet {
    overflow: hidden;
  }

  .hunt-card-scroll-section {
    z-index: 5;
    height: auto;
    overflow: hidden;
  }

  .hunt-card-not-sticky-horizontal-scroll-content {
    padding-left: 20px;
  }

  .scroll-indicator.hide-desktop {
    align-self: stretch;
  }

  .scroll-indicator.hide-mobile {
    display: none;
  }

  .scroll-indicator-content {
    flex-direction: row;
  }

  .scroll-indicator-text {
    justify-content: center;
    display: flex;
  }

  .fs-cc-banner_close {
    position: absolute;
    inset: -1.5rem .75rem auto auto;
  }

  .fs-cc-manager_component {
    bottom: 4rem;
    left: 1rem;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: .5rem;
    margin-left: 0;
  }

  .fs-cc-prefs_content {
    padding: 1.5rem;
  }

  .fs-cc-banner_buttons-wrapper {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }

  .fs-cc-prefs_component {
    padding: 1.5rem;
  }

  .fs-cc-prefs_button {
    margin-bottom: .5rem;
  }

  .faqs-link-pill-wrapper {
    margin-bottom: 40px;
  }

  .faq-hero {
    z-index: 2;
    min-height: auto;
    margin-top: 72px;
    padding-top: 40px;
    padding-bottom: 40px;
    position: relative;
  }

  .x-droids-video {
    width: 100%;
    min-height: 300px;
  }

  .xdroids-hero-bg-0 {
    background-position: 50%;
    background-size: contain;
    flex: none;
    width: 50vw;
    height: 16vh;
    display: flex;
    inset: auto 0% 40%;
  }

  .hero-buttons-wrap.xpod-preorder {
    flex-direction: column;
    justify-content: flex-start;
    align-self: stretch;
    align-items: flex-start;
    margin-top: 10px;
  }

  .faq-body {
    background-size: 260vw;
  }

  .background-video-element {
    background-color: var(--black);
    justify-content: center;
    width: 250vw;
    height: 80vh;
    display: flex;
  }

  .background-video-element.desktop {
    display: none;
  }

  .image-43 {
    height: 2.4vh;
    margin-right: 10px;
  }

  .faq-search-wrapper {
    display: none;
  }

  .collection-item-4 {
    width: 100%;
  }

  .form-block-2 {
    display: none;
  }

  .collection-list-4 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-wrap: wrap;
    place-content: space-around flex-start;
  }

  .droid-hero-bg-video {
    min-height: 75vh;
  }

  .droid-hero-bg-video.mobile {
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    width: 200dvw;
    min-height: 20dvh;
    margin-top: 0;
    display: flex;
  }

  .battle-pas-video {
    object-fit: fill;
    flex: 1;
    align-self: stretch;
    width: 100%;
    height: auto;
    min-height: 300px;
    display: none;
  }

  .battle-pas-video.mobile {
    justify-content: center;
    min-height: 350px;
    display: flex;
  }

  .large-table {
    max-width: 90%;
  }

  .image-44 {
    width: 100%;
    min-height: 200px;
  }

  .dropdown-wrap {
    flex-direction: column;
    flex: 1;
    align-self: stretch;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0;
    display: flex;
  }

  .dropdown-trigger {
    border-bottom: 1px solid var(--white-20);
    align-items: center;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .dropdown-icon {
    opacity: 1;
    width: 16px;
    height: 16px;
  }

  .dropdown-content.notch8 {
    border-style: none none none solid;
    border-width: 1px;
    border-color: var(--white-10) var(--white-10) var(--white-20);
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 0;
    display: none;
    position: relative;
    top: 0;
  }

  .dropdonw-link-wrap.top {
    flex: none;
  }

  .gameplay-hero-section {
    background-image: none;
    height: 60dvh;
    min-height: auto;
    margin-top: 64px;
  }

  .divider-section {
    display: flex;
  }

  .slide-block-text-section.notch24 {
    grid-row-gap: 24px;
    width: 100%;
    padding: 20px;
  }

  .value-text.large {
    align-self: flex-start;
  }

  .slide-map, .slide-map.swamp {
    padding-bottom: 100%;
  }

  .slide-content {
    flex-direction: row;
    width: 100%;
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .slide-content.tight {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .gameplay-section {
    min-height: auto;
  }

  .video-3, .image, .image.swamp {
    width: 100%;
  }

  .image.bike {
    background-size: 130%;
    align-self: center;
  }

  .image.health {
    background-size: 120%;
  }

  .free-to-play-wrap {
    z-index: 10;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 10px;
    display: flex;
    position: absolute;
    inset: auto 0% 12% auto;
  }

  .free-to-play-wrap.top-left {
    top: 10px;
  }

  .free-to-play-wrap.relative {
    justify-content: flex-start;
    margin-bottom: 0;
    margin-right: 0;
  }

  .season-one-hero {
    height: 92dvh;
  }

  .seasone-one-container {
    flex-direction: column;
    justify-content: flex-start;
    height: 92vh;
    padding-top: 12vh;
    position: relative;
  }

  .hero-big-text {
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: stretch;
    width: 100%;
    display: flex;
    inset: 15% 0% auto;
  }

  .hero-big-text.front, .hero-big-text.roadmap.move {
    display: none;
  }

  .hero-big-text.move {
    z-index: 3;
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
    position: relative;
    top: 0%;
    bottom: auto;
    overflow: visible;
  }

  .hero-big-text.move.more.how-to-play {
    bottom: 25%;
  }

  .hero-big-text.relative {
    flex-direction: column;
    flex: none;
  }

  .hero-big-text.relative.vertical {
    width: auto;
    top: 0%;
  }

  .hero-big-text.relative.vertical.preregister {
    padding: 0;
  }

  .hero-big-text.relative.vertical._40px-row {
    grid-column-gap: 2vh;
    grid-row-gap: 2vh;
    justify-content: center;
    align-items: flex-start;
    width: auto;
  }

  .hero-h1 {
    text-align: left;
    font-size: 11vw;
  }

  .hero-h1.centre {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20vw;
  }

  .hero-h1.centre.mobile {
    text-transform: uppercase;
    justify-content: center;
    align-self: center;
    font-size: 24vw;
    line-height: 83%;
    display: flex;
  }

  .hero-h1.centre.hide-mobile {
    display: none;
  }

  .hero-h1.scholarship {
    text-align: center;
    justify-content: center;
    font-size: 20vw;
    display: flex;
  }

  .hero-h1.mega-crate {
    font-size: 32vw;
  }

  .hero-h1.xbonus, .hero-h1.tesla {
    font-size: 24vw;
  }

  .hero-h1.gun {
    font-size: 20vw;
  }

  .hero-h1.smaller {
    font-size: 25vw;
  }

  .hero-h1.staking {
    letter-spacing: 0;
    font-size: 56px;
  }

  .hero-h1.faq {
    font-size: 16vw;
  }

  .hero-h1.xpod {
    font-size: 18vw;
  }

  .outline-text.winners-h1 {
    font-size: 24vw;
  }

  .outline-text.cholarship {
    font-size: 20vw;
  }

  .hero-droid-wrapper {
    flex: 1;
    align-items: flex-end;
    display: flex;
    top: -8vh;
    bottom: 0;
  }

  .hero-droid-wrapper._2 {
    flex: none;
    height: 100vh;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .image-45 {
    flex: none;
    width: auto;
    max-width: none;
    height: auto;
    max-height: 40vh;
    bottom: -5%;
  }

  .background-section-image {
    opacity: 1;
    object-fit: fill;
    background-image: linear-gradient(#0000, #0000);
    flex: none;
    order: -1;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    max-width: none;
    height: auto;
    min-height: auto;
    margin-top: 64px;
    padding-top: 0%;
    display: flex;
    position: fixed;
    top: 0;
  }

  .background-section-image.hide-mobile {
    display: flex;
  }

  .background-section-image.z3 {
    z-index: 4;
  }

  .background-section-image.pre-register {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .background-section-image.absolue.relative-mobile {
    margin-top: 0;
  }

  .background-section-image.poaps {
    align-items: stretch;
    height: 50vh;
    margin-top: 0;
    position: absolute;
  }

  .background-section-image.xbonus {
    background-image: linear-gradient(#000, #fff);
    height: 70%;
    margin-top: 100px;
  }

  .background-space-image {
    opacity: .75;
  }

  .loading-wrapper {
    display: none;
  }

  .loaded-100 {
    width: 100vw;
  }

  .roadmap-hero {
    z-index: 5;
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    min-height: 70vh;
    margin-top: 64px;
  }

  .roadmap-hero-description {
    align-items: flex-start;
    margin-top: 40px;
    position: relative;
    bottom: 0%;
  }

  .roadmap-hero-container {
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    padding-top: 40px;
  }

  .next-hunt {
    font-size: 18px;
    line-height: 80%;
  }

  .next-hunt-large {
    text-align: center;
    text-transform: uppercase;
    align-items: center;
    font-size: 20vw;
  }

  .next-hunt-large-wrap {
    grid-column-gap: 20px;
    grid-row-gap: 24px;
    align-items: center;
    width: 90vw;
    display: flex;
  }

  .loading-screen-section {
    z-index: 10;
    display: none;
    top: -1%;
  }

  .laoding-screen-section-wrapper {
    justify-content: center;
  }

  .how-to-play-container {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    align-items: center;
    height: 80vh;
    padding-top: 0;
    position: relative;
    overflow: hidden;
  }

  .how-to-play-hero {
    z-index: 4;
    background-image: none;
    background-size: auto;
    height: 80vh;
    margin-top: 64px;
    padding-top: 0;
    overflow: visible;
  }

  .gameplay-hero-description {
    align-items: flex-start;
    width: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;
    bottom: 0%;
  }

  .gameplay-hero-description.no-margin {
    margin-top: 0;
  }

  .gameplay-hero-container {
    height: 100%;
    padding-top: 20px;
  }

  .hunt-schedule-hero-section {
    align-items: flex-start;
    height: 70dvh;
    min-height: auto;
    margin-top: 64px;
  }

  .hunt-schedule-hero-section.faq {
    height: auto;
    min-height: 30dvh;
    margin-top: 104px;
    padding-bottom: 40px;
  }

  .hunt-schedule-hero-container {
    justify-content: flex-start;
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .apply-to-hunt-container {
    align-items: center;
    height: 50dvh;
    position: relative;
  }

  .apply-to-hunt-hero {
    align-items: flex-start;
    height: 40dvh;
    display: flex;
  }

  .battle-pass-hero {
    flex: 1;
    align-items: flex-start;
    height: 50vh;
    min-height: auto;
    margin-top: 64px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
  }

  .battle-padd-background-video {
    z-index: 1;
    flex: none;
    width: 180dvw;
    height: 50dvh;
    min-height: auto;
    position: relative;
    inset: 0%;
  }

  .x-battle-pass-section {
    width: 100dvw;
    height: auto;
    min-height: auto;
  }

  .currently-in-beta {
    text-align: center;
    text-transform: uppercase;
    font-size: 14vw;
  }

  .full-width {
    align-self: center;
    width: 180vw;
    display: block;
  }

  .full-width.notch16 {
    width: 100vw;
  }

  .apply-to-hunt-boarding-pass-video {
    z-index: 1;
    flex: 1;
    align-items: center;
    height: auto;
    min-height: auto;
    inset: 0%;
  }

  .image-47 {
    max-width: 100%;
  }

  .how-to-play-hero-2 {
    height: 92dvh;
  }

  .how-to-play-hero-container {
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding-top: 0;
    position: relative;
  }

  .bonus {
    width: 120%;
    max-width: none;
  }

  .h2-move.centre {
    font-size: 50px;
  }

  .h2-move.medium {
    font-size: 24px;
  }

  .xpod-video {
    object-fit: fill;
    flex: 1;
    align-self: stretch;
    width: 100%;
    height: auto;
    min-height: 300px;
    display: none;
  }

  .xpod-video.show-mobile {
    align-items: center;
    height: 40%;
    min-height: auto;
    display: flex;
  }

  .beta-label {
    margin-left: 4px;
  }

  .stars-bg-image.full-height.preregister {
    flex: none;
    align-self: center;
    height: 50%;
  }

  .hero-video-element {
    background-color: var(--black);
    justify-content: center;
    width: 100dvw;
    height: 50dvh;
    display: flex;
  }

  .hero-video-element.desktop {
    display: none;
  }

  .mint-enrol-container {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }

  .enrollment-form {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .enrol-complete-hero {
    height: 92vh;
    margin-bottom: 60px;
  }

  .hero-sub-text {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    top: 40%;
    bottom: 0%;
  }

  .hero-sub-text.orbitron {
    text-transform: none;
    margin-bottom: 0;
    padding: 0;
    font-family: Space Grotesk, sans-serif;
    font-size: 12px;
    font-weight: 400;
  }

  .press-play {
    z-index: 5;
    background-color: var(--white-10);
    color: #fff;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 5px 8px 4px;
    font-family: Space Grotesk, sans-serif;
    display: flex;
    position: absolute;
    bottom: 30%;
  }

  .press-play.notch8 {
    align-self: center;
  }

  .pop-up {
    z-index: 9999;
    align-items: flex-start;
    width: 100dvw;
    height: 100vh;
    display: none;
  }

  .pop-up.transparent {
    align-items: flex-end;
    height: 100vh;
    display: none;
  }

  .pop-up-container {
    background-image: linear-gradient(#0000 55%, #000), url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/65a6497b73761152e5edf439_pre%20reg-mobile.webp");
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, 160vw;
    flex-direction: column;
    justify-content: flex-end;
    align-self: flex-start;
    align-items: center;
    height: 100dvh;
    top: 0;
  }

  .x-pod-background-video {
    z-index: 1;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    min-height: auto;
    inset: 0%;
  }

  .x-pod-background-video.mobile {
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    display: flex;
    position: relative;
  }

  .pop-up-big-text {
    flex-direction: row;
    flex: 0 auto;
    align-self: center;
    align-items: stretch;
    width: 100%;
    display: flex;
  }

  .pop-up-big-text.front, .pop-up-big-text.roadmap.move {
    display: none;
  }

  .pop-up-big-text.move {
    z-index: 3;
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
    position: relative;
    bottom: auto;
    overflow: visible;
  }

  .pop-up-big-text.move.more.how-to-play {
    bottom: 25%;
  }

  .pop-up-big-text.relative {
    flex: none;
  }

  .pop-up-droid-wrapper {
    flex: none;
    justify-content: flex-end;
    align-items: flex-start;
    width: 50%;
    height: 100%;
    display: flex;
    position: relative;
    inset: auto;
  }

  .pop-up-droid-wrapper.left {
    justify-content: flex-start;
  }

  .pop-up-droid {
    flex: 0 auto;
    width: auto;
    max-width: none;
    height: 100%;
    inset: auto auto 10% 10%;
  }

  .x-pod-vid {
    flex: none;
    align-self: flex-start;
    width: 100%;
    height: 100%;
  }

  .pop-up-h1 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: left;
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 19vw;
    display: flex;
  }

  .pop-up-text-wrapper.notch24 {
    z-index: 9;
    background-color: #0000;
    align-items: center;
    max-width: 100%;
    height: auto;
    margin-top: -25px;
    padding: 0% 0% 5%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .pop-up-body-text {
    grid-row-gap: 0px;
    text-align: center;
    align-items: center;
    max-width: none;
    margin-top: 0;
    display: none;
  }

  .pop-up-body-text.hide-mobile {
    display: none;
  }

  .pop-up-cta-block {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-direction: column;
    width: 100%;
    margin-bottom: 24px;
  }

  .pop-up-cta-block.mobile {
    width: 100%;
  }

  .paragraph-xxxl {
    font-size: 16px;
  }

  .paragraph-xxxl.vw {
    font-size: 5vw;
  }

  .paragraph-xxxl.bold {
    flex: 1;
    justify-content: center;
    align-self: center;
    font-size: 18px;
  }

  .droid-gradient {
    display: none;
    inset: auto 0% 0%;
  }

  .pop-up-top {
    z-index: -4;
    flex-direction: row;
    flex: none;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    height: auto;
    max-height: 35%;
    display: flex;
    position: relative;
  }

  .enrol-complete-container {
    flex-direction: column;
    justify-content: flex-start;
    height: 92vh;
    margin-top: 40px;
    padding-top: 12vh;
    position: relative;
  }

  .latest-winner-video {
    background-color: var(--transparent);
    object-fit: cover;
    flex: none;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100vw;
    height: 40vh;
    display: flex;
    position: relative;
    inset: 0% auto;
  }

  .latest-winner-video.desktop {
    display: none;
  }

  .winner-avatar, .winner-avatar.swamp {
    padding-bottom: 100%;
  }

  .winner-avatar.notch12 {
    background-color: #0000;
    background-position: 50%;
    order: 0;
    width: 100px;
    max-width: none;
    height: 100px;
    max-height: none;
    padding-bottom: 100px;
  }

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

  .winner-wrap.vertical {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 20px;
  }

  .winner-wrap.vertical.no-padding {
    padding-left: 0;
  }

  .winner-label-text.xsmall {
    font-size: 10px;
  }

  .winner-value-text.name {
    font-family: Soehne schmal fett, sans-serif;
    font-size: 20px;
  }

  .winner-value-text.small {
    font-size: 12px;
  }

  .winner-value-text.xsmall {
    font-size: 10px;
  }

  .winners-hero-section {
    background-image: none;
    width: 100vw;
    height: 40vh;
    min-height: 230px;
    margin-top: 64px;
  }

  .winners-hero-section.scholarship {
    height: 30vh;
    min-height: 230px;
  }

  .winners-hero-container {
    height: 100%;
    padding-top: 20px;
  }

  .hero-chest-wrapper {
    flex: 1;
    align-items: flex-end;
    display: none;
    top: 0;
    bottom: 0;
  }

  .hero-chest-wrapper._2 {
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .chest-image {
    flex: none;
    width: 100vw;
    max-width: 100%;
    bottom: 0;
    left: 40%;
  }

  .winner-section {
    width: 100vw;
    min-height: auto;
    margin-top: -10vh;
    padding-top: 0;
    overflow: hidden;
  }

  .winnerslide-block-text-section.notch24 {
    grid-row-gap: 24px;
    width: 100%;
    padding: 20px;
  }

  .winner-slide-content {
    flex-flow: column;
    align-self: center;
    width: 100%;
    height: auto;
    padding: 0%;
    overflow: visible;
  }

  .winner-slide-content.tight {
    padding-top: 10%;
    padding-bottom: 10%;
  }

  .winner-text-section {
    background-color: var(--black-20);
    width: auto;
    margin-top: -30px;
    padding: 40px 20px;
  }

  .winner-text-section.notch24 {
    margin-top: -10px;
    padding-top: 0;
  }

  .winner-hero-big-text {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
    inset: 15% 0% auto;
  }

  .winner-hero-big-text.front, .winner-hero-big-text.roadmap.move {
    display: none;
  }

  .winner-hero-big-text.move {
    z-index: 3;
    flex-direction: column;
    flex: 0 auto;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
    position: relative;
    bottom: auto;
    overflow: visible;
  }

  .winner-hero-big-text.move.more.how-to-play {
    bottom: 25%;
  }

  .winner-hero-big-text.relative {
    flex: none;
  }

  .winner-hero-big-text.scholarship {
    align-items: flex-start;
    width: 90%;
    position: relative;
  }

  .winners {
    font-size: 40px;
  }

  .winners.h3.x-small {
    min-height: 40px;
    font-size: 16px;
  }

  .avatar-name-wrap {
    border-top: 1px solid var(--white-10);
    border-bottom: 1px solid var(--white-10);
    flex: none;
    justify-content: flex-start;
    align-items: center;
    height: 120px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .avatar-name-wrap.small {
    height: auto;
  }

  .biggest-winner-label {
    order: -1;
    align-self: flex-start;
  }

  .biggest-winner-label.notch4 {
    background-image: radial-gradient(circle farthest-corner at 0% 0%, var(--solar), var(--venus));
  }

  .latest-winners-section {
    border-style: solid none none;
    border-width: 1px;
    border-color: var(--white-10) black black;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .latest-winners-section-wrapper {
    flex: 1;
    min-height: auto;
    padding: 40px 20px;
  }

  .latest-winners-section-wrapper.vertical {
    padding: 60px 20px;
  }

  .latest-winners-section-wrapper.bottom {
    justify-content: flex-end;
  }

  .latest-winners-section-wrapper.gameplay {
    padding-top: 60px;
  }

  .latest-winners-section-wrapper.no-top-padding {
    padding-top: 0;
  }

  .latest-winners-section-wrapper.winner {
    min-height: 80vh;
    padding: 0;
  }

  .full-image {
    object-fit: cover;
    flex: 1;
    align-self: center;
    width: auto;
    max-width: 100%;
    max-height: none;
    overflow: visible;
  }

  .media-wrapper {
    flex: none;
    align-self: stretch;
    align-items: stretch;
    height: auto;
    overflow: visible;
  }

  .media-wrapper.small {
    flex: 1;
    align-items: stretch;
    height: 20%;
  }

  .scroll-card {
    min-height: auto;
  }

  .scroll-card.notch24 {
    background-color: var(--white-10);
    border-radius: 0;
    width: 100%;
  }

  .latest-winners-text-wrapper {
    order: -1;
    align-items: flex-start;
    width: auto;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .latest-winners-text-wrapper.absolute {
    align-items: flex-start;
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
    left: 0%;
    right: 0%;
  }

  .latest-winners-text-wrapper.absolute.top {
    inset: 17% 0% auto;
  }

  .latest-winners-text-wrapper.large {
    width: 100%;
    margin-right: 0;
  }

  .latest-winners-text-wrapper.margin {
    margin-top: 220px;
  }

  .latest-winners-text-wrapper.no-margin {
    align-items: center;
    width: auto;
    margin-right: 0;
  }

  .latest-winners-text-wrapper.no-margin.highlight {
    order: 1;
  }

  .winner-text-content {
    background-color: var(--black-20);
    width: 100%;
    margin-top: -60px;
    padding: 40px 20px;
    top: auto;
  }

  .winner-text-content.white10.notch8 {
    grid-row-gap: 8px;
    padding: 16px;
  }

  .winner-text-content.white10.notch8.small {
    margin-top: -40px;
  }

  .winner-text-content.notch16 {
    margin-top: -100px;
  }

  .brickwork-block {
    width: 50%;
    min-height: auto;
    padding: 0 5px;
  }

  .past-winners-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brickwork-card {
    border-radius: 0;
  }

  .brickwork-card.notch16 {
    background-color: var(--white-10);
    justify-content: space-between;
    min-height: 350px;
    bottom: auto;
  }

  .small-image {
    object-fit: cover;
    flex: 1;
    min-height: auto;
  }

  .collection-list-6 {
    flex-direction: column;
    flex: none;
    width: 100%;
  }

  .droid-columns {
    z-index: 13;
    flex-direction: column;
    flex: none;
    align-self: auto;
    align-items: flex-start;
    min-height: auto;
    padding: 0;
    overflow: hidden;
  }

  .droid-column-1 {
    grid-column-gap: 16px;
    flex-direction: row;
    flex: none;
    width: auto;
    padding: 0;
    display: flex;
    position: relative;
  }

  .droid-column-2 {
    grid-column-gap: 16px;
    flex-direction: row;
    flex: none;
    width: auto;
    position: relative;
  }

  .droid-grid-image {
    width: 200px;
    max-width: none;
    height: 200px;
    display: inline-block;
    position: relative;
  }

  .job-details-wrap.notch16 {
    grid-row-gap: 8px;
    padding: 16px;
  }

  .careers-hero-section {
    background-image: none;
    justify-content: flex-start;
    height: auto;
    min-height: auto;
    margin-top: 88px;
    margin-bottom: 0;
  }

  .careers-hero-section.team {
    margin-top: 60px;
    padding-bottom: 0;
  }

  .careers-hero-section.mint-details {
    margin-top: 50vh;
  }

  .careers-hero-section.preregister {
    justify-content: flex-end;
    min-height: 50vh;
    margin-top: 0;
  }

  .careers-hero-container {
    background-image: none;
    flex: 0 auto;
    justify-content: flex-end;
    align-self: auto;
    width: 100%;
    height: auto;
    padding-top: 40px;
    padding-left: 5%;
    padding-right: 5%;
  }

  .careers-hero-container.mint-details {
    padding-bottom: 20px;
  }

  .careers-hero-container.xbonus, .careers-hero-container.tesla {
    padding-top: 0%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .job-vacancies-heading {
    font-size: 24px;
  }

  .job-detail {
    font-size: 12px;
  }

  .job-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
  }

  .droid-bg-image {
    opacity: 1;
    object-fit: fill;
    flex: 0 auto;
    align-self: flex-start;
    width: auto;
    height: 50vh;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }

  .careers-hero-details.notch16 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .career-body-section {
    background-color: var(--black);
    background-image: none;
  }

  .career-page-hero-section {
    justify-content: center;
    align-items: flex-end;
    min-height: 120vh;
  }

  .career-page-hero-cotainer {
    background-image: linear-gradient(#0000, #000 13%);
    flex: 0 auto;
    justify-content: flex-end;
    align-self: flex-end;
    width: 100%;
    height: auto;
    min-height: 50vh;
    padding-left: 5%;
    padding-right: 5%;
  }

  .job-application-hero-section {
    align-items: center;
    min-height: auto;
    padding-top: 100px;
  }

  .our-team-section {
    padding-top: 20px;
  }

  .team-link-block {
    background-color: #0000;
  }

  .team-card.notch24, .team-card.notch24:hover {
    background-size: cover;
  }

  .team-details-wrap {
    grid-row-gap: 4px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .team-details-wrap.notch16, .team-details-wrap.notch12 {
    padding: 16px;
  }

  .team-name {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
  }

  .team-name.large {
    margin-bottom: 0;
  }

  .bio-pop-up {
    background-color: var(--black);
    flex-direction: column;
    padding: 20px 20px 40px;
    display: none;
    position: fixed;
    top: 62px;
    overflow: visible;
  }

  .bio-pop-up.notch24 {
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
  }

  .bio-wrap {
    border-left-style: none;
    border-right-style: none;
    width: 100%;
    height: 100%;
    margin-top: 20px;
    padding: 0;
    overflow: scroll;
  }

  .team-photo {
    background-position: 50% 0;
    order: -1;
    width: 200px;
    padding-bottom: 60%;
  }

  .job-role {
    text-align: left;
    font-size: 12px;
  }

  .job-role.centre {
    font-size: 16px;
  }

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

  .xkey-hero-section {
    min-height: 120vh;
    margin-top: 64px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .keycard-bg-video {
    z-index: 2;
    top: 0;
    left: 0%;
  }

  .keycard-bg-video.small, .keycard-bg-video.xsmall {
    z-index: 0;
    order: -1;
    width: 100%;
    height: auto;
    padding-bottom: 100%;
  }

  .section-buttons-wrap.hide {
    display: none;
  }

  .x-crate-bg-video {
    flex: none;
    align-self: auto;
    width: 100%;
    overflow: visible;
  }

  .transition {
    background-image: linear-gradient(to bottom, black, var(--black) 90%, #045a53 96%, #009c91);
    display: none;
  }

  .h2-centre {
    font-size: 18vw;
  }

  .footer-triple-column {
    flex-wrap: wrap;
  }

  .outline-h1 {
    -webkit-text-stroke-width: 1px;
  }

  .full-width-section {
    background-size: 100% 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .full-width-container {
    height: auto;
  }

  .full-width-text.left {
    flex: none;
    order: 1;
    justify-content: center;
    width: auto;
    max-width: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .full-width-text.left.first {
    order: -1;
  }

  .full-width-text.right {
    align-self: stretch;
    width: auto;
    margin: 40px 0 20px;
  }

  .full-width-content-description {
    flex-direction: column;
    flex: none;
    align-self: stretch;
    width: auto;
    display: flex;
  }

  .large {
    font-size: 24px;
    line-height: 100%;
  }

  .outline {
    -webkit-text-stroke-width: 1px;
    flex: none;
    justify-content: flex-start;
    margin: 0;
    display: block;
  }

  .stacking-content-large-text {
    flex-wrap: nowrap;
    flex: none;
    justify-content: center;
    width: auto;
  }

  .stacking-content-large-text.left {
    flex: none;
    order: 1;
    justify-content: center;
    width: auto;
    max-width: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .stacking-content-large-text.left.first {
    order: -1;
  }

  .stacking-content-large-text.right {
    align-self: stretch;
    width: auto;
    margin: 40px 0 20px;
  }

  .affiliate-grid-text {
    height: auto;
  }

  .affiliate-grid-text.left {
    flex: none;
    order: 1;
    justify-content: center;
    width: auto;
    max-width: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .affiliate-grid-text.left.first {
    order: -1;
  }

  .affiliate-grid-text.right {
    align-self: stretch;
    width: auto;
    margin: 40px 0 20px;
  }

  .affiliate-section-container {
    grid-row-gap: 16px;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .affiliate-faqs {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-16 {
    flex: 1;
  }

  .bold-text-2 {
    -webkit-text-stroke-width: 1px;
  }

  .affiliate-grid-icon-wrap {
    grid-column-gap: 20px;
    display: flex;
  }

  .image-48.small {
    width: 40px;
  }

  .small {
    max-width: 100%;
    font-size: 40px;
  }

  .small.poap {
    font-size: 14vw;
  }

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

  .full-width-image-block {
    width: 100%;
  }

  .stacking-affiliate-content-image {
    align-items: center;
  }

  .stacking-affiliate-content-image.right {
    flex: none;
    align-items: center;
    width: auto;
  }

  .stacking-affiliate-content-image.right.huge {
    width: 100%;
    height: 40%;
    margin-top: 40px;
    position: relative;
    left: 0%;
  }

  .stacking-affiliate-content-image.right.off-screen {
    align-items: flex-start;
    margin-top: 40px;
  }

  .stacking-affiliate-content-image.small {
    flex: 1;
    justify-content: flex-end;
    width: 100%;
    margin-top: 40px;
  }

  .stacking-affiliate-content-image.medium {
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 40px;
    margin-bottom: 20px;
    overflow: visible;
  }

  .stacking-affiliate-content-image.medium.mobile {
    width: 100%;
    display: flex;
  }

  .stacking-affiliate-content-image.large {
    flex: none;
    width: 100%;
    max-width: 140%;
  }

  .stacking-affiliate-content-image._100 {
    flex: none;
    width: auto;
  }

  .stacking-affiliate-content-image._100.mobile {
    display: flex;
  }

  .stacking-affiliate-content-image.left.large-mobile {
    max-width: none;
  }

  .stacking-affiliate-content-image._50 {
    width: auto;
  }

  .stacking-affiliate-content-image.x-large {
    width: 140%;
    max-width: none;
  }

  .stacking-affiliate-content-image.mobile, .stacking-affiliate-content-image.mobile-only {
    order: 1;
  }

  .stacking-affiliate-content-image.xl {
    width: 90vw;
  }

  .stacking-content-full-width-video {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .mint-details-background-video {
    z-index: 1;
    flex: 1;
    align-self: auto;
    align-items: center;
    width: 100vw;
    height: 60vh;
    min-height: auto;
    inset: 0% 0% 0% -32%;
    overflow: visible;
  }

  .stacking-video-content {
    background-color: var(--black);
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    min-height: auto;
    display: flex;
  }

  .stacking-video-content.desktop {
    display: none;
  }

  .how-to-contact {
    text-align: left;
    font-size: 14px;
  }

  .how-to-contact.centre {
    font-size: 16px;
  }

  .twitter-handle {
    text-align: left;
    font-size: 14px;
  }

  .twitter-handle.centre {
    font-size: 16px;
  }

  .motherhsip-factions {
    min-height: 90dvh;
    margin-top: 64px;
  }

  .galaxies-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .galaxies-container.vertical {
    flex: 1;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .galaxy {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    padding: 10px;
  }

  .galaxy-details {
    flex-direction: row;
    flex: none;
    order: 0;
    justify-content: space-between;
    align-self: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    position: relative;
    top: auto;
    bottom: auto;
  }

  .galaxy-name-block {
    align-items: flex-start;
    padding: 0;
  }

  .galaxy-label {
    font-size: 14px;
    line-height: 16px;
  }

  .galaxy-label.small {
    font-size: 12px;
    line-height: 14px;
  }

  .galaxy-name {
    font-size: 16px;
    line-height: 18px;
  }

  .galaxy-name.small {
    font-size: 14px;
    line-height: 16px;
  }

  .galaxy-location-block {
    align-items: flex-end;
    padding: 0;
  }

  .click-to-explore-block {
    justify-content: flex-start;
    display: none;
  }

  .click-to-explore-block.show-mobile {
    flex: none;
    align-self: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
  }

  .click-to-explore {
    font-size: 10px;
    display: flex;
  }

  .factions-title-container {
    grid-row-gap: 0px;
    flex-direction: column;
    flex: 0 auto;
    order: -1;
    align-items: stretch;
    padding-left: 10px;
    padding-right: 10px;
  }

  .body-8 {
    justify-content: flex-start;
  }

  .motherships-title {
    text-align: center;
    justify-content: center;
    align-self: center;
    margin-top: 10px;
    font-size: 12vw;
  }

  .motherships-title.location {
    display: none;
  }

  .outline-1px {
    -webkit-text-stroke-width: 1px;
  }

  .galaxy-section {
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    min-height: 90dvh;
    margin-top: 64px;
    display: none;
    inset: auto 0%;
  }

  .galaxy-section.galaxy-1, .galaxy-section.galaxy-3 {
    display: none;
  }

  .galaxy-container {
    flex: 1;
  }

  .galaxy-content {
    flex-flow: wrap;
    flex: 1;
    place-content: space-between space-around;
    align-items: center;
    height: 100%;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .galaxy-content.small {
    flex-direction: row;
    height: 60vh;
  }

  .galaxy-background {
    background-repeat: repeat-y;
  }

  .planet {
    flex-direction: column;
    position: relative;
  }

  .planet-mothership {
    flex: none;
    width: 100%;
    height: auto;
    min-height: 50vh;
    position: relative;
  }

  .planet-details-menu {
    z-index: 370;
    flex: 1;
    height: auto;
    min-height: auto;
    padding-top: 0;
    display: none;
    inset: 0%;
  }

  .planet-details-menu.notch24 {
    flex: 1;
    width: 100%;
    height: auto;
    min-height: 90vh;
    padding: 0;
    overflow: visible;
  }

  .planet-img {
    width: 100%;
  }

  .image-49 {
    max-width: 100%;
  }

  .vertical-line {
    display: none;
  }

  .insignia {
    z-index: 1;
    align-items: flex-end;
    padding: 0;
    position: relative;
    inset: auto 0%;
  }

  .planet-name-block {
    flex-direction: row;
    flex: 1;
    order: 1;
    justify-content: space-between;
    align-self: stretch;
    align-items: flex-end;
    height: auto;
    padding: 20px;
    position: relative;
    inset: auto 0% 0%;
  }

  .planet-name-block.normal {
    z-index: 1;
    border-bottom: .5px solid var(--white-50);
    flex: none;
    bottom: auto;
  }

  .planet-name-wrap {
    align-items: flex-start;
    padding: 0;
  }

  .mothership-name-block {
    align-items: flex-end;
    padding: 0;
  }

  .small-details {
    flex-direction: column;
  }

  .small-details.horizontal {
    flex-direction: row;
    align-items: flex-end;
  }

  .planet-backstory {
    margin-top: 40px;
    padding-top: 40px;
  }

  .expanding-details {
    flex-direction: column;
    position: relative;
  }

  .planet-trigger {
    text-decoration: none;
  }

  .small-planet {
    width: 100px;
  }

  .small-planet.large {
    width: 120px;
  }

  .small-planet-trigger {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    margin: 0;
    padding: 0;
  }

  .small-planet-trigger._1 {
    align-self: flex-start;
    width: 30%;
    margin-top: 40px;
    margin-bottom: 40px;
    top: 26%;
  }

  .small-planet-trigger._2 {
    align-self: flex-start;
    width: 30%;
    margin-top: 40px;
    margin-bottom: 40px;
    top: 0%;
  }

  .small-planet-trigger._3 {
    align-self: flex-start;
    width: 30%;
    margin-top: 40px;
    margin-bottom: 40px;
    top: 233px;
  }

  .drakko-container {
    margin-top: 64px;
    display: flex;
    inset: 0%;
  }

  .drakko-image-section {
    flex: 1;
    min-height: auto;
    position: relative;
  }

  .back-to-galaxies {
    background-color: var(--white-10);
    order: -1;
    align-self: stretch;
    margin-bottom: 0;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .back-to-galaxies.notch12, .back-to-galaxies.notch16 {
    position: fixed;
  }

  .back-to-galaxies.notch8 {
    flex: 1;
    order: 0;
    margin: 0;
    position: relative;
    top: 0;
  }

  .back-to-galaxies.all-planets.notch8 {
    flex: none;
  }

  .motherhsip-factions-test {
    min-height: 93vh;
    margin-top: 64px;
  }

  .galaxy-title-container {
    flex-direction: column;
    order: -1;
    padding-left: 20px;
    padding-right: 20px;
  }

  .galaxy-container-copy {
    flex: 1;
  }

  .back-button {
    align-self: flex-start;
    margin-bottom: 0;
    margin-left: 0;
  }

  .back-button.notch12 {
    margin-top: 0;
    margin-left: 0;
  }

  .small-planet-img {
    width: 30vw;
  }

  .planet-no {
    line-height: 12px;
  }

  .planet-name {
    font-size: 16px;
    line-height: 18px;
  }

  .collection-list-8 {
    flex-direction: column;
  }

  .planet-details-text {
    border-top: 1px none var(--white-20);
    border-left-style: none;
    flex: none;
    justify-content: flex-start;
    height: auto;
    padding: 20px 0 40px;
  }

  .prizes-list {
    flex-direction: column;
    flex: none;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .scroller-wrap {
    overflow: scroll;
  }

  .large-planet-img {
    flex: 0 auto;
    justify-content: space-between;
    align-items: stretch;
    height: 90%;
    min-height: auto;
    margin-top: auto;
    padding-bottom: 20px;
    display: flex;
  }

  .collection-item-7 {
    flex: 1;
  }

  .large-planet {
    object-fit: fill;
    border-bottom: 1px #000;
    align-items: center;
    position: relative;
  }

  .mothership {
    position: absolute;
    inset: 0%;
  }

  .horizontal-details-block {
    flex-direction: column;
  }

  .galaxy-1-section {
    flex-direction: column;
    height: auto;
    min-height: 100vh;
    margin-top: 64px;
    display: flex;
    top: 0;
  }

  .galaxy-title {
    flex-direction: column;
    order: 0;
    padding-left: 20px;
    padding-right: 20px;
    top: 0;
  }

  .factions-title-container-copy {
    flex-direction: column;
    order: -1;
    padding-left: 20px;
    padding-right: 20px;
  }

  .click-to-explore-copy {
    display: flex;
  }

  .planet-component {
    flex: 0 auto;
    justify-content: space-around;
    width: 50%;
    line-height: 16px;
  }

  .stacking-content-decks {
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .deck-details {
    margin-top: 24px;
  }

  .insignia-img {
    align-items: center;
    padding: 0;
    position: relative;
    inset: 0 auto;
  }

  .planet-scroll-wrap {
    flex: auto;
    justify-content: space-between;
    align-items: center;
    height: auto;
    position: relative;
  }

  .bg-lottie.mobile {
    width: 100vw;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .bg-lottie.mobile.home {
    position: absolute;
  }

  .lottie-animation-28 {
    top: 0%;
  }

  .button-text {
    letter-spacing: 3px;
    background-color: #0000;
    order: 0;
    align-self: stretch;
    margin-bottom: 0;
    font-size: 12px;
    font-style: normal;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .button-text.notch12, .button-text.notch16 {
    position: fixed;
  }

  .button-text.notch8 {
    margin-top: 80px;
    position: fixed;
  }

  .button-text.factions {
    font-size: 10px;
  }

  .button-text.reviews {
    align-self: center;
    font-size: 12px;
  }

  .all-planets {
    background-color: var(--white-10);
    order: 0;
    align-self: stretch;
    margin-bottom: 0;
    position: relative;
    inset: auto auto auto 0%;
  }

  .all-planets.notch12, .all-planets.notch16 {
    position: fixed;
  }

  .all-planets.notch8 {
    margin-top: 0;
    margin-left: 0;
    position: relative;
  }

  .all-planets-section {
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    min-height: 90dvh;
    margin-top: 64px;
    padding-bottom: 40px;
    display: none;
    inset: auto 0%;
  }

  .all-planets-container {
    flex: 1;
    justify-content: space-around;
    padding-left: 10px;
    padding-right: 10px;
  }

  .all-planets-container.vertical {
    flex: 1;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .all-planets-contnet {
    flex-flow: wrap;
    flex: 1;
    grid-template-columns: auto auto auto;
    grid-auto-flow: row dense;
    place-content: stretch;
    align-items: stretch;
    height: auto;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .all-planets-contnet.small {
    flex-direction: row;
    height: 60vh;
  }

  .planet-menu-component {
    flex: 0 auto;
    justify-content: space-around;
    width: 100%;
  }

  .menu-planet-number {
    padding: 10px;
  }

  .menu-planet-name {
    inset: auto 0% 0%;
  }

  .menu-planet-img {
    width: 20vw;
  }

  .menu-planet-text {
    text-align: center;
    font-size: 10px;
  }

  .menu-planet-text.label.hide, .menu-planet-galaxy, .menu-planet-mothership {
    display: none;
  }

  .large-planet-menu {
    object-fit: fill;
    align-items: center;
    position: relative;
  }

  .mothership-menu {
    position: absolute;
    inset: 0%;
  }

  .insignia-menu {
    z-index: 1;
    align-items: flex-end;
    padding: 0;
    position: relative;
    inset: auto 0%;
  }

  .planet-details-text-menu {
    border-top: 1px none var(--white-20);
    border-left-style: none;
    flex: none;
    height: auto;
    margin-bottom: 20px;
    padding: 20px 0;
  }

  .planet-details {
    z-index: 370;
    flex: 1;
    height: auto;
    min-height: auto;
    padding-top: 64px;
    display: none;
    inset: 0%;
  }

  .planet-details.notch24 {
    flex: 1;
    width: 100%;
    height: auto;
    min-height: 90vh;
    padding: 0;
    overflow: visible;
  }

  .planet-name-blcok-menu {
    flex-direction: row;
    display: flex;
  }

  .planet-name-block-menu {
    border-bottom: .5px solid var(--white-50);
    justify-content: space-between;
    padding: 20px;
    display: flex;
    position: relative;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .countdown-section {
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    min-height: 91dvh;
    margin-top: 64px;
    display: flex;
    inset: auto 0%;
  }

  .countdown-section.galaxy-1, .countdown-section.galaxy-3 {
    display: none;
  }

  .countdown-section-container {
    flex: 1;
    justify-content: space-between;
    padding: 20px 10px;
  }

  .countdown-section-container.vertical {
    flex: 1;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .countdown-content {
    flex-flow: wrap;
    flex: 1;
    place-content: space-between space-around;
    align-items: center;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .countdown-content.small {
    flex-direction: row;
    height: 60vh;
  }

  .countdown-background {
    background-repeat: repeat-y;
  }

  .countdown-timer-wrap {
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0%;
  }

  .countdown-outer {
    height: auto;
  }

  .countdown-block-2 {
    margin-left: 4px;
    margin-right: 4px;
  }

  .countdown-time-2 {
    font-size: 15vw;
  }

  .countdown-time-2.colon {
    margin-top: 1px;
  }

  .countdown-detail-2 {
    font-size: 10px;
  }

  .countdown-details {
    grid-row-gap: 16px;
    flex-flow: wrap;
    flex: none;
    order: -1;
    justify-content: space-between;
    align-self: flex-end;
    align-items: flex-end;
    width: 100%;
    height: auto;
    padding: 10px;
    position: absolute;
    inset: auto 0% 0%;
  }

  .countdown-details.top {
    align-items: flex-start;
    padding: 10px;
    inset: 0% 0% auto;
  }

  .countdown-name-block {
    align-items: flex-start;
    padding: 0;
  }

  .countdown-name-blcok-right {
    align-items: flex-end;
    padding: 0;
  }

  .countdown-label-2 {
    font-size: 32px;
    line-height: 32px;
  }

  .countdown-label-2.small {
    font-size: 24px;
    line-height: 24px;
  }

  .countdown-name {
    font-size: 32px;
    line-height: 32px;
  }

  .countdown-name.small {
    font-size: 24px;
    line-height: 24px;
  }

  .countdown-bordering.top-left {
    height: auto;
    padding-bottom: 10%;
    display: flex;
    inset: 0% auto auto 0%;
  }

  .countdown-bordering.top-right {
    padding-bottom: 10%;
    display: flex;
    inset: 0% 0% auto auto;
  }

  .countdown-bordering.bottom-right, .countdown-bordering.bottom-left {
    padding-bottom: 10%;
    display: flex;
  }

  .countdown-bordering.top-middle {
    padding-bottom: 1%;
    display: flex;
  }

  .countdown-bordering.bottom-middle {
    padding-bottom: 0%;
    display: flex;
  }

  .globe-block {
    padding: 0;
  }

  .globe-img {
    width: 64px;
  }

  .px-exian {
    font-size: 22vw;
  }

  .section-container {
    grid-row-gap: 16px;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .section-container.padding {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .xcrate-grid-horizontal-wrap {
    margin: 10px;
  }

  .xcrate-grid-horizontal-wrap.eligibility {
    grid-row-gap: 40px;
    place-content: space-around center;
  }

  .crate-grid-text {
    height: auto;
  }

  .crate-grid-text.left {
    flex: none;
    order: 1;
    justify-content: center;
    width: auto;
    max-width: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .crate-grid-text.left.first {
    order: -1;
  }

  .crate-grid-text.right {
    align-self: stretch;
    width: auto;
    margin: 40px 0 20px;
  }

  .xkey-faqs {
    padding-left: 20px;
    padding-right: 20px;
  }

  .xkey-section-container {
    grid-row-gap: 16px;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .xsafe-bg-video {
    z-index: -1;
    width: auto;
  }

  .xsafe-bg-video.mobile {
    background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
    background-position: 0 0;
    background-size: auto;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .xsafe-section {
    height: 88dvh;
  }

  .xsafe-sectionn-container {
    padding: 20px;
  }

  .xsafe-details {
    grid-row-gap: 16px;
    flex-flow: wrap;
    flex: 1;
    order: -1;
    justify-content: space-between;
    align-self: flex-end;
    align-items: flex-end;
    width: 100%;
    height: auto;
    padding: 10px;
    position: absolute;
    inset: auto 0% 0%;
  }

  .xsafe-details.top {
    align-items: flex-start;
    margin-top: 0;
    padding: 10px;
    inset: 0% 0% auto;
  }

  .xsafe-details.top.mobile {
    display: flex;
    inset: auto 0% 0%;
  }

  .xsafe-details.bottom {
    justify-content: center;
    display: none;
  }

  .xsafe-bg-video-3 {
    z-index: -1;
    width: auto;
    height: 100%;
    display: none;
    inset: 0%;
  }

  .megacrate-bg-video {
    z-index: 2;
    height: 60%;
    top: -44px;
    bottom: 30%;
    left: 0%;
  }

  .megacrate-bg-video.small {
    z-index: 0;
    order: -1;
    width: 100%;
    height: auto;
    padding-bottom: 100%;
  }

  .megacrate-bg-video.xpod {
    height: 100%;
  }

  .megacrate-bg-video.xpod.preorder {
    margin-top: 64px;
  }

  .mega-rate-hero-section {
    align-items: flex-end;
    min-height: 120vh;
    margin-top: 64px;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .mega-rate-hero-section.poap {
    align-items: flex-end;
    height: 90vh;
    min-height: auto;
    max-height: 800px;
    margin-top: 104px;
  }

  .mega-rate-hero-section.xbonus {
    background-image: linear-gradient(#0000, #000 10%);
    min-height: auto;
    margin-top: 35vh;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .xcrate-eligibility-block {
    width: 100%;
  }

  .xcrate-eligibility-block.xpod {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .narrow {
    width: 20%;
  }

  .s1-hero {
    background-image: linear-gradient(348deg, var(--black) 54%, transparent 70%);
    align-items: center;
    width: 100dvw;
    height: 80vh;
    min-height: auto;
    margin-top: 64px;
    margin-bottom: 0;
    overflow: hidden;
  }

  .s1-hero._2 {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .s1-hero-bg-video {
    min-height: 75vh;
    display: none;
  }

  .s1-hero-bg-video.mobile {
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    width: 200dvw;
    min-height: 20dvh;
    margin-top: 0;
    display: flex;
  }

  .s1-hero-bg-video.fixed {
    min-height: 60vh;
    display: flex;
    bottom: auto;
  }

  .s1-hero-bg-video.fallback {
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c13595ae9363701d0efffe_Pictures%20Video%201_00008.webp");
    background-size: cover;
    display: none;
  }

  .s1-hero-big-text._7 {
    flex: none;
    align-self: flex-end;
    align-items: stretch;
    padding: 20px 20px 0;
  }

  .s1-h1.medium {
    flex-wrap: wrap;
    font-size: 14vw;
  }

  .s1-h1._10k-hunts {
    letter-spacing: -1px;
    text-shadow: 0 1px 30px var(--black-50);
    font-size: 20vw;
    line-height: 80%;
    top: -15%;
  }

  .s1-h1.kai-x-porshe-hunt, .s1-h1.ts-x-porshe-hunt {
    letter-spacing: -1px;
    text-shadow: 0 1px 30px var(--black-50);
    margin-bottom: 0;
    font-size: 20vw;
    line-height: 80%;
    top: 16%;
  }

  .s1-h1.cybertruck-hunt {
    letter-spacing: -1px;
    text-shadow: 0 1px 30px var(--black-50);
    margin-bottom: 0;
    font-size: 15vw;
    line-height: 80%;
    top: 15%;
  }

  .s1-h1.aston {
    letter-spacing: -1px;
    text-shadow: 0 1px 30px var(--black-50);
    margin-bottom: 0;
    font-size: 11vw;
    line-height: 80%;
    top: 20%;
  }

  .s1-h1.tesla-model-3 {
    letter-spacing: -1px;
    text-shadow: 0 1px 30px var(--black-50);
    margin-bottom: 0;
    font-size: 15vw;
    line-height: 80%;
    top: 15%;
  }

  .s1-hero-logo.super {
    width: 80vw;
  }

  .ios-android-icons.no-margin.mobile {
    position: relative;
    inset: auto;
  }

  .scramble {
    justify-content: flex-end;
    align-items: flex-end;
    inset: auto 0% 0%;
  }

  .scramble.centre {
    justify-content: center;
    display: none;
  }

  .text-bordering {
    width: 100vw;
  }

  .number.small {
    font-size: 20px;
  }

  .transition-block {
    display: block;
  }

  .content-top {
    padding: 40px;
  }

  .content-top-right {
    max-width: 100%;
  }

  .dev-letter {
    font-size: 2em;
  }

  .content-bottom {
    padding: 40px;
  }

  .s-scroll {
    height: 80vh;
  }

  .section-container._3 {
    box-shadow: 8px 0 0 0 var(--butterfly), -8px 0 0 0 var(--royal-blue);
  }

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

  .design-letter {
    font-size: 2em;
  }

  .content-bottom-2 {
    padding: 40px;
  }

  .s-scroll-2 {
    height: 80vh;
  }

  .btn.btn-three {
    flex: 1;
    justify-content: center;
  }

  .btn.btn-three.wide {
    padding-left: 24px;
    padding-right: 24px;
  }

  .btn.btn-two {
    flex: 1;
    justify-content: center;
  }

  .fancy-button.notch12 {
    align-self: stretch;
  }

  .fancy-button.notch12.wide {
    flex: 1;
    justify-content: center;
  }

  .fancy-button.notch12.popup-btn {
    display: none;
  }

  .hero-button.mobile {
    border-radius: 0;
    margin-top: 40px;
    display: flex;
  }

  .hero-button.mobile.hide {
    display: none;
  }

  .hero-button.mobile.notch8:hover {
    background-color: var(--white-10);
    border-style: none;
  }

  .hero-button.primary.mobile-nav {
    align-self: center;
    width: 100%;
    height: 40px;
    padding: 8px 12px;
    font-size: 12px;
    line-height: 100%;
    display: flex;
  }

  .hero-button.primary.mobile-nav.w--current {
    letter-spacing: 2px;
    font-size: 10px;
  }

  .hero-button.primary.notch12 {
    box-shadow: none;
    border-style: none;
  }

  .hero-button.sign-up {
    border-radius: 0;
    display: block;
  }

  .hero-button.sign-up.notch12:hover {
    background-color: var(--white-10);
    border-style: none;
  }

  .hero-button.margin-top {
    display: flex;
  }

  .hero-button.margin-top.show {
    border-radius: 0;
    display: flex;
  }

  .hero-button.secondary.show {
    font-size: 14px;
    display: flex;
  }

  .hero-button.secondary.watch-trailer {
    background-color: var(--white-20);
    border-style: none;
    border-radius: 0;
    margin: 8px;
  }

  .hero-button.secondary.watch-trailer.notch8 {
    background-color: var(--black-80);
  }

  .hero-button.secondary.notch12.w--current {
    flex: 1;
    justify-content: center;
    display: flex;
  }

  .hero-button.secondary.notch12.show-mobile {
    flex: 0 auto;
    display: flex;
  }

  .hero-button.watch-trailer {
    display: flex;
  }

  .hero-button.wide.show-mobile {
    border-radius: 0;
    display: block;
  }

  .hero-button.opensea.notch8 {
    margin-top: 8px;
    display: flex;
  }

  .hero-button.opensea.hero.notch8 {
    display: flex;
  }

  .content_bottom.left {
    padding: 0;
  }

  .content_top {
    left: 5vw;
  }

  .max-width {
    width: 100%;
  }

  .max-width._50 {
    grid-row-gap: 24px;
    width: 100%;
  }

  .max-width._50-desktop {
    grid-row-gap: 16px;
    width: 100%;
  }

  .content_p {
    font-family: Orbitron, sans-serif;
    font-weight: 400;
  }

  .split-text {
    grid-column-gap: 2vw;
    grid-row-gap: 0px;
    text-align: left;
    flex-flow: wrap;
    align-content: space-around;
    font-size: 18vw;
  }

  .split-text.px-story {
    white-space: normal;
    margin-top: 0;
    font-size: 6vw;
  }

  .split-text.px-story-copy {
    white-space: normal;
    overflow-wrap: normal;
    margin-top: 0;
    font-size: 6vw;
  }

  .split-text.left {
    padding: 0;
  }

  .split-text.left.no-margin {
    margin-bottom: 0;
  }

  .split-text.left.small-mobile {
    font-size: 15vw;
  }

  .split-text.small {
    color: var(--white);
    -webkit-text-stroke-width: 0px;
    font-size: 7vw;
    line-height: 90%;
  }

  .split-text.small.small-title {
    font-size: 10vw;
  }

  .split-text.paragraph {
    white-space: normal;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 3.6vw;
  }

  .split-text.paragraph.top-padding {
    padding-top: 0;
    font-size: 4vw;
  }

  .split-text.sub-text {
    white-space: normal;
    margin-top: 0;
    font-size: 5vw;
  }

  .split-text.paragraph-copy {
    white-space: normal;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 5vw;
  }

  .split-text.support {
    white-space: normal;
    margin-top: 0;
    font-size: 6vw;
  }

  .split-text.medium {
    font-size: 13vw;
  }

  .split-text.x-small {
    color: var(--white);
    -webkit-text-stroke-width: 0px;
    font-size: 6vw;
    line-height: 90%;
  }

  .split-text.x-small.small-title {
    font-size: 10vw;
  }

  .section-header {
    margin-bottom: 20px;
  }

  .number-3 {
    font-size: 100px;
  }

  .is-h1 {
    font-size: 2.7em;
  }

  .line-animation {
    overflow-wrap: normal;
  }

  .section-9 {
    box-shadow: none;
    overflow: hidden;
  }

  .split-text-2 {
    font-size: 22px;
  }

  .left-block {
    grid-row-gap: 16px;
    width: 100%;
  }

  .fancy-button-text {
    text-align: center;
    align-self: center;
  }

  .s1-hero-bg-mobile {
    z-index: 0;
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c2776d3b846a34d83b8535_s1-hero-bg-mobile.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100vw;
    background-attachment: fixed;
    width: 100vw;
    min-height: 50vh;
    display: flex;
    position: fixed;
    inset: 0%;
  }

  .blank {
    color: #0000;
  }

  .px-trailer-wrap {
    z-index: 10220;
    background-color: var(--black-80);
    flex-flow: column;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .coming-soon {
    inset: 0%;
  }

  .x-key-email-form {
    flex-direction: column;
  }

  ._404-page {
    font-size: 56vw;
  }

  .loading-bordering {
    display: none;
  }

  .how-to-hero {
    height: 80vh;
  }

  .hero-bg-img {
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 100%;
    display: none;
  }

  .how-to-hero-bg-mobile {
    z-index: -1;
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c3bd8a8e3559214f33d096_how-to-hero-ng-mobile.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
    width: 100vw;
    min-height: 50vh;
    display: flex;
    position: fixed;
    inset: 0%;
    overflow: hidden;
  }

  .how-to-hero-bg-mobile.hunter-league {
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64dcddf48286e31f6847694c_hunter-league-bg-mobile.png");
  }

  .section-content-text.left {
    flex: none;
    order: 1;
    justify-content: center;
    width: auto;
    max-width: none;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-content-text.left.first {
    order: -1;
  }

  .section-content-text.right {
    align-self: stretch;
    width: auto;
    margin: 40px 0 20px;
  }

  .text-wrap.stack {
    order: 1;
  }

  .text-wrap.stack.life-changing-money {
    width: 100%;
  }

  .text-wrap.stack.full {
    padding: 16px;
  }

  .text-wrap.stack.first-mobile {
    order: -1;
  }

  .text-wrap.stack._30 {
    width: auto;
  }

  .text-wrap.ambassadors {
    padding: 16px;
  }

  .xsafe-hero-section {
    height: 70dvh;
  }

  .activated-xkey-section {
    box-shadow: none;
    padding-top: 64px;
    overflow: hidden;
  }

  .xkeys-heading-section {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .activatedkeycard-bg-video {
    z-index: 2;
    order: 1;
    width: 170%;
    height: 100%;
    min-height: 320px;
    position: relative;
    top: 0;
    left: 0%;
  }

  .activatedkeycard-bg-video.small, .activatedkeycard-bg-video.xsmall {
    z-index: 0;
    order: -1;
    width: 100%;
    height: auto;
    padding-bottom: 100%;
  }

  .xsafe-bg-video-copy {
    z-index: -1;
    width: auto;
  }

  .xkeys-list-heading-section {
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .xkeys-list-heading {
    grid-column-gap: 0px;
    flex-direction: column;
  }

  ._50 {
    display: inline-flex;
  }

  ._50.hide-mobile {
    display: none;
  }

  .activated.right, .burned.right {
    text-align: right;
  }

  .lottie-animation-30 {
    display: none;
    position: absolute;
  }

  .cta-block.last {
    order: 1;
  }

  .cta-block.last.wide {
    grid-column-gap: 0px;
    flex: none;
    justify-content: center;
    width: 100%;
  }

  .form-block-3 {
    flex-direction: column;
    justify-content: space-between;
    align-self: stretch;
    display: flex;
  }

  .link-block-2 {
    height: 40px;
  }

  .poaps {
    align-items: center;
    height: auto;
    top: 0%;
  }

  .poaps.relative {
    order: -1;
    width: 100%;
  }

  .poap-img {
    width: 50%;
    height: auto;
    top: 0%;
  }

  .poap-img._2, .poap-img._3 {
    top: auto;
    bottom: 20%;
  }

  .poaps-group {
    height: 50vh;
    top: 0%;
  }

  .droid-column-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: none;
    width: 100%;
    height: auto;
    min-height: auto;
    padding-left: 20px;
    overflow: scroll;
  }

  .guest {
    width: 46%;
  }

  .guest.notch16 {
    width: 47%;
  }

  .guest-name {
    font-size: 18px;
  }

  .mega-spaces-list {
    grid-column-gap: 0px;
    flex-direction: column;
  }

  .xbonus-counter.notch24 {
    justify-content: space-between;
    height: auto;
    padding: 24px;
  }

  .top-row {
    grid-row-gap: 16px;
    flex-wrap: wrap;
  }

  .x-pod-price {
    grid-row-gap: 8px;
  }

  .xbonus {
    font-size: 16vw;
  }

  .xbonus.levels {
    font-size: 6vw;
  }

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

  .eth-icon {
    width: 40px;
  }

  .eth-icon.small {
    width: 15px;
  }

  .bouns-bottom-row {
    grid-column-gap: 4px;
    grid-row-gap: 16px;
    flex-wrap: nowrap;
    place-content: space-around;
  }

  .eth-tick {
    width: 10px;
    height: 100%;
    position: relative;
    top: 0;
  }

  .error-text {
    color: var(--white);
    letter-spacing: 0;
    font-size: 14px;
  }

  .error-message-5 {
    background-color: var(--medium-violet-red);
  }

  .megacrate-video-wrap, .tesla-img-wrap {
    align-items: flex-start;
    height: 70vh;
    display: flex;
  }

  .hunt-rules-title {
    font-size: 16vw;
  }

  .hunt-rules-title.levels {
    font-size: 6vw;
  }

  .hunt-rules-block.notch24 {
    justify-content: space-between;
    height: auto;
    padding: 24px;
  }

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

  .reviews-hero {
    display: flex;
  }

  .reviews-column {
    padding: 80px 0 0;
  }

  .review-form {
    flex: 1;
    align-self: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .review-form.notch16 {
    background-color: #0000;
    align-items: flex-start;
    height: 100vh;
    padding: 20px;
    top: 0;
  }

  .review-card.notch16 {
    grid-row-gap: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .star {
    width: 6vw;
  }

  .reviewer-name-location {
    grid-row-gap: 8px;
  }

  .reviewer-name, .reviewer-username {
    font-size: 4vw;
  }

  .reviewer-country {
    font-size: 3vw;
  }

  .collection-item-9 {
    flex: none;
    width: 100vw;
    display: flex;
  }

  .collection-list-10 {
    grid-row-gap: 0px;
    display: flex;
  }

  .review-form-h1 {
    width: 80%;
  }

  .default-state-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .review-form-wrap {
    background-color: var(--black);
    order: -1;
    align-items: center;
    height: 100%;
    margin-top: 0;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 60px;
    display: none;
    top: 0;
  }

  .review-form-outline.notch24 {
    background-color: #0000;
    align-items: flex-start;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    overflow: scroll;
  }

  .review-close-button {
    background-color: var(--white-10);
    border: 1px #000;
    border-radius: 0%;
    width: auto;
    height: auto;
    padding: 12px;
    position: fixed;
    inset: 20px 20px auto auto;
  }

  .review-close-button.notch8 {
    top: 12vh;
  }

  .success-message-4.notch24 {
    margin-left: 20px;
    margin-right: 20px;
    position: absolute;
    inset: 35% 0% auto;
  }

  .review-form-heading {
    letter-spacing: 0;
    font-size: 15vw;
  }

  .image-62 {
    height: 18px;
  }

  .player-reviews {
    padding-left: 0;
  }

  .reviews-link {
    text-align: center;
    align-self: stretch;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .reviews-link.notch12:hover {
    margin-top: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .hero-video-bg-wrap {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .hunter-league-hero-container {
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding-top: 0;
    padding-bottom: 5vh;
    position: relative;
  }

  .hunter-league-hero {
    height: 90vh;
  }

  .label-row {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .prizes-icon {
    justify-content: center;
    align-items: flex-end;
  }

  .prizes-label {
    font-size: 12vw;
  }

  .prizes-value-wrap {
    grid-column-gap: 1vw;
  }

  .dollar-sign {
    font-size: 18vw;
  }

  .prize-counter-section.preregister {
    min-height: auto;
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .button-wrapper {
    padding-left: 12px;
  }

  .prize-card.notch24 {
    width: 150px;
    height: 210px;
  }

  .text-block-21 {
    -webkit-text-stroke-width: 0px;
    font-size: 10px;
    font-weight: 800;
  }

  .prize-card-scroll-section.small {
    transform: translate(0);
  }

  .heading-21 {
    -webkit-text-stroke-width: 0px;
    font-size: 32px;
  }

  .bundles-section {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    height: 100vh;
    min-height: auto;
    padding: 30vh 0 0;
    position: static;
    overflow: hidden;
  }

  .bundles-background-section-image {
    z-index: -1;
    opacity: 1;
    object-fit: fill;
    background-image: none;
    flex: none;
    order: -1;
    justify-content: flex-start;
    align-self: auto;
    align-items: flex-start;
    max-width: none;
    height: 70%;
    min-height: auto;
    margin-top: 0;
    padding-top: 0%;
    display: flex;
    position: fixed;
    top: 0;
  }

  .bundles-background-section-image.hide-mobile {
    display: flex;
  }

  .bundles-background-section-image.z3 {
    z-index: 4;
  }

  .bundles-background-section-image.pre-register {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .bundles-background-section-image.absolue.relative-mobile {
    margin-top: 0;
  }

  .bundles-background-section-image.poaps {
    align-items: stretch;
    height: 50vh;
    margin-top: 0;
    position: absolute;
  }

  .bundles-background-section-image.xbonus {
    background-image: linear-gradient(#000, #fff);
    height: 70%;
    margin-top: 100px;
  }

  .limited-edition {
    margin-bottom: 16px;
    font-size: 24px;
  }

  .image-64 {
    margin-top: 64px;
    top: -3vh;
  }

  .bundles-hero-conatiner {
    background-image: linear-gradient(#0000, #000 21%);
    flex: none;
    align-self: center;
    width: 90%;
    padding: 0 0 12vh;
    position: relative;
  }

  .price {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
  }

  .price.no-margin {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
  }

  .price.small {
    margin-top: 0;
    margin-bottom: 0;
  }

  .crypto-order-popup {
    min-height: auto;
    margin-top: 0;
    padding: 120px 20px 40px;
    display: flex;
    position: relative;
    overflow: scroll;
  }

  .crypto-order-form {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    position: relative;
    inset: 0% 0% auto;
  }

  .crypto-order-close-button {
    background-color: var(--white-10);
    border: 1px #000;
    border-radius: 0%;
    width: auto;
    height: auto;
    padding: 12px;
    position: absolute;
    inset: 20px 20px auto auto;
  }

  .crypto-order-close-button.notch8 {
    display: none;
    position: relative;
  }

  .crypto-popup-heading {
    font-size: 36px;
  }

  .lightbox-link {
    z-index: 100;
    flex: none;
    order: 0;
    align-self: auto;
    align-items: flex-end;
    margin-left: 20px;
    display: flex;
    position: relative;
    inset: auto auto 0;
  }

  .beta-pop-up-img-wrapper {
    width: 95vw;
    margin-bottom: 16px;
  }

  .pop-up-right {
    object-fit: fill;
    background-position: 50% 0;
    background-size: cover;
    flex: 0 auto;
    align-items: flex-start;
    height: 50vh;
    margin-top: 0;
    position: absolute;
    top: 0;
  }

  .pop-up-right.notch32 {
    background-position: 50% 30%;
    background-size: auto 140%;
  }

  .pop-up-left {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-color: var(--transparent);
    background-image: linear-gradient(to bottom, var(--transparent), black 30%);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    flex: none;
    justify-content: flex-end;
    height: auto;
    padding: 20% 5% 0%;
    top: auto;
  }

  .pop-up-left.notch24 {
    z-index: 9;
    background-color: #0000;
    align-items: center;
    max-width: 100%;
    height: auto;
    margin-top: -25px;
    padding: 0% 0% 5%;
    position: absolute;
    inset: auto 0% 0%;
  }

  .pop-up-close-button {
    background-color: var(--white-10);
    border: 1px #000;
    border-radius: 0%;
    width: auto;
    height: auto;
    padding: 12px;
    position: absolute;
    inset: 20px 20px auto auto;
  }

  .pop-up-close-button.notch8 {
    display: none;
  }

  .pop-up-qr {
    justify-content: center;
    align-self: stretch;
    width: auto;
    display: flex;
  }

  .download-app-qr {
    display: none;
  }

  .scan-to-download-text {
    text-transform: none;
    order: 0;
    width: auto;
    font-family: Space Grotesk, sans-serif;
    font-size: 16px;
    display: flex;
  }

  .scan-to-download-text.full-width.hide-mobile {
    display: none;
  }

  .pop-up-icons {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    justify-content: space-around;
    align-self: stretch;
  }

  .icon-group {
    flex-direction: row;
    align-items: flex-start;
  }

  .popup-icon {
    opacity: 1;
  }

  .popup-icon.small {
    width: 28px;
    margin-left: 2px;
    margin-right: 2px;
  }

  .icon-text-group {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .popup-h2 {
    font-size: 24px;
  }

  .pop-up-body-text {
    text-align: left;
    font-size: 12px;
    display: flex;
  }

  .app-store-button {
    flex: 1;
    height: auto;
    max-height: 38px;
    display: block;
  }

  .link-block-3 {
    flex: 1;
    justify-content: flex-end;
    align-self: stretch;
    align-items: stretch;
    max-width: none;
    max-height: none;
    display: flex;
  }

  .app-store-buttons-wrap {
    flex: none;
    align-items: center;
    display: flex;
  }

  .app-store-buttons-wrap.vertical-mobile {
    flex-direction: column;
    align-items: center;
  }

  .link-block-4 {
    flex: 1;
    align-self: stretch;
    display: flex;
  }

  .currently-in-beta-wprapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
    display: flex;
  }

  .download-app-qr-wrap {
    display: none;
  }

  .download-app-text {
    text-transform: none;
    order: 0;
    width: auto;
    font-family: Space Grotesk, sans-serif;
    font-size: 16px;
    display: flex;
  }

  .download-app-text.full-width.hide-mobile {
    display: none;
  }

  .progress-line, .progress-line-back {
    border-radius: 0;
  }

  .progres-number-wrap {
    grid-column-gap: 1vw;
  }

  .progress-label {
    font-size: 24px;
    line-height: 80%;
  }

  .unit {
    letter-spacing: -.5vw;
    margin-bottom: 4px;
    font-size: 29vw;
  }

  .unit.progress {
    margin-bottom: 0;
  }

  .percentcounterup {
    letter-spacing: -.5vw;
    margin-bottom: 4px;
    font-size: 29vw;
  }

  .percentcounterup.progress {
    letter-spacing: 0;
    margin-bottom: 0;
  }

  .target-amount {
    letter-spacing: -.5vw;
    margin-bottom: 4px;
    font-size: 29vw;
  }

  .target-amount.progress {
    letter-spacing: 0;
    margin-bottom: 0;
  }

  .support-us {
    grid-column-gap: 2vw;
    grid-row-gap: 0px;
    text-align: left;
    flex-flow: wrap;
    align-content: space-around;
    font-size: 18vw;
  }

  .support-us.px-story {
    white-space: normal;
    margin-top: 0;
    font-size: 6vw;
  }

  .support-us.px-story-copy {
    white-space: normal;
    overflow-wrap: normal;
    margin-top: 0;
    font-size: 6vw;
  }

  .support-us.left {
    padding: 0;
  }

  .support-us.left.no-margin {
    margin-bottom: 0;
  }

  .support-us.left.small-mobile {
    font-size: 15vw;
  }

  .support-us.small {
    color: var(--white);
    -webkit-text-stroke-width: 0px;
    font-size: 16vw;
    line-height: 90%;
  }

  .support-us.paragraph {
    white-space: normal;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 5vw;
  }

  .support-us.sub-text {
    white-space: normal;
    margin-top: 0;
    font-size: 5vw;
  }

  .support-us.paragraph-copy {
    white-space: normal;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 5vw;
  }

  .support-us.centre {
    font-size: 16vw;
  }

  .support-us.support {
    white-space: normal;
    margin-top: 0;
    font-size: 6vw;
  }

  .paraph {
    grid-column-gap: 2vw;
    grid-row-gap: 0px;
    text-align: left;
    flex-flow: wrap;
    align-content: space-around;
    font-size: 18vw;
  }

  .paraph.px-story {
    white-space: normal;
    margin-top: 0;
    font-size: 6vw;
  }

  .paraph.px-story-copy {
    white-space: normal;
    overflow-wrap: normal;
    margin-top: 0;
    font-size: 6vw;
  }

  .paraph.left {
    padding: 0;
  }

  .paraph.left.no-margin {
    margin-bottom: 0;
  }

  .paraph.left.small-mobile {
    font-size: 15vw;
  }

  .paraph.small {
    color: var(--white);
    -webkit-text-stroke-width: 0px;
    font-size: 16vw;
    line-height: 90%;
  }

  .paraph.paragraph {
    white-space: normal;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 5vw;
  }

  .paraph.sub-text {
    white-space: normal;
    margin-top: 0;
    font-size: 5vw;
  }

  .paraph.paragraph-copy {
    white-space: normal;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 5vw;
  }

  .paraph.support {
    white-space: normal;
    margin-top: 0;
    font-size: 6vw;
  }

  .preregister-background {
    background-position: 50% 10%;
    background-size: auto 60vh;
    height: 70vh;
    top: 0%;
  }

  .staking-xdroid-bg-img {
    z-index: 2;
    position: relative;
    top: 0;
    left: 0%;
  }

  .staking-xdroid-bg-img.small, .staking-xdroid-bg-img.xsmall {
    z-index: 0;
    order: -1;
    width: 100%;
    height: auto;
    padding-bottom: 100%;
  }

  .pop-up-cta-wrap {
    margin-bottom: 5vh;
  }

  .beta-pop-up-h1 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    text-align: center;
    flex-direction: row;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 15vw;
    display: flex;
  }

  .social-link-text {
    display: none;
  }

  .purchase-5050-section {
    align-items: flex-start;
    height: auto;
    min-height: 100vh;
    display: flex;
  }

  ._5050-container {
    justify-content: flex-start;
    height: auto;
    padding-top: 10%;
  }

  ._50-left {
    border-bottom: 1px solid var(--white-20);
    background-position: 50% 0;
    background-size: 100%;
    flex: none;
    height: 65vh;
  }

  ._50-right {
    flex: none;
    justify-content: flex-end;
    height: 75vh;
  }

  .buy-xpod-vid {
    width: 100%;
  }

  .buy-xpod-vid.small {
    max-width: 100%;
  }

  ._5050-text-wrapper {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-image: linear-gradient(to top, #000 80%, #0000);
    padding: 5%;
  }

  ._5050-heading {
    font-size: 40px;
  }

  .eth-label {
    margin-top: 0;
  }

  ._5050-cta-block {
    flex-direction: column;
    flex: 0 auto;
  }

  .xpod-vid-wrapper {
    justify-content: flex-start;
    align-self: center;
    height: 50%;
    top: 0;
  }

  .xdroids-for-sale-section {
    padding-top: 5vh;
  }

  .xdroid-name {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
  }

  .xdroids-for-sale-heading {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
  }

  .heading-text-wrap {
    width: auto;
  }

  .xdroid-collection-item {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .xdroids-heading {
    font-size: 80px;
  }

  .tiers {
    flex-direction: column;
    flex: none;
    width: 100%;
    padding: 0;
  }

  .staking-tier-block {
    aspect-ratio: auto;
    height: 80vh;
  }

  .staking-tier-block.standard.notch24 {
    aspect-ratio: auto;
    background-position: 50% -10%;
    background-repeat: no-repeat;
    height: 80vh;
  }

  .staking-tier-block.premium.notch24 {
    background-position: 50% -10%;
    background-repeat: no-repeat;
  }

  .staking-details-top {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }

  .staking-hero-section {
    flex-direction: column;
    justify-content: center;
    height: auto;
    min-height: 100vh;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .staking-background-section-image {
    aspect-ratio: auto;
    opacity: 1;
    object-fit: fill;
    background-image: linear-gradient(#0000, #0000);
    flex: 0 auto;
    order: -1;
    justify-content: center;
    align-self: auto;
    align-items: center;
    max-width: none;
    height: auto;
    min-height: 50vh;
    margin-top: 0;
    padding-top: 0%;
    display: flex;
    position: relative;
    top: 0;
  }

  .staking-background-section-image.hide-mobile {
    display: flex;
  }

  .staking-background-section-image.z3 {
    z-index: 4;
  }

  .staking-background-section-image.pre-register {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .staking-background-section-image.absolue.relative-mobile {
    margin-top: 0;
  }

  .staking-background-section-image.poaps {
    align-items: stretch;
    height: 50vh;
    margin-top: 0;
    position: absolute;
  }

  .staking-background-section-image.xbonus {
    background-image: linear-gradient(#000, #fff);
    height: 70%;
    margin-top: 100px;
  }

  .reputaion-list {
    flex-direction: row;
    flex: none;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .reputation-scroll-block {
    width: 90%;
    min-height: auto;
  }

  .reputation-scroll-block.notch24 {
    background-color: var(--white-10);
    border-radius: 0;
    width: 100%;
  }

  .staking-background-hero-images {
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
  }

  .staked-nft-card {
    flex: none;
    align-self: center;
    max-width: 150%;
    inset: auto;
  }

  .total-earnings-card.notch8 {
    width: 90%;
    display: none;
    top: 68%;
    right: auto;
  }

  .mint-section-bg-image {
    z-index: 2;
    top: 0;
    left: 0%;
  }

  .mint-section-bg-image.small, .mint-section-bg-image.xsmall {
    z-index: 0;
    order: -1;
    width: 100%;
    height: auto;
    padding-bottom: 100%;
  }

  .leaderboard-hero-section {
    background-image: none;
    height: 40vh;
    min-height: auto;
    margin-top: 64px;
    padding-top: 40px;
  }

  .x-tokens-wrap {
    flex: none;
  }

  .image-65 {
    height: 24px;
  }

  .leaderbaord-cell-outline.notch8 {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: #fff0;
    background-image: linear-gradient(#fff3, #fff0 30% 70%, #fff3);
    flex: 1;
    max-width: 100%;
  }

  .details-wrap {
    flex: none;
    justify-content: space-around;
    width: 90%;
    max-width: none;
    padding-right: 10px;
    display: flex;
  }

  .xp-ppx {
    flex: 0 auto;
    justify-content: flex-end;
    display: flex;
  }

  ._10k-hunt-hero {
    width: 100vw;
    height: auto;
    min-height: 100dvh;
    overflow: hidden;
  }

  ._10k-hunt-hero-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .porsche-hunt-hero {
    height: 120%;
    top: 0%;
  }

  ._10k-hunt-hero-bg-2, ._10k-hunt-hero-bg-3 {
    background-position: 50%;
    background-size: auto 100%;
  }

  ._10k-hunt-hero-subtesxt {
    font-size: 18px;
    top: 0%;
  }

  .golden-hunt-pass-video {
    height: 40%;
    min-height: 300px;
  }

  .the-prizes-heading {
    font-size: 7vw;
  }

  .prizes-section {
    flex: 0 auto;
    justify-content: center;
    padding: 60px 20px 20px;
  }

  .prizes-section.preregister {
    min-height: auto;
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .prizes-card.notch24 {
    width: 150px;
    height: 210px;
  }

  .prize-card-grid {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .prize-name-text {
    -webkit-text-stroke-width: 0px;
    font-size: 10px;
    font-weight: 800;
  }

  .prize-count {
    -webkit-text-stroke-width: 0px;
    padding: 4px 8px;
    font-size: 10px;
  }

  ._10k-coming-soon {
    z-index: 2;
    order: -1;
    height: auto;
    margin-top: 72px;
    margin-bottom: 34px;
    position: relative;
    inset: -20% auto auto;
  }

  .bottom-section-socials-block {
    margin-top: 20px;
  }

  .bottom-section-socials-block.nav {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    margin-top: 40px;
    display: flex;
  }

  .early-signups {
    border-top: 1px solid var(--white-20);
    border-bottom: 1px #000;
    padding: 24px;
  }

  .middle-section {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .social-metrics, .daily-active-users {
    border-top: 1px solid var(--white-20);
    padding: 24px;
  }

  .stage {
    padding-left: 24px;
    padding-right: 24px;
  }

  .brand-building, .x-droid-collection {
    border-top: 1px solid var(--white-20);
    padding: 24px;
  }

  .dataroom-heading {
    font-size: 10.5vw;
  }

  .number-block {
    box-shadow: 0 0 40px -10px var(--butterfly);
  }

  .heading-wrap {
    overflow: visible;
  }

  .bars-wrap {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .bars-wrap.vertical {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    min-height: 100px;
  }

  .bar-back {
    background-color: var(--white-10);
    background-image: none;
    min-height: 32px;
  }

  .bar-back.vertical {
    background-image: none;
  }

  .metric-progress {
    box-shadow: 0 0 24px -6px var(--butterfly);
  }

  .social-rings {
    flex-flow: wrap;
    place-content: stretch center;
  }

  .ring-block {
    flex: none;
    width: 42%;
  }

  .vertical-metric-progress._20 {
    box-shadow: 0 0 24px -6px var(--butterfly);
  }

  .goal {
    background-image: none;
  }

  .goal.achieved {
    box-shadow: 0 0 40px -12px var(--butterfly), inset 0 0 12px -4px var(--butterfly);
    background-image: none;
  }

  .mobile-divider-line {
    background-image: linear-gradient(to right, #fff0, var(--white-20) 30%, var(--white-20) 70%, #fff0);
    order: 0;
    justify-content: center;
    align-self: stretch;
    height: 3px;
    display: flex;
  }

  ._10k-hunt-rules {
    padding-left: 20px;
    padding-right: 20px;
  }

  ._10k-rules.notch16 {
    width: 100%;
  }

  .bio-pop-up-background {
    background-color: var(--black);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 20px 40px;
    display: none;
    position: fixed;
    top: 62px;
    overflow: visible;
  }

  .close-button-bio {
    order: -1;
    align-self: flex-end;
    position: absolute;
  }

  .close-button-bio.notch12 {
    z-index: 371;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    margin-top: 0;
    margin-right: 20px;
    display: flex;
    position: fixed;
    top: auto;
    left: auto;
    right: 0;
  }

  .close-button-bio.notch16 {
    position: fixed;
  }

  .close-button-bio.notch8 {
    position: fixed;
    top: auto;
  }

  .job-role-text {
    margin-bottom: 0;
  }

  .previous-work {
    text-align: left;
    font-size: 10px;
  }

  .previous-work.centre {
    font-size: 16px;
  }

  .column {
    flex-flow: column;
    flex: none;
    width: 100%;
    display: flex;
  }

  .page-content-wrapper {
    background-color: var(--transparent);
    overflow: hidden;
  }

  .hero-shape.notch-hero {
    justify-content: center;
    align-items: flex-start;
    display: none;
  }

  .hero-shape.notch-hero-mobile {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    display: flex;
  }

  .extraction-wrapper {
    margin-bottom: 8rem;
    padding-right: 4vw;
    overflow: visible;
  }

  .extraction-wrapper._06 {
    height: auto;
    padding: 5rem 0 0;
  }

  .extraction-wrapper._07 {
    height: auto;
  }

  .extraction-wrapper._08 {
    flex-flow: column;
  }

  .extraction-wrapper.public {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-shape-wrapper {
    height: auto;
    display: flex;
  }

  .section-content-luke-ting._01, .section-content-luke-ting._03 {
    flex-flow: column;
  }

  .section-content-luke-ting._04 {
    flex-flow: column;
    flex: none;
    align-self: center;
    max-width: none;
    margin-top: 0;
    margin-bottom: 0;
    position: absolute;
  }

  .section-content-luke-ting._06 {
    flex-flow: column;
  }

  .section-content-luke-ting._08 {
    flex-flow: column;
    margin-top: 8rem;
    margin-bottom: 8rem;
  }

  .section-content-luke-ting._07 {
    flex-flow: column;
    padding-top: 4rem;
  }

  .section-content-luke-ting._03-copy {
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 4rem;
  }

  .lt-hero-text {
    font-size: 16vw;
    display: flex;
  }

  .hero-content-wrapper {
    z-index: 10000;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    flex: none;
    justify-content: flex-start;
    height: auto;
    margin-top: 6.5rem;
    padding-bottom: 1vw;
    padding-left: 4vw;
  }

  .primary-button.notch12, .primary-button.notch12.is-white, .button-content.notch12 {
    flex: 1;
  }

  .button-content.notch12.is-black {
    background-color: var(--black);
  }

  .button-content.notch12.is-0.no-padding {
    justify-content: space-between;
    align-self: flex-start;
    align-items: center;
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .button-content.notch12.is-0.no-padding.is-hidden-mobile {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .button-content.watch-trailer-button {
    flex: 0 auto;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
  }

  .primary-button-text {
    letter-spacing: 3px;
    background-color: #0000;
    order: 0;
    align-self: stretch;
    margin-bottom: 0;
    padding-left: 8px;
    font-size: 10px;
    font-style: normal;
    position: relative;
    inset: 0% auto auto 0%;
  }

  .primary-button-text.notch12, .primary-button-text.notch16 {
    position: fixed;
  }

  .primary-button-text.notch8 {
    margin-top: 80px;
    position: fixed;
  }

  .primary-button-text.reviews {
    align-self: center;
    font-size: 12px;
  }

  .primary-button-wrapper.notch12 {
    flex: 1;
  }

  .primary-button-wrapper.watch-trailer {
    flex: 1;
    display: flex;
  }

  .button-shine-default, .outline-shine-default, .outline-shine-hover, .button-shine-hover {
    display: none;
  }

  .button-container {
    background-color: var(--white-10);
    flex: 1;
    order: 0;
    align-self: stretch;
    width: auto;
    padding: 1px;
    font-size: 12px;
    display: flex;
  }

  .nav-bar-items-right {
    z-index: 9998;
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
  }

  .secondary-button-wrapper.notch12 {
    z-index: 1500;
    -webkit-backdrop-filter: blur(24rem);
    backdrop-filter: blur(24rem);
    background-color: #000c;
    width: 14vw;
    min-width: 3.2rem;
    max-width: none;
    height: 14vw;
    min-height: 3.2rem;
    max-height: none;
    transition: box-shadow .2s;
  }

  .secondary-button-content.notch12 {
    background-color: var(--black);
  }

  .secondary-button-container.is-black {
    background-color: var(--black-80);
    flex: 1;
  }

  .button-wrap {
    z-index: 70;
    justify-content: flex-end;
    align-self: center;
    align-items: center;
    position: absolute;
  }

  .button-wrap.watch-trailer.notch12 {
    flex: none;
    justify-content: center;
    align-self: stretch;
    overflow: hidden;
  }

  .button-wrap.is-hidden-mobile {
    display: none;
  }

  .button-wrap.nav {
    justify-content: center;
    align-items: center;
    position: static;
  }

  .button-wrap.hero {
    display: inline-flex;
  }

  .hero-buttons {
    flex-flow: column;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: 100%;
  }

  .hero-content-left {
    flex: 1;
  }

  .hero-content-right {
    flex-flow: row;
    flex: none;
    width: 100%;
    height: auto;
    padding-right: 2vw;
    display: flex;
  }

  .bottom-right-wrap {
    flex-flow: column;
    flex: none;
    justify-content: center;
    width: 100%;
    padding-left: 0;
    position: static;
    inset: auto 4vw 4vw;
  }

  .image-66 {
    display: inline-flex;
  }

  .image-66.hide-mobile {
    display: none;
  }

  .button-wrap-container {
    flex-flow: column;
    flex: none;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    display: none;
  }

  .body-new {
    flex-flow: column;
    align-items: center;
    display: flex;
  }

  .scroll-bar-right {
    display: none;
  }

  .section-content._01 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    order: -1;
    width: 100%;
  }

  .section-content._01.sticky {
    order: -1;
    position: static;
  }

  .section-content._01.x-vault.notch12 {
    order: -1;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 90%;
    margin-right: 0;
    padding: 2rem;
  }

  .section-content._01.padding-24 {
    justify-content: center;
    align-items: flex-start;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-content._02 {
    flex-flow: column;
  }

  .section-content.huntpass {
    order: -1;
    align-self: auto;
    width: 100%;
    padding: 2rem;
  }

  .section-content.huntpass.sticky {
    position: static;
  }

  .section-content.prizes {
    order: -1;
    width: 100%;
    padding: 2rem 0;
  }

  .section-content.prizes.sticky {
    position: static;
  }

  .section-content.hunt-sponsor {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    order: -1;
    width: 100%;
  }

  .section-content.hunt-sponsor.sticky {
    order: -1;
    position: static;
  }

  .section-content.hunt-sponsor.x-vault.notch12 {
    order: -1;
    width: 100%;
    margin-right: 0;
    padding: 2rem;
  }

  .section-content.hunt-sponsor.padding-24 {
    justify-content: center;
    align-items: flex-start;
    padding-left: 16px;
    padding-right: 16px;
  }

  .section-number {
    flex: 0 auto;
    order: -1;
    align-self: flex-start;
    height: 5rem;
  }

  .button-wrapper {
    width: 100%;
    padding-left: 0;
  }

  .button-wrapper.is-hidden {
    display: none;
  }

  .imagery-video {
    z-index: -1;
    margin-top: 13px;
    position: relative;
    top: auto;
  }

  .imagery-video.section-02 {
    height: auto;
  }

  .imagery-video.section-04 {
    z-index: 0;
    border-radius: 20px;
    width: auto;
    height: auto;
  }

  .sections-title {
    font-size: 40px;
    line-height: 80%;
    display: block;
  }

  .sections-title.no-wrap {
    align-self: stretch;
  }

  .sections-title.no-wrap.large {
    font-size: 70px;
  }

  .sections-title.the-team {
    text-align: left;
  }

  .sections-title.large {
    font-size: 70px;
    line-height: 80%;
  }

  .sections-title.centre {
    font-size: 12vw;
  }

  .section-number-wrapper {
    z-index: -1;
    flex-flow: column;
    align-self: stretch;
    display: flex;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .section-image-video.notch32 {
    height: auto;
  }

  .right-fade {
    height: 100%;
    display: none;
  }

  .number-title-wrapper {
    width: 100%;
  }

  .hs-video-wrapper {
    flex-flow: column;
    display: flex;
  }

  .hs-label {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .hs-titles {
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
  }

  .hs-track, .hs-camera {
    height: auto;
  }

  .hs-sections {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    flex-flow: row;
    padding-left: 4vw;
    padding-right: 4vw;
    overflow: scroll;
  }

  .hs-section-block._02, .hs-section-block._01 {
    width: 86vw;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .hs-section-block._03, .hs-section-block._04 {
    width: 86vw;
    padding-left: 0;
    padding-right: 0;
  }

  .chests-wrapper {
    flex-flow: column;
    order: -1;
    width: 100%;
  }

  .left-chest {
    background-color: #ffffff1a;
    height: 24rem;
    position: static;
  }

  .right-chest {
    background-color: #ffffff1a;
    height: 24rem;
  }

  .right-chest.notch12 {
    height: 28rem;
  }

  .paragraph-xxs {
    font-size: 14px;
  }

  .image-69 {
    display: none;
  }

  .video-wrapper-04 {
    border-radius: 20px;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    height: auto;
    padding-left: 4vw;
    padding-right: 4vw;
    overflow: visible;
  }

  .title-para-wrapper.horizontal {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  ._05-title-section {
    flex-flow: column;
  }

  .left-fade {
    display: none;
  }

  .gun-wrapper {
    max-width: none;
  }

  .gun-row {
    flex-flow: column;
  }

  .gun-stats-wrapper {
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    height: auto;
  }

  .gun-image-wrapper {
    order: -1;
  }

  .gun-image {
    height: auto;
    min-height: auto;
  }

  .stats-list {
    width: 8rem;
  }

  .the-team-section {
    background-color: var(--black);
    padding-top: 0;
  }

  .the-team-content {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    height: auto;
  }

  .team-member-wrapper {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    height: 40vh;
  }

  .paragraph-xs-copy, .the-team-name {
    font-size: 14px;
  }

  .the-team-top-content {
    grid-column-gap: 1.8rem;
    grid-row-gap: 1.8rem;
    flex-flow: column;
    height: auto;
  }

  .bio-wrapper {
    background-color: #000000e6;
    border-width: .5px;
    height: auto;
    margin-bottom: 1.4rem;
    display: none;
  }

  .paragraph-bio {
    margin-bottom: .4rem;
    font-size: 14px;
  }

  .paragraph-bio.centre {
    font-size: 16px;
  }

  .paragraph-bio.affiliate {
    font-size: 14px;
  }

  .paragraph-bio.home-hero {
    width: auto;
    margin-bottom: 0;
    font-size: 16px;
  }

  .paragraph-bio.how-to {
    width: 80vw;
  }

  .paragraph-bio.hunter-league {
    align-self: stretch;
    width: auto;
    padding-left: 12px;
    font-size: 18px;
  }

  .paragraph-bio.left-mobile {
    text-align: left;
    font-size: 16px;
  }

  .photo-block-container {
    flex-direction: column;
    height: auto;
  }

  .photo-block, .photo-block._1, .photo-block._3 {
    height: 50vh;
  }

  .team-and-bio {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: auto;
    max-width: 100%;
    display: flex;
  }

  .team-and-bio:hover {
    width: 100%;
  }

  .rosta-cards-wrapper {
    flex-flow: column;
  }

  .div-block-36 {
    flex-flow: column;
    order: -1;
  }

  .notch-footer-shape {
    padding-top: 4vh;
  }

  .footer-content {
    height: auto;
    padding-top: 4vw;
    padding-bottom: 8vw;
  }

  .top-footer-bar {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .partners-footer {
    width: 100%;
  }

  .footer-text, .footer-label {
    font-size: 14px;
  }

  .partners-logos-wrapper {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .ghostlab {
    width: auto;
    height: .8rem;
  }

  .gameover {
    height: 1.6rem;
  }

  .faze-wrapper {
    flex: none;
  }

  .title-and-links {
    flex-flow: column;
    height: auto;
  }

  .title-footer {
    width: 100%;
    margin-top: 4rem;
  }

  .footer-links {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .v-line {
    display: none;
  }

  .right-footer-content {
    padding-top: 0;
  }

  .links-row {
    flex-flow: wrap;
    width: 100%;
  }

  .image-73 {
    max-width: 16rem;
  }

  .nav-gradient {
    pointer-events: none;
    background-image: linear-gradient(#000 39%, #0000);
  }

  .hero-shape-animate {
    flex: none;
    width: 100vw;
    height: 60%;
    overflow: hidden;
    transform: translate(0);
  }

  .image-74 {
    object-fit: cover;
    height: 100%;
  }

  .hero-video-mobile {
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c253b25bd3fc5f86fb6e7c_s1-hero-bg-mobile.webp");
    background-position: 50%;
    background-size: 100%;
    width: 100vw;
    height: 100vh;
    display: none;
    position: static;
  }

  .hero-video {
    width: 100%;
    height: 100%;
    display: none;
    position: static;
  }

  .how-it-works-title-wrapper {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    display: flex;
  }

  .hit-number {
    color: #000;
    -webkit-text-stroke-width: .5px;
    -webkit-text-stroke-color: #fff;
    border: 0 solid #000;
  }

  .image-75 {
    display: none;
  }

  .image-76 {
    width: auto;
    height: 1.4rem;
  }

  .image-77 {
    display: none;
  }

  .notch32 {
    height: auto;
  }

  .secondary-button-container-fab {
    background-color: var(--white-10);
    position: fixed;
    top: 1rem;
    right: 1rem;
  }

  .social-link-nav {
    align-self: center;
    max-width: none;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .nav-inner {
    z-index: 3000;
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #000;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 4.6rem 1rem 1rem;
    display: flex;
    position: relative;
  }

  .nav-wrapper {
    z-index: 200000;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: none;
    position: fixed;
  }

  .nav-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    letter-spacing: 0;
    text-transform: uppercase;
    cursor: pointer;
    border: 0 solid #fff;
    border-bottom: .5px solid #ffffff29;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    height: 3.2rem;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    font-family: Space Grotesk, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none;
    display: flex;
  }

  .nav-item.collections {
    margin-bottom: 2px;
  }

  .nav-item.inner {
    border-width: 0;
    border-color: #000;
  }

  .div-block-38 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .links-nav-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .nav-close-button {
    border: .5px solid #ffffff4d;
    border-bottom-color: #fff3;
    justify-content: center;
    align-self: flex-end;
    align-items: center;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    position: fixed;
    top: 1rem;
    right: 1rem;
  }

  .menu-item-label {
    letter-spacing: 1px;
    text-transform: uppercase;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    font-family: Orbitron, sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: flex;
  }

  .image-78 {
    opacity: .3;
  }

  .collections-nav-wrapper {
    height: 12.8rem;
    overflow: hidden;
  }

  .link-block-6 {
    width: 100%;
  }

  .socials-block-mobile {
    grid-column-gap: 1.4rem;
    grid-row-gap: 1.4rem;
    justify-content: space-between;
    align-self: center;
    align-items: center;
    width: 100%;
    height: 1.4rem;
    margin-top: 0;
    padding-right: 0;
    display: flex;
  }

  .socials-block-mobile.nav {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    margin-top: 40px;
    display: flex;
  }

  .social-link-nav-mobile {
    justify-content: center;
    align-self: center;
    align-items: center;
    max-width: none;
    height: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .socials-label {
    opacity: .3;
    letter-spacing: 1px;
    text-transform: uppercase;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    font-family: Orbitron, sans-serif;
    font-size: 10px;
    font-weight: 400;
    display: flex;
  }

  .div-block-39 {
    justify-content: flex-start;
    align-items: center;
    height: 4rem;
    display: flex;
  }

  .paid-out-winners {
    padding-bottom: 4rem;
  }

  ._50k-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .prizes-hs {
    margin-top: -.4rem;
    padding-left: .4rem;
    padding-right: .4rem;
    overflow: scroll;
  }

  .paid-out {
    margin-top: -.4rem;
  }

  .prizes-para-wrapper {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
  }

  .card-test.notch12 {
    width: 10rem;
  }

  .card-image {
    transform: scale(1.02);
  }

  .card-label-type {
    font-size: 12px;
  }

  .amount-won {
    background-image: linear-gradient(#0000, #000 24%);
    justify-content: center;
    align-items: center;
    height: auto;
    padding-top: 4rem;
    padding-bottom: 8rem;
  }

  .sign {
    font-size: 14vw;
  }

  .section-label {
    padding-bottom: 1.4rem;
  }

  .counter-home {
    letter-spacing: 0;
    margin-bottom: 4px;
    font-size: 14vw;
  }

  .counter-home.small {
    letter-spacing: 0;
    font-size: 13vw;
  }

  .prize-label-wrapper {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .prize-label-wrapper.hide-desktop {
    display: flex;
  }

  ._14-label.is-white {
    text-align: left;
  }

  .the-x-vault {
    padding-right: 4vw;
    overflow: visible;
  }

  .the-x-vault._04.no-padding {
    flex-flow: column;
    height: auto;
    min-height: 200vh;
  }

  .the-x-vault._04.no-padding.hide-content {
    min-height: 140vh;
    padding-bottom: 8rem;
    top: auto;
  }

  .the-x-vault._06 {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .the-x-vault._07 {
    height: auto;
  }

  .the-x-vault._08 {
    flex-flow: column;
  }

  .search-for-treasure {
    padding-right: 4vw;
    overflow: visible;
  }

  .search-for-treasure._06 {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .search-for-treasure._07 {
    height: auto;
  }

  .search-for-treasure._08 {
    flex-flow: column;
  }

  .search-for-treasure.section-two {
    margin-bottom: 8rem;
  }

  .join-the-hunt-inner._01 {
    flex-flow: column;
    padding-top: 4rem;
    position: relative;
  }

  .join-the-hunt-inner._03 {
    flex-flow: column;
  }

  .join-the-hunt-inner._04 {
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
  }

  .join-the-hunt-inner._06, .join-the-hunt-inner._08, .join-the-hunt-inner._07, .join-the-hunt-inner._03-copy {
    flex-flow: column;
  }

  .join-the-hunt-inner._10-000-hunt {
    flex-flow: column;
    padding-top: 4rem;
    position: relative;
  }

  .extract {
    padding-right: 4vw;
    overflow: visible;
  }

  .extract._06 {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .extract._07 {
    height: auto;
  }

  .extract._08 {
    flex-flow: column;
  }

  .mission-intel {
    padding-right: 4vw;
    overflow: visible;
  }

  .mission-intel._03 {
    padding-top: 4rem;
    padding-bottom: 8rem;
  }

  .mission-intel._06 {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .mission-intel._07 {
    height: auto;
  }

  .mission-intel._08 {
    flex-flow: column;
  }

  .extract-section {
    padding-right: 4vw;
    overflow: visible;
  }

  .extract-section._06 {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .extract-section._07 {
    height: auto;
  }

  .extract-section._08 {
    flex-flow: column;
  }

  .extract-section.layout3 {
    margin-top: 8vh;
  }

  .the-roster {
    padding-right: 4vw;
    overflow: visible;
  }

  .the-roster._06 {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .the-roster._07 {
    height: auto;
  }

  .the-roster._08 {
    background-color: var(--black);
    flex-flow: column;
  }

  .nav-gradient-bottom {
    z-index: 999;
    pointer-events: none;
    background-image: linear-gradient(0deg, #000 43%, #0000);
    justify-content: space-around;
    align-self: center;
    width: 120vw;
    display: none;
    inset: auto auto -20px;
  }

  .full-roster-wrapper {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .counter-roster {
    letter-spacing: 0;
    margin-bottom: 4px;
    font-size: 15vw;
  }

  .m-sign {
    font-size: 23.4vw;
  }

  .follower-count-wrapper {
    justify-content: center;
    align-items: flex-start;
  }

  .roster-counter-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-bottom: 8rem;
  }

  .div-block-41 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
  }

  .div-block-43 {
    flex: 1;
  }

  .roster-label {
    padding-bottom: 0;
  }

  .roster-label.hide-mobile {
    display: none;
  }

  .chests-wrapper-keep {
    flex-flow: column;
  }

  .right-slot-huntpass {
    left: auto;
  }

  .right-slot-the-x-vault {
    width: 90%;
  }

  .div-block-44.no-padding {
    order: -1;
    padding-bottom: 0;
  }

  .prize-label-wrapper-copy {
    justify-content: space-between;
    align-items: center;
  }

  .hunt-pass-gif {
    width: 100%;
    height: auto;
  }

  .x-tokens-products-section {
    width: 100dvw;
    height: auto;
    min-height: 100dvh;
  }

  .products-columns {
    z-index: 13;
    flex-direction: column;
    flex: none;
    align-self: auto;
    align-items: flex-start;
    min-height: auto;
    padding: 0;
    overflow: hidden;
  }

  .products-column-container {
    flex: none;
    width: 100%;
    height: auto;
    min-height: auto;
    padding-left: 20px;
    overflow: scroll;
  }

  .product-column-1 {
    grid-column-gap: 16px;
    flex-direction: row;
    flex: none;
    width: auto;
    padding: 0;
    display: flex;
    position: relative;
  }

  .product-image {
    flex: none;
    width: auto;
    padding-bottom: 0;
  }

  .product-grid-image {
    width: 200px;
    max-width: none;
    height: 200px;
    display: inline-block;
    position: relative;
  }

  .product-column-2 {
    grid-column-gap: 16px;
    flex-direction: row;
    flex: none;
    width: auto;
    position: relative;
  }

  .droid-column-1-copy {
    grid-column-gap: 16px;
    flex-direction: row;
    flex: none;
    width: auto;
    padding: 0;
    display: flex;
    position: relative;
  }

  .section-label-top {
    padding-bottom: 1.4rem;
  }

  .guns {
    padding-right: 4vw;
    overflow: visible;
  }

  .guns._06 {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .guns._07 {
    background-color: var(--black);
    height: auto;
  }

  .guns._08 {
    flex-flow: column;
  }

  .phone-image {
    object-fit: contain;
    width: 100%;
    max-width: 100%;
    height: 211px;
    margin-bottom: 0;
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
  }

  .phone-frame {
    align-self: center;
    width: 100vw;
    max-width: none;
    height: 75vh;
    display: none;
    top: 0;
    transform: none;
  }

  .join-communityl-label {
    font-size: 14px;
  }

  .the-prizes-section {
    padding-right: 4vw;
    overflow: visible;
  }

  .the-prizes-section._06 {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .the-prizes-section._07 {
    height: auto;
  }

  .the-prizes-section._08 {
    flex-flow: column;
  }

  .products-collage-video {
    z-index: 0;
    width: 100%;
    height: 150vh;
    display: flex;
    position: sticky;
    inset: 0 auto auto;
  }

  .the-prizes {
    padding-right: 4vw;
    overflow: visible;
  }

  .the-prizes._04 {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .the-prizes._06 {
    height: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
  }

  .the-prizes._07 {
    height: auto;
  }

  .the-prizes._08 {
    flex-flow: column;
  }

  .hunt-pass-wrapper {
    width: 100%;
    position: relative;
    top: 0%;
    right: 0%;
  }

  .image-82 {
    width: 100vw;
    height: 50vh;
  }

  .hero-img-mobile {
    background-image: url("https://cdn.prod.website-files.com/61f7b2dd3ecc4d1c64c96e12/64c254dd3e9978bb79b5db89_s1-hero-bg-mobile2.webp");
    background-position: 50% 120%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-attachment: scroll;
    width: 100vw;
    height: 60vh;
    margin-top: 10vh;
    display: flex;
    position: static;
  }

  .div-block-46 {
    display: flex;
  }

  .video-wrapper-mobile {
    width: auto;
    display: flex;
    overflow: hidden;
  }

  .div-block-47 {
    display: flex;
    overflow: visible;
  }

  .new-hero-h1 {
    -webkit-text-stroke-width: 1px;
  }

  .div-block-49 {
    grid-column-gap: 13px;
    grid-row-gap: 13px;
    height: auto;
    display: flex;
  }

  .previous-logos {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
  }

  .image-83, .image-84 {
    width: 100%;
  }

  .is-hidden {
    display: none;
  }

  .image-85 {
    height: 50dvh;
  }

  .car-bg {
    width: 130vw;
    max-width: none;
    margin-top: 157px;
  }

  .car-bg.cybertruck {
    width: 200vw;
  }

  .car-bg.aston {
    width: 160vw;
    margin-top: 40px;
  }

  .car-bg.aston.notch32, .car-bg.tesla3 {
    width: 200vw;
  }

  .hunt-boxes {
    justify-content: center;
    align-items: center;
  }

  .test-size-16 {
    font-size: 14px;
  }

  .hunt-boxes-wrapper {
    flex-flow: column;
    padding-top: 9px;
    padding-left: 0;
    position: static;
    top: 0;
  }

  .hunt-boxes-wrapper.no-pdding {
    margin-top: 237px;
  }

  .left-boxes-wrapper {
    flex-flow: column;
  }

  .mountains-bg {
    width: 200vw;
    max-width: none;
  }

  .mountains-bg.am {
    width: 160vw;
    margin-top: 40px;
  }

  .mountains-bg.am.notch32 {
    width: 200vw;
  }

  .div-block-50 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    flex-flow: column;
    order: -1;
    margin-top: -278px;
  }

  .hide-game-play {
    border: 2px solid var(--white-20);
    padding-left: 20px;
    padding-right: 20px;
  }

  .x-clan-logo-wrap {
    top: 150px;
  }

  .div-block-51 {
    height: 6rem;
  }

  .sticky-wrapper-x-clan {
    flex-flow: column;
  }

  .right-title-section {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .compensation-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    padding-top: 2rem;
  }

  .branding-hero {
    padding-bottom: 40px;
  }

  .branding-guide-h1 {
    font-size: 11vw;
  }

  .two-collumn-wrapper {
    flex-flow: column;
  }

  .left-collumn {
    width: 100%;
  }

  .right-collumn {
    order: -1;
    width: 100%;
    padding-bottom: 12vw;
    position: static;
  }

  .column-title-brand-guide {
    font-size: 26px;
  }

  .info-item-wrapper.v-stack {
    flex-flow: column;
  }

  .info-item-label {
    width: 200px;
  }

  .link-block-11 {
    flex-flow: column;
  }

  .backers-footer-bar {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    width: 100%;
    max-width: 100%;
  }

  .xai {
    width: auto;
    max-width: 110px;
    height: 1.2rem;
  }

  .sneaky {
    box-sizing: border-box;
    object-fit: contain;
    flex: none;
    width: auto;
    max-width: 180px;
    height: 1.4rem;
  }

  .backers-footer {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    width: 100%;
  }

  .backers-logos-wrapper {
    grid-column-gap: 1.6rem;
    grid-row-gap: 1.6rem;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .citizen {
    object-fit: contain;
    flex: none;
    width: auto;
    max-width: 110px;
    height: 1.4rem;
  }

  .pudgey {
    object-fit: contain;
    flex: none;
    width: auto;
    max-width: 160px;
    height: 2.5rem;
  }

  .id-theory {
    object-fit: contain;
    flex: none;
    width: auto;
    max-width: 120px;
    height: 1.9rem;
  }

  .cetacean {
    object-fit: contain;
    flex: none;
    width: auto;
    max-width: 90px;
    height: 2.4rem;
  }

  .skyvision {
    object-fit: contain;
    flex: none;
    width: auto;
    max-width: 120px;
    height: 1.8rem;
  }

  .team-backers-bar {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: column;
    width: 100%;
    max-width: 100%;
  }

  .backed-by {
    font-size: 14px;
  }

  .heading-27 {
    font-size: 24px;
  }

  .mountains-sky-bg {
    width: 200vw;
    max-width: none;
  }

  .aston-martin-hunt-hero {
    width: 100vw;
    height: auto;
    min-height: 100dvh;
    overflow: hidden;
  }

  .aston-martin-hunt-container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .heading-28, .heading-29 {
    font-size: 24px;
  }

  .heading-30 {
    font-family: Orbitron, sans-serif;
    font-size: 24px;
  }

  .prohunter {
    max-width: 100%;
  }

  .hunt-schedule-hero-section {
    justify-content: center;
    align-items: center;
    height: auto;
    min-height: 65vh;
    margin-top: 80px;
    padding-top: 2vh;
  }

  .hunt-schedule-hero-section.roadmap, .hunt-schedule-hero-section.security {
    min-height: 50vh;
  }

  .hunt-schedule-hero-section.x-team {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 250vw;
    min-height: 80vh;
  }

  .hunt-schedule-hero-heading {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
  }

  .hunt-schedule-hero-heading.roadmap {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    padding-bottom: 64px;
  }

  .h1.hunt-schedule {
    letter-spacing: 0;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-size: 14vw;
  }

  .h1.security, .h1.x-team {
    letter-spacing: 0;
    -webkit-text-fill-color: inherit;
    object-fit: cover;
    background-image: none;
    background-clip: border-box;
    font-size: 12vw;
  }

  .hunt-schedule-hero-sub-text {
    width: 90vw;
    font-size: 18px;
    line-height: 140%;
  }

  .month-selectors {
    z-index: 99999;
    min-height: 10vh;
    padding-top: 0;
    top: 70px;
  }

  .month-selectors-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 16px;
  }

  .month-selector {
    flex: none;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 2.5vw;
  }

  .month-selector.w--current {
    font-size: 10px;
  }

  .gradient-overlay.left {
    width: 48px;
    height: 100%;
    margin: 0;
    padding-left: 0;
    left: 0;
  }

  .gradient-overlay.left.hide, .gradient-overlay.right {
    display: none;
  }

  .hunt-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 75vh;
    padding-top: 10px;
    padding-left: 70px;
  }

  .hunt-left-block {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hunt-right-block {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    margin-left: -40px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .hunt-right-block.roadmap {
    margin-left: -25px;
  }

  .hunt-details-wrap {
    padding-right: 20px;
  }

  .hunt-block-date {
    margin-bottom: 8px;
    font-size: 16px;
  }

  .hunt-detail-label, .hunt-detail-value {
    font-size: 10px;
    line-height: 100%;
  }

  .x-token-icon {
    width: 30px;
  }

  .x-token-icon-wrap {
    width: 16px;
    height: 16px;
  }

  .hunt-prize-card {
    flex: none;
    width: 70vw;
    height: 50vw;
  }

  .hunt-prize-card.notch24 {
    width: 70vw;
    height: 50vw;
  }

  .hunt-prize-card.notch16 {
    width: 70vw;
  }

  .hunt-prize-image.notch16 {
    overflow: hidden;
  }

  .hunt-prize-name {
    font-size: 12px;
  }

  .hunt-timeline-wrapper {
    margin-top: 0;
  }

  .timeline-marker {
    align-self: flex-start;
    top: 10px;
    left: 16px;
  }

  .timeline-bar-outer {
    z-index: 1;
    align-self: flex-start;
    margin-top: 15vh;
    left: 25px;
  }

  .timeline-bar-outer.roadmap {
    margin-top: 5vh;
  }

  .hunt-card-scroll {
    z-index: 1;
    width: 97vw;
    margin-left: 0;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    left: auto;
  }

  .back-to-top {
    z-index: 99999;
    width: 48px;
    height: 48px;
  }

  .month-hero-heading {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .h2 {
    font-size: 24px;
  }

  .h2.hunt-schedule {
    letter-spacing: 0;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    font-size: 14vw;
  }

  .h2.month-heading {
    text-align: left;
    width: 90%;
    font-size: 10vw;
  }

  .hunt-card-scroll-wrapper {
    width: 100%;
    margin-left: 0;
  }

  .current-price-label {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
  }

  .current-price-label.no-margin {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 32px;
  }

  .current-price-label.small {
    margin-top: 0;
    margin-bottom: 0;
  }

  .current-price-block {
    flex-flow: row;
    order: -1;
    justify-content: space-between;
    align-self: stretch;
    align-items: center;
  }

  .point-wrap.notch8 {
    padding-left: 0;
    padding-right: 0;
  }

  .bullet-text {
    align-self: center;
    font-size: 12px;
  }

  .reserve-cta {
    font-size: 12px;
  }

  .reserve-cta.notch12 {
    flex: 1;
  }

  .reserve-cta.watch-trailer {
    flex: 1;
    display: flex;
  }

  .crypto-popup-heading-copy {
    font-size: 36px;
  }

  .xdroids-section-heading {
    margin-bottom: 20px;
    font-size: 24px;
  }

  .faze-title {
    padding-top: 8px;
  }

  .background-video-14 {
    width: 100dvw;
    height: 100dvw;
  }

  .tesla-bg {
    width: 200vw;
    max-width: none;
  }

  .tesla-bg.am {
    width: 160vw;
    margin-top: 40px;
  }

  .tesla-bg.am.notch32 {
    width: 200vw;
  }

  .roadmaphero-sub-text {
    width: 90vw;
    font-size: 13px;
    line-height: 140%;
  }

  .roadmaphero-sub-text.update {
    font-size: 12px;
  }

  .roadmaphero-sub-text.x-team {
    width: 90%;
    font-size: 12px;
  }

  .roadmap-item-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    min-height: 60vh;
    padding-top: 10px;
    padding-left: 50px;
  }

  .roadmap-item-detail-text {
    width: auto;
  }

  .roadmap-item-heading {
    width: auto;
    margin-bottom: 8px;
    font-size: 20px;
  }

  .roadmap-block-image {
    padding: 0% 0% 0% 7%;
  }

  .gallax-hero {
    background-position: 50% 10vh;
    background-size: 90vw;
    min-height: auto;
  }

  .gallax-hero-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-end;
    align-items: center;
    margin-top: 38vh;
    padding-bottom: 5%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .gallax-hero-h1 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18vw;
  }

  .text-span-10 {
    -webkit-text-stroke-width: .5px;
  }

  .gallax-hero-subheading {
    text-align: center;
    font-size: 20px;
  }

  .video-wrapper {
    background-color: #000;
    height: 100dvh;
    display: none;
    overflow: hidden;
  }

  .coin-shader {
    background-image: linear-gradient(#0000 80%, #000000d1 98%, #000);
  }

  .bottom-coins {
    width: 40rem;
    height: auto;
  }

  .image-4 {
    height: 14rem;
  }

  .video-shader {
    background-image: radial-gradient(circle, #0000 15%, #000000d1 34%, #000 36%);
  }

  .coin-video-2 {
    width: 100%;
  }

  .gallax-hero-buttons {
    flex-flow: column;
    width: 100%;
  }

  .social-buttons {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    align-self: center;
    align-items: center;
    width: 100%;
  }

  .social-buttons.left {
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
  }

  .link-block-12 {
    flex: 0 auto;
    min-height: 32px;
  }

  .link-block-12.x {
    justify-content: flex-start;
    align-self: stretch;
    align-items: center;
  }

  .gallax-social-text {
    text-align: center;
    flex: 1;
    font-size: 10px;
  }

  .image-89.x {
    width: auto;
    height: 20px;
  }

  .gallax-section {
    justify-content: center;
    align-items: center;
    min-height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .gallax-section._100vh {
    min-height: auto;
    padding-bottom: 40px;
  }

  .gallax-section-container {
    flex-flow: column;
  }

  .gallax-section-left {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: center;
  }

  .gallax-section-right.no-padding {
    padding: 20px;
  }

  .gallax-h2 {
    font-size: 11vw;
  }

  .image-90 {
    width: 30px;
  }

  .image-padding {
    padding-right: 0;
  }

  .paragraph-gallax {
    font-size: 12px;
  }

  .photo-wrapper {
    height: 48px;
  }

  .james-face-button {
    width: 64px;
    height: 64px;
    transform: translate(0, 7px);
  }

  .div-block-54 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .completed {
    margin-bottom: 24px;
    padding-bottom: 0;
    display: flex;
  }

  .completed-text {
    width: auto;
    margin-bottom: 8px;
    font-size: 14px;
  }

  .div-block-55 {
    border-radius: 3px;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    display: flex;
    overflow: hidden;
  }

  .video-block-founder {
    z-index: 500;
    background-color: var(--black);
    width: 100dvw;
    height: 100dvh;
    display: flex;
    position: absolute;
    overflow: visible;
  }

  .close-button {
    inset: 0% 0% auto auto;
  }

  .video-5 {
    object-fit: contain;
    width: 100dvw;
    padding-bottom: 0;
  }

  .james-video-popup {
    z-index: 10220;
    background-color: var(--black-80);
    flex-flow: column;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .james-founder-video {
    width: 90%;
  }

  .james-founder-video.hide-mobile {
    display: none;
  }

  .article-header {
    aspect-ratio: 1.3;
    object-fit: fill;
    background-position: 0 0, 50% -4%;
    background-size: auto, 120%;
    min-height: 40vh;
    position: relative;
  }

  .article-text {
    max-width: 100%;
  }

  .article-text h1 {
    font-family: Orbitron, sans-serif;
    font-size: 32px;
  }

  .article-text h2 {
    font-size: 24px;
  }

  .article-text h3 {
    font-size: 16px;
  }

  .article-details {
    background-image: linear-gradient(#0000, #000 60%);
    flex-flow: wrap;
    padding-top: 10px;
    padding-bottom: 10px;
    position: static;
  }

  .article-detail-block.hide-mobile {
    display: none;
  }

  .author-image {
    width: 32px;
  }

  .article-detail-value {
    font-size: 9px;
  }

  .article-text-details {
    flex-flow: wrap;
  }

  .article-icons {
    width: auto;
    display: none;
    position: absolute;
    inset: 20% 20px auto auto;
  }

  .heading-1.article-heading {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    line-height: 100%;
  }

  .article-header-image {
    height: 100%;
  }

  .article-header-iage-wrap {
    height: 40vh;
  }

  .collage-video-wrapper {
    height: 100%;
    position: sticky;
    top: 0;
  }

  .image-91 {
    object-fit: fill;
    border-radius: 24px;
    overflow: hidden;
  }

  .big-number {
    font-size: 16vw;
  }

  .security-image.large {
    max-width: 160%;
  }

  .stack-row, .stack-row.max-width {
    flex-flow: column;
  }

  .creator-streamer-image.large {
    max-width: 160%;
  }

  .bullet-block {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    flex: none;
  }

  .image-92 {
    height: 12px;
  }

  .creator-bullet-text {
    align-self: center;
    font-size: 12px;
  }

  .creator-bullet-text.left {
    margin: 0;
    padding: 0;
    font-size: 11px;
  }

  .brands-row {
    flex-flow: column;
  }

  .image-95 {
    height: 32px;
  }

  .image-96 {
    height: 24px;
  }

  .x-team-image.large {
    max-width: 160%;
  }

  .socials-row {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
  }

  .social-block {
    flex: 1;
    padding: 2px 4px;
  }

  .text-block-24 {
    font-size: 12px;
  }

  .image-98 {
    width: 18px;
  }

  .image-98.yt {
    width: 19px;
  }

  .image-98.x {
    width: 16px;
  }

  .x-team-small-section {
    height: auto;
  }

  .x-team-small-section._50vh {
    height: 50vh;
    padding-left: 24px;
    padding-right: 24px;
  }

  .div-block-56 {
    width: auto;
  }

  .div-block-56-copy {
    width: auto;
    padding: 24px 24px 60px;
  }

  .div-block-60 {
    padding: 16px;
  }

  .heading-31 {
    font-size: 20px;
  }

  .video-slideshow {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 140px;
  }

  .video-slideshow.nonpanda {
    margin-top: 0;
  }

  .video-slideshow-title {
    font-size: 6vw;
  }

  .video-block {
    width: 100%;
  }

  .views-block {
    flex: 1;
    padding: 2px 4px;
  }

  .eye-icon {
    width: 18px;
  }

  .eye-icon.yt {
    width: 28px;
  }

  .view-text {
    font-size: 12px;
  }

  .videos-wrap {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
  }

  .youtube-short {
    width: 100%;
  }

  .gamers-wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
  }

  .gamer-wrap {
    width: 80px;
    padding: 0;
  }

  .gamer-wrap:hover {
    background-color: #fff0;
    border-style: none;
    transform: none;
  }

  .gamer-tag, .fans {
    font-size: 12px;
  }

  .fans-icon {
    width: 16px;
    display: none;
  }

  .nda-block {
    z-index: 99999;
    background-color: #0009;
    position: fixed;
    top: 8vh;
    left: 10px;
  }

  .nda-text {
    font-size: 10px;
  }

  .lock-icon {
    align-self: center;
    width: 12px;
  }

  .social-dropdown-block {
    flex: 1;
    padding: 2px 4px;
  }

  .social-dropdown-list {
    display: none;
    position: absolute;
  }

  .million-text {
    letter-spacing: 0;
    margin-bottom: 4px;
    font-size: 14vw;
  }

  .million-text.small {
    letter-spacing: 0;
    font-size: 13vw;
  }
}

#w-node-b8d2ab2e-0ebf-9355-789f-be233591d7bf-3591d7a5, #w-node-_9a0cb589-a6c0-b8e0-ee75-f9ac4fb074cf-30fd76bc, #w-node-b71a097b-813d-5cfc-83ed-80f0f7ed9135-30fd76bc, #w-node-_9dc02f1a-dd7d-c887-6a04-7495e0760054-30fd76bc {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ec36da3-5f2c-70f6-8877-8b3d570c43b8-570c43b8 {
  justify-self: stretch;
}

#w-node-_4242074c-b3c9-a529-a5f9-865d55f7921a-b3a11465, #w-node-_93a2df94-97cc-aab3-1d87-18d1629ec084-b3a11465, #w-node-bb04c2b8-3776-76e5-68fc-3ad2847d7b73-b3a11465, #w-node-_5c60daac-9bf5-b21c-b5ee-d870cadf70e5-b3a11465, #w-node-_19bfdd22-e135-37e1-a445-683e7438c889-b3a11465, #w-node-_0fb818c3-6204-7abf-2df4-a99550097e46-b3a11465, #w-node-_62880b95-037e-f4bf-4aa6-50a022b9de30-b3a11465, #w-node-_4570360d-b9fb-7601-db97-86cccd997c4b-b3a11465, #w-node-b9060050-7246-f9a7-2fc8-1d1e7b41a60d-b3a11465, #w-node-_118905f6-43e5-3fe5-89cd-2118c50d0e66-b3a11465 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-_0fb818c3-6204-7abf-2df4-a99550097e46-b3a11465 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}