.textures {
    display: block;
    height: 100vh;
    left: 0;
    mix-blend-mode: multiply;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}
.textures:after,
.textures:before {
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.textures:before {
    animation: slide 1s linear infinite;
    opacity: 0.3;
}
.textures:after,
.textures:before {
    background-image: url('noise.c5d03fee5564f5d76e30.webp');
    background-repeat: repeat;
    background-size: auto 50%;
    mix-blend-mode: color-burn;
}
.textures:after {
    animation: slide 5s linear infinite;
    opacity: 0.5;
    will-change: contents;
}
@keyframes slide {
    0% {
        background-position: 0 0;
    }
    to {
        background-position: -1000% 0;
    }
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: initial;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
* {
    box-sizing: border-box;
}
img {
    height: auto;
    max-width: 100%;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
:root {
    --primary: #fff;
    --primary-rgb: 255, 255, 255;
    --grey: #c9c9c9;
    --smoke: #000;
    --negative: #000;
    --negative-rgb: 0, 0, 0;
    --accent: var(--blue);
    --h-accent: var(--h-blue);
    --purple: #9b74e7;
    --h-purple: #815bcf;
    --shadow-purple: #6843b4;
    --text-purple: #e2ccff;
    --yellow: #ffffff;
    --h-yellow: #ff953e;
    --red: #eb4c4c;
    --h-red: #d33a3a;
    --pink: #e543d2;
    --h-pink: #d035be;
    --blue: #e0a63b;
    --h-blue: #61d8ff;
    --text-blue: #ccdaff;
    --shadow-blue: #2289b2;
    --raydium: #35a7d1;
    --teal: #72ecc1;
    --h-teal: #35cb98;
    --green: #74e886;
    --h-green: #53cc66;
    --chartreusse: #b1d559;
    --orange: #ed965c;
    --magenta: #da5378;
    --alert: #e17860;
    --tree: #bb8846;
    --dtree: #6e5017;
    --grass: #c3f86d;
    --border: #574118;
    --global-width: 1760px;
    --global-p-width: 480px;
    --global-padding: 20px;
    --global-body-bg: #b3711b;
    --gutter: 10px;
    --heading: 'Deebo', sans-serif;
    --line-height: 1;
    --globall-line-height: 1.4;
    --reduced-line-height: 1.2;
    --body: 'Deebo', sans-serif;
    --h1: 20.25vw;
    --h2: 12vw;
    --h3: 9.3vw;
    --h4: 26px;
    --h5: 20px;
    --h6: 16px;
    --paragraph: 16px;
    --small: 73%;
    --rate: 0.85;
    --large-radius: 22px;
    --small-radius: 6px;
    --v-small: 20px;
    --v-large: 22.85714px;
    --t-spacer: 11.5vh;
    --btn-huge: 18px;
    --btn-large: 16px;
    --btn-small: 14px;
    --btn-tiny: 12px;
    --btn-radius: 8px;
    --btn-padding: 11.66667px 16.66667px;
    --btn-small-padding: 10.83333px 20.83333px;
    --btn-large-padding: 31.25px 41.66667px;
    --btn-tiny-padding: 6.66667px 10px;
}
@media (min-width: 768px) {
    :root {
        --gutter: 15px;
        --paragraph: 18px;
        --v-small: 30px;
        --v-large: 53.33333px;
        --btn-padding: 14px 20px;
        --btn-small-padding: 13px 25px;
        --btn-large-padding: 21px 20px;
        --btn-tiny-padding: 8px 12px;
    }
}
@media (min-width: 1024px) {
    :root {
        --gutter: 30px;
        --h1: 5.25455vw;
        --h2: 2.61vw;
        --h3: 2.61vw;
        --h4: 1.81vw;
        --large-radius: 34px;
        --small-radius: 10px;
        --v-small: 30px;
        --v-large: 53.33333px;
    }
}
@media (min-width: 1921px) {
    :root {
        --h1: 100.90909px;
        --h2: 72px;
        --h3: 50px;
        --h4: 36px;
        --t-spacer: 200px;
    }
}
@font-face {
    font-display: swap;
    font-family: Deebo;
    font-style: normal;
    font-weight: 400;
    src: url('Deebo.woff2') format('woff2');
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading);
    font-weight: 600;
    line-height: var(--reduced-line-height);
    text-transform: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size: var(--small);
}
h1 {
    font-size: var(--h1);
}
h1,
h2 {
    color: var(--primary);
}
h2 {
    font-size: var(--h2);
    text-shadow: 1px 1px 4px #00000040;
}
h3 {
    color: var(--primary);
    font-size: var(--h3);
}
h4 {
    color: var(--text-blue);
    font-size: var(--h4);
}
h5 {
    font-size: var(--h5);
}
h6 {
    font-size: var(--h6);
}
[data-color='light'] {
    -webkit-text-stroke-color: var(--negative);
    color: var(--yellow);
    text-shadow: -1px 1.5px 0 var(--negative);
}
[data-color='dark'] {
    -webkit-text-stroke-width: unset !important;
    color: var(--yellow);
    text-shadow: none !important;
}
[data-color='accent'] {
    color: var(--accent);
}
::selection {
    background: var(--h-yellow);
    color: var(--yellow);
}
::-moz-selection {
    background: var(--h-yellow);
    color: var(--yellow);
}
@media (min-width: 1024px) {
    h1 {
        -webkit-text-stroke-width: 3px;
        -webkit-text-stroke-color: var(--shadow-blue);
        text-shadow: -4px 6px 0 var(--shadow-blue);
    }
    h3 {
        -webkit-text-stroke-width: 1.5px;
        -webkit-text-stroke-color: var(--border);

    }
}
button {
    all: unset;
    cursor: pointer;
}
button:hover {
    transition: all 0.3s ease-in-out;
}
.btn-group {
    display: flex;
}
.btn-group.spaceless .btn {
    margin-top: 0;
}
.btn-group .btn:not(:last-child) {
    margin-right: calc(var(--gutter) / 2);
}
.btn {
    border: 2px solid var(--border);
    border-radius: var(--btn-radius);
    color: inherit;
    cursor: pointer;
    font-size: var(--btn-large);
    line-height: 1;
    padding: var(--btn-padding);
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out;
}
.btn:not(.spaceless) {
    margin-top: var(--v-small);
}
.btn:hover {
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.btn.small {
    font-size: var(--btn-small);
    padding: var(--btn-small-padding);
}
.btn.large {
    font-size: var(--btn-huge);
    padding: var(--btn-large-padding);
}
.btn-tiny {
    font-size: var(--btn-tiny);
    padding: var(--btn-tiny-padding);
}
.btn.primary {
    background-color: var(--dtree);
    color: var(--yellow);
}
.btn.primary:hover {
    background-color: var(--tree);
}
.btn.secondary {
    background-color: var(--teal);
    color: var(--primary);
}
.btn.secondary:hover {
    background-color: var(--h-teal);
}
.btn.yellow {
    background-color: var(--yellow);
}
.btn.yellow:hover {
    background-color: var(--h-yellow);
}
.btn.hollow {
    background-color: initial;
    color: var(--tree);
}
[data-theme='negative'] .btn.hollow {
    color: var(--negative);
}
.btn.hollow:hover {
    background-color: rgba(var(--primary-rgb), 0.1);
}
[data-theme='negative'] .btn.hollow:hover {
    background-color: #ffffff1a;
}
.btn.outline {
    background-color: initial;
    border: 1px solid var(--negative);
    color: var(--negative);
}
.btn.outline:hover {
    background-color: var(--dtree);
    color: var(--primary);
}
[data-ico] {
    display: block;
    height: 28px;
    position: relative;
    width: 28px;
}
[data-ico='add'] {
    height: 18px;
    width: 18px;
}
[data-ico]:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
}
[data-ico][data-theme] {
    z-index: 1;
}
[data-ico='tg']:before {
    background-image: url('tg.4f6589b5352a9bdfab12.svg');
}
[data-ico='tg'][data-theme='yellow']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='tw']:before {
    background-image: url('tw.e217529426fe36f3cd93.svg');
}
[data-ico='tw'][data-theme='yellow']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='eth']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='dextools']:before {
    background-image: url('dextools.8baae48661d59aa94a2d.svg');
}
[data-ico='dextools'][data-theme='yellow']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='dexscreener']:before {
    background-image: url('dexscreener.d2097438eb9771959b45.svg');
}
[data-ico='solscan']:before {
    background-image: url('solscan.5c464e6cd89c6cc77718.svg');
}
[data-ico='raydium']:before {
    background-image: url('raydium-ico.31d938bb8fc86f3458bd.svg');
}
[data-ico='solscan'][data-theme='yellow']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='tik']:before {
    background-image: url('tiktok.0974102c6838161d71f8.svg');
}
[data-ico='gecko']:before {
    background-image: url('gecko.2a431a95c674673ecea7.svg');
}
[data-ico='cmc']:before {
    background-image: url('cmc-ico.f69c3285576b1582b646.svg');
}
[data-ico='prerich']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='add']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='scale']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='del']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='vflip']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='hflip']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='rotate']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='lup']:before {
    background-image: url('main.5b1b7990.css');
}
[data-ico='ldwn']:before {
    background-image: url('main.5b1b7990.css');
}
html {
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    scroll-behavior: smooth;
    scroll-padding-top: var(--v-large);
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--global-body-bg);
    color: var(--text-blue);
    display: block;
    font-family: var(--body);
    font-size: var(--paragraph);
    line-height: var(--globall-line-height);
    overflow-x: hidden;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
}
#root {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--global-width);
    padding: 0 var(--global-padding);
}
#root > :not(.exclude):not(.fw) {
    width: 100%;
}
.grid-x {
    align-items: flex-start;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: calc(var(--gutter) * -1);
    margin-right: calc(var(--gutter) * -1);
}
.grid-x.no-gutters {
    margin-left: 0;
    margin-right: 0;
}
.grid-x.justify,
.justify {
    justify-content: space-between;
}
.align-center,
.grid-x.align-center {
    justify-content: center;
}
.grid-x.stretch,
.stretch {
    align-items: stretch;
}
.align-middle,
.grid-x.align-middle {
    align-items: center;
}
.grid-x > hr {
    border-color: var(--border);
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    width: 100%;
}
.grid-x > hr:first-child {
    margin-bottom: var(--v-small);
}
.grid-x > hr:last-child {
    margin-top: var(--v-small);
}
.cell-12,
.cell-3,
.cell-4,
.cell-5,
.cell-6,
.cell-7,
.cell-8 {
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    width: 100%;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.self-top {
    align-self: start;
}
.self-middle {
    align-self: center;
}
.self-bottom {
    align-self: end;
}
.large-border {
    border-radius: var(--large-radius);
}
.break {
    flex-basis: 100%;
    height: 0;
}
.fw {
    margin-left: calc(var(--global-padding) * -1);
    margin-right: calc(var(--global-padding) * -1);
    width: calc(var(--global-padding) * 2 + 100%);
}
.circle {
    align-items: center;
    background-color: var(--text-blue);
    border: 2px solid var(--shadow-blue);
    border-radius: 50%;
    box-shadow: -5px 6px 0 0 var(--shadow-blue);
    box-sizing: border-box;
    display: flex;
    height: 50px;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    width: 50px;
}
.circle:hover {
    box-shadow: 0 0 0 0 var(--shadow-blue);
    transition: all 0.3s ease-in-out;
}
.socials {
    align-items: center;
    display: flex;
}
.socials a:not(:last-child) {
    margin-right: 5px;
}
[data-theme]:not([data-ico]) {
    padding-bottom: var(--v-medium);
    padding-top: var(--v-medium);
    position: relative;
}
[data-theme]:not([data-ico]):before {
    content: '';
    display: block;
    height: 100%;
    left: 0;
    margin-left: calc(var(--global-padding) * -1);
    margin-right: calc(var(--global-padding) * -1);
    position: absolute;
    top: 0;
    width: calc(var(--global-padding) * 2 + 100%);
    z-index: -1;
}
[data-theme='darker']:before {
    background-color: var(--accent);
}
[data-theme='light']:before {
    background-color: var(--text-blue);
}
[data-theme='purple']:before {
    background-color: var(--purple);
}
[data-theme='blue']:before {
    background-color: var(--blue);
}
.box {
    border: 2px solid var(--shadow-blue);
    color: var(--shadow-blue);
    padding: calc(var(--gutter) * 2);
    text-align: center;
}
.box,
.photo {
    background-color: var(--primary);
    border-radius: var(--small-radius);
    display: block;
}
.photo {
    box-shadow: -9px 16px 40px #00000026;
    box-sizing: border-box;
    padding: var(--gutter);
    position: relative;
    z-index: 1;
}
.photo img {
    width: 100%;
}
.photo:after,
.photo:before {
    border-radius: inherit;
    box-shadow: inherit;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.photo:before {
    background-color: var(--text-blue);
    transform: translate(5%, 5%);
}
.photo:after {
    background-color: inherit;
}
.photo img {
    border: 1px solid var(--negative);
    display: block;
}
@media (max-width: 1023px) {
    .show-for-large {
        display: none;
    }
}
@media (max-width: 1024px) {
    #root {
        overflow-x: hidden;
        position: relative;
    }
}
@media (min-width: 1024px) {
    .cell-3 {
        width: calc(25% - var(--gutter) * 2);
    }
    .cell-4 {
        width: calc(33.33333% - var(--gutter) * 2);
    }
    .cell-5 {
        width: calc(41.66667% - var(--gutter) * 2);
    }
    .cell-6 {
        width: calc(50% - var(--gutter) * 2);
    }
    .cell-7 {
        width: calc(58.33333% - var(--gutter) * 2);
    }
    .cell-8 {
        width: calc(66.66667% - var(--gutter) * 2);
    }
    .cell-12 {
        width: calc(100% - var(--gutter) * 2);
    }
    .large-text-right {
        text-align: right;
    }
    .box {
        padding: var(--gutter);
    }
}
@media (min-width: 1441px) {
    .circle {
        height: 69px;
        width: 69px;
    }
}
@media (min-width: 1760px) {
    .fw,
    [data-theme]:not([data-ico]):before {
        margin-left: calc(((100vw - 1760px) / 2 + var(--global-padding)) * -1);
        margin-right: calc(((100vw - 1760px) / 2 + var(--global-padding)) * -1);
        width: calc(100% + 100vw - 1760px + var(--global-padding) * 2);
    }
}
#root > :not(.spaceless) {
    margin-bottom: var(--v-large);
}
#root > * > .grid-x:not(:last-child):not(.spaceless) {
    margin-bottom: var(--v-medium);
}
.fr {
    border: 2px solid var(--border);
    border-radius: var(--large-radius);
    display: block;
    overflow: hidden;
    position: relative;
}
.fr.bypass {
    overflow: visible;
}
.fr.bypass .scene .bg {
    border-radius: calc(var(--large-radius) - 2px);
}
.fr img {
    display: block;
}
.alt {
    background-color: var(--accent);
    border: 1px solid var(--border);
    border-radius: 4px;
    color: var(--primary);
    font-size: 12px;
    left: 55%;
    line-height: 1;
    opacity: 0;
    padding: 3px;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    transform: scale(0) translate(-50%, -50%);
    transition: all 0.2s ease-in-out;
}
.alt,
.pulse {
    display: block;
    position: absolute;
}
.pulse {
    animation: pulse 1.5s ease-in-out infinite;
    height: calc(100% + 8px);
    left: -4px;
    max-width: none;
    opacity: 0.7;
    top: -4px;
    transition: opacity 0.2s ease-in-out;
    width: calc(100% + 8px) !important;
    z-index: -1;
}
@keyframes pulse {
    0%,
    25%,
    75%,
    to {
        opacity: 0;
    }
    50% {
        opacity: 0.7;
    }
}
a:hover .alt {
    opacity: 1;
    pointer-events: none;
    transform: scale(1.5) translate(-50%, -50%);
}
@keyframes pulseactive {
    to {
        opacity: 0.7;
    }
}
a:hover .pulse {
    animation: pulseactive 0.5s ease-in-out infinite;
}
#intro {
    margin-top: var(--v-large);
}
.icomp .scene {
    background: #61d8ff;
    background: linear-gradient(0deg, #61d8ff, #86f2be);
    position: relative;
}
.icomp .wr {
    margin-left: -70%;
    margin-right: -70%;
    width: 240%;
}
.icomp .bg {
    position: relative;
    z-index: 1;
}
.icomp .cls {
    left: 5%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 90%;
    z-index: 0;
}
.icomp .cls:before {
    content: '';
    display: block;
    padding-bottom: 36.88119%;
    position: relative;
    width: 100%;
}
.icomp .cl {
    animation: clouds 30s linear infinite;
    background: url('clouds.5ee671a935f76da3e2b2.webp');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@keyframes clouds {
    0%,
    to {
        transform: scale(1) rotate(0deg);
    }
    50% {
        transform: scale(1.1) rotate(10deg);
    }
}
.hero {
    left: 60%;
    position: absolute;
    top: 64%;
    transform: translate(-50%, -50%);
    width: 47.88%;
    z-index: 2;
}
.icomp .char {
    pointer-events: none;
    width: 100%;
}
@keyframes char {
    0%,
    to {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(5%) scale(0.99);
    }
}
.hero .around {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 125%;
}
.hero .around:before {
    content: '';
    display: block;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}
.hero .around ul {
    animation: medipow 6s ease-in-out infinite;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@keyframes medipow {
    0%,
    to {
        transform: rotate(15deg) scale(1);
    }
    50% {
        transform: rotate(0deg) scale(1);
    }
}
.hero .around ul > * {
    animation: medibal 6s ease-in-out infinite;
    position: absolute;
    transform: translate(-50%, -50%);
}
.hero .around ul > * > * {
    display: block;
    transition: all 0.2s ease-in-out;
}
.hero .around ul > :hover > * {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
.hero .around ul img {
    width: 100%;
}
@keyframes medibal {
    0%,
    to {
        transform: translate(-50%, -50%) rotate(-15deg);
    }
    50% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}
.elsol {
    left: -10%;
    top: 69%;
    width: 26%;
}
.elhoney {
    left: 6.8%;
    top: 22.7%;
    width: 28.6%;
}
.elcoins {
    left: 60%;
    top: -5%;
    width: 28.5%;
}
.eltel {
    right: -35.8%;
    top: 32%;
    width: 28%;
}
.eltel span {
    animation: tel 2s ease infinite;
    display: block;
}
@keyframes tel {
    0%,
    7% {
        transform: rotate(0);
    }
    15% {
        transform: rotate(-7.5deg);
    }
    20% {
        transform: rotate(5deg);
    }
    25% {
        transform: rotate(-10deg);
    }
    30% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(-2deg);
    }
    40%,
    to {
        transform: rotate(0);
    }
}
.dexrock {
    display: block;
    left: 78.11%;
    position: absolute;
    top: 53%;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in-out;
    width: 58.12%;
    z-index: 3;
}
.dexrock:hover {
    transform: translate(-50%, -50%) scale(1.1);
    transition: all 0.3s ease-in-out;
}
.peble {
    animation: peble 6s ease-in-out infinite;
    display: block;
    z-index: 2;
}
@keyframes peble {
    0%,
    to {
        transform: translate(0);
    }
    50% {
        transform: translateY(-7%);
    }
}
.peble img {
    width: 200%;
}
.plantation {
    animation: grass 2s ease-in-out infinite;
    bottom: -30px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 4;
}
@keyframes grass {
    50% {
        transform: scaleX(1.02) translateY(2.5%) rotateY(7deg) rotateX(5deg)
            rotateY(-2deg) rotate(-0.5deg);
    }
}
.rocket,
.tgp {
    position: absolute;
}
.rocket img,
.tgp img {
    width: 100%;
}
.icomp .rocket {
    animation: rocket 2s ease-in-out infinite;
    bottom: 1%;
    left: 4.6%;
    width: 12.6%;
    z-index: 5;
}
@keyframes rocket {
    0%,
    7% {
        transform: translateY(0);
    }
    15% {
        transform: translateY(-10%);
    }
    20% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-11%);
    }
    30% {
        transform: translateY(-5%);
    }
    35% {
        transform: translateY(-10%);
    }
    40%,
    to {
        transform: translateY(0);
    }
}
.tgp {
    animation: tgp 2s ease-in-out infinite;
    bottom: 14%;
    right: 2.2%;
    width: 21.1%;
    z-index: 3;
}
@keyframes tgp {
    0%,
    to {
        transform: translateX(0) scale(1.05) rotate(3deg);
    }
    50% {
        transform: translateX(2%) scale(1) rotate(0deg);
    }
}
@media (min-width: 768px) {
    .icomp .wr {
        margin-left: -20%;
        margin-right: -20%;
        width: 140%;
    }
    .hero {
        width: 27.93%;
    }
    .dexrock {
        left: 66.5388%;
        width: 7.07%;
    }
    .icomp .rocket {
        bottom: 23%;
        left: 17.556%;
        width: 8.4%;
    }
    .tgp {
        bottom: 30%;
        right: 4.2%;
        width: 11.34%;
    }
}
@media (min-width: 1024px) {
    .fr {
        border-width: 5px;
    }
    .fr.bypass .scene .bg {
        border-radius: calc(var(--large-radius) - 5px);
    }
    .icomp .wr {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .hero {
        width: 19.95%;
    }
    .dexrock {
        left: 28.61%;
        top: 15%;
        width: 15.05%;
    }
    .icomp .rocket {
        left: 11.6%;
        width: 13%;
    }
    .tgp {
        bottom: 30%;
        right: 1.2%;
        width: 11.1%;
    }
}
.acomp .scene {
    background-color: #5ee1b2;
    padding-bottom: 54px;
    position: relative;
}
.acomp .wr {
    margin-left: -70%;
    margin-right: -70%;
    width: 240%;
}
.acomp .bg {
    position: relative;
    z-index: 2;
}
.acomp .cls {
    position: absolute;
    right: -5%;
    top: 0;
    width: 25%;
    z-index: 1;
}
.acomp .cls:before {
    content: '';
    display: block;
    padding-bottom: 46.1285%;
    position: relative;
    width: 100%;
}
.acomp .cl {
    animation: bclouds 30s linear infinite;
    background-image: url('bullclouds.559480ba2c246bc0d9e0.webp');
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
@keyframes bclouds {
    0%,
    to {
        transform: translate(0) rotate(0deg);
    }
    50% {
        transform: translate(-25%, -6%) rotate(10deg);
    }
}
.bcall {
    animation: bcall 2s ease-in-out infinite;
    bottom: -23%;
    left: 29%;
    position: absolute;
    width: 15%;
    z-index: 5;
}
@keyframes bcall {
    50% {
        transform: translate(2%, 2.5%) scaleY(1.06) rotateY(1deg) rotateX(10deg);
    }
}
.floating {
    animation: floating 15s ease-in-out infinite;
    display: block;
    left: 44%;
    position: absolute;
    top: 21%;
    width: 15%;
    z-index: 2;
}
.bullplants {
    animation: brass 2s ease-in-out infinite;
    bottom: 121px;
    position: absolute;
    right: 81%;
    width: 10%;
    z-index: 4;
}
@keyframes brass {
    50% {
        transform: scaleX(1.02) translateY(2.5%) scaleY(1.06) rotateY(10deg)
            rotateX(25deg);
    }
}
@keyframes floating {
    0%,
    to {
        transform: translate(0);
    }
    50% {
        transform: translate(-20%, 2%);
    }
}
.acomp .heading {
    display: block;
    position: absolute;
    right: 3%;
    top: 10%;
    z-index: 3;
}
.acomp .heading h2 {
    font-size: 7vw;
    letter-spacing: 0.44vw;
    line-height: 1;
    text-align: center;
}
.acomp .heading h2 a {
    color: var(--primary);
    text-decoration: none;
}
.acomp .heading h2 span {
    display: block;
}
.acomp .heading h2 .f {
    transform: scaleY(1.5);
}
.acomp .heading h2 .s {
    transform: scale(1.281, 2.7) translateY(25%);
}
@media (min-width: 1024px) {
    .acomp .scene {
        background: #61d8ff;
        background: linear-gradient(0deg, #61d8ff, #86f2be);
        padding-bottom: 0;
    }
    .acomp .wr {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
    .floating {
        left: 50%;
        top: 23%;
        width: 17%;
    }
    .bullplants {
        bottom: -20%;
        right: 20%;
        width: 14%;
    }
    .bcall {
        left: 10%;
        width: 36%;
    }
    .acomp .heading {
        right: 0;
        top: 0;
    }
    .acomp .heading h2 {
        font-size: 7.4vw;
    }
}
@media (min-width: 1441px) {
    .acomp .heading h2 {
        font-size: 7vw;
    }
}
@media (min-width: 1921px) {
    .acomp .heading h2 {
        font-size: 130px;
    }
}
#contract {
    margin-bottom: var(--v-large);
}
#contract h2 {
    font-size: 17.77vw;
    letter-spacing: 0.4vw;
    line-height: 1;
    text-align: center;
}
#contract h2 a {
    color: inherit;
    display: block;
    position: relative;
    text-decoration: none;
    transform: scaleX(1.281);
}
.heading a span {
    display: block;
    transition: all 0.3s ease-in-out;
}
.heading a:hover span {
    transition: all 0.2s ease-in-out;
}
.heading a .overl {
    background-color: var(--accent);
    border: 2px solid var(--border);
    border-radius: var(--small-radius);
    display: block;
    font-size: 33%;
    left: 50%;
    letter-spacing: 4vw;
    opacity: 0;
    padding: 1vw 2vw;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    z-index: 2;
}
.heading a:hover .base {
    transform: scaleY(1.1);
}
.heading a:hover .overl {
    letter-spacing: 0.4vw;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
    transition: all 0.2s ease-in-out;
}
#contract .clipboard {
    align-items: center;
    color: var(--primary);
    font-size: 2.55vw;
    justify-content: center;
    transition: all 0.2s ease-in-out;
}
#contract .clipboard:hover {
    box-shadow: 0 0 0 0 var(--h-accent);
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
#contract .clipboard .reduced {
    letter-spacing: 0.2vw;
    transform: scaleY(2.75);
    transition: all 0.2s ease-in-out;
}
#contract .clipboard:hover .reduced {
    transform: scaleY(3);
    transition: all 0.3s ease-in-out;
}
#contract [data-ico='clipboard'] {
    height: 3.3vw;
    width: 3.3vw;
}
@media (min-width: 1024px) {
    #contract .clipboard {
        font-size: 2.85vw;
    }
    #contract h2 {
        font-size: 19.17vw;
    }
    .heading a .overl {
        border-width: 5px;
    }
}
@media (min-width: 1441px) {
    #contract .clipboard {
        font-size: 2.65vw;
    }
    #contract h2 {
        font-size: 17.77vw;
    }
}
@media (min-width: 1921px) {
    #contract h2 {
        font-size: 347px;
    }
    #contract .clipboard {
        font-size: 49px;
    }
    #contract [data-ico='clipboard'] {
        height: 63.3px;
        width: 63.3px;
    }
}
[data-ico='clipboard'] {
    margin-left: calc(var(--gutter) / 3);
}
[data-ico='clipboard']:before {
    background-image: url('clipboard.812c5db770fce1bcecef.svg');
}
.clipboard {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-flow: row nowrap;
}
.clipboard:hover {
    text-decoration: underline;
}
.contractCopy {
    font-size: 16px;
    margin-top: var(--v-small);
    position: relative;
    z-index: 2;
}
.contractCopy .message {
    background-color: var(--green);
    border-radius: var(--btn-radius);
    color: var(--primary);
    font-size: var(--btn-tiny);
    left: 50%;
    padding: var(--btn-tiny-padding);
    position: absolute;
    text-transform: uppercase;
    top: 50%;
    transform: translate(-50%, -50%) scaleY(1.5);
}
@media (max-width: 640px) {
    .clipboard .reduced {
        display: inline-block;
        max-width: calc(100% - 32px);
        overflow: hidden;
        position: relative;
        text-overflow: ellipsis;
    }
}
.wcomp .scene {
    background: #61d8ff;
    background: linear-gradient(0deg, #61d8ff, #86f2be);
    position: relative;
}
.wcomp .wr {
    margin-left: -70%;
    margin-right: -70%;
    width: 240%;
}
.wcomp .cls {
    bottom: 20%;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 0;
}
.wcomp .cls:before {
    content: '';
    display: block;
    padding-bottom: 52.86092%;
    position: relative;
    width: 100%;
}
.wcomp .cl {
    animation: clouds 30s linear infinite;
    background: url('clouds-monitor.42efb0e821cadecc60a1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.wcomp .bg {
    position: relative;
    z-index: 1;
}
.ape {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(9%, 87%);
    width: 37.6%;
    z-index: 3;
}
.ape:before {
    content: '';
    display: block;
    padding-bottom: 33.79501%;
    position: relative;
    width: 100%;
}
.ape a {
    align-items: center;
    animation: btn 1s ease-in-out infinite;
    background-color: var(--raydium);
    border: 2px solid rgba(255, 255, 255, 0);
    border-radius: var(--small-radius);
    color: #0b1022;
    display: flex;
    font-size: 3.67vw;
    height: 100%;
    justify-content: center;
    left: 0;
    letter-spacing: 0.2vw;
    position: absolute;
    text-decoration: none;
    top: 0;
    transform: perspective(50vw) rotateX(22deg) rotateY(-2deg);
    transition: all 0.3s ease-in-out;
    width: 100%;
}
@keyframes btn {
    0%,
    to {
        border: 2px solid #fff0;
    }
    50% {
        border: 2px solid #fff;
    }
}
.ape a:hover {
    letter-spacing: 0;
    transform: perspective(50vw) rotateX(20deg) rotateY(-10deg);
    transition: all 0.2s ease-in-out;
}
.ape a span {
    transform: scaleY(2.33);
    transition: all 0.3s ease-in-out;
}
.ape a:hover span {
    transform: scaleY(2.63);
    transition: all 0.2s ease-in-out;
}
.hands {
    left: 50%;
    pointer-events: none;
    transform: translateX(-50%);
    width: 135%;
    z-index: 2;
}
.hands,
.hands > * {
    bottom: 0;
    display: block;
    position: absolute;
}
.hands .right {
    animation: rightHandTyping 1s infinite;
    right: 0;
    width: 33%;
}
@keyframes rightHandTyping {
    0%,
    to {
        transform: translateY(0);
    }
    10%,
    30% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(10%);
    }
    40% {
        transform: translateY(10%);
    }
    50%,
    to {
        transform: translateY(0);
    }
}
.hands .left {
    animation: leftHandTyping 1s infinite;
    left: 0;
    width: 34%;
}
@keyframes leftHandTyping {
    0%,
    to {
        transform: translateY(0);
    }
    10% {
        transform: translateY(12%);
    }
    20% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(12%);
    }
    40%,
    to {
        transform: translateY(0);
    }
}
.wcomp .rocket {
    animation: rocket 2s ease-in-out infinite;
    bottom: 12%;
    left: 71.6%;
    width: 16%;
    z-index: 2;
}
@media (min-width: 768px) {
    .ape {
        width: 34.6%;
    }
    .ape a {
        transform: perspective(50vw) rotateX(7deg) rotateY(-2deg);
    }
}
@media (min-width: 1024px) {
    .wcomp .wr {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .hands {
        width: 63%;
    }
    .wcomp .rocket {
        bottom: 7%;
        left: 2.6%;
        width: 11%;
    }
    .ape {
        width: 15.6%;
    }
    .ape a {
        font-size: 1.37vw;
        transform: perspective(50vw) rotateX(22deg) rotateY(-2deg);
    }
}
@media (min-width: 1921px) {
    .ape a {
        font-size: 26px;
    }
}
.ccomp .scene {
    position: relative;
}
.ccomp .bars {
    bottom: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}
.ani-bars {
    animation: bars 2s ease-in-out infinite;
    background-color: #24d1f5;
    bottom: -1px;
    height: 110px;
    position: absolute;
    right: 21.9%;
    width: 1%;
}
@keyframes bars {
    0%,
    to {
        height: 110px;
    }
    50% {
        height: 10px;
    }
}
.mtime {
    margin-bottom: calc(var(--v-large) * 2.3);
    margin-top: calc(var(--v-large) * 2.1);
}
.mtime .heading h2 {
    font-size: 18vw;
    letter-spacing: 0.44vw;
    line-height: 1;
    transform: scaleY(1.5);
}
.mtime .heading.tmp h2 {
    font-size: 12.9vw;
    text-align: center;
    transform: scaleY(2.1);
    white-space: nowrap;
}
.mtime .heading .wider {
    display: inline-flex;
    margin-left: 6vw;
    margin-right: 6vw;
    transform: scaleX(1.4);
}
@media (min-width: 768px) {
    .mtime .heading.tmp h2 {
        font-size: 13.9vw;
    }
}
@media (min-width: 1024px) {
    .mtime .heading h2 {
        font-size: 20.3vw;
    }
    .mtime .heading.tmp h2 {
        font-size: 14.4vw;
    }
    .ani-bars {
        height: 360px;
    }
    @keyframes bars {
        0%,
        to {
            height: 360px;
        }
        50% {
            height: 10px;
        }
    }
}
@media (min-width: 1441px) {
    .mtime .heading h2 {
        font-size: 18vw;
    }
    .mtime .heading.tmp h2 {
        font-size: 13.1vw;
    }
}
@media (min-width: 1921px) {
    .mtime .heading h2 {
        font-size: 346px;
    }
    .mtime .heading.tmp h2 {
        font-size: 243px;
    }
}
.footer {
    padding-bottom: var(--v-large);
    padding-top: var(--v-large);
    position: relative;
    z-index: 1;
}
.footer,
.footer a {
    color: var(--border);
}
.footer .info > .copy :not(:last-child) {
    margin-right: 20px;
}
@media (max-width: 767px) {
    .footer .contract {
        font-size: 12px;
        margin-top: calc(var(--gutter) / 2);
    }
}
@media (min-width: 768px) {
    .footer .info {
        align-items: center;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        width: 100%;
    }
}
@media (min-width: 1024px) {
    .footer .info > .copy :not(:last-child) {
        margin-right: 40px;
    }
}
@media (min-width: 1760px) {
    .footer:before {
        margin-left: calc(((100vw - 1760px) / 2 + var(--global-padding)) * -1);
        margin-right: calc(((100vw - 1760px) / 2 + var(--global-padding)) * -1);
        width: calc(100% + 100vw - 1760px + var(--global-padding) * 2);
    }
}
.alert {
    display: flex;
    flex-flow: column nowrap;
    opacity: 0;
    position: fixed;
    transition: all 0.2s ease-in-out 0.1s;
    z-index: 999;
}
.alert.show {
    opacity: 1;
}
.alert.fright {
    align-items: flex-end;
    bottom: var(--gutter);
    right: var(--gutter);
    transform: translateX(calc(var(--gutter) + 100%));
}
.alert.fright.show {
    transform: translateX(0);
}
.alert.fright .speech {
    margin-right: 40px;
}
.alert .speech {
    align-items: center;
    background-image: url('main.5b1b7990.css');
    display: flex;
    padding: 30px 45px;
    position: relative;
    width: 300px;
}
.alert .speech,
.alert .speech:before {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.alert .speech:before {
    background-image: url('main.5b1b7990.css');
    content: '';
    display: block;
    height: 35px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 75.5px;
}
.alert .ava {
    margin-top: 14px;
}
.alert .ava img {
    display: block;
}
.alert .closer {
    align-items: center;
    background: var(--dtree);
    border: 1px solid var(--negative);
    border-radius: 50%;
    color: var(--yellow);
    display: flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.2s ease-in-out;
    width: 32px;
}
.alert .closer span {
    display: block;
    line-height: 1;
}
.alert .closer:hover {
    transform: scale(0.9);
    transition: all 0.3s ease-in-out;
}
.alert p {
    color: var(--negative);
    font-size: 16px;
    width: 100%;
}
.alert .btn {
    display: inline-flex;
    margin-top: calc(var(--gutter) / 2);
    z-index: 2;
}
#memer .gradfill {
    font-size: 12.2vw;
}
#memer .gradfill:after {
    text-shadow: -3px 3.5px 0 var(--negative);
}
#generator {
    margin-top: var(--v-small);
    position: relative;
    z-index: 3;
}
.generator .scene {
    align-self: flex-end;
    justify-self: flex-end;
}
.uploader .scene {
    align-items: flex-end;
    display: flex;
}
.uploader .uptext .desc {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
.img-editor,
.uploader {
    width: 100%;
}
.uploader {
    align-items: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background: #61d8ff;
    background: linear-gradient(0deg, #61d8ff, #86f2be);
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-left: var(--gutter);
    margin-right: var(--gutter);
    min-height: 480px;
    padding-top: var(--gutter);
    position: relative;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
.uploader.window {
    overflow: hidden;
}
.uploader.pattern:before {
    z-index: 0;
}
.uploader.image-loaded {
    align-items: flex-start;
    margin-bottom: -420px;
    transform: scale(0.95);
}
.uploader.image-loaded:hover {
    margin-bottom: 0;
}
.uploader img {
    position: relative;
    transition: all 0.2s ease-in-out;
    z-index: 2;
}
.uploader:hover {
    transform: scale(0.989) rotate(-1deg);
    transition: all 0.3s ease-in-out;
}
.uploader:hover .uploadimg {
    transform: scale(0.95) rotate(1deg) translateY(-10px);
    transition: all 0.3s ease-in-out;
}
.uploader .uptext {
    align-self: stretch;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    transition: all 0.2s ease-in-out;
    z-index: 2;
}
.uploader .uptext img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.uploader.image-loaded .uptext .desc {
    justify-content: flex-start;
}
.uploader.image-loaded:hover .uptext {
    transform: none;
}
.uploader.image-loaded .uptext .uploadimg {
    max-width: 140px;
}
.uploader.image-loaded:hover .uptext .uploadimg {
    max-width: 500px;
}
.uploader p {
    color: var(--primary);
}
.uploader .inst {
    text-transform: uppercase;
}
.uploader p small {
    color: var(--primary);
    font-size: 14px;
}
.uploader .error-message {
    align-self: flex-end;
    background-color: var(--alert);
    bottom: 0;
    font-size: 14px;
    left: 0;
    padding: var(--btn-tiny-padding);
    transform: perspective(98px) rotateY(2deg) rotateX(-2deg) rotate(5deg)
        translateX(6px) scale(1);
}
.draggable {
    left: 0;
    object-fit: contain;
    pointer-events: none;
    position: absolute;
    top: 0;
}
.dragtxt {
    position: relative;
}
.dragtxt [type='text'] {
    all: unset;
    background-color: initial;
    color: inherit;
    display: block;
    font-size: inherit;
    pointer-events: auto;
}
.dragtxt:hover .ccount {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}
.dragtxt .ccount {
    background-color: var(--primary);
    border-radius: 4px;
    bottom: calc(100% + 5px);
    color: var(--negative) !important;
    cursor: move;
    display: block;
    font-size: 12px !important;
    left: 50%;
    opacity: 0.4;
    padding: 5px 7px;
    pointer-events: auto;
    position: absolute;
    transform: translateX(-50%);
    transition: all 0.2s ease-in-out;
    z-index: 2;
}
.draggable:active .bbox .frame,
.draggable:focus .bbox .frame,
.draggable:hover .bbox .frame {
    opacity: 1;
    transition: all 0ms ease-in-out;
}
.draggable * {
    -webkit-user-select: none;
    user-select: none;
}
.draggable img {
    cursor: grab;
    display: block;
    height: 100%;
    object-fit: contain;
    pointer-events: auto;
    width: 100%;
}
.bbox {
    top: 0;
}
.bbox,
.bbox .frame {
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}
.bbox .frame {
    border: 2px solid var(--blue);
    opacity: 0.7;
    transition: all 0.2s ease-in-out;
}
.frame .sq {
    display: block;
    height: 6px;
    position: absolute;
    width: 100%;
}
.frame .sq:after,
.frame .sq:before {
    background-color: var(--primary);
    border: 2px solid var(--blue);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    width: 6px;
}
.frame .sq:before {
    left: 0;
    transform: translateX(-50%);
}
.frame .sq:after {
    right: 0;
    transform: translateX(50%);
}
.frame .sq:first-child {
    top: 0;
    transform: translateY(-50%);
}
.frame .sq:nth-child(2) {
    bottom: 0;
    transform: translateY(50%);
}
.dragrot,
.dragscale,
.moptions {
    align-items: center;
    background-color: var(--primary);
    border-radius: 4px;
    display: flex;
    justify-content: center;
    pointer-events: all;
    position: absolute;
    width: 48px;
    z-index: 2;
}
.fsizer [type='number'] {
    all: unset;
    -webkit-appearance: none;
    color: var(--negative);
    font-size: 18px;
    height: 28px;
    text-align: center;
    width: 28px;
}
.fsizer [type='number']::-webkit-inner-spin-button,
.fsizer [type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.fsizer [type='number'] {
    -moz-appearance: textfield;
}
.dragscale {
    bottom: 0;
}
.dragrot,
.dragscale {
    cursor: nwse-resize;
    height: 48px;
    right: 0;
}
.dragrot {
    top: 0;
}
.moptions {
    left: 0;
    padding: 5px 0;
    top: 50%;
}
.moptions ul {
    display: flex;
    flex-flow: column;
    gap: 10px;
}
.moptions ul li {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
}
.moptions ul li [data-ico] {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
.moptions ul li:hover [data-ico] {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
.moptions [type='color'] {
    height: 28px;
    width: 28px;
}
.dragscale [data-ico] {
    transition: all 0.2s ease-in-out;
}
.dragscale:hover [data-ico] {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
.genarea {
    align-items: stretch;
    background-color: var(--primary);
    flex-flow: row wrap;
    justify-content: space-between;
    margin-left: var(--gutter);
    margin-right: var(--gutter);
}
.genarea,
.img-editor {
    display: flex;
    z-index: 2;
}
.img-editor {
    align-items: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    justify-content: center;
}
.img-editor .canvas {
    display: block;
    position: relative;
    width: 100%;
}
.img-editor .canvas img {
    width: 100%;
}
.img-editor .base {
    display: block;
}
.customisations {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: var(--gutter);
}
.tabs {
    align-items: center;
    border: 1px solid var(--negative);
    color: var(--tree);
    display: flex;
    font-size: 12px;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: var(--gutter);
    text-transform: uppercase;
}
.tabs,
.tabs-title span {
    border-radius: var(--large-radius);
}
.tabs-title span {
    cursor: pointer;
    display: block;
    padding: var(--btn-tiny-padding);
}
.tabs-title.is-active span {
    background: var(--dtree);
    border: 1px solid var(--negative);
    color: var(--yellow);
}
.tabs-panel {
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    gap: 5px;
    height: 0;
    margin: -16px -16px -32px;
    opacity: 0;
    overflow: auto;
    padding: 16px;
    transition: opacity 0.5s ease;
}
.tabs-panel.hidden {
    display: none;
}
.tabs-panel.is-active {
    height: auto;
    opacity: 1;
}
.meme-options {
    background-color: var(--primary);
    border-top: 1px solid var(--negative);
    position: relative;
    width: 100%;
    z-index: 10;
}
.meme-options label {
    aspect-ratio: 1/1;
    background-color: rgba(var(--primary-rgb), 0.5);
    flex: none;
    width: calc(33% - 3.75px);
}
.meme-options label [data-ico],
.meme-options label img {
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
}
.meme-options label [data-ico] {
    left: 0;
    opacity: 0;
    top: 0;
}
.meme-options label img {
    height: calc(100% - 10px);
    left: 50%;
    object-fit: contain;
    opacity: 0.65;
    top: 50%;
    transition: all 0.2s ease-in-out;
    width: calc(100% - 10px);
}
.meme-options [type='checkbox'] {
    display: none;
}
.meme-options label [type='checkbox']:checked ~ [data-ico],
.meme-options label [type='checkbox']:checked ~ img {
    opacity: 1;
}
.meme-options label {
    cursor: pointer;
    display: block;
    position: relative;
    transition: all 0.2s ease-in-out;
}
.slick-slide > div {
    display: flex;
}
.meme-options label:before {
    background-color: #f2e9d980;
    border: 1px solid var(--negative);
    border-radius: var(--small-radius);
    box-sizing: border-box;
    content: '';
    display: block;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}
.meme-options label:hover {
    transform: scale(0.95);
    transition: all 0.3s ease-in-out;
}
.btns {
    display: flex;
    justify-content: center;
    margin-top: var(--v-small);
    padding-bottom: calc(var(--gutter) / 2);
    padding-top: calc(var(--gutter) / 2);
    width: 100%;
    z-index: 2;
}
@media (max-width: 767px) {
    .btns .btn {
        font-size: var(--btn-small);
        padding: var(--btn-small-padding);
    }
}
@media (min-width: 768px) {
    .uploader.image-loaded {
        align-items: center;
        margin-bottom: -413px;
    }
}
@media (min-width: 1024px) {
    .btns {
        margin-top: 0;
    }
    #memer .gradfill {
        font-size: 12.8vw;
    }
    #memer .gradfill:after {
        text-shadow: -6px 6.5px 0 var(--negative);
    }
    .img-editor {
        max-width: 1080px;
    }
    .img-editor,
    .meme-options {
        flex: 1 1;
    }
    .uploader {
        margin-bottom: var(--v-large);
    }
    .uploader.image-loaded {
        margin-bottom: -480px;
    }
    .meme-options {
        border-left: 5px solid var(--negative);
        border-top: none;
        max-width: 350px;
    }
    .tabs-panel {
        flex-flow: row wrap;
        overflow: hidden;
    }
    .meme-options label {
        width: calc(25% - 3.75px);
    }
}
@media (min-width: 1921px) {
    #memer .gradfill {
        font-size: 246px;
    }
}
.links {
    align-items: center;
    display: flex;
    flex-flow: row wrap;
    gap: var(--gutter);
    justify-content: space-between;
    margin-top: var(--v-large);
    position: relative;
}
.links li {
    display: block;
    flex: 30% 1;
}
.links a {
    background-color: var(--dtree);
    border: 2px solid var(--border);
    border-radius: var(--large-radius);
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.links a:after,
.links a:before {
    content: '';
    display: block;
}
.links a:before {
    padding-bottom: 100%;
    position: relative;
    width: 100%;
}
.links li:nth-child(2n) a:after {
    right: 10%;
    top: 10%;
}
.links li:nth-child(odd) a:after {
    right: 40%;
    top: 120%;
}
.links a:after {
    background-color: var(--tree);
    border-radius: 100%;
    height: 73%;
    transform: translate(50%, -50%);
    width: 40%;
    z-index: 0;
}
.links [data-ico],
.links a:after {
    position: absolute;
    transition: all 0.2s ease-in-out;
}
.links [data-ico] {
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.links a:hover [data-ico] {
    transform: translate(-50%, -50%) scale(1.2);
    transition: all 0.3s ease-in-out;
}
.links a:hover:after {
    transform: translate(50%, -50%) scaleY(2) rotate(30deg) rotateY(10deg)
        rotateX(5deg);
    transition: all 0.3s ease-in-out;
}
@media (min-width: 1024px) {
    .links li {
        flex: 1 1;
    }
    .links a {
        border-width: 5px;
    }
    .links [data-ico] {
        height: 48px;
        width: 48px;
    }
}
.marquee {
    display: flex;
    flex-direction: row;
    font-size: calc(var(--paragraph) * 2);
    overflow: hidden;
    position: relative;
    width: 100%;
}
.marquee.bordered {
    background-color: var(--border);
    color: var(--primary);
    font-family: var(--heading);
    font-size: 18px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
}
.marquee-el {
    align-items: center;
    animation: scroll 100s linear 0s infinite;
    animation-delay: 0s;
    animation-play-state: running;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    min-width: 100%;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    z-index: 1;
}
.marquee-right .marquee-el {
    animation-direction: normal;
}
.marquee-left .marquee-el {
    animation-direction: reverse;
}
.marquee.bordered p span {
    -webkit-text-fill-color: #0000;
    background: #61d8ff;
    background: linear-gradient(90deg, #6b4409 0, #e9911d);
    -webkit-background-clip: text;
    padding: 0 7px;
}
.marquee-el p {
    transform: scaleY(1.8);
}
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
#tokenomics .tokenwrap { overflow: visible; }
#tokenomics .wr { margin-left: 0; margin-right: 0; width: 100%; }
.token-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: clamp(20px, 4vw, 60px);
  padding: clamp(20px, 3vw, 40px);
}
.token-plaque{
  background: var(--primary);
  width: clamp(360px, 300vw, 700px);
  padding-bottom: 25%;
  aspect-ratio: 16 / 9;
  border: 4px solid var(--border);
    border-radius: var(--large-radius);
  display:flex;
  align-items:center;
  justify-content:center;
  position: relative;
  transform: translateX(-6%);
}
.token-plaque .gif-slot{
  position:absolute;
  inset: 7px;
  display: flex;
  align-items:center;
  justify-content:center;
}
.token-plaque .hint{
  font-size: 14px;
  opacity: 0.8;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.token-copy{
  max-width: clamp(320px, 44vw, 640px);
}
.token-copy h3{
  margin-bottom: 0.6em;
}
.token-copy p{
  color: var(--primary);
  margin-bottom: 0.8em;
}
.token-bullets{
  list-style: none;
  margin: 0 0 0.8em 0;
  padding: 0;
}
.token-bullets li{
  position: relative;
  padding-left: 0.4em;
  line-height: 1.5;
}
.token-copy .disclaimer{
  font-size: 0.9em;
  opacity: 0.9;
}
@media (max-width: 1023px){
  .token-row{ flex-direction: column; }
  .token-plaque{ transform: none; }
  .token-copy{ text-align: center; }
}
#tokenomics {
  position: relative;
  overflow: hidden;
  border-radius: var(--large-radius);
  isolation: isolate;
   --global-body-bg: #966a1a;
  background-color: var(--global-body-bg);
}

#tokenomics .textures--section {
  display: block;
  position: absolute; 
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  mix-blend-mode: normal;
  border-radius: inherit;
}

#tokenomics .textures--section::before,
#tokenomics .textures--section::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url('noise.c5d03fee5564f5d76e30.webp');
  background-repeat: repeat;
  background-size: auto 100%;
  mix-blend-mode: normal;
  border-radius: inherit;
}
#tokenomics .textures--section::before { mix-blend-mode: normal; opacity: 0.1; animation: slide 1s linear infinite; }
#tokenomics .textures--section::after  { mix-blend-mode: normal; opacity: 0.05; animation: slide 1s linear infinite; }

#tokenomics .tokenwrap,
#tokenomics .token-row { position: relative; z-index: 1; }
.token-plaque{
  position: relative;
  border-radius: var(--small-radius, 20px);
  overflow: hidden;

}
.token-plaque > img.plaque-gif{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.char-wrap{
  position: relative;
  display: block;
  width: 100%;
}

.char-wrap .char{
  pointer-events: auto;
}

.sound-btn{
  position: absolute;
  left: 50%;
  top: 8%;
  transform: translate(-50%, 0) scale(0.75);

  width: clamp(52px, 22%, 110px);
  aspect-ratio: 1 / 1;

  display: grid;
  place-items: center;

  background-color: var(--dtree);
  border: 2px solid var(--border);
  border-radius: var(--small-radius);
  box-shadow: -5px 6px 0 0 var(--shadow-blue);

  opacity: 0;
  pointer-events: none;
  transition: all 0.25s ease-in-out;
  z-index: 10;

  animation: soundFloat 2.2s ease-in-out infinite;
}

.char-wrap:hover .sound-btn{
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
  pointer-events: auto;
}

@media (hover: none){
  .sound-btn{
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
    pointer-events: auto;
  }
}

.sound-btn .alt{
  left: 50%;
  top: 115%;
  transform: scale(0) translate(-50%, 0);
}
.sound-btn:hover .alt{
  opacity: 1;
  transform: scale(1.25) translate(-50%, 0);
}

.sound-ico{
  position: relative;
  width: 46%;
  height: 46%;
}
.sound-ico::before{
  content:"";
  position:absolute;
  left: 0;
  top: 26%;
  width: 38%;
  height: 48%;
  background: var(--yellow);
  border: 2px solid var(--border);
  border-radius: 4px;
}
.sound-ico::after{
  content:"";
  position:absolute;
  left: 28%;
  top: 18%;
  width: 0; height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 18px solid var(--yellow);
}

.sound-pulse{
  position: absolute;
  inset: -6px;
  border-radius: inherit;
  opacity: 0.7;
  pointer-events: none;
  border: 2px solid rgba(255,255,255,0.0);
  animation: btn 1s ease-in-out infinite;
}

.sound-btn[data-muted="true"] .sound-ico{
  background:
    linear-gradient(135deg, transparent 44%, var(--red) 44%, var(--red) 56%, transparent 56%);
  border-radius: 6px;
}

@keyframes soundFloat{
  0%,100% { translate: 0 0; }
  50% { translate: 0 -6%; }
}