/*
! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com
*/

*,
:after,
:before {
	box-sizing: border-box;
	border: 0 solid #e5e7eb
}

:after,
:before {
	--tw-content: ""
}

html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji
}
/**/
.hver a {
    /* padding: 10px 0; */
    margin: 0 20px;
    color: white;
    text-shadow: none;
    position: relative;
  }
  a:hover{
    color: white!important;
    text-decoration: none!important;
  }
  .hver a::before {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    /* padding: 10px 0; */
    /* max-width: 0; */
    background: linear-gradient(135deg,hsla(0,0%,100%,0) 56%,#ef7b6c 98%),linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    content: attr(data-hover);
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .hver a:hover::before {
    opacity: 1;
  }
  
  

property --rotate {
    syntax: "<angle>";
    initial-value: 132deg;
    inherits: false;
  }
  
  :root {
    --card-height: 35vh;
    --card-width: calc(var(--card-height) / 1.01);
  }
  
  .card {
    /* background: #191c29; */
    background: #191c2900!important;
    width: var(--card-width);
    height: var(--card-height);
    padding: 3px;
    position: relative;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    text-align: center;
    display: flex;
  }
  
  .card::before {
    content: "";
    /* width: 104%; */
    width: 102%;
    height: 101%;
    /* height: 102%; */
    border-radius: 8px;
    background-image: linear-gradient(#5ddcff, #3c67e3 43%, #4e00c2);
      position: absolute;
      z-index: 0;
      /* top: -1%;
      left: -2%; */
      top: -1px;
      left: -3px;
      animation: hue-rotate 2.5s linear infinite;
  }
  
  .card::after {
    position: absolute;
    content: "";
    top: calc(var(--card-height) / 50);
    left: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    transform: scale(0.8);
    filter: blur(calc(var(--card-height) / 6));
    background-image: linear-gradient(
       #5ddcff, #3c67e3 43%, #4e00c2);
      opacity: 1;
    transition: opacity .5s;
    animation: spin 2.5s linear infinite;
  }
  
  @keyframes spin {
    0% {
      --rotate: 0deg;
    }
    100% {
      --rotate: 360deg;
    }
  }
  
  #cf4a img {
      position: absolute;
      border-radius: 8px;
      animation-name: cf4FadeInOut;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-duration: 7s;
      animation-direction: alternate;
      object-fit: cover;
      width: 100%;
    }
      
    @keyframes cf4FadeInOut {
      0% {
        opacity:1;
      }
      17% {
        opacity:1;
      }
      25% {
        opacity:0;
      }
      92% {
        opacity:0;
      }
      100% {
        opacity:1;
      }
    }
  
    #cf4a img:nth-of-type(1) {
      animation-delay: 12s;
    }
    #cf4a img:nth-of-type(2) {
      animation-delay: 10s;
    }
    #cf4a img:nth-of-type(3) {
      animation-delay: 8s;
    }
    #cf4a img:nth-of-type(4) {
      animation-delay: 6s;
    }
    #cf4a img:nth-of-type(5) {
      animation-delay: 4s;
    }
    #cf4a img:nth-of-type(6) {
      animation-delay: 2s;
    }
    #cf4a img:nth-of-type(7) {
      animation-delay: 0s;
    }
  
.f-img{
  width: 25px;
  height: 25px;
  filter: drop-shadow(1px 1px 1px blue);
}
.f-img:hover{
  filter: contrast(0) sepia(1) sepia(1) sepia(1) hue-rotate(178deg);
}
.line-top{
  background:currentColor;
  height:4px;
  left:0px;
  position:absolute;
  width:48px;
  top:13px;
  transition:0.4s cubic-bezier(0, 0, 0, 1);
  transform:none;
}
.line-bottom{
  background:currentColor;
  height:4px;
  left:0px;
  position:absolute;
  width:48px;
  top:31px;
  transition:0.4s cubic-bezier(0, 0, 0, 1);
  transform:none;
}
.line-top-mb{
  background:currentColor;
  height:3px;
  left:8px;
  position:absolute;
  width:32px;
  top:17px;
  transition:0.4s cubic-bezier(0, 0, 0, 1);
  transform:none;
}
.line-bottom-mb{
  background:currentColor;
  height:3px;
  left:8px;
  position:absolute;
  width:32px;
  top:29px;
  transition:0.4s cubic-bezier(0, 0, 0, 1);
  transform:none;
}
.rotate-top{
  top: 23px;
  transform: rotate(45deg);
}
.rotate-bottom{
  top: 23px;
  transform: rotate(135deg);

}
.rotate-top-mb{
  transform: rotate(45deg);
}
.rotate-bottom-mb{
  transform: rotate(135deg);
  top: 18px;
}
.hamburger-react{
  cursor:pointer;
  height:48px;
  position:relative;
  transition:0.4s cubic-bezier(0, 0, 0, 1);
  user-select:none;
  width:48px;
  outline:none
}
.pill-logo {
  border: none;
  height: 300px;
  width: 60px;
  border-radius: 25px;
  background-color: #000;
  background-image: linear-gradient(180deg, #f00baa 45%, #f00baa 45%, #4de1e6 0%, #4de1e6 100%);
  overflow: hidden;
  margin-bottom: 2rem;
  position: relative;
  box-shadow: 1px 0px 20px 11px #ff000054;
  /*-webkit-animation: background 5s cubic-bezier(1,0,0,1) infinite;
  animation: background 5s cubic-bezier(1,0,0,1) infinite; */ 
  /* animation: hue-rotate 15s linear infinite;*/
}
.pill-logo:after {
  position: absolute;
  display: block;
  content: "";
  width: 5px;
  height: 92%;
  border-radius: 99em;
  background-color: rgba(255, 255, 255, 0.5);
  left: 83%;
  top: 141%;
  transform: translate(-50%, -150%);
}    
.pill-logo:before {
  position: absolute;
  display: block;
  content: "";
  width: 104%;
  height: 110%;
  border-radius: 99em;
  background-color: rgba(255, 255, 255, 0.25);
  left: 10%;
  top: 160%;
  transform: translate(-50%, -150%);
}
@keyframes hue-rotate{
    0% {
    -webkit-filter: hue-rotate(0);
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  100% {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}
@-webkit-keyframes background {
  0% {background-image: linear-gradient(180deg, #c1f00b 45%, #c1f00b 45%, #4de1e6 0%, #4de1e6 100%); }
  33% { background-image: linear-gradient(180deg, #5df00b 45%, #5ef00c 45%, #d156e6 0%, #d64de6 100%); }  
  67% { background-image: linear-gradient(180deg, #f09b0b 45%, #f09b08 45%, #e65693 0%, #e65596 100%); }
  100% {background-image: linear-gradient(180deg, #ff8769 45%, #ff8769 45%, #56e6e3 0%, #88c4d1 100%);}
}
@keyframes background {
  0% {background-image: linear-gradient(180deg, #c1f00b 45%, #c1f00b 45%, #4de1e6 0%, #4de1e6 100%); }
  33% { background-image: linear-gradient(180deg, #5df00b 45%, #5ef00c 45%, #d156e6 0%, #d64de6 100%); }  
  67% { background-image: linear-gradient(180deg, #f09b0b 45%, #f09b08 45%, #e65693 0%, #e65596 100%); }
  100% {background-image: linear-gradient(180deg, #ff8769 45%, #ff8769 45%, #56e6e3 0%, #88c4d1 100%);}
}
h1{
  font-family: inherit;
}  
img.img-ras {
  position: absolute;
  bottom: -107px;
  width: 70%;
  left: -210px;
}

.btnn {
    cursor: pointer;
    position: relative;
    padding: 10px 20px;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    user-select: none;
    background-color: transparent;
    padding: 0.575rem 0.95rem;
    font-size: 28px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all 1s;
  }
  .btnn:after, .btnn:before {
    content: " ";
    width: 10px;
    height: 10px;
    position: absolute;
    border: 0px solid #fff;
    transition: all 1s;
  }
  .btnn:after {
    top: -1px;
    left: -1px;
    border-top: 5px solid black;
    border-left: 5px solid black;
  }
  .btnn:before {
    bottom: -1px;
    right: -1px;
    border-bottom: 5px solid black;
    border-right: 5px solid black;
  }
  .btnn:hover {
    border-top-right-radius: 0px;
    text-decoration: none;
    border-bottom-left-radius: 0px;
  }
  .btnn:hover:before, .btnn:hover:after {
    width: 100%;
    height: 100%;
  }
.pill-container {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.pill {
  position: fixed;
  top: 50%;
  left: 50%;
  transform-origin: center;
  height: 3.5vh;
  width: 10vh;
  border-radius: 30%/2.5vh;
  background-image: linear-gradient(90deg, #d7e2f1 50%, #d7e2f1 50%, #cd2b5b 50%, #cd2b5b 100%);
  opacity: 0;
}
.controller{
  -webkit-animation: bounce-down 1.6s linear infinite;
  animation: bounce-down 1.6s linear infinite;
  display: flex;
  justify-content: center;
}
@-webkit-keyframes bounce-down {
   25% {
        -webkit-transform: translateY(-4px);
   }
   50%, 100% {
        -webkit-transform: translateY(0);
   }
   75% {
        -webkit-transform: translateY(4px);
   }
}
@keyframes bounce-down {
    25% {
         transform: translateY(-4px);
    }
    50%, 100% {
         transform: translateY(0);
    }
    75% {
         transform: translateY(4px);
    }
}
.img-z{
  -webkit-animation: bounce-down 1.6s linear infinite;
  animation: bounce-down 1.5s linear infinite;
  position: absolute;
  top: 2px;
  left: 56px;
  opacity: 0.5;
}

.glitch {
  position: relative;
  text-shadow: 0.05em 0 0 rgba(255, 0, 0, 0.75),
    -0.025em -0.05em 0 rgba(0, 255, 0, 0.75),
    0.025em 0.05em 0 rgba(0, 0, 255, 0.75);

  animation: glitch 2500ms infinite;
}



@keyframes glitch {
  0% {
    text-shadow: 0.05em 0 0 rgba(255, 0, 0, 0.75),
      -0.05em -0.025em 0 rgba(0, 255, 0, 0.75),
      -0.025em 0.05em 0 rgba(0, 0, 255, 0.75);
  }
  
  15% {
    text-shadow: -0.05em -0.025em 0 rgba(255, 0, 0, 0.75),
      0.025em 0.025em 0 rgba(0, 255, 0, 0.75),
      -0.05em -0.05em 0 rgba(0, 0, 255, 0.75);
  }
  
  50% {
    text-shadow: 0.025em 0.05em 0 rgba(255, 0, 0, 0.75),
      0.05em 0 0 rgba(0, 255, 0, 0.75), 
      0 -0.05em 0 rgba(0, 0, 255, 0.75);
  }
  
  100% {
    text-shadow: -0.025em 0 0 rgba(255, 0, 0, 0.75),
      -0.025em -0.025em 0 rgba(0, 255, 0, 0.75),
      -0.025em -0.05em 0 rgba(0, 0, 255, 0.75);
  }
}
.gradient-rotate{
	animation: hue-rotate 10s linear infinite;
}

/**/
body{
	margin: 0;
	line-height: inherit
}

hr {
	height: 0;
	color: inherit;
	border-top-width: 1px
}

abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit
}

a {
	color: inherit;
	text-decoration: inherit
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
pre,
samp {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

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

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

table {
	text-indent: 0;
	border-color: inherit;
	border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: inherit;
	color: inherit;
	margin: 0;
	padding: 0
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button;
	background-color: transparent;
	background-image: none
}

:-moz-focusring {
	outline: auto
}

:-moz-ui-invalid {
	box-shadow: none
}

progress {
	vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

summary {
	display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
	margin: 0
}

fieldset {
	margin: 0
}

fieldset,
legend {
	padding: 0
}

menu,
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0
}

textarea {
	resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
	opacity: 1;
	color: #9ca3af
}

input::placeholder,
textarea::placeholder {
	opacity: 1;
	color: #9ca3af
}

[role=button],
button {
	cursor: pointer
}

:disabled {
	cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
	display: block;
	vertical-align: middle
}

img,
video {
	max-width: 100%;
	height: auto
}

[hidden] {
	display: none
}
*,
:after,
:before {
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x: ;
	--tw-pan-y: ;
	--tw-pinch-zoom: ;
	--tw-scroll-snap-strictness: proximity;
	--tw-ordinal: ;
	--tw-slashed-zero: ;
	--tw-numeric-figure: ;
	--tw-numeric-spacing: ;
	--tw-numeric-fraction: ;
	--tw-ring-inset: ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgba(59, 130, 246, .5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur: ;
	--tw-brightness: ;
	--tw-contrast: ;
	--tw-grayscale: ;
	--tw-hue-rotate: ;
	--tw-invert: ;
	--tw-saturate: ;
	--tw-sepia: ;
	--tw-drop-shadow: ;
	--tw-backdrop-blur: ;
	--tw-backdrop-brightness: ;
	--tw-backdrop-contrast: ;
	--tw-backdrop-grayscale: ;
	--tw-backdrop-hue-rotate: ;
	--tw-backdrop-invert: ;
	--tw-backdrop-opacity: ;
	--tw-backdrop-saturate: ;
	--tw-backdrop-sepia:
}

.absolute {
	position: absolute
}

.relative {
	position: relative
}

.bottom-8 {
	bottom: 2rem
}

.left-8 {
	left: 2rem
}

.top-full {
	top: 100%
}

.left-0 {
	left: 0
}

.bottom-0 {
	bottom: 0
}

.z-0 {
	z-index: 0
}

.z-50 {
	z-index: 50
}

.col-span-5 {
	grid-column: span 5/span 5
}

.col-span-3 {
	grid-column: span 3/span 3
}

.col-start-9 {
	grid-column-start: 9
}

.col-start-12 {
	grid-column-start: 12
}

.m-0 {
	margin: 0
}

.mx-1 {
	margin-left: .25rem;
	margin-right: .25rem
}

.mb-2 {
	margin-bottom: .5rem
}

.mt-4 {
	margin-top: 1rem
}

.mb-4 {
	margin-bottom: 1rem
}

.mt-2 {
	margin-top: .5rem
}

.ml-1 {
	margin-left: .25rem
}

.mt-0 {
	margin-top: 0
}

.mt-1 {
	margin-top: .25rem
}

.flex {
	display: flex
}

.grid {
	display: grid
}

.hidden {
	display: none
}

.h-screen {
	height: 100vh
}

.h-4\/6 {
	height: 66.666667%
}

.h-full {
	height: 100%
}

.h-0 {
	height: 0
}

.h-max {
	height: -moz-max-content;
	height: max-content
}

.h-10 {
	height: 2.5rem
}

.w-screen {
	width: 100vw
}

.w-full {
	width: 100%
}

.w-60 {
	width: 15rem
}

.w-max {
	width: -moz-max-content;
	width: max-content
}

.max-w-xl {
	max-width: 36rem
}

.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.select-none {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.grid-cols-12 {
	grid-template-columns: repeat(12, minmax(0, 1fr))
}

.flex-col {
	flex-direction: column
}

.items-center {
	align-items: center
}

.justify-end {
	justify-content: flex-end
}

.justify-center {
	justify-content: center
}

.justify-between {
	justify-content: space-between
}

.justify-items-end {
	justify-items: end
}

.space-y-4>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-2>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.space-x-2>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(.5rem * var(--tw-space-x-reverse));
	margin-left: calc(.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-y-12>:not([hidden])~:not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(3rem * var(--tw-space-y-reverse))
}

.space-x-6>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(1.5rem * var(--tw-space-x-reverse));
	margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))
}

.space-x-4>:not([hidden])~:not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(1rem * var(--tw-space-x-reverse));
	margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)))
}

.divide-y-\[1px\]>:not([hidden])~:not([hidden]) {
	--tw-divide-y-reverse: 0;
	border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
	border-bottom-width: calc(1px * var(--tw-divide-y-reverse))
}

.divide-white>:not([hidden])~:not([hidden]) {
	--tw-divide-opacity: 1;
	border-color: rgb(255 255 255/var(--tw-divide-opacity))
}

.overflow-y-auto {
	overflow-y: auto
}

.overflow-y-visible {
	overflow-y: visible
}

.break-words {
	overflow-wrap: break-word
}

.border-1,
.border-\[1px\] {
	border-width: 1px
}

.border-white {
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255/var(--tw-border-opacity))
}

.bg-black {
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0/var(--tw-bg-opacity))
}

.bg-black\/50 {
	background-color: rgba(0, 0, 0, .5)
}

.bg-transparent {
	background-color: transparent
}

.p-4 {
	padding: 1rem
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem
}

.py-2 {
	padding-top: .5rem;
	padding-bottom: .5rem
}

.px-3 {
	padding-left: .75rem;
	padding-right: .75rem
}

.py-1 {
	padding-top: .25rem;
	padding-bottom: .25rem
}

.py-3 {
	padding-top: .75rem;
	padding-bottom: .75rem
}

.px-7 {
	padding-left: 1.75rem;
	padding-right: 1.75rem
}

.pb-3 {
	padding-bottom: .75rem
}

.pt-1 {
	padding-top: .25rem
}

.pl-2 {
	padding-left: .5rem
}

.pb-\[1\.5px\] {
	padding-bottom: 1.5px
}

.pt-12 {
	padding-top: 3rem
}

.pb-6 {
	padding-bottom: 1.5rem
}

.text-left {
	text-align: left
}

.text-center {
	text-align: center
}

.text-right {
	text-align: right
}

.font-body-bold {
	font-family: cerebri-sans-bold, sans-serif
}

.font-display {
	font-family: super-70, monospace
}

.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem
}

.text-5xl {
	font-size: 3rem;
	line-height: 1
}

.text-sm {
	font-size: .875rem;
	line-height: 1.25rem
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem
}

.text-xs {
	font-size: .75rem;
	line-height: 1rem
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem
}

.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem
}

.uppercase {
	text-transform: uppercase
}

.text-purple-500 {
	--tw-text-opacity: 1;
	color: rgb(168 85 247/var(--tw-text-opacity))
}

.text-white\/90 {
	color: hsla(0, 0%, 100%, .9)
}

.underline {
	-webkit-text-decoration-line: underline;
	text-decoration-line: underline
}

.underline-offset-2 {
	text-underline-offset: 2px
}

.opacity-80 {
	opacity: .8
}

.opacity-70 {
	opacity: .7
}

.opacity-60 {
	opacity: .6
}

.opacity-0 {
	opacity: 0
}

.opacity-100 {
	opacity: 1
}

.blur-\[1\.5px\] {
	--tw-blur: blur(1.5px)
}

.blur-\[1\.5px\],
.drop-shadow-xl {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.drop-shadow-xl {
	--tw-drop-shadow: drop-shadow(0 0 2px #000) drop-shadow(0 0 4px rgba(0, 0, 0, .2)) drop-shadow(0 0 6px rgba(0, 0, 0, .1))
}

.backdrop-blur-md {
	--tw-backdrop-blur: blur(12px);
	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
	backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)
}

.transition-colors {
	transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.transition-opacity {
	transition-property: opacity;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: .15s
}

.duration-100 {
	transition-duration: .1s
}

.duration-200 {
	transition-duration: .2s
}

.duration-300 {
	transition-duration: .3s
}

.ease-in {
	transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

body,
html {
	padding: 0;
	margin: 0;
    background: #070713!important;
	font-family: cerebri-sans-light, sans-serif;
	--tw-text-opacity: 1;
	color: rgb(255 255 255/var(--tw-text-opacity))
}

* {
	box-sizing: border-box
}

:focus {
	outline: 2px solid transparent;
	outline-offset: 2px
}

/*h1 {
	font-family: super-70, monospace
}
*/
.hover\:scale-\[1\.03\]:hover {
	--tw-scale-x: 1.03;
	--tw-scale-y: 1.03;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.hover\:cursor-pointer:hover {
	cursor: pointer
}

.hover\:cursor-text:hover {
	cursor: text
}

.hover\:cursor-default:hover {
	cursor: default
}

.hover\:text-purple-500:hover {
	--tw-text-opacity: 1;
	color: rgb(168 85 247/var(--tw-text-opacity))
}

.focus\:outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px
}

.list .num {

    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: 0.25s;
  }
   
  .list .num::before{
    font-size: 4rem;
    font-weight: bold;
    color: #353535;
    width: 2rem;
    opacity: 2;
    transition: 0.25s;
  }
  .list .num1:nth-child(0):before {
    content: '0';
  }
   .list .num1:nth-child(1):before {
    content: '1';
  }
   .list .num1:nth-child(2):before {
    content: '2';
  }
   .list .num1:nth-child(3):before {
    content: '3';
  }
   /* .list .num1:nth-child(4):before {
    content: '4';
   }  */
  /* }
   .list .num:nth-child(5):before {
    content: '5';
  } */
  .list .num2:nth-child(1):before {
    content: '4';
  }
   .list .num2:nth-child(2):before {
    content: '5';
  }
   .list .num2:nth-child(3):before {
    content: '6';
  }
   .list .num2:nth-child(4):before {
    content: '7';
  }
   /* .list .num2:nth-child(5):before {
    content: '10';
  } */
   .list .num h3 {
    position: relative;
    left: -1.5rem;
    color: #fafafa;
    font-size: 16px;
    transition: 0.25s;
  }
   /* .list .num:hover {
    background-color: #fafafa;
    cursor: pointer;
  } */
   .list .num:hover:before {
    opacity: 0.7;
    color: white;
  }
 
   .list .num:hover h3 {
    left: 1rem;
  }
  

@media (min-width:640px) {
	.sm\:text-4xl {
		font-size: 2.25rem;
		line-height: 2.5rem
	}
	.sm\:text-6xl {
		font-size: 3.75rem;
		line-height: 1
	}
	.sm\:text-2xl {
		font-size: 1.5rem;
		line-height: 2rem
	}
	.sm\:text-xl {
		font-size: 1.25rem;
		line-height: 1.75rem
	}
}

@media (min-width:768px) {
	.md\:mb-6 {
		margin-bottom: 1.5rem
	}
	.md\:mt-4 {
		margin-top: 1rem
	}
	.md\:mt-12 {
		margin-top: 3rem
	}
	.md\:block {
		display: block
	}
	.md\:hidden {
		display: none
	}
	.md\:py-4 {
		padding-top: 1rem
	}
	.md\:pb-4,
	.md\:py-4 {
		padding-bottom: 1rem
	}
	.md\:text-5xl {
		font-size: 3rem;
		line-height: 1
	}
	.md\:text-7xl {
		font-size: 4.5rem;
		line-height: 1
	}
	.md\:text-lg {
		font-size: 1.125rem;
		line-height: 1.75rem
	}
	.md\:text-base {
		font-size: 1rem;
		line-height: 1.5rem
	}
	.md\:text-2xl {
		font-size: 1.5rem;
		line-height: 2rem
	}
	.md\:text-6xl {
		font-size: 3.75rem;
		line-height: 1
	}
}

@media (min-width:1024px) {
	.lg\:text-6xl {
		font-size: 3.75rem;
		line-height: 1
	}
	.lg\:text-8xl {
		font-size: 6rem;
		line-height: 1
	}
	.lg\:text-xl {
		font-size: 1.25rem;
		line-height: 1.75rem
	}
}

@media (min-width:1280px) {
	.xl\:text-9xl {
		font-size: 8rem;
		line-height: 1
	}
}

[data-rk] .iekbcc0 {
	border: 0;
	box-sizing: border-box;
	font-size: 100%;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: baseline;
	-webkit-tap-highlight-color: transparent
}

[data-rk] .iekbcc1 {
	list-style: none
}

[data-rk] .iekbcc2 {
	quotes: none
}

[data-rk] .iekbcc2:after,
[data-rk] .iekbcc2:before {
	content: ""
}

[data-rk] .iekbcc3 {
	border-collapse: collapse;
	border-spacing: 0
}

[data-rk] .iekbcc4 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

[data-rk] .iekbcc5 {
	outline: none
}

[data-rk] .iekbcc5::-moz-placeholder {
	opacity: 1
}

[data-rk] .iekbcc5::placeholder {
	opacity: 1
}

[data-rk] .iekbcc6 {
	background-color: transparent;
	color: inherit
}

[data-rk] .iekbcc7:disabled {
	opacity: 1
}

[data-rk] .iekbcc7::-ms-expand,
[data-rk] .iekbcc8::-ms-clear {
	display: none
}

[data-rk] .iekbcc8::-webkit-search-cancel-button {
	-webkit-appearance: none
}

[data-rk] .iekbcc9 {
	background: none;
	cursor: pointer;
	text-align: left
}

[data-rk] .iekbcca {
	color: inherit;
	text-decoration: none
}

[data-rk] .ju367v0 {
	align-items: flex-start
}

[data-rk] .ju367v2 {
	align-items: flex-end
}

[data-rk] .ju367v4 {
	align-items: center
}

[data-rk] .ju367v6 {
	display: none
}

[data-rk] .ju367v8 {
	display: block
}

[data-rk] .ju367va {
	display: flex
}

[data-rk] .ju367vc {
	display: inline
}

[data-rk] .ju367ve {
	align-self: flex-start
}

[data-rk] .ju367vf {
	align-self: flex-end
}

[data-rk] .ju367vg {
	align-self: center
}

[data-rk] .ju367vh {
	background-size: cover
}

[data-rk] .ju367vi {
	border-radius: 1px
}

[data-rk] .ju367vj {
	border-radius: 6px
}

[data-rk] .ju367vk {
	border-radius: 10px
}

[data-rk] .ju367vl {
	border-radius: 13px
}

[data-rk] .ju367vm {
	border-radius: var(--rk-radii-actionButton)
}

[data-rk] .ju367vn {
	border-radius: var(--rk-radii-connectButton)
}

[data-rk] .ju367vo {
	border-radius: var(--rk-radii-menuButton)
}

[data-rk] .ju367vp {
	border-radius: var(--rk-radii-modal)
}

[data-rk] .ju367vq {
	border-radius: var(--rk-radii-modalMobile)
}

[data-rk] .ju367vr {
	border-radius: 25%
}

[data-rk] .ju367vs {
	border-radius: 9999px
}

[data-rk] .ju367vt {
	border-style: solid
}

[data-rk] .ju367vu {
	border-width: 0
}

[data-rk] .ju367vv {
	border-width: 1px
}

[data-rk] .ju367vw {
	border-width: 2px
}

[data-rk] .ju367vx {
	border-width: 4px
}

[data-rk] .ju367vy {
	cursor: pointer
}

[data-rk] .ju367vz {
	flex-direction: row
}

[data-rk] .ju367v10 {
	flex-direction: column
}

[data-rk] .ju367v11 {
	font-family: var(--rk-fonts-body)
}

[data-rk] .ju367v12 {
	font-size: 12px;
	line-height: 18px
}

[data-rk] .ju367v13 {
	font-size: 13px;
	line-height: 18px
}

[data-rk] .ju367v14 {
	font-size: 14px;
	line-height: 18px
}

[data-rk] .ju367v15 {
	font-size: 16px;
	line-height: 20px
}

[data-rk] .ju367v16 {
	font-size: 18px;
	line-height: 24px
}

[data-rk] .ju367v17 {
	font-size: 20px;
	line-height: 24px
}

[data-rk] .ju367v18 {
	font-size: 23px;
	line-height: 29px
}

[data-rk] .ju367v19 {
	font-weight: 400
}

[data-rk] .ju367v1a {
	font-weight: 500
}

[data-rk] .ju367v1b {
	font-weight: 600
}

[data-rk] .ju367v1c {
	font-weight: 700
}

[data-rk] .ju367v1d {
	font-weight: 800
}

[data-rk] .ju367v1e {
	gap: 0
}

[data-rk] .ju367v1f {
	gap: 1px
}

[data-rk] .ju367v1g {
	gap: 2px
}

[data-rk] .ju367v1h {
	gap: 3px
}

[data-rk] .ju367v1i {
	gap: 4px
}

[data-rk] .ju367v1j {
	gap: 5px
}

[data-rk] .ju367v1k {
	gap: 6px
}

[data-rk] .ju367v1l {
	gap: 8px
}

[data-rk] .ju367v1m {
	gap: 10px
}

[data-rk] .ju367v1n {
	gap: 12px
}

[data-rk] .ju367v1o {
	gap: 14px
}

[data-rk] .ju367v1p {
	gap: 16px
}

[data-rk] .ju367v1q {
	gap: 18px
}

[data-rk] .ju367v1r {
	gap: 20px
}

[data-rk] .ju367v1s {
	gap: 24px
}

[data-rk] .ju367v1t {
	gap: 28px
}

[data-rk] .ju367v1u {
	gap: 32px
}

[data-rk] .ju367v1v {
	gap: 36px
}

[data-rk] .ju367v1w {
	gap: 44px
}

[data-rk] .ju367v1x {
	gap: 64px
}

[data-rk] .ju367v1y {
	gap: -1px
}

[data-rk] .ju367v1z {
	height: 1px
}

[data-rk] .ju367v20 {
	height: 2px
}

[data-rk] .ju367v21 {
	height: 4px
}

[data-rk] .ju367v22 {
	height: 8px
}

[data-rk] .ju367v23 {
	height: 12px
}

[data-rk] .ju367v24 {
	height: 20px
}

[data-rk] .ju367v25 {
	height: 24px
}

[data-rk] .ju367v26 {
	height: 28px
}

[data-rk] .ju367v27 {
	height: 30px
}

[data-rk] .ju367v28 {
	height: 32px
}

[data-rk] .ju367v29 {
	height: 34px
}

[data-rk] .ju367v2a {
	height: 36px
}

[data-rk] .ju367v2b {
	height: 40px
}

[data-rk] .ju367v2c {
	height: 48px
}

[data-rk] .ju367v2d {
	height: 54px
}

[data-rk] .ju367v2e {
	height: 60px
}

[data-rk] .ju367v2f {
	height: 100%
}

[data-rk] .ju367v2g {
	height: -moz-max-content;
	height: max-content
}

[data-rk] .ju367v2h {
	justify-content: flex-start
}

[data-rk] .ju367v2i {
	justify-content: flex-end
}

[data-rk] .ju367v2j {
	justify-content: center
}

[data-rk] .ju367v2k {
	justify-content: space-between
}

[data-rk] .ju367v2l {
	justify-content: space-around
}

[data-rk] .ju367v2m {
	text-align: left
}

[data-rk] .ju367v2n {
	text-align: center
}

[data-rk] .ju367v2o {
	text-align: inherit
}

[data-rk] .ju367v2p {
	margin-bottom: 0
}

[data-rk] .ju367v2q {
	margin-bottom: 1px
}

[data-rk] .ju367v2r {
	margin-bottom: 2px
}

[data-rk] .ju367v2s {
	margin-bottom: 3px
}

[data-rk] .ju367v2t {
	margin-bottom: 4px
}

[data-rk] .ju367v2u {
	margin-bottom: 5px
}

[data-rk] .ju367v2v {
	margin-bottom: 6px
}

[data-rk] .ju367v2w {
	margin-bottom: 8px
}

[data-rk] .ju367v2x {
	margin-bottom: 10px
}

[data-rk] .ju367v2y {
	margin-bottom: 12px
}

[data-rk] .ju367v2z {
	margin-bottom: 14px
}

[data-rk] .ju367v30 {
	margin-bottom: 16px
}

[data-rk] .ju367v31 {
	margin-bottom: 18px
}

[data-rk] .ju367v32 {
	margin-bottom: 20px
}

[data-rk] .ju367v33 {
	margin-bottom: 24px
}

[data-rk] .ju367v34 {
	margin-bottom: 28px
}

[data-rk] .ju367v35 {
	margin-bottom: 32px
}

[data-rk] .ju367v36 {
	margin-bottom: 36px
}

[data-rk] .ju367v37 {
	margin-bottom: 44px
}

[data-rk] .ju367v38 {
	margin-bottom: 64px
}

[data-rk] .ju367v39 {
	margin-bottom: -1px
}

[data-rk] .ju367v3a {
	margin-left: 0
}

[data-rk] .ju367v3b {
	margin-left: 1px
}

[data-rk] .ju367v3c {
	margin-left: 2px
}

[data-rk] .ju367v3d {
	margin-left: 3px
}

[data-rk] .ju367v3e {
	margin-left: 4px
}

[data-rk] .ju367v3f {
	margin-left: 5px
}

[data-rk] .ju367v3g {
	margin-left: 6px
}

[data-rk] .ju367v3h {
	margin-left: 8px
}

[data-rk] .ju367v3i {
	margin-left: 10px
}

[data-rk] .ju367v3j {
	margin-left: 12px
}

[data-rk] .ju367v3k {
	margin-left: 14px
}

[data-rk] .ju367v3l {
	margin-left: 16px
}

[data-rk] .ju367v3m {
	margin-left: 18px
}

[data-rk] .ju367v3n {
	margin-left: 20px
}

[data-rk] .ju367v3o {
	margin-left: 24px
}

[data-rk] .ju367v3p {
	margin-left: 28px
}

[data-rk] .ju367v3q {
	margin-left: 32px
}

[data-rk] .ju367v3r {
	margin-left: 36px
}

[data-rk] .ju367v3s {
	margin-left: 44px
}

[data-rk] .ju367v3t {
	margin-left: 64px
}

[data-rk] .ju367v3u {
	margin-left: -1px
}

[data-rk] .ju367v3v {
	margin-right: 0
}

[data-rk] .ju367v3w {
	margin-right: 1px
}

[data-rk] .ju367v3x {
	margin-right: 2px
}

[data-rk] .ju367v3y {
	margin-right: 3px
}

[data-rk] .ju367v3z {
	margin-right: 4px
}

[data-rk] .ju367v40 {
	margin-right: 5px
}

[data-rk] .ju367v41 {
	margin-right: 6px
}

[data-rk] .ju367v42 {
	margin-right: 8px
}

[data-rk] .ju367v43 {
	margin-right: 10px
}

[data-rk] .ju367v44 {
	margin-right: 12px
}

[data-rk] .ju367v45 {
	margin-right: 14px
}

[data-rk] .ju367v46 {
	margin-right: 16px
}

[data-rk] .ju367v47 {
	margin-right: 18px
}

[data-rk] .ju367v48 {
	margin-right: 20px
}

[data-rk] .ju367v49 {
	margin-right: 24px
}

[data-rk] .ju367v4a {
	margin-right: 28px
}

[data-rk] .ju367v4b {
	margin-right: 32px
}

[data-rk] .ju367v4c {
	margin-right: 36px
}

[data-rk] .ju367v4d {
	margin-right: 44px
}

[data-rk] .ju367v4e {
	margin-right: 64px
}

[data-rk] .ju367v4f {
	margin-right: -1px
}

[data-rk] .ju367v4g {
	margin-top: 0
}

[data-rk] .ju367v4h {
	margin-top: 1px
}

[data-rk] .ju367v4i {
	margin-top: 2px
}

[data-rk] .ju367v4j {
	margin-top: 3px
}

[data-rk] .ju367v4k {
	margin-top: 4px
}

[data-rk] .ju367v4l {
	margin-top: 5px
}

[data-rk] .ju367v4m {
	margin-top: 6px
}

[data-rk] .ju367v4n {
	margin-top: 8px
}

[data-rk] .ju367v4o {
	margin-top: 10px
}

[data-rk] .ju367v4p {
	margin-top: 12px
}

[data-rk] .ju367v4q {
	margin-top: 14px
}

[data-rk] .ju367v4r {
	margin-top: 16px
}

[data-rk] .ju367v4s {
	margin-top: 18px
}

[data-rk] .ju367v4t {
	margin-top: 20px
}

[data-rk] .ju367v4u {
	margin-top: 24px
}

[data-rk] .ju367v4v {
	margin-top: 28px
}

[data-rk] .ju367v4w {
	margin-top: 32px
}

[data-rk] .ju367v4x {
	margin-top: 36px
}

[data-rk] .ju367v4y {
	margin-top: 44px
}

[data-rk] .ju367v4z {
	margin-top: 64px
}

[data-rk] .ju367v50 {
	margin-top: -1px
}

[data-rk] .ju367v51 {
	max-width: 1px
}

[data-rk] .ju367v52 {
	max-width: 2px
}

[data-rk] .ju367v53 {
	max-width: 4px
}

[data-rk] .ju367v54 {
	max-width: 8px
}

[data-rk] .ju367v55 {
	max-width: 12px
}

[data-rk] .ju367v56 {
	max-width: 20px
}

[data-rk] .ju367v57 {
	max-width: 24px
}

[data-rk] .ju367v58 {
	max-width: 28px
}

[data-rk] .ju367v59 {
	max-width: 30px
}

[data-rk] .ju367v5a {
	max-width: 32px
}

[data-rk] .ju367v5b {
	max-width: 34px
}

[data-rk] .ju367v5c {
	max-width: 36px
}

[data-rk] .ju367v5d {
	max-width: 40px
}

[data-rk] .ju367v5e {
	max-width: 48px
}

[data-rk] .ju367v5f {
	max-width: 54px
}

[data-rk] .ju367v5g {
	max-width: 60px
}

[data-rk] .ju367v5h {
	max-width: 100%
}

[data-rk] .ju367v5i {
	max-width: -moz-max-content;
	max-width: max-content
}

[data-rk] .ju367v5j {
	min-width: 1px
}

[data-rk] .ju367v5k {
	min-width: 2px
}

[data-rk] .ju367v5l {
	min-width: 4px
}

[data-rk] .ju367v5m {
	min-width: 8px
}

[data-rk] .ju367v5n {
	min-width: 12px
}

[data-rk] .ju367v5o {
	min-width: 20px
}

[data-rk] .ju367v5p {
	min-width: 24px
}

[data-rk] .ju367v5q {
	min-width: 28px
}

[data-rk] .ju367v5r {
	min-width: 30px
}

[data-rk] .ju367v5s {
	min-width: 32px
}

[data-rk] .ju367v5t {
	min-width: 34px
}

[data-rk] .ju367v5u {
	min-width: 36px
}

[data-rk] .ju367v5v {
	min-width: 40px
}

[data-rk] .ju367v5w {
	min-width: 48px
}

[data-rk] .ju367v5x {
	min-width: 54px
}

[data-rk] .ju367v5y {
	min-width: 60px
}

[data-rk] .ju367v5z {
	min-width: 100%
}

[data-rk] .ju367v60 {
	min-width: -moz-max-content;
	min-width: max-content
}

[data-rk] .ju367v61 {
	overflow: hidden
}

[data-rk] .ju367v62 {
	padding-bottom: 0
}

[data-rk] .ju367v63 {
	padding-bottom: 1px
}

[data-rk] .ju367v64 {
	padding-bottom: 2px
}

[data-rk] .ju367v65 {
	padding-bottom: 3px
}

[data-rk] .ju367v66 {
	padding-bottom: 4px
}

[data-rk] .ju367v67 {
	padding-bottom: 5px
}

[data-rk] .ju367v68 {
	padding-bottom: 6px
}

[data-rk] .ju367v69 {
	padding-bottom: 8px
}

[data-rk] .ju367v6a {
	padding-bottom: 10px
}

[data-rk] .ju367v6b {
	padding-bottom: 12px
}

[data-rk] .ju367v6c {
	padding-bottom: 14px
}

[data-rk] .ju367v6d {
	padding-bottom: 16px
}

[data-rk] .ju367v6e {
	padding-bottom: 18px
}

[data-rk] .ju367v6f {
	padding-bottom: 20px
}

[data-rk] .ju367v6g {
	padding-bottom: 24px
}

[data-rk] .ju367v6h {
	padding-bottom: 28px
}

[data-rk] .ju367v6i {
	padding-bottom: 32px
}

[data-rk] .ju367v6j {
	padding-bottom: 36px
}

[data-rk] .ju367v6k {
	padding-bottom: 44px
}

[data-rk] .ju367v6l {
	padding-bottom: 64px
}

[data-rk] .ju367v6m {
	padding-bottom: -1px
}

[data-rk] .ju367v6n {
	padding-left: 0
}

[data-rk] .ju367v6o {
	padding-left: 1px
}

[data-rk] .ju367v6p {
	padding-left: 2px
}

[data-rk] .ju367v6q {
	padding-left: 3px
}

[data-rk] .ju367v6r {
	padding-left: 4px
}

[data-rk] .ju367v6s {
	padding-left: 5px
}

[data-rk] .ju367v6t {
	padding-left: 6px
}

[data-rk] .ju367v6u {
	padding-left: 8px
}

[data-rk] .ju367v6v {
	padding-left: 10px
}

[data-rk] .ju367v6w {
	padding-left: 12px
}

[data-rk] .ju367v6x {
	padding-left: 14px
}

[data-rk] .ju367v6y {
	padding-left: 16px
}

[data-rk] .ju367v6z {
	padding-left: 18px
}

[data-rk] .ju367v70 {
	padding-left: 20px
}

[data-rk] .ju367v71 {
	padding-left: 24px
}

[data-rk] .ju367v72 {
	padding-left: 28px
}

[data-rk] .ju367v73 {
	padding-left: 32px
}

[data-rk] .ju367v74 {
	padding-left: 36px
}

[data-rk] .ju367v75 {
	padding-left: 44px
}

[data-rk] .ju367v76 {
	padding-left: 64px
}

[data-rk] .ju367v77 {
	padding-left: -1px
}

[data-rk] .ju367v78 {
	padding-right: 0
}

[data-rk] .ju367v79 {
	padding-right: 1px
}

[data-rk] .ju367v7a {
	padding-right: 2px
}

[data-rk] .ju367v7b {
	padding-right: 3px
}

[data-rk] .ju367v7c {
	padding-right: 4px
}

[data-rk] .ju367v7d {
	padding-right: 5px
}

[data-rk] .ju367v7e {
	padding-right: 6px
}

[data-rk] .ju367v7f {
	padding-right: 8px
}

[data-rk] .ju367v7g {
	padding-right: 10px
}

[data-rk] .ju367v7h {
	padding-right: 12px
}

[data-rk] .ju367v7i {
	padding-right: 14px
}

[data-rk] .ju367v7j {
	padding-right: 16px
}

[data-rk] .ju367v7k {
	padding-right: 18px
}

[data-rk] .ju367v7l {
	padding-right: 20px
}

[data-rk] .ju367v7m {
	padding-right: 24px
}

[data-rk] .ju367v7n {
	padding-right: 28px
}

[data-rk] .ju367v7o {
	padding-right: 32px
}

[data-rk] .ju367v7p {
	padding-right: 36px
}

[data-rk] .ju367v7q {
	padding-right: 44px
}

[data-rk] .ju367v7r {
	padding-right: 64px
}

[data-rk] .ju367v7s {
	padding-right: -1px
}

[data-rk] .ju367v7t {
	padding-top: 0
}

[data-rk] .ju367v7u {
	padding-top: 1px
}

[data-rk] .ju367v7v {
	padding-top: 2px
}

[data-rk] .ju367v7w {
	padding-top: 3px
}

[data-rk] .ju367v7x {
	padding-top: 4px
}

[data-rk] .ju367v7y {
	padding-top: 5px
}

[data-rk] .ju367v7z {
	padding-top: 6px
}

[data-rk] .ju367v80 {
	padding-top: 8px
}

[data-rk] .ju367v81 {
	padding-top: 10px
}

[data-rk] .ju367v82 {
	padding-top: 12px
}

[data-rk] .ju367v83 {
	padding-top: 14px
}

[data-rk] .ju367v84 {
	padding-top: 16px
}

[data-rk] .ju367v85 {
	padding-top: 18px
}

[data-rk] .ju367v86 {
	padding-top: 20px
}

[data-rk] .ju367v87 {
	padding-top: 24px
}

[data-rk] .ju367v88 {
	padding-top: 28px
}

[data-rk] .ju367v89 {
	padding-top: 32px
}

[data-rk] .ju367v8a {
	padding-top: 36px
}

[data-rk] .ju367v8b {
	padding-top: 44px
}

[data-rk] .ju367v8c {
	padding-top: 64px
}

[data-rk] .ju367v8d {
	padding-top: -1px
}

[data-rk] .ju367v8e {
	position: absolute
}

[data-rk] .ju367v8f {
	position: fixed
}

[data-rk] .ju367v8g {
	position: relative
}

[data-rk] .ju367v8h {
	right: 0
}

[data-rk] .ju367v8i {
	transition: .125s ease
}

[data-rk] .ju367v8j {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

[data-rk] .ju367v8k {
	width: 1px
}

[data-rk] .ju367v8l {
	width: 2px
}

[data-rk] .ju367v8m {
	width: 4px
}

[data-rk] .ju367v8n {
	width: 8px
}

[data-rk] .ju367v8o {
	width: 12px
}

[data-rk] .ju367v8p {
	width: 20px
}

[data-rk] .ju367v8q {
	width: 24px
}

[data-rk] .ju367v8r {
	width: 28px
}

[data-rk] .ju367v8s {
	width: 30px
}

[data-rk] .ju367v8t {
	width: 32px
}

[data-rk] .ju367v8u {
	width: 34px
}

[data-rk] .ju367v8v {
	width: 36px
}

[data-rk] .ju367v8w {
	width: 40px
}

[data-rk] .ju367v8x {
	width: 48px
}

[data-rk] .ju367v8y {
	width: 54px
}

[data-rk] .ju367v8z {
	width: 60px
}

[data-rk] .ju367v90 {
	width: 100%
}

[data-rk] .ju367v91 {
	width: -moz-max-content;
	width: max-content
}

[data-rk] .ju367v92 {
	-webkit-backdrop-filter: var(--rk-blurs-modalOverlay);
	backdrop-filter: var(--rk-blurs-modalOverlay)
}

[data-rk] .ju367v93,
[data-rk] .ju367v94:hover,
[data-rk] .ju367v95:active {
	background: var(--rk-colors-accentColor)
}

[data-rk] .ju367v96,
[data-rk] .ju367v97:hover,
[data-rk] .ju367v98:active {
	background: var(--rk-colors-accentColorForeground)
}

[data-rk] .ju367v99,
[data-rk] .ju367v9a:hover,
[data-rk] .ju367v9b:active {
	background: var(--rk-colors-actionButtonBorder)
}

[data-rk] .ju367v9c,
[data-rk] .ju367v9d:hover,
[data-rk] .ju367v9e:active {
	background: var(--rk-colors-actionButtonBorderMobile)
}

[data-rk] .ju367v9f,
[data-rk] .ju367v9g:hover,
[data-rk] .ju367v9h:active {
	background: var(--rk-colors-actionButtonSecondaryBackground)
}

[data-rk] .ju367v9i,
[data-rk] .ju367v9j:hover,
[data-rk] .ju367v9k:active {
	background: var(--rk-colors-closeButton)
}

[data-rk] .ju367v9l,
[data-rk] .ju367v9m:hover,
[data-rk] .ju367v9n:active {
	background: var(--rk-colors-closeButtonBackground)
}

[data-rk] .ju367v9o,
[data-rk] .ju367v9p:hover,
[data-rk] .ju367v9q:active {
	background: var(--rk-colors-connectButtonBackground)
}

[data-rk] .ju367v9r,
[data-rk] .ju367v9s:hover,
[data-rk] .ju367v9t:active {
	background: var(--rk-colors-connectButtonBackgroundError)
}

[data-rk] .ju367v9u,
[data-rk] .ju367v9v:hover,
[data-rk] .ju367v9w:active {
	background: var(--rk-colors-connectButtonInnerBackground)
}

[data-rk] .ju367v9x,
[data-rk] .ju367v9y:hover,
[data-rk] .ju367v9z:active {
	background: var(--rk-colors-connectButtonText)
}

[data-rk] .ju367va0,
[data-rk] .ju367va1:hover,
[data-rk] .ju367va2:active {
	background: var(--rk-colors-connectButtonTextError)
}

[data-rk] .ju367va3,
[data-rk] .ju367va4:hover,
[data-rk] .ju367va5:active {
	background: var(--rk-colors-connectionIndicator)
}

[data-rk] .ju367va6,
[data-rk] .ju367va7:hover,
[data-rk] .ju367va8:active {
	background: var(--rk-colors-error)
}

[data-rk] .ju367va9,
[data-rk] .ju367vaa:hover,
[data-rk] .ju367vab:active {
	background: var(--rk-colors-generalBorder)
}

[data-rk] .ju367vac,
[data-rk] .ju367vad:hover,
[data-rk] .ju367vae:active {
	background: var(--rk-colors-generalBorderDim)
}

[data-rk] .ju367vaf,
[data-rk] .ju367vag:hover,
[data-rk] .ju367vah:active {
	background: var(--rk-colors-menuItemBackground)
}

[data-rk] .ju367vai,
[data-rk] .ju367vaj:hover,
[data-rk] .ju367vak:active {
	background: var(--rk-colors-modalBackdrop)
}

[data-rk] .ju367val,
[data-rk] .ju367vam:hover,
[data-rk] .ju367van:active {
	background: var(--rk-colors-modalBackground)
}

[data-rk] .ju367vao,
[data-rk] .ju367vap:hover,
[data-rk] .ju367vaq:active {
	background: var(--rk-colors-modalBorder)
}

[data-rk] .ju367var,
[data-rk] .ju367vas:hover,
[data-rk] .ju367vat:active {
	background: var(--rk-colors-modalText)
}

[data-rk] .ju367vau,
[data-rk] .ju367vav:hover,
[data-rk] .ju367vaw:active {
	background: var(--rk-colors-modalTextDim)
}

[data-rk] .ju367vax,
[data-rk] .ju367vay:hover,
[data-rk] .ju367vaz:active {
	background: var(--rk-colors-modalTextSecondary)
}

[data-rk] .ju367vb0,
[data-rk] .ju367vb1:hover,
[data-rk] .ju367vb2:active {
	background: var(--rk-colors-profileAction)
}

[data-rk] .ju367vb3,
[data-rk] .ju367vb4:hover,
[data-rk] .ju367vb5:active {
	background: var(--rk-colors-profileActionHover)
}

[data-rk] .ju367vb6,
[data-rk] .ju367vb7:hover,
[data-rk] .ju367vb8:active {
	background: var(--rk-colors-profileForeground)
}

[data-rk] .ju367vb9,
[data-rk] .ju367vba:hover,
[data-rk] .ju367vbb:active {
	background: var(--rk-colors-selectedOptionBorder)
}

[data-rk] .ju367vbc,
[data-rk] .ju367vbd:hover,
[data-rk] .ju367vbe:active {
	background: var(--rk-colors-standby)
}

[data-rk] .ju367vbf,
[data-rk] .ju367vbg:hover,
[data-rk] .ju367vbh:active {
	border-color: var(--rk-colors-accentColor)
}

[data-rk] .ju367vbi,
[data-rk] .ju367vbj:hover,
[data-rk] .ju367vbk:active {
	border-color: var(--rk-colors-accentColorForeground)
}

[data-rk] .ju367vbl,
[data-rk] .ju367vbm:hover,
[data-rk] .ju367vbn:active {
	border-color: var(--rk-colors-actionButtonBorder)
}

[data-rk] .ju367vbo,
[data-rk] .ju367vbp:hover,
[data-rk] .ju367vbq:active {
	border-color: var(--rk-colors-actionButtonBorderMobile)
}

[data-rk] .ju367vbr,
[data-rk] .ju367vbs:hover,
[data-rk] .ju367vbt:active {
	border-color: var(--rk-colors-actionButtonSecondaryBackground)
}

[data-rk] .ju367vbu,
[data-rk] .ju367vbv:hover,
[data-rk] .ju367vbw:active {
	border-color: var(--rk-colors-closeButton)
}

[data-rk] .ju367vbx,
[data-rk] .ju367vby:hover,
[data-rk] .ju367vbz:active {
	border-color: var(--rk-colors-closeButtonBackground)
}

[data-rk] .ju367vc0,
[data-rk] .ju367vc1:hover,
[data-rk] .ju367vc2:active {
	border-color: var(--rk-colors-connectButtonBackground)
}

[data-rk] .ju367vc3,
[data-rk] .ju367vc4:hover,
[data-rk] .ju367vc5:active {
	border-color: var(--rk-colors-connectButtonBackgroundError)
}

[data-rk] .ju367vc6,
[data-rk] .ju367vc7:hover,
[data-rk] .ju367vc8:active {
	border-color: var(--rk-colors-connectButtonInnerBackground)
}

[data-rk] .ju367vc9,
[data-rk] .ju367vca:hover,
[data-rk] .ju367vcb:active {
	border-color: var(--rk-colors-connectButtonText)
}

[data-rk] .ju367vcc,
[data-rk] .ju367vcd:hover,
[data-rk] .ju367vce:active {
	border-color: var(--rk-colors-connectButtonTextError)
}

[data-rk] .ju367vcf,
[data-rk] .ju367vcg:hover,
[data-rk] .ju367vch:active {
	border-color: var(--rk-colors-connectionIndicator)
}

[data-rk] .ju367vci,
[data-rk] .ju367vcj:hover,
[data-rk] .ju367vck:active {
	border-color: var(--rk-colors-error)
}

[data-rk] .ju367vcl,
[data-rk] .ju367vcm:hover,
[data-rk] .ju367vcn:active {
	border-color: var(--rk-colors-generalBorder)
}

[data-rk] .ju367vco,
[data-rk] .ju367vcp:hover,
[data-rk] .ju367vcq:active {
	border-color: var(--rk-colors-generalBorderDim)
}

[data-rk] .ju367vcr,
[data-rk] .ju367vcs:hover,
[data-rk] .ju367vct:active {
	border-color: var(--rk-colors-menuItemBackground)
}

[data-rk] .ju367vcu,
[data-rk] .ju367vcv:hover,
[data-rk] .ju367vcw:active {
	border-color: var(--rk-colors-modalBackdrop)
}

[data-rk] .ju367vcx,
[data-rk] .ju367vcy:hover,
[data-rk] .ju367vcz:active {
	border-color: var(--rk-colors-modalBackground)
}

[data-rk] .ju367vd0,
[data-rk] .ju367vd1:hover,
[data-rk] .ju367vd2:active {
	border-color: var(--rk-colors-modalBorder)
}

[data-rk] .ju367vd3,
[data-rk] .ju367vd4:hover,
[data-rk] .ju367vd5:active {
	border-color: var(--rk-colors-modalText)
}

[data-rk] .ju367vd6,
[data-rk] .ju367vd7:hover,
[data-rk] .ju367vd8:active {
	border-color: var(--rk-colors-modalTextDim)
}

[data-rk] .ju367vd9,
[data-rk] .ju367vda:hover,
[data-rk] .ju367vdb:active {
	border-color: var(--rk-colors-modalTextSecondary)
}

[data-rk] .ju367vdc,
[data-rk] .ju367vdd:hover,
[data-rk] .ju367vde:active {
	border-color: var(--rk-colors-profileAction)
}

[data-rk] .ju367vdf,
[data-rk] .ju367vdg:hover,
[data-rk] .ju367vdh:active {
	border-color: var(--rk-colors-profileActionHover)
}

[data-rk] .ju367vdi,
[data-rk] .ju367vdj:hover,
[data-rk] .ju367vdk:active {
	border-color: var(--rk-colors-profileForeground)
}

[data-rk] .ju367vdl,
[data-rk] .ju367vdm:hover,
[data-rk] .ju367vdn:active {
	border-color: var(--rk-colors-selectedOptionBorder)
}

[data-rk] .ju367vdo,
[data-rk] .ju367vdp:hover,
[data-rk] .ju367vdq:active {
	border-color: var(--rk-colors-standby)
}

[data-rk] .ju367vdr,
[data-rk] .ju367vds:hover,
[data-rk] .ju367vdt:active {
	box-shadow: var(--rk-shadows-connectButton)
}

[data-rk] .ju367vdu,
[data-rk] .ju367vdv:hover,
[data-rk] .ju367vdw:active {
	box-shadow: var(--rk-shadows-dialog)
}

[data-rk] .ju367vdx,
[data-rk] .ju367vdy:hover,
[data-rk] .ju367vdz:active {
	box-shadow: var(--rk-shadows-profileDetailsAction)
}

[data-rk] .ju367ve0,
[data-rk] .ju367ve1:hover,
[data-rk] .ju367ve2:active {
	box-shadow: var(--rk-shadows-selectedOption)
}

[data-rk] .ju367ve3,
[data-rk] .ju367ve4:hover,
[data-rk] .ju367ve5:active {
	box-shadow: var(--rk-shadows-selectedWallet)
}

[data-rk] .ju367ve6,
[data-rk] .ju367ve7:hover,
[data-rk] .ju367ve8:active {
	box-shadow: var(--rk-shadows-walletLogo)
}

[data-rk] .ju367ve9,
[data-rk] .ju367vea:hover,
[data-rk] .ju367veb:active {
	color: var(--rk-colors-accentColor)
}

[data-rk] .ju367vec,
[data-rk] .ju367ved:hover,
[data-rk] .ju367vee:active {
	color: var(--rk-colors-accentColorForeground)
}

[data-rk] .ju367vef,
[data-rk] .ju367veg:hover,
[data-rk] .ju367veh:active {
	color: var(--rk-colors-actionButtonBorder)
}

[data-rk] .ju367vei,
[data-rk] .ju367vej:hover,
[data-rk] .ju367vek:active {
	color: var(--rk-colors-actionButtonBorderMobile)
}

[data-rk] .ju367vel,
[data-rk] .ju367vem:hover,
[data-rk] .ju367ven:active {
	color: var(--rk-colors-actionButtonSecondaryBackground)
}

[data-rk] .ju367veo,
[data-rk] .ju367vep:hover,
[data-rk] .ju367veq:active {
	color: var(--rk-colors-closeButton)
}

[data-rk] .ju367ver,
[data-rk] .ju367ves:hover,
[data-rk] .ju367vet:active {
	color: var(--rk-colors-closeButtonBackground)
}

[data-rk] .ju367veu,
[data-rk] .ju367vev:hover,
[data-rk] .ju367vew:active {
	color: var(--rk-colors-connectButtonBackground)
}

[data-rk] .ju367vex,
[data-rk] .ju367vey:hover,
[data-rk] .ju367vez:active {
	color: var(--rk-colors-connectButtonBackgroundError)
}

[data-rk] .ju367vf0,
[data-rk] .ju367vf1:hover,
[data-rk] .ju367vf2:active {
	color: var(--rk-colors-connectButtonInnerBackground)
}

[data-rk] .ju367vf3,
[data-rk] .ju367vf4:hover,
[data-rk] .ju367vf5:active {
	color: var(--rk-colors-connectButtonText)
}

[data-rk] .ju367vf6,
[data-rk] .ju367vf7:hover,
[data-rk] .ju367vf8:active {
	color: var(--rk-colors-connectButtonTextError)
}

[data-rk] .ju367vf9,
[data-rk] .ju367vfa:hover,
[data-rk] .ju367vfb:active {
	color: var(--rk-colors-connectionIndicator)
}

[data-rk] .ju367vfc,
[data-rk] .ju367vfd:hover,
[data-rk] .ju367vfe:active {
	color: var(--rk-colors-error)
}

[data-rk] .ju367vff,
[data-rk] .ju367vfg:hover,
[data-rk] .ju367vfh:active {
	color: var(--rk-colors-generalBorder)
}

[data-rk] .ju367vfi,
[data-rk] .ju367vfj:hover,
[data-rk] .ju367vfk:active {
	color: var(--rk-colors-generalBorderDim)
}

[data-rk] .ju367vfl,
[data-rk] .ju367vfm:hover,
[data-rk] .ju367vfn:active {
	color: var(--rk-colors-menuItemBackground)
}

[data-rk] .ju367vfo,
[data-rk] .ju367vfp:hover,
[data-rk] .ju367vfq:active {
	color: var(--rk-colors-modalBackdrop)
}

[data-rk] .ju367vfr,
[data-rk] .ju367vfs:hover,
[data-rk] .ju367vft:active {
	color: var(--rk-colors-modalBackground)
}

[data-rk] .ju367vfu,
[data-rk] .ju367vfv:hover,
[data-rk] .ju367vfw:active {
	color: var(--rk-colors-modalBorder)
}

[data-rk] .ju367vfx,
[data-rk] .ju367vfy:hover,
[data-rk] .ju367vfz:active {
	color: var(--rk-colors-modalText)
}

[data-rk] .ju367vg0,
[data-rk] .ju367vg1:hover,
[data-rk] .ju367vg2:active {
	color: var(--rk-colors-modalTextDim)
}

[data-rk] .ju367vg3,
[data-rk] .ju367vg4:hover,
[data-rk] .ju367vg5:active {
	color: var(--rk-colors-modalTextSecondary)
}

[data-rk] .ju367vg6,
[data-rk] .ju367vg7:hover,
[data-rk] .ju367vg8:active {
	color: var(--rk-colors-profileAction)
}

[data-rk] .ju367vg9,
[data-rk] .ju367vga:hover,
[data-rk] .ju367vgb:active {
	color: var(--rk-colors-profileActionHover)
}

[data-rk] .ju367vgc,
[data-rk] .ju367vgd:hover,
[data-rk] .ju367vge:active {
	color: var(--rk-colors-profileForeground)
}

[data-rk] .ju367vgf,
[data-rk] .ju367vgg:hover,
[data-rk] .ju367vgh:active {
	color: var(--rk-colors-selectedOptionBorder)
}

[data-rk] .ju367vgi,
[data-rk] .ju367vgj:hover,
[data-rk] .ju367vgk:active {
	color: var(--rk-colors-standby)
}

@media screen and (min-width:768px) {
	[data-rk] .ju367v1 {
		align-items: flex-start
	}
	[data-rk] .ju367v3 {
		align-items: flex-end
	}
	[data-rk] .ju367v5 {
		align-items: center
	}
	[data-rk] .ju367v7 {
		display: none
	}
	[data-rk] .ju367v9 {
		display: block
	}
	[data-rk] .ju367vb {
		display: flex
	}
	[data-rk] .ju367vd {
		display: inline
	}
}

[data-rk] ._12cbo8i3,
[data-rk] ._12cbo8i3:after {
	--_12cbo8i0: 1;
	--_12cbo8i1: 1
}

[data-rk] ._12cbo8i3:hover {
	transform: scale(var(--_12cbo8i0))
}

[data-rk] ._12cbo8i3:active {
	transform: scale(var(--_12cbo8i1))
}

[data-rk] ._12cbo8i3:active:after {
	content: "";
	bottom: -1px;
	display: block;
	left: -1px;
	position: absolute;
	right: -1px;
	top: -1px;
	transform: scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0)))
}

[data-rk] ._12cbo8i4,
[data-rk] ._12cbo8i4:after {
	--_12cbo8i0: 1.025
}

[data-rk] ._12cbo8i5,
[data-rk] ._12cbo8i5:after {
	--_12cbo8i0: 1.1
}

[data-rk] ._12cbo8i6,
[data-rk] ._12cbo8i6:after {
	--_12cbo8i1: 0.95
}

[data-rk] ._12cbo8i7,
[data-rk] ._12cbo8i7:after {
	--_12cbo8i1: 0.9
}

@keyframes _1luule41 {
	0% {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(1turn)
	}
}

[data-rk] ._1luule42 {
	animation: _1luule41 3s linear infinite
}

[data-rk] ._1luule43 {
	background: conic-gradient(from 180deg at 50% 50%, rgba(72, 146, 254, 0) 0deg, currentColor 282.04deg, rgba(72, 146, 254, 0) 319.86deg, rgba(72, 146, 254, 0) 1turn);
	height: 21px;
	width: 21px
}

@keyframes _9pm4ki0 {
	0% {
		transform: translateY(100%)
	}
	to {
		transform: translateY(0deg)
	}
}

@keyframes _9pm4ki1 {
	0% {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

[data-rk] ._9pm4ki3 {
	animation: _9pm4ki1 .15s ease;
	bottom: -200px;
	left: -200px;
	padding: 200px;
	right: -200px;
	top: -200px;
	transform: translateZ(0);
	z-index: 2147483646
}

[data-rk] ._9pm4ki5 {
	animation: _9pm4ki0 .35s cubic-bezier(.15, 1.15, .6, 1), _9pm4ki1 .15s ease;
	max-width: 100vw
}

[data-rk] ._1ckjpok1 {
	box-sizing: content-box;
	max-width: 100vw;
	width: 360px
}

[data-rk] ._1ckjpok2 {
	width: 100vw
}

[data-rk] ._1ckjpok3 {
	width: 768px
}

[data-rk] ._1ckjpok5 {
	border-width: 0;
	box-sizing: border-box;
	width: 100vw
}

@media screen and (min-width:768px) {
	[data-rk] ._1ckjpok1 {
		width: 360px
	}
	[data-rk] ._1ckjpok2 {
		width: 480px
	}
	[data-rk] ._1ckjpok3 {
		width: 720px
	}
}

@media screen and (max-width:767px) {
	[data-rk] ._1ckjpok6 {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		margin-top: -200px;
		padding-bottom: 200px;
		top: 200px
	}
}

[data-rk] .v9horb0:hover {
	background: unset
}

[data-rk] .g5kl0l0 {
	border-color: transparent
}

[data-rk] ._1vwt0cg0 {
	background: #fff
}

[data-rk] ._1vwt0cg2 {
	max-height: 454px;
	overflow-y: auto
}

[data-rk] ._1vwt0cg3 {
	min-width: 246px
}

@media screen and (min-width:768px) {
	[data-rk] ._1vwt0cg3 {
		min-width: 287px
	}
}

[data-rk] ._1am14410 {
	overflow: auto;
	scrollbar-width: none;
	transform: translateZ(0)
}

[data-rk] ._1am14410::-webkit-scrollbar {
	display: none
}
.loader {
    position: relative;
    width: 21em;
    height: 21em;
    /* background-color: #000;2 */
    /* filter: blur(0.2em) contrast(2); */
    animation: loaderSpin 16s infinite linear;
  }
  @keyframes loaderSpin {
    to {
      transform: rotate(360deg);
    }
  }
  .loader > i {
    position: absolute;
    left: 10em;
    top: 10em;
    width: 1em;
    height: 1em;
    background-color: hsl(var(--hue, 0), 75%, 75%);
    border-radius: 50%;
    transform: rotateZ(var(--rz, 0)) translateY(5em);
    animation: iMove 4s var(--delay, 0s) infinite ease-in-out;
  }
  @keyframes iMove {
    0% {
      transform: rotateZ(var(--rz, 0)) translateY(4em) translate(0, 0) scale(0);
    }
    2% {
      transform: rotateZ(var(--rz, 0)) translateY(4em) translate(0, 0) scale(1.25);
    }
    20% {
      transform: rotateZ(var(--rz, 0)) translateY(4em) translate(0, 0) scale(1.25);
    }
    90%, 100% {
      transform: rotateZ(var(--rz, 0)) translateY(4em) translate(var(--tx, 0), var(--ty, 0)) scale(0);
    }
  }
  .loader > i:nth-child(1) {
    --rz: 0deg;
    --delay: -4s;
    --tx: 2.4em;
    --ty: 4.844em;
    --hue: 0;
  }
  .loader > i:nth-child(2) {
    --rz: 5deg;
    --delay: -3.9444444444s;
    --tx: 1.436em;
    --ty: -0.996em;
    --hue: 5;
  }
  .loader > i:nth-child(3) {
    --rz: 10deg;
    --delay: -3.8888888889s;
    --tx: 3.672em;
    --ty: -0.228em;
    --hue: 10;
  }
  .loader > i:nth-child(4) {
    --rz: 15deg;
    --delay: -3.8333333333s;
    --tx: 2.748em;
    --ty: 2.916em;
    --hue: 15;
  }
  .loader > i:nth-child(5) {
    --rz: 20deg;
    --delay: -3.7777777778s;
    --tx: 0.244em;
    --ty: 3.372em;
    --hue: 20;
  }
  .loader > i:nth-child(6) {
    --rz: 25deg;
    --delay: -3.7222222222s;
    --tx: 3.008em;
    --ty: -0.068em;
    --hue: 25;
  }
  .loader > i:nth-child(7) {
    --rz: 30deg;
    --delay: -3.6666666667s;
    --tx: 0.736em;
    --ty: 3.26em;
    --hue: 30;
  }
  .loader > i:nth-child(8) {
    --rz: 35deg;
    --delay: -3.6111111111s;
    --tx: 0.568em;
    --ty: 0.252em;
    --hue: 35;
  }
  .loader > i:nth-child(9) {
    --rz: 40deg;
    --delay: -3.5555555556s;
    --tx: 3.74em;
    --ty: 0.148em;
    --hue: 40;
  }
  .loader > i:nth-child(10) {
    --rz: 45deg;
    --delay: -3.5s;
    --tx: 1.572em;
    --ty: -1.132em;
    --hue: 45;
  }
  .loader > i:nth-child(11) {
    --rz: 50deg;
    --delay: -3.4444444444s;
    --tx: 3.54em;
    --ty: 3.884em;
    --hue: 50;
  }
  .loader > i:nth-child(12) {
    --rz: 55deg;
    --delay: -3.3888888889s;
    --tx: 3.888em;
    --ty: -0.124em;
    --hue: 55;
  }
  .loader > i:nth-child(13) {
    --rz: 60deg;
    --delay: -3.3333333333s;
    --tx: 2.832em;
    --ty: -2.388em;
    --hue: 60;
  }
  .loader > i:nth-child(14) {
    --rz: 65deg;
    --delay: -3.2777777778s;
    --tx: 2.864em;
    --ty: 0.556em;
    --hue: 65;
  }
  .loader > i:nth-child(15) {
    --rz: 70deg;
    --delay: -3.2222222222s;
    --tx: 2.708em;
    --ty: 5.3em;
    --hue: 70;
  }
  .loader > i:nth-child(16) {
    --rz: 75deg;
    --delay: -3.1666666667s;
    --tx: 1em;
    --ty: 3.204em;
    --hue: 75;
  }
  .loader > i:nth-child(17) {
    --rz: 80deg;
    --delay: -3.1111111111s;
    --tx: 3.62em;
    --ty: -0.66em;
    --hue: 80;
  }
  .loader > i:nth-child(18) {
    --rz: 85deg;
    --delay: -3.0555555556s;
    --tx: 0.152em;
    --ty: 3.292em;
    --hue: 85;
  }
  .loader > i:nth-child(19) {
    --rz: 90deg;
    --delay: -3s;
    --tx: 3.828em;
    --ty: 4.38em;
    --hue: 90;
  }
  .loader > i:nth-child(20) {
    --rz: 95deg;
    --delay: -2.9444444444s;
    --tx: 2.396em;
    --ty: 1.732em;
    --hue: 95;
  }
  .loader > i:nth-child(21) {
    --rz: 100deg;
    --delay: -2.8888888889s;
    --tx: 0.672em;
    --ty: -0.66em;
    --hue: 100;
  }
  .loader > i:nth-child(22) {
    --rz: 105deg;
    --delay: -2.8333333333s;
    --tx: 2.508em;
    --ty: 4.484em;
    --hue: 105;
  }
  .loader > i:nth-child(23) {
    --rz: 110deg;
    --delay: -2.7777777778s;
    --tx: 0.932em;
    --ty: 2.348em;
    --hue: 110;
  }
  .loader > i:nth-child(24) {
    --rz: 115deg;
    --delay: -2.7222222222s;
    --tx: 1.94em;
    --ty: -0.308em;
    --hue: 115;
  }
  .loader > i:nth-child(25) {
    --rz: 120deg;
    --delay: -2.6666666667s;
    --tx: 2.676em;
    --ty: 1.516em;
    --hue: 120;
  }
  .loader > i:nth-child(26) {
    --rz: 125deg;
    --delay: -2.6111111111s;
    --tx: 1.804em;
    --ty: 5.004em;
    --hue: 125;
  }
  .loader > i:nth-child(27) {
    --rz: 130deg;
    --delay: -2.5555555556s;
    --tx: 2.08em;
    --ty: -0.884em;
    --hue: 130;
  }
  .loader > i:nth-child(28) {
    --rz: 135deg;
    --delay: -2.5s;
    --tx: 0.928em;
    --ty: 5.364em;
    --hue: 135;
  }
  .loader > i:nth-child(29) {
    --rz: 140deg;
    --delay: -2.4444444444s;
    --tx: 0.752em;
    --ty: -2.476em;
    --hue: 140;
  }
  .loader > i:nth-child(30) {
    --rz: 145deg;
    --delay: -2.3888888889s;
    --tx: 0.7em;
    --ty: -0.828em;
    --hue: 145;
  }
  .loader > i:nth-child(31) {
    --rz: 150deg;
    --delay: -2.3333333333s;
    --tx: 2.992em;
    --ty: -1.772em;
    --hue: 150;
  }
  .loader > i:nth-child(32) {
    --rz: 155deg;
    --delay: -2.2777777778s;
    --tx: 1.58em;
    --ty: 0.756em;
    --hue: 155;
  }
  .loader > i:nth-child(33) {
    --rz: 160deg;
    --delay: -2.2222222222s;
    --tx: 2.556em;
    --ty: -0.012em;
    --hue: 160;
  }
  .loader > i:nth-child(34) {
    --rz: 165deg;
    --delay: -2.1666666667s;
    --tx: 1.236em;
    --ty: 4.748em;
    --hue: 165;
  }
  .loader > i:nth-child(35) {
    --rz: 170deg;
    --delay: -2.1111111111s;
    --tx: 0.288em;
    --ty: -1.268em;
    --hue: 170;
  }
  .loader > i:nth-child(36) {
    --rz: 175deg;
    --delay: -2.0555555556s;
    --tx: 0.624em;
    --ty: -1.164em;
    --hue: 175;
  }
  .loader > i:nth-child(37) {
    --rz: 180deg;
    --delay: -2s;
    --tx: 1.604em;
    --ty: 4.652em;
    --hue: 180;
  }
  .loader > i:nth-child(38) {
    --rz: 185deg;
    --delay: -1.9444444444s;
    --tx: 3.368em;
    --ty: 3.124em;
    --hue: 185;
  }
  .loader > i:nth-child(39) {
    --rz: 190deg;
    --delay: -1.8888888889s;
    --tx: 2.236em;
    --ty: -1.668em;
    --hue: 190;
  }
  .loader > i:nth-child(40) {
    --rz: 195deg;
    --delay: -1.8333333333s;
    --tx: 0.88em;
    --ty: 1.068em;
    --hue: 195;
  }
  .loader > i:nth-child(41) {
    --rz: 200deg;
    --delay: -1.7777777778s;
    --tx: 3.468em;
    --ty: -0.524em;
    --hue: 200;
  }
  .loader > i:nth-child(42) {
    --rz: 205deg;
    --delay: -1.7222222222s;
    --tx: 1.104em;
    --ty: -2.084em;
    --hue: 205;
  }
  .loader > i:nth-child(43) {
    --rz: 210deg;
    --delay: -1.6666666667s;
    --tx: 1.708em;
    --ty: -0.828em;
    --hue: 210;
  }
  .loader > i:nth-child(44) {
    --rz: 215deg;
    --delay: -1.6111111111s;
    --tx: 3.348em;
    --ty: 1.556em;
    --hue: 215;
  }
  .loader > i:nth-child(45) {
    --rz: 220deg;
    --delay: -1.5555555556s;
    --tx: 3.608em;
    --ty: -0.524em;
    --hue: 220;
  }
  .loader > i:nth-child(46) {
    --rz: 225deg;
    --delay: -1.5s;
    --tx: 2.14em;
    --ty: 0.028em;
    --hue: 225;
  }
  .loader > i:nth-child(47) {
    --rz: 230deg;
    --delay: -1.4444444444s;
    --tx: 1.036em;
    --ty: 3.308em;
    --hue: 230;
  }
  .loader > i:nth-child(48) {
    --rz: 235deg;
    --delay: -1.3888888889s;
    --tx: 1.764em;
    --ty: -2.044em;
    --hue: 235;
  }
  .loader > i:nth-child(49) {
    --rz: 240deg;
    --delay: -1.3333333333s;
    --tx: 2.804em;
    --ty: -0.692em;
    --hue: 240;
  }
  .loader > i:nth-child(50) {
    --rz: 245deg;
    --delay: -1.2777777778s;
    --tx: 0.196em;
    --ty: 0.252em;
    --hue: 245;
  }
  .loader > i:nth-child(51) {
    --rz: 250deg;
    --delay: -1.2222222222s;
    --tx: 3.772em;
    --ty: -1.092em;
    --hue: 250;
  }
  .loader > i:nth-child(52) {
    --rz: 255deg;
    --delay: -1.1666666667s;
    --tx: 3.88em;
    --ty: 2.844em;
    --hue: 255;
  }
  .loader > i:nth-child(53) {
    --rz: 260deg;
    --delay: -1.1111111111s;
    --tx: 3.124em;
    --ty: 2.46em;
    --hue: 260;
  }
  .loader > i:nth-child(54) {
    --rz: 265deg;
    --delay: -1.0555555556s;
    --tx: 3.696em;
    --ty: -1.108em;
    --hue: 265;
  }
  .loader > i:nth-child(55) {
    --rz: 270deg;
    --delay: -1s;
    --tx: 1.38em;
    --ty: 2.068em;
    --hue: 270;
  }
  .loader > i:nth-child(56) {
    --rz: 275deg;
    --delay: -0.9444444444s;
    --tx: 2.788em;
    --ty: -2.252em;
    --hue: 275;
  }
  .loader > i:nth-child(57) {
    --rz: 280deg;
    --delay: -0.8888888889s;
    --tx: 0.016em;
    --ty: 0.716em;
    --hue: 280;
  }
  .loader > i:nth-child(58) {
    --rz: 285deg;
    --delay: -0.8333333333s;
    --tx: 1.616em;
    --ty: 3.42em;
    --hue: 285;
  }
  .loader > i:nth-child(59) {
    --rz: 290deg;
    --delay: -0.7777777778s;
    --tx: 3.824em;
    --ty: -1.948em;
    --hue: 290;
  }
  .loader > i:nth-child(60) {
    --rz: 295deg;
    --delay: -0.7222222222s;
    --tx: 1.988em;
    --ty: -0.068em;
    --hue: 295;
  }
  .loader > i:nth-child(61) {
    --rz: 300deg;
    --delay: -0.6666666667s;
    --tx: 1.812em;
    --ty: 0.516em;
    --hue: 300;
  }
  .loader > i:nth-child(62) {
    --rz: 305deg;
    --delay: -0.6111111111s;
    --tx: 3.252em;
    --ty: 0.3em;
    --hue: 305;
  }
  .loader > i:nth-child(63) {
    --rz: 310deg;
    --delay: -0.5555555556s;
    --tx: 3.8em;
    --ty: 1.628em;
    --hue: 310;
  }
  .loader > i:nth-child(64) {
    --rz: 315deg;
    --delay: -0.5s;
    --tx: 3.944em;
    --ty: -1.18em;
    --hue: 315;
  }
  .loader > i:nth-child(65) {
    --rz: 320deg;
    --delay: -0.4444444444s;
    --tx: 0.46em;
    --ty: 1.54em;
    --hue: 320;
  }
  .loader > i:nth-child(66) {
    --rz: 325deg;
    --delay: -0.3888888889s;
    --tx: 1.976em;
    --ty: 1.092em;
    --hue: 325;
  }
  .loader > i:nth-child(67) {
    --rz: 330deg;
    --delay: -0.3333333333s;
    --tx: 0.364em;
    --ty: 5.34em;
    --hue: 330;
  }
  .loader > i:nth-child(68) {
    --rz: 335deg;
    --delay: -0.2777777778s;
    --tx: 1.132em;
    --ty: 0.3em;
    --hue: 335;
  }
  .loader > i:nth-child(69) {
    --rz: 340deg;
    --delay: -0.2222222222s;
    --tx: 1.384em;
    --ty: -1.556em;
    --hue: 340;
  }
  .loader > i:nth-child(70) {
    --rz: 345deg;
    --delay: -0.1666666667s;
    --tx: 1.62em;
    --ty: -0.756em;
    --hue: 345;
  }
  .loader > i:nth-child(71) {
    --rz: 350deg;
    --delay: -0.1111111111s;
    --tx: 1.968em;
    --ty: 2.028em;
    --hue: 350;
  }
  .loader > i:nth-child(72) {
    --rz: 355deg;
    --delay: -0.0555555556s;
    --tx: 0.6em;
    --ty: -0.548em;
    --hue: 355;
  }
  .lod{
    overflow: hidden;
    position: fixed;
    width: 100%;
    background-color: #000;
    z-index: 100;
    min-height: 100vh;
    display: grid;
    place-items: center;
  }