.desktop-1024 {
    background-color: var(--white);
    height: 100vh;
    margin: 0;
    min-height: 7649px;
    min-width: auto;
    mix-blend-mode: normal;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

.desktop-1024 .x5th-subscribe-6S8wPY {
    background-color: transparent;
    height: 1928px;
    left: -130px;
    position: absolute;
    top: 6409px;
    width: calc(100.00% + 376px)
}

.desktop-1024 .subscribe-background-UZB4ct {
    background-color: transparent;
    height: 1276px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .subscribe-background-image-Q0JOLe {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163710 {
    background-color: transparent;
    height: 147px;
    left: 130px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 1093px;
    width: calc(100.00% - 376px)
}

.x4163710 .bottom-bar-fXcEhu {
    background-color: #ff2966;
    height: 147px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163710 .animocalogo-fXcEhu {
    background-color: transparent;
    cursor: pointer;
    height: 83px;
    left: 32px;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 32px;
    width: 146px
}

.x4163710 .group-12-fXcEhu {
    background-color: transparent;
    cursor: pointer;
    height: 84px;
    opacity: 1;
    position: absolute;
    right: 17px;
    top: 29px;
    width: 210px
}

.x4163710 .x2021-blowfish-s-i41637102821090-a6mBBc {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 10px;
    text-align: left;
    top: 68px;
    width: 192px
}

.x4163710 .blowfishlogo-a6mBBc {
    background-color: transparent;
    height: 68px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 2px;
    top: 0;
    width: 208px
}

.desktop-1024 .circle-pattern-UZB4ct {
    background-color: transparent;
    display: block;
    height: 422px;
    left: calc(50.00% - 641px);
    position: absolute;
    top: 440px;
    width: 777px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .circle-pattern-UZB4ct.bp2-animate-enter {
    animation: bp2-animate-enter-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .circle-pattern-bUvkuJ {
    background-color: transparent;
    height: 402px;
    left: 10px;
    mix-blend-mode: normal;
    position: relative;
    top: 10px;
    width: calc(100.00% - 20px)
}

.desktop-1024 .circle-pattern-uwiBd0 {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .lady-UZB4ct {
    background-color: transparent;
    display: block;
    height: 1523px;
    left: calc(50.00% - 554px);
    mix-blend-mode: normal;
    position: absolute;
    top: 405px;
    width: 586px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .lady-UZB4ct.bp2-animate-enter2 {
    animation: bp2-animate-enter2-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter2-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .lady-i43rzy {
    background-color: transparent;
    display: block;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .lady-i43rzy.bp2-animate-enter1 {
    animation: bp2-animate-enter1-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter1-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .subscribe-UZB4ct {
    background-color: transparent;
    height: 372px;
    left: calc(50.00% + 31px);
    position: absolute;
    top: 519px;
    width: 332px
}

.desktop-1024 .subscribe-3bqFqe {
    background-color: transparent;
    height: 106px;
    left: calc(50.00% - 169px);
    position: absolute;
    top: 0;
    width: 338px
}

.desktop-1024 .subscribe-join-416371553106134-QJjXjG {
    background-color: transparent;
    height: 93.40%;
    left: 18.64%;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 5.66%;
    width: 62.72%
}

.desktop-1024 .span0-bxA2HJ {
    letter-spacing: .00px
}

.desktop-1024 .span1-bxA2HJ {
    letter-spacing: .40px
}

.desktop-1024 .curved-boarder-QJjXjG {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 19.53%
}

.desktop-1024 .curved-boarder-WW1YJH {
    background-color: transparent;
    height: 100%;
    left: 80.47%;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 19.53%
}

.desktop-1024 .email-3bqFqe {
    background-color: transparent;
    height: 42px;
    left: -28px;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 165px;
    width: calc(100.00% + 57px)
}

.desktop-1024 .frame-15-GXHkmT {
    background-color: transparent;
    height: 42px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .button-FeA3aL {
    background-color: transparent;
    height: 101.19%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: -0.60%;
    width: 98.61%
}

.desktop-1024 .email-text-inpu-i4163716235595-FeA3aL {
    background-color: transparent;
    border: 0;
    height: 25px;
    left: 30px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    padding: 0;
    position: absolute;
    resize: none;
    text-align: left;
    top: calc(50.00% - 12px);
    width: 235px
}

.desktop-1024 .email-text-inpu-i4163716235595-FeA3aL::placeholder {
    color: #8a8a8a99
}

.desktop-1024 .sign-up-button-GXHkmT {
    background-color: transparent;
    height: 42px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease;
    width: 158px
}

.desktop-1024 .sign-up-button-GXHkmT:hover {
    transform: scale(1.1)
}

.desktop-1024 .button-LfT7wy {
    background-color: transparent;
    height: 42px;
    left: calc(50.00% - 79px);
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 21px);
    width: 158px
}

.desktop-1024 .sign-up-i416371617756215105-LfT7wy {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 31px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.desktop-1024 .follow-socials-3bqFqe {
    background-color: transparent;
    height: 118px;
    left: calc(50.00% - 176px);
    overflow: hidden;
    position: absolute;
    top: 266px;
    width: 343px
}

.desktop-1024 .frame-16-SDhAxs {
    background-color: transparent;
    height: 34px;
    left: -2px;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% + 25px);
    width: calc(100.00% - 13px)
}

.desktop-1024 .boarderdetailpink-ctav5K {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 14px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    width: 67px
}

.desktop-1024 .line-5-ctav5K {
    background-color: transparent;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100%
}

.desktop-1024 .frame-22-SDhAxs {
    background-color: transparent;
    height: 23px;
    left: 12px;
    position: absolute;
    top: calc(50.00% - 9px);
    width: calc(100.00% - 72px)
}

.desktop-1024 .simple-iconsdiscord-r3PpVp {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% - 126px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 24px
}

.desktop-1024 .simple-iconsdiscord-r3PpVp:hover {
    transform: scale(1.1)
}

.desktop-1024 .fapaper-plane-r3PpVp {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% - 66px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 24px
}

.desktop-1024 .fapaper-plane-r3PpVp:hover {
    transform: scale(1.1)
}

.desktop-1024 .simple-iconstwitter-r3PpVp {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% - 6px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 23px
}

.desktop-1024 .simple-iconstwitter-r3PpVp:hover {
    transform: scale(1.1)
}

.desktop-1024 .simple-iconsinstagram-r3PpVp {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% + 54px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 23px
}

.desktop-1024 .simple-iconsinstagram-r3PpVp:hover {
    transform: scale(1.1)
}

.desktop-1024 .brandicofacebook-r3PpVp {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% + 114px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 11px
}

.desktop-1024 .brandicofacebook-r3PpVp:hover {
    transform: scale(1.1)
}

.desktop-1024 .join-our-commun-i4163717139660-SDhAxs {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 142px);
    letter-spacing: 2.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0;
    width: 308px
}

.desktop-1024 .x3rd-roadmap-6S8wPY {
    background-color: black;
    height: 1007px;
    left: -255px;
    position: absolute;
    top: 2825px;
    width: calc(100.00% + 481px)
}

.desktop-1024 .roadmap-background-Whsi8J {
    background-color: transparent;
    height: 947px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: calc(100.00% - 65px)
}

.desktop-1024 .roadmap-background-image-dt1FUT {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .boarder-Whsi8J {
    background-color: transparent;
    height: 907px;
    left: 169px;
    position: absolute;
    top: 3px;
    width: calc(100.00% - 309px)
}

.desktop-1024 .hexboarder-ZCD26v {
    background-color: transparent;
    height: 447px;
    object-fit: cover;
    left: 0;
    mix-blend-mode: screen;
    position: absolute;
    top: 460px;
    /*width: 100%*/
}

.desktop-1024 .hexboarder-iyGNJl {
    background-color: transparent;
    height: 447px;
    object-fit: cover;
    left: 1px;
    mix-blend-mode: screen;
    position: absolute;
    top: 0;
    /*width: 100%*/
}

.desktop-1024 .all-dates-are-e-bject-to-change-Whsi8J {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 112px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 989px;
    width: 253px
}

.desktop-1024 .roadmap-Whsi8J {
    background-color: transparent;
    height: 382px;
    left: calc(50.00% - 706px);
    position: absolute;
    top: 408px;
    width: 1440px
}

.desktop-1024 .line-GY9XCt {
    background-color: transparent;
    height: 0;
    left: calc(50.00% - 720px);
    position: absolute;
    top: 191px;
    width: 1440px
}

.desktop-1024 .line-1-eJWh3I {
    background-color: transparent;
    height: 2px;
    left: calc(50.00% - 1052px);
    position: absolute;
    top: -1px;
    width: 2104px
}

.desktop-1024 .x5-GY9XCt {
    background-color: transparent;
    display: block;
    height: 202px;
    left: calc(50.00% + 295px);
    position: absolute;
    top: 0;
    width: 93px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .x5-GY9XCt.bp2-animate-enter3 {
    animation: bp2-animate-enter3-frames .60s ease-in-out .90s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter3-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4163727 {
    background-color: transparent;
    height: 173px;
    left: -97px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 26px;
    width: 278px;
}

.x4163727 .component-1-QNYRRI {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163727 .ui-frame-4Jc852 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4163727 .q2-2022-i41637273111546-4Jc852 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 43px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4163727 .early-access-ga-i41637273111547-QNYRRI {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.desktop-1024 .roadmap-marker-W47tmt {
    background-color: transparent;
    height: 33px;
    left: 30px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 163px;
    width: 33px
}

.desktop-1024 .x4-GY9XCt {
    background-color: transparent;
    display: block;
    height: 204px;
    left: calc(50.00% + 114px);
    position: absolute;
    top: 178px;
    width: 93px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .x4-GY9XCt.bp2-animate-enter4 {
    animation: bp2-animate-enter4-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter4-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .roadmap-marker-vFTRlP {
    background-color: transparent;
    height: 33px;
    left: 30px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 6px;
    width: 33px
}

.x4163731 {
    background-color: transparent;
    height: 160px;
    left: -65px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 48px;
    width: 220px;
}

.x4163731 .component-1-Rc2VQm {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163731 .ui-frame-7iklnQ {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4163731 .q1-2022-i41637313111541-7iklnQ {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4163731 .generative-avat-i41637313111542-Rc2VQm {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.desktop-1024 .x3-GY9XCt {
    background-color: transparent;
    display: block;
    height: 202px;
    left: calc(50.00% - 47px);
    position: absolute;
    top: 0;
    width: 92px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .x3-GY9XCt.bp2-animate-enter5 {
    animation: bp2-animate-enter5-frames .60s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter5-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4163733 {
    background-color: transparent;
    height: 173px;
    left: -97px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 26px;
    width: 278px;
}

.x4163733 .component-1-ftjBZ8 {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163733 .ui-frame-cXdigZ {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4163733 .q1-2022-i41637333111536-cXdigZ {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4163733 .starfighter-nft-i41637333111537-ftjBZ8 {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.desktop-1024 .roadmap-marker-HAFy0N {
    background-color: transparent;
    height: 33px;
    left: 30px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 163px;
    width: 33px
}

.desktop-1024 .x2-GY9XCt {
    background-color: transparent;
    display: block;
    height: 204px;
    left: calc(50.00% - 218px);
    position: absolute;
    top: 178px;
    width: 93px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .x2-GY9XCt.bp2-animate-enter6 {
    animation: bp2-animate-enter6-frames .60s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter6-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .roadmap-marker-vENEzJ {
    background-color: transparent;
    height: 33px;
    left: 30px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 6px;
    width: 33px
}

.x4163737 {
    background-color: transparent;
    height: 160px;
    left: -65px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 48px;
    width: 220px;
}

.x4163737 .component-1-Loli2V {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163737 .ui-frame-Xjihcf {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4163737 .q4-2021-i41637373111526-Xjihcf {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 61px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4163737 .game-utility-nf-i41637373111527-Loli2V {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.desktop-1024 .x1-GY9XCt {
    background-color: transparent;
    display: block;
    height: 202px;
    left: calc(50.00% - 390px);
    position: absolute;
    top: 0;
    width: 93px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .x1-GY9XCt.bp2-animate-enter7 {
    animation: bp2-animate-enter7-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter7-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4163739 {
    background-color: transparent;
    height: 173px;
    left: -97px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 26px;
    width: 278px;
}

.x4163739 .component-1-5pdeQK {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163739 .ui-frame-RbPvC8 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4163739 .q4-2021-i41637393111531-RbPvC8 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 42px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4163739 .nft-collectible-i41637393111532-5pdeQK {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro,'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.desktop-1024 .roadmap-marker-Bx1VXx {
    background-color: transparent;
    height: 33px;
    left: 30px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 163px;
    width: 33px
}

.desktop-1024 .header-boarder-Whsi8J {
    background-color: transparent;
    height: 371px;
    left: calc(50.00% - 728px);
    mix-blend-mode: normal;
    position: absolute;
    top: 38px;
    width: 1476px
}

.desktop-1024 .header-boarder-pDBeZW {
    background-color: transparent;
    height: 84.91%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.39%;
    width: 84.96%
}

.desktop-1024 .roadmap-HFhJsM {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 72px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 180px;
    width: auto
}

.desktop-1024 .x4th-behind-the-scenes-6S8wPY {
    background-color: transparent;
    height: 2925px;
    left: -53.12%;
    position: absolute;
    top: 3831px;
    width: 206.45%
}

.desktop-1024 .vector-sxDsFF {
    background-color: transparent;
    height: 188px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 2737px;
    width: 99.91%
}

.desktop-1024 .background-sxDsFF {
    background-color: var(--black-2);
    height: 2846px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%;
}

.desktop-1024 .gallery-sxDsFF {
    background-color: transparent;
    height: 2372px;
    left: calc(50.00% - 513px);
    overflow: hidden;
    position: absolute;
    top: 391px;
    width: 1024px
}

.desktop-1024 .row-1-X9nsZm {
    background-color: transparent;
    display: block;
    height: 11.76%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .row-1-X9nsZm.bp2-animate-enter8 {
    animation: bp2-animate-enter8-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter8-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .x1-No1TJh {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .x1-No1TJh video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.desktop-1024 .x1-No1TJh img {
    object-fit: cover
}

.desktop-1024 .x2-No1TJh {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 522px;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .x2-No1TJh video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.desktop-1024 .x2-No1TJh img {
    object-fit: cover
}

.desktop-1024 .row-2-X9nsZm {
    background-color: transparent;
    display: block;
    height: 11.76%;
    left: 0;
    position: absolute;
    top: 12.61%;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .row-2-X9nsZm.bp2-animate-enter9 {
    animation: bp2-animate-enter9-frames .60s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter9-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .x3-uxyd1O {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .x3-uxyd1O video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.desktop-1024 .x3-uxyd1O img {
    object-fit: cover
}

.desktop-1024 .x4-uxyd1O {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 522px;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .x4-uxyd1O video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.desktop-1024 .x4-uxyd1O img {
    object-fit: cover
}

.desktop-1024 .row-3-X9nsZm {
    background-color: transparent;
    display: block;
    height: 11.76%;
    left: 0;
    position: absolute;
    top: 25.21%;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .row-3-X9nsZm.bp2-animate-enter10 {
    animation: bp2-animate-enter10-frames .60s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter10-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .gallery-five-zxmUg3 {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .gallery-six-zxmUg3 {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 522px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .row-4-X9nsZm {
    background-color: transparent;
    display: block;
    height: 11.76%;
    left: 0;
    position: absolute;
    top: 37.82%;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .row-4-X9nsZm.bp2-animate-enter11 {
    animation: bp2-animate-enter11-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter11-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .gallery-seven-vArlVR {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .gallery-eight-vArlVR {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 522px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .row-5-X9nsZm {
    background-color: transparent;
    display: block;
    height: 11.76%;
    left: 0;
    position: absolute;
    top: 50.42%;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .row-5-X9nsZm.bp2-animate-enter12 {
    animation: bp2-animate-enter12-frames .60s ease-in-out .90s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter12-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .gallery-nine-UiGCqi {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .gallery-ten-UiGCqi {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 522px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .row-6-X9nsZm {
    background-color: transparent;
    display: block;
    height: 11.76%;
    left: 0;
    position: absolute;
    top: 63.03%;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .row-6-X9nsZm.bp2-animate-enter13 {
    animation: bp2-animate-enter13-frames .60s ease-in-out 1.0s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter13-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .gallery-eleven-hoWSuP {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .gallery-twelve-hoWSuP {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 522px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .row-7-X9nsZm {
    background-color: transparent;
    display: block;
    height: 11.76%;
    left: 0;
    position: absolute;
    top: 75.63%;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .row-7-X9nsZm.bp2-animate-enter14 {
    animation: bp2-animate-enter14-frames .60s ease-in-out 1.10s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter14-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .gallery-thirteen-woVKLb {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .gallery-fourteen-woVKLb {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 522px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .row-8-X9nsZm {
    background-color: transparent;
    display: block;
    height: 11.76%;
    left: 0;
    position: absolute;
    top: 88.24%;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .row-8-X9nsZm.bp2-animate-enter15 {
    animation: bp2-animate-enter15-frames .60s ease-in-out 1.20s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter15-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .gallery-fifteen-PAYW3k {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .gallery-sixteen-PAYW3k {
    background-color: transparent;
    cursor: pointer;
    height: 100%;
    left: 522px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 522px)
}

.desktop-1024 .header-boarder-sxDsFF {
    background-color: transparent;
    height: 371px;
    left: calc(50.00% - 739px);
    mix-blend-mode: normal;
    position: absolute;
    top: 20px;
    width: 1476px
}

.desktop-1024 .header-boarder-cNBCvu {
    background-color: transparent;
    height: 84.91%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.39%;
    width: 84.96%
}

.desktop-1024 .behind-the-scen-art-sneak-peeks-sxDsFF {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 187px);
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 146px;
    width: auto
}

.desktop-1024 .span0-1gPSal {
    letter-spacing: .00px
}

.desktop-1024 .span1-1gPSal {
    letter-spacing: .40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    margin-top: 10px;
}

.desktop-1024 .x2nd-features-6S8wPY {
    background-color: transparent;
    height: 937px;
    left: -226px;
    position: absolute;
    top: 1970px;
    width: calc(100.00% + 454px)
}

.desktop-1024 .features-background-UZqxIZ {
    background-color: transparent;
    height: 937px;
    left: 67px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: calc(100.00% - 124px)
}

.desktop-1024 .features-background-image-GZV0xp {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .features-UZqxIZ {
    background-color: transparent;
    height: 330px;
    left: 290px;
    overflow: hidden;
    position: absolute;
    top: 481px;
    width: calc(100.00% - 582px)
}

.x4163776 {
    background-color: transparent;
    display: block;
    height: 323px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: calc(100.00% - 686px);
    opacity: 0;
    transform: translate(0, 45px)
}

.x4163776.bp2-animate-enter16 {
    animation: bp2-animate-enter16-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter16-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4163776 .feature-DoBmaJ {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163776 .title-i41637763111611-l4FFgU {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 30.48%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 39.05%
}

.x4163776 .image-l4FFgU {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 105px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 210px
}

.x4163776 .actionthumb-xNkHo7 {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 157px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x4163776 .description-i41637763111614-DoBmaJ {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 15.48%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x4163777 {
    background-color: transparent;
    display: block;
    height: 323px;
    left: 228px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: calc(100.00% - 685px);
    opacity: 0;
    transform: translate(0, 45px)
}

.x4163777.bp2-animate-enter17 {
    animation: bp2-animate-enter17-frames .60s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter17-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4163777 .feature-lEPKNs {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163777 .title-i41637773111622-wHGcb2 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 37.68%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 24.64%
}

.x4163777 .image-wHGcb2 {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 106px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 211px
}

.x4163777 .nftthumb-VmARa6 {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 156px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x4163777 .description-i41637773111625-lEPKNs {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 15.48%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x4163778 {
    background-color: transparent;
    display: block;
    height: 323px;
    left: 457px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: calc(100.00% - 686px);
    opacity: 0;
    transform: translate(0, 45px)
}

.x4163778.bp2-animate-enter18 {
    animation: bp2-animate-enter18-frames .60s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter18-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4163778 .feature-1D3m1x {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163778 .title-i41637783111628-dGGbV2 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 23.33%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 53.33%
}

.x4163778 .image-dGGbV2 {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 105px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 210px
}

.x4163778 .discoverthumb-VxiBdG {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 157px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x4163778 .description-i41637783111631-1D3m1x {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 15.48%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x4163779 {
    background-color: transparent;
    display: block;
    height: 323px;
    left: 685px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: calc(100.00% - 685px);
    opacity: 0;
    transform: translate(0, 45px)
}

.x4163779.bp2-animate-enter19 {
    animation: bp2-animate-enter19-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter19-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4163779 .feature-zG7ubQ {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163779 .title-i41637793111634-S4rofQ {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 30.57%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 38.86%
}

.x4163779 .image-S4rofQ {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 106px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 211px
}

.x4163779 .guildsthumb-CsIPi2 {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 156px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x4163779 .description-i41637793111637-zG7ubQ {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 23.22%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.desktop-1024 .header-boarder-UZqxIZ {
    background-color: transparent;
    height: 343px;
    left: calc(50.00% - 739px);
    mix-blend-mode: normal;
    position: absolute;
    top: 154px;
    width: 1476px
}

.desktop-1024 .header-boarder-p9ut1M {
    background-color: transparent;
    height: 85.20%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.25%;
    width: 84.96%
}

.desktop-1024 .features-89Ixma {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 82px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 289px;
    width: 163px
}

.desktop-1024 .fourth-vector-6S8wPY {
    background-color: transparent;
    height: 188px;
    left: -53.12%;
    mix-blend-mode: normal;
    position: absolute;
    top: 3720px;
    width: 206.25%
}

.desktop-1024 .third-vector-6S8wPY {
    background-color: transparent;
    height: 188px;
    left: -53.22%;
    mix-blend-mode: normal;
    position: absolute;
    top: 2819px;
    width: 206.25%
}

.desktop-1024 .top-video-6S8wPY {
    background-color: transparent;
    height: 650px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .video-banner-placeholder-FEo3J7 {
    background-color: transparent;
    height: 650px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .video-banner-placeholder-FEo3J7 video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.desktop-1024 .video-banner-placeholder-FEo3J7 img {
    object-fit: cover
}

.desktop-1024 .image-2-DdgY3E {
    background-color: var(--mist-gray);
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: relative;
    top: 0;
    width: 100%
}

.desktop-1024 .watch-trailer-button-FEo3J7 {
    background-color: transparent;
    cursor: pointer;
    height: 42px;
    left: calc(50.00% - 40px);
    pointer-events: auto;
    position: absolute;
    top: 515px;
    transition: all .2s ease;
    width: 158px;
    z-index: 10;
}

.desktop-1024 .watch-trailer-button-FEo3J7:hover {
    transform: scale(1.1)
}

.desktop-1024 .button-lR7L6j {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100.06%;
}

.desktop-1024 .text-i4163787453-lR7L6j {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 40px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.desktop-1024 .top-bar-FEo3J7 {
    background-color: transparent;
    height: 80px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .pgin-2-tone-logo-z3vPyU {
    background-color: transparent;
    height: 66px;
    left: 39px;
    mix-blend-mode: normal;
    position: absolute;
    top: 7px;
    width: 135px
}

.desktop-1024 .pgin-2-tone-logo-weXcc5 {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .frame-19-z3vPyU {
    background-color: transparent;
    height: 37px;
    position: absolute;
    right: 45px;
    top: 21px;
    width: 497px
}

.desktop-1024 .social-icons-xDdPGc {
    background-color: transparent;
    height: 16px;
    position: absolute;
    right: 334px;
    top: 10px;
    width: 176px
}

.desktop-1024 .simple-iconsdiscord-dxymox {
    background-color: transparent;
    cursor: pointer;
    height: 16px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 159px;
    top: 0;
    transition: all .2s ease;
    width: 16px
}

.desktop-1024 .simple-iconsdiscord-dxymox:hover {
    transform: scale(1.1)
}

.desktop-1024 .fapaper-plane-dxymox {
    background-color: transparent;
    cursor: pointer;
    height: 16px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 117px;
    top: 0;
    transition: all .2s ease;
    width: 16px
}

.desktop-1024 .fapaper-plane-dxymox:hover {
    transform: scale(1.1)
}

.desktop-1024 .simple-iconstwitter-dxymox {
    background-color: transparent;
    cursor: pointer;
    height: 16px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 75px;
    top: 0;
    transition: all .2s ease;
    width: 16px
}

.desktop-1024 .simple-iconstwitter-dxymox:hover {
    transform: scale(1.1)
}

.desktop-1024 .simple-iconsinstagram-dxymox {
    background-color: transparent;
    cursor: pointer;
    height: 16px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 33px;
    top: 0;
    transition: all .2s ease;
    width: 16px
}

.desktop-1024 .simple-iconsinstagram-dxymox:hover {
    transform: scale(1.1)
}

.desktop-1024 .brandicofacebook-dxymox {
    background-color: transparent;
    cursor: pointer;
    height: 16px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease;
    width: 8px
}

.desktop-1024 .brandicofacebook-dxymox:hover {
    transform: scale(1.1)
}

.desktop-1024 .subscribe-button-xDdPGc {
    background-color: transparent;
    cursor: pointer;
    height: 37px;
    pointer-events: auto;
    position: absolute;
    right: 159px;
    top: 0;
    transition: all .2s ease;
    width: 151px
}

.desktop-1024 .subscribe-button-xDdPGc:hover {
    transform: scale(1.1)
}

.desktop-1024 .button-iMdGOd {
    background-color: transparent;
    height: 37px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100.33%
}

.desktop-1024 .text-i416378857452-iMdGOd {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 54px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 12px);
    width: auto
}

.desktop-1024 .connect-wallet-button-xDdPGc {
    background-color: transparent;
    height: 37px;
    pointer-events: auto;
    position: absolute;
    right: -13px;
    top: 0;
    transition: all .2s ease;
    width: 148px
}

.desktop-1024 .connect-wallet-button-xDdPGc:hover {
    transform: scale(1.1)
}

.desktop-1024 .vector-wlAxlP {
    background-color: transparent;
    height: 37px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100.68%
}

.desktop-1024 .connect-wallet-378867100067560-wlAxlP {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 53px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 12px);
    width: auto
}

.desktop-1024 .second-vector-6S8wPY {
    background-color: transparent;
    height: 188px;
    left: -53.12%;
    mix-blend-mode: normal;
    position: absolute;
    top: 1919px;
    width: 206.25%
}

.desktop-1024 .first-vector-6S8wPY {
    background-color: transparent;
    height: 188px;
    left: -53.12%;
    mix-blend-mode: normal;
    position: absolute;
    top: 544px;
    width: 206.25%
}

.desktop-1024 .x1st-overview-6S8wPY {
    background-color: transparent;
    height: 916px;
    left: 0;
    position: absolute;
    top: 663px;
    width: 100%
}

.desktop-1024 .background-yTCy34 {
    background-color: var(--black-2);
    height: 916px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .overview-anchor-parent-yTCy34 {
    background-color: transparent;
    height: 869px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 4px;
    width: 100%
}

.desktop-1024 .circle-pattern-Uivlbx {
    background-color: transparent;
    height: 229px;
    left: calc(50.00% - 566px);
    position: absolute;
    top: 541px;
    width: 412px
}

.desktop-1024 .circle-pattern-sL1zpj {
    background-color: transparent;
    height: 209px;
    left: 10px;
    mix-blend-mode: normal;
    position: relative;
    top: 10px;
    width: calc(100.00% - 20px)
}

.desktop-1024 .circle-pattern-nPpKDN {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.5;
}

.desktop-1024 .pgin-3-d-logo-Uivlbx {
    background-color: transparent;
    display: block;
    height: 282px;
    left: calc(50.00% - 459px);
    mix-blend-mode: normal;
    position: absolute;
    top: 19px;
    width: 569px;
    opacity: 0;
    transform: translate(-45px, 0)
}

.desktop-1024 .pgin-3-d-logo-Uivlbx.bp2-animate-enter20 {
    animation: bp2-animate-enter20-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(-45px, 0)
}

@keyframes bp2-animate-enter20-frames {
    from {
        opacity: 0;
        transform: translate(-45px, 0)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .pgin-3-d-logo-cUkqqm {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .mecha-and-space-Uivlbx {
    background-color: transparent;
    display: block;
    height: 880px;
    left: calc(50.00% + 50px);
    position: absolute;
    top: 33px;
    width: 738px;
    opacity: 0;
    transform: translate(45px, 0)
}

.desktop-1024 .mecha-and-space-Uivlbx.bp2-animate-enter21 {
    animation: bp2-animate-enter21-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(45px, 0)
}

@keyframes bp2-animate-enter21-frames {
    from {
        opacity: 0;
        transform: translate(45px, 0)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .space-l2vKxk {
    background-color: transparent;
    height: 674px;
    left: calc(50.00% - 485px);
    mix-blend-mode: normal;
    position: absolute;
    top: 108px;
    width: 801px
}

.desktop-1024 .space-QVaAvA {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100.00%
}

.desktop-1024 .mecha-l2vKxk {
    background-color: transparent;
    height: 661px;
    left: calc(50.00% - 350px);
    mix-blend-mode: normal;
    position: absolute;
    top: 158px;
    width: 487px
}

.desktop-1024 .mecha-8sKa7p {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .text-and-button-Uivlbx {
    background-color: transparent;
    height: 305px;
    left: calc(50.00% - 430px);
    position: absolute;
    top: 336px;
    width: 478px
}

.desktop-1024 .text-r7Mzwb {
    background-color: transparent;
    height: 266px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 458px
}

.desktop-1024 .top-para-stFDrI {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 61px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 458px
}

.desktop-1024 .phantom-galaxie-ptivating-story-5KtSMi {
    background-color: transparent;
    height: 51px;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 448px
}

.desktop-1024 .mid-para-stFDrI {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 110px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 66px;
    width: 458px
}

.desktop-1024 .once-enemies-th-cestral-planets-2TRDv7 {
    background-color: transparent;
    height: 100px;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 448px
}

.desktop-1024 .bottom-para-stFDrI {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 85px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 181px;
    width: 458px
}

.desktop-1024 .choose-the-tran-to-the-sha-kari-kNNzLL {
    background-color: transparent;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 448px
}

.desktop-1024 .watch-trailer-button-r7Mzwb {
    background-color: transparent;
    bottom: -33px;
    cursor: pointer;
    height: 42px;
    left: 10px;
    pointer-events: auto;
    position: absolute;
    transition: all .2s ease;
    width: 160px
}

.desktop-1024 .watch-trailer-button-r7Mzwb:hover {
    transform: scale(1.1)
}

.desktop-1024 .button-5G2WCG {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1024 .text-i4163809453-5G2WCG {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 40px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.desktop-1024 .connect-wallet-subscribe-6S8wPY {
    background-color: transparent;
    height: 466px;
    left: -208px;
    position: absolute;
    top: 1549px;
    width: calc(100.00% + 416px)
}

.desktop-1024 .background-LKd7Es {
    background-color: var(--black-2);
    height: 464px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 2px;
    width: 100%
}

.desktop-1024 .side-dots-LKd7Es {
    background-color: transparent;
    height: 455px;
    left: calc(50.00% - 484px);
    position: absolute;
    top: 0;
    width: 967px
}

.desktop-1024 .sidedots-MhhvKr {
    background-color: transparent;
    height: 455px;
    left: calc(50.00% - 484px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 1px;
    width: 134px
}

.desktop-1024 .sidedots-tuDke5 {
    background-color: transparent;
    height: 455px;
    left: calc(50.00% + 349px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 134px
}

.desktop-1024 .buttons-and-blurbs-LKd7Es {
    background-color: transparent;
    display: block;
    height: 391px;
    left: calc(50.00% - 313px);
    overflow: hidden;
    position: absolute;
    top: 32px;
    width: 626px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1024 .buttons-and-blurbs-LKd7Es.bp2-animate-enter22 {
    animation: bp2-animate-enter22-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp2-animate-enter22-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1024 .boarder-XttvJo {
    background-color: transparent;
    height: 34px;
    left: 61px;
    overflow: hidden;
    position: absolute;
    top: 346px;
    transform: rotate(-180.00deg);
    width: calc(100.00% - 121px)
}

.desktop-1024 .boarderdetail-y2HUJu {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 33px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    transform: rotate(180.00deg);
    width: 67px
}

.desktop-1024 .line-5-y2HUJu {
    background-color: transparent;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50.00% + 16px);
    transform: rotate(180.00deg);
    width: 100%
}

.desktop-1024 .boarder-riyljx {
    background-color: transparent;
    height: 34px;
    left: 61px;
    overflow: hidden;
    position: absolute;
    top: 11px;
    width: calc(100.00% - 121px)
}

.desktop-1024 .boarderdetail-bEfezU {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 33px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    width: 67px
}

.desktop-1024 .line-5-bEfezU {
    background-color: transparent;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50.00% + 16px);
    width: 100%
}

.desktop-1024 .join-discord-XttvJo {
    background-color: transparent;
    height: 82px;
    left: calc(50.00% - 313px);
    position: absolute;
    top: 240px;
    width: 628px
}

.desktop-1024 .join-the-discord-button-xrGERy {
    background-color: transparent;
    cursor: pointer;
    height: 37px;
    left: calc(50.00% - 182px);
    pointer-events: auto;
    position: absolute;
    top: 45px;
    transition: all .2s ease;
    width: 360px
}

.desktop-1024 .join-the-discord-button-xrGERy:hover {
    transform: scale(1.1)
}

.desktop-1024 .vector-GDAqTp {
    background-color: transparent;
    height: 37px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100.42%
}

.desktop-1024 .text-GDAqTp {
    background-color: transparent;
    height: 37px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    clip-path: polygon(6% 0, 100% 0%, 95% 100%, 0 100%, 1% 100%);
    background-color: #D42758;
}

.desktop-1024 .join-our-online-d-airdrop-dates-xrGERy {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 314px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.desktop-1024 .plus-seperator-XttvJo {
    background-color: transparent;
    height: 9px;
    left: 244px;
    overflow: hidden;
    position: absolute;
    top: 190px;
    width: calc(100.00% - 488px)
}

.desktop-1024 .elplus-gmXh6a {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% - 69px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.desktop-1024 .elplus-jrX0t0 {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% - 26px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.desktop-1024 .elplus-OxycEV {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% + 17px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.desktop-1024 .elplus-G1T7t9 {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% + 60px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.desktop-1024 .connect-wallet-XttvJo {
    background-color: transparent;
    height: 82px;
    left: calc(50.00% - 212px);
    position: absolute;
    top: 69px;
    width: 426px
}

.desktop-1024 .large-wallet-button-IHoPxM {
    background-color: transparent;
    height: 37px;
    left: calc(50.00% - 181px);
    pointer-events: auto;
    position: absolute;
    top: 45px;
    transition: all .2s ease;
    width: 360px
}

.desktop-1024 .large-wallet-button-IHoPxM:hover {
    transform: scale(1.1)
}

.desktop-1024 .vector-atroh0 {
    background-color: transparent;
    height: 37px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100.42%
}

.desktop-1024 .text-atroh0 {
    background-color: transparent;
    height: calc(100.00% - 7px);
    left: 17px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 4px;
    width: calc(100.00% - 33px)
}

.desktop-1024 .connect-your-wa-ree-nft-airdrop-IHoPxM {
    background-color: transparent;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    text-align: center;
    width: auto;
    margin-bottom: 20px;
}

.x4163710 .bottom-bar-fXcEhu {
    background-color: #ff2966;
    height: 147px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163710 .animocalogo-fXcEhu {
    background-color: transparent;
    cursor: pointer;
    height: 83px;
    left: 32px;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 32px;
    width: 146px
}

.x4163710 .group-12-fXcEhu {
    background-color: transparent;
    cursor: pointer;
    height: 84px;
    opacity: 1;
    position: absolute;
    right: 17px;
    top: 29px;
    width: 210px
}

.x4163710 .x2021-blowfish-s-i41637102821090-a6mBBc {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 10px;
    text-align: left;
    top: 68px;
    width: 192px
}

.x4163710 .blowfishlogo-a6mBBc {
    background-color: transparent;
    height: 68px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 2px;
    top: 0;
    width: 208px
}

.x4163727 .component-1-QNYRRI {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163727 .ui-frame-4Jc852 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4163727 .q2-2022-i41637273111546-4Jc852 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 43px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4163727 .early-access-ga-i41637273111547-QNYRRI {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4163731 .component-1-Rc2VQm {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163731 .ui-frame-7iklnQ {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4163731 .q1-2022-i41637313111541-7iklnQ {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4163731 .generative-avat-i41637313111542-Rc2VQm {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: -12.5%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 125%
}

.x4163733 .component-1-ftjBZ8 {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163733 .ui-frame-cXdigZ {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4163733 .q1-2022-i41637333111536-cXdigZ {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4163733 .starfighter-nft-i41637333111537-ftjBZ8 {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4163737 .component-1-Loli2V {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163737 .ui-frame-Xjihcf {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4163737 .q4-2021-i41637373111526-Xjihcf {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 61px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4163737 .game-utility-nf-i41637373111527-Loli2V {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4163739 .component-1-5pdeQK {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163739 .ui-frame-RbPvC8 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4163739 .q4-2021-i41637393111531-RbPvC8 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 42px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4163739 .nft-collectible-i41637393111532-5pdeQK {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4163776 .feature-DoBmaJ {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163776 .title-i41637763111611-l4FFgU {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 30.48%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 39.05%
}

.x4163776 .image-l4FFgU {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 105px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 210px
}

.x4163776 .actionthumb-xNkHo7 {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 157px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x4163776 .description-i41637763111614-DoBmaJ {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 15.48%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x4163777 .feature-lEPKNs {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163777 .title-i41637773111622-wHGcb2 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 37.68%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 24.64%
}

.x4163777 .image-wHGcb2 {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 106px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 211px
}

.x4163777 .nftthumb-VmARa6 {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 156px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x4163777 .description-i41637773111625-lEPKNs {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 15.48%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x4163778 .feature-1D3m1x {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163778 .title-i41637783111628-dGGbV2 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 23.33%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 53.33%
}

.x4163778 .image-dGGbV2 {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 105px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 210px
}

.x4163778 .discoverthumb-VxiBdG {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 157px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x4163778 .description-i41637783111631-1D3m1x {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 15.48%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x4163779 .feature-zG7ubQ {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4163779 .title-i41637793111634-S4rofQ {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 30.57%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 38.86%
}

.x4163779 .image-S4rofQ {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 106px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 211px
}

.x4163779 .guildsthumb-CsIPi2 {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 156px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x4163779 .description-i41637793111637-zG7ubQ {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 23.22%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.desktop-1440 {
    background-color: var(--white);
    height: 100vh;
    margin: 0;
    min-height: 6153px;
    min-width: 1440px;
    mix-blend-mode: normal;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

.desktop-1440 .x5th-subscribe-I66pki {
    background-color: transparent;
    height: 1960px;
    left: 0;
    position: absolute;
    top: 4900px;
    width: 100%
}

.desktop-1440 .subscribe-background-z6f2GA {
    background-color: transparent;
    height: 1311px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1440 .subscribe-background-image-1JrWEN {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1440 .circle-pattern-z6f2GA {
    background-color: transparent;
    display: block;
    height: 422px;
    left: calc(50.00% - 656px);
    position: absolute;
    top: 472px;
    width: 777px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .circle-pattern-z6f2GA.bp1-animate-enter {
    animation: bp1-animate-enter-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1440 .circle-pattern-hSUvrq {
    background-color: transparent;
    height: 402px;
    left: 10px;
    mix-blend-mode: normal;
    position: relative;
    top: 10px;
    width: calc(100.00% - 20px)
}

.desktop-1440 .circle-pattern-gAB9yJ {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.x2851348 {
    background-color: transparent;
    height: 147px;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 1106px;
    width: 100%
}

.x2851348 .bottom-bar-xTJb45 {
    background-color: #ff2966;
    height: 147px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x2851348 .animocalogo-xTJb45 {
    background-color: transparent;
    cursor: pointer;
    height: 83px;
    left: 32px;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 32px;
    width: 146px
}

.x2851348 .group-12-xTJb45 {
    background-color: transparent;
    cursor: pointer;
    height: 84px;
    opacity: 1;
    position: absolute;
    right: 17px;
    top: 29px;
    width: 210px
}

.x2851348 .x2021-blowfish-s-i28513482821090-UCPAXH {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 10px;
    text-align: left;
    top: 68px;
    width: 192px
}

.x2851348 .blowfishlogo-UCPAXH {
    background-color: transparent;
    height: 68px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 2px;
    top: 0;
    width: 208px
}

.desktop-1440 .lady-z6f2GA {
    background-color: transparent;
    display: block;
    height: 1523px;
    left: calc(50.00% - 575px);
    mix-blend-mode: normal;
    position: absolute;
    top: 437px;
    width: 586px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .lady-z6f2GA.bp1-animate-enter2 {
    animation: bp1-animate-enter2-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter2-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1440 .lady-FTETdF {
    background-color: transparent;
    display: block;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .lady-FTETdF.bp1-animate-enter1 {
    animation: bp1-animate-enter1-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter1-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1440 .subscribe-z6f2GA {
    background-color: transparent;
    height: 372px;
    left: calc(50.00% + 99px);
    position: absolute;
    top: 597px;
    width: 470px
}

.desktop-1440 .subscribe-sk6KMi {
    background-color: transparent;
    height: 106px;
    left: calc(50.00% - 169px);
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 338px
}

.desktop-1440 .subscribe-join-284130353106134-yleoch {
    background-color: transparent;
    height: 93.40%;
    left: 18.64%;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 5.66%;
    width: 62.72%
}

.desktop-1440 .span0-XoQEWV {
    letter-spacing: .00px
}

.desktop-1440 .span1-XoQEWV {
    letter-spacing: .40px
}

.desktop-1440 .curved-boarder-yleoch {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 19.53%
}

.desktop-1440 .curved-boarder-sSjKtO {
    background-color: transparent;
    height: 100%;
    left: 80.47%;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 19.53%
}

.desktop-1440 .email-sk6KMi {
    background-color: transparent;
    height: 42px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 165px;
    width: 100%
}

.desktop-1440 .frame-15-lGc3vU {
    background-color: transparent;
    height: 42px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1440 .button-06eUyJ {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 98.53%
}

.desktop-1440 .email-text-inpu-i2841304235595-06eUyJ {
    background-color: transparent;
    border: 0;
    height: 25px;
    left: 30px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    padding: 0;
    position: absolute;
    resize: none;
    text-align: left;
    top: calc(50.00% - 12px);
    width: 235px
}

.desktop-1440 .email-text-inpu-i2841304235595-06eUyJ::placeholder {
    color: #8a8a8a99
}

.desktop-1440 .sign-up-button-lGc3vU {
    background-color: transparent;
    height: 42px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease;
    width: 158px
}

.desktop-1440 .sign-up-button-lGc3vU:hover {
    transform: scale(1.1)
}

.desktop-1440 .button-fuu7i3 {
    background-color: transparent;
    height: 42px;
    left: calc(50.00% - 79px);
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 21px);
    width: 158px
}

.desktop-1440 .sign-up-i284130417756215105-fuu7i3 {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 31px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.desktop-1440 .follow-socials-sk6KMi {
    background-color: transparent;
    height: 118px;
    left: calc(50.00% - 176px);
    overflow: hidden;
    position: absolute;
    top: 266px;
    width: 353px
}

.desktop-1440 .frame-16-T8aVtF {
    background-color: transparent;
    height: 34px;
    left: -2px;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% + 25px);
    width: calc(100.00% - 13px)
}

.desktop-1440 .boarderdetailpink-KNQcXx {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 14px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    width: 67px
}

.desktop-1440 .line-5-KNQcXx {
    background-color: transparent;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100%
}

.desktop-1440 .frame-22-T8aVtF {
    background-color: transparent;
    height: 23px;
    left: 12px;
    position: absolute;
    top: calc(50.00% - 9px);
    width: calc(100.00% - 72px)
}

.desktop-1440 .simple-iconsdiscord-X4fUYi {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% - 126px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 23px
}

.desktop-1440 .simple-iconsdiscord-X4fUYi:hover {
    transform: scale(1.1)
}

.desktop-1440 .fapaper-plane-X4fUYi {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% - 66px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 24px
}

.desktop-1440 .fapaper-plane-X4fUYi:hover {
    transform: scale(1.1)
}

.desktop-1440 .simple-iconstwitter-X4fUYi {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% - 6px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 23px
}

.desktop-1440 .simple-iconstwitter-X4fUYi:hover {
    transform: scale(1.1)
}

.desktop-1440 .simple-iconsinstagram-X4fUYi {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% + 54px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 23px
}

.desktop-1440 .simple-iconsinstagram-X4fUYi:hover {
    transform: scale(1.1)
}

.desktop-1440 .brandicofacebook-X4fUYi {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% + 114px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 11px
}

.desktop-1440 .brandicofacebook-X4fUYi:hover {
    transform: scale(1.1)
}

.desktop-1440 .join-our-commun-i2841305139660-T8aVtF {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 142px);
    letter-spacing: 2.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0;
    width: 308px
}

.desktop-1440 .x3rd-roadmap-I66pki {
    background-color: black;
    height: 1003px;
    left: -208px;
    position: absolute;
    top: 2860px;
    width: calc(100.00% + 420px)
}

.desktop-1440 .roadmap-background-O78C7y {
    background-color: transparent;
    height: 947px;
    left: 208px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: calc(100.00% - 420px)
}

.desktop-1440 .roadmap-background-image-3e3DiN {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1440 .boarder-O78C7y {
    background-color: transparent;
    height: 894px;
    left: 208px;
    position: absolute;
    top: 14px;
    width: calc(100.00% - 420px)
}

.desktop-1440 .hexboarder-7BdoA4 {
    background-color: transparent;
    height: 447px;
    object-fit: cover;
    left: 0;
    mix-blend-mode: screen;
    position: absolute;
    top: 447px;
    /*width: 100%*/
}

.desktop-1440 .hexboarder-IQxpOS {
    background-color: transparent;
    height: 447px;
    object-fit: cover;
    left: 1px;
    mix-blend-mode: screen;
    position: absolute;
    top: 0;
    /*width: 100%*/
}

.desktop-1440 .all-dates-are-e-bject-to-change-O78C7y {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 128px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 980px;
    width: auto
}

.desktop-1440 .roadmap-O78C7y {
    background-color: transparent;
    height: 382px;
    left: 0;
    position: absolute;
    top: 382px;
    width: 100%;
}

.desktop-1440 .line-s2Cw8k {
    background-color: transparent;
    height: 0;
    position: absolute;
    top: 191px;
    width: 100%
}

.desktop-1440 .line-1-6ZJadH {
    background-color: transparent;
    height: 2px;
    position: absolute;
    top: -1px;
    width: 100%;
}

.desktop-1440 .x5-s2Cw8k {
    background-color: transparent;
    display: block;
    height: 202px;
    right: 18%;
    position: absolute;
    top: 0;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .x5-s2Cw8k.bp1-animate-enter3 {
    animation: bp1-animate-enter3-frames .60s ease-in-out .90s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter3-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x53106158 {
    background-color: transparent;
    height: 173px;
    left: -61px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 29px;
    width: 278px;
}

.x53106158 .component-1-FxCNa5 {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106158 .ui-frame-MYL0Xh {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x53106158 .q2-2022-i531061583111546-MYL0Xh {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x53106158 .early-access-ga-531061583111547-FxCNa5 {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

@media (width: 1440px) {
    .desktop-1440 .roadmap-marker-xxJzhL {
        top: 163px !important;
    }
}

.desktop-1440 .roadmap-marker-xxJzhL {
    background-color: transparent;
    height: 33px;
    left: 64px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 174px;
    width: 33px
}

.desktop-1440 .x4-s2Cw8k {
    background-color: transparent;
    display: block;
    height: 204px;
    right: 32%;
    position: absolute;
    top: 178px;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .x4-s2Cw8k.bp1-animate-enter4 {
    animation: bp1-animate-enter4-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter4-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@media (width: 1440px) {
    .desktop-1440 .roadmap-marker-sxDHaH {
        top: 7px !important;
    }
}

.desktop-1440 .roadmap-marker-sxDHaH {
    background-color: transparent;
    height: 33px;
    left: 64px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: -4px;
    width: 33px
}

.x53106156 {
    background-color: transparent;
    height: 160px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 48px;
    width: 162px
}

.x53106156 .component-1-nNVl86 {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106156 .ui-frame-Q7lwVk {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x53106156 .q1-2022-i531061563111541-Q7lwVk {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x53106156 .generative-avat-531061563111542-nNVl86 {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.desktop-1440 .x3-s2Cw8k {
    background-color: transparent;
    display: block;
    height: 202px;
    left: calc(50.00% - 82px);
    position: absolute;
    top: 0;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .x3-s2Cw8k.bp1-animate-enter5 {
    animation: bp1-animate-enter5-frames .60s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter5-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x53106146 {
    background-color: transparent;
    height: 173px;
    left: -61px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 29px;
    width: 278px;
}

.x53106146 .component-1-MgdpTM {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106146 .ui-frame-Dux41U {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x53106146 .q1-2022-i531061463111536-Dux41U {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x53106146 .starfighter-nft-531061463111537-MgdpTM {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

@media (width: 1440px) {
    .desktop-1440 .roadmap-marker-llcTm9 {
        top: 163px !important;
    }
}

.desktop-1440 .roadmap-marker-llcTm9 {
    background-color: transparent;
    height: 33px;
    left: 64px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 174px;
    width: 33px
}

.desktop-1440 .x2-s2Cw8k {
    background-color: transparent;
    display: block;
    height: 204px;
    left: 32%;
    position: absolute;
    top: 178px;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .x2-s2Cw8k.bp1-animate-enter6 {
    animation: bp1-animate-enter6-frames .60s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter6-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@media (width: 1440px) {
    .desktop-1440 .roadmap-marker-eXKxq4{
        top: 7px !important;
    }
}

.desktop-1440 .roadmap-marker-eXKxq4 {
    background-color: transparent;
    height: 33px;
    left: 64px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: -4px;
    width: 33px
}

.x53106150 {
    background-color: transparent;
    height: 160px;
    left: -27px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 44px;
    width: 212px;
}

.x53106150 .component-1-r9haCo {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106150 .ui-frame-8Y2C1P {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x53106150 .q4-2021-i531061503111526-8Y2C1P {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x53106150 .game-utility-nf-531061503111527-r9haCo {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.desktop-1440 .x1-s2Cw8k {
    background-color: transparent;
    display: block;
    height: 202px;
    left: 18%;
    position: absolute;
    top: 0;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .x1-s2Cw8k.bp1-animate-enter7 {
    animation: bp1-animate-enter7-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter7-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x53106152 {
    background-color: transparent;
    height: 173px;
    left: -61px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 29px;
    width: 278px;
}

.x53106152 .component-1-PEQSpc {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106152 .ui-frame-TxiDXR {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x53106152 .q4-2021-i531061523111531-TxiDXR {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 42px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x53106152 .nft-collectible-531061523111532-PEQSpc {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

@media (width: 1440px) {
    .desktop-1440 .roadmap-marker-13EtuW{
        top: 163px !important;
    }
}

.desktop-1440 .roadmap-marker-13EtuW {
    background-color: transparent;
    height: 33px;
    left: 64px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 174px;
    width: 33px
}

.desktop-1440 .header-boarder-O78C7y {
    background-color: transparent;
    height: 371px;
    left: calc(50.00% - 740px);
    mix-blend-mode: normal;
    position: absolute;
    top: 14px;
    width: 1476px
}

.desktop-1440 .header-boarder-VukePb {
    background-color: transparent;
    height: 84.91%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.39%;
    width: 84.96%
}

.desktop-1440 .roadmap-LGRhoP {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 85px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 157px;
    width: auto
}

.desktop-1440 .forth-vector-I66pki {
    background-color: transparent;
    height: 189px;
    left: -23.33%;
    mix-blend-mode: normal;
    position: absolute;
    top: 3725px;
    width: 146.67%
}

.desktop-1440 .x4th-behind-the-scenes-I66pki {
    background-color: transparent;
    height: 1487px;
    left: -336px;
    position: absolute;
    top: 3863px;
    width: calc(100.00% + 674px)
}

.desktop-1440 .background-L4H7e9 {
    background-color: var(--black-2);
    height: 1393px;
    left: 336px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: calc(100.00% - 674px)
}

.desktop-1440 .vector-L4H7e9 {
    background-color: transparent;
    height: 190px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 1297px;
    width: 99.91%
}

.desktop-1440 .gallery-L4H7e9 {
    background-color: transparent;
    height: 878px;
    left: calc(50.00% - 721px);
    overflow: hidden;
    position: absolute;
    top: 405px;
    width: 1440px
}

.desktop-1440 .row-1-cEK656 {
    background-color: transparent;
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .row-1-cEK656.bp1-animate-enter8 {
    animation: bp1-animate-enter8-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter8-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1440 .x1-vH2jS7 {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .x1-vH2jS7 video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.desktop-1440 .x1-vH2jS7 img {
    object-fit: cover
}

.desktop-1440 .x2-vH2jS7 {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 365px;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .x2-vH2jS7 video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.desktop-1440 .x2-vH2jS7 img {
    object-fit: cover
}

.desktop-1440 .x3-vH2jS7 {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 730px;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .x3-vH2jS7 video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.desktop-1440 .x3-vH2jS7 img {
    object-fit: cover
}

.desktop-1440 .x4-vH2jS7 {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 1095px;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .x4-vH2jS7 video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.desktop-1440 .x4-vH2jS7 img {
    object-fit: cover
}

.desktop-1440 .row-2-cEK656 {
    background-color: transparent;
    display: block;
    height: 207px;
    left: 0;
    position: absolute;
    top: 223px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .row-2-cEK656.bp1-animate-enter9 {
    animation: bp1-animate-enter9-frames .60s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter9-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1440 .gallery-five-sxxCNU {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 1px;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .gallery-six-sxxCNU {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 365px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 2px;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .gallery-seven-sxxCNU {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 730px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .gallery-eight-sxxCNU {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 1095px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 2px;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .row-3-cEK656 {
    background-color: transparent;
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 449px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .row-3-cEK656.bp1-animate-enter10 {
    animation: bp1-animate-enter10-frames .60s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter10-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1440 .gallery-nine-Wjjpxa {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .gallery-ten-Wjjpxa {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 365px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .gallery-eleven-Wjjpxa {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 730px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .gallery-twelve-Wjjpxa {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 1095px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1095px)
}

.desktop-1440 .row-4-cEK656 {
    background-color: transparent;
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 674px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .row-4-cEK656.bp1-animate-enter11 {
    animation: bp1-animate-enter11-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter11-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1440 .gallery-thirteen-SwQTLt {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1094px)
}

.desktop-1440 .gallery-fourteen-SwQTLt {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 365px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1094px)
}

.desktop-1440 .gallery-fifteen-SwQTLt {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 729px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1094px)
}

.desktop-1440 .gallery-sixteen-SwQTLt {
    background-color: transparent;
    cursor: pointer;
    height: 206px;
    left: 1094px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1094px)
}

.desktop-1440 .header-boarder-L4H7e9 {
    background-color: transparent;
    height: 370px;
    left: calc(50.00% - 739px);
    mix-blend-mode: normal;
    position: absolute;
    top: 39px;
    width: 1476px
}

.desktop-1440 .header-boarder-tihTmc {
    background-color: transparent;
    height: 85.35%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.17%;
    width: 84.96%
}

.desktop-1440 .behind-the-scen-art-sneak-peeks-L4H7e9 {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 271px);
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 155px;
    width: 540px
}

.desktop-1440 .span0-nNHiGL {
    letter-spacing: .00px
}

.desktop-1440 .span1-nNHiGL {
    letter-spacing: .40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    margin-top: 10px;
}

.desktop-1440 .x2nd-features-I66pki {
    background-color: transparent;
    height: 997px;
    left: -18px;
    position: absolute;
    top: 1934px;
    width: calc(100.00% + 38px)
}

.desktop-1440 .features-background-aRqiKV {
    background-color: transparent;
    height: 997px;
    left: 18px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: calc(100.00% - 38px)
}

.desktop-1440 .features-background-image-OxrZAs {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1440 .features-aRqiKV {
    background-color: transparent;
    height: 341px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 526px;
    margin-left: 2.5%;
    width: 95%;
}

.x53106167 {
    background-color: transparent;
    display: block;
    height: 323px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    float: left;
    top: 0;
    width: 25%;
    opacity: 0;
    transform: translate(0, 45px)
}

.x53106167.bp1-animate-enter12 {
    animation: bp1-animate-enter12-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter12-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x53106167 .feature-Uo0xQR {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106167 .title-i531061673111611-gHY9aS {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 36.94%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 26.11%
}

.x53106167 .image-gHY9aS {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 157px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 314px
}

.x53106167 .actionthumb-SdElto {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 157px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x53106167 .description-i531061673111614-Uo0xQR {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 7.74%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x53106168 {
    background-color: transparent;
    display: block;
    height: 323px;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    float: left;
    top: 0;
    width: 25%;
    opacity: 0;
    transform: translate(0, 45px)
}

.x53106168.bp1-animate-enter13 {
    animation: bp1-animate-enter13-frames .60s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter13-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x53106168 .feature-ECrGHK {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106168 .title-i531061683111622-zjGOAy {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 41.75%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 16.51%
}

.x53106168 .image-zjGOAy {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 158px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 315px
}

.x53106168 .nftthumb-HkqwQV {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 156px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x53106168 .description-i531061683111625-ECrGHK {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 15.48%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x53106169 {
    background-color: transparent;
    display: block;
    height: 323px;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    float: left;
    top: 0;
    width: 25%;
    opacity: 0;
    transform: translate(0, 45px)
}

.x53106169.bp1-animate-enter14 {
    animation: bp1-animate-enter14-frames .60s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter14-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x53106169 .feature-N5ZPMv {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106169 .title-i531061693111628-KySSXE {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 32.17%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35.67%
}

.x53106169 .image-KySSXE {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 157px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 314px
}

.x53106169 .discoverthumb-BtnsVP {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 157px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x53106169 .description-i531061693111631-N5ZPMv {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 15.48%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x53106170 {
    background-color: transparent;
    display: block;
    height: 323px;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    float: left;
    top: 0;
    width: 25%;
    opacity: 0;
    transform: translate(0, 45px)
}

.x53106170.bp1-animate-enter15 {
    animation: bp1-animate-enter15-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter15-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x53106170 .feature-Eu0whD {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106170 .title-i531061703111634-LfONO6 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 36.98%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 26.03%
}

.x53106170 .image-LfONO6 {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 158px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 315px
}

.x53106170 .guildsthumb-oxWgwF {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 156px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x53106170 .description-i531061703111637-Eu0whD {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 23.22%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.desktop-1440 .header-boarder-aRqiKV {
    background-color: transparent;
    height: 351px;
    left: calc(50.00% - 739px);
    mix-blend-mode: normal;
    position: absolute;
    top: 192px;
    width: 1476px
}

.desktop-1440 .header-boarder-f6R09n {
    background-color: transparent;
    height: 85.28%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.20%;
    width: 84.96%
}

.desktop-1440 .features-CtoNpl {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 83px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 330px;
    width: 163px
}

.desktop-1440 .third-vector-I66pki {
    background-color: transparent;
    height: 189px;
    left: -23.33%;
    mix-blend-mode: normal;
    position: absolute;
    top: 2838px;
    width: 146.67%
}

.desktop-1440 .top-video-I66pki {
    background-color: transparent;
    height: 678px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1440 .video-banner-placeholder-S4B1R7 {
    background-color: transparent;
    height: 678px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 77px;
    width: 100%
}

.desktop-1440 .video-banner-placeholder-S4B1R7 video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.desktop-1440 .video-banner-placeholder-S4B1R7 img {
    object-fit: cover
}

.desktop-1440 .image-2-Ipzi3U {
    background-color: var(--mist-gray);
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: relative;
    top: 0;
    width: 100%
}

.desktop-1440 .watch-trailer-button-S4B1R7 {
    background-color: transparent;
    cursor: pointer;
    height: 44px;
    left: calc(50.00% - 79px);
    pointer-events: auto;
    position: absolute;
    top: 539px;
    transition: all .2s ease;
    width: 158px;
    z-index: 10;
}

.desktop-1440 .watch-trailer-button-S4B1R7:hover {
    transform: scale(1.1)
}

.desktop-1440 .button-TxwGUr {
    background-color: transparent;
    height: 101.24%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: -0.62%;
    width: 100.06%
}

.desktop-1440 .text-i53106175453-TxwGUr {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 40px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.desktop-1440 .top-bar-S4B1R7 {
    background-color: transparent;
    height: 84px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1440 .pgin-2-tone-logo-7v6Ucz {
    background-color: transparent;
    height: 66px;
    left: 39px;
    mix-blend-mode: normal;
    position: absolute;
    top: 7px;
    width: 135px
}

.desktop-1440 .pgin-2-tone-logo-xrMwht {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1440 .frame-19-7v6Ucz {
    background-color: transparent;
    height: 37px;
    position: absolute;
    right: 45px;
    top: 21px;
    width: 497px
}

.desktop-1440 .social-icons-rSoUmr {
    background-color: transparent;
    height: 16px;
    position: absolute;
    right: 334px;
    top: 10px;
    width: 176px
}

.desktop-1440 .simple-iconsdiscord-LIDCdX {
    background-color: transparent;
    cursor: pointer;
    height: 16px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 159px;
    top: 0;
    transition: all .2s ease;
    width: 16px
}

.desktop-1440 .simple-iconsdiscord-LIDCdX:hover {
    transform: scale(1.1)
}

.desktop-1440 .fapaper-plane-LIDCdX {
    background-color: transparent;
    cursor: pointer;
    height: 16px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 117px;
    top: 0;
    transition: all .2s ease;
    width: 16px
}

.desktop-1440 .fapaper-plane-LIDCdX:hover {
    transform: scale(1.1)
}

.desktop-1440 .simple-iconstwitter-LIDCdX {
    background-color: transparent;
    cursor: pointer;
    height: 16px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 75px;
    top: 0;
    transition: all .2s ease;
    width: 16px
}

.desktop-1440 .simple-iconstwitter-LIDCdX:hover {
    transform: scale(1.1)
}

.desktop-1440 .simple-iconsinstagram-LIDCdX {
    background-color: transparent;
    cursor: pointer;
    height: 16px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 33px;
    top: 0;
    transition: all .2s ease;
    width: 16px
}

.desktop-1440 .simple-iconsinstagram-LIDCdX:hover {
    transform: scale(1.1)
}

.desktop-1440 .brandicofacebook-LIDCdX {
    background-color: transparent;
    cursor: pointer;
    height: 16px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease;
    width: 8px
}

.desktop-1440 .brandicofacebook-LIDCdX:hover {
    transform: scale(1.1)
}

.desktop-1440 .subscribe-button-rSoUmr {
    background-color: transparent;
    cursor: pointer;
    height: 37px;
    pointer-events: auto;
    position: absolute;
    right: 159px;
    top: 0;
    transition: all .2s ease;
    width: 151px
}

.desktop-1440 .subscribe-button-rSoUmr:hover {
    transform: scale(1.1)
}

.desktop-1440 .button-fuNODN {
    background-color: transparent;
    height: 37px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100.33%
}

.desktop-1440 .text-i5310617657452-fuNODN {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 54px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 12px);
    width: auto
}

.desktop-1440 .connect-wallet-button-rSoUmr {
    background-color: transparent;
    height: 37px;
    pointer-events: auto;
    position: absolute;
    right: -13px;
    top: 0;
    transition: all .2s ease;
    width: 148px
}

.desktop-1440 .connect-wallet-button-rSoUmr:hover {
    transform: scale(1.1)
}

.desktop-1440 .vector-9lRx7Z {
    background-color: transparent;
    height: 37px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100.68%
}

.desktop-1440 .connect-wallet-617667100067560-9lRx7Z {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 53px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 12px);
    width: auto
}

.desktop-1440 .second-vector-I66pki {
    background-color: transparent;
    height: 190px;
    left: -23.33%;
    mix-blend-mode: normal;
    position: absolute;
    top: 1938px;
    width: 146.67%
}

.desktop-1440 .first-vector-I66pki {
    background-color: transparent;
    height: 189px;
    left: -23.37%;
    mix-blend-mode: normal;
    position: absolute;
    top: 572px;
    width: 146.74%
}

.desktop-1440 .x1st-overview-I66pki {
    background-color: transparent;
    height: 999px;
    left: -77px;
    position: absolute;
    top: 668px;
    width: calc(100.00% + 299px)
}

.desktop-1440 .background-m0ZktO {
    background-color: var(--black-2);
    height: 878px;
    left: 77px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: calc(100.00% - 299px)
}

.desktop-1440 .overview-anchor-parent-m0ZktO {
    background-color: transparent;
    height: 948px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 51px;
    width: 100%
}

.desktop-1440 .circle-pattern-7Awswi {
    background-color: transparent;
    height: 269px;
    left: calc(50.00% - 870px);
    position: absolute;
    top: 421px;
    width: 488px
}

.desktop-1440 .circle-pattern-o0lWzC {
    background-color: transparent;
    height: 249px;
    left: 10px;
    mix-blend-mode: normal;
    position: relative;
    top: 10px;
    width: calc(100.00% - 20px)
}

.desktop-1440 .circle-pattern-M26z6i {
    background-color: transparent;
    height: 100.20%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.5;
}

.desktop-1440 .pgin-3-d-logo-7Awswi {
    background-color: transparent;
    display: block;
    height: 322px;
    left: calc(50.00% - 656px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 649px;
    opacity: 0;
    transform: translate(-45px, 0)
}

.desktop-1440 .pgin-3-d-logo-7Awswi.bp1-animate-enter16 {
    animation: bp1-animate-enter16-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(-45px, 0)
}

@keyframes bp1-animate-enter16-frames {
    from {
        opacity: 0;
        transform: translate(-45px, 0)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1440 .pgin-3-d-logo-dfyuhQ {
    background-color: transparent;
    height: 100.31%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1440 .mecha-and-space-7Awswi {
    background-color: transparent;
    display: block;
    height: 948px;
    left: calc(50.00% + 44px);
    position: absolute;
    top: 0;
    width: 825px;
    opacity: 0;
    transform: translate(45px, 0)
}

.desktop-1440 .mecha-and-space-7Awswi.bp1-animate-enter17 {
    animation: bp1-animate-enter17-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(45px, 0)
}

@keyframes bp1-animate-enter17-frames {
    from {
        opacity: 0;
        transform: translate(45px, 0)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1440 .space-xSJHs4 {
    background-color: transparent;
    height: 791px;
    left: calc(50.00% - 548px);
    mix-blend-mode: normal;
    position: absolute;
    top: -56px;
    width: 941px
}

.desktop-1440 .space-Dhxd53 {
    background-color: transparent;
    height: 100.08%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100.02%
}

.desktop-1440 .mecha-xSJHs4 {
    background-color: transparent;
    height: 767px;
    left: calc(50.00% - 386px);
    mix-blend-mode: normal;
    position: absolute;
    top: 6px;
    width: 563px
}

.desktop-1440 .mecha-H038zO {
    background-color: transparent;
    height: 100.13%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.desktop-1440 .text-and-button-7Awswi {
    background-color: transparent;
    height: 305px;
    left: calc(50.00% - 628px);
    position: absolute;
    top: 339px;
    width: 637px
}

.desktop-1440 .text-az9eFl {
    background-color: transparent;
    height: 216px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 617px
}

.desktop-1440 .top-para-Af4GlA {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 61px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 617px
}

.desktop-1440 .phantom-galaxie-ptivating-story-ck7L37 {
    background-color: transparent;
    height: 51px;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 607px
}

.desktop-1440 .mid-para-Af4GlA {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 85px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 66px;
    width: 617px
}

.desktop-1440 .once-enemies-th-cestral-planets-BEWVGs {
    background-color: transparent;
    height: 75px;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 607px
}

.desktop-1440 .bottom-para-Af4GlA {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 60px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 156px;
    width: 617px
}

.desktop-1440 .choose-the-tran-to-the-sha-kari-l4Pew1 {
    background-color: transparent;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 607px
}

.desktop-1440 .watch-trailer-button-az9eFl {
    background-color: transparent;
    bottom: 17px;
    cursor: pointer;
    height: 42px;
    left: 10px;
    pointer-events: auto;
    position: absolute;
    transition: all .2s ease;
    width: 160px
}

.desktop-1440 .watch-trailer-button-az9eFl:hover {
    transform: scale(1.1)
}

.desktop-1440 .button-INg8ox {
    background-color: transparent;
    height: 101.19%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: -0.60%;
    width: 100%
}

.desktop-1440 .text-i53106189453-INg8ox {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 40px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.desktop-1440 .connect-wallet-subscribe-I66pki {
    background-color: transparent;
    height: 504px;
    left: 0;
    position: absolute;
    top: 1530px;
    width: 100%
}

.desktop-1440 .background-iFCqX9 {
    background-color: var(--black-2);
    height: 489px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 15px;
    width: 100%
}

.desktop-1440 .side-dots-iFCqX9 {
    background-color: transparent;
    height: 455px;
    left: calc(50.00% - 569px);
    position: absolute;
    top: 0;
    width: 1139px
}

.desktop-1440 .sidedots-QjDjhg {
    background-color: transparent;
    height: 455px;
    left: calc(50.00% - 570px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 1px;
    width: 134px
}

.desktop-1440 .sidedots-GXnegt {
    background-color: transparent;
    height: 455px;
    left: calc(50.00% + 436px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 134px
}

.desktop-1440 .buttons-and-blurbs-iFCqX9 {
    background-color: transparent;
    display: block;
    height: 391px;
    left: calc(50.00% - 312px);
    overflow: hidden;
    position: absolute;
    top: 32px;
    width: 626px;
    opacity: 0;
    transform: translate(0, 45px)
}

.desktop-1440 .buttons-and-blurbs-iFCqX9.bp1-animate-enter18 {
    animation: bp1-animate-enter18-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp1-animate-enter18-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.desktop-1440 .boarder-fK6t2y {
    background-color: transparent;
    height: 34px;
    left: 61px;
    overflow: hidden;
    position: absolute;
    top: 346px;
    transform: rotate(-180.00deg);
    width: calc(100.00% - 121px)
}

.desktop-1440 .boarderdetail-UDxODE {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 33px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    transform: rotate(180.00deg);
    width: 67px
}

.desktop-1440 .line-5-UDxODE {
    background-color: transparent;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50.00% + 16px);
    transform: rotate(180.00deg);
    width: 100%
}

.desktop-1440 .boarder-9tRCe2 {
    background-color: transparent;
    height: 34px;
    left: 61px;
    overflow: hidden;
    position: absolute;
    top: 11px;
    width: calc(100.00% - 121px)
}

.desktop-1440 .boarderdetail-KTqvAY {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 33px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    width: 67px
}

.desktop-1440 .line-5-KTqvAY {
    background-color: transparent;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50.00% + 16px);
    width: 100%
}

.desktop-1440 .join-discord-fK6t2y {
    background-color: transparent;
    height: 82px;
    left: calc(50.00% - 313px);
    position: absolute;
    top: 240px;
    width: 628px
}

.desktop-1440 .join-the-discord-button-USP7F8 {
    background-color: transparent;
    cursor: pointer;
    height: 37px;
    left: calc(50.00% - 182px);
    pointer-events: auto;
    position: absolute;
    top: 45px;
    transition: all .2s ease;
    width: 360px
}

.desktop-1440 .join-the-discord-button-USP7F8:hover {
    transform: scale(1.1)
}

.desktop-1440 .vector-0Xgyka {
    background-color: transparent;
    height: 37px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100.42%
}

.desktop-1440 .text-0Xgyka {
    background-color: transparent;
    height: 37px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    clip-path: polygon(6% 0, 100% 0%, 95% 100%, 0 100%, 1% 100%);
    background-color: #D42758;

}

.desktop-1440 .join-our-online-d-airdrop-dates-USP7F8 {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 314px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.desktop-1440 .plus-seperator-fK6t2y {
    background-color: transparent;
    height: 9px;
    left: 244px;
    overflow: hidden;
    position: absolute;
    top: 191px;
    width: calc(100.00% - 488px)
}

.desktop-1440 .elplus-l9cFbz {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% - 69px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.desktop-1440 .elplus-Q3l4ay {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% - 26px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.desktop-1440 .elplus-UCSQt5 {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% + 17px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.desktop-1440 .elplus-lcFJZc {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% + 60px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.desktop-1440 .connect-wallet-fK6t2y {
    background-color: transparent;
    height: 82px;
    left: calc(50.00% - 212px);
    position: absolute;
    top: 69px;
    width: 426px
}

.desktop-1440 .large-wallet-button-KK8u9g {
    background-color: transparent;
    height: 37px;
    left: calc(50.00% - 181px);
    pointer-events: auto;
    position: absolute;
    top: 45px;
    transition: all .2s ease;
    width: 360px
}

.desktop-1440 .large-wallet-button-KK8u9g:hover {
    transform: scale(1.1)
}

.desktop-1440 .vector-Onx9Dy {
    background-color: transparent;
    height: 37px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100.42%
}

.desktop-1440 .text-Onx9Dy {
    background-color: transparent;
    height: auto;
    left: 18px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 14px);
    width: calc(100.00% - 34px)
}

.desktop-1440 .connect-your-wa-ree-nft-airdrop-KK8u9g {
    background-color: transparent;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    text-align: center;
    width: auto
}

.x2851348 .bottom-bar-xTJb45 {
    background-color: #ff2966;
    height: 147px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x2851348 .animocalogo-xTJb45 {
    background-color: transparent;
    cursor: pointer;
    height: 83px;
    left: 32px;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 32px;
    width: 146px
}

.x2851348 .group-12-xTJb45 {
    background-color: transparent;
    cursor: pointer;
    height: 84px;
    opacity: 1;
    position: absolute;
    right: 17px;
    top: 29px;
    width: 210px
}

.x2851348 .x2021-blowfish-s-i28513482821090-UCPAXH {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 10px;
    text-align: left;
    top: 68px;
    width: 192px
}

.x2851348 .blowfishlogo-UCPAXH {
    background-color: transparent;
    height: 68px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 2px;
    top: 0;
    width: 208px
}

.x53106158 .component-1-FxCNa5 {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106158 .ui-frame-MYL0Xh {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x53106158 .q2-2022-i531061583111546-MYL0Xh {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 39px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x53106158 .early-access-ga-531061583111547-FxCNa5 {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x53106156 .component-1-nNVl86 {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106156 .ui-frame-Q7lwVk {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x53106156 .q1-2022-i531061563111541-Q7lwVk {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x53106156 .generative-avat-531061563111542-nNVl86 {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: -12.5%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 125%
}

.x53106146 .component-1-MgdpTM {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106146 .ui-frame-Dux41U {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x53106146 .q1-2022-i531061463111536-Dux41U {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x53106146 .starfighter-nft-531061463111537-MgdpTM {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x53106150 .component-1-r9haCo {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106150 .ui-frame-8Y2C1P {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x53106150 .q4-2021-i531061503111526-8Y2C1P {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x53106150 .game-utility-nf-531061503111527-r9haCo {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x53106152 .component-1-PEQSpc {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106152 .ui-frame-TxiDXR {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x53106152 .q4-2021-i531061523111531-TxiDXR {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 42px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x53106152 .nft-collectible-531061523111532-PEQSpc {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x53106167 .feature-Uo0xQR {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106167 .title-i531061673111611-gHY9aS {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 36.94%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 26.11%
}

.x53106167 .image-gHY9aS {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 157px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 314px
}

.x53106167 .actionthumb-SdElto {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 157px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x53106167 .description-i531061673111614-Uo0xQR {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 7.74%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x53106168 .feature-ECrGHK {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106168 .title-i531061683111622-zjGOAy {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 41.75%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 16.51%
}

.x53106168 .image-zjGOAy {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 158px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 315px
}

.x53106168 .nftthumb-HkqwQV {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 156px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x53106168 .description-i531061683111625-ECrGHK {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 15.48%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x53106169 .feature-N5ZPMv {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106169 .title-i531061693111628-KySSXE {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 32.17%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35.67%
}

.x53106169 .image-KySSXE {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 157px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 314px
}

.x53106169 .discoverthumb-BtnsVP {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 157px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x53106169 .description-i531061693111631-N5ZPMv {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 15.48%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.x53106170 .feature-Eu0whD {
    background-color: transparent;
    height: 82.35%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x53106170 .title-i531061703111634-LfONO6 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: 16.54%;
    left: 36.98%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 26.03%
}

.x53106170 .image-LfONO6 {
    background-color: transparent;
    height: 210px;
    left: calc(50.00% - 158px);
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% - 77px);
    width: 315px
}

.x53106170 .guildsthumb-oxWgwF {
    background-color: transparent;
    height: 175px;
    left: calc(50.00% - 156px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 312px
}

.x53106170 .description-i531061703111637-Eu0whD {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: 23.22%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 76.16%;
    width: 100%
}

.mobile-375 {
    background-color: var(--white);
    height: 100vh;
    margin: 0;
    min-height: 11786px;
    min-width: 375px;
    mix-blend-mode: normal;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

.mobile-375 .x5th-subscribe-t5gFFk {
    background-color: transparent;
    height: 1531px;
    left: -205px;
    position: absolute;
    top: 10583px;
    width: calc(100.00% + 819px)
}

.mobile-375 .subscribe-background-FxAid4 {
    background-color: transparent;
    height: 1086px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .subscribe-background-image-Gu4GUt {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .frame-13-FxAid4 {
    background-color: transparent;
    display: block;
    height: 321px;
    left: 87px;
    overflow: hidden;
    position: absolute;
    top: 578px;
    width: calc(100.00% - 589px);
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .frame-13-FxAid4.bp4-animate-enter {
    animation: bp4-animate-enter-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .circle-pattern-oycrJa {
    background-color: transparent;
    height: 270px;
    left: calc(50.00% - 254px);
    mix-blend-mode: normal;
    position: relative;
    top: 0;
    width: 509px
}

.mobile-375 .circle-pattern-HkQ0Hx {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .lady-FxAid4 {
    background-color: transparent;
    display: block;
    height: 982px;
    left: calc(50.00% - 405px);
    mix-blend-mode: normal;
    position: absolute;
    top: 549px;
    width: 378px;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .lady-FxAid4.bp4-animate-enter2 {
    animation: bp4-animate-enter2-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter2-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .lady-YVWDOu {
    background-color: transparent;
    display: block;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .lady-YVWDOu.bp4-animate-enter1 {
    animation: bp4-animate-enter1-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter1-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4168254 {
    background-color: transparent;
    height: 147px;
    left: 205px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 1056px;
    width: calc(100.00% - 819px)
}

.x4168254 .bottom-bar-jl3GLF {
    background-color: #ff2966;
    height: 147px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168254 .animocalogo-jl3GLF {
    background-color: transparent;
    cursor: pointer;
    height: 57px;
    left: 32px;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 45px;
    width: 102px
}

.x4168254 .group-12-jl3GLF {
    background-color: transparent;
    cursor: pointer;
    height: 60px;
    opacity: 1;
    position: absolute;
    right: 11px;
    top: 41px;
    width: 156px
}

.x4168254 .x2021-blowfish-s-i41682543851944-xcIo0e {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 2px;
    text-align: left;
    top: 48px;
    width: 148px
}

.x4168254 .blowfishlogo-xcIo0e {
    background-color: transparent;
    height: 0px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 8px;
    top: 0;
    width: 0px
}

.mobile-375 .subscribe-FxAid4 {
    background-color: transparent;
    height: 372px;
    left: 241px;
    position: absolute;
    top: 118px;
    width: calc(100.00% - 891px)
}

.mobile-375 .subscribe-45DmPS {
    background-color: transparent;
    height: 106px;
    left: calc(50.00% - 168px);
    position: absolute;
    top: 0;
    width: 338px
}

.mobile-375 .subscribe-join-416825653106134-W8ZHIC {
    background-color: transparent;
    height: 93.40%;
    left: 18.64%;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 5.66%;
    width: 62.72%
}

.mobile-375 .span0-3xRunn {
    letter-spacing: .00px
}

.mobile-375 .span1-3xRunn {
    letter-spacing: .40px
}

.mobile-375 .curved-boarder-W8ZHIC {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 19.53%
}

.mobile-375 .curved-boarder-nH066g {
    background-color: transparent;
    height: 100%;
    left: 80.47%;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 19.53%
}

.mobile-375 .email-45DmPS {
    background-color: transparent;
    height: 42px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 165px;
    width: 100%
}

.mobile-375 .frame-15-9SCHS3 {
    background-color: transparent;
    height: 42px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .button-73JPO1 {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 98.55%
}

.mobile-375 .email-text-inpu-i4168257235595-73JPO1 {
    background-color: transparent;
    border: 0;
    height: 25px;
    left: 30px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    padding: 0;
    position: absolute;
    resize: none;
    text-align: left;
    top: calc(50.00% - 12px);
    width: 235px
}

.mobile-375 .email-text-inpu-i4168257235595-73JPO1::placeholder {
    color: #8a8a8a99
}

.mobile-375 .sign-up-button-9SCHS3 {
    background-color: transparent;
    height: 42px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease;
    width: 158px
}

.mobile-375 .sign-up-button-9SCHS3:hover {
    transform: scale(1.1)
}

.mobile-375 .button-YMnoZr {
    background-color: transparent;
    height: 42px;
    left: calc(50.00% - 79px);
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 21px);
    width: 158px
}

.mobile-375 .sign-up-i416825717756215105-YMnoZr {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 31px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.mobile-375 .follow-socials-45DmPS {
    background-color: transparent;
    height: 118px;
    left: calc(50.00% - 176px);
    overflow: hidden;
    position: absolute;
    top: 266px;
    width: 353px
}

.mobile-375 .frame-16-JLeuHE {
    background-color: transparent;
    height: 34px;
    left: -2px;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% + 25px);
    width: calc(100.00% - 13px)
}

.mobile-375 .boarderdetailpink-T6lyBc {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 24px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    width: 67px
}

.mobile-375 .line-5-T6lyBc {
    background-color: transparent;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100%
}

.mobile-375 .frame-22-JLeuHE {
    background-color: transparent;
    height: 23px;
    left: 0px;
    position: absolute;
    top: calc(50.00% - 9px);
    width: calc(100.00% - 64px)
}

.mobile-375 .simple-iconsdiscord-lF0mlV {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% - 126px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 24px
}

.mobile-375 .simple-iconsdiscord-lF0mlV:hover {
    transform: scale(1.1)
}

.mobile-375 .fapaper-plane-lF0mlV {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% - 66px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 24px
}

.mobile-375 .fapaper-plane-lF0mlV:hover {
    transform: scale(1.1)
}

.mobile-375 .simple-iconstwitter-lF0mlV {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% - 6px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 23px
}

.mobile-375 .simple-iconstwitter-lF0mlV:hover {
    transform: scale(1.1)
}

.mobile-375 .simple-iconsinstagram-lF0mlV {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% + 54px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 23px
}

.mobile-375 .simple-iconsinstagram-lF0mlV:hover {
    transform: scale(1.1)
}

.mobile-375 .brandicofacebook-lF0mlV {
    background-color: transparent;
    cursor: pointer;
    height: 23px;
    left: calc(50.00% + 114px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 11px
}

.mobile-375 .brandicofacebook-lF0mlV:hover {
    transform: scale(1.1)
}

.mobile-375 .join-our-commun-i4168258139660-JLeuHE {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 142px);
    letter-spacing: 2.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0;
    width: 308px
}

.mobile-375 .x4th-behind-the-scenes-t5gFFk {
    background-color: transparent;
    height: 4327px;
    left: -528px;
    position: absolute;
    top: 6292px;
    width: calc(100.00% + 1056px)
}

.mobile-375 .background-zRcRml {
    background-color: transparent;
    height: 4323px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .vector-k6ux6r {
    background-color: transparent;
    height: 128px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 4195px;
    width: 100%
}

.mobile-375 .background-k6ux6r {
    background-color: var(--black-2);
    height: 4261px;
    left: 528px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1056px)
}

.mobile-375 .behind-the-scen-s-anchor-parent-zRcRml {
    background-color: transparent;
    height: 4327px;
    left: 458px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 916px)
}

.mobile-375 .gallery-bW5A25 {
    background-color: transparent;
    height: 3836px;
    left: calc(50.00% - 188px);
    overflow: hidden;
    position: absolute;
    top: 351px;
    width: 375px
}

.mobile-375 .x1-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: -1px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .x1-82uE0g video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.mobile-375 .x1-82uE0g img {
    object-fit: cover
}

.mobile-375 .x1-82uE0g.bp4-animate-enter3 {
    animation: bp4-animate-enter3-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter3-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .x2-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 241px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .x2-82uE0g video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.mobile-375 .x2-82uE0g img {
    object-fit: cover
}

.mobile-375 .x2-82uE0g.bp4-animate-enter4 {
    animation: bp4-animate-enter4-frames .60s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter4-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .x3-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 482px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .x3-82uE0g video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.mobile-375 .x3-82uE0g img {
    object-fit: cover
}

.mobile-375 .x3-82uE0g.bp4-animate-enter5 {
    animation: bp4-animate-enter5-frames .50s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter5-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .x4-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 723px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .x4-82uE0g video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.mobile-375 .x4-82uE0g img {
    object-fit: cover
}

.mobile-375 .x4-82uE0g.bp4-animate-enter6 {
    animation: bp4-animate-enter6-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter6-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-fivebig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 964px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-fivebig-82uE0g.bp4-animate-enter7 {
    animation: bp4-animate-enter7-frames .60s ease-in-out .90s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter7-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-sixbig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 1205px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-sixbig-82uE0g.bp4-animate-enter8 {
    animation: bp4-animate-enter8-frames .60s ease-in-out 1.0s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter8-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-sevenbig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 1446px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-sevenbig-82uE0g.bp4-animate-enter9 {
    animation: bp4-animate-enter9-frames .60s ease-in-out 1.10s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter9-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-eightbig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 1687px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-eightbig-82uE0g.bp4-animate-enter10 {
    animation: bp4-animate-enter10-frames .60s ease-in-out 1.20s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter10-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-ninebig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 1928px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-ninebig-82uE0g.bp4-animate-enter11 {
    animation: bp4-animate-enter11-frames .60s ease-in-out 1.30s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter11-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-tenbig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 2169px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-tenbig-82uE0g.bp4-animate-enter12 {
    animation: bp4-animate-enter12-frames .60s ease-in-out 1.40s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter12-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-elevenbig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 2410px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-elevenbig-82uE0g.bp4-animate-enter13 {
    animation: bp4-animate-enter13-frames .60s ease-in-out 1.50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter13-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-twelvebig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 2651px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-twelvebig-82uE0g.bp4-animate-enter14 {
    animation: bp4-animate-enter14-frames .60s ease-in-out 1.60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter14-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-thirteenbig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 2892px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-thirteenbig-82uE0g.bp4-animate-enter15 {
    animation: bp4-animate-enter15-frames .60s ease-in-out 1.70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter15-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-fourteenbig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 3133px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-fourteenbig-82uE0g.bp4-animate-enter16 {
    animation: bp4-animate-enter16-frames .60s ease-in-out 1.80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter16-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-fifteenbig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 3374px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-fifteenbig-82uE0g.bp4-animate-enter17 {
    animation: bp4-animate-enter17-frames .60s ease-in-out 1.90s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter17-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .gallery-sixteenbig-82uE0g {
    background-color: transparent;
    display: block;
    height: 221px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 3615px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .gallery-sixteenbig-82uE0g.bp4-animate-enter18 {
    animation: bp4-animate-enter18-frames .60s ease-in-out 2.0s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter18-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .header-boarder-bW5A25 {
    background-color: transparent;
    height: 371px;
    left: calc(50.00% - 738px);
    mix-blend-mode: normal;
    position: absolute;
    top: -18px;
    width: 1476px
}

.mobile-375 .header-boarder-UD3bF6 {
    background-color: transparent;
    height: 84.91%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.39%;
    width: 84.96%
}

.mobile-375 .behind-the-scen-art-sneak-peeks-bW5A25 {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 166px);
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 73px;
    width: auto
}

.mobile-375 .span0-gpLKCj {
    letter-spacing: .00px
}

.mobile-375 .span1-gpLKCj {
    letter-spacing: .40px
}

.mobile-375 .x3rd-roadmap-t5gFFk {
    background-color: black;
    height: 1595px;
    width: calc(100.00% + 1065.9px);
    position: absolute;
    left: inherit;
    top: -1681px;
}

.mobile-375 .roadmap-mobile-ackground-image-xW0mzL {
    background-color: transparent;
    height: 1595px;
    left: 503px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1010px)
}

.mobile-375 .boarder-xW0mzL {
    background-color: transparent;
    height: 1564px;
    left: 139px;
    position: absolute;
    top: 13px;
    width: calc(100.00% - 282px)
}
.border-home-image-top,
.border-home-image-bottom{
    position: relative;
    object-fit: cover;
    height: 447px;
}

.border-home-image-bottom{
    margin-top: 20px;
    transform: rotate(180deg);
}

.border-container{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.border-container.mobile{
    display: none;
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
 .border-home-image-bottom{
     margin-top: 25px;
 }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
    .border-home-image-bottom{
        margin-top: -70px;
    }
}

@media screen and (min-width: 376px) and (max-width: 767px) {
    .border-home-image-bottom {
        margin-top: 690px;
    }
}

@media screen and (max-width: 375px) {
    .border-container.mobile{
        display: flex;
    }
    .border-container.tablet{
        display: none;
    }
    .border-home-image-top {
        height: 353px;
        margin-top: 0;
    }
    .border-home-image-bottom {
        margin-top: 870px;
        height: 353px;

    }
    }


.mobile-375 .hexboarder-Vis5x3 {
    background-color: transparent;
    height: 447px;
    object-fit: cover;
    left: 0;
    mix-blend-mode: screen;
    position: absolute;
    top: 1117px;
}

.mobile-375 .hexboarder-ZmwPxT {
    background-color: transparent;
    height: 447px;
    object-fit: cover;
    left: 1px;
    mix-blend-mode: screen;
    position: absolute;
    top: 0;
}

.mobile-375 .all-dates-are-e-bject-to-change-xW0mzL {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 128px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 1560px;
    width: auto
}

.mobile-375 .roadmap-timeline-xW0mzL {
    background-color: transparent;
    height: 1097px;
    left: calc(50.00% - 175px);
    position: absolute;
    top: 377px;
    width: 344px
}

.mobile-375 .line-rxubnK {
    background-color: transparent;
    height: 1097px;
    left: calc(50.00% - 16px);
    position: absolute;
    top: 0;
    width: 33px
}

.mobile-375 .line-2-GCiAJv {
    background-color: transparent;
    height: 1097px;
    left: calc(50.00% - 2px);
    position: absolute;
    top: 0;
    width: 2px
}

.mobile-375 .roadmap-marker-GCiAJv {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 16px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 907px;
    width: 33px
}

.mobile-375 .roadmap-marker-qw2CDm {
    background-color: transparent;
    height: 33px;
    left: calc(50.00% - 16px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 701px;
    width: 33px
}

.mobile-375 .roadmap-marker-9HTOkl {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 16px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 494px;
    width: 33px
}

.mobile-375 .roadmap-marker-SoUJ0b {
    background-color: transparent;
    height: 33px;
    left: calc(50.00% - 16px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 288px;
    width: 33px
}

.mobile-375 .roadmap-marker-rFOgxS {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 16px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 82px;
    width: 33px
}

.mobile-375 .x5-rxubnK {
    background-color: transparent;
    display: block;
    height: 160px;
    left: calc(50.00% - 172px);
    position: absolute;
    top: 887px;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .x5-rxubnK.bp4-animate-enter19 {
    animation: bp4-animate-enter19-frames .60s ease-in-out .90s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter19-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4168299 {
    background-color: transparent;
    height: 160px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    top: 0;
    width: 162px
}

.x4168299 .component-1-JfP16x {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168299 .ui-frame-0ps1E0 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.mobile-375 .x4-rxubnK {
    background-color: transparent;
    display: block;
    height: 160px;
    left: calc(50.00% + 10px);
    position: absolute;
    top: 681px;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .x4-rxubnK.bp4-animate-enter20 {
    animation: bp4-animate-enter20-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter20-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4168301 {
    background-color: transparent;
    height: 160px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    top: 0;
    width: 162px
}

.x4168301 .component-1-wi6kpI {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168301 .ui-frame-B5lQTG {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4168301 .generative-avat-i41683013111542-wi6kpI {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.mobile-375 .x3-rxubnK {
    background-color: transparent;
    display: block;
    height: 160px;
    left: calc(50.00% - 172px);
    position: absolute;
    top: 474px;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .x3-rxubnK.bp4-animate-enter21 {
    animation: bp4-animate-enter21-frames .60s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter21-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4168303 {
    background-color: transparent;
    height: 160px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    top: 378px;
    width: 162px
}

.x4168303 .component-1-aHuZRd {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168303 .ui-frame-fkn0zx {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4168303 .starfighter-nft-i41683033111537-aHuZRd {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.mobile-375 .x2-rxubnK {
    background-color: transparent;
    display: block;
    height: 160px;
    left: calc(50.00% + 10px);
    position: absolute;
    top: 268px;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .x2-rxubnK.bp4-animate-enter22 {
    animation: bp4-animate-enter22-frames .60s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter22-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4168305 {
    background-color: transparent;
    height: 160px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    top: 378px;
    width: 162px
}

.x4168305 .component-1-GLqCGP {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168305 .ui-frame-4BxUT0 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}
.x4168305 .game-utility-nf-i41683053111527-GLqCGP {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 42px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto;
}

.mobile-375 .x1-rxubnK {
    background-color: transparent;
    display: block;
    height: 160px;
    left: calc(50.00% - 172px);
    position: absolute;
    top: 61px;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .x1-rxubnK.bp4-animate-enter23 {
    animation: bp4-animate-enter23-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter23-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4168307 {
    background-color: transparent;
    height: 160px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: relative;
    top: 378px;
    width: 162px
}

.x4168307 .component-1-oWIF3e {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168307 .ui-frame-kmJ8I7 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4168307 .q4-2021-i41683073111531-kmJ8I7 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 42px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4168307 .nft-collectible-i41683073111532-oWIF3e {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.mobile-375 .header-boarder-xW0mzL {
    background-color: transparent;
    height: 371px;
    left: calc(50.00% - 740px);
    mix-blend-mode: normal;
    position: absolute;
    top: 25px;
    width: 1476px
}

.mobile-375 .header-boarder-9ZpDTA {
    background-color: transparent;
    height: 84.91%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.39%;
    width: 84.96%
}

.mobile-375 .roadmap-xW0mzL {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 85px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 175px;
    width: auto;
}

.mobile-375 .x2nd-features-t5gFFk {
    background-color: transparent;
    height: 2218px;
    left: -550px;
    position: absolute;
    top: 2443px;
    width: calc(100.00% + 1103px);
    overflow: hidden;
}

.mobile-375 .features-mobile-ackground-image-JdnJ3Z {
    background-color: transparent;
    height: 2336px;
    left: 445px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: -14px;
    width: calc(100.00% - 823px)
}

.mobile-375 .features-JdnJ3Z {
    background-color: transparent;
    height: 1699px;
    left: calc(50.00% - 173px);
    overflow: hidden;
    position: absolute;
    top: 397px;
    width: 343px
}

.x4168313 {
    background-color: transparent;
    display: block;
    height: 376px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.x4168313.bp4-animate-enter24 {
    animation: bp4-animate-enter24-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter24-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4168313 .title-L3Nh11 {
    background-color: transparent;
    height: 44px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168313 .action-i41683133111685-3AVmTA {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 130px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4168313 .mobile-image-L3Nh11 {
    background-color: transparent;
    height: 203px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 57px;
    width: 343px
}

.x4168313 .actionthumb-asXozm {
    background-color: transparent;
    height: 203px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168313 .description-L3Nh11 {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 273px;
    width: 343px
}

.x4168313 .pulse-pounding-i41683133111689-2lfl7q {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 333px
}

.x4168314 {
    background-color: transparent;
    display: block;
    height: 376px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 441px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.x4168314.bp4-animate-enter25 {
    animation: bp4-animate-enter25-frames .60s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter25-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4168314 .title-hv6H5V {
    background-color: transparent;
    height: 44px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168314 .nf-ts-i41683143111699-gdqta6 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 146px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4168314 .mobile-image-hv6H5V {
    background-color: transparent;
    height: 203px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 57px;
    width: 343px
}

.x4168314 .nftthumb-sxZv2Q {
    background-color: transparent;
    height: 203px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168314 .description-hv6H5V {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 273px;
    width: 343px
}

.x4168314 .generative-avat-i41683143111703-YWB2hu {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 333px
}

.x4168315 {
    background-color: transparent;
    display: block;
    height: 376px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 882px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.x4168315.bp4-animate-enter26 {
    animation: bp4-animate-enter26-frames .60s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter26-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4168315 .title-CbbaL2 {
    background-color: transparent;
    height: 44px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168315 .discover-i41683153111692-dGRpDr {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 116px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4168315 .mobile-image-CbbaL2 {
    background-color: transparent;
    height: 203px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 57px;
    width: 343px
}

.x4168315 .discoverthumb-THphTU {
    background-color: transparent;
    height: 203px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168315 .description-CbbaL2 {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 273px;
    width: 343px
}

.x4168315 .explore-the-uni-i41683153111696-iXGF7W {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 333px
}

.x4168316 {
    background-color: transparent;
    display: block;
    height: 376px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 1322px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px);
    margin-bottom: 110px;
}

.x4168316.bp4-animate-enter27 {
    animation: bp4-animate-enter27-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter27-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4168316 .title-qUo9It {
    background-color: transparent;
    height: 44px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168316 .guilds-i41683163111706-JOIXYY {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 130px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4168316 .mobile-image-qUo9It {
    background-color: transparent;
    height: 313px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 57px;
    width: 343px
}

.x4168316 .guildsthumb-Zrknoe {
    background-color: transparent;
    height: 203px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168316 .frame-23-Zrknoe {
    background-color: transparent;
    height: 100px;
    left: 122px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 213px;
    width: 100px
}

.x4168316 .description-qUo9It {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 383px;
    width: 343px
}

.x4168316 .govern-the-gala-i41683163111710-EpAHIt {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 333px
}

.mobile-375 .header-boarder-JdnJ3Z {
    background-color: transparent;
    height: 371px;
    left: calc(50.00% - 739px);
    mix-blend-mode: normal;
    position: absolute;
    top: 39px;
    width: 1476px
}

.mobile-375 .header-boarder-4l9j74 {
    background-color: transparent;
    height: 84.91%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.39%;
    width: 84.96%
}

.mobile-375 .features-lnlBD1 {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 153px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 180px;
    width: auto
}

.mobile-375 .third-vector-t5gFFk {
    background-color: transparent;
    height: 128px;
    left: -141.07%;
    mix-blend-mode: normal;
    position: absolute;
    top: 6190px;
    width: 381.60%
}

.mobile-375 .second-vector-t5gFFk {
    background-color: transparent;
    height: 128px;
    left: -140.80%;
    mix-blend-mode: normal;
    position: absolute;
    top: 4628px;
    width: 381.60%
}

.mobile-375 .x1st-overview-t5gFFk {
    background-color: transparent;
    height: 1535px;
    left: -528px;
    position: absolute;
    top: 966px;
    width: calc(100.00% + 1056px)
}

.mobile-375 .background-CjlwMD {
    background-color: transparent;
    height: 1535px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .vector-oztY4K {
    background-color: transparent;
    height: 128px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 1407px;
    width: 100%
}

.mobile-375 .background-oztY4K {
    background-color: var(--black-2);
    height: 1477px;
    left: 528px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: calc(100.00% - 1056px)
}

.mobile-375 .overview-anchor-parent-CjlwMD {
    background-color: transparent;
    height: 1436px;
    left: 529px;
    overflow: hidden;
    position: absolute;
    top: 31px;
    width: calc(100.00% - 1056px)
}

.mobile-375 .content-Ps4lxs {
    background-color: transparent;
    height: 1425px;
    left: calc(50.00% - 188px);
    position: relative;
    top: 0;
    width: 375px
}

.mobile-375 .logo-v1m28y {
    background-color: transparent;
    display: block;
    height: 171px;
    left: 6px;
    overflow: hidden;
    position: absolute;
    top: -6px;
    width: 362px;
    opacity: 0;
    transform: translate(-45px, 0)
}

.mobile-375 .logo-v1m28y.bp4-animate-enter28 {
    animation: bp4-animate-enter28-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(-45px, 0)
}

@keyframes bp4-animate-enter28-frames {
    from {
        opacity: 0;
        transform: translate(-45px, 0)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .pgin-3-d-logo-VAtsLH {
    background-color: transparent;
    height: 171px;
    left: 1px;
    mix-blend-mode: normal;
    position: relative;
    top: 4px;
    width: 362px
}

.mobile-375 .pgin-3-d-logo-xDXux4 {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .text-v1m28y {
    background-color: transparent;
    height: 498px;
    left: 0;
    position: absolute;
    top: 184px;
    width: 375px
}

.mobile-375 .top-para-X70AS3 {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 123px;
    left: 26px;
    mix-blend-mode: normal;
    position: absolute;
    top: 10px;
    width: 323px;
    line-height: 27.85px;
    padding: 5px;
}

.mobile-375 .span-phantom-galaxies-captivating-story {
    text-align: center;
}

.mobile-375 .phantom-galaxie-ptivating-story-bQA02 {
    background-color: transparent;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    width: 313px;
}

.mobile-375 .mid-para-X70AS3 {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 185px;
    left: 26px;
    mix-blend-mode: normal;
    position: absolute;
    top: 143px;
    width: 323px;
    line-height: 24.5px;
    padding: 5px;
}

.mobile-375 .once-enemies-th-cestral-planets-W6ViEP {
    background-color: transparent;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    width: 313px
}

.mobile-375 .bottom-para-X70AS3 {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 150px;
    left: 26px;
    mix-blend-mode: normal;
    position: absolute;
    top: 338px;
    width: 323px;
    line-height: 27.85px;
    padding: 5px;
}

.mobile-375 .choose-the-tran-to-the-sha-kari-XFP82Q {
    background-color: transparent;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    width: 313px
}

.mobile-375 .button-v1m28y {
    background-color: transparent;
    height: 180px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 724px;
    width: 375px
}

.mobile-375 .frame-13-iHvpsa {
    background-color: transparent;
    height: 180px;
    left: 18px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 339px
}

.mobile-375 .circle-pattern-F1TFEW {
    background-color: transparent;
    height: 180px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .circle-pattern-x5JALL {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.5;
}

.mobile-375 .watch-trailer-button-F1TFEW {
    background-color: transparent;
    cursor: pointer;
    height: 42px;
    left: 96px;
    pointer-events: auto;
    position: absolute;
    top: 64px;
    transition: all .2s ease;
    width: 156px
}

.mobile-375 .watch-trailer-button-F1TFEW:hover {
    transform: scale(1.1)
}

.mobile-375 .button-sJcPJa {
    background-color: transparent;
    height: 101.01%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: -0.51%;
    width: 100%
}

.mobile-375 .text-i4168340453-sJcPJa {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 40px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.mobile-375 .images-v1m28y {
    background-color: transparent;
    display: block;
    height: 508px;
    left: -90px;
    position: absolute;
    top: 924px;
    width: 555px;
    opacity: 0;
    transform: translate(45px, 0)
}

.mobile-375 .images-v1m28y.bp4-animate-enter29 {
    animation: bp4-animate-enter29-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(45px, 0)
}

@keyframes bp4-animate-enter29-frames {
    from {
        opacity: 0;
        transform: translate(45px, 0)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .frame-13-IHMWSm {
    background-color: transparent;
    height: 539px;
    left: -159px;
    position: relative;
    top: -26px;
    width: calc(100.00% + 319px)
}

.mobile-375 .space-xlC5e3 {
    background-color: transparent;
    height: 510px;
    left: calc(50.00% - 303px);
    mix-blend-mode: normal;
    position: absolute;
    top: 4px;
    width: 607px
}

.mobile-375 .space-cgI8nn {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .mecha-xlC5e3 {
    background-color: transparent;
    height: 520px;
    left: calc(50.00% - 192px);
    mix-blend-mode: normal;
    position: absolute;
    top: 22px;
    width: 383px
}

.mobile-375 .mecha-gjb8Dx {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .top-video-t5gFFk {
    background-color: transparent;
    height: 279px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .video-banner-placeholder-E2cZe2 {
    background-color: transparent;
    height: 279px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .video-banner-placeholder-E2cZe2 video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.mobile-375 .video-banner-placeholder-E2cZe2 img {
    object-fit: cover
}

.mobile-375 .image-2-OP06sP {
    background-color: var(--mist-gray);
    height: 121.61%;
    left: 0;
    mix-blend-mode: normal;
    position: relative;
    top: 0;
    width: 100%
}

.mobile-375 .watch-trailer-button-E2cZe2 {
    background-color: transparent;
    cursor: pointer;
    height: 42px;
    left: calc(50.00% - 80px);
    pointer-events: auto;
    position: absolute;
    top: 188px;
    transition: all .2s ease;
    width: 158px;
    z-index: 10;
}

.mobile-375 .watch-trailer-button-E2cZe2:hover {
    transform: scale(1.1)
}

.mobile-375 .button-PJToem {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100.06%
}

.mobile-375 .text-i4168355453-PJToem {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 40px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.mobile-375 .small-top-bar-E2cZe2 {
    background-color: transparent;
    height: 74px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .pgin-2-tone-logo-jxN8YD {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 74px);
    mix-blend-mode: normal;
    position: relative;
    top: 3px;
    width: 151px
}

.mobile-375 .pgin-2-tone-logo-VZvFmn {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .first-vector-t5gFFk {
    background-color: transparent;
    height: 128px;
    left: -141.07%;
    mix-blend-mode: normal;
    position: absolute;
    top: 209px;
    width: 381.60%
}

.mobile-375 .connect-wallet-subscribe-t5gFFk {
    background-color: transparent;
    height: 713px;
    left: -532px;
    position: absolute;
    top: 278px;
    width: calc(100.00% + 1065px)
}

.mobile-375 .background-43D5WV {
    background-color: var(--black-2);
    height: 713px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%
}

.mobile-375 .content-43D5WV {
    background-color: transparent;
    display: block;
    height: 580px;
    left: 548px;
    position: absolute;
    top: 50px;
    width: calc(100.00% - 1093px);
    opacity: 0;
    transform: translate(0, 45px)
}

.mobile-375 .content-43D5WV.bp4-animate-enter30 {
    animation: bp4-animate-enter30-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp4-animate-enter30-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.mobile-375 .boarder-7YoFaY {
    background-color: transparent;
    height: 34px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 4px)
}

.mobile-375 .boarderdetail-voqnr2 {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 33px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    width: 67px
}

.mobile-375 .line-5-voqnr2 {
    background-color: transparent;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50.00% + 16px);
    width: 100%
}

.mobile-375 .connect-your-wa-ree-nft-airdrop-7YoFaY {
    background-color: transparent;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    text-align: center;
    width: auto;
    margin-top: 61px;
    margin-bottom: 27px;
}

.mobile-375 .connect-wallet-button-7YoFaY {
    background-color: transparent;
    height: 37px;
    left: 38px;
    pointer-events: auto;
    position: absolute;
    top: 144px;
    transition: all .2s ease;
    width: calc(100.00% - 80px)
}

.mobile-375 .connect-wallet-button-7YoFaY:hover {
    transform: scale(1.1)
}

.mobile-375 .vector-u6s97I {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100.37%
}

.mobile-375 .text-i41683783851871-u6s97I {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 64px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 14px);
    width: auto
}

.mobile-375 .how-to-connect-wallet-7YoFaY {
    background-color: transparent;
    height: 100px;
    left: calc(50.00% - 173px);
    overflow: hidden;
    position: relative;
    margin-top: 27px;
    width: 343px
}

.mobile-375 .group-15-vx1KRW {
    background-color: transparent;
    height: 89px;
    left: calc(50.00% - 171px);
    position: absolute;
    top: 6px;
    width: 343px
}

.mobile-375 .curved-boarder-TgXUwK {
    background-color: transparent;
    height: 89px;
    left: calc(50.00% + 116px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 55px
}

.mobile-375 .curved-boarder-DGh5P5 {
    background-color: transparent;
    height: 89px;
    left: calc(50.00% - 172px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 55px
}

.mobile-375 .to-connect-your-gh-the-app-menu-vx1KRW {
    background-color: transparent;
    color: var(--white);
    font-family: var(--font-family-sofia_pro-light);
    font-size: var(--font-size-s);
    font-style: normal;
    font-weight: 300;
    height: auto;
    left: calc(50.00% - 108px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto;
}

.mobile-375 .plus-seperator-7YoFaY {
    background-color: transparent;
    height: 9px;
    left: 102px;
    overflow: hidden;
    position: relative;
    margin-top: 27px;
    width: calc(100.00% - 209px)
}

.mobile-375 .elplus-QR935a {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% - 69px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.mobile-375 .elplus-NXq5wb {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% - 26px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.mobile-375 .elplus-OHsvtp {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% + 17px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.mobile-375 .elplus-OTUtDf {
    background-color: transparent;
    height: 9px;
    left: calc(50.00% + 60px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.mobile-375 .join-our-online-d-airdrop-dates-7YoFaY {
    background-color: transparent;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: relative;
    text-align: center;
    margin-top: 27px;
    width: 100%;
}

.mobile-375 .join-the-discord-button-7YoFaY {
    background-color: transparent;
    cursor: pointer;
    height: 37px;
    left: 38px;
    pointer-events: auto;
    position: absolute;
    top: 466px;
    transition: all .2s ease;
    width: 100%;

}

.mobile-375 .join-the-discord-button-7YoFaY:hover {
    transform: scale(1.1)
}

.mobile-375 .vector-ZvEflR {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100.37%
}

.mobile-375 .text-i41683853851861-ZvEflR {
    height: 37px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 80%;
    clip-path: polygon(6% 0, 100% 0%, 95% 100%, 0 100%, 1% 100%);
    background-color: #D42758;
    bottom: 71px;
    position: absolute;
}

.mobile-375 .boarder-FGgTwt {
    background-color: transparent;
    height: 34px;
    left: 1px;
    overflow: hidden;
    position: absolute;
    top: 546px;
    transform: rotate(-180.00deg);
    width: calc(100.00% - 4px)
}

.mobile-375 .boarderdetail-VCEXXq {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 33px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    transform: rotate(180.00deg);
    width: 67px
}

.mobile-375 .line-5-VCEXXq {
    background-color: transparent;
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(50.00% + 17px);
    transform: rotate(180.00deg);
    width: 100%
}

.x4168254 .bottom-bar-jl3GLF {
    background-color: #ff2966;
    height: 147px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168254 .animocalogo-jl3GLF {
    background-color: transparent;
    cursor: pointer;
    height: 57px;
    left: 32px;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 45px;
    width: 102px
}

.x4168254 .group-12-jl3GLF {
    background-color: transparent;
    cursor: pointer;
    height: 60px;
    opacity: 1;
    position: absolute;
    right: 11px;
    top: 41px;
    width: 156px
}

.x4168254 .x2021-blowfish-s-i41682543851944-xcIo0e {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 2px;
    text-align: left;
    top: 48px;
    width: 148px
}

.x4168254 .blowfishlogo-xcIo0e {
    background-color: transparent;
    height: 0px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 8px;
    top: 0;
    width: 0px
}

.x4168299 .component-1-JfP16x {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168299 .ui-frame-0ps1E0 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4168299 .q2-2022-i41682993111546-0ps1E0 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 43px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4168299 .early-access-ga-i41682993111547-JfP16x {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro,'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%;
}

.x4168301 .component-1-wi6kpI {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168301 .ui-frame-B5lQTG {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4168301 .q1-2022-i41683013111541-B5lQTG {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 59px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 17px);
    width: auto;
}

.x4168301 .generative-avat-i41683013111542-wi6kpI {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro,'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4168303 .component-1-aHuZRd {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168303 .ui-frame-fkn0zx {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4168303 .q1-2022-i41683033111536-fkn0zx {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 59px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 17px);
    width: auto;
}

.x4168303 .starfighter-nft-i41683033111537-aHuZRd {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4168305 .component-1-GLqCGP {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168305 .ui-frame-4BxUT0 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4168305 .q4-2021-i41683053111526-4BxUT0 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 59px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 17px);
    width: auto;
}

.x4168305 .game-utility-nf-i41683053111527-GLqCGP {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4168307 .component-1-oWIF3e {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4168307 .ui-frame-kmJ8I7 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4168307 .nft-collectible-i41683073111532-oWIF3e {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4168313 .title-L3Nh11 {
    background-color: transparent;
    height: 44px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168313 .action-i41683133111685-3AVmTA {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 130px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4168313 .mobile-image-L3Nh11 {
    background-color: transparent;
    height: 203px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 57px;
    width: 343px
}

.x4168313 .actionthumb-asXozm {
    background-color: transparent;
    height: 203px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168313 .description-L3Nh11 {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 273px;
    width: 343px
}

.x4168313 .pulse-pounding-i41683133111689-2lfl7q {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 333px
}

.x4168314 .title-hv6H5V {
    background-color: transparent;
    height: 44px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168314 .nf-ts-i41683143111699-gdqta6 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 146px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4168314 .mobile-image-hv6H5V {
    background-color: transparent;
    height: 203px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 57px;
    width: 343px
}

.x4168314 .nftthumb-sxZv2Q {
    background-color: transparent;
    height: 203px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168314 .description-hv6H5V {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 273px;
    width: 343px
}

.x4168314 .generative-avat-i41683143111703-YWB2hu {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 333px
}

.x4168315 .title-CbbaL2 {
    background-color: transparent;
    height: 44px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168315 .discover-i41683153111692-dGRpDr {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 116px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4168315 .mobile-image-CbbaL2 {
    background-color: transparent;
    height: 203px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 57px;
    width: 343px
}

.x4168315 .discoverthumb-THphTU {
    background-color: transparent;
    height: 203px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168315 .description-CbbaL2 {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 273px;
    width: 343px
}

.x4168315 .explore-the-uni-i41683153111696-iXGF7W {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 333px
}

.x4168316 .title-qUo9It {
    background-color: transparent;
    height: 44px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168316 .guilds-i41683163111706-JOIXYY {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 130px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4168316 .mobile-image-qUo9It {
    background-color: transparent;
    height: 313px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 57px;
    width: 343px
}

.x4168316 .guildsthumb-Zrknoe {
    background-color: transparent;
    height: 203px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 343px
}

.x4168316 .frame-23-Zrknoe {
    background-color: transparent;
    height: 100px;
    left: 122px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 213px;
    width: 100px
}

.x4168316 .description-qUo9It {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 273px;
    width: 343px
}

.x4168316 .govern-the-gala-i41683163111710-EpAHIt {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 333px
}

.tablet-768 {
    background-color: var(--white);
    height: 100vh;
    margin: 0;
    min-height: 8606px;
    min-width: 768px;
    mix-blend-mode: normal;
    overflow: hidden;
    overflow-x: hidden;
    position: relative;
    width: 100%
}

.tablet-768 .x5th-subscribe-rNEo8r {
    background-color: transparent;
    height: 1246px;
    left: -102px;
    position: absolute;
    top: 7599px;
    width: calc(100.00% + 177px)
}

.tablet-768 .subscribe-background-a00e33 {
    background-color: transparent;
    height: 860px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .subscribe-background-image-LqVQKx {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .circle-pattern-a00e33 {
    background-color: transparent;
    display: block;
    height: 238px;
    left: calc(50.00% - 409px);
    mix-blend-mode: normal;
    position: absolute;
    top: 279px;
    transform: rotate(-180.00deg);
    width: 446px;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .circle-pattern-a00e33.bp3-animate-enter {
    animation: bp3-animate-enter-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .circle-pattern-FbExod {
    background-color: transparent;
    height: 100.21%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    transform: rotate(180.00deg);
    width: 100%
}

.tablet-768 .lady-a00e33 {
    background-color: transparent;
    display: block;
    height: 982px;
    left: calc(50.00% - 384px);
    mix-blend-mode: normal;
    position: absolute;
    top: 264px;
    width: 378px;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .lady-a00e33.bp3-animate-enter2 {
    animation: bp3-animate-enter2-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter2-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .lady-5xldGT {
    background-color: transparent;
    display: block;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .lady-5xldGT.bp3-animate-enter1 {
    animation: bp3-animate-enter1-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter1-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4165981 {
    background-color: transparent;
    height: 147px;
    left: 102px;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    top: 860px;
    width: calc(100.00% - 177px)
}

.x4165981 .bottom-bar-iVQxx3 {
    background-color: #ff2966;
    height: 147px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4165981 .animocalogo-iVQxx3 {
    background-color: transparent;
    cursor: pointer;
    height: 83px;
    left: 32px;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 32px;
    width: 146px
}

.x4165981 .group-12-iVQxx3 {
    background-color: transparent;
    cursor: pointer;
    height: 84px;
    opacity: 1;
    position: absolute;
    right: 17px;
    top: 29px;
    width: 210px
}

.x4165981 .x2021-blowfish-s-i41659812821090-Kq8wuK {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 10px;
    text-align: left;
    top: 68px;
    width: 192px
}

.x4165981 .blowfishlogo-Kq8wuK {
    background-color: transparent;
    height: 68px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 2px;
    top: 0;
    width: 208px
}

.tablet-768 .subscribe-a00e33 {
    background-color: transparent;
    height: 372px;
    left: 449px;
    position: absolute;
    top: 422px;
    width: calc(100.00% - 556px)
}

.tablet-768 .subscribe-CUflax {
    background-color: transparent;
    height: 106px;
    left: calc(50.00% - 169px);
    position: absolute;
    top: 0;
    width: 338px
}

.tablet-768 .subscribe-join-416598353106134-lfGWTr {
    background-color: transparent;
    height: 93.40%;
    left: 18.64%;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 5.66%;
    width: 62.72%
}

.tablet-768 .span0-Uu1yMe {
    letter-spacing: .00px
}

.tablet-768 .span1-Uu1yMe {
    letter-spacing: .40px
}

.tablet-768 .curved-boarder-lfGWTr {
    background-color: transparent;
    height: 100.47%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: -0.24%;
    width: 19.53%
}

.tablet-768 .curved-boarder-y5bT13 {
    background-color: transparent;
    height: 100.47%;
    left: 80.47%;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: -0.24%;
    width: 19.53%
}

.tablet-768 .email-CUflax {
    background-color: transparent;
    height: 42px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 165px;
    width: 100%
}

.tablet-768 .frame-15-vdQSnw {
    background-color: transparent;
    height: 42px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .button-BP4ZJ2 {
    background-color: transparent;
    height: 101.19%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: -0.60%;
    width: 98.61%
}

.tablet-768 .email-text-inpu-i4165984235595-BP4ZJ2 {
    background-color: transparent;
    border: 0;
    height: 25px;
    left: 30px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    padding: 0;
    position: absolute;
    resize: none;
    text-align: left;
    top: calc(50.00% - 12px);
    width: 235px
}

.tablet-768 .email-text-inpu-i4165984235595-BP4ZJ2::placeholder {
    color: #8a8a8a99
}

.tablet-768 .sign-up-button-vdQSnw {
    background-color: transparent;
    height: 42px;
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s ease;
    width: 158px
}

.tablet-768 .sign-up-button-vdQSnw:hover {
    transform: scale(1.1)
}

.tablet-768 .button-sL4QGQ {
    background-color: transparent;
    height: 42px;
    left: calc(50.00% - 79px);
    mix-blend-mode: normal;
    position: absolute;
    top: calc(50.00% - 21px);
    width: 158px
}

.tablet-768 .sign-up-i416598417756215105-sL4QGQ {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 31px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.tablet-768 .follow-socials-CUflax {
    background-color: transparent;
    height: 118px;
    left: calc(50.00% - 176px);
    overflow: hidden;
    position: absolute;
    top: 266px;
    width: 353px
}

.tablet-768 .frame-16-fN3elR {
    background-color: transparent;
    height: 34px;
    left: -2px;
    overflow: hidden;
    position: absolute;
    top: calc(50.00% + 25px);
    width: calc(100.00% - 13px)
}

.tablet-768 .boarderdetailpink-EODe6x {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 14px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    width: 67px
}

.tablet-768 .line-5-EODe6x {
    background-color: transparent;
    height: 2px;
    left: 0;
    position: absolute;
    top: calc(50.00% - 18px);
    width: 100%
}

.tablet-768 .frame-22-fN3elR {
    background-color: transparent;
    height: 23px;
    left: 2px;
    position: absolute;
    top: calc(50.00% - 9px);
    width: calc(100.00% - 42px)
}

.tablet-768 .simple-iconsdiscord-Xly4PZ {
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    left: calc(50.00% - 126px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 24px
}

.tablet-768 .simple-iconsdiscord-Xly4PZ:hover {
    transform: scale(1.1)
}

.tablet-768 .fapaper-plane-Xly4PZ {
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    left: calc(50.00% - 66px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 24px
}

.tablet-768 .fapaper-plane-Xly4PZ:hover {
    transform: scale(1.1)
}

.tablet-768 .simple-iconstwitter-Xly4PZ {
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    left: calc(50.00% - 6px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 23px
}

.tablet-768 .simple-iconstwitter-Xly4PZ:hover {
    transform: scale(1.1)
}

.tablet-768 .simple-iconsinstagram-Xly4PZ {
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    left: calc(50.00% + 54px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 23px
}

.tablet-768 .simple-iconsinstagram-Xly4PZ:hover {
    transform: scale(1.1)
}

.tablet-768 .brandicofacebook-Xly4PZ {
    background-color: transparent;
    cursor: pointer;
    height: 24px;
    left: calc(50.00% + 114px);
    mix-blend-mode: normal;
    pointer-events: auto;
    position: absolute;
    top: calc(50.00% - 12px);
    transition: all .2s ease;
    width: 11px
}

.tablet-768 .brandicofacebook-Xly4PZ:hover {
    transform: scale(1.1)
}

.tablet-768 .join-our-commun-i4165985139660-fN3elR {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 142px);
    letter-spacing: 2.00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 0;
    width: 308px
}

.tablet-768 .x4th-behind-the-scenes-rNEo8r {
    background-color: transparent;
    height: 2311px;
    left: -44.40%;
    position: absolute;
    top: 5542px;
    width: 188.80%
}

.tablet-768 .vector-qTHYK5 {
    background-color: transparent;
    height: 129px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 2181px;
    width: 100%
}

.tablet-768 .background-qTHYK5 {
    background-color: var(--black-2);
    height: 2247px;
    left: 341px;
    mix-blend-mode: normal;
    position: absolute;
    top: 1px;
    width: calc(100.00% - 682px)
}

.tablet-768 .behind-the-scen-s-anchor-parent-qTHYK5 {
    background-color: transparent;
    height: 2311px;
    left: 265px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 531px)
}

.tablet-768 .gallery-TJQIRx {
    background-color: transparent;
    height: 1780px;
    left: calc(50.00% - 384px);
    overflow: hidden;
    position: absolute;
    top: 364px;
    width: 768px
}

.tablet-768 .row-1-IgWiOS {
    background-color: transparent;
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .row-1-IgWiOS.bp3-animate-enter3 {
    animation: bp3-animate-enter3-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter3-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .x1-i9rxnA {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .x1-i9rxnA video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.tablet-768 .x1-i9rxnA img {
    object-fit: cover
}

.tablet-768 .x2-i9rxnA {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 394px;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .x2-i9rxnA video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.tablet-768 .x2-i9rxnA img {
    object-fit: cover
}

.tablet-768 .row-2-IgWiOS {
    background-color: transparent;
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 225px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .row-2-IgWiOS.bp3-animate-enter4 {
    animation: bp3-animate-enter4-frames .60s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter4-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .x3-DdJbbb {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .x3-DdJbbb video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.tablet-768 .x3-DdJbbb img {
    object-fit: cover
}

.tablet-768 .x4-DdJbbb {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 394px;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .x4-DdJbbb video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.tablet-768 .x4-DdJbbb img {
    object-fit: cover
}

.tablet-768 .row-3-IgWiOS {
    background-color: transparent;
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 450px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .row-3-IgWiOS.bp3-animate-enter5 {
    animation: bp3-animate-enter5-frames .60s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter5-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .gallery-five-ZvxrkK {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .gallery-six-ZvxrkK {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 394px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .row-4-IgWiOS {
    background-color: transparent;
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 675px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .row-4-IgWiOS.bp3-animate-enter6 {
    animation: bp3-animate-enter6-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter6-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .gallery-seven-mkppSb {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .gallery-eight-mkppSb {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 394px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .row-5-IgWiOS {
    background-color: transparent;
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 900px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .row-5-IgWiOS.bp3-animate-enter7 {
    animation: bp3-animate-enter7-frames .60s ease-in-out .90s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter7-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .gallery-nine-12uf5c {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .gallery-ten-12uf5c {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 394px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .row-6-IgWiOS {
    background-color: transparent;
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 1125px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .row-6-IgWiOS.bp3-animate-enter8 {
    animation: bp3-animate-enter8-frames .60s ease-in-out 1.0s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter8-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .gallery-eleven-fDPKW7 {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .gallery-twelve-fDPKW7 {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 394px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .row-7-IgWiOS {
    background-color: transparent;
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 1350px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .row-7-IgWiOS.bp3-animate-enter9 {
    animation: bp3-animate-enter9-frames .60s ease-in-out 1.10s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter9-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .gallery-thirteen-Ctekbz {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .gallery-fourteen-Ctekbz {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 394px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .row-8-IgWiOS {
    background-color: transparent;
    display: block;
    height: 205px;
    left: 0;
    position: absolute;
    top: 1575px;
    width: 100%;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .row-8-IgWiOS.bp3-animate-enter10 {
    animation: bp3-animate-enter10-frames .60s ease-in-out 1.20s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter10-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .gallery-fifteen-gsw2e0 {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .gallery-sixteen-gsw2e0 {
    background-color: transparent;
    cursor: pointer;
    height: 205px;
    left: 394px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 394px)
}

.tablet-768 .header-boarder-TJQIRx {
    background-color: transparent;
    height: 371px;
    left: calc(50.00% - 738px);
    mix-blend-mode: normal;
    position: absolute;
    top: 4px;
    width: 1476px
}

.tablet-768 .header-boarder-IVp8Gq {
    background-color: transparent;
    height: 84.91%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.39%;
    width: 84.96%
}

.tablet-768 .behind-the-scen-art-sneak-peeks-TJQIRx {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 190px);
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 112px;
    width: auto
}

.tablet-768 .span0-IrKcKQ {
    letter-spacing: .00px
}

.tablet-768 .span1-IrKcKQ {
    letter-spacing: .40px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    margin-top: 10px;
}

.tablet-768 .x3rd-roadmap-rNEo8r {
    background-color: black;
    height: 869px;
    left: -354px;
    position: absolute;
    top: 4674px;
    width: calc(100.00% + 712px)
}

.tablet-768 .roadmap-background-9GI6Hr {
    background-color: transparent;
    height: 833px;
    left: 104px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: calc(100.00% - 211px)
}

.tablet-768 .roadmap-background-image-NNS9Cq {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .boarder-9GI6Hr {
    background-color: transparent;
    height: 816px;
    left: 139px;
    position: absolute;
    top: 4px;
    width: calc(100.00% - 282px)
}

.tablet-768 .hexboarder-s3UvZA {
    background-color: transparent;
    height: 447px;
    object-fit: cover;
    left: 0;
    mix-blend-mode: screen;
    position: absolute;
    top: 369px;
    /*width: 100%*/
}

.tablet-768 .hexboarder-1Dcs52 {
    background-color: transparent;
    height: 447px;
    object-fit: cover;
    left: 1px;
    mix-blend-mode: screen;
    position: absolute;
    top: 0;
    /*width: 100%*/
}

.tablet-768 .all-dates-are-e-bject-to-change-9GI6Hr {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 128px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 835px;
    width: auto
}

.tablet-768 .roadmap-timeline-9GI6Hr {
    background-color: transparent;
    height: 391px;
    left: calc(50.00% - 546px);
    position: absolute;
    top: 356px;
    width: 1060px
}

.tablet-768 .line-Ejmch3 {
    background-color: transparent;
    height: 20px;
    left: calc(50.00% - 530px);
    position: absolute;
    top: 185px;
    width: 1060px
}

.tablet-768 .line-4-H7V2jp {
    background-color: transparent;
    height: 2px;
    left: calc(50.00% - 520px);
    position: absolute;
    top: 9px;
    width: 1040px
}

.tablet-768 .x5-Ejmch3 {
    background-color: transparent;
    display: block;
    height: 211px;
    left: calc(50.00% + 168px);
    position: absolute;
    top: 0;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .x5-Ejmch3.bp3-animate-enter11 {
    animation: bp3-animate-enter11-frames .60s ease-in-out .90s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter11-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4166027 {
    background-color: transparent;
    height: 160px;
    left: 20px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 40px;
    width: 222px;
}

.x4166027 .component-1-yxcyBE {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4166027 .ui-frame-ycuAv6 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4166027 .q2-2022-i41660273111546-ycuAv6 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 43px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4166027 .early-access-ga-i41660273111547-yxcyBE {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.tablet-768 .roadmap-marker-lBRMnV {
    background-color: transparent;
    height: 33px;
    left: 114px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 167px;
    width: 33px
}

.tablet-768 .x4-Ejmch3 {
    background-color: transparent;
    display: block;
    height: 213px;
    left: calc(50.00% + 55px);
    position: absolute;
    top: 178px;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .x4-Ejmch3.bp3-animate-enter12 {
    animation: bp3-animate-enter12-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter12-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .roadmap-marker-mpoZeb {
    background-color: transparent;
    height: 33px;
    left: 94px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 11px;
    width: 33px
}

.x4166031 {
    background-color: transparent;
    height: 160px;
    left: 30px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 53px;
    width: 162px
}

.x4166031 .component-1-gKfUOw {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4166031 .ui-frame-10BFsB {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4166031 .q1-2022-i41660313111541-10BFsB {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto;
}

.x4166031 .generative-avat-i41660313111542-gKfUOw {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.tablet-768 .x3-Ejmch3 {
    background-color: transparent;
    display: block;
    height: 211px;
    left: calc(50.00% - 64px);
    position: absolute;
    top: 0;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .x3-Ejmch3.bp3-animate-enter13 {
    animation: bp3-animate-enter13-frames .60s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter13-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4166033 {
    background-color: transparent;
    height: 160px;
    left: -30px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 40px;
    width: 222px;
}

.x4166033 .component-1-6cOrG7 {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4166033 .ui-frame-jVZBjO {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4166033 .q1-2022-i41660333111536-jVZBjO {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto;
}

.x4166033 .starfighter-nft-i41660333111537-6cOrG7 {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.tablet-768 .roadmap-marker-jaxaFq {
    background-color: transparent;
    height: 33px;
    left: 64px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 167px;
    width: 33px
}

.tablet-768 .x2-Ejmch3 {
    background-color: transparent;
    display: block;
    height: 213px;
    left: calc(50.00% - 192px);
    position: absolute;
    top: 178px;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .x2-Ejmch3.bp3-animate-enter14 {
    animation: bp3-animate-enter14-frames .50s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter14-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .roadmap-marker-kUIbqM {
    background-color: transparent;
    height: 33px;
    left: 54px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 11px;
    width: 33px
}

.x4166037 {
    background-color: transparent;
    height: 160px;
    left: -10px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 53px;
    width: 162px
}

.x4166037 .component-1-avp5C4 {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4166037 .ui-frame-H9xinf {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4166037 .q4-2021-i41660373111526-H9xinf {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4166037 .game-utility-nf-i41660373111527-avp5C4 {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.tablet-768 .x1-Ejmch3 {
    background-color: transparent;
    display: block;
    height: 211px;
    left: calc(50.00% - 296px);
    position: absolute;
    top: 0;
    width: 162px;
    opacity: 0;
    transform: translate(0, 45px)
}

.tablet-768 .x1-Ejmch3.bp3-animate-enter15 {
    animation: bp3-animate-enter15-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter15-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4166039 {
    background-color: transparent;
    height: 160px;
    left: -75px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 40px;
    width: 222px;
}

.x4166039 .component-1-SiHxdw {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4166039 .ui-frame-sK3lZk {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4166039 .q4-2021-i41660393111531-sK3lZk {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 42px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4166039 .nft-collectible-i41660393111532-SiHxdw {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.tablet-768 .roadmap-marker-iQqBEU {
    background-color: transparent;
    height: 33px;
    left: 24px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 167px;
    width: 33px
}

.tablet-768 .header-boarder-9GI6Hr {
    background-color: transparent;
    height: 371px;
    left: calc(50.00% - 740px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 1476px
}

.tablet-768 .header-boarder-0AHJFY {
    background-color: transparent;
    height: 84.91%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.39%;
    width: 84.96%
}

.tablet-768 .roadmap-9GI6Hr {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 85px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 140px;
    width: auto
}

.tablet-768 .x2nd-features-rNEo8r {
    background-color: transparent;
    height: 2667px;
    left: -354px;
    position: absolute;
    top: 2064px;
    overflow: hidden;
    width: calc(100.00% + 710px)
}

.tablet-768 .features-mobile-ackground-image-JFmZwf {
    background-color: transparent;
    height: 2762px;
    left: 344px;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: calc(100.00% - 689px)
}

.tablet-768 .features-JFmZwf {
    background-color: transparent;
    height: 2042px;
    left: calc(50.00% - 384px);
    overflow: hidden;
    position: absolute;
    top: 475px;
    width: 767px
}

.x4166046 {
    background-color: transparent;
    display: block;
    height: 508px;
    left: 98px;
    opacity: 1;
    position: absolute;
    top: 0;
    width: calc(100.00% - 196px);
    opacity: 0;
    transform: translate(0, 45px)
}

.x4166046.bp3-animate-enter16 {
    animation: bp3-animate-enter16-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter16-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4166046 .title-a5i8QU {
    background-color: transparent;
    height: 59px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166046 .action-i41660463111656-Rzz40P {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 230px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4166046 .tablet-image-a5i8QU {
    background-color: transparent;
    height: 320px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 72px;
    width: 571px
}

.x4166046 .actionthumb-kdOMAz {
    background-color: transparent;
    height: 320px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166046 .description-a5i8QU {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 405px;
    width: 571px
}

.x4166046 .pulse-pounding-i41660463111660-0FRSKY {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 561px
}

.x4166047 {
    background-color: transparent;
    display: block;
    height: 508px;
    left: 98px;
    opacity: 1;
    position: absolute;
    top: 515px;
    width: calc(100.00% - 196px);
    opacity: 0;
    transform: translate(0, 45px)
}

.x4166047.bp3-animate-enter17 {
    animation: bp3-animate-enter17-frames .60s ease-in-out .60s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter17-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4166047 .title-QPXGiZ {
    background-color: transparent;
    height: 59px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166047 .nf-ts-i41660473111670-iiggtJ {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 251px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4166047 .tablet-image-QPXGiZ {
    background-color: transparent;
    height: 320px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 72px;
    width: 571px
}

.x4166047 .nftthumb-cImcEF {
    background-color: transparent;
    height: 320px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166047 .description-QPXGiZ {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 405px;
    width: 571px
}

.x4166047 .generative-avat-i41660473111674-2iCBfx {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 561px
}

.x4166048 {
    background-color: transparent;
    display: block;
    height: 508px;
    left: 98px;
    opacity: 1;
    position: absolute;
    top: 1030px;
    width: calc(100.00% - 196px);
    opacity: 0;
    transform: translate(0, 45px)
}

.x4166048.bp3-animate-enter18 {
    animation: bp3-animate-enter18-frames .60s ease-in-out .70s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter18-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4166048 .title-AKTdJa {
    background-color: transparent;
    height: 59px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166048 .discover-i41660483111663-7s9s3K {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 210px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4166048 .tablet-image-AKTdJa {
    background-color: transparent;
    height: 320px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 72px;
    width: 571px
}

.x4166048 .discoverthumb-2KtTdt {
    background-color: transparent;
    height: 320px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166048 .description-AKTdJa {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 405px;
    width: 571px
}

.x4166048 .explore-the-uni-i41660483111667-UHvHYF {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 561px
}

.x4166049 {
    background-color: transparent;
    display: block;
    height: 508px;
    left: 98px;
    opacity: 1;
    position: absolute;
    top: 1545px;
    width: calc(100.00% - 196px);
    opacity: 0;
    transform: translate(0, 45px)
}

.x4166049.bp3-animate-enter19 {
    animation: bp3-animate-enter19-frames .60s ease-in-out .80s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(0, 45px)
}

@keyframes bp3-animate-enter19-frames {
    from {
        opacity: 0;
        transform: translate(0, 45px)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.x4166049 .title-rrthZx {
    background-color: transparent;
    height: 59px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166049 .guilds-i41660493111677-6aPOBP {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 231px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4166049 .tablet-image-rrthZx {
    background-color: transparent;
    height: 320px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 72px;
    width: 571px
}

.x4166049 .guildsthumb-m1cEHf {
    background-color: transparent;
    height: 320px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166049 .description-rrthZx {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 405px;
    width: 571px
}

.x4166049 .govern-the-gala-i41660493111681-fYpuEp {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 561px
}

.tablet-768 .header-boarder-JFmZwf {
    background-color: transparent;
    height: 371px;
    left: calc(50.00% - 739px);
    mix-blend-mode: normal;
    position: absolute;
    top: 140px;
    width: 1476px
}

.tablet-768 .header-boarder-9OPpg0 {
    background-color: transparent;
    height: 84.91%;
    left: 7.52%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5.39%;
    width: 84.96%
}

.tablet-768 .features-eubMuc {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 153px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 282px;
    width: auto
}

.tablet-768 .third-vector-rNEo8r {
    background-color: transparent;
    height: 129px;
    left: -44.40%;
    mix-blend-mode: normal;
    position: absolute;
    top: 5464px;
    width: 188.80%
}

.tablet-768 .second-vector-rNEo8r {
    background-color: transparent;
    height: 151px;
    left: -44.40%;
    mix-blend-mode: normal;
    position: absolute;
    top: 4655px;
    width: 188.80%
}

.tablet-768 .top-video-rNEo8r {
    background-color: transparent;
    height: 551px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .video-banner-placeholder-jr6cB2 {
    background-color: transparent;
    height: 551px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .video-banner-placeholder-jr6cB2 video {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.tablet-768 .video-banner-placeholder-jr6cB2 img {
    object-fit: cover
}

.tablet-768 .image-2-XFrxuz {
    background-color: var(--mist-gray);
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: relative;
    top: 0;
    width: 100%
}

.tablet-768 .watch-trailer-button-jr6cB2 {
    background-color: transparent;
    cursor: pointer;
    height: 46px;
    left: calc(50.00% - 79px);
    pointer-events: auto;
    position: absolute;
    top: 422px;
    transition: all .2s ease;
    width: 158px
}

.tablet-768 .watch-trailer-button-jr6cB2:hover {
    transform: scale(1.1)
}

.tablet-768 .button-ZPlq1b {
    background-color: transparent;
    height: 101.34%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: -0.67%;
    width: 100.06%
}

.tablet-768 .text-i4166057453-ZPlq1b {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 40px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.tablet-768 .small-top-bar-jr6cB2 {
    background-color: transparent;
    height: 89px;
    left: 0;
    mix-blend-mode: normal;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .pgin-2-tone-logo-RXxrLp {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 75px);
    mix-blend-mode: normal;
    position: relative;
    top: 3px;
    width: 151px
}

.tablet-768 .pgin-2-tone-logo-VgNFJp {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .first-vector-rNEo8r {
    background-color: transparent;
    height: 129px;
    left: -44.40%;
    mix-blend-mode: normal;
    position: absolute;
    top: 480px;
    width: 188.80%
}

.tablet-768 .x1st-overview-rNEo8r {
    background-color: transparent;
    height: 1101px;
    left: -341px;
    position: absolute;
    top: 1101px;
    width: calc(100.00% + 682px)
}

.tablet-768 .vector-2THyM8 {
    background-color: transparent;
    height: 129px;
    left: 1px;
    mix-blend-mode: normal;
    position: absolute;
    top: 972px;
    width: 100%
}

.tablet-768 .background-2THyM8 {
    background-color: var(--black-2);
    height: 1038px;
    left: 341px;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: calc(100.00% - 682px)
}

.tablet-768 .frame-15-2THyM8 {
    background-color: transparent;
    height: 591px;
    left: 791px;
    position: absolute;
    top: 385px;
    width: 431px
}

.tablet-768 .space-Jxkf53 {
    background-color: transparent;
    height: 741px;
    left: calc(50.00% - 342px);
    mix-blend-mode: normal;
    position: absolute;
    top: -168px;
    width: 883px
}

.tablet-768 .space-XfMJx5 {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .mecha-Jxkf53 {
    background-color: transparent;
    height: 591px;
    left: calc(50.00% - 216px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 431px
}

.tablet-768 .mecha-qUoGRd {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .text-and-button-2THyM8 {
    background-color: transparent;
    height: 356px;
    left: calc(50.00% - 384px);
    position: absolute;
    top: 386px;
    width: 476px
}

.tablet-768 .text-and-button-08vhKw {
    background-color: transparent;
    height: 356px;
    left: calc(50.00% - 238px);
    position: relative;
    top: 0;
    width: 476px
}

.tablet-768 .text-jxgxhP {
    background-color: transparent;
    height: 379px;
    left: 0;
    position: absolute;
    top: 0;
    width: 476px
}

.tablet-768 .top-para-Qxv98s {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 95px;
    left: 26px;
    mix-blend-mode: normal;
    position: absolute;
    top: 10px;
    width: 440px
}

.tablet-768 .phantom-galaxie-ptivating-story-cl5Ukp {
    background-color: transparent;
    height: 85px;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 430px
}

.tablet-768 .mid-para-Qxv98s {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 150px;
    left: 26px;
    mix-blend-mode: normal;
    position: absolute;
    top: 115px;
    width: 440px
}

.tablet-768 .once-enemies-th-cestral-planets-c2a4zr {
    background-color: transparent;
    height: 140px;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 430px
}

.tablet-768 .bottom-para-Qxv98s {
    background-color: var(--black-3);
    border-radius: 10px;
    height: 94px;
    left: 26px;
    mix-blend-mode: normal;
    position: absolute;
    top: 275px;
    width: 440px
}

.tablet-768 .choose-the-tran-to-the-sha-kari-Tf4aiI {
    background-color: transparent;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: left;
    top: 5px;
    width: 430px
}

.tablet-768 .button-jxgxhP {
    background-color: transparent;
    height: 180px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 389px;
    width: 375px
}

.tablet-768 .frame-13-93vPf0 {
    background-color: transparent;
    height: 180px;
    left: -42px;
    overflow: hidden;
    position: relative;
    top: 0;
    width: 339px
}

.tablet-768 .circle-pattern-7vA0oV {
    background-color: transparent;
    height: 180px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .circle-pattern-8iyU8l {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.5;
}

.tablet-768 .watch-trailer-button-7vA0oV {
    background-color: transparent;
    bottom: 68px;
    cursor: pointer;
    height: 42px;
    left: 81px;
    pointer-events: auto;
    position: absolute;
    transition: all .2s ease;
    width: 182px
}

.tablet-768 .watch-trailer-button-7vA0oV:hover {
    transform: scale(1.1)
}

.tablet-768 .button-kXF3KV {
    background-color: transparent;
    height: 101.01%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: -0.51%;
    width: 100%
}

.tablet-768 .text-i4166080453-kXF3KV {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 40px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 15px);
    width: auto
}

.tablet-768 .pgin-3-d-logo-2THyM8 {
    background-color: transparent;
    display: block;
    height: 285px;
    left: calc(50.00% - 322px);
    mix-blend-mode: normal;
    position: absolute;
    top: 67px;
    width: 625px;
    opacity: 0;
    transform: translate(-45px, 0)
}

.tablet-768 .pgin-3-d-logo-2THyM8.bp3-animate-enter20 {
    animation: bp3-animate-enter20-frames .60s ease-in-out .50s 1 normal forwards;
    display: block;
    opacity: 0;
    transform: translate(-45px, 0)
}

@keyframes bp3-animate-enter20-frames {
    from {
        opacity: 0;
        transform: translate(-45px, 0)
    }
    to {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.tablet-768 .pgin-3-d-logo-Rcfc8Y {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .connect-wallet-subscribe-rNEo8r {
    background-color: transparent;
    height: 545px;
    left: -336px;
    position: absolute;
    top: 556px;
    width: calc(100.00% + 672px)
}

.tablet-768 .background-k9bRI5 {
    background-color: var(--black-2);
    height: 546px;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100%
}

.tablet-768 .side-dots-k9bRI5 {
    background-color: transparent;
    height: 361px;
    left: calc(50.00% - 384px);
    position: absolute;
    top: 105px;
    width: 768px
}

.tablet-768 .sidedots-xwKtef {
    background-color: transparent;
    height: 362px;
    left: calc(50.00% - 384px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 106px
}

.tablet-768 .sidedots-KVkrER {
    background-color: transparent;
    height: 362px;
    left: calc(50.00% + 278px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 106px
}

.tablet-768 .content-k9bRI5 {
    background-color: transparent;
    height: 489px;
    left: 444px;
    position: absolute;
    top: 41px;
    width: calc(100.00% - 884px)
}

.tablet-768 .boarder-LT4jn6 {
    background-color: transparent;
    height: 34px;
    left: 24px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: calc(100.00% - 51px)
}

.tablet-768 .boarderdetail-xqVq7n {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 33px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    width: 67px
}

.tablet-768 .border-line {
    background-color: transparent;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100.20%
}

.boarder-B5pHq9 .border-line{
    bottom: 0;
}

.boarder-LT4jn6 .border-line{
    bottom: 1px;
}

.tablet-768 .connect-your-wa-ree-nft-airdrop-LT4jn6 {
    background-color: transparent;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    text-align: center;
    width: auto;
    margin-top:55px;
    margin-bottom: 27px;
}

.tablet-768 .connect-wallet-button-LT4jn6 {
    background-color: transparent;
    height: 37px;
    left: 96px;
    pointer-events: auto;
    position: absolute;
    top: 116px;
    transition: all .2s ease;
    width: calc(100.00% - 196px)
}

.tablet-768 .connect-wallet-button-LT4jn6:hover {
    transform: scale(1.1)
}

.tablet-768 .vector-5FOIkt {
    background-color: transparent;
    height: 100%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 100.42%
}

.tablet-768 .text-i41661223851871-5FOIkt {
    background-color: transparent;
    height: auto;
    left: calc(50.00% - 64px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 14px);
    width: auto
}

.tablet-768 .how-to-connect-wallet-LT4jn6 {
    background-color: transparent;
    height: 65px;
    left: calc(50.00% - 213px);
    position: absolute;
    top: 180px;
    width: 423px
}

.tablet-768 .curved-boarder-XlYfku {
    background-color: transparent;
    height: 66px;
    left: calc(50.00% - 212px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 40px
}

.tablet-768 .to-connect-your-gh-the-app-menu-XlYfku {
    background-color: transparent;
    color: var(--white);
    font-family: var(--font-family-sofia_pro-light);
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    height: auto;
    left: calc(50.00% - 172px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 1px;
    width: auto
}

.tablet-768 .curved-boarder-AWdgdO {
    background-color: transparent;
    height: 66px;
    left: calc(50.00% + 169px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 41px
}

.tablet-768 .plus-seperator-LT4jn6 {
    background-color: transparent;
    height: 9px;
    left: 207px;
    overflow: hidden;
    position: absolute;
    top: 272px;
    width: calc(100.00% - 418px)
}

.tablet-768 .elplus-TPGjmp {
    background-color: transparent;
    height: 10px;
    left: calc(50.00% - 69px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.tablet-768 .elplus-ZfQWze {
    background-color: transparent;
    height: 10px;
    left: calc(50.00% - 26px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.tablet-768 .elplus-WgsR4O {
    background-color: transparent;
    height: 10px;
    left: calc(50.00% + 17px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.tablet-768 .elplus-0L3Af1 {
    background-color: transparent;
    height: 10px;
    left: calc(50.00% + 60px);
    mix-blend-mode: normal;
    position: absolute;
    top: 0;
    width: 9px
}

.tablet-768 .join-our-online-d-airdrop-dates-LT4jn6 {
    background-color: transparent;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    top: 308px;
    width: 100%;
}

.tablet-768 .join-the-discord-button-LT4jn6 {
    background-color: transparent;
    cursor: pointer;
    height: 37px;
    left: 96px;
    pointer-events: auto;
    position: absolute;
    top: 391px;
    transition: all .2s ease;
    width: calc(100.00% - 196px)
}

.tablet-768 .join-the-discord-button-LT4jn6:hover {
    transform: scale(1.1)
}

.tablet-768 .vector-EI0feZ {
    background-color: transparent;
    height: 101.35%;
    left: 0;
    mix-blend-mode: normal;
    position: absolute;
    top: -0.68%;
    width: 100.42%
}

.tablet-768 .text-i41661153851861-EI0feZ {
    background-color: transparent;
    height: 37px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    position: absolute;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90%;
    clip-path: polygon(6% 0, 100% 0%, 95% 100%, 0 100%, 1% 100%);
    background-color: #D42758;
}

.tablet-768 .boarder-B5pHq9 {
    background-color: transparent;
    height: 34px;
    left: 24px;
    overflow: hidden;
    position: absolute;
    top: 455px !important;
    transform: rotate(-180.00deg);
    width: calc(100.00% - 51px)
}

.tablet-768 .boarderdetail-rcfVbx {
    background-color: transparent;
    height: 34px;
    left: calc(50.00% - 33px);
    mix-blend-mode: normal;
    object-fit: cover;
    position: absolute;
    top: calc(50.00% - 17px);
    transform: rotate(180.00deg);
    width: 67px
}

.tablet-768 .line-5-rcfVbx {
    background-color: transparent;
    height: 2px;
    left: 0;
    position: absolute;
    top: calc(50.00% + 16px);
    transform: rotate(180.00deg);
    width: 100.20%
}

.x4165981 .bottom-bar-iVQxx3 {
    background-color: #ff2966;
    height: 147px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4165981 .animocalogo-iVQxx3 {
    background-color: transparent;
    cursor: pointer;
    height: 83px;
    left: 32px;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 32px;
    width: 146px
}

.x4165981 .group-12-iVQxx3 {
    background-color: transparent;
    cursor: pointer;
    height: 84px;
    opacity: 1;
    position: absolute;
    right: 17px;
    top: 29px;
    width: 210px
}

.x4165981 .x2021-blowfish-s-i41659812821090-Kq8wuK {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 10px;
    text-align: left;
    top: 68px;
    width: 192px
}

.x4165981 .blowfishlogo-Kq8wuK {
    background-color: transparent;
    height: 68px;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    right: 2px;
    top: 0;
    width: 208px
}

.x4166027 .component-1-yxcyBE {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4166027 .ui-frame-ycuAv6 {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4166027 .q2-2022-i41660273111546-ycuAv6 {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 43px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4166027 .early-access-ga-i41660273111547-yxcyBE {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4166031 .component-1-gKfUOw {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4166031 .ui-frame-10BFsB {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4166031 .generative-avat-i41660313111542-gKfUOw {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: -12.5%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 125%
}

.x4166033 .component-1-6cOrG7 {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4166033 .ui-frame-jVZBjO {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4166033 .starfighter-nft-i41660333111537-6cOrG7 {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4166037 .component-1-avp5C4 {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4166037 .ui-frame-H9xinf {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4166037 .q4-2021-i41660373111526-H9xinf {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 62px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4166037 .game-utility-nf-i41660373111527-avp5C4 {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4166039 .component-1-SiHxdw {
    background-color: transparent;
    height: 46.25%;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.x4166039 .ui-frame-sK3lZk {
    background-color: transparent;
    height: 74px;
    left: calc(50.00% - 81px);
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: calc(50.00% - 37px);
    width: 162px
}

.x4166039 .q4-2021-i41660393111531-sK3lZk {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: calc(50.00% - 42px);
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: calc(50.00% - 19px);
    width: auto
}

.x4166039 .nft-collectible-i41660393111532-SiHxdw {
    background-color: transparent;
    color: #fff;
    font-family: SourceCodePro, 'Sofia Pro-Regular', Helvetica;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    height: 52.50%;
    left: 0%;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 47.50%;
    width: 100%
}

.x4166046 .title-a5i8QU {
    background-color: transparent;
    height: 59px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166046 .action-i41660463111656-Rzz40P {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 230px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4166046 .tablet-image-a5i8QU {
    background-color: transparent;
    height: 320px;
    left: 0;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    top: 72px;
    width: 571px
}

.x4166046 .actionthumb-kdOMAz {
    background-color: transparent;
    height: 320px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166046 .description-a5i8QU {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 405px;
    width: 571px
}

.x4166046 .pulse-pounding-i41660463111660-0FRSKY {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 561px
}

.x4166047 .title-QPXGiZ {
    background-color: transparent;
    height: 59px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166047 .nf-ts-i41660473111670-iiggtJ {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 251px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4166047 .tablet-image-QPXGiZ {
    background-color: transparent;
    height: 320px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 72px;
    width: 571px
}

.x4166047 .nftthumb-cImcEF {
    background-color: transparent;
    height: 320px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166047 .description-QPXGiZ {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 405px;
    width: 571px
}

.x4166047 .generative-avat-i41660473111674-2iCBfx {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 561px
}

.x4166048 .title-AKTdJa {
    background-color: transparent;
    height: 59px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166048 .discover-i41660483111663-7s9s3K {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 210px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4166048 .tablet-image-AKTdJa {
    background-color: transparent;
    height: 320px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 72px;
    width: 571px
}

.x4166048 .discoverthumb-2KtTdt {
    background-color: transparent;
    height: 320px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166048 .description-AKTdJa {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 405px;
    width: 571px
}

.x4166048 .explore-the-uni-i41660483111667-UHvHYF {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 561px
}

.x4166049 .title-rrthZx {
    background-color: transparent;
    height: 59px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166049 .guilds-i41660493111677-6aPOBP {
    background-color: transparent;
    color: #fff;
    font-family: 'Oswald', Helvetica;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 231px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: auto
}

.x4166049 .tablet-image-rrthZx {
    background-color: transparent;
    height: 320px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 72px;
    width: 571px
}

.x4166049 .guildsthumb-m1cEHf {
    background-color: transparent;
    height: 320px;
    left: 0;
    mix-blend-mode: normal;
    object-fit: cover;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 571px
}

.x4166049 .description-rrthZx {
    background-color: transparent;
    height: 103px;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 405px;
    width: 571px
}

.x4166049 .govern-the-gala-i41660493111681-fYpuEp {
    background-color: transparent;
    color: #fff;
    font-family: 'Sofia Pro-Regular', Helvetica;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    height: auto;
    left: 5px;
    letter-spacing: .00px;
    line-height: normal;
    mix-blend-mode: normal;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 5px;
    width: 561px
}

@media screen and (max-width: 767px) {
    .screen.tablet-768 {
        display: none
    }

    .screen.desktop-1024 {
        display: none
    }

    .screen.desktop-1440 {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .screen.mobile-375 {
        display: none
    }

    .screen.desktop-1024 {
        display: none
    }

    .screen.desktop-1440 {
        display: none
    }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
    .screen.mobile-375 {
        display: none
    }

    .screen.tablet-768 {
        display: none
    }

    .screen.desktop-1440 {
        display: none
    }
}

@media screen and (min-width: 1440px) {
    .screen.mobile-375 {
        display: none
    }

    .screen.tablet-768 {
        display: none
    }

    .screen.desktop-1024 {
        display: none
    }
}

@media screen and (max-width: 820px) {
    div[class^='watch-trailer-button'], div[class*=' watch-trailer-button']{
        display: none;
    }
}