@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@keyframes fallAnimation {
    0% {
        transform: translateX(0) translateY(0)
    }
    5% {
        transform: translateX(0) translateY(52px)
    }
    15% {
        transform: translateX(-45px) translateY(120px)
    }
    20% {
        transform: translateX(-43px) translateY(140px)
    }
    25% {
        transform: translateX(-67px) translateY(160px)
    }
    30% {
        transform: translateX(-70px) translateY(190px)
    }
    35% {
        transform: translateX(-84px) translateY(190px)
    }
    40% {
        transform: translateX(-93px) translateY(220px)
    }
    45% {
        transform: translateX(-95px) translateY(233px)
    }
    50% {
        transform: translateX(-114px) translateY(253px)
    }
    55% {
        transform: translateX(-114px) translateY(278px)
    }
    60% {
        transform: translateX(-130px) translateY(278px)
    }
    65%,
    70% {
        transform: translateX(-148px) translateY(322px)
    }
    75% {
        transform: translateX(-168px) translateY(367px)
    }
    80% {
        transform: translateX(-182px) translateY(394px)
    }
    85% {
        transform: translateX(-180px) translateY(414px)
    }
    90%,
    to {
        transform: translateX(-185px) translateY(414px)
    }
}

@keyframes fallAnimation3 {
    0% {
        transform: translateX(0) translateY(0)
    }
    5% {
        transform: translateX(0) translateY(52px)
    }
    15% {
        transform: translateX(-45px) translateY(120px)
    }
    20% {
        transform: translateX(-43px) translateY(140px)
    }
    25% {
        transform: translateX(-69px) translateY(160px)
    }
    30% {
        transform: translateX(-39px) translateY(190px)
    }
    35% {
        transform: translateX(-84px) translateY(196px)
    }
    40% {
        transform: translateX(-75px) translateY(279px)
    }
    45% {
        transform: translateX(-94px) translateY(305px)
    }
    50% {
        transform: translateX(-94px) translateY(324px)
    }
    55% {
        transform: translateX(-61px) translateY(329px)
    }
    60% {
        transform: translateX(-67px) translateY(369px)
    }
    65% {
        transform: translateX(-48px) translateY(414px)
    }
    70% {
        transform: translateX(-48px) translateY(410px)
    }
    75%,
    80%,
    85%,
    90%,
    to {
        transform: translateX(-26px) translateY(415px)
    }
}

@keyframes button {
    0% {
        transform: scale(1)
    }
    60% {
        transform: scale(.95)
    }
}

@keyframes ball-right {
    0% {
        transform: translateX(0)
    }
    60% {
        transform: translateX(30px)
    }
}

@keyframes ball-1 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes ball-2 {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-360deg)
    }
}

@keyframes fallAnimationMobile {
    0% {
        transform: translateX(0) translateY(0)
    }
    5% {
        transform: translateX(-.3em) translateY(2.9125em)
    }
    15% {
        transform: translateX(-2.9375em) translateY(7.5em);
        opacity: 1
    }
    20% {
        transform: translateX(-2.9375em) translateY(6.5em);
        opacity: 1
    }
    25% {
        transform: translateX(-4.1875em) translateY(10em);
        opacity: 1
    }
    30% {
        transform: translateX(-4.375em) translateY(11.875em);
        opacity: 1
    }
    35% {
        transform: translateX(-5.25em) translateY(11.875em);
        opacity: 1
    }
    40% {
        transform: translateX(-5.8125em) translateY(13.75em);
        opacity: 1
    }
    45% {
        transform: translateX(-5.9375em) translateY(14.5625em);
        opacity: 1
    }
    50% {
        transform: translateX(-7.125em) translateY(15.8125em);
        opacity: 1
    }
    55% {
        transform: translateX(-7.125em) translateY(17.375em);
        opacity: 1
    }
    60% {
        transform: translateX(-8.125em) translateY(17.375em);
        opacity: 1
    }
    65%,
    70% {
        transform: translateX(-9.25em) translateY(20.125em);
        opacity: 1
    }
    75% {
        transform: translateX(-9.4375em) translateY(21.625em);
        opacity: 1
    }
    80% {
        transform: translateX(-9.9375em) translateY(22.625em);
        opacity: 1
    }
    85% {
        transform: translateX(-10.9375em) translateY(23.625em);
        opacity: 1
    }
    90% {
        transform: translateX(-11.8375em) translateY(26.225em);
        opacity: 1
    }
    to {
        transform: translateX(-11.8375em) translateY(26.225em);
        opacity: 0
    }
}

@keyframes fallAnimation3Mobile {
    0% {
        transform: translateX(0) translateY(0)
    }
    5% {
        transform: translateX(-.3em) translateY(2.9125em);
        opacity: 1
    }
    15% {
        transform: translateX(-2.8125em) translateY(7.5em);
        opacity: 1
    }
    20% {
        transform: translateX(-2.6875em) translateY(8.75em);
        opacity: 1
    }
    25% {
        transform: translateX(-4.3125em) translateY(10em);
        opacity: 1
    }
    30% {
        transform: translateX(-2.4375em) translateY(11.875em);
        opacity: 1
    }
    35% {
        transform: translateX(-5.25em) translateY(12.25em);
        opacity: 1
    }
    40% {
        transform: translateX(-4.6875em) translateY(17.4375em);
        opacity: 1
    }
    45% {
        transform: translateX(-5.875em) translateY(19.0625em);
        opacity: 1
    }
    50% {
        transform: translateX(-5.875em) translateY(20.25em);
        opacity: 1
    }
    55% {
        transform: translateX(-3.8125em) translateY(20.5625em);
        opacity: 1
    }
    60% {
        transform: translateX(-4.1875em) translateY(22.7625em);
        opacity: 1
    }
    65% {
        transform: translateX(-2em) translateY(25.375em);
        opacity: 1
    }
    70% {
        transform: translateX(-1.6em) translateY(26.175em);
        opacity: 1
    }
    75%,
    80%,
    85%,
    90%,
    to {
        transform: translateX(-1.6em) translateY(26.175em);
        opacity: 0
    }
}

@keyframes fallAnimationCircle {
    0% {
        transform: translate(-50%, -50%) scale(.1)
    }
    to {
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes fallAnimationCircle2 {
    0%,
    80% {
        transform: translate(-50%, -50%) scale(.1)
    }
    40%,
    to {
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes fallAnimationTransition {
    0% {
        transform: translateY(0)
    }
    to {
        transform: translateY(2px)
    }
}

@keyframes rotation-loader {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}

* {
    margin: 0;
    padding: 0
}

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

ol[role=list],
ul[role=list] {
    list-style: none
}

html:focus-within {
    scroll-behavior: smooth
}

a:not([class]) {
    text-decoration-skip-ink: auto
}

a {
    text-decoration: none !important
}

canvas,
img,
picture,
svg,
video {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    font-style: italic;
    background-repeat: no-repeat;
    background-size: cover
}

button,
input,
select,
textarea {
    font: inherit
}

@media (prefers-reduced-motion:reduce) {
    html:focus-within {
        scroll-behavior: auto
    }
    *,
    ::after,
    ::before {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
        transition: none
    }
}

body,
html {
    height: 100%;
    scroll-behavior: smooth
}

.hidden {
    display: none !important
}

.visible {
    display: flex !important
}

.auygk {
    background-image: url(../img/bg.webp);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
    position: relative;
    min-height: 100vh;
    overflow: hidden
}

.auygn {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-bottom: 37px
}

@media (max-width:991px) {
    .auygn {
        margin-bottom: 30px
    }
}

@media (max-height:670px) {
    .auygn {
        margin-bottom: 10px
    }
}

.auygn img {
    width: 100%;
    max-width: 368px
}

@media (max-width:991px) {
    .auygn img {
        max-width: 262px
    }
}

@media (max-height:991px) {
    .auygn img {
        max-width: 200px
    }
}

.auygs {
    display: flex;
    flex-direction: column;
    gap: 2em;
    position: relative
}

.auyhg {
    gap: 2em;
    align-items: center
}

.auyhg,
.auyhi {
    display: flex;
    justify-content: center
}

.auyhh {
    border-radius: 50%;
    min-width: .825em;
    min-height: .825em;
    position: relative
}

.auyhj {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .575em 0;
    width: 4.025em;
    margin: 0 .2em;
    border-radius: .22em;
    color: #000;
    text-align: center;
    font-size: 12px;
    background-image: url(../img/subtract.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.auyhj:nth-child(1) {
    width: 5em
}

.auyhj:nth-child(2) {
    background-image: url(../img/subtract-1.webp)
}

.auyhj:nth-child(3) {
    background-image: url(../img/subtract-2.webp)
}

.auyhj:nth-child(4),
.auyhj:nth-child(5) {
    background-image: url(../img/subtract-3.webp)
}

.auyhj:nth-child(6) {
    background-image: url(../img/subtract-2.webp)
}

.auyhj:nth-child(7) {
    background-image: url(../img/subtract-1.webp)
}

.auyhj:nth-child(8) {
    background-image: url(../img/subtract.webp);
    width: 5em
}

.auyhj span {
    margin-top: 2px;
    font-style: normal;
    color: #000
}

.auyhj.is--animation {
    animation: fallAnimationTransition .2s linear;
    animation-iteration-count: 1
}

.auyhh::after,
.auyhh::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #9e9e9e;
    border-radius: 50%;
    z-index: 0
}

.auyhh::after {
    top: 0;
    background-color: #fff;
    z-index: 1
}

.auygu {
    display: flex;
    justify-content: center
}

.auygy,
.auyhh:before {
    width: 50px;
    height: 50px
}

.auygy,
.auygz {
    background-color: #000;
    border-radius: 100%
}

.auygz {
    width: 30px;
    height: 30px;
    position: absolute;
    background-color: #bc8f8f;
    background-image: url(../img/ball.webp);
    background-repeat: no-repeat;
    margin-top: 10px
}

.auyhk,
.auyhl {
    display: flex;
    justify-content: space-between
}

.auyhk {
    flex-direction: row;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    padding-left: 60px;
    padding-right: 60px
}

.auyhl {
    border-radius: 27px;
    border: 1px solid #fff9c6;
    padding: 11px 47px;
    width: 30%;
    background: linear-gradient(90deg, rgba(153, 0, 138, .45) 0, rgba(197, 8, 234, .45) 100%);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .2)
}

.auyhl span {
    font-style: normal;
    font-size: 36px;
    line-height: normal;
    color: #ffe900;
    text-shadow: 0 -3px 1px #8900d0, -2px -2px 1px #8900d0, -1px -2px 1px #8900d0, 0 -2px 1px #8900d0, 1px -2px 1px #8900d0, 2px -2px 1px #8900d0, -2px -1px 1px #8900d0, -1px -1px 1px #8900d0, 0 -1px 1px #8900d0, 1px -1px 1px #8900d0, 2px -1px 1px #8900d0, -3px 0 1px #8900d0, -2px 0 1px #8900d0, -1px 0 1px #8900d0, 0 0 1px #8900d0, 1px 0 1px #8900d0, 2px 0 1px #8900d0, 3px 0 1px #8900d0, -2px 1px 1px #8900d0, -1px 1px 1px #8900d0, 0 1px 1px #8900d0, 1px 1px 1px #8900d0, 2px 1px 1px #8900d0, -2px 2px 1px #8900d0, -1px 2px 1px #8900d0, 0 2px 1px #8900d0, 1px 2px 1px #8900d0, 2px 2px 1px #8900d0, 0 3px 1px #8900d0;
    -webkit-font-smoothing: antialiased
}

@media (max-width:1024px) {
    .auyhl span {
        text-shadow: 0 -2px 1px #8900d0, -1px -1px 1px #8900d0, 0 -1px 1px #8900d0, 1px -1px 1px #8900d0, -2px 0 1px #8900d0, -1px 0 1px #8900d0, 0 0 1px #8900d0, 1px 0 1px #8900d0, 2px 0 1px #8900d0, -1px 1px 1px #8900d0, 0 1px 1px #8900d0, 1px 1px 1px #8900d0, 0 2px 1px #8900d0;
        -webkit-font-smoothing: antialiased
    }
}

.auygl,
.auyhx.is--active {
    width: 100%;
    position: absolute;
    left: 0
}

.auygl {
    bottom: 0;
    height: 200px;
    background-image: url(../img/coins.webp);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0
}

.auygm {
    position: relative;
    z-index: 2
}

.auygs.is--active .auyha {
    animation: fallAnimation 3s linear
}

.auygs.is--active .auyhb {
    animation: fallAnimation 4s linear;
    animation-delay: .2s
}

.auygs.is--active .auyhc {
    animation: fallAnimation3 5s linear;
    animation-delay: .3s
}

.auygs.is--active .auyhd {
    animation: fallAnimation 5.8s linear;
    animation-delay: .3s
}

.auygs.is--active .auyhe {
    animation: fallAnimation 5.1s linear;
    animation-delay: .4s
}

.auygs.is--active .auyhf {
    animation: fallAnimation 5.8s linear;
    animation-delay: .5s
}

.auygs.is--active .auyhh.is--1:before,
.auygs.is--active .auyhh.is--2:before {
    animation: fallAnimationCircle .2s ease-in-out;
    animation-iteration-count: 5;
    animation-delay: 0s, 1.5s, 3s, 4.5s, 6s
}

.auygs.is--active .auyhh.is--2:before {
    animation-delay: .2s, 1.5s, 3s, 4.5s, 6s
}

.auygs.is--active .auyhh.is--3:before,
.auygs.is--active .auyhh.is--5:before {
    animation: fallAnimationCircle .2s ease-in-out;
    animation-iteration-count: 5;
    animation-delay: .5s, 1.5s, 3s, 4.5s, 6s
}

.auygs.is--active .auyhh.is--5:before {
    animation-iteration-count: 1;
    animation-delay: 1.6s
}

.auygs.is--active .auyhh.is--7-1:before,
.auygs.is--active .auyhh.is--8-1:before {
    animation: fallAnimationCircle .2s ease-in-out;
    animation-iteration-count: 1;
    animation-delay: 2.2s
}

.auygs.is--active .auyhh.is--8-1:before {
    animation-delay: 2.7s
}

.auygs.is--active .auyhh.is--8-2:before,
.auygs.is--active .auyhh.is--9-1:before {
    animation: fallAnimationCircle .2s ease-in-out;
    animation-iteration-count: 1;
    animation-delay: 2.9s
}

.auygs.is--active .auyhh.is--9-1:before {
    animation-delay: 3.2s
}

.auyhh:before {
    background-image: url(../img/light-png_80_90.webp);
    background-size: 100%;
    background-color: transparent;
    transform: translate(-50%, -50%) scale(.1);
    left: 50%;
    top: 40%
}

.auyhh.is--animation:before {
    animation: fallAnimationCircle .3s linear;
    animation-iteration-count: 1
}

.auyhx {
    display: none
}

.auyhx.is--active {
    display: flex;
    height: 120%;
    min-height: 100vh;
    top: 0;
    z-index: 9;
    overflow: hidden;
    overflow-y: scroll;
    background: rgba(0, 0, 0, .9);
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.auyhx.is--active::-webkit-scrollbar,
.auyhy.is--active::-webkit-scrollbar,
::-webkit-scrollbar,
body::-webkit-scrollbar,
html::-webkit-scrollbar {
    display: none
}

.auyhr,
.auyhs {
    width: 100%;
    text-align: center
}

.auyhr {
    display: flex;
    flex-direction: column;
    align-items: center
}

.auyhs {
    border-radius: 27px;
    max-width: 900px;
    padding: 50px;
    border: 5px solid var(--Linear, #F1D051);
    background: linear-gradient(90deg, rgba(153, 0, 138, .65) 0, rgba(197, 8, 234, .65) 100%);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .2)
}

.auyhs h1,
.auyhs h2 {
    color: #fff;
    text-align: center;
    text-shadow: 0 2px 0 #53017e;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #8900d0;
    font-size: 96px;
    font-style: normal;
    line-height: normal
}

.auyhs h2 {
    font-size: 200px;
    color: #ffe900;
    margin-top: -40px
}

.auyhy,
.bottom__section-button span+span,
.is--hidden {
    display: none
}

.auyhr .bottom__section-button {
    margin-top: 50px
}

.auyhy {
    flex-direction: column
}

.auyhy.is--active {
    display: flex
}

.bottom__section-button {
    background: url(../img/button_middle.webp) repeat-x center center;
    background-size: contain;
    padding: 0;
    height: 100px;
    min-height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
    border: 0;
    cursor: pointer;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
    animation: 1s button ease-in-out infinite
}

*,
.auyhy.is--active,
body,
html {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

body.is--modal-open:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .5)
}

body.is--modal-open .auygo {
    opacity: 0
}

@media (max-width:767px) {
    .bottom__section-button {
        font-size: 32px;
        height: 82px;
        min-height: 82px
    }
}

.bottom__section-button span {
    position: relative;
    z-index: 3;
    margin-left: -80px;
    margin-right: -80px;
    background: #8900d0;
    padding: 3px;
    color: #ffe900;
    -webkit-background-clip: text;
    -webkit-text-stroke: 7px transparent
}

.bottom__section-button:after,
.bottom__section-button:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 171px;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width:767px) {
    .bottom__section-button:after,
    .bottom__section-button:before {
        width: 152px
    }
}

.bottom__section-button:before {
    left: -134px;
    background-image: url(../img/button_left.webp)
}

@media (max-width:767px) {
    .bottom__section-button:before {
        left: -110px
    }
}

.bottom__section-button:after {
    right: -170px;
    background-image: url(../img/button_right.webp)
}

@media (max-width:767px) {
    .bottom__section-button:after {
        right: -150px
    }
}

.auyhz {
    -webkit-text-stroke: 3px #8900d0;
    color: #ffe900;
    font-size: 82px;
    text-align: center;
    width: 100%
}

.auyia {
    display: flex;
    flex-direction: row;
    gap: 25px;
    padding-left: 35px;
    padding-right: 35px;
    margin-top: 45px
}

.auyib * {
    outline: 0
}

.auyib {
    width: 33.333%;
    outline: 0 !important;
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 27px;
    border: 5px solid var(--Linear, #F1D051);
    background: linear-gradient(90deg, rgba(153, 0, 138, .65) 0, rgba(197, 8, 234, .65) 100%);
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .2)
}

.auyib .auyic {
    background-image: url(../img/1.webp);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 130%
}

.auyib h3,
.auyid,
.auyie,
.auyif {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.auyib h3 {
    text-align: center;
    text-shadow: 0 5px 0 #53017e;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: #8900d0;
    font-size: 128px;
    color: #ffe900;
    font-style: normal;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3
}

.auyid,
.auyie,
.auyif {
    top: 0;
    z-index: 5
}

.is--none {
    opacity: 0
}

.auyhp.is--active,
.auyig {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4
}

.auyhp {
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.auyhp.is--active {
    opacity: 1;
    visibility: visible;
    display: flex;
    height: 120%;
    min-height: 100vh;
    overflow: hidden;
    overflow-y: scroll;
    z-index: 9
}

.auyhs {
    margin: 50px auto 0
}

.auyhp .auyht {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 3px;
    font-size: 64px;
    font-style: normal;
    line-height: 90%;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 -3px 1px #8900d0, -2px -2px 1px #8900d0, -1px -2px 1px #8900d0, 0 -2px 1px #8900d0, 1px -2px 1px #8900d0, 2px -2px 1px #8900d0, -2px -1px 1px #8900d0, -1px -1px 1px #8900d0, 0 -1px 1px #8900d0, 1px -1px 1px #8900d0, 2px -1px 1px #8900d0, -3px 0 1px #8900d0, -2px 0 1px #8900d0, -1px 0 1px #8900d0, 0 0 1px #8900d0, 1px 0 1px #8900d0, 2px 0 1px #8900d0, 3px 0 1px #8900d0, -2px 1px 1px #8900d0, -1px 1px 1px #8900d0, 0 1px 1px #8900d0, 1px 1px 1px #8900d0, 2px 1px 1px #8900d0, -2px 2px 1px #8900d0, -1px 2px 1px #8900d0, 0 2px 1px #8900d0, 1px 2px 1px #8900d0, 2px 2px 1px #8900d0, 0 3px 1px #8900d0;
    -webkit-font-smoothing: antialiased
}

@media (max-width:1024px) {
    .auyhp .auyht {
        text-shadow: 0 -2px 1px #8900d0, -1px -1px 1px #8900d0, 0 -1px 1px #8900d0, 1px -1px 1px #8900d0, -2px 0 1px #8900d0, -1px 0 1px #8900d0, 0 0 1px #8900d0, 1px 0 1px #8900d0, 2px 0 1px #8900d0, -1px 1px 1px #8900d0, 0 1px 1px #8900d0, 1px 1px 1px #8900d0, 0 2px 1px #8900d0;
        -webkit-font-smoothing: antialiased
    }
}

.auyhp .auyhu {
    padding: 3px;
    text-align: center;
    font-size: 128px;
    font-style: normal;
    line-height: 100%;
    margin-top: 15px;
    color: #ffe900;
    text-shadow: 0 -3px 1px #8900d0, -2px -2px 1px #8900d0, -1px -2px 1px #8900d0, 0 -2px 1px #8900d0, 1px -2px 1px #8900d0, 2px -2px 1px #8900d0, -2px -1px 1px #8900d0, -1px -1px 1px #8900d0, 0 -1px 1px #8900d0, 1px -1px 1px #8900d0, 2px -1px 1px #8900d0, -3px 0 1px #8900d0, -2px 0 1px #8900d0, -1px 0 1px #8900d0, 0 0 1px #8900d0, 1px 0 1px #8900d0, 2px 0 1px #8900d0, 3px 0 1px #8900d0, -2px 1px 1px #8900d0, -1px 1px 1px #8900d0, 0 1px 1px #8900d0, 1px 1px 1px #8900d0, 2px 1px 1px #8900d0, -2px 2px 1px #8900d0, -1px 2px 1px #8900d0, 0 2px 1px #8900d0, 1px 2px 1px #8900d0, 2px 2px 1px #8900d0, 0 3px 1px #8900d0;
    -webkit-font-smoothing: antialiased
}

@media (max-width:1024px) {
    .auyhp .auyhu {
        text-shadow: 0 -2px 1px #8900d0, -1px -1px 1px #8900d0, 0 -1px 1px #8900d0, 1px -1px 1px #8900d0, -2px 0 1px #8900d0, -1px 0 1px #8900d0, 0 0 1px #8900d0, 1px 0 1px #8900d0, 2px 0 1px #8900d0, -1px 1px 1px #8900d0, 0 1px 1px #8900d0, 1px 1px 1px #8900d0, 0 2px 1px #8900d0;
        -webkit-font-smoothing: antialiased
    }
}

.auyhp .auyih {
    text-align: center;
    font-size: 84px;
    font-style: normal;
    line-height: 100%;
    color: #ffa621;
    text-shadow: 0 -3px 1px #8900d0, -2px -2px 1px #8900d0, -1px -2px 1px #8900d0, 0 -2px 1px #8900d0, 1px -2px 1px #8900d0, 2px -2px 1px #8900d0, -2px -1px 1px #8900d0, -1px -1px 1px #8900d0, 0 -1px 1px #8900d0, 1px -1px 1px #8900d0, 2px -1px 1px #8900d0, -3px 0 1px #8900d0, -2px 0 1px #8900d0, -1px 0 1px #8900d0, 0 0 1px #8900d0, 1px 0 1px #8900d0, 2px 0 1px #8900d0, 3px 0 1px #8900d0, -2px 1px 1px #8900d0, -1px 1px 1px #8900d0, 0 1px 1px #8900d0, 1px 1px 1px #8900d0, 2px 1px 1px #8900d0, -2px 2px 1px #8900d0, -1px 2px 1px #8900d0, 0 2px 1px #8900d0, 1px 2px 1px #8900d0, 2px 2px 1px #8900d0, 0 3px 1px #8900d0;
    -webkit-font-smoothing: antialiased
}

@media (max-width:1024px) {
    .auyhp .auyih {
        text-shadow: 0 -2px 1px #8900d0, -1px -1px 1px #8900d0, 0 -1px 1px #8900d0, 1px -1px 1px #8900d0, -2px 0 1px #8900d0, -1px 0 1px #8900d0, 0 0 1px #8900d0, 1px 0 1px #8900d0, 2px 0 1px #8900d0, -1px 1px 1px #8900d0, 0 1px 1px #8900d0, 1px 1px 1px #8900d0, 0 2px 1px #8900d0;
        -webkit-font-smoothing: antialiased
    }
}

.auygr {
    position: absolute;
    right: 10%;
    top: 20%;
    width: 30em;
    animation: 2s ball-right ease-in-out infinite
}

.auygp,
.auygq {
    position: absolute;
    left: 18%;
    top: 35%;
    width: 16em;
    animation: 2s ball-1 ease-in-out infinite
}

.auygp {
    left: 7%;
    top: 22%;
    width: 11em;
    animation: 2s ball-2 ease-in-out infinite
}

.auyhq,
.auyhw {
    position: absolute;
    top: 0;
    width: 35%;
    height: 100%;
    z-index: 1
}

.auyhq {
    left: 0
}

.auyhw {
    right: 0
}

@media (max-width:991px) {
    .auygr {
        width: 10em;
        right: 0
    }
    .auygp {
        width: 6em;
        left: 1%;
        top: 10%
    }
    .auygq {
        width: 7em;
        left: 3%;
        top: 20%
    }
    .auyhl {
        flex-direction: column;
        padding: 16px 9px;
        text-align: center;
        width: 135px;
        height: 200px;
        justify-content: flex-start
    }
    .auyhl span {
        font-size: 21px
    }
    .auyhk {
        padding: 0 5px;
        flex-wrap: wrap
    }
    .auyhm {
        order: -1;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .auyib h3 {
        font-size: 90px
    }
}

@media (max-width:767px) {
    .auygz {
        width: 18px;
        height: 18px
    }
    .auygs {
        font-size: 80%
    }
    .auyhj {
        background-size: 100%;
        width: 3.325em;
        margin: 0 .1em
    }
    .auyhj:nth-child(1),
    .auyhj:nth-child(8) {
        width: 4em
    }
    .auygs.is--active .auyha {
        animation: fallAnimationMobile 3s linear
    }
    .auygs.is--active .auyhb {
        animation: fallAnimationMobile 4s linear;
        animation-delay: .2s
    }
    .auygs.is--active .auyhc {
        animation: fallAnimation3Mobile 5s linear;
        animation-delay: .3s
    }
    .auygs.is--active .auyhd {
        animation: fallAnimationMobile 5.8s linear;
        animation-delay: .3s
    }
    .auygs.is--active .auyhe {
        animation: fallAnimationMobile 5.1s linear;
        animation-delay: .4s
    }
    .auygs.is--active .auyhf {
        animation: fallAnimationMobile 5.8s linear;
        animation-delay: .5s
    }
    .auyhs h1 {
        font-size: 46px
    }
    .auyhs h2 {
        font-size: 90px;
        margin-top: 0
    }
    .auyhr {
        padding: 0 15px
    }
    .auyhq,
    .auyhw {
        width: 100%;
        height: 50%;
        top: 0
    }
    .auyhw {
        top: 50%
    }
    .auyhz {
        font-size: 26px;
        -webkit-text-stroke-width: .9527272582px
    }
    .auyia {
        flex-direction: column;
        margin-top: 5px;
        gap: 15px
    }
    .auyib {
        width: 100%;
        min-height: 190px;
        max-height: 190px
    }
    .auyib h3 {
        font-size: 60px
    }
    .auyhp .auyht {
        font-size: 29px
    }
    .auyhp .auyhu {
        font-size: 48px
    }
    .auyhp .auyih {
        font-size: 38px
    }
    .auyhs {
        padding: 30px 10px
    }
    .auyhr .bottom__section-button {
        font-size: 32px;
        -webkit-text-stroke: 3px #8900d0;
        text-shadow: 0 1.339px 0 #53017e
    }
    .auygy {
        width: 40px;
        height: 40px
    }
    .auyib .auyic {
        height: 190px
    }
    .auyhr,
    .auyii.bottom__section-button {
        position: relative;
        z-index: 4
    }
    .auyhr {
        z-index: 2
    }
}

.bottom__section-button {
    min-width: 50px
}

.bottom__section-button .button-loader {
    display: none
}

.bottom__section-button.is--link {
    display: flex;
    align-items: center;
    justify-content: center
}

.bottom__section-button.is--disabled {
    pointer-events: none
}

.bottom__section-button.is--disabled span {
    opacity: .2
}

.bottom__section-button.is--disabled .button-loader {
    display: flex
}

.button-loader {
    position: absolute;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.button-loader span {
    width: 30px !important;
    height: 30px !important;
    border: 4px solid #fff;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation-loader 1s linear infinite;
    opacity: 1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important
}

.bonus-inline.is--active {
    background: linear-gradient(to left, #ff318b, #7a0289)
}

.bonus-inline.is--active p {
    background: linear-gradient(90deg, #5e00ff 0, #5e00ff 100%);
    -webkit-background-clip: text
}

.bonus-inline.is--active svg path {
    stroke: #5e00ff
}

.bonuses-wrapper.is--active {
    font-size: 40%
}

.bonuses-wrapper.is--active .modal__title {
    background: #8900d0;
    color: #ffe900;
    -webkit-background-clip: text;
    -webkit-text-stroke: 7px transparent;
    text-align: center;
    font-style: normal;
    line-height: 100%;
    margin-top: 15px
}