@font-face {
    font-family: head;
    font-display: swap;
    src: url(/editundo.ttf);
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: texts;
    font-display: swap;
    src: url(/Starborn.ttf);
    font-weight: 500;
    font-style: normal
}

* {
    padding: 0;
    margin: 0;
    border: 0
}

*,
*::after,
*::before {
    box-sizing: border-box
}

*::after,
*::before {
    display: inline-block
}

body,
html {
    height: 100%;
    min-width: 320px
}

body {
    color: #000;
    line-height: 1;
    font-family: head;
    font-size: 1.25rem;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button,
input,
textarea {
    font-family: head;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    background-color: rgba(0, 0, 0, 0)
}

input,
textarea {
    width: 100%
}

label {
    display: inline-block
}

button,
option,
select {
    cursor: pointer
}

a {
    display: inline-block;
    color: inherit;
    text-decoration: none
}

ul li {
    list-style: none
}

img {
    vertical-align: top
}

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

@-webkit-keyframes body-opacity {
    0% {
        opacity: 1;
        visibility: visible
    }
    50% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes body-opacity {
    0% {
        opacity: 1;
        visibility: visible
    }
    50% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

.show-main body {
    -webkit-animation: body-opacity 1s ease forwards;
    animation: body-opacity 1s ease forwards
}

.lock body {
    overflow: hidden;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.wrapper {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

@supports (overflow:clip) {
    .wrapper {
        overflow: clip
    }
}

.wrapper>main {
    flex: 1 1 auto
}

.wrapper>* {
    min-width: 0
}

[class*="--gc"] {
    display: grid;
    min-width: 0;
    grid-template-columns: .9375rem 1fr minmax(auto, 0) 1fr .9375rem
}

[class*="--gc"]>* {
    min-width: 0;
    grid-column: 3/4
}

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

.menu__list {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem
}

.menu__link {
    position: relative;
    display: block;
    padding: .5rem .625rem;
    color: #fff;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    text-transform: uppercase;
    transition: text-shadow .2s ease 0s
}

.menu__link._navigator-active {
    text-shadow: 0 0 .1875rem #fff, 0 0 .375rem #fff
}

.menu__link._navigator-active::before {
    width: 100%
}

.menu__link::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: .125rem;
    background-color: #fff;
    transition: width .2s ease 0s;
    box-shadow: 0 0 .1875rem #fff, 0 0 .375rem #fff
}

.icon-menu {
    display: none
}

.ibg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ibg--top {
    -o-object-position: top;
    object-position: top
}

.ibg--bottom {
    -o-object-position: bottom;
    object-position: bottom
}

.ibg--left {
    -o-object-position: left;
    object-position: left
}

.ibg--right {
    -o-object-position: right;
    object-position: right
}

.ibg--contain {
    -o-object-fit: contain;
    object-fit: contain
}

@-webkit-keyframes headerShow {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes headerShow {
    0% {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
    100% {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.header {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
    padding: .75rem 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.show-main .header {
    -webkit-animation: headerShow .5s ease .5s forwards;
    animation: headerShow .5s ease .5s forwards
}

.header__box {
    width: 100%;
    max-width: 102.5rem;
    padding: 0 1.25rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 13.875rem auto 13.875rem;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.header__logo-box {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: flex-start
}

.header__logo {
    color: #fff;
    text-shadow: 0 0 .1875rem #fff;
    font-size: 3.375rem;
    font-style: normal;
    font-weight: 900;
    transition: text-shadow .2s ease 0s, scale .2s ease 0s
}

.header__actions {
    display: flex;
    align-items: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

.header__social {
    display: flex;
    align-items: center;
    -webkit-column-gap: .625rem;
    -moz-column-gap: .625rem;
    column-gap: .625rem
}

.header__social-item {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .375rem;
    transition: all .2s ease 0s
}

.header__social-item img {
    transition: all .2s ease 0s
}

.header__social-item span {
    display: none
}

.header__button {
    position: relative;
    z-index: 2;
    display: flex;
    padding: .5rem 0;
    width: 7.25rem;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #000;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    transition: box-shadow .2s ease 0s, letter-spacing .2s ease 0s
}

.page {
    position: relative
}

.page::before {
    content: url(../img/tokenomics/main.png) url(../img/tokenomics/main2.png) url(../img/tokenomics/TokenomicsBG.jpg) url(../img/left/01.gif) url(../img/left/02.gif) url(../img/left/03.gif) url(../img/left/04.gif) url(../img/left/05.gif) url(../img/left/06.gif) url(../img/left/07.gif) url(../img/left/08.gif) url(../img/preloader/01.gif) url(../img/preloader/02.gif) url(../img/preloader/exit.gif) url(../img/preloader/no.gif);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: -1
}

.page:has(.about__video-box._watcher-view) .page__popup.popup-1 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.page:has(.about__video-box._watcher-view) .page__popup.popup-1.hidden {
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem);
    opacity: 0;
    visibility: hidden
}

.page:has(.about:not(._watcher-view)) .page__popup.popup-1 {
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem);
    opacity: 0;
    visibility: hidden
}

.page:has(.how__main._watcher-view) .page__popup.popup-2 {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.page:has(.how__main._watcher-view) .page__popup.popup-2.hidden {
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem);
    opacity: 0;
    visibility: hidden
}

.page:has(.how__main:not(._watcher-view)) .page__popup.popup-2 {
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem);
    opacity: 0;
    visibility: hidden
}

.page__popups {
    pointer-events: none;
    position: fixed;
    z-index: 9;
    left: 13%;
    bottom: 10%;
    width: 65%;
    height: 60vh
}

.page__popup {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto
}

.page__bg-fixed {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/bg.jpg) bottom/cover no-repeat
}

.page__sections-box {
    position: relative;
    margin-top: 4.6875rem;
    z-index: 2;
    opacity: 0;
    visibility: hidden
}

.show-main .page__sections-box {
    -webkit-animation: siteShow .5s ease .5s forwards;
    animation: siteShow .5s ease .5s forwards
}

.page__hero {
    border: .1875rem solid #000;
    border-bottom: none
}

.page__about {
    border: .1875rem solid #000;
    border-bottom: none
}

.page__how {
    border: .1875rem solid #000;
    border-bottom: none
}

.page__tokenomics {
    border: .1875rem solid #000;
    border-bottom: none
}

.page__nft {
    border: .1875rem solid #000;
    border-top: none;
    border-bottom: none
}

.page__nft-join {
    position: relative;
    z-index: 2
}

.page__nft-join::before {
    content: "";
    position: absolute;
    pointer-events: none;
    top: -6%;
    left: 0;
    width: 100%;
    height: calc(106% - 30vh);
    background: url(../img/nft/bg.png) top/cover no-repeat;
    border-left: .1875rem solid #000;
    border-right: .1875rem solid #000;
    border-bottom: .1875rem solid #000
}

@-webkit-keyframes siteShow {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes siteShow {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

.menu-open-bg {
    pointer-events: none;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(.375rem);
    backdrop-filter: blur(.375rem);
    opacity: 0;
    transition: opacity .3s ease 0s
}

.menu-open .menu-open-bg {
    opacity: 1
}

@-webkit-keyframes run {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }
    100% {
        -webkit-transform: translateX(-45%);
        transform: translateX(-45%)
    }
}

@keyframes run {
    0% {
        -webkit-transform: translateX(-150%);
        transform: translateX(-150%)
    }
    100% {
        -webkit-transform: translateX(-45%);
        transform: translateX(-45%)
    }
}

.bg-fixed__left {
    width: 15%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 5% 0 3%
}

.bg-fixed__image {
    width: 80%;
    height: 90%;
    align-items: flex-end;
    justify-content: center;
    display: none
}

.show-main .bg-fixed__image {
    display: flex
}

.bg-fixed__image img {
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
    height: 100%
}

@-webkit-keyframes preloader-off {
    0% {
        opacity: 1;
        visibility: visible;
        display: block
    }
    99% {
        opacity: 0;
        visibility: hidden;
        display: block
    }
    100% {
        opacity: 0;
        visibility: hidden;
        display: none
    }
}

@keyframes preloader-off {
    0% {
        opacity: 1;
        visibility: visible;
        display: block
    }
    99% {
        opacity: 0;
        visibility: hidden;
        display: block
    }
    100% {
        opacity: 0;
        visibility: hidden;
        display: none
    }
}

.preloader {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.show-main .preloader {
    -webkit-animation: preloader-off .5s ease forwards;
    animation: preloader-off .5s ease forwards
}

.preloader__animation {
    position: relative;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.preloader__animation>img {
    position: absolute;
    z-index: 2;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /* width: 50%;
    height: 100%; */
    -o-object-fit: cover;
    object-fit: cover
}

.preloader__text {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -70%);
    transform: translate(-50%, -70%);
    width: 35%;
    aspect-ratio: 729/456
}

.preloader__text img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -o-object-fit: contain;
    object-fit: contain
}

.preloader__text img:nth-child(1) {
    opacity: 1;
    visibility: visible;
    width: 100%;
    aspect-ratio: 1
}

.loaded .preloader__text img:nth-child(1) {
    -webkit-animation: loaderTextBg1 .3s ease 3.4s forwards;
    animation: loaderTextBg1 .3s ease 3.4s forwards
}

.preloader__text img:nth-child(2) {
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden
}

.loaded .preloader__text img:nth-child(2) {
    -webkit-animation: loaderTextBg2 .3s ease 3.4s forwards;
    animation: loaderTextBg2 .3s ease 3.4s forwards
}

.preloader__buttons {
    position: absolute;
    z-index: 3;
    top: 60%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    -webkit-column-gap: 7vw;
    -moz-column-gap: 7vw;
    column-gap: 7vw
}

.preloader__buttons button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10rem;
    height: 4.25rem;
    transition: opacity .2s ease 0s, visibility .2s ease 0s
}

.preloader__buttons button.hidden {
    opacity: 0;
    visibility: hidden
}

.preloader__buttons button::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border: .125rem solid #000;
    background-color: #74ffff
}

.preloader__buttons button::after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
    inset: 0;
    border: .125rem solid #000;
    background-color: #f8396c;
    -webkit-transform: translate(-.625rem, .625rem);
    transform: translate(-.625rem, .625rem);
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

.preloader__buttons button span {
    position: absolute;
    font-family: head;
    z-index: 3;
    inset: .5rem;
    border: .125rem solid #000;
    background-color: #fff;
    box-shadow: 0 .125rem 0 0 #000 inset;
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: letter-spacing .2s ease 0s
}

@-webkit-keyframes loaderTextBg1 {
    0% {
        opacity: 1;
        visibility: visible
    }
    100% {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes loaderTextBg1 {
    0% {
        opacity: 1;
        visibility: visible
    }
    100% {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes loaderTextBg2 {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes loaderTextBg2 {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

.popup {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: opacity .15s ease-out 0s, visibility .15s ease-out 0s, -webkit-transform .3s ease-out 0s;
    transition: transform .3s ease-out 0s, opacity .15s ease-out 0s, visibility .15s ease-out 0s;
    transition: transform .3s ease-out 0s, opacity .15s ease-out 0s, visibility .15s ease-out 0s, -webkit-transform .3s ease-out 0s;
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem);
    opacity: 0;
    visibility: hidden
}

.popup.hidden {
    -webkit-transform: translateX(-3.75rem);
    transform: translateX(-3.75rem);
    opacity: 0;
    visibility: hidden
}

.popup__image {
    margin-left: 2vw;
    pointer-events: none
}

.popup__image img {
    width: 100%
}

.popup__body {
    width: 100%;
    pointer-events: all;
    border: .1875rem solid #000;
    background-color: #8ad2dd;
    padding: 1rem;
    box-shadow: -.75rem .75rem 0 0 #f8396c
}

.page__popup.popup-2 .popup__body {
    background-color: #cb71ff;
    box-shadow: -.75rem .75rem 0 0 #448bfa
}

.popup__content {
    border: .125rem solid #000;
    background-color: #e7f0f8;
    padding: 1.5rem 2rem;
    box-shadow: 0 .25rem 0 0 #000 inset;
    display: flex;
    flex-direction: column
}

.popup__title {
    color: #000;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 900;
    line-height: 90%
}
@font-face {
    font-family: texts;
    src: url(/Starborn.ttf);
}
.popup__text {
    color: #000;
    font-family: texts;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 1.25rem
}

.popup__button {
    align-self: flex-end;
    width: 7.625rem;
    height: 2.25rem;
    border: .125rem solid #000;
    background-color: #287ea5;
    color: #e7f0f8;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    transition: letter-spacing .2s ease 0s, background-color .2s ease 0s;
    text-align: center
}

.page__popup.popup-2 .popup__button {
    background-color: #b32a87
}

.hero {
    position: relative;
    z-index: 1;
    background: url(../img/hero/bg.png) 70%/cover no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 2.5rem;
    height: calc(100vh - 4.6875rem)
}

.hero__actions {
    display: flex;
    flex-direction: column;
    row-gap: 1rem
}

.hero__button {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15rem;
    height: 4.25rem
}

.hero__button::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border: .125rem solid #000;
    background-color: #74ffff
}

.hero__button::after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
    inset: 0;
    border: .125rem solid #000;
    background-color: #f8396c;
    -webkit-transform: translate(-.625rem, .625rem);
    transform: translate(-.625rem, .625rem);
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

.hero__button span {
    position: absolute;
    z-index: 3;
    inset: .5rem;
    border: .125rem solid #000;
    background-color: #fff;
    box-shadow: 0 .125rem 0 0 #000 inset;
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: letter-spacing .2s ease 0s
}

.hero__social {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.hero__social-item {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.25rem;
    height: 4.25rem
}

.hero__social-item:nth-child(1)::before {
    background-color: #95a7b3
}

.hero__social-item:nth-child(1) span {
    background-color: #181e22
}

.hero__social-item:nth-child(2)::before {
    background-color: #74ffff
}

.hero__social-item:nth-child(2) span {
    background-color: #00a6ff
}

.hero__social-item:nth-child(3)::before {
    background-color: #95a7b3
}

.hero__social-item:nth-child(3) span {
    background-color: #181e22
}

.hero__social-item::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border: .125rem solid #000
}

.hero__social-item::after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
    inset: 0;
    border: .125rem solid #000;
    background-color: #ffe055;
    -webkit-transform: translate(-.625rem, .625rem);
    transform: translate(-.625rem, .625rem);
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

.hero__social-item span {
    display: block;
    position: absolute;
    z-index: 3;
    inset: .5rem;
    border: .125rem solid #000;
    box-shadow: 0 .125rem 0 0 #000 inset;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero__social-item span img {
    transition: scale .2s ease 0s
}

.about {
    position: relative;
    z-index: 1;
    background-color: #d8e0e5;
    padding: 3vw 3vw 4vw 3vw
}

.about__video-box {
    position: relative;
    width: 100%;
    aspect-ratio: 1322/700;
    border: .1875rem solid #000
}

.about__video-box.play button {
    opacity: 0;
    visibility: hidden
}

.about__video-box button {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    aspect-ratio: 1;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s ease 0s, visibility .2s ease 0s
}

.about__video-box button img {
    width: 100%
}

.about__video-box video {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.how {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-top: none
}

.how__top {
    position: relative;
    z-index: 2;
    width: 100%;
    overflow: hidden
}

.how__main {
    position: relative;
    z-index: 1;
    padding: 1vw 4vw
}

.how__main::before {
    content: "";
    position: absolute;
    top: -20%;
    left: -2%;
    width: 104%;
    height: 125%;
    background: url(../img/how/HowTobuyBG.jpg) center/cover no-repeat
}

.how__body {
    position: relative;
    z-index: 2;
    border: .1875rem solid #000;
    padding: 1.625rem 1.625rem 3.375rem 1.625rem;
    background: linear-gradient(179deg, #c2ddff 11.63%, #8fabce 151.62%)
}

.how__body::before {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: .75rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 5.75rem;
    height: 1.8125rem;
    background: url(../img/how/doge.png) center/contain no-repeat
}

.how__content {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border: .125rem solid #000;
    background: linear-gradient(206deg, #a31c7b -22.37%, #bb42fa 24.46%, #56a0fa 101.76%);
    box-shadow: .25rem .375rem 0 0 #000 inset
}

.how__content::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: .375rem;
    left: .25rem;
    width: calc(100% - .25rem);
    height: calc(100% - .375rem);
    background: url(../img/how/screenBG.svg) top/cover no-repeat
}

.how__items {
    position: absolute;
    inset: 0;
    z-index: 3
}

.how__item:nth-child(1) {
    top: 28%;
    left: 0;
    padding-bottom: 1.25rem
}

.how__item:nth-child(2) {
    top: 65%;
    left: 10%
}

.how__item:nth-child(3) {
    top: 15%;
    right: -3%
}

.how__item:nth-child(4) {
    top: 63%;
    right: 2%
}

.how__errors {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none
}

.how__error {
    pointer-events: all
}

.how__bottom {
    position: relative;
    z-index: 4;
    width: 100%;
    overflow: hidden
}

.item-how {
    width: auto;
    height: auto;
    background-color: #efd9db;
    border: .125rem solid #000;
    box-shadow: 0 .25rem 0 0 #000
}

.item-how__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .375rem 1rem;
    border-bottom: .125rem solid #000;
    background-color: #448bfa
}

.item-how__top-decor {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: flex;
    align-items: center;
    -webkit-column-gap: .375rem;
    -moz-column-gap: .375rem;
    column-gap: .375rem;
    pointer-events: none
}

.item-how__top-decor span {
    flex-shrink: 0;
    aspect-ratio: 1;
    border-radius: 50%;
    border: .125rem solid #efd9db
}

.item-how__top-title {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    color: #efd9db;
    font-family: texts;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

.item-how__top-title span {
    text-decoration: underline
}

.item-how__top-icon {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.item-how__menu {
    display: flex;
    align-items: center;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    padding: .375rem 1.25rem;
    border-bottom: .125rem solid #000
}

.item-how__menu-item {
    color: #000;
    text-align: center;
    font-family: texts;
    font-style: normal;
    font-weight: 600;
    line-height: 120%
}

.item-how__content {
    padding: 1rem 1.25rem
}
span{
    font-family: head;
}
.item-how__content-title {
    color: #000;
    font-family: texts;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem
}

.item-how__content-title span:nth-child(1) {
    text-decoration-line: underline
}

.item-how__content-text {
    color: #000;
    font-family: texts;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}

.item-how__content-text a {
    text-decoration: underline
}

.error-how {
    position: absolute;
    border: .125rem solid #000;
    background-color: #f2e4e4;
    box-shadow: 0 .25rem 0 0 #000
}

.error-how.hidden {
    display: none
}

.error-how__top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e40b41;
    border-bottom: .125rem solid #000;
    padding-left: 3.375rem;
    padding-right: 3.375rem
}

.error-how__top-decor {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1rem;
    display: flex;
    align-items: center;
    -webkit-column-gap: .375rem;
    -moz-column-gap: .375rem;
    column-gap: .375rem;
    pointer-events: none
}

.error-how__top-decor span {
    flex-shrink: 0;
    aspect-ratio: 1;
    border-radius: 50%;
    border: .125rem solid #f2e4e5
}

.error-how__top-title {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    color: #f2e4e5;
    text-align: center;
    font-family: texts;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2
}

.error-how__content {
    padding: 1.5rem 1.25rem 1rem 1.25rem;
    display: flex;
    flex-direction: column
}

.error-how__content-main {
    display: flex;
    align-items: center;
    -webkit-column-gap: .75rem;
    -moz-column-gap: .75rem;
    column-gap: .75rem;
    margin-bottom: .5rem
}

.error-how__content-image {
    flex-shrink: 0
}

.error-how__content-image img {
    width: 100%
}

.error-how__content-text {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    font-family: texts;
    font-style: normal;
    font-weight: 500;
    line-height: 120%
}
@font-face {
    font-family: head;
    src: url(/editundo.ttf);
}
.error-how__content-button {
    position: relative;
    border: .125rem solid #000;
    background-color: #fff;
    align-self: flex-end;
    width: 7.625rem;
    height: 2.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-family: head;
    font-style: normal;
    font-weight: 900;
    line-height: 90%
}

.tokenomics {
    position: relative;
    z-index: 2;
    overflow: hidden;
    background-color: #cdf7ff
}

.tokenomics.tok-active {
    background: url(../img/tokenomics/TokenomicsBG.jpg) bottom/cover no-repeat
}

.tokenomics__body {
    position: relative;
    width: 100%;
    padding: 0 1vw;
    display: flex;
    flex-direction: column
}

.tokenomics__top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center
}

.tokenomics__title {
    position: relative;
    flex: 0 0 55%
}

.tokenomics__title img {
    width: 100%
}

.tokenomics__decor {
    flex: 0 0 45%;
    -webkit-transform: translateX(-10%) translateY(-10%);
    transform: translateX(-10%) translateY(-10%)
}

.tokenomics__decor img {
    width: 100%
}

.tokenomics__main {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .875rem;
    -webkit-animation: tokMainScale 3s ease infinite;
    animation: tokMainScale 3s ease infinite
}

.tokenomics__main-body {
    position: relative;
    width: 64%;
    aspect-ratio: 1;
    background: url(../img/tokenomics/main2.png) center/contain no-repeat;
    will-change: transform
}

.tok-active .tokenomics__main-body {
    background: url(../img/tokenomics/main.png) center/contain no-repeat;
    -webkit-animation: mainImage .45s ease-out 0s forwards;
    animation: mainImage .45s ease-out 0s forwards
}

.tokenomics__main-body::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    width: 100vw;
    aspect-ratio: 1394/1283;
    background: url(../img/tokenomics/StickersCLIPING.svg) center/contain no-repeat;
    will-change: transform, opacity, visibility;
    -webkit-animation: tokMainScale2 3s ease infinite;
    animation: tokMainScale2 3s ease infinite
}

.tok-active .tokenomics__main-body::before {
    -webkit-animation: tokStickers .45s ease-out 0s forwards;
    animation: tokStickers .45s ease-out 0s forwards
}

.tokenomics__main-item {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: .25vw;
    text-transform: uppercase
}

.tokenomics__main-item:nth-child(1) {
    top: 19%;
    left: 21%;
    width: 25%;
    aspect-ratio: 175/166;
    padding-top: .5vw;
    background: url(../img/tokenomics/TokenSupply.svg) center/contain no-repeat
}

.tokenomics__main-item:nth-child(1) span:nth-child(1) {
    color: #024446;
    font-family: head;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    -webkit-transform: rotate(-.977deg);
    transform: rotate(-.977deg)
}

.tokenomics__main-item:nth-child(1) span:nth-child(2) {
    color: #023537;
    font-family: head;
    font-size: 5.4vw;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    -webkit-transform: rotate(1.15deg);
    transform: rotate(1.15deg)
}

.tokenomics__main-item:nth-child(2) {
    top: 9%;
    left: 32%;
    width: 52%;
    aspect-ratio: 213/96;
    padding-top: 1vw;
    background: url(../img/tokenomics/LP.svg) center/contain no-repeat
}

.tokenomics__main-item:nth-child(2) span:nth-child(1) {
    color: #024446;
    font-family: head;
    font-size: 4vw;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    -webkit-transform: translateX(2%) rotate(-1.984deg);
    transform: translateX(2%) rotate(-1.984deg)
}

.tokenomics__main-item:nth-child(3) {
    top: 27%;
    left: 53%;
    width: 25%;
    aspect-ratio: 153/145;
    padding-top: .5vw;
    background: url(../img/tokenomics/Tax.svg) center/contain no-repeat
}

.tokenomics__main-item:nth-child(3) span:nth-child(1) {
    color: #024446;
    font-family: head;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    -webkit-transform: rotate(-3.824deg);
    transform: rotate(-3.824deg)
}

.tokenomics__main-item:nth-child(3) span:nth-child(2) {
    color: #023537;
    font-family: head;
    font-size: 2.8vw;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    -webkit-transform: translateX(-1%) rotate(-4.816deg);
    transform: translateX(-1%) rotate(-4.816deg)
}

.tokenomics__bottom {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.625rem
}

.tokenomics__bottom-button {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15rem;
    height: 4.25rem
}

.tok-active .tokenomics__bottom-button {
    -webkit-animation: tok-btn-off .15s ease 0s forwards;
    animation: tok-btn-off .15s ease 0s forwards
}

.tokenomics__bottom-button::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border: .125rem solid #000;
    background-color: #ff7a56
}

.tokenomics__bottom-button::after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
    inset: 0;
    border: .125rem solid #000;
    background-color: #4af2f8;
    -webkit-transform: translate(-.625rem, .625rem);
    transform: translate(-.625rem, .625rem);
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

.tokenomics__bottom-button span {
    position: absolute;
    z-index: 3;
    inset: .5rem;
    border: .125rem solid #000;
    background-color: #ed3f3a;
    box-shadow: 0 .125rem 0 0 #000 inset;
    color: #e7f0f8;
    font-size: 2rem;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: letter-spacing .2s ease 0s
}

.tokenomics__ca {
    position: relative;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    display: none
}

.tokenomics__ca:has(button:hover)>div>div>span {
    color: #ed3f3a
}

.tok-active .tokenomics__ca {
    -webkit-animation: tok-ca-on .15s ease .1s forwards;
    animation: tok-ca-on .15s ease .1s forwards
}

.tokenomics__ca>span {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 3rem;
    height: 3rem;
    border: .125rem solid #000;
    border-right: none;
    background-color: #ed3f3a;
    color: #fff;
    font-family: head;
    font-size: 2rem;
    font-style: normal;
    font-weight: 900;
    line-height: 90%
}

.tokenomics__ca>div {
    position: relative;
    z-index: 1
}

.tokenomics__ca>div::after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    border: .125rem solid #000;
    background-color: #4af2f8;
    -webkit-transform: translate(-.625rem, .625rem);
    transform: translate(-.625rem, .625rem);
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

.tokenomics__ca>div div {
    position: relative;
    z-index: 2;
    border: .125rem solid #000;
    background-color: #ff7a56;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    -webkit-column-gap: .5rem;
    -moz-column-gap: .5rem;
    column-gap: .5rem
}

.tokenomics__ca>div div::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: .5rem;
    border: 2px solid #000;
    background: #fef5f4;
    box-shadow: 0 3px 0 0 #000 inset
}

.tokenomics__ca>div div span {
    position: relative;
    z-index: 2;
    color: #5a2b25;
    font-family: head;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    transition: color .2s ease 0s
}

.tokenomics__ca>div div button {
    position: relative;
    width: 2rem;
    height: 2rem;
    border: .125rem solid #000;
    background-color: #ed3f3a;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

.tokenomics__ca>div div button svg {
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

@-webkit-keyframes tokStickers {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
        visibility: visible
    }
    40% {
        opacity: 1;
        visibility: visible
    }
    100% {
        -webkit-transform: translate(-50%, -100%) scale(5);
        transform: translate(-50%, -100%) scale(5);
        opacity: 0;
        visibility: hidden
    }
}

@keyframes tokStickers {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
        visibility: visible
    }
    40% {
        opacity: 1;
        visibility: visible
    }
    100% {
        -webkit-transform: translate(-50%, -100%) scale(5);
        transform: translate(-50%, -100%) scale(5);
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes tok-btn-off {
    0% {
        opacity: 1;
        visibility: visible
    }
    99% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 0;
        visibility: hidden;
        display: none
    }
}

@keyframes tok-btn-off {
    0% {
        opacity: 1;
        visibility: visible
    }
    99% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 0;
        visibility: hidden;
        display: none
    }
}

@-webkit-keyframes tok-ca-on {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes tok-ca-on {
    0% {
        opacity: 0;
        visibility: hidden
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes mainImage {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes mainImage {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    30% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes tokMainScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes tokMainScale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes tokMainScale2 {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(.985);
        transform: translate(-50%, -50%) scale(.985)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes tokMainScale2 {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(.985);
        transform: translate(-50%, -50%) scale(.985)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@-webkit-keyframes lineMove {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes lineMove {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

.nft {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column
}

.nft__title {
    position: relative;
    z-index: 2;
    align-self: center;
    width: 54%
}

.nft__title img {
    width: 100%
}

.nft__line {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    overflow: hidden
}

.nft__line-row {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    padding-left: 1.25rem;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    will-change: transform;
    -webkit-animation: lineMove 20s linear infinite;
    animation: lineMove 20s linear infinite
}

.nft__line-item img {
    width: 100%
}

.nft__button {
    align-self: center;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15rem;
    height: 4.25rem
}

.nft__button::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border: .125rem solid #000;
    background-color: #74ffff
}

.nft__button::after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
    inset: 0;
    border: .125rem solid #000;
    background-color: #f8396c;
    -webkit-transform: translate(-.625rem, .625rem);
    transform: translate(-.625rem, .625rem);
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

.nft__button span {
    position: absolute;
    z-index: 3;
    inset: .5rem;
    border: .125rem solid #000;
    background-color: #fff;
    box-shadow: 0 .125rem 0 0 #000 inset;
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: letter-spacing .2s ease 0s
}

.join {
    position: relative;
    width: 100%;
    padding-bottom: 30vh
}

.join:has(.join__footer._watcher-view) .join__image {
    -webkit-transform: translateX(-50%) translateY(0) scale(1);
    transform: translateX(-50%) translateY(0) scale(1)
}

.join:has(.join__footer._watcher-view) .join__image::before {
    opacity: .2;
    -webkit-transform: translateX(-50%) translateY(20%) scale(1);
    transform: translateX(-50%) translateY(20%) scale(1)
}

.join:has(.join__footer._watcher-view) .join__top::before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.join__top {
    position: relative;
    z-index: 2;
    width: 100%;
    aspect-ratio: 1400/877;
    border-left: .1875rem solid #000;
    border-right: .1875rem solid #000;
    overflow: hidden
}

.join__top::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url(../img/join/bg.png) center/cover no-repeat;
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
    transition: -webkit-transform .3s ease-out 0s;
    transition: transform .3s ease-out 0s;
    transition: transform .3s ease-out 0s, -webkit-transform .3s ease-out 0s
}

.join__body {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 5vh
}

.join__button {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15rem;
    height: 4.25rem;
    margin-left: .625rem;
    -webkit-transform: translateX(2.5rem);
    transform: translateX(2.5rem);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-out .2s, visibility .3s ease-out .2s, -webkit-transform .3s ease-out .2s;
    transition: transform .3s ease-out .2s, opacity .3s ease-out .2s, visibility .3s ease-out .2s;
    transition: transform .3s ease-out .2s, opacity .3s ease-out .2s, visibility .3s ease-out .2s, -webkit-transform .3s ease-out .2s
}

.join__button._watcher-view {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.join__button::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border: .125rem solid #000;
    background-color: #74ffff
}

.join__button::after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
    inset: 0;
    border: .125rem solid #000;
    background-color: #f8396c;
    -webkit-transform: translate(-.625rem, .625rem);
    transform: translate(-.625rem, .625rem);
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

.join__button span {
    position: absolute;
    z-index: 3;
    inset: .5rem;
    border: .125rem solid #000;
    background-color: #fff;
    box-shadow: 0 .125rem 0 0 #000 inset;
    color: #000;
    font-size: 2rem;
    font-style: normal;
    font-weight: 900;
    line-height: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: letter-spacing .2s ease 0s
}

.join__image {
    position: absolute;
    bottom: 15%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-35%) scale(.9);
    transform: translateX(-50%) translateY(-35%) scale(.9);
    width: 55%;
    aspect-ratio: 856/717;
    min-width: 30rem;
    transition: -webkit-transform .3s ease-out 0s;
    transition: transform .3s ease-out 0s;
    transition: transform .3s ease-out 0s, -webkit-transform .3s ease-out 0s
}

.join__image::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(150%) scale(.5);
    transform: translateX(-50%) translateY(150%) scale(.5);
    width: 70%;
    aspect-ratio: 5/1;
    border-radius: 50%;
    background-color: #000;
    opacity: 0;
    transition: opacity .3s ease-out 0s, -webkit-transform .3s ease-out 0s;
    transition: transform .3s ease-out 0s, opacity .3s ease-out 0s;
    transition: transform .3s ease-out 0s, opacity .3s ease-out 0s, -webkit-transform .3s ease-out 0s
}

.join__image img {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.join__social {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.join__social._watcher-view .join__social-item:nth-child(1) {
    transition: opacity .3s ease-out .4s, visibility .3s ease-out .4s, -webkit-transform .3s ease-out .4s;
    transition: transform .3s ease-out .4s, opacity .3s ease-out .4s, visibility .3s ease-out .4s;
    transition: transform .3s ease-out .4s, opacity .3s ease-out .4s, visibility .3s ease-out .4s, -webkit-transform .3s ease-out .4s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.join__social._watcher-view .join__social-item:nth-child(2) {
    transition: opacity .3s ease-out .3s, visibility .3s ease-out .3s, -webkit-transform .3s ease-out .3s;
    transition: transform .3s ease-out .3s, opacity .3s ease-out .3s, visibility .3s ease-out .3s;
    transition: transform .3s ease-out .3s, opacity .3s ease-out .3s, visibility .3s ease-out .3s, -webkit-transform .3s ease-out .3s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.join__social._watcher-view .join__social-item:nth-child(3) {
    transition: opacity .3s ease-out .2s, visibility .3s ease-out .2s, -webkit-transform .3s ease-out .2s;
    transition: transform .3s ease-out .2s, opacity .3s ease-out .2s, visibility .3s ease-out .2s;
    transition: transform .3s ease-out .2s, opacity .3s ease-out .2s, visibility .3s ease-out .2s, -webkit-transform .3s ease-out .2s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    visibility: visible
}

.join__social-item {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.25rem;
    height: 4.25rem;
    -webkit-transform: translateX(-2.5rem);
    transform: translateX(-2.5rem);
    opacity: 0;
    visibility: hidden
}

.join__social-item:nth-child(1) {
    transition: opacity .3s ease-out .2s, visibility .3s ease-out .2s, -webkit-transform .3s ease-out .2s;
    transition: transform .3s ease-out .2s, opacity .3s ease-out .2s, visibility .3s ease-out .2s;
    transition: transform .3s ease-out .2s, opacity .3s ease-out .2s, visibility .3s ease-out .2s, -webkit-transform .3s ease-out .2s
}

.join__social-item:nth-child(1)::before {
    background-color: #95a7b3
}

.join__social-item:nth-child(1) span {
    background-color: #181e22
}

.join__social-item:nth-child(2) {
    transition: opacity .3s ease-out .3s, visibility .3s ease-out .3s, -webkit-transform .3s ease-out .3s;
    transition: transform .3s ease-out .3s, opacity .3s ease-out .3s, visibility .3s ease-out .3s;
    transition: transform .3s ease-out .3s, opacity .3s ease-out .3s, visibility .3s ease-out .3s, -webkit-transform .3s ease-out .3s
}

.join__social-item:nth-child(2)::before {
    background-color: #74ffff
}

.join__social-item:nth-child(2) span {
    background-color: #00a6ff
}

.join__social-item:nth-child(3) {
    transition: opacity .3s ease-out .4s, visibility .3s ease-out .4s, -webkit-transform .3s ease-out .4s;
    transition: transform .3s ease-out .4s, opacity .3s ease-out .4s, visibility .3s ease-out .4s;
    transition: transform .3s ease-out .4s, opacity .3s ease-out .4s, visibility .3s ease-out .4s, -webkit-transform .3s ease-out .4s
}

.join__social-item:nth-child(3)::before {
    background-color: #95a7b3
}

.join__social-item:nth-child(3) span {
    background-color: #181e22
}

.join__social-item::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: 0;
    border: .125rem solid #000
}

.join__social-item::after {
    content: "";
    pointer-events: none;
    position: absolute;
    z-index: 1;
    inset: 0;
    border: .125rem solid #000;
    background-color: #ffe055;
    -webkit-transform: translate(-.625rem, .625rem);
    transform: translate(-.625rem, .625rem);
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s
}

.join__social-item span {
    display: block;
    position: absolute;
    z-index: 3;
    inset: .5rem;
    border: .125rem solid #000;
    box-shadow: 0 .125rem 0 0 #000 inset;
    display: flex;
    align-items: center;
    justify-content: center
}

.join__social-item span img {
    transition: scale .2s ease 0s
}

.join__footer {
    position: relative;
    z-index: 1;
    border: .1875rem solid #000;
    background-color: #000;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .625rem 2.5rem;
    transition: -webkit-transform .3s ease-out .2s;
    transition: transform .3s ease-out .2s;
    transition: transform .3s ease-out .2s, -webkit-transform .3s ease-out .2s
}

.join__footer span {
    color: #fff;
    font-family: head;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase
}

.join__footer a {
    display: flex;
    align-items: center;
    -webkit-column-gap: .375rem;
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

.join__footer-mob span {
    color: #fff;
    font-family: head;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase
}

.join__footer-mob a {
    display: flex;
    align-items: center;
    -webkit-column-gap: .375rem;
    -moz-column-gap: .375rem;
    column-gap: .375rem
}

@media (min-width:47.99875em) {
    .page__sections-box {
        width: 80%;
        left: 17%
    }
    .hero__banner {
        display: none
    }
    .how__top img {
        position: relative;
        left: -1%;
        width: 102%
    }
    .how__item {
        position: absolute;
        width: auto;
        height: auto
    }
    .how__bottom img {
        position: relative;
        left: -1%;
        width: 102%
    }
    .join__button {
        margin-bottom: calc(21vh - 4.25rem)
    }
    .join__social {
        margin-bottom: calc(21vh - 4.25rem)
    }
    .join__footer-mob {
        display: none
    }
}

@media (min-width:101.875em) {
    .menu__list {
        -webkit-column-gap: 2.5rem;
        -moz-column-gap: 2.5rem;
        column-gap: 2.5rem
    }
    .popup__image {
        width: 12.3125rem
    }
    .popup__text {
        font-size: 1.25rem
    }
}

@media (min-width:120em) {
    [class*=__container] {
        padding-left: .9375rem
    }
    [class*=__container] {
        padding-right: .9375rem
    }
    .page__join {
        padding-top: .0000000625rem
    }
    .popup__title {
        margin-bottom: 1.125rem
    }
    .about__video-box button {
        width: 8rem
    }
    .how {
        margin-top: -2.5rem
    }
    .how__content {
        min-height: 41.25rem
    }
    .how__item:nth-child(1) {
        width: 23rem
    }
    .how__item:nth-child(2) {
        width: 27rem
    }
    .how__item:nth-child(3) {
        width: 29.9375rem
    }
    .how__item:nth-child(4) {
        width: 21.8125rem
    }
    .item-how__top-decor span {
        width: .875rem
    }
    .item-how__top-title {
        font-size: 1.25rem
    }
    .item-how__menu-item {
        font-size: 1rem
    }
    .item-how__content-title {
        font-size: 1.5rem
    }
    .item-how__content-text {
        font-size: 1.125rem
    }
    .error-how {
        width: 26.25rem
    }
    .error-how__top {
        height: 2.25rem
    }
    .error-how__top-decor span {
        width: .875rem
    }
    .error-how__top-title {
        font-size: 1.25rem
    }
    .error-how__content-image {
        width: 3.6875rem
    }
    .error-how__content-text {
        font-size: 1.5rem
    }
    .error-how__content-button {
        font-size: 1.5rem
    }
    .tokenomics {
        padding-top: 2.5rem
    }
    .tokenomics {
        padding-bottom: 6.875rem
    }
    .tokenomics__main {
        margin-top: -2.5rem
    }
    .tokenomics__ca>div div span {
        font-size: 1.5rem
    }
    .nft {
        padding-top: 3.75rem
    }
    .nft {
        padding-bottom: 3.75rem
    }
    .nft__title {
        margin-bottom: 5rem
    }
    .nft__line {
        margin-bottom: 4.375rem
    }
    .nft__line-item {
        width: 20.0625rem
    }
}

@media (min-width:160em) {
    .hero {
        min-height: 61.25rem
    }
}

@media (max-width:75em) {
    .how__item:nth-child(1) {
        top: 16%
    }
    .how__item:nth-child(2) {
        left: 2%;
        top: 55%
    }
    .how__item:nth-child(3) {
        top: 10%
    }
    .how__item:nth-child(4) {
        top: 53%
    }
    .item-how__top {
        padding: .375rem .75rem
    }
}

@media (max-width:20em) {
    [class*=__container] {
        padding-left: .9375rem
    }
    [class*=__container] {
        padding-right: .9375rem
    }
    .page__join {
        padding-top: 2.5rem
    }
    .popup__image {
        width: 8.75rem
    }
    .popup__title {
        margin-bottom: .75rem
    }
    .popup__text {
        font-size: 1rem
    }
    .about__video-box button {
        width: 4rem
    }
    .how {
        margin-top: -1.25rem
    }
    .item-how__top-decor span {
        width: .75rem
    }
    .error-how {
        width: 14.375rem
    }
    .error-how__top {
        height: 1.875rem
    }
    .error-how__top-decor span {
        width: .75rem
    }
    .error-how__top-title {
        font-size: 1rem
    }
    .error-how__content-image {
        width: 2.75rem
    }
    .error-how__content-text {
        font-size: 1.125rem
    }
    .error-how__content-button {
        font-size: 1.25rem
    }
    .tokenomics {
        padding-top: 1.25rem
    }
    .tokenomics {
        padding-bottom: 4.375rem
    }
    .tokenomics__main {
        margin-top: -.625rem
    }
    .tokenomics__ca>div div span {
        font-size: .75rem
    }
    .nft {
        padding-top: 1.25rem
    }
    .nft {
        padding-bottom: 1.25rem
    }
    .nft__title {
        margin-bottom: 2.5rem
    }
    .nft__line {
        margin-bottom: 1.875rem
    }
    .nft__line-item {
        width: 8.75rem
    }
}

@media (max-width:61.99875em) {
    .header__box {
        grid-template-columns: 4.625rem auto 13.875rem
    }
    .page__popups {
        width: 75%
    }
    .join__footer {
        padding: .625rem .9375rem
    }
}

@media (max-width:47.99875em) {
    .menu {
        justify-content: flex-end
    }
    .menu__body {
        position: fixed;
        width: 100%;
        height: calc(100vh - 4.875rem);
        right: -100%;
        top: 4.875rem;
        overflow: auto;
        padding: 1.875rem 1.875rem 7.5rem 1.875rem;
        transition: right .3s;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #000
    }
    .menu-open .menu__body {
        right: 0
    }
    .menu__list {
        flex-direction: column;
        row-gap: 1.25rem;
        margin-bottom: 1.25rem
    }
    .menu__link {
        font-size: 3rem
    }
    .icon-menu {
        display: block;
        position: relative;
        width: 1.875rem;
        height: 1.125rem;
        z-index: 5
    }
    .icon-menu span,
    .icon-menu::after,
    .icon-menu::before {
        content: "";
        transition: all .3s ease 0s;
        right: 0;
        position: absolute;
        width: 100%;
        height: .125rem;
        background-color: #fff
    }
    .icon-menu::before {
        top: 0
    }
    .icon-menu::after {
        bottom: 0
    }
    .icon-menu span {
        top: calc(50% - .0625rem)
    }
    .menu-open .icon-menu span {
        width: 0
    }
    .menu-open .icon-menu::before {
        top: calc(50% - .0625rem);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    .menu-open .icon-menu::after {
        bottom: calc(50% - .0625rem);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    .header__box {
        justify-content: space-between;
        grid-template-columns: 4.625rem 1.875rem
    }
    .header__actions {
        width: 100%;
        justify-content: center;
        flex-direction: column-reverse;
        row-gap: 2.5rem
    }
    .header__social {
        width: 100%;
        justify-content: space-between
    }
    .header__social-item {
        display: flex;
        align-items: center;
        -webkit-column-gap: .5rem;
        -moz-column-gap: .5rem;
        column-gap: .5rem
    }
    .header__social-item span {
        display: block;
        color: #fff;
        font-family: texts;
        font-size: 1rem;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
    .header__button {
        width: 12.5rem;
        font-size: 2.875rem
    }
    .page__popups {
        left: 0;
        bottom: 5%;
        width: 100%
    }
    .page__sections-box {
        width: 100%
    }
    .bg-fixed__left {
        display: none
    }
    .preloader__text {
        width: 90%;
        -webkit-transform: translate(-50%, -80%);
        transform: translate(-50%, -80%)
    }
    .popup__content {
        padding: 1.5rem 1rem
    }
    .popup__text {
        margin-bottom: .75rem
    }
    .hero {
        /* background: url(../img/hero/bgMob.jpg) center/cover no-repeat; */
        row-gap: 12vh;
        height: calc(100svh - 4.6875rem)
    }
    .hero__banner {
        position: relative;
        width: 100%
    }
    .hero__banner img {
        width: 100%
    }
    .about {
        padding: 1.875rem .9375rem 3.125rem
    }
    .about__video-box {
        aspect-ratio: 1322/900
    }
    .how__top img {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: right;
        object-position: right
    }
    .how__main {
        width: calc(100% + 1.875rem);
        margin: 0 -.9375rem
    }
    .how__main::before {
        top: -10%;
        height: 115%
    }
    .how__items {
        position: relative;
        display: flex;
        flex-direction: column
    }
    .how__item:nth-child(1) {
        top: 0;
        left: 0
    }
    .how__item:nth-child(2) {
        top: 0;
        left: 0
    }
    .how__item:nth-child(3) {
        top: 0;
        left: 0
    }
    .how__item:nth-child(4) {
        top: 0;
        left: 0
    }
    .how__bottom img {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: top center;
        object-position: top center
    }
    .item-how__menu-item {
        font-size: 1rem
    }
    .item-how__content-title {
        font-size: 1.375rem
    }
    .item-how__content-text {
        font-size: 1rem
    }
    .error-how__top {
        padding-right: .875rem
    }
    .error-how__content-button {
        width: 6.625rem;
        height: 2.125rem
    }
    .tokenomics__title {
        flex: 0 0 65%
    }
    .tokenomics__decor {
        flex: 0 0 40%;
        -webkit-transform: translateX(-10%) translateY(-15%);
        transform: translateX(-10%) translateY(-15%)
    }
    .tokenomics__main-body {
        width: 96%
    }
    .tokenomics__main-body::before {
        width: 160vw
    }
    .tokenomics__main-item:nth-child(1) {
        left: 18%;
        width: 30%
    }
    .tokenomics__main-item:nth-child(1) span:nth-child(1) {
        font-size: 10px;
    }
    .tokenomics__main-item:nth-child(1) span:nth-child(2) {
        font-size: 12vw
    }
    .tokenomics__main-item:nth-child(2) {
        left: 30%;
        width: 60%
    }
    .tokenomics__main-item:nth-child(2) span:nth-child(1) {
        font-size: 8vw
    }
    .tokenomics__main-item:nth-child(3) {
        top: 25.5%;
        left: 53%;
        width: 29%
    }
    .tokenomics__main-item:nth-child(3) span:nth-child(1) {
        font-size: 3.4vw
    }
    .tokenomics__main-item:nth-child(3) span:nth-child(2) {
        font-size: 6vw;
        -webkit-transform: translateX(-2%) rotate(-4.816deg);
        transform: translateX(-2%) rotate(-4.816deg)
    }
    .nft__title {
        width: 80%
    }
    .join__top {
        aspect-ratio: 1
    }
    .join__body {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 1.25rem;
        padding-bottom: 3.6875rem
    }
    .join__image {
        bottom: 60%
    }
    .join__footer {
        flex-direction: column;
        row-gap: .625rem
    }
    .join__footer span {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .join__footer a {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    .join__footer-mob {
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: -webkit-transform .3s ease-out .2s;
        transition: transform .3s ease-out .2s;
        transition: transform .3s ease-out .2s, -webkit-transform .3s ease-out .2s;
        padding: .375rem .9375rem
    }
}

@media (max-width:47.99875em)and (any-hover:none) {
    .icon-menu {
        cursor: default
    }
}

@media (max-width:29.99875em) {
    .tokenomics__ca>span {
        width: 2.75rem;
        height: 2.75rem;
        font-size: 1.875rem
    }
    .tokenomics__ca>div div {
        padding: 1.125rem 1rem
    }
}

@media (max-width:23.4375em) {
    .hero {
        min-height: 36.875rem
    }
    .how__top {
        height: 10.625rem
    }
    .how__bottom {
        height: 7.75rem
    }
}

@media (min-width:20em)and (max-width:120em) {
    [class*=__container] {
        padding-left: clamp(.9375rem, .9375rem + 0, .9375rem)
    }
    [class*=__container] {
        padding-right: clamp(.9375rem, .9375rem + 0, .9375rem)
    }
    .page__join {
        padding-top: clamp(.0000000625rem, 2.9999999875rem + -2.4999999375vw, 2.5rem)
    }
    .popup__title {
        margin-bottom: clamp(.75rem, .675rem + .375vw, 1.125rem)
    }
    .about__video-box button {
        width: clamp(4rem, 3.2rem + 4vw, 8rem)
    }
    .how {
        margin-top: clamp(-2.5rem, -1rem + -1.25vw, -1.25rem)
    }
    .item-how__top-decor span {
        width: clamp(.75rem, .725rem + .125vw, .875rem)
    }
    .error-how {
        width: clamp(14.375rem, 12rem + 11.875vw, 26.25rem)
    }
    .error-how__top {
        height: clamp(1.875rem, 1.8rem + .375vw, 2.25rem)
    }
    .error-how__top-decor span {
        width: clamp(.75rem, .725rem + .125vw, .875rem)
    }
    .error-how__top-title {
        font-size: clamp(1rem, .95rem + .25vw, 1.25rem)
    }
    .error-how__content-image {
        width: clamp(2.75rem, 2.5625rem + .9375vw, 3.6875rem)
    }
    .error-how__content-text {
        font-size: clamp(1.125rem, 1.05rem + .375vw, 1.5rem)
    }
    .error-how__content-button {
        font-size: clamp(1.25rem, 1.2rem + .25vw, 1.5rem)
    }
    .tokenomics {
        padding-top: clamp(1.25rem, 1rem + 1.25vw, 2.5rem)
    }
    .tokenomics {
        padding-bottom: clamp(4.375rem, 3.875rem + 2.5vw, 6.875rem)
    }
    .tokenomics__main {
        margin-top: clamp(-2.5rem, -.25rem + -1.875vw, -.625rem)
    }
    .tokenomics__ca>div div span {
        font-size: clamp(.75rem, .6rem + .75vw, 1.5rem)
    }
    .nft {
        padding-top: clamp(1.25rem, .75rem + 2.5vw, 3.75rem)
    }
    .nft {
        padding-bottom: clamp(1.25rem, .75rem + 2.5vw, 3.75rem)
    }
    .nft__title {
        margin-bottom: clamp(2.5rem, 2rem + 2.5vw, 5rem)
    }
    .nft__line {
        margin-bottom: clamp(1.875rem, 1.375rem + 2.5vw, 4.375rem)
    }
    .nft__line-item {
        width: clamp(8.75rem, 6.4875rem + 11.3125vw, 20.0625rem)
    }
}

@media (min-width:47.99875em)and (max-width:101.875em) {
    .menu__list {
        -webkit-column-gap: clamp(1.25rem, .1363657456rem + 2.3201317835vw, 2.5rem);
        -moz-column-gap: clamp(1.25rem, .1363657456rem + 2.3201317835vw, 2.5rem);
        column-gap: clamp(1.25rem, .1363657456rem + 2.3201317835vw, 2.5rem)
    }
    .popup__text {
        font-size: clamp(1rem, .7772731491rem + .4640263567vw, 1.25rem)
    }
}

@media (min-width:20em)and (max-width:101.875em) {
    .popup__image {
        width: clamp(8.75rem, 7.8797709924rem + 4.3511450382vw, 12.3125rem)
    }
}

@media (min-width:20em)and (max-width:47.99875em) {
    .popup__text {
        font-size: clamp(1rem, .8214205991rem + .8928970043vw, 1.25rem)
    }
}

@media (min-width:47.99875em)and (max-width:160em) {
    .hero {
        min-height: clamp(32.5rem, 20.1790298099rem + 25.6693563688vw, 61.25rem)
    }
}

@media (min-width:23.4375em)and (max-width:47.99875em) {
    .hero {
        min-height: clamp(36.875rem, 16.000846099rem + 89.0630566441vw, 58.75rem)
    }
    .how__top {
        height: clamp(10.625rem, 2.8717428368rem + 33.0805638964vw, 18.75rem)
    }
    .how__bottom {
        height: clamp(7.75rem, 3.2173265815rem + 19.3394065856vw, 12.5rem)
    }
}

@media (min-width:47.99875em)and (max-width:120em) {
    .how__content {
        min-height: clamp(33.75rem, 28.7502170101rem + 10.4164858249vw, 41.25rem)
    }
    .how__item:nth-child(1) {
        width: clamp(15.625rem, 10.7085467266rem + 10.2428777278vw, 23rem)
    }
    .how__item:nth-child(2) {
        width: clamp(15rem, 7.0003472162rem + 16.6663773198vw, 27rem)
    }
    .how__item:nth-child(3) {
        width: clamp(16.875rem, 8.167044626rem + 18.142046145vw, 29.9375rem)
    }
    .how__item:nth-child(4) {
        width: clamp(15rem, 10.4585304509rem + 9.4616412909vw, 21.8125rem)
    }
    .item-how__top-title {
        font-size: clamp(1rem, .833340567rem + .3472161942vw, 1.25rem)
    }
    .item-how__menu-item {
        font-size: clamp(.875rem, .7916702835rem + .1736080971vw, 1rem)
    }
    .item-how__content-title {
        font-size: clamp(1.25rem, 1.083340567rem + .3472161942vw, 1.5rem)
    }
    .item-how__content-text {
        font-size: clamp(.875rem, .708340567rem + .3472161942vw, 1.125rem)
    }
}

@media (any-hover:hover) {
    .menu__link:hover {
        text-shadow: 0 0 .1875rem #fff, 0 0 .375rem #fff
    }
    .menu__link:hover::before {
        width: 100%
    }
    .header__logo:hover {
        scale: 1.05;
        text-shadow: 0 0 .1875rem #fff, 0 0 .375rem #fff
    }
    .header__social-item:hover {
        -webkit-filter: drop-shadow(0 0 .375rem #fff)
    }
    .header__social-item:hover img {
        -webkit-filter: drop-shadow(0 0 .75rem #fff);
        scale: 1.1
    }
    .header__button:hover {
        box-shadow: 0 0 .1875rem #fff, 0 0 .375rem #fff, 0 0 .75rem #fff;
        letter-spacing: .1em
    }
    .preloader__buttons button:hover::after {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .preloader__buttons button:hover span {
        letter-spacing: .1em
    }
    .page__popup.popup-2 .popup__button:hover {
        background-color: #f8396c;
        letter-spacing: .1em
    }
    .popup__button:hover {
        background-color: #f8396c;
        letter-spacing: .1em
    }
    .hero__button:hover::after {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .hero__button:hover span {
        letter-spacing: .1em
    }
    .hero__social-item:hover::after {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .hero__social-item:hover span img {
        scale: 1.2
    }
    .item-how__content-text a:hover {
        text-decoration: none
    }
    .tokenomics__bottom-button:hover::after {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .tokenomics__bottom-button:hover span {
        letter-spacing: .1em
    }
    .tokenomics__ca>div div button:hover svg {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    .nft__button:hover::after {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .nft__button:hover span {
        letter-spacing: .1em
    }
    .join__button:hover::after {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .join__button:hover span {
        letter-spacing: .1em
    }
    .join__social-item:hover::after {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    .join__social-item:hover span img {
        scale: 1.2
    }
    .join__footer a:hover span {
        text-decoration: underline
    }
    .join__footer-mob a:hover span {
        text-decoration: underline
    }
}