body {
	margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	  background: url(https://agoralive.github.io/sgbworldfactory/config/images/bg.jpg) no-repeat center center fixed; 
	  /*-webkit-background-size: cover;*/
	  /*-moz-background-size: cover;*/
	  /*-o-background-size: cover;*/
	  /*background-size: cover;*/
}

code {
	font-family: source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;
}

:root {
	--glassblue: #00dbff;
	--glasspurple: #ab00ff;
	--buttonblue: #337aec;
	--buttonbluehover: #2d76eb;
	--buttonblueactive: #2067d8;
	--headerblue: #000;
	--matic: #3700ff;
	--avax: #000;
	--avaxred: #e84142;
	--ftm: var(--glasspurple);
}

::-webkit-input-placeholder {
	color: #797979;
}

:-ms-input-placeholder {
	color: #797979;
}

::placeholder {
	color: #797979;
}

h1 {
	font-size: 2.5em;
	color: #fff;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1em;
}

h6 {
	font-size: 5em;
	font-weight: 700;
	color: #fff;
}

h4 {
	font-size: 1em;
}

p {
	line-height: 1.25em;
}

button {
	font-family: "DM Sans",sans-serif;
	font-size: 16px;
	height: 40px;
	min-width: 120px;
	max-width: 120px;
	border: none;
	padding: 0 20px;
	background: #337aec;
	background: var(--buttonblue);
	border-radius: 0px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: .25s;
}

.footer{
    background: rgba(0,0,0,.5);
    width: 100%;
	margin-top: 50px;
}

.footer-top {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3rem;
    padding: 30px;
    flex-wrap: wrap;
}

.footer-bottom-img, .social {
    height: 35px;
    width: unset;
}

.footer-bottom-img {
    //cursor: pointer;
    //-webkit-filter: brightness(.8);
    //filter: brightness(.8);
    opacity: 0.5;
    //transition: .2s;
    //height: 35px;
}

.footer-bottom-img:hover {
    opacity: 1;
}

.p-2 {
    padding: 10px !important;
    width: 50vh;
    border-top: 1px solid rgba(255,255,255,0.5);
    display: flex;
    justify-content: center;
    margin: auto;
}

.footer-bottom p {
    font-weight: 500;
    font-size: 14px;
    //letter-spacing: .005em;
    //text-transform: uppercase;
    color: #fff;
    text-align: center;
    opacity: 0.5;
}



button:hover {
	background: #2d76eb;
	background: var(--buttonbluehover);
}

button:active {
	background: #2067d8;
	background: var(--buttonblueactive);
}

button:disabled {
	opacity: .5;
	pointer-events: none;
}

button.not-connected {
	box-shadow: 0 8px 32px 0 rgba(31,38,135,.3);
}

button.connected {
	border: 1px solid #fff;
	border-radius: .5rem;
	background: none;
	box-shadow: none;
}

button h4 {
	position: relative;
	top: -1px;
}

input {
	width: 100%;
	min-width: 100px;
	background: none;
	border: none;
	outline: none;
	padding: 0;
	font-family: "DM Sans",sans-serif;
	font-size: 16px;
	font-weight: 700;
    color: #fff;
}

input:disabled {
	//color: #000;
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

#home,#lottery,#token {
	width: 100%;
	max-width: 1400px;
	position: relative;
	padding-top: 70px;
	z-index: 1;
}

.app-AVAX,.app-default,.app-FTM,.app-FUJI,.app-lottery,.app-MATIC,.app-MUMBAI,.app-token {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-family: "DM Sans",sans-serif;
	transition: 1s;
}

.app-MATIC,.app-MUMBAI {
	background: #353341;
	background-size: 100% 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
    overflow: hidden;
}

.app-AVAX,.app-FUJI {
	background: #ca0606;
	background: linear-gradient(125deg,#ca0606,#ab00ff);
	background: linear-gradient(125deg,#ca0606,var(--glasspurple));
	background-size: 100% 100%;
	background-attachment: fixed;
	background-repeat: no-repeat;
}

.cashtag-MATIC {
	color: #663399;
	//color: var(--matic);
}

.cashtag-uMATIC {
	color: #9013fe;
}

.cashtag-AVAX {
	color: #fff;
}

.cashtag-FTM {
	color: #ab00ff;
	color: var(--ftm);
}

.app-header {
	min-height: 70px;
	top: 0;
	justify-content: center;
	position: fixed;
	z-index: 1;
    background-color: #353341;
}

.app-header,.app-header-inner {
	width: 100%;
	display: flex;
	align-items: center;
}

.app-header-inner {
	max-width: 1260px;
	padding: 0 15px;
	position: fixed;
	z-index: -1;
}

.app-header-inner section {
	width: 100%;
}

.app-header-inner-mobile {
	width: 100%;
	max-width: 1260px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px;
	position: fixed;
	grid-gap: 10px;
	gap: 10px;
}

.app-header-inner-mobile .nav {
	position: fixed;
	z-index: 2;
	left: 0;
	right: 0;
	top: 60px;
	bottom: 0;
	padding: 20px;
	margin: 10px;
	background: #fff;
	box-shadow: 0 8px 200px 0 rgba(0,0,0,.8);
	border-radius: 1.25rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	grid-gap: 10px;
	gap: 10px;
	overflow: scroll;
}

.app-header-inner-mobile .nav h3 {
	color: #000;
	font-size: 1.5em;
}

.app-header-inner-mobile .nav a {
	padding: 10px;
	width: 100%;
}

.app-header-inner-mobile .nav div {
	width: 100%;
	display: flex;
	align-items: center;
}

.app-header-inner-mobile button.not-connected {
	box-shadow: unset;
}

.logo {
	width: 180px;
	height: 40px;
	//border-radius: 50%;
	//box-shadow: 0 8px 32px 0 rgba(0,0,0,.3);
	//background: #fff;
}

.logo-group {
	display: flex;
	align-items: center;
}

.logo-group h3 {
	color: #f5f5f5;
	font-size: 18px;
	font-weight: 700;
	margin-left: 12px;
}

.menu-icon {
	min-height: 40px;
	min-width: 40px;
	color: #fff;
	background: #337aec;
	background: var(--buttonblue);
	border-radius: 50%;
}

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

.nav {
	grid-gap: 30px;
	gap: 30px;
	transition: 1s;
}

.nav a {
	text-decoration: none;
	padding: 5px 0;
}

.nav a:hover {
	position: relative;
	top: -1px;
}

.nav h3 {
	color: #fff;
	position: relative;
	top: 1px;
}

.connect {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}

.connect .iconvalue-pair {
	position: relative;
	top: 1px;
}

.connect h3 {
	color: #fff;
}

.app-body {
	width: 100%;
	height: 100%;
	max-width: 1400px;
	padding: 30px 10px;
	display: flex;
	flex-direction: column;
	grid-gap: 100px;
	gap: 100px;
    margin-top: 60px;
}

.banner {
	height: 440px;
	justify-content: center;
}

.banner,.banner-inner {
	width: 100%;
	display: flex;
	align-items: center;
    background-color: #000714;
}

.banner-inner {
	//position: fixed;
	height: 200px;
	overflow: visible;
	max-width: 1240px;
	justify-content: space-between;
}

.banner-inner h3{
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    max-width: 620px;
    font-weight: 100;
}

.banner-inner-mobile {
	padding: 0 10px;
}

.banner-inner-mobile .special-group {
	margin-top: 80px;
}

.banner-inner img {
	max-width: 400px;
	max-height: 400px;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.banner-alt,.banner-inner-alt {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.banner-inner-alt {
	max-width: 1260px;
	padding: 0 10px;
	flex-direction: column;
	pointer-events: none;
}

.padded-wrapper {
	padding: 10px;
}

.container {
	border: 2px solid #fff;
	border-radius: 10px;
	box-shadow: 0 8px 32px 0 rgba(31,38,135,.3);
	margin: 10px;
}

.title {
	position: relative;
	padding: 0 10px;
	min-width: 300px;
	z-index: 1;
	font-weight: 700;
}

.title-alt {
	width: 100%;
	min-height: 190px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	background: rgba(0,0,0,.15);
	box-shadow: 10px 10px 0 0 #000;
	border: 2px solid #000;
}

.title-alt h6 {
	color: #daa520;
}

.title-alt div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.title-alt .loader {
	width: 100%;
}

.title-alt .loader h6 {
	width: 100%;
	height: 70px;
	margin-bottom: 10px;
	overflow: clip;
	border-radius: 5px;
}

.title h1,.title h2 {
	line-height: 1.1em;
}

.title h2 {
	color: #fff;
	font-weight: 400;
	margin-top: 20px;
}

.subtitle {
	width: 100%;
	max-width: 1400px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.subtitle h3 {
	width: 100%;
	max-width: 1240px;
	margin: 10px;
	text-indent: 15px;
	color: #fff;
}

.subtitle-mono {
	color: #fff;
	font-weight: 700;
}

.subtitle-alt,.subtitle-mono {
	width: 100%;
	max-width: 1400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.subtitle-alt h3 {
	text-indent: unset;
	color: #fff;
	margin: 10px 25px;
	padding-bottom: 2px;
	border-bottom: 2px solid #fff;
}

.subtitle-alt-mobile {
	width: 100%;
	max-width: 1400px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.subtitle-alt-mobile h3 {
	border-bottom: 2px solid hsla(0,0%,100%,.2);
	width: 100%;
	max-width: 1240px;
	text-indent: unset;
	color: #fff;
	margin: 10px;
}

.stack {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.stack-item {
	max-width: 400px;
	margin: 10px;
}

.stack-item,.stack-item-alt {
	width: 100%;
	position: relative;
}

.stack-item-alt {
	max-width: 360px;
}

.stack-item-alt section {
	padding: 15px;
}

.stack-item-small {
	width: 100%;
	max-width: 190px;
	position: relative;
	margin: 10px;
}

.content {
	padding: 15px;
}

.content h2 {
	position: relative;
	top: 2px;
}

.icon {
	width: 50px;
	height: 50px;
	font-size: 2em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.value {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	padding: 15px 0;
}

.value .horizontal-group {
	border-bottom: 1px solid #000;
	padding: 3px 0;
}

.value .horizontal-group-alt {
	margin-top: 3px;
}

.value h3 {
	margin-bottom: 10px;
}

.value p {
	margin-right: 5px;
}

.offset {
	top: -30px;
}

.offset,.offset2 {
	position: relative;
}

.offset2 {
	top: 16px;
}

.package-filler {
	height: 630px;
}

.deposit-filler,.package-filler {
	display: flex;
	flex-direction: column;
}

.deposit-filler {
	height: 250px;
}

.filler-header {
	align-items: center;
	background: hsla(0,0%,100%,.3);
	//border-radius: .75rem .75rem 0 0;
}

.filler-body,.filler-header {
	display: flex;
	justify-content: space-between;
	padding: 15px;
}

.filler-body {
	height: 100%;
	flex-direction: column;
}

.filler-body-title {
	margin-top: 26px;
}

.filler-body-title h1 {
	font-weight: 400;
	color: #000;
	color: var(--headerblue);
}

.filler-element {
	margin-top: 26px;
}

.lockup {
	height: 100px;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: center;
	justify-content: center;
}

.lockup h1 {
	color: #000;
	color: var(--headerblue);
}

.deposit{
    margin-top: 70px;
    margin-bottom: 20px;
}

.deposit h3 {
	margin-bottom: 10px;
    color: #fff;
}

.days {
	border: 2px solid #fff;
	//border: 2px solid var(--headerblue);
	padding: 5px;
	border-radius: .5rem;
}

.days h3 {
	color: #fff;
	//color: var(--headerblue);
	font-family: "DM Mono",monospace;
	font-size: 14px;
	text-transform: uppercase;
}

.countdown {
	padding: 5px;
	border-radius: .5rem;
	background: hsla(0,0%,100%,.25);
}

.countdown,.countdown-icon {
	display: flex;
	align-items: center;
}

.countdown-icon {
	margin-right: 5px;
}

.countdown-icon,.countdown h3 {
	color: #000;
	color: var(--headerblue);
}

.countdown h3 {
	font-family: "DM Mono",monospace;
	font-size: 14px;
	text-transform: uppercase;
}

.deposit-group {
	justify-content: space-between;
	grid-gap: 8px;
	gap: 8px;
}

.deposit-group,.input-group {
	display: flex;
	align-items: center;
}

.input-group {
	min-height: 40px;
	border-radius: .5rem;
    background: hsl(0deg 0% 0% / 50%);
	//background: hsla(0,0%,100%,.25);
	padding: 0 10px;
	margin-right: 10px;
}

.input-group h3 {
	margin: unset;
	margin-left: 10px;
}

.horizontal-group,.horizontal-group-alt {
	display: flex;
	justify-content: space-between;
}

.unit {
	font-size: 16px;
	font-weight: 400;
}

.glass {
	//border-radius: .625rem;
	//border: 2px solid hsla(0,0%,100%,.18);
}

.glass {
    background: rgba(0,0,0,.5);
	//background: hsla(0,0%,100%,.9);
	//box-shadow: 0 8px 32px 0 rgba(0,0,0,.3);
	//backdrop-filter: blur(6px);
	//-webkit-backdrop-filter: blur(6px);
    color: #fff;
}

.glass-card {
    background: rgba(0,0,0,.5);
	//background: hsla(0,0%,100%,.1);
	//box-shadow: 0 8px 32px 0 rgba(0,0,0,.3);
	//backdrop-filter: blur(6px);
	//-webkit-backdrop-filter: blur(6px);
    color: #fff;
}

.glass-card {
	//border-radius: 1.25rem;
	//border: 2px solid hsla(0,0%,100%,.3);
	overflow: clip;
}

.paid {
	opacity: .2;
}

.glass-abs {
	width: 100%;
	height: 100%;
	//box-shadow: 0 8px 32px 0 rgba(0,0,0,.2);
	//border-radius: 1.625rem;
}

.glass-abs-header {
	width: 100%;
	//border-left: 1px solid hsla(0,0%,100%,.1);
	//border-right: 1px solid hsla(0,0%,100%,.1);
	//border-top: 1px solid hsla(0,0%,100%,.1);
	//border-radius: 1.625rem 1.625rem 0 0;
	//backdrop-filter: blur(6px);
	//-webkit-backdrop-filter: blur(6px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 220px;
    
    //border-bottom: 1px solid hsla(0,0%,100%,.1);
    //border-radius: 1.625rem 1.625rem 1.625rem 1.625rem;
}

.glass-abs-header h1 {
	color: #fff;
}

.glass-abs-body {
	width: 100%;
	height: 760px;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border-left: 1px solid hsla(0,0%,100%,.1);
	border-right: 1px solid hsla(0,0%,100%,.1);
	border-bottom: 1px solid hsla(0,0%,100%,.1);
	border-radius: 0 0 1.625rem 1.625rem;
	background: hsla(0,0%,100%,.1);
}

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

.locked-plans{
	margin-top: -100px;
}

.spacer {
	height: 90px;
}

.main-alt {
	display: flex;
	flex-direction: column;
	align-items: center;
	grid-gap: 30px;
	gap: 30px;
}

.packages-abs {
	position: absolute;
    width: 100%;
}

.packages {
	width: 100%;
	padding: 100px 0 60px;
}

.earnings {
	width: 100%;
	max-width: 1260px;
}

.split {
	display: flex;
	flex-wrap: wrap;
}

.balances {
	max-width: 420px;
}

.balances,.referrals {
	display: flex;
	width: 100%;
}

.referrals {
	max-width: 840px;
}

.referrals-inner {
	margin: 10px;
	width: 100%;
    background: rgba(0,0,0,.5);
	//background: hsla(0,0%,100%,.9);
	//box-shadow: 0 8px 32px 0 rgba(0,0,0,.3);
	//backdrop-filter: blur(4px);
	//-webkit-backdrop-filter: blur(4px);
	//border-radius: .625rem;
	//border: 2px solid hsla(0,0%,100%,.18);
	padding: 15px;
    color: #fff;
}

.referrals-inner-item {
	margin: 15px 0;
}

.referrals-inner-item h3 {
	margin-bottom: 10px;
}

.ref-link {
	width: 100%;
	border-radius: .5rem;
	background: hsla(0,0%,100%,.25);
	display: flex;
	align-items: center;
	padding: 0 10px;
	margin-right: 10px;
}

.ref-link input {
	font-weight: 400;
}

.ref-copy {
	min-width: 40px;
	min-height: 40px;
	border-radius: .5rem;
	background: hsla(0,0%,100%,.25);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	cursor: pointer;
}

.ref-copy:hover {
	background: hsla(0,0%,100%,.27);
}

.ref-copy:active {
	background: hsla(0,0%,92.2%,.3);
}

.ref-stack {
	display: flex;
	flex-wrap: wrap;
}

.ref-stack-item {
	width: 100%;
	max-width: 393px;
}

.align-end {
	display: flex;
	align-self: flex-end;
}

.snooze {
	padding: 15px 0;
}

.snooze .deposit-group {
	margin-top: 10px;
}

.ref-percent {
	font-size: 1.5em;
	font-weight: 700;
	color: #000;
	color: var(--headerblue);
}

.note {
	font-size: .8em;
	font-style: italic;
}

.roi-group {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	grid-gap: 2px;
	gap: 2px;
	color: #000;
	color: var(--headerblue);
}

.roi-group h3 {
	color: #000;
}

.roi-group .value {
	border-bottom: 1px solid #000;
	border-bottom: 1px solid var(--headerblue);
}

.filler-body .value {
	padding: unset;
}

.deposits {
	width: 100%;
	max-width: 1400px;
}

.loader {
	width: 90px;
}

.blue {
	color: #000;
	color: var(--headerblue);
}

.wrong-network {
	display: flex;
	align-items: center;
	grid-gap: 10px;
	gap: 10px;
	color: orange;
}

.wrong-network h3 {
	color: orange;
}

.iconvalue-pair {
	display: flex;
	align-items: center;
	grid-gap: 8px;
	gap: 8px;
}

.iconvalue-pair span {
	height: 16px;
}

.green {
	color: #51e723;
}

.red {
	color: red;
}

.partners {
	width: 100%;
}

.partner-logo {
	height: 190px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.partner-logo img {
	width: 120px;
}

.menu-button {
	display: flex;
	align-items: center;
}

.prize-pool {
	align-self: center;
	justify-self: center;
}

.prize-pool,.ticket-machine-group {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ticket-machine-group {
	margin: 30px 0;
	padding: 10px;
}

.ticket-machine-group-mobile {
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: visible;
	margin: 30px 0;
}

.ticket-machine {
	width: 100%;
	max-width: 360px;
}

.ticket-machine-inner {
	height: 200px;
	margin: 15px;
	padding: 15px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	background: rgba(0,0,0,.5);
	border: 2px solid #000;
	box-shadow: 10px 10px 0 0 #000;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.ticket-machine .subtitle-alt h2 {
	text-align: left;
}

.ticket-machine input {
	min-width: 70px;
}

.quantity-buttons {
	display: flex;
}

.quantity-button {
	width: 100%;
	padding: 5px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.quantity-button:hover {
	background: hsla(0,0%,100%,.1);
}

.subtitle-alt h2 {
	width: 100%;
	font-family: "DM Mono",monospace;
	text-align: center;
	color: #fff;
}

#prizes {
	flex-wrap: wrap-reverse;
}

#prizes,#winners {
	justify-content: space-between;
}

.deposit-alt .subtitle h2 {
	width: 100%;
	font-family: "DM Mono",monospace;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}

.full-width {
	width: 100%;
	max-width: 1260px;
}

.winner-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.winner-item {
	margin: 10px;
	padding: 5px;
	background: #fff;
	border: 2px solid #000;
	box-shadow: 10px 10px 0 0 #000;
}

.winner-item h3 {
	color: #000;
	font-family: "DM Mono",monospace;
}

.winner-margin {
	margin: 30px 0;
}

.badge-group a {
	display: flex;
	align-items: center;
}

.badge-group a h5 {
	font-family: "DM Mono",monospace;
	font-size: .75em;
	text-align: center;
	color: #000;
	background: #0ff;
	border-radius: 5px;
	padding: 3px 5px;
	margin-left: 5px;
	position: relative;
	top: 1px;
}

.badge-group-polygon a {
	display: flex;
	align-items: center;
}

.badge-group-polygon a h5 {
	font-family: "DM Mono",monospace;
	font-size: .75em;
	text-align: center;
	color: #fff;
	background: #0026ff;
	border-radius: 5px;
	padding: 3px 5px;
	margin-left: 5px;
}

.badge-group-avax a {
	display: flex;
	align-items: center;
}

.badge-group-avax a h5 {
	font-family: "DM Mono",monospace;
	font-size: .75em;
	text-align: center;
	color: #fff;
	background: #e84142;
	background: var(--avaxred);
	border-radius: 5px;
	padding: 3px 5px;
	margin-left: 5px;
}

.badge-group-ftm a {
	display: flex;
	align-items: center;
}

.badge-group-ftm a h5 {
	font-family: "DM Mono",monospace;
	font-size: .75em;
	text-align: center;
	color: #fff;
	background: #ab00ff;
	background: var(--glasspurple);
	border-radius: 5px;
	padding: 3px 5px;
	margin-left: 5px;
}

.ghost {
	-webkit-transform: translatey(0);
	transform: translatey(0);
	-webkit-animation: float 6s ease-in-out infinite;
	animation: float 6s ease-in-out infinite;
	position: relative;
	left: -80px;
}

.ghost a {
	cursor: help;
}

.penguin {
	position: relative;
	left: -100px;
	-webkit-animation: penguin 30s linear infinite;
	animation: penguin 30s linear infinite;
}

@-webkit-keyframes penguin {
	0% {
		-webkit-transform: translateY(100vh);
		transform: translateY(100vh);
	}

	to {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%);
	}
}

@keyframes penguin {
	0% {
		-webkit-transform: translateY(100vh);
		transform: translateY(100vh);
	}

	to {
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%);
	}
}

.penguin a {
	cursor: help;
}

@-webkit-keyframes float {
	0% {
		-webkit-transform: translatey(0);
		transform: translatey(0);
	}

	50% {
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px);
	}

	to {
		-webkit-transform: translatey(0);
		transform: translatey(0);
	}
}

@keyframes float {
	0% {
		-webkit-transform: translatey(0);
		transform: translatey(0);
	}

	50% {
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px);
	}

	to {
		-webkit-transform: translatey(0);
		transform: translatey(0);
	}
}

.launch-countdown {
	position: fixed;
	top: 40vh;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	width: 600px;
	height: 20vh;
	background: rgba(0,0,0,.5);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	border: 2px solid #fff;
	border-radius: .5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 1;
	box-shadow: 0 8px 32px 0 rgba(0,0,0,.6);
}

.launch-countdown h3 {
	color: #fff;
	font-family: "DM Mono",monospace;
	font-size: 4em;
}

.launch-countdown h2 {
	color: #fff;
	margin-bottom: 10px;
}

.announcement {
	//width: 100%;
	//max-width: 1240px;
	background: #00f;
	background: linear-gradient(125deg,#000714,rgba(170,0,255,0) 80%);
	background-position: 100%;
	//border-radius: .625rem;
	position: fixed;
	z-index: 2;
	top: 70px;
	padding: 15px;
	font-weight: 700;
    text-align: center;
}

.announcement:hover {
	-webkit-filter: brightness(90%);
	filter: brightness(90%);
}

.confirm-withdrawal {
	top: 25vh;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	width: 100%;
	max-width: 1300px;
	height: 50vh;
	padding: 40px;
}

.confirm-withdrawal,.confirm-withdrawal-mobile {
	position: fixed;
	background: #fff;
	box-shadow: 0 8px 200px 0 rgba(0,0,0,.8);
	border-radius: 1.25rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.confirm-withdrawal-mobile {
	z-index: 4;
	top: 0;
	bottom: 0;
	left: 0;
	padding: 20px;
	margin: 10px;
	overflow: scroll;
}

.should-you {
	display: flex;
	justify-content: space-between;
}

.confirm-withdrawal-mobile .snooze-please-group h1 {
	margin: 15px 0;
	width: 100%;
	background: #e0ffff;
	border-radius: .625rem;
	padding: 10px;
}

.confirm-withdrawal-mobile h1,.confirm-withdrawal h1 {
	color: #000;
	font-weight: 700;
}

.confirm-withdrawal-mobile h1 {
	line-height: 1.25em;
}

.confirm-withdrawal-mobile h2,.confirm-withdrawal h2 {
	max-width: 820px;
	line-height: 1.3em;
}

.confirm-withdrawal-mobile h2 {
	font-size: 1.3em;
}

.snooze-please-group {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	padding: 12px 0 8px;
	border-bottom: 1px solid #000;
}

.confirm-withdrawal-mobile .snooze-please-group {
	border: unset;
	justify-content: center;
	padding: 10px 0;
}

.snooze-please-options-group,.snooze-please-options-group h3 {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
}

.snooze-please-options-group h3 {
	line-height: 1.4em;
}

.confirm-withdrawal-mobile .snooze-please-options-group h3 {
	text-align: center;
}

.snooze-please-options-group .options {
	display: flex;
	align-items: center;
	grid-gap: 25px;
	gap: 25px;
}

.confirm-withdrawal-mobile .snooze-please-options-group .options {
	margin-top: 30px;
	width: 100%;
	flex-direction: column-reverse;
}

.pointer,.snooze-please-options-group .options h3 {
	cursor: pointer;
}

.progress-wrapper {
	border-radius: .5rem;
	overflow: clip;
}

.deposit-table {
	display: flex;
	//border-bottom: 1px solid var(--headerblue);
}

.app-body-token {
	width: 100%;
	height: 100%;
	max-width: 1400px;
	padding: 30px 10px;
	display: flex;
	flex-direction: column;
	grid-gap: 50px;
	gap: 50px;
}

.banner-inner img.coin {
	max-width: 250px;
	max-height: 250px;
	position: relative;
	left: -80px;
	top: -20px;
	-webkit-filter: contrast(125%) brightness(1.5);
	filter: contrast(125%) brightness(1.5);
}

.special-group {
	display: flex;
	align-items: center;
	margin-top: 30px;
	grid-gap: 30px;
	gap: 30px;
	color: #fff;
	font-weight: 400;
}

.special-group a {
	color: #fff;
}

.special-button {
	padding: 10px 15px;
	border: 2px solid #fff;
	border-radius: 100px;
	width: -webkit-max-content;
	width: max-content;
}

.dark-glass,.dark-glass-icon {
	background: rgba(27,18,34,.3);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	border-radius: .625rem;
	padding: 5px;
}

.dark-glass h2,.dark-glass h3 {
	color: #fff;
}

.dark-glass p {
	color: #fff;
	line-height: 1.5em;
}

.dark-glass a {
	color: #fff;
}

.unit-uMATIC {
	color: #0ff;
}

.comment,.unit-uMATIC {
	font-size: 16px;
	font-weight: 400;
}

.comment {
	color: grey;
}

.staking {
	width: 100%;
	max-width: 1260px;
}

.mono {
	font-family: "DM Mono",monospace;
}

.percent-pair {
	display: flex;
	align-items: center;
}

.percent-pair h3 {
	margin: unset;
	margin-left: 10px;
	position: relative;
	top: 5px;
}

.percent-pair .green,.percent-pair .red {
	display: flex;
	align-items: center;
}

.stack-item .dark-glass {
	height: 100%;
}

.stack-item .offset .dark-glass {
	height: unset;
}

.staking-inner .ref-stack {
	justify-content: space-between;
}

.staking-inner .ref-stack-item {
	width: 100%;
	max-width: 383px;
}

.staking-inner h2,.staking-inner h3 {
	color: #fff;
}

.staking-inner-item {
	padding: 15px 0;
}

.staking-inner-item h3 {
	margin-bottom: 10px;
	color: #fff;
}

.staking-inner-item h2 {
	margin-bottom: 15px;
	color: #fff;
}

.staking-inner-item p {
	color: #fff;
}

#staking-deposit-form .input-group,#staking-withdraw-form .input-group {
	width: 100%;
	margin-right: unset;
}

#staking-deposit-form .deposit-group h3,#staking-withdraw-form .deposit-group h3 {
	margin-bottom: unset;
}

.max-button {
	padding: 10px;
}

.max-button h3 {
	margin-bottom: unset;
	text-decoration: underline;
}

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

.custom-group .input-group {
	background: rgba(0,0,0,.25);
}

.custom-group input {
	min-width: unset;
	color: #fff;
}

.right {
	text-align: right;
}

.airdrop-countdown-small h3 {
	font-size: 1.5em;
	font-family: "DM Mono",monospace;
	margin: unset;
}

.orange {
	color: orange;
}
/*# sourceMappingURL=main.4429412b.chunk.css.map */