.online-players[data-v-2287d3e6] {
    background: linear-gradient(90deg,rgba(247,81,99,.45),rgba(23,3,54,0) 97.66%);
    border-radius: 118px;
    font-size: .7777777778rem;
    max-width: 323px;
    padding: 7px
}

@media(max-width:767.98px) {
    .online-players[data-v-2287d3e6] {
        margin: 12px 0 28px;
        max-width: 270px;
        padding: 3px 4px
    }
}

.online-players .circle[data-v-2287d3e6] {
    background-color: #ffe84c;
    border-radius: 50%;
    display: inline-block;
    height: 14px;
    margin-right: 7px;
    width: 14px
}

.shimmerBG[data-v-2287d3e6] {
    animation-duration: 2.2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: shimmer-2287d3e6;
    animation-timing-function: linear;
    background: #52065c;
    background: linear-gradient(90deg,rgba(247,81,99,.2),rgba(23,3,54,0) 97.66%);
    background-size: 1200px 100%
}

@keyframes shimmer-2287d3e6 {
    0% {
        background-position: -1200px 0
    }

    to {
        background-position: 1200px 0
    }
}

.game-types-wrapper {
    -webkit-overflow-scrolling: touch;
    display: flex;
    list-style-type: none;
    max-width: 100%;
    overflow: auto;
    white-space: nowrap
}

.game-types-wrapper .game-type {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background: hsla(0,0%,100%,.1);
    border-radius: 18px;
    color: #fff;
    display: inline-block;
    font-size: .4444444444rem;
    height: 120px;
    min-width: 120px;
    padding: 16px 0 8px;
    text-align: center;
    width: 120px
}

@media(max-width:767.98px) {
    .game-types-wrapper .game-type {
        font-size: .5714285714rem
    }
}

.game-types-wrapper .game-type img {
    max-width: 60px
}

.game-types-wrapper .game-type .most-popular {
    left: -10px;
    pointer-events: none;
    top: -10px;
    z-index: 1
}

.game-types-wrapper .game-type:not(:last-child) {
    margin-right: 16px
}

@media(max-width:767.98px) {
    .game-types-wrapper .game-type:last-child,.game-types-wrapper .game-type:not(:last-child) {
        margin-right: 12px
    }
}

.game-types-wrapper .game-type .h3,.game-types-wrapper .game-type h3 {
    font-size: .6666666667rem;
    padding: 6px 0 1px;
    text-transform: uppercase
}

.game-types-wrapper .game-type p {
    color: #cda677
}

.app-download-wrapper {
    margin-bottom: 48px;
    max-width: 440px
}

.app-download-wrapper__input {
    background: transparent;
    border: 1px solid #cea879;
    border-bottom-left-radius: 72px;
    border-right: none;
    border-top-left-radius: 72px;
    height: 64px;
    outline: none;
    padding: 16px 24px
}

.app-download-wrapper__input::-moz-placeholder {
    color: hsla(0,0%,100%,.34)
}

.app-download-wrapper__input::placeholder {
    color: hsla(0,0%,100%,.34)
}

.app-download-wrapper__button {
    background: linear-gradient(180deg,#e2cbaf,#cea879 99%);
    border: 1px solid rgba(0,0,0,.32);
    border-radius: 0 72px 72px 0;
    color: #1b2541;
    flex-shrink: 0;
    height: 64px;
    padding: 12px 24px
}

.home-carousel {
    background: linear-gradient(0deg,#0f0231 .58%,#52055d 50.62%,#52055d);
    padding-top: 120px
}

@media(max-width:1024px) {
    .home-carousel {
        padding-top: 80px
    }
}

.home-carousel__button {
    background: linear-gradient(180deg,#e8d3af,#cea879 99%);
    border: 2px solid rgba(0,0,0,.32);
    border-radius: 56px;
    height: 56px
}

.home-carousel__title {
    line-height: 56px
}

.offer-bottom-stripe {
    background-color: #0f0231;
    height: 64px
}

.bottom-shadow {
    background: linear-gradient(180deg,rgba(15,2,49,0),#0f0231);
    height: 109px
}

.slider-img__img {
    transform: translateY(-10%) scale(1.2)
}

.main-banner-text {
    font-size: 56px
}

@media(max-width:960px) {
    .main-banner-text {
        font-size: 30px
    }
}

@media(max-width:1024px) {
    .online-players {
        margin-bottom: 8px!important
    }

    .home-carousel__title {
        line-height: 1.2;
        max-width: 230px
    }

    .home-carousel__paragraph {
        line-height: 20px;
        max-width: 168px;
        opacity: 1
    }

    .game-types-wrapper {
        margin-top: 48px
    }

    .game-types-wrapper .game-type {
        height: 88px;
        padding: 8px;
        width: 88px
    }

    .game-types-wrapper .game-type img {
        width: 50px
    }

    .slider-img__img {
        transform: translateX(85px) scale(1.7)
    }
}

.sticky-download-app-btn.hide-button-by-default {
    opacity: 0;
    transform: translateY(120%);
    -webkit-transform: translateY(120%);
    -moz-transform: translateY(120%);
    -o-transform: translateY(120%);
    -ms-transform: translateY(120%);
    visibility: hidden
}

.sticky-download-app-btn.hide-button-by-default.active {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    visibility: visible
}