@charset "UTF-8";

/* Fonts  */

@font-face {
	font-family: 'Helvetica Neue LT Pro Ex';
	src: url('../fonts/helvetica-neue-lt-pro/extra.woff2') format('woff2'), url('../fonts/helvetica-neue-lt-pro/extra.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue LT Pro MdEx';
	src: url('../fonts/helvetica-neue-lt-pro/medium-extra.woff2') format('woff2'),
		url('../fonts/helvetica-neue-lt-pro/medium-extra.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Helvetica Neue LT Pro';
	src: url('../fonts/helvetica-neue-lt-pro/roman.woff2') format('woff2'), url('../fonts/helvetica-neue-lt-pro/roman.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon/font.woff2') format('woff2'), url('../fonts/icomoon/font.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

/* Iconmoon  */

[class^='icon-'],
[class*=' icon-'] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-line:before {
	content: '\e903';
}
.icon-cross:before {
	content: '\e902';
}
.icon-settings:before {
	content: '\e901';
}
.icon-arrow:before {
	content: '\e900';
}

/* Mains styles */

html,
body {
	height: 100%;
}
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
ul {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background-color: #140024;
	font-family: 'Helvetica Neue LT Pro', sans-serif;
	font-size: 13px;
	color: #fff;
}
body ::selection {
	background: #e019f9;
	color: #fff;
}
body ::-moz-selection {
	background: #e019f9;
	color: #fff;
}
section,
.global {
	position: relative;
	width: 100%;
	z-index: 1;
	overflow: hidden;
	padding-left: 150px;
	padding-right: 150px;
}
.contentContainer {
	position: relative;
	z-index: 1;
	width: 100%;
	height: auto;
	max-width: 1460px;
	margin: 0 auto;
}

.container-wrapper {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
}
*,
*:before,
*:after {
	box-sizing: border-box;
}
nav ul,
nav li {
	margin: 0;
	list-style: none;
	list-style-image: none;
}
li {
	break-inside: avoid;
}
a,
a:active,
a:visited {
	text-decoration: none;
}
fieldset {
	padding: 0;
	margin: 0;
	border: none;
}
input {
	padding: 0;
	box-sizing: border-box;
}
input:focus,
textarea:focus,
select:focus {
	outline: none;
}
input[type='submit']::-moz-focus-inner,
[type='button']::-moz-focus-inner {
	padding: 0;
	border: 0;
	margin-top: -4px;
}
textarea {
	resize: none;
}
:focus {
	outline: none;
}
button:focus {
	outline: 0;
}
button,
input {
	border: none;
	background: none;
}
button {
	cursor: pointer;
}
.vline-div {
	padding: 0 5px;
}
.sidepad {
	padding-left: 50px;
	padding-right: 50px;
}
.sidepadM {
	padding-left: 25px;
	padding-right: 25px;
}
.nopad {
	padding-left: 0px;
	padding-right: 0px;
}
.break {
	display: block;
	width: 0;
	height: 0px;
	flex-basis: 100%;
}
.abs-fill {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.absr {
	position: absolute;
	right: 0;
	top: 0;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
}
.bgcover {
	background: center center no-repeat;
	background-size: cover;
}
.inline-c {
	display: inline-block;
	vertical-align: middle;
}
.inline-t {
	display: inline-block;
	vertical-align: top;
}
.noshrink {
	flex-shrink: 0;
}
.allowgrow {
	flex-grow: 1;
}
.no-breakout {
	overflow-wrap: break-word;
	word-wrap: break-word;
	word-break: break-word;
}
.boost-accel {
	transform: translateZ(0);
}

.div-scroll {
	overflow-y: scroll;
}
.spacer {
	width: 100%;
	height: auto;
	display: block;
}
.filler {
	visibility: hidden;
}
.mob {
	display: none;
}
.col {
	position: relative;
}
.row {
	width: 100%;
	position: relative;
}
.upc {
	text-transform: uppercase;
}

.rotate-text {
	position: absolute;
	transform: translateX(-50%) translateY(-50%) rotate(-90deg);
	top: 50%;
	left: 50%;
}
.spaced {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}
.spaced-c {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
}
.spaced-t {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: stretch;
}
.showflex {
	display: flex;
}
.overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	opacity: 0;
	z-index: 100000;
	padding: 0 !important;
}
.blanket {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.85;
	z-index: 1;
}
.overlay-wrap {
	width: 100%;
	height: 100%;
	position: fixed;
	padding: 0px 150px;
	overflow-x: hidden;
	overflow-y: scroll;
	z-index: 30;
}
.overlay-wrap .contentContainer {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	height: auto;
	min-height: 100%;
}
.gridline {
	width: 1px;
	height: 100%;
	position: fixed;
	left: 50%;
	top: 0px;
	z-index: 100;
	background-color: yellow;
	opacity: 0.2;
	display: none;
}
.gridline.l {
	left: 50px;
}
.gridline.r {
	left: auto;
	right: 50px;
}
.gridline.ml {
	margin-left: -600px;
}
.gridline.mr {
	margin-left: 600px;
}

.part {
	position: absolute;
	left: 0;
	top: 0;
}
.part img {
	width: 100%;
	height: auto;
	display: block;
}
.part-wrap {
	position: absolute;
	overflow: hidden;
}
.sized img {
	width: 100%;
	height: auto;
	display: block;
}
.bg-wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
}
.background {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.background .base img {
	width: 100%;
	height: auto;
	display: block;
}
.background .layer {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.background .layer img {
	width: 100%;
	height: auto;
	display: block;
}
.background.cn {
	left: 50%;
}
/*
.animResize{.transition(all, .5s, ease-in-out);}
section, .global, .logo, header.header .main{.animResize;}
*/
/* FUNCTIONS */
/*! - GLOBAL ***************************** */
/*! - GLOBAL: 0 REUSE */
section h2,
.global h2 {
	color: #e019f9;
	margin-bottom: 18px;
}
section h2,
.global h2,
section h3,
.global h3 {
	font: 400 18px/1 'Helvetica Neue LT Pro Ex', sans-serif;
}
section p,
.global p {
	font-size: 16px;
	line-height: 1.875;
}
section p + p,
.global p + p {
	margin-top: 25px;
}
section a,
.global a {
	color: #e019f9;
}

.cta-btn {
	font-size: 15px;
	min-width: 130px;
	height: 35px;
	padding: 15px 20px;
	color: #fece02;
	border: 1px solid #fece02;
	border-radius: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	transition: all 0.3s linear;
}
.cta-btn span {
	margin-top: 4px;
}
.cta-btn.large {
	background-color: #fece02;
	border: none;
	color: #140024;
	text-transform: uppercase;
	font: 400 12px/1 'Helvetica Neue LT Pro MdEx', sans-serif;
	letter-spacing: 1.29px;
	height: 50px;
	padding: 0 20px;
}
.cta-btn.connect {
	background-color: #fece02;
	border: none;
	color: #140024;
	text-transform: uppercase;
	font: 400 12px/1 'Helvetica Neue LT Pro MdEx', sans-serif;
	letter-spacing: 1.29px;
	height: 50px;
	padding: 0 20px;
	position: absolute;
	right: 45px;
	top: -5px;
}

.cta-btn.danger {
	color: #ff1744;
	border: 1px solid #ff1744;
}

.cta-btn.danger:hover {
	background-color: #ff1744;
}
.cta-btn.hasIcon .cta-icon {
	width: 23px;
	height: 23px;
	object-fit: contain;
}
.wallet-inner button.connect-button {
	/*padding-top: 20px;
	padding-bottom: 20px;
	*/
	padding:10px;
	display: flex;
	align-items: center;
	margin-top: 50px;
	height: 50px;
	line-height: 1;
}
a.hasArrow,
button.hasArrow {
	font-size: 15px;
	color: #fece02;
	position: relative;
	padding-left: 25px;
}
a.hasArrow .icon-arrow,
button.hasArrow .icon-arrow {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	color: #fece02;
}
a.hasArrow .txt,
button.hasArrow .txt {
	border-bottom: 1px solid #fece02;
}
.close-btn {
	z-index: 5;
}
.close-btn .icon-cross {
	font-size: 14px;
	color: #fece02;
	transform: translateZ(0);
}
.module {
	border: 1px solid #e019f9;
	border-radius: 13px;
	background-color: #1c0032;
	overflow: hidden;
}
.module p.lrg {
	font: 400 60px/1 'Helvetica Neue LT Pro Ex', sans-serif;
}
.module p.lrg + p.sm {
	margin-top: 0px;
}
.module p.sm {
	font: 400 11px/1 'Helvetica Neue LT Pro MdEx', sans-serif;
	letter-spacing: 1.18px;
	text-transform: uppercase;
}
.module .row + .row {
	border-top: 1px solid rgba(224, 25, 249, 0.25);
}
.module .col + .col {
	border-left: 1px solid rgba(224, 25, 249, 0.25);
}
.modules-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: start;
	/* ! NOTE: Hardcoded */
	min-height: 800px;
}
.modules-grid .module-thumb {
	width: 32%;
	max-width: 452px;
}
.modules-grid .module-thumb:nth-child(n + 4) {
	margin-top: 3.5%;
}
.module-thumb {
	width: 452px;
	max-width: 452px;
	height: auto;
	min-height: 465px;
	padding-top: 248px;
	position: relative;
	background: center center no-repeat;
	background-size: cover;
}
.module-thumb .mod-logo {
	position: absolute;
	left: 0;
	top: 0;
	height: 84px;
	padding: 0px 30px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: stretch;
	border-bottom-right-radius: 15px;
	background: rgba(28, 0, 50, 0.35) url('../images/icons/module-gradient2.svg') right -210px top -263px no-repeat;
}
.module-thumb .mod-status {
	position: absolute;
	right: 0;
	top: 0;
	height: 84px;
	padding: 0px 62px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: stretch;
}
.module-thumb .mod-details {
	width: calc(100% + 2px);
	position: relative;
	left: -1px;
	top: 1px;
	border: 1px solid rgba(224, 25, 249, 0.85);
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
	transform: translateZ(0);
	background: rgba(28, 0, 50, 0.85) url('../images/icons/module-gradient2.svg') right -210px top -254px no-repeat;
	background-size: 500px auto;
}
.module-thumb .mod-actions {
	width: calc(100% + 2px);
	position: relative;
	left: -1px;
	top: 1px;
	transform: translateZ(0);
	background: rgba(28, 0, 50, 0.85);
	background-size: 500px auto;
}
.module-thumb .mod-btn-mobile {
	display: none;
	position: absolute;
	right: 16px;
	top: 20px;
}
.module-thumb .mod-btn-mobile .icon-arrow {
	font-size: 18px;
	color: #fece02;
}
.module-thumb .row.data {
	padding: 25px 28px 22px;
}
.module-thumb .row.data h3 {
	margin-bottom: 16px;
}
.module-thumb .row.data .cta-btn {
	min-width: 72px;
	padding: 10px 15px;
}
.module-thumb .row.logos {
	height: 84px;
}
.module-thumb .row.logos .col {
	width: 50%;
	height: 84px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
}
.module-thumb.filler {
	min-height: 0;
	height: 0;
	margin: 0 !important;
	padding: 0;
	border: none;
}
.data-cols {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: stretch;
	justify-content: flex-start;
}
.data-cols .table {
	width: 100%;
	background-color: rgba(28, 0, 50, 0.6);
	border-radius: 0.7em;
	padding: 5px 10px;
}
.data-cols .table td:nth-child((1)) {
	width: 40%;
}
.data-cols .table td:nth-child((2)) {
	width: 60%;
}
.data-cols .col {
	display: inline-block;
}
.data-cols .col + .col {
	padding-left: 15px;
}
.data-cols .col:nth-child(1) {
	width: 25%;
	max-width: 70px;
}
.data-cols .col:nth-child(2) {
	width: 25%;
	max-width: 82px;
}
.data-cols .col:nth-child(3) {
	width: 25%;
}
.data-cols .col:nth-child(4) {
	width: 25%;
	flex-grow: 1;
	text-align: right;
	border: none;
}
.data-cols p {
	font-size: 13px;
	line-height: auto;
}
.data-cols p.title {
	color: #fece029c;
}
.data-cols p + p {
	margin-top: 0px;
}
.slide-controls .arrow-btn {
	width: 15px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
}
.slide-controls .arrow-btn.off {
	pointer-events: none;
}
.slide-controls .arrow-btn .icon-arrow {
	color: #fece02;
	font-size: 17px;
}
.slide-controls .arrow-btn + .arrow-btn {
	margin-left: 14px;
}
.slide-controls .arrow-btn.left {
	transform: scaleX(-1);
}
.gradient-wrapper {
	position: relative;
	background-color: #140024;
	min-height: 100%;
}
.bg-gradient {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	/* background: @black url('../images/bg-gradient.svg') center bottom no-repeat; background-size: 1770px auto; */
}
.bg-gradient .bg-glow {
	width: 1770px;
	height: 870px;
	position: absolute;
	left: 50%;
	margin-left: -885px;
	bottom: 0px;
	animation: glowAnim infinite 3s ease-in-out;
	animation-fill-mode: forwards;
}
.overlay-wrap {
	padding-top: 50px;
	padding-bottom: 50px;
}
.overlay-wrap .overlay-modal {
	width: 100%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 67px;
	padding-bottom: 80px;
	position: relative;
	/* background-color: #000; */
}
.overlay-wrap .close-btn {
	position: absolute;
	right: 40px;
	top: 42px;
	cursor: pointer;
}
p.allow-break {
	word-break: break-all;
}

/*! - GLOBAL: 2 HEADER */
header.header {
	position: relative;
	width: 100%;
	padding-top: 46px;
	overflow: visible;
	z-index: 20;
}
header.header .contentContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	margin-bottom: 15px;
}
header.header .logo {
	position: absolute;
	left: 0;
	top: 0;
	width: 64px;
	top: -13px;
	left: -120px;
}
header.header .main li {
	display: inline-block;
	vertical-align: top;
	text-align: center;
}
header.header .main li + li {
	margin-left: 12px;
}
header.header .main a {
	font-size: 15px;
	min-width: 130px;
	height: 35px;
	padding: 8px 15px 0px;
	border-radius: 35px;
	display: inline-block;
	text-align: center;
	border: 1px solid rgba(224, 25, 249, 0.25);
	color: #e019f9;
	font-weight:bolder
}

header.header .main a.arcade {
	color: #1c0032;
    border-color: #fece02;
    background-color: #fece02;
}

header.header .main li[disabled] {
	cursor: not-allowed;
}

header.header .main li[disabled] a {
	pointer-events: none;
	opacity: 0.5;
}

header.header .main a.large {
	background-color: #fece02;
	border: none;
	color: #140024;
	text-transform: uppercase;
	font: 400 12px/1 'Helvetica Neue LT Pro MdEx', sans-serif;
	letter-spacing: 1.29px;
	padding: 32px 25px 0px;
	height: 70px;
}
header.header .main a.hasIcon {
	padding-left: 72px;
	position: relative;
}
header.header .main a.hasIcon .cta-icon {
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
}
header.header .main a.active {
	border-color: #fece02;
	color: #fece02;
}
header.header .db-balance {
	padding-right: 44px;
	/* margin-top: 15px; */
	/* position: relative; */
}
header.header .db-balance p {
	font-size: 13px;
	color: #fff;
	display: flex;
	gap: 8px;
	align-items: flex-end;
}
header.header .db-balance .light {
	opacity: 0.3;
	display: inline-block;
	/* margin-right: 5px; */
}
header.header .db-balance .wallet-btn {
	position: absolute;
	right: 0px;
	top: 5px;
	width: 26px;
}
.wallet-icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 26px;
	height: 26px;
	background-color: #fece02;
}
.wallet-icon .notch {
	position: absolute;
	right: 4px;
	top: 9px;
	width: 8px;
	height: 8px;
	border-radius: 5px 0px 0px 5px;
	background-color: #140024;
	transition: all 0.3s ease;
}

.is-aside-open.wallet-btn .wallet-icon .notch {
	width: 18px;
}

/*! - GLOBAL: 3 WALLET */
#wallet {
	position: fixed;
	top: 0px;
	right: 0px;
	width: 375px;
	height: 100%;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 231;
	overflow: visible;
	transform: translateX(100%);
}

#wallet:before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	box-shadow: -8px 0 6px -1px rgba(20, 0, 36, 0.49);
	opacity: 0;
	transition: opacity 0.3s linear;
}
#wallet.open:before {
	opacity: 1;
}
#wallet .wallet-inner {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	border-left: 1px solid #e019f9;
	background-color: #140024;
	overflow-y: scroll;
	-ms-overflow-style: none; /* for Internet Explorer, Edge */
	scrollbar-width: none; /* for Firefox */
}

#wallet .wallet-inner::-webkit-scrollbar {
	display: none; /* for Chrome, Safari, and Opera */
}

#wallet .bg-glow {
	width: 100%; /*371px;*/
	height: 100%; /*375px;*/
	position: absolute;
	left: 0;
	top: 0;
}
#wallet h2 {
	color: #fff;
	margin-bottom: 25px;
}
#wallet .cta-btn + .wallet-group {
	margin-top: 30px;
}
#wallet .settings-btn {
	position: absolute;
	z-index: 2;
	right: 15px;
	top: 12px;
	width: 37px;
	height: 37px;
	border-radius: 37px;
	border: 1px solid #e019f9;
	/* background-color: @black; */
	cursor: pointer;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	transition: border-color 0.3s linear;
}
#wallet .settings-btn .btn-icon {
	font-size: 15px;
	color: #e019f9;
	transition: color 0.3s linear;
}
#wallet .settings-btn .settings-subnav {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-top: 52px;
	list-style: none;
	text-align: right;
	width: 140px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s linear;
}
#wallet .settings-btn .settings-subnav li + li {
	margin-top: 9px;
}
#wallet .settings-btn .settings-subnav a,
#wallet .settings-btn .settings-subnav button {
	padding: 0;
	font-size: 15px;
	color: #fece02;
	border-bottom: 1px solid #fece02;
}
#wallet .settings-btn.open {
	border-color: #fece02;
}
#wallet .settings-btn.open .btn-icon {
	color: #fece02;
}
#wallet .settings-btn.open .settings-subnav {
	visibility: visible;
	opacity: 1;
}
#wallet .close-btn {
	position: absolute;
	z-index: 0;
	left: -36px;
	top: 34px;
	width: 36px;
	height: 50px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	background-color: #140024;
	border: 1px solid #e019f9;
	border-right: none;
	border-radius: 13px 0 0 13px;
	cursor: pointer;
	transform: translateX(100%);
}
/* padding: 52px 45px;*/
#wallet .section {
	padding: 32px 36px;
	position: relative;
}
#wallet .section + .section {
	border-top: 1px solid rgba(224, 25, 249, 0.25);
}
#wallet .wallet-group h4 {
	color: #fece02; /*#a234c0;*/
	font-weight: normal;
	margin-bottom: 25px;
}
#wallet .wallet-group p.lrg {
	color: #fff;
	font: 400 26px/1 'Helvetica Neue LT Pro Ex', sans-serif;
	margin-bottom: -4px;
}
#wallet .wallet-group p.sm {
	font: 400 11px/1 'Helvetica Neue LT Pro MdEx', sans-serif;
	letter-spacing: 1.18px;
	text-transform: uppercase;
	color: #a234c0;
	margin-top: 0;
}
#wallet .wallet-group .row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	align-content: stretch;
}
#wallet .wallet-group .row.cta {
	margin-top: 14px;
}
#wallet .wallet-group + .wallet-group {
	margin-top: 17px;
	padding-top: 27px;
	border-top: 1px solid rgba(224, 25, 249, 0.25);
}
#wallet .wallet-group + .wallet-group.cta {
	padding-top: 35px;
}
/*! - GLOBAL: 4 MOBILE MENU */
#globalMenu {
	position: absolute;
	top: 5px;
	
	left: 0;
	width: 100%;
	z-index: 30;
	overflow: visible;
	display: none;
}
#globalMenu .menu-btn {
	width: 40px;
	height: 25px;
	position: absolute;
	right: 32px;
	top: 25px;
	cursor: pointer;
	z-index: 5;
	transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalMenu .menu-line {
	width: 25px;
	height: 25px;
	position: absolute;
	left: 50%;
	margin-left: -12px;
	top: 50%;
	margin-top: -12px;
	transition: all 0.5s cubic-bezier(0.5, 0, 0.5, 1);
}
#globalMenu .menu-line .icon-line {
	font-size: 25px;
	color: #e019f9;
}
#globalMenu .menu-line.top {
	transform: translateX(-5px);
	transform-origin: right bottom;
}
#globalMenu .menu-line.bot {
	transform: translateX(15px);
}
#globalMenu .menu-line .pixel {
	position: absolute;
	left: 0;
	top: 0;
	width: 5px;
	height: 5px;
	background-color: #e019f9;
	transition: transform 0.4s steps(5, end);
}
#globalMenu .menu-line .pixel:nth-child(2) {
	left: 5px;
	top: 5px;
}
#globalMenu .menu-line .pixel:nth-child(3) {
	left: 10px;
	top: 10px;
}
#globalMenu .menu-line .pixel:nth-child(4) {
	left: 15px;
	top: 15px;
}
#globalMenu .menu-line .pixel:nth-child(5) {
	left: 20px;
	top: 20px;
}
#globalMenu .logo {
	position: absolute;
	width: 46px;
	top: 13px;
	left: 25px;
	z-index: 5;
}
#globalMenu.expanded {
	width: 100%;
	height: 100%;
}
#globalMenu.expanded .menu-wrap {
	display: block;
}
#globalMenu.open .menu-line.top .pixel:nth-child(1) {
	transform: translateX(40px);
}
#globalMenu.open .menu-line.top .pixel:nth-child(2) {
	transform: translateX(30px);
}
#globalMenu.open .menu-line.top .pixel:nth-child(3) {
	transform: translateX(20px);
}
#globalMenu.open .menu-line.top .pixel:nth-child(4) {
	transform: translateX(10px);
}
#globalMenu .menu-wrap {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateZ(0);
	z-index: 1;
	opacity: 0;
	display: none;
}
#globalMenu .wallet-btn {
	position: absolute;
	right: 108px;
	top: 25px;
}

#globalMenu .menu-contents {
	padding: 90px 25px 38px;
	width: 100%;
	min-height: 100%;
	position: relative;
	overflow: hidden;
	text-align: left;
	background-color: #140024;
}
#globalMenu .menu-contents .bg-glow {
	width: 1770px;
	height: 870px;
	position: absolute;
	left: 50%;
	margin-left: -885px;
	bottom: 0px;
	z-index: 0;
}
#globalMenu .menu-contents .main {
	position: relative;
}
#globalMenu .menu-contents .main a {
	display: block;
	font: 400 26px/1 'Helvetica Neue LT Pro Ex', sans-serif;
	color: #fff;
	text-align: center;
	padding: 30px 25px 25px;
	border-radius: 42px;
	border: 1px solid #e019f9;
}
#globalMenu .menu-contents .main btn {
	display: block;
	font: 400 26px/1 'Helvetica Neue LT Pro Ex', sans-serif;
	color: #fff;
	text-align: center;
	padding: 30px 25px 25px;
	border-radius: 42px;
	border: 1px solid #e019f9;
}
#globalMenu .menu-contents .main li {
	width: 100%;
}
#globalMenu .menu-contents .main li + li {
	margin-top: 16px;
}
#globalMenu .menu-scroller {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow-y: scroll;
}
/*! - PAGE ***************************** */
/*! - PAGE: 0 DASHBOARD -> 0 MAIN */
#dashboard {
	padding-top: 50px;
	padding-bottom: 50px;
}
#dashboard .section.top {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}
#dashboard .section.top > .col {
	border: none;
}
#dashboard .section.top > .col.left {
	width: 57%;
	max-width: 830px;
}
#dashboard .section.top > .col.right {
	width: 40%;
	max-width: 582px;
}
#dashboard .section.top > .col.missions .module {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: nowrap;
}
#dashboard .section.top > .col.missions .title {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
}
#dashboard .section.top > .col.missions .col[data-num='1'] {
	color: #2591ff;
}
#dashboard .section.top > .col.missions .col[data-num='2'] {
	color: #00dde1;
}
#dashboard .section.top > .col.missions .col[data-num='3'] {
	color: #fece02;
}
#dashboard .section.top .module {
	overflow: hidden;
	position: relative;
	transform: translateZ(0);
}
#dashboard .section.top .module .bg-glow {
	width: 400px;
	height: 400px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	animation: glowAnim infinite 3s ease-in-out;
	animation-fill-mode: forwards;
}
#dashboard .section.top .module .row {
	width: 100%;
}
#dashboard .section.top .module .col {
	width: 33.4%;
}
#dashboard .section.top .title {
	padding: 25px 20px 20px;
	height: 60px;
}
#dashboard .section.top .title .icon {
	margin-top: -5px;
}
#dashboard .section.top .amount {
	padding: 50px 21px 10px;
}
#dashboard .section.top .coin {
	/*width: 150px; */
	width: 90px;
	height: 90px;
	overflow: hidden;
	position: absolute;
	right: 10px;
	bottom: 12px;
}
#dashboard .section.top .coin .sprite {
	width: 8190px;
	height: auto;
	animation: coinAnim infinite 3s steps(91);
	animation-fill-mode: forwards;
}
#dashboard .section.bot {
	margin-top: 55px;
}
#dashboard .section.bot header > * {
	display: inline-block;
	vertical-align: top;
}
#dashboard .slide-controls {
	margin-left: 42px;
	margin-top: -3px;
}
#dashboard .mod-slider {
	position: relative;
	min-height: 465px;
	/* width: 1970px; */
}
#dashboard .mod-slider .mod-slides {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: nowrap;
	/* width: 1970px; */
}
.mod-slider .swiper {
	overflow: visible;
}
#dashboard .mod-slider .mod-slide {
	height: 465px;
}
#dashboard .load-more {
	/* display: none; */
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
#dashboard .load-more .cta-btn {
	min-width: 0;
}
@-moz-keyframes glowAnim {
	0% {
		opacity: 0.6;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.6;
	}
}
@-webkit-keyframes glowAnim {
	0% {
		opacity: 0.6;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.6;
	}
}
@keyframes glowAnim {
	0% {
		opacity: 0.6;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 0.6;
	}
}
.glower {
	animation: glowAnim infinite 3s ease-in-out;
	animation-fill-mode: forwards;
}
@-moz-keyframes coinAnim {
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(-8190px);
	}
}
@-webkit-keyframes coinAnim {
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(-8190px);
	}
}
@keyframes coinAnim {
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(-8190px);
	}
}
.coin-spin {
	animation: coinAnim infinite 3s steps(91);
	animation-fill-mode: forwards;
}
/*! - PAGE: 1 MISSION POOLS -> 0 MAIN */
#mission-pools {
	padding-top: 20px;
	padding-bottom: 90px;
}
/*! - PAGE: 2 MISSION POOL DETAIL -> 0 MAIN */
#mission-pool-detail {
	display: flex;
	min-height: 600px;
	margin-top: 40px;
	border-top: 1px solid #2d1b3b;
	padding-top: 63px;
	padding-bottom: 100px;
}

#mission-pool-detail #loader {
	top: 50%;
}
#mission-pool-detail .main .col.left {
	width: 47.5%;
	max-width: 635px;
}
#mission-pool-detail .main .col.right {
	width: 50%;
	max-width: 720px;
}
#mission-pool-detail .back-btn .icon-arrow {
	font-size: 16px;
	transform: scaleX(-1);
	color: #e019f9;
}
#mission-pool-detail .mod-logo {
	margin: 36px 0 20px;
}
#mission-pool-detail h2 {
	margin-bottom: 27px;
}
#mission-pool-detail .module {
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	transform: translateZ(0);
}
#mission-pool-detail .module.detail-image img {
	max-height: 390px;
	object-fit: cover;
}
#mission-pool-detail .module .bg-glow {
	width: 400px;
	height: 400px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	animation: glowAnim infinite 3s ease-in-out;
	animation-fill-mode: forwards;
}
#mission-pool-detail .module .row {
	width: 100%;
}
#mission-pool-detail .module .col {
	width: 50%;
	/* NOTE: Because minimum entry was commented out */
	width: 100%;
}
#mission-pool-detail .module .title {
	padding: 25px 20px 20px;
}
#mission-pool-detail .module .amount {
	padding: 34px 21px 30px;
}
#mission-pool-detail .module p.lrg + p.sm {
	margin-top: 2px;
}
#mission-pool-detail .module.mob {
	display: none;
}
#mission-pool-detail p + .module {
	margin-top: 34px;
}
#mission-pool-detail .data-cols {
	margin-top: 37px;
	flex-wrap: nowrap;
	justify-content: space-between;
}
#mission-pool-detail .data-cols p {
	font-size: 16px;
	color: #fff;
}
#mission-pool-detail .data-cols p.title {
	font-size: 16px;
	color: #dc19f8;
	font-weight: bold;
}

#mission-pool-detail .data-cols p + p {
	margin-top: 0px;
}
#mission-pool-detail .data-cols .cta-btn {
	width: 222px;
	display: flex;
	justify-content: center;
	padding-top: 3px;
}
#mission-pool-detail .data-cols .col {
	max-width: none;
	padding-left: 0px;
}
#mission-pool-detail .data-cols .col:not(.cta) {
	padding-top: 10px;
}
#mission-pool-detail .data-cols .col:not(.cta) + .col {
	border-left: 1px solid rgba(255, 255, 255, 0.25);
	padding-left: 10px;
	padding-right: 10px;
}
#mission-pool-detail .data-cols .col.cta {
	width: 222px;
	max-width: none;
	margin-right: 45px;
	flex-shrink: 0;
}
#mission-pool-detail .data-cols .col:nth-child(1) {
	width: 25%;
}
#mission-pool-detail .data-cols .col:nth-child(2) {
	width: 25%;
}
#mission-pool-detail .data-cols .col:nth-child(3) {
	width: 25%;
}
#mission-pool-detail .data-cols .col:nth-child(4) {
	text-align: left;
	flex-grow: 0;
	width: 25%;
}
#mission-pool-gallery {
	padding-top: 65px;
	padding-bottom: 115px;
}
#mission-pool-gallery header > * {
	display: inline-block;
	vertical-align: top;
}
#mission-pool-gallery .slide-controls {
	margin: -3px 0 38px 12px;
}
#mission-pool-gallery .slide-controls .icon-arrow {
	color: #e019f9;
}
#mission-pool-gallery .mod-slider {
	position: relative;
	height: 290px;
}
#mission-pool-gallery .mod-slide {
	cursor: move;
}
#mission-pool-gallery .mod-slider .mod-slides {
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	flex-wrap: nowrap;
	width: 1970px;
}
.overlay.deposit .overlay-modal {
	padding-top: 80px;
	padding-bottom: 95px;
	max-width: 1224px;
	overflow: hidden;
	transform: translateZ(0);
}
.overlay.deposit p {
	font-size: 13px;
	line-height: 2.07;
}
.overlay.deposit .row.main {
	width: 100%;
	max-width: 1040px;
	margin: 0 auto;
}
.overlay.deposit .row.main > .col.left {
	width: 52.5%;
	max-width: 620px;
	padding-left: 10px;
}
.overlay .modal-title h3 {
	color: #e019f9;
	margin-bottom: 0px;
}
.overlay.deposit .row.main > .col.left p {
	max-width: 560px;
}
.overlay.deposit .row.main > .col.right {
	width: 42%;
	max-width: 440px;
}
.overlay.deposit .row.main > .col.right .module {
	width: 100%;
}
.overlay.deposit .row.main > .col.right .data-cols .col:nth-child(3) {
	width: 24%;
}
.overlay.deposit .row.main > .col.right .data-cols p + p {
	margin-top: -3px;
}
.overlay.deposit .row.main > .col.right .module-thumb {
	min-height: 0;
}
.overlay.deposit .row.main > .col.right .module-thumb .row.data {
	padding-bottom: 15px;
}
.overlay.deposit .row.main > .col.right .module-thumb .row.data h3 {
	margin-bottom: 15px;
}
.overlay.deposit .row.main > .col + .col {
	border: none;
}
.overlay.deposit .modal-title .row + .row {
	border-top: none;
}
.overlay .modal-title .row.title {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	align-content: stretch;
	border-bottom: 1px solid rgba(224, 25, 249, 0.25);
	margin-bottom: 16px;
	padding-bottom: 8px;
}
.overlay.deposit .modal-title .row.title p {
	color: #a234c0;
}
.overlay.deposit .modal-title .row.field {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	border: 1px solid #e019f9;
	border-radius: 13px;
	background-color: #1c0032;
	height: 52px;
}
.overlay.deposit .modal-title .row.field .col.left {
	width: 79.5% !important;
	position: relative;
}
.overlay.deposit .modal-title .row.field .col.left ::-webkit-input-placeholder {
	color: #fff;
	transition: color 0.3s linear;
}
.overlay.deposit .modal-title .row.field .col.left :-moz-placeholder {
	color: #fff;
	transition: color 0.3s linear;
	opacity: 1;
}
.overlay.deposit .modal-title .row.field .col.left ::-moz-placeholder {
	color: #fff;
	transition: color 0.3s linear;
	opacity: 1;
}
.overlay.deposit .modal-title .row.field .col.left :-ms-input-placeholder {
	color: #fff;
	transition: color 0.3s linear;
}
.overlay.deposit .modal-title .row.field .col.left input {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	text-align: right;
	font: 400 18px 'Helvetica Neue LT Pro Ex', sans-serif;
	color: #fff;
	padding: 7px 23px 0px;
}
.overlay.deposit .modal-title .row.field .col.left label {
	position: absolute;
	left: 20px;
	top: 20px;
	color: #a234c0;
	pointer-events: none;
}
.overlay.deposit .modal-title .row.field .col.right {
	width: 20.5% !important;
	border-left: 1px solid rgba(224, 25, 249, 0.25);
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: stretch;
	margin-top: 0px !important;
}
.overlay.deposit .modal-title .row.field .col.right p {
	font: 400 11px/1 'Helvetica Neue LT Pro MdEx', sans-serif;
	color: #a234c0;
	margin-top: 5px;
	letter-spacing: 1.18px;
}
.overlay.deposit .modal-title .row.cta {
	margin-top: 25px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	align-content: stretch;
}
.overlay.deposit .modal-title .row.cta p.note {
	font-size: 13px;
	color: #fff;
	margin-left: 34px;
}
.overlay.deposit .modal-title .cta-btn {
	width: 222px;
}
.overlay.deposit .modal-title + .modal-title {
	margin-top: 45px;
}
.overlay.deposit .close-btn {
	top: 35px;
}
.overlay.deposit .close-btn .btn-icon {
	font-size: 25px;
	color: #e019f9;
}
.overlay.deposit .modal-success-view {
	background-color: #1c0032;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
}
.overlay.deposit .modal-success-view .row.thank-you {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding: 67px;
	color: #fff;
	border: none;
}
.overlay.deposit .modal-success-view .col {
	width: 50%;
	border: none;
}
.overlay.deposit .modal-success-view .col.right {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: stretch;
}
.overlay.deposit .modal-success-view .title {
	border-bottom: 1px solid rgba(224, 25, 249, 0.25);
	padding-bottom: 12px;
	margin-bottom: 16px;
}
.overlay.deposit .modal-success-view .title h3 {
	color: #e019f9;
}
.overlay.deposit .modal-success-view h3 + p {
	margin-top: 20px;
}
.overlay.deposit .modal-success-view .bg-video {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	left: -1px;
}
.overlay.deposit .modal-success-view #bgvid {
	height: 100%;
	width: auto;
}
/*! - PAGE: 3 WAR CHEST -> 0 MAIN */
#war-chest {
	padding-top: 95px;
	padding-bottom: 90px;
}
.module-thumb.war-chest {
	min-height: 0;
}
.module-thumb.war-chest .mod-details h3 {
	margin-bottom: 15px;
}
.module-thumb.war-chest .data-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	padding: 8px 0 3px;
	border-top: 1px solid rgba(224, 25, 249, 0.25);
}
.module-thumb.war-chest .data-row:last-child {
	border-bottom: 1px solid rgba(224, 25, 249, 0.25);
}
.module-thumb.war-chest .data-row p {
	color: #fff;
	font-size: 13px;
}
.module-thumb.war-chest .data-row p.title {
	color: #a234c0;
}
.module-thumb.war-chest .data-row p + p {
	margin: 0;
}
.module-thumb.war-chest .view-nft {
	margin-top: 25px;
}
.overlay.nft p {
	font-size: 13px;
	line-height: 2.07;
}
.overlay.nft .col.left {
	width: 40%;
}
.overlay.nft .col.left .module {
	width: 100%;
}
.overlay.nft .col.right {
	width: 57%;
	max-width: 620px;
}
.overlay.nft .col.right h3 {
	color: #e019f9;
	margin-bottom: 14px;
}
.overlay.nft .col.right p {
	max-width: 560px;
}
.overlay.nft .col + .col {
	border: none;
}
.overlay.nft .mission-log {
	margin-top: 58px;
	max-width: 560px;
}
.overlay.nft .mission-log .log-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	align-content: stretch;
	padding: 16px 0 7px;
	border-top: 1px solid rgba(224, 25, 249, 0.25);
}
.overlay.nft .mission-log .log-row:last-child {
	border-bottom: 1px solid rgba(224, 25, 249, 0.25);
}
.overlay.nft .mission-log .log-col.title {
	color: #a234c0;
}
.overlay.nft .mission-log .log-col:nth-child(1) {
	width: 30%;
}
.overlay.nft .mission-log .log-col:nth-child(2) {
	width: 20%;
}
.overlay.nft .mission-log .log-col:nth-child(3) {
	width: 20%;
}
.overlay.nft .mission-log .log-col:nth-child(4) {
	width: 21%;
}
/*! - GLOBAL: 5 HOVERS */
@media screen and (min-width: 1025px) {
	a,
	.btn-icon {
		transition: all 0.3s linear;
	}
	.close-btn:hover > .btn-icon {
		color: #e019f9;
	}
	header.header .main a:hover {
		color: #fece02;
		border-color: #fece02;
	}
	header.header .main a.arcade:hover{
		color:#fece02;
		border-color: #e019f9;
		background-color: #e019f9
	}
	header.header .db-balance .wallet-icon {
		transition: all 0.3s linear;
	}
	header.header .db-balance .wallet-btn a:hover > .wallet-icon {
		background-color: #e019f9;
	}
	.cta-btn:hover {
		background-color: #fece02;
		color: #140024;
	}
	.cta-btn.large:hover {
		background-color: #e019f9;
	}
	.slide-controls .arrow-btn .icon-arrow {
		transition: color 0.3s linear;
	}
	.slide-controls .arrow-btn:hover > .icon-arrow {
		color: #e019f9;
	}
	button.hasArrow .txt,
	a.hasArrow .txt {
		transition: border-color 0.3s linear;
	}
	button.hasArrow:hover,
	a.hasArrow:hover {
		color: #e019f9;
	}
	button.hasArrow:hover .btn-icon,
	a.hasArrow:hover .btn-icon {
		color: #e019f9;
	}
	button.hasArrow:hover .txt,
	a.hasArrow:hover .txt {
		border-color: #e019f9;
	}
	#wallet .settings-btn:hover {
		border-color: #fece02;
	}
	#wallet .settings-btn:hover .btn-icon {
		color: #fece02;
	}

	#wallet .settings-subnav a:hover {
		color: #e019f9;
		border-color: #e019f9;
	}
}
#wallet .settings-btn:hover > .settings-subnav {
	visibility: visible;
	opacity: 1;
}
/*! - GLOBAL: 6 FORM STYLING */
.filter-wrap {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: stretch;
	margin-bottom: 23px;
}
.filter-wrap .filter-set {
	width: 32%;
	max-width: 310px;
}
.filter-wrapper {
	display: flex;
	margin-bottom: 23px;
	gap: 16px;
	justify-content: flex-end;
	flex-flow: row wrap;
}

.select2-container--default .select2-selection--single {
	padding: 20px 18px 14px;
	height: auto;
	border: none;
	border-radius: 0px;
	background: none;
	position: relative;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 14px;
	height: auto;
	transform: rotate(90deg);
	right: 18px;
	top: 18px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow .icon-arrow {
	font-size: 18px;
	color: #e019f9;
	transition: color 0.3s linear;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	font-size: 13px;
	line-height: normal;
	color: #fff;
	position: relative;
	padding: 0px 25px 0px 42px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #fff;
	transition: color 0.3s linear;
}
.select2-container--default .select2-selection--single label {
	position: absolute;
	left: 0;
	top: 0;
	padding: 21px 18px 14px;
	color: #a234c0;
	pointer-events: none;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #fece02;
	color: #140024;
}
.select2-container--default .select2-results__option[aria-selected='true'] {
	background-color: #fece02;
	color: #140024;
}
.select2-container--default .select2-results > .select2-results__options {
	padding: 0;
	max-height: 265px;
}
.select2-dropdown {
	margin-top: 11px;
	margin-left: -1px;
	box-sizing: content-box;
	opacity: 0;
	transform: translateY(-5px);
	overflow: hidden;
	box-shadow: -8px 0 6px -1px rgba(20, 0, 36, 0.49);
	transition: transform 0.5s ease-out, opacity 0.3s linear;
}
.select2-dropdown.on {
	transform: translateY(0px);
	opacity: 1;
}
.select2-dropdown--above {
	margin-top: 0px;
}
.select2-results__option {
	padding: 16px 22px 12px;
	color: #fff;
	font-size: 13px;
	transition: all 0.3s linear;
}
.select2-results__option + .select2-results__option {
	border-top: 1px solid rgba(224, 25, 249, 0.25);
}
.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
	border: 1px solid #e019f9;
	border-radius: 13px;
	background-color: #1c0032;
	overflow: hidden;
}
.select2-container--open .select2-dropdown--below p.lrg,
.select2-container--open .select2-dropdown--above p.lrg {
	font: 400 60px/1 'Helvetica Neue LT Pro Ex', sans-serif;
}
.select2-container--open .select2-dropdown--below p.lrg + p.sm,
.select2-container--open .select2-dropdown--above p.lrg + p.sm {
	margin-top: 0px;
}
.select2-container--open .select2-dropdown--below p.sm,
.select2-container--open .select2-dropdown--above p.sm {
	font: 400 11px/1 'Helvetica Neue LT Pro MdEx', sans-serif;
	letter-spacing: 1.18px;
	text-transform: uppercase;
}
.select2-container--open .select2-dropdown--below .row + .row,
.select2-container--open .select2-dropdown--above .row + .row {
	border-top: 1px solid rgba(224, 25, 249, 0.25);
}
.select2-container--open .select2-dropdown--below .col + .col,
.select2-container--open .select2-dropdown--above .col + .col {
	border-left: 1px solid rgba(224, 25, 249, 0.25);
}
.select2-container--open .select2-selection--single .select2-selection__arrow .icon-arrow {
	color: #fece02;
}
/*! MEDIA QUERY ***************************** */
/*! MQ: 0 -> 1300px+ */
@media screen and (max-width: 3400px) {
	.gridline.l {
		left: 50px;
	}
	.gridline.r {
		right: 50px;
	}
	section,
	.global,
	.overlay-wrap {
		padding-left: 50px;
		padding-right: 50px;
	}
	header.header .logo {
		/* width: 46px; top: -3px; */
		left: 0px;
	}
	header.header .main {
		padding-left: 90px;
	}
}
@media screen and (max-width: 3400px) and (min-width: 769px) {
	.module-thumb .row.data {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media screen and (max-width: 1300px) {
	.overlay-wrap .overlay-modal {
		padding: 40px 25px !important;
	}
	.overlay-wrap .close-btn {
		right: 12px;
		top: 12px;
	}
	.module-thumb .row.data h3 {
		padding-right: 80px;
	}
	.module-thumb .data-cols {
		flex-wrap: nowrap;
	}
	.module-thumb .data-cols .col {
		width: auto !important;
		display: inline-block;
	}
	.module-thumb .data-cols .col:nth-child(1) {
		max-width: none;
		min-width: 70px;
	}
	.module-thumb .data-cols .col:nth-child(2) {
		max-width: none;
		min-width: 80px;
	}
	.module-thumb .data-cols .col:nth-child(3) {
		flex-grow: 1;
		max-width: none;
	}
	/* .module-thumb .data-cols .col:nth-child(4) {
		position: absolute;
		right: 15px;
		top: 15px;
		min-width: 80px;
	} */
	#mission-pool-detail {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#mission-pool-detail .data-cols {
		flex-wrap: wrap;
	}
	#mission-pool-detail .data-cols .col.cta {
		width: 100%;
		margin-bottom: 20px;
	}
	#mission-pool-detail .data-cols .col:nth-child(4) {
		width: 40%;
	}
	.overlay.deposit .close-btn {
		top: 12px;
	}
	.overlay.deposit .close-btn .btn-icon {
		font-size: 14px;
	}
	.overlay.deposit .row.main > .col.left {
		padding-left: 0px;
	}
	#mission-pool-gallery {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}
/*! MQ: 1 -> 1200px */
@media screen and (max-width: 1200px) and (min-width: 901px) {
	.module p.lrg {
		font-size: 48px;
	}
	#dashboard p.lrg {
		font-size: 48px;
	}
	#dashboard .section.top .title,
	#dashboard .section.top .amount {
		padding-left: 15px;
		padding-right: 15px;
	}
	#dashboard .section.top .title h3 {
		font-size: 15px;
	}
	#dashboard .section.top .title .icon {
		transform: scale(0.8);
		transform-origin: right center;
	}
}
/*! MQ: 2 -> 1024px */
@media screen and (max-width: 1024px) {
	.gridline.l {
		left: 25px;
	}
	.gridline.r {
		right: 25px;
	}
	section,
	.global,
	.overlay-wrap {
		padding-left: 25px;
		padding-right: 25px;
	}
	header.header .logo {
		width: 46px;
		top: -3px;
	}
	header.header .main {
		padding-left: 60px;
	}
	#wallet .settings-btn .settings-subnav a {
		font-size: 13px;
	}
	.modules-grid .module-thumb {
		width: 48.5%;
		max-width: none;
	}
	.modules-grid .module-thumb:nth-child(n + 3) {
		margin-top: 25px;
	}
	.overlay {
		z-index: 31;
	}
	.overlay-wrap {
		padding-top: 50px;
	}
	.filter-wrap .filter-set {
		width: 100%;
	}
}
/*! MQ: 3 -> 900px */
@media screen and (max-width: 900px) {
	[title='Coin Price Marquee Widget'] {
		display: none;
	}
	header.header {
		padding-top: 25px;
	}
	header.header .logo {
		top: -12px;
	}
	header.header .main,
	header.header .db-balance {
		display: none;
	}
	#globalMenu {
		display: block;
	}
	.ticker-top {
		display: none;
	}
	#wallet {
		width: 100%;
		margin-top: 62px;
	}
	#wallet:before {
		box-shadow: none;
	}
	#wallet h2 {
		color: #e019f9;
	}
	#wallet .wallet-inner {
		padding-bottom: 62px;
		background: #140024;
		border: none;
	}
	#wallet .close-btn {
		display: none;
	}
	#wallet .settings-btn {
		right: 18px;
	}
	#wallet .section {
		padding: 25px 25px 40px;
	}
	#wallet .section + .section {
		padding-top: 40px;
	}
	#wallet .wallet-group .row.cta {
		margin-top: 15px;
		justify-content: flex-start;
	}
	#wallet .wallet-group .row.cta a {
		margin-right: 52px;
	}
	#wallet .wallet-group + .wallet-group {
		margin-top: 18px;
	}
	.headline-mobile {
		display: block;
	}
	.filter-wrap {
		align-items: flex-start;
	}
	#dashboard {
		padding-top: 60px;
	}
	#dashboard .section.top {
		display: block;
	}
	#dashboard .section.top > .col {
		width: 100% !important;
		max-width: none !important;
	}
	#dashboard .section.top > .col + .col {
		margin-top: 35px;
	}
	#dashboard .section.top .amount {
		padding-top: 5px;
	}
	#dashboard .section.top .module .col + .col {
		border-top: 1px solid rgba(224, 25, 249, 0.25);
	}
	#dashboard .section.top .row + .row {
		border-top: none;
	}
	#dashboard .section.bot {
		margin-top: 35px;
	}
	#mission-pools,
	#war-chest {
		padding-top: 60px;
		padding-bottom: 50px;
	}
	#mission-pool-detail {
		border: none;
		padding-top: 65px;
		margin-top: 0px;
	}
	#mission-pool-detail h2 {
		margin-bottom: 34px;
	}
	#mission-pool-detail .main > .col {
		width: 100% !important;
		max-width: none !important;
	}
	#mission-pool-detail .main > .col.right {
		display: none;
	}
	#mission-pool-detail .detail-image.mob {
		display: block;
		margin-bottom: 33px;
	}
	#mission-pool-detail .mod-logo {
		margin: 28px 0 20px;
	}
	.overlay.deposit .overlay-wrap .row.main > .col {
		width: 100% !important;
		max-width: none !important;
	}
	.overlay.deposit .overlay-wrap .row.main > .col.right {
		margin-top: 40px;
	}
	.overlay.deposit .modal-success-view .bg-video {
		display: none;
	}
	.overlay.deposit .modal-success-view {
		background-color: #140024;
	}
	.overlay.deposit .modal-success-view .bg-video {
		display: none;
	}
	.overlay.deposit .modal-success-view .row.thank-you > .row {
		display: block;
	}
	.overlay.deposit .modal-success-view .col.right {
		display: block;
		width: 100%;
	}
	.overlay.deposit .modal-success-view .col.right h3 + p {
		margin-top: 14px;
	}
	.overlay.deposit .modal-success-view .col.right p {
		line-height: 1.77;
	}
}
/*! MQ: 4 -> 768px */
@media screen and (max-width: 768px) {
	.overlay {
		z-index: 19;
		overflow-y: scroll;
	}
	.blanket {
		opacity: 1;
		background-color: #140024;
	}
	.overlay-wrap {
		position: relative;
		height: auto;
		padding-top: 90px;
		padding-bottom: 73px;
	}
	.overlay-wrap .overlay-modal {
		padding: 0px !important;
		border: none;
		background: none;
		overflow: visible !important;
	}
	.overlay-wrap .overlay-modal .row.main {
		display: block;
	}
	.overlay-wrap .overlay-modal .row.main > .col {
		width: 100% !important;
		max-width: none !important;
	}
	.overlay-wrap .overlay-modal .row.main > .col.right {
		margin-top: 40px;
	}
	.overlay-wrap .overlay-modal .row.main > .col.right p,
	.overlay-wrap .overlay-modal .row.main > .col.right .mission-log {
		max-width: none;
	}
	.overlay-wrap .close-btn {
		display: none;
	}
	.overlay-wrap .back-btn {
		display: block;
		margin-bottom: 24px;
		position: relative;
		z-index: 2;
	}
	.overlay-wrap .back-btn .icon-arrow {
		font-size: 16px;
		transform: scaleX(-1);
		color: #e019f9;
	}
	.overlay-wrap .bg-gradient.mob {
		display: block;
	}
	#page-mission-pools .module-thumb .row.data {
		padding-left: 15px;
		padding-right: 15px;
	}
	.overlay.deposit .modal-success-view .row.thank-you {
		padding: 50px 0 0;
	}
	#page-war-chest .module-thumb .row.data {
		padding-bottom: 30px;
	}
	#page-war-chest .module-thumb .row.data h3 {
		padding-right: 0px;
	}
	.overlay.nft .col.right .mission-log {
		margin-top: 35px;
	}
	.overlay.nft .col.right .mission-log h3 {
		color: #fff;
	}
}
/*! MQ: 5 -> 650px */
@media screen and (max-width: 650px) {
	.modules-grid .module-thumb {
		width: 100%;
		max-width: none;
	}
	.modules-grid .module-thumb + .module-thumb {
		margin-top: 20px;
	}
	.module-thumb .data-cols .col {
		width: 33% !important;
	}
	#dashboard .section.top > .col.missions .title {
		padding-top: 30px;
	}
	#dashboard .section.top > .col.missions .title .icon {
		margin-top: -3px;
	}
	#dashboard .section.top > .col.missions .module {
		display: block;
	}
	#dashboard .section.top > .col.missions .module .col {
		width: 100%;
	}
}
/*! MQ: 6 -> 550px */
@media screen and (max-width: 550px) {
	.bg-gradient {
		background-size: 700px auto;
	}
	.overlay .bg-gradient,
	#mission-pool-gallery .bg-gradient {
		display: block;
		background-size: 500px auto;
	}
	.overlay .bg-gradient .bg-glow,
	#mission-pool-gallery .bg-gradient .bg-glow {
		bottom: -150px;
	}
	.filter-wrap .filter-set {
		max-width: none;
	}
	.module-thumb {
		min-height: 0;
	}
	#dashboard {
		padding-bottom: 105px;
	}
	#dashboard .slide-controls {
		display: none !important;
	}
	#dashboard .mod-slider .mod-slides {
		position: relative;
		width: 100%;
		display: block;
	}
	#dashboard .mod-slider .mod-slide {
		width: 100%;
		height: auto;
	}
	#dashboard .mod-slider .mod-slide + .mod-slide {
		margin-top: 20px;
	}
	#dashboard .mod-slider .mod-slide:nth-child(n + 4) {
		display: none;
	}
	#dashboard .mod-slider .mod-slide .mod-btn-mobile {
		display: block;
	}
	#dashboard .mod-slider .mod-slide .mod-details {
		background-position: right -300px top -254px;
	}
	#dashboard .mod-slider .row.data {
		padding: 25px 15px;
	}
	#dashboard .data-cols {
		max-width: 300px;
	}
	#dashboard .data-cols .col:nth-child(1) {
		width: 19%;
	}
	#dashboard .data-cols .col:nth-child(2) {
		width: 23%;
	}
	#dashboard .data-cols .col:nth-child(3) {
		width: 48%;
	}
	#dashboard .data-cols .col.cta {
		display: none;
	}
	#dashboard .col.locked .title {
		padding-top: 34px;
	}
	#dashboard .col.locked .amount {
		margin-top: 5px;
		display: block;
	}
	#dashboard .col.locked .coin {
		margin: 17px auto 22px;
		transform: scale(1.3);
		position: relative;
		right: 0;
		bottom: 0;
	}
	#dashboard .load-more {
		display: block;
	}
	#mission-pools .mod-btn-mobile {
		display: block;
	}
	#mission-pools .col.cta {
		display: none;
	}
	#page-pool-detail .gradient-wrapper > .bg-gradient {
		display: none;
	}
	#mission-pool-detail {
		padding-bottom: 0px;
	}
	#mission-pool-detail .module {
		display: block;
	}
	#mission-pool-detail .module .row + .row {
		border: none;
	}
	#mission-pool-detail .module .col {
		width: 100%;
	}
	#mission-pool-detail .module .col + .col {
		border-top: 1px solid rgba(224, 25, 249, 0.25);
	}
	#mission-pool-detail .module .title {
		padding-top: 32px;
	}
	#mission-pool-detail .module .amount {
		padding-top: 6px;
	}
	#mission-pool-detail .data-cols {
		margin-top: 10px;
	}
	#mission-pool-detail .data-cols .col {
		width: 100% !important;
		padding-left: 0px !important;
	}
	#mission-pool-detail .data-cols .col:not(.cta) {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: stretch;
		align-content: stretch;
		padding: 12px 0 8px;
	}
	#mission-pool-detail .data-cols .col:not(.cta) + .col {
		border-left: none;
		border-top: 1px solid rgba(255, 255, 255, 0.25);
	}
	#mission-pool-detail .data-cols .col.cta {
		order: 4;
		margin-top: 20px;
	}
	#mission-pool-detail .data-cols .cta-btn {
		width: 100%;
	}
	#mission-pool-gallery {
		padding-top: 25px;
		padding-bottom: 25px;
	}
	#mission-pool-gallery h2 {
		color: #fff;
	}
	#mission-pool-gallery .slide-controls {
		display: none !important;
	}
	#mission-pool-gallery .mod-slider {
		height: auto;
	}
	#mission-pool-gallery .mod-slider .mod-slides {
		position: relative;
		width: 100%;
		display: block;
	}
	#mission-pool-gallery .mod-slider .mod-slide {
		width: 100%;
	}
	#mission-pool-gallery .mod-slider .mod-slide + .mod-slide {
		margin-top: 20px;
	}
	#mission-pool-gallery .bg-gradient.mob {
		display: block;
	}
	.overlay.deposit .mobile-break {
		display: block;
	}
	.overlay.deposit .row.main > .col.left p {
		text-align: right;
		line-height: 1.25;
	}
	.overlay.deposit .row.main > .col.left label {
		display: none;
	}
	.overlay.deposit .row.main > .col.left p.note {
		width: 100%;
		margin-left: 0px;
		margin-top: 20px;
		text-align: center;
	}
	.overlay.deposit .row.main > .col.right {
		display: none;
	}
	.overlay.deposit .modal-title {
		text-align: center;
	}
	.overlay.deposit .modal-title .cta-btn {
		width: 100%;
	}
	.overlay.deposit .modal-title .row.title {
		align-items: flex-end;
		margin-bottom: 20px;
	}
	.overlay.deposit .modal-title .row.title p {
		position: absolute;
		right: 0px;
	}
	.overlay.deposit .modal-title .row.field .col.left {
		width: 68% !important;
	}
	.overlay.deposit .modal-title .row.field .col.left input {
		text-align: left;
	}
	.overlay.deposit .modal-title .row.field .col.right {
		width: 32% !important;
	}
	.overlay.deposit .modal-title + .modal-title {
		margin-top: 67px;
	}
}
/*! MQ: 7 -> 450px */
@media screen and (max-width: 450px) {
	section,
	.global,
	.overlay-wrap {
		padding-left: 16px;
		padding-right: 16px;
	}
	#globalMenu .menu-contents {
		padding-left: 16px;
		padding-right: 16px;
	}
	#globalMenu .logo {
		left: 16px;
	}
	.overlay.nft .mission-log .log-col:nth-child(1) {
		width: 38%;
	}
	.overlay.nft .mission-log .log-col:nth-child(2) {
		width: 23%;
	}
	.overlay.nft .mission-log .log-col:nth-child(3) {
		width: 28%;
	}
	.overlay.nft .mission-log .log-col:nth-child(4) {
		display: none;
	}
}

#loader {
	display: block;
	position: absolute;
	left: 50%;
	top: calc(50% - 100px);

	left: calc(50% - 25px);
	top: calc(50% - 50px);
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	/* margin: -75px 0 0 -75px; */
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #2591ff;
	animation: spin 2s linear infinite;
}
#loader:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #00dde1;
	animation: spin 3s linear infinite;
}
#loader:after {
	content: '';
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #fece02;
	animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.loader {
	display: flex;
	align-items: center;
	gap: 10px;
}

.spinner {
	animation: rotate 2s linear infinite;
	width: 30px;
	height: 30px;
}

.spinner .path {
	stroke: #333;
	stroke-linecap: round;
	stroke-width: 5px;
	animation: dash 1.5s ease-in-out infinite;
}

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

@keyframes dash {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124;
	}
}

#create-mission .overlay-wrap .overlay-modal {
	max-width: 856px;
}

#create-mission .overlay-wrap .overlay-modal {
	max-width: 856px;
	padding: 50px;
}

#create-mission .modal-title {
	width: 100%;
	margin-bottom: 15px;
}

.form-field {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 52px;
	padding: 15px 20px;
	background-color: rgb(28 0 50);
	border: 1px solid #dc18f8;
	border-radius: 10px;
	color: white;
}

.form-field.textarea {
	align-items: flex-start;
	flex-direction: column;
	min-height: 116px;
}

.form-field + .form-field {
	margin-top: 25px;
}

.form-field label {
	color: #dc18f8;
	font-family: 'Helvetica Neue';
	font-size: 12px;
	font-weight: 300;
	line-height: 15px;
	letter-spacing: 0.015em;
	flex-shrink: 0;
	margin-right: 20px;
}

.form-field input,
.form-field textarea {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.015em;
	text-align: right;
	background-color: transparent;
	border: 0;
	width: 100%;
}

.form-field input {
	transform: translateY(3px);
	color-scheme: dark;
}

input::-webkit-datetime-edit {
	padding-right: 10px;
}

::-webkit-calendar-picker-indicator {
	transform: translateY(-2px);
}

.form-field input::placeholder,
.form-field textarea::placeholder {
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0.015em;
	text-align: right;
}

.form-field textarea,
.form-field textarea::placeholder {
	text-align: left;
	resize: vertical;
}

.form-field.fee-percent::after,
.form-field.max-vesting-percent::after {
	content: '%';
	font-size: 16px;
	margin-left: 2px;
	transform: translateY(3px);
}

#custom-form button {
	margin-top: 25px;
	margin-left: auto;
}

#custom-form #loader {
	left: calc(50% - 50px);
}

#delete-mission-form .col.left {
	width: 50%;
}

.checkbox-wrapper {
	display: flex;
	gap: 10px;
}

.checkbox-wrapper input {
	position: absolute;
	opacity: 0;
}
.checkbox-wrapper input + label {
	position: relative;
	cursor: pointer;
	padding: 0;
	font-size: 16px;
	color: #e019f9;
}
.checkbox-wrapper input + label:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid #e019f9;
	border-radius: 2px;
	transform: translateY(-4px);
}
.checkbox-wrapper input:focus + label:before {
	box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.checkbox-wrapper input:checked + label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 6px;
	background-color: #fece02;
	width: 2px;
	height: 2px;
	box-shadow: 2px 0 0 #fece02, 4px 0 0 #fece02, 4px -2px 0 #fece02, 4px -4px 0 #fece02, 4px -6px 0 #fece02, 4px -8px 0 #fece02;
	transform: rotate(45deg);
}

.checkbox-wrapper,
.delete-button,
#delete-mission .form-field {
	margin-top: 30px;
	margin-bottom: 30px;
}

.delete-button {
	background-color: #ff1744;
}

button[disabled],
button[disabled]:hover {
	cursor: not-allowed;
	background-color: #ccc !important;
	border-color: #ccc;
}

.overlay-wrap .close-btn[disabled] {
	background-color: transparent !important;
}

.overlay-wrap .close-btn[disabled] .icon-cross {
	color: #ccc !important;
}

.cta-btn[disabled] {
	color: black;
}

.create-mission-button {
	margin-top: 20px;
}

.disabled-disclaimer {
	display: block;
	font-size: 14px !important;
	margin-top: 20px;
	font-style: normal;
}

.react-select .react-select__control,
.react-select .game-select__control  {
	background-color: #1c0032;
	border-color: #e019f9;
	border-radius: 13px;
	min-height: 50px;
	cursor: pointer;
	box-shadow: none;
	width: 310px;
	display:flex;
}
.react-select .react-select__control:hover,
.react-select .game-select__control:hover {
	border-color: #e019f9;
}

.react-select .react-select__value-container,
.react-select .game-select__value-container {
	padding: 0;
	padding-left: 18px;
	padding-top: 4px;
}

.react-select .react-select__single-value,
.react-select .game-select__single-value {
	color: white;
	margin: 0;
}

.react-select .game-select__single-value::before {
	color: #a234c0;
	content: 'Game: ';
}

.react-select .react-select__single-value::before {
	color: #a234c0;
	content: 'Status: ';
}

.react-select .react-select__menu-list,
.react-select .game-select__menu-list {
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 13px;
}

.react-select .react-select__menu,
.react-select .game-select__menu {
	border-radius: 13px;
	background-color: #1c0032;
	border: 1px solid #e019f9;
}

.react-select .react-select__option,
.react-select .game-select__option {
	border-top: 1px solid rgba(224, 25, 249, 0.25);
	padding: 16px 22px 12px;
	color: #fff;
	font-size: 13px;
	transition: all 0.3s linear;
	background-color: transparent;
	cursor: pointer;
}

.react-select .react-select__option.react-select__option--is-focused,
.react-select .react-select__option.react-select__option--is-selected,
.react-select .game-select__option.react-select__option--is-selected,
.react-select .game-select__option.react-select__option--is-focused {
	background-color: #fece02;
	color: #140024;
}

.react-select .icon-arrow {
	font-size: 18px;
	transform: rotate(90deg) translateY(10px);
	transition: color 0.3s linear;
}

.specific-last-col {
	/* margin-left: 16px; */
	text-align: left !important;
	padding-left: 16px !important;
	border-left: 1px solid rgba(224, 25, 249, 0.25) !important;
}

.mission-title {
	display: inline-flex;
	color: #fece02;
}

.mission-title:hover {
	color: #e019f9;
}

#convert-tokens .overlay-wrap .overlay-modal,
#bridge .overlay-wrap .overlay-modal {
	max-width: 680px;
	padding-bottom: 50px;
}

#convert-tokens-form > div,
#bridge > div {
	width: 100%;
}

#convert-tokens .close-btn .btn-icon,
#bridge .close-btn .btn-icon {
	font-size: 18px;
	color: #fece02;
}

.swap-direction-button {
	display: flex;
	align-items: center;
	height: 40px;
	font-weight: 600;
	font-size: 18px;
	/* padding: 10px 25px; */
	color: white;
	border-radius: 10px;
	gap: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: rgb(28 0 50);
	border: 1px solid #dc18f8;
}

.swap-direction-button > span {
	margin-top: 1.5px;
}

.swap-direction-button i.icon-arrow {
	padding: 10px;
	transition: 0.3s all ease;
	transform: rotate(180deg);
	transform-origin: center;
	color: #fece02;
	font-size: 16px;
}

.swap-direction-button[data-direction='true'] i.icon-arrow {
	transform: rotate(0deg);
}

.swap-direction-button[data-direction] > span {
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	padding: 15px;
}

.swap-direction-button[data-direction='true'] > span:last-child {
	background-color: #dc19f8;
	margin-right: -6px;
}

.swap-direction-button[data-direction='false'] > span:first-child {
	background-color: #dc19f8;
	margin-left: -6px;
}

.margin-top-10 {
	margin-top: 10px !important;
}

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

.pool-size-progress {
	max-width: 80%;
	margin-top: 20px;
}

.progress-wrapper {
	display: flex;
	align-items: center;
	gap: 15px;
}

[role='progressbar'] {
	margin-top: 20px;
	margin-bottom: 20px;
	flex-shrink: 0;
	flex-grow: 1;
}

[role='progressbar'] > div {
	border: 1px solid #dc19f8;
	background-color: #dc18f770 !important  ;
}

[role='progressbar'] div div {
	background-color: #dc19f8 !important;
}

.progress-wrapper strong {
	line-height: 1;
	transform: translateY(2px);
}

#coinmarketcap-widget-marquee {
	border: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 54px;
	z-index: 200;
	border-bottom: 1px solid #2d1b3b;
}

#coinmarketcap-widget-marquee .coin-marquee-item-inner:hover {
	color: white;
}

#coinmarketcap-widget-marquee .coin-marquee-header {
	display: none;
}

#coinmarketcap-widget-marquee .coin-marquee-container {
	width: 100%;
}

#coinmarketcap-widget-marquee .coin-marquee-wrapper--dark {
	background-color: #140024;
	border-top: 1px solid #2d1b3b;
	border-bottom: 1px solid #2d1b3b;
}

#coinmarketcap-widget-marquee .coin-marquee-wrapper--dark .coin-marquee-item::after {
	background-color: #2d1b3b;
}

.coin-icon {
	width: 28px;
	height: 28px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	/* animation: rotation 4s infinite linear; */
	transition: all 0.3s ease;
}

.coin-icon.arcade {
	background-image: url('../images/coins/1.webp');
}

.coin-icon.x-arcade {
	background-image: url('../images/coins/2.webp');
}

@keyframes rotation {
	0% {
		transform: rotate3d(0, 1, 0, 0deg);
	}
	100% {
		transform: rotate3d(0, 1, 0, 360deg);
	}
}

.empty-mission-pools {
	display: flex !important;
	align-items: center;
	gap: 14px;
}

section#wallet {
	width: 100%;
	height: 100%;
	transform: unset;
	margin-top: 70px;
}

section#wallet .wallet-inner {
	position: unset;
}

section#wallet .wallet-center-title + h2 {
	color: #fece02;
	margin-top: 30px;
}

section#wallet .wallet-center-title .icon-arrow.btn-icon {
	transform: rotate(180deg);
}

.connect-wallet-p {
	line-height: 1.875;
	font-size: 32px;
	background-color: transparent;
	border: 0;
	color: white;
	padding: 0;
}

[aria-label='End tour'],
[aria-label='Next'] {
	height: 30px;
}

#overview {
	padding-bottom: 100px;
	/* padding-top: 50px; */
}

.overview-wrapper {
	display: flex;
	justify-content: space-between;
	padding-top: 50px;
	gap: 50px;
}

.live-market-data-card {
	position: relative;
	width: 451px;
	margin-bottom: 16px;
	background-color: #1c0032;
	border: 1px solid #e019f9;
	border-radius: 13px;
	color: #fff;
	font-family: 'Helvetica Neue LT Pro';
	overflow: hidden;
}

.live-market-data-card::after {
	display: block;
	content: '';
	width: 400px;
	height: 400px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
	animation: glowAnim infinite 3s ease-in-out;
	animation-fill-mode: forwards;
	background-image: url(../images/corner-gradient@2x.jpg);
}

.live-market-data-card strong {
	display: block;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 24px;
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
}

.live-market-data-card strong,
.live-market-data-card hr,
.live-market-data-card em,
.live-market-data-card img {
	position: relative;
	z-index: 2;
}

hr {
	margin: 0;
	border: 1px solid #e019f9;
	opacity: 0.25;
}

.live-market-data-card em {
	display: block;
	padding: 10px 20px 0;
	font-size: 60px;
	font-style: normal;
	font-weight: 400;
	line-height: 100px;
	letter-spacing: 0.857143px;
}

.live-market-data-card img {
	position: absolute;
	right: 10px;
	bottom: 12px;
	width: 90px;
	height: 90px;
}

.read-only-field {
	display: flex;
	position: relative;
	flex-direction: column;
}

.read-only-field label {
	margin: 0;
	color: #e019f9;
	line-height: 22px;
	margin-bottom: 18px;
	font: 400 18px/1 'Helvetica Neue LT Pro Ex', sans-serif;
}

.read-only-field input {
	padding: 22px 15px 14px;
	background: #1c0032;
	border: 1px solid #e019f9;
	border-radius: 13px;
	font-style: normal;
	font-weight: 400;
	width: 330px;
	color: #fff;
	font-size: 18px;
	line-height: 22px;
}

.read-only-field img {
	width: 24px;
	height: 24px;
	position: absolute;
	right: 10px;
	top: calc(18px + 50%);
	transform: translate(-50%, -50%);
}

.read-only-fields {
	display: flex;
	flex-wrap: wrap;
	gap: 50px;
}

.large-overview-cards {
	margin-top: 55px;
}

.large-overview-card {
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	background: #1c0032;
	border: 1px solid #e019f9;
	border-radius: 13px;
	font-family: 'Helvetica Neue LT Pro';
}

.large-overview-card + .large-overview-card {
	margin-top: 13px;
}

.large-overview-card-item {
	flex-basis: 0;
	flex-grow: 1;
	position: relative;
}

.large-overview-card-item:last-child::before {
	content: '';
	position: absolute;
	inset: 0;
	height: 100%;
	width: 1.5px;
	background-color: #e019f9;
	opacity: 0.25;
	z-index: 2;
}

.large-overview-card strong {
	display: flex;
	width: 100%;
	justify-content: space-between;
	padding-bottom: 20px;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 24px;
	color: #2591ff;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
}

.large-overview-card strong img {
	width: 30px;
	height: 20px;
	object-fit: contain;
}

.large-overview-card em {
	padding-left: 22px;
	color: #0091ff;
	font-size: 35px;
	font-style: normal;
	font-weight: 400;
	line-height: 100px;
	letter-spacing: 0.857143px;
}

.large-overview-card::after {
	display: block;
	content: '';
	width: 400px;
	height: 400px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
	animation: glowAnim infinite 3s ease-in-out;
	animation-fill-mode: forwards;
	background-image: url(../images/corner-gradient@2x.jpg);
}

.large-overview-card strong,
.large-overview-card hr,
.large-overview-card em,
.large-overview-card img {
	position: relative;
	z-index: 2;
}

			/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #fcb900 #140024;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 12px;
  }

  *::-webkit-scrollbar-track {
    background: #140024;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #fcb900;
    border-radius: 10px;
    border: 3px none #ffffff;
  }

  #mava {
	height: 0 !important;
  }

  @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
 .c-pill {
	 align-items: center;
	 font-family: "Open Sans", Arial, Verdana, sans-serif;
	 font-weight: bold;
	 font-size: 11px;
	 display: inline-block;
	 white-space: nowrap;
	 width: auto;
	 position: relative;
	 border-radius: 100px;
	 line-height: 1;
	 overflow: hidden;
	 padding: 0px 12px 0px 20px;
	 text-overflow: ellipsis;
	 line-height: 1.25rem;
	 color: #595959;
	 word-break: break-word;
}
 .c-pill:before {
	 border-radius: 50%;
	 content: '';
	 height: 10px;
	 left: 6px;
	 margin-top: -5px;
	 position: absolute;
	 top: 50%;
	 width: 10px;
}
 .c-pill--success {
	 background: #b4eda0;
}
 .c-pill--success:before {
	 background: #6bc167;
}
 .c-pill--warning {
	 background: #ffebb6;
}
 .c-pill--warning:before {
	 background: #ffc400;
}
 .c-pill--danger {
	 background: #ffd5d1;
}
 .c-pill--danger:before {
	 background: #ff4436;
}
.c-pill--coming {
	background: gray;
}
.c-pill--coming:before {
	background: #b8b3a1;
}