.mainBody {
    display: grid;
    grid-template-columns: 240px 70px 1fr;
    margin: 20px auto auto;
    max-width: 1440px;
    width: 90%;
    gap: 10px !important;
    box-sizing: content-box;
}


.user-avatar {
    width: 44px;
    height: 44px;
    justify-content: center;
    display: flex;
    align-items: center;
}

.profits {
    margin: 0 auto !important;
}

.mines-mob {
    padding: 15px !important;
}

.VSlide_content_OTd5l {
    height: max-content !important;
    gap: 10px !important;
    justify-content: space-between !important;
}

.Slide-button {
    margin-top: 0;
}

.titleDesc {
    font-size: 10px !important;
}

.modal-visible body.landscape {
    position: inherit !important;
}

.user-avatar {
    border-radius: 50%;
}

.menu-social {
    margin-top: 0;
}

.subMenu {
    max-height: 0;
    padding: 0 !important;;
    overflow: hidden;
}

.subMenuOpen {
    max-height: 290px;
    height: 285px;
}

.menu-container {
    width: 80% !important;
}

.menu-container:nth-child(1) {
    margin-top: 10px !important;
}

.menu-social {
    width: 87% !important;
    margin-bottom: 10px !important;
}

.menu {
    margin: 15px 0 !important;
}

.blockGame {
    min-height: 170px !important;
}

.VSlide_content_OTd5l {
    height: 85% !important;
    gap: .5rem !important;
    justify-content: center;
}

.vslide_title {
    margin: 0 !important;
}

.Slide-button {
    margin-top: 0 !important;
}

.slide-button-button {
    color: #ffffff !important;
    background: linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.25),
            rgba(255, 255, 255, 0.1)
    ) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.toolbar-section {
    align-items: center;
}

.toolbar-section .input-wrapper {
    min-width: 190px !important;
}

.filter-dropdown {
    width: 100% !important;
}

.toolbar-row {
    flex-wrap: wrap !important;
}

.slick-slide img {
    object-fit: cover !important;
    width: 100% !important;
}

.modal-content {
    margin: 0 auto !important;
}

.page-wrapper .modal {
    zoom: normal !important;
}

.modal-dialog {
    height: 100vh !important;
}
.modal-content {
    margin: 0 !important;
}

.darkState .modalBlock {
    background: #202335 !important;
}

.darkState .cicos {
    color: #7265fd !important;
}

.modalBlock .modal1 .logo {
    font-size: 43px !important;
}

.topMenu .menu {
    justify-content: flex-start !important;
}

.modalBlock .modal1 .textEnter span {
    color: #7265fd !important;
}

.slick-slider {
    margin-top: auto !important;
}

.home__header-promo-pc {
    margin-top: auto !important;
}

.userBalanceMobile {
    color: white;
}

.subMenu .buttonsBlock {
    width: 100% !important;
}

.menu {
    padding: 13px !important;
}

.chatLink {
    display: none !important;
}

.leftBlock {
    display: flex;
    flex-direction: column;
    height: calc(100% - 31px);
}

.chatBlock {
    flex: 1;
    max-height: max-content;
    height: 123px !important;
}

@media screen and (max-width: 548px) {
    .toolbar-section .input-wrapper {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .menu {
        padding: 0 15px !important;
        margin-top: 88px;
    }

    .filter-dropdown {
        width: 100% !important;
        flex: 0 1 100% !important;
    }

    .icon-dropdown {
        flex: 0 0 46px !important;
    }
}

@media screen and (max-width: 1024px) {
    .secondBlock {
        overflow-x: scroll !important;
        overflow-y: hidden !important;
        width: 100% !important;
    }

    .home__header {
        padding-top: 15px !important;
    }
}

@media screen and (max-width: 1360px) {
    .col-md-3 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

@media screen and (max-width: 768px) {
    .mainBody {
        display: contents !important;
    }

    .mobMenu {
        display: block;
    }

    .navbar-balance {
        display: flex;
    }

    .profileBlock {
        display: none;
    }

    .panelJack {
        grid-template-columns: 1fr !important;
    }

    .descMines {
        padding: 15px !important;
    }

    .profileBlock .buttonsBlock {
        display: none !important;
    }

    .VSlide_typeSmile_dNfKl .VSlide_content_OTd5l .ResponsivePicture_img_N2UWA {
        max-width: 33px;
        width: 100%;
    }

    .home__header-promo-pc {
        display: none !important;
    }

    .home__header-content {
        flex-direction: column;
    }

    .slide-wrapper img {
        width: 100% !important;
    }

    .home__header-promo-mob {
        -moz-column-gap: 10px;
        column-gap: 10px;
        display: flex!important;
        flex-direction: row;
        height: 50px!important;
        margin-top: 10px!important;
        padding: 10px 0 0;
        width: 100%;
    }

    .home__header-promo-mob div:first-child {
        background: url('/image/yoda-cashback.png') 100% 0 no-repeat #150e28;
        background-position: 85% 100%;
    }

    .home__header-promo-mob div {
        align-items: center;
        border-radius: 10px;
        color: #fff;
        display: flex;
        flex: 1 1 auto;
        font-family: RubikBold;
        font-size: .7em;
        height: 50px;
        justify-content: space-between;
        padding: 0 15px;
    }

    .home__header-promo-mob div:nth-child(2) {
        background: url('/img/main_gift_cookie_mobile_dark.png') top right no-repeat #3466FB !important;
    }

    /*.home__header-content {*/
    /*    flex-direction: column !important;*/
    /*}*/

    /*.home__header-content {*/
    /*    height: max-content !important;*/
    /*    position: relative !important;*/
    /*}*/
}

.mobChatText {
    display: none !important;
}

@media screen and (max-width: 1366px) {
    .profits {
        max-width: 355px !important;
    }

    .rightMines {
        flex: 1 !important;
    }

    .mines>div {
        flex: 0;
    }
}
@media screen and (max-width: 1280px) {
    .mainBody {
        transform: none !important;
        transform-origin: center !important;
        grid-template-columns: 70px 1fr !important;
    }

    .balanceMenuOpen {
        border: 1px solid #3f435f;
        top: 40px;
        font-size: 15px;
        -webkit-backdrop-filter: blur(4px);
        backdrop-filter: blur(4px);
        max-height: max-content;
        min-height: min-content;
        height: 130px;
        padding: 10px !important;
        visibility: visible !important;
        right: -10px;
    }

    #userBalanceMobile {
        color: white !important;
    }


    /* СБРОСИТЬ НА ДРУГИХ РАЗРЕШЕНИЯХ */
    /*.firstBlock {*/
    /*    z-index: 121;*/
    /*    position: relative;*/
    /*    margin: 0 auto;*/
    /*    background: #202335;*/
    /*    height: 100vh;*/
    /*    width: 100vw;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*}*/

    /*.chatActive {*/
    /*    z-index: 121;*/
    /*    position: relative;*/
    /*    margin: 0 auto;*/
    /*    background: #202335;*/
    /*    height: 100vh;*/
    /*    width: 100vw;*/
    /*    display: flex;*/
    /*    justify-content: center;*/
    /*    align-items: center;*/
    /*}*/

    /*.leftBlock {*/
    /*    cursor: default;*/
    /*    max-width: 97vw;*/
    /*    min-width: 97vw;*/
    /*    position: fixed;*/
    /*    z-index: 1;*/
    /*    margin: 0 auto;*/
    /*}*/

    /*.leftBlock .othBlock {*/
    /*    display: none !important;*/
    /*}*/

    /* END */


    .profileBlock {
        display: none !important;
    }

    .mobMenu {
        display: block !important;
    }

    .navbar-balance {
        display: flex !important;
    }

    .chatLink {
        display: flex !important;
    }

    .slide-wrapper img {

    }

    .titleDesc {
        font-size: 10px !important;
    }

    .blockMainGames {
        grid-template-columns: 1fr 1fr 1fr !important;
    }

    .VSlide_content_OTd5l {
        height: 85% !important;
    }

    /*.mainBody > :nth-child(1) {*/
    /*    display: none !important;*/
    /*}*/

    .vslide_title {
        margin-bottom: 10px !important;
    }

    .modal-content {
        transform: scale(0.8) !important;
    }

    .mobChatText {
        display: flex !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 425px) {
    .mainBody {
        display: contents !important;
    }

    /*.mainBody > :nth-child(1) {*/
    /*    display: block !important;*/
    /*}*/

    .firstBlock {
        background: #f0f1f7;
        height: 100vh;
        transform: translateX(100vw) !important;
        position: fixed;
        transition: all .4s ease;
        width: 100%;
        left: auto !important;
        z-index: 11;
    }

    .darkState .firstBlock {
        background: #202335 !important;
    }

    .chatActive {
        transform: translateX(0) !important;
        width: 100vw;
    }

    .leftBlock {
        height: 100vh;
        min-width: fit-content !important;
    }

    .mobChatText {
        display: block;
    }

    .mobChatText .mobIcons {
        display: block;
    }

    .leftBlock .othBlock {
        display: none !important;
    }

    .thirdBlock {
        padding: 20px 0;
    }

    body, html {
        zoom: normal !important;
        font-size: 100% !important;
    }

    .vslide_title {
        font-size: 14px !important;
    }
    .slide-button-button {
        min-height: 30px !important;
        font-size: 12px !important;
    }

    .secondBlock {
        bottom: 0 !important;
        height: 64px;
        position: fixed;
        width: 100%;
        z-index: 9;
        display: block;
    }

    .gamesList {
        height: auto;
        position: relative;
        width: auto;
        z-index: 3;
    }

    .mainCookie {
        display: none !important;
    }


    .gamesBlock {
        position: relative;
        z-index: 3;
        align-items: center;
        border-radius: 0;
        display: flex;
        height: 64px;
        justify-content: space-around;
        margin-top: 0;
        padding-top: 0;
        transition: background .25s;
        width: 200vw!important;
    }
    /*
    MINES
     */

    .profits {
        max-width: 285px !important;
        margin: 0 auto;
    }

    .mines {
        flex-direction: column-reverse !important;
    }

    .portrait .topMenu {
        margin-top: auto !important;
    }
}


@media screen and (max-width: 768px) {
    .blockMainGames {
        grid-template-columns: 1fr 1fr !important;
    }



    .home__header {
        margin-bottom: 10px !important;
        padding-bottom: unset!important;
    }

    .home__header-content {
        height: max-content !important;
        position: relative !important;
    }

    .slick-slider {
        width: 100% !important;
    }

    .headTwo .logo {
        margin: 0 !important;
    }
}

@media (max-width: 500px) {
    .topMenu .menu {
        justify-content: space-between !important
    }

    .home__header, .topMenu {
        padding: 0 !important;
    }

    /*.mainBody > :nth-child(1) {*/
    /*    display: block !important;*/
    /*}*/

    .menu {
        margin-top: 80px !important;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .isAndroid {
        #signIn {
            zoom: normal !important;
            transform: scale(1) !important;
            width: 100vw !important;
            height: 100vh !important;
        }
    }

    .navbar-balance {
        flex-direction: row !important;
    }

    #signIn {
        zoom: normal !important;
        transform: scale(1) !important;
        width: 100vw !important;
        height: 100vh !important;
    }

    .modal .modal-dialog {
        zoom: normal !important;
    }

    .modal .modal-content {
        zoom: normal !important;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .balanceMenuOpen {
        margin-right: 0 !important;
    }

    .messages {
        max-height: max-content;
        min-height: max-content;
    }

    .leftBlock {
        padding: 20px !important;
    }

    #app, #app>div {
        height: auto !important;
    }
}

@media screen and (max-width: 985px) {
    .nvuti {
        grid-template-columns: 1fr !important;
    }

    .nvuti .leftNvuti {
        justify-self: center !important;
    }
}

@media only screen and (max-height: 400px) and (orientation: landscape) {
    .messages {
        max-height: max-content;
        min-height: max-content;
    }
}

.inpChat {
    flex: 1;
}

.lastCount {
    overflow: hidden !important;
    overflow-x: scroll !important;
}

.chatBlock {
    height: calc(100vh - 105px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.chatTop  {
    flex-shrink: 0;
    border-bottom: 1px solid #586ebf !important;
}

.messages-wrapper {
    flex: 1;
    overflow-y: auto;
    max-height: 100vh !important;
}

.messages {
    max-height: max-content;
    min-height: max-content;
}

.chatActive {
    left: 0 !important;
    transform: translateX(0) !important;
    z-index: 100 !important;
}

.menu {
    padding: 0 20px !important;
    height: 42px !important;
}

.curMenu {
    border-bottom: 1px solid;
    height: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0 !important;
}

.inputChat>input {
    font-size: 16px !important;
}

.inputNvuti {
    outline: none;
    box-sizing: border-box;
    border: 1px solid #d0d2dd;
    border-radius: 10px 10px 0 0;
}

.darkState .inputNvuti {
    outline: none !important;
    border: unset !important;
}

.menu a {
    height: 100%;
    display: flex;
    align-items: center;
}

.scroll-bottom {
    border-radius: 100%;
    background: var(--main-color);
    position: sticky;
    bottom: 10px;
    left: calc(100%);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .3s;
    color: #fff;
    transform: translateX(-11px);
}


/*

ВРЕМЕННЫЙ ЧАТ

 */

.messages {
    min-height: 100vh !important;
}

.messages, .messagesNot {
    overflow-y: unset !important;
}

@media (max-width: 500px) {
    .leftBlock {
        top: 0 !important;
    }
}

.thirdBlock {
    height: auto !important;
    overflow: auto !important;
}

.topMenu {
    position: relative !important;
    z-index: 4 !important;
}

.modalBlock {
    z-index: 100 !important;
}

@media (max-width: 500px) {
    .crash-game {
        height: 674px !important;
    }
}

.chatActive {
    z-index: 100 !important;
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .crash-game_container .crash-game {
        height: 674px !important;
        zoom: 1 !important;
        font-size: 0.55rem !important;
    }

        .crash-game .ping {
            width: fit-content !important;
            font-size: 11px !important;
        }
}

.crash-game_history {
    backdrop-filter: blur(14px) !important;
    z-index: 20 !important;
}

.chat--compact .othBlock {
    display: none !important;
}

.chat--compact .firstBlock {
    margin: 0 auto !important;
}

@media (max-width: 1024px) {
    .settings {
        grid-template-columns: 1fr !important;
    }
}

.swiper-wrapper {
    box-sizing: border-box !important;
}

.keno-field {
    box-sizing: border-box !important;
    width: 39vw;
}

@media (max-width: 500px) {
    .keno-field {
        width: 100% !important;
    }
}

@media screen and (max-width: 1280px) {
    .vslide_title {
        margin-bottom: 0 !important;
    }

    .wb-game--wrapper .wb-game--form {
        width: 240px !important;
    }
}

@media screen and (max-width: 860px) {
    .wb-game--wrapper {
        flex-direction: column !important;
    }

    .wb-game--wrapper .wb-game--form {
        width: 100% !important;
    }

    .keno-field {
        width: 100% !important;
        min-width: 100% !important;
        padding: 20px;
    }
}

.cell svg {
    width: 85% !important;
}

@media (max-width: 500px) {
    .keno-field .footer-keno {
        height: 72px !important;
        margin-top: auto !important;
    }

    .swiper-container {
        height: 100% !important;
    }
}

.thirdBlock::-webkit-scrollbar {
    display: none !important;
}

.swiper-slide {
    position: relative;
    transition-property: transform;
    width: 100%;
    height: 38px !important;
    padding: 20px;
}

.footer-keno .swiper-container {
        display: flex;
        align-items: center;
        justify-content: center;
}

@media (max-width: 500px) {
    .keno-swiper-item {
        max-height: max-content !important;
    }
}

@media (max-width: 600px) {
    .chatBlock {
        width: 98vw !important;
    }
}

.keno-swiper-item__cookie {
    white-space: nowrap;
}

.darkState {
    .mobChatText {
        color: var(--two-bg-color) !important;
    }
}

.thirdBlock {
    overflow-x: hidden !important;
}

.mines .items {
    margin: 0 !important;
    padding: 0 !important;
}

.miniDesc {
    color: #abb2de !important;
}

.profits .swiper-slide {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    height: 100% !important;
}

.thirdBlock {
    height: unset !important;
}

@media (max-width: 500px) {
    .messages {
        height: auto !important;
        min-height: auto !important;
        max-height: max-content !important;
    }

    .keno-field {
        padding: 0 !important;
    }

    .blockGame {
        min-height: 125px !important;
    }

    .titleGame {
        font-size: 14px !important;
    }
}

@media (max-width: 800px) {
    .bottomGame .textGame .titleDesc {
        display: none !important;
    }
}

.rang-container {
    height: 100%;
}

.game-win-modal {
    padding: 15px !important;
    width: max-content !important;
}

@media (max-width: 600px) {
    .profile-tabs-settings {
        flex-direction: row !important;
    }

    .titleWindow {
        border-radius: 8px !important;
    }

    .titleWindow1 {
        border-radius: 8px !important;
    }


    .freespins-yoda {
        z-index: 10;
    }
}

* {
    z-index: 0;
}

.SectionGamesOneWin_content_alv0o {
    grid-template-columns: repeat(2,1fr);
    padding: 0 !important;
    row-gap: 15px;
}

.reports-banner-content {
    z-index: 1;
}

.quest .quest-motion {
    z-index: -1 !important;
}

@media (max-width: 600px) {
    .welcome-modal {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

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

.modal-backdrop {
    z-index: -1;
}

.providers-list--hidden {
    display: flex;
}

.game-providers--list {
    padding: 0 24px;
}

.gamesSlots .card {
    gap: 0 !important;
}

@media (max-width: 600px) {
    .keno-tools__autochoose .buttonMain {
        margin: 0 !important;
    }
}

.freespins-main-description {
    z-index: 2 !important;
}

.freespins-yoda {
    z-index: 1 !important;
}

.topMenu {
    z-index: 1 !important;
}

.avatar-modal {
    z-index: 100 !important;
}


@media (max-width: 500px) {
    .darkState .topMenu {
        z-index: 2 !important;
    }
}

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

.base-input-pd {
    margin-bottom: 15px;
}

.modal-open .topMenu {
    z-index: 0 !important;
}
@media (max-width: 500px) {
    .balanceMenuOpen .buttonsBlock a {
        margin: 0 !important;
    }
}
.profile-social .buttonMain {
    margin: 0 !important;
}
@media (max-width: 600px) {
    .titleWindow .textWindow {
        font-size: 24px;
    }
}
.blockGame {
    margin-top: 7px !important;
}

.modal-open .secondBlock {
    z-index: 0 !important;
}
@media (max-width: 500px) {
    .promocodes-label .base-input-wrapper .base-input-btn {
        margin: 0 !important;
        z-index: 1;
    }
}
.zipify-wrapper {
    position: static;
}
@media (max-width: 500px) {
    .promoBlock .btnNoM {
        margin: 20px 0 0 !important;
    }
}
.promocodes-content-btn .buttonMain {
    margin: 15px auto 0 !important;
}
.promocodes-label .base-input-wrapper .base-input-btn {
    z-index: 1;
}
/*.reports-banner-logo--top {*/
/*    top: -208px !important;*/
/*    left: -524px !important;*/
/*}*/
/*.reports-banner-logo--right {*/
/*    top: -139px !important;*/
/*    left: 195px !important;*/
/*}*/
/*.reports-banner-logo--bottom {*/
/*    top: -100px !important;*/
/*    left: -527px !important;*/
/*}*/
/*@media (max-width: 600px) {*/
/*    .reports-banner-logo--right {*/
/*        left: 0 !important;*/
/*        top: -37px !important;*/
/*    }*/
/*    .reports-banner-logo--top {*/
/*        filter: blur(1px) !important;*/
/*        z-index: 0;*/
/*        left: 217px !important;*/
/*        top: 31px !important;*/
/*        right: 28px !important;*/
/*        height: 108px;*/
/*        width: 72px;*/
/*        transform: rotate(-122deg) !important;*/
/*    }*/
/*    .reports-banner-logo--bottom {*/
/*        width: 234px;*/
/*        left: -281px !important;*/
/*    }*/
/*    .freespins-container {*/
/*        position: static!important;*/
/*    }*/
/*    .freespins-main-content-pd {*/
/*        position: static!important;*/
/*    }*/
/*    .freespins-main-content-banner {*/
/*        position: static!important;*/
/*    }*/
/*    .freespins-yoda {*/
/*        top: 63%!important;*/
/*    }*/
/*    .freespins-main-content-motion--mobile {*/
/*        position: static!important;*/
/*    }*/
/*    .freespins-main-content-motion--mobile-card {*/
/*        position: static!important;*/
/*    }*/
/*}*/

@media (max-width: 700px) {
    .menu {
        z-index: -1;
        position: relative;
    }
}
.titleWindow {
    padding: 15px 20px !important;
}

@media (min-width: 801px) {
    width: 18.8px !important;
}

@media (max-width: 800px) {
    .providers-list > div div {
        width:  30.8% !important;
    }
    .profile-photo-upload .buttonMain {
        margin: 0 !important;
    }
}
.true .titleWindow {
    padding: 15px;
}
.providers-list > div div {
    width: 18.8%;
}
.subMenu {
    right: 0;
    font-size: 15px;
}

.mainBody--compact {
    grid-template-columns: 70px 1fr;
}

.navbar-balance-container .subMenu .buttonsBlock {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.section-card__header {
    z-index: 0 !important;
}
.crash-game_content {
    z-index: 0 !important;
}
@media screen and (max-width: 1280px) {
    .balanceMenuOpen {
        border: none !important;
    }
}
.freespins-main-content-pd {
    z-index: 1;
}
@media (max-width: 600px) {
    .freespins-main-content {
        background-image: unset !important;
    }
    .freespins-main-content-banner {
        z-index: 0;
    }
}
@media (max-width: 480px) {
    .footerMobile {
        z-index: -1;
    }
}
@media (max-width: 410px) {
    .paginate_button {
        height: 40px;
        width: 35px;
        padding: 0 !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .dataTables_paginate {
        display: flex;
        gap: 5px;
    }
    .dataTables_paginate .find {
        width: 38px !important;
        height: 31px;
    }
}
@media (max-width: 500px) {
    .walletBlock .inputBlock {
        max-width: 400px !important;
        padding-right: 0 !important;
    }
    .walletBlock .inner-input {
        padding-right: 0 !important;
    }
    .walletBlock .errBlock {
        width: calc(100% - 20px) !important;
    }
    .selectSystemDark-fkwallet {
        max-width: 45px !important;
    }

    .selectSystemDark-sbp {
        max-width: 40px !important;
    }
    .selectSystemDark-phone {
        max-width: 48px !important;
    }
}

.providers-list {
    overflow: auto !important;
}

.providers-list.open {
    overflow: auto !important;
}

.providers-list::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.withdraw--sber {
    color: rgb(33, 160, 56) !important;
}

@media (max-width: 600px) {
    .rang-container .swiper-container {
        overflow: visible !important;
        height: auto !important;
    }

    .money-operation-table tr td {
        font-size: 10px !important;
    }

    .money-operation-table tr th {
        font-size: 9px !important;
    }
}
@media (max-width: 410px) {
    #refList_paginate, #refList_paginate span {
        display: flex;
        gap: 5px;
    }
}
.modal-open .payoutBlock .systems {
    z-index: -1 !important;
    position: sticky;
}
.modal-open .payoutBlock .walletBlock {
    z-index: -1 !important;
    position: sticky;
}
.modal-open .payoutBlock .historyBlock{
    z-index: -1 !important;
    position: sticky;
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .page-wrapper .modal {
        height: 100vh;
        isolation: isolate;
        left: 0;
        overflow: scroll;
        position: fixed;
        top: 0;
        transform: scale(1) !important;
        transform-origin: center left;
        width: 100vw;
        z-index: 999;
    }
}

.modal {
    background: rgba(39,43,58,.9) !important;
}

.depositSys {
    flex-wrap: wrap;
}

#modalPayInfo {
    width: 100%;
    height: 100%;
}


@media only screen and (max-width: 1024px) and (orientation: landscape) {
    #page-deposit .page-wrapper .modal {
        zoom: normal !important;
    }
}

@media  (max-width: 1020px) and (orientation: landscape) {
    .rang-container {
        height: 800px !important;
    }
}

@media  (max-width: 820px) {
    .payoutBlock {
        display: block;
    }
}

.game-info-modal {
    width: 100% !important;
    height: fit-content !important;
}

@media (min-width: 870px) and (max-width: 1024px) {
    .balanceMenuOpen {
        left: 50%;
        transform: translateX(-100%);
    }
}

@media (max-width: 1024px) and (orientation: landscape) {
    .modal-open {
        min-height: 100svh;
        overflow: hidden;
    }
}

/*!*@media (max-width
: 600px) and (orientation: landscape) {*!*/
/*!*    .modal-dialog-centered {*!*/
/*!*      padding-top: 81px !important;*!*/
/*!*    }*!*/
/*!*}*!*/

@media (max-width: 760px)  {
    .bonusBlock-flex {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 700px) {
    .profile-settings-options--bottom {
        grid-template-columns: 1fr !important;
    }
}

.promocodes-row .action {
    display: flex !important;
    align-items: center!important;
    justify-content: end!important;
}

@media (max-width: 800px) and (orientation: landscape) {
    .game-info-modal .modal-dialog {
        width: 100%;
        height: 100% !important;
        overflow: hidden !important;
        max-height: 100% !important;
        left: 0 !important;
        transform: unset !important;
        max-width: 100% !important;
        margin: unset !important;
    }

    .game-info-modal .modal-content {
        height: 100% !important;
        overflow-y: scroll !important;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .modal .modal-content {
        margin: auto !important;
    }
}

@media (max-width: 800px) {
    .profile-settings-options {
        width: 100% !important;
    }

    .profile-settings-options--top {
        flex-wrap: wrap;
        justify-content: center !important;
    }

    .profile-photo-upload {
        margin: 0 auto !important;
    }

    .profile-settings {
        flex-direction: column !important;
    }
}

/*@media (min-width: 576px) {*/
/*    .modal-dialog-centered {*/
/*        min-height: 100% !important;*/
/*    }*/
/*}*/

.game-info-modal {
    margin-bottom: 0 !important;
}

@media (max-width: 800px) {
    .game-anim {
        height: fit-content !important;
    }
    .mines-anim {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media (max-height: 754px) {
    .darkState .game-info-modal .modal-content {
        background: #212335;
    }

    .darkState .game-info-modal .modal-body {
        background: transparent;
    }
}

@media (max-width: 754px) {
    .darkState .game-info-modal .modal-content {
        background: #212335;
    }

    .darkState .game-info-modal .modal-body {
        background: transparent;
    }
}

@media (min-width: 500px) and (max-width: 900px) {
    .bonus-tabs a p {
        display: block !important;
    }

    .bonus-tabs {
        max-width: fit-content !important;
        width: 100%;
    }

    .bonus-tabs a {
        width: 100% !important;
    }
}

@media (max-width: 900px) {
    .mines-anim {
        display: grid !important;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: auto auto;
        gap: 10px;
    }

    .ma-info {
        box-sizing: border-box !important;
    }

    .ma-info:nth-of-type(1) {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .ma-field {
        grid-column: 1 / 5;
        grid-row: 2;
    }

    .ma-info:nth-of-type(3) {
        grid-column: 3 / 5;
        grid-row: 1;
    }

    .mines-anim .ma-info>div {
        width: 100% !important;
        height: fit-content !important;
    }

    .mines-anim .ma-info img {
        width: 25px !important;
    }
}

.TelegramLinkModal__text {
    padding: 0 !important;
}

.TelegramLinkModal__step {
    gap: 10px;
}

.rangePick .showDate {
    text-align: center;
}

#modalWdwInfo .modal-dialog {
    width: 100% !important;
    display: flex;
    align-content: center;
    justify-content: center;
}

@media (orientation: landscape) and (max-width: 768px){
    #modalWdwInfo .PaymentInfoModal {
        height: 100% !important;
        margin: 0px auto !important;
        max-height: 100% !important;
    }
    .referral-detail-modal {
        overflow: scroll !important;
        height: 100vh;
    }
}

@media (max-width: 600px) and (orientation: landscape) {
    .game-info-modal .modal-content {
        overflow: scroll !important;
        margin: auto !important;
    }
}

.TelegramLinkModal {
    height: 41.688rem !important;
    overflow: scroll !important;
}
@media (max-width: 1440px) {
    .footer_navigation {
        flex-direction: column;
    }

}
@media (min-width: 870px) and (max-width: 1022px) {
    .TelegramLinkModal__text {
        max-width: 65% !important;
    }
}
.referral-detail-modal .modal-body {
    scrollbar-width: none;
}
.miniDesc {
    color: #6C779E !Important;
}
.darkState .miniDesc {
    color: #abb2de !important;
}
.profile-settings-options--bottom {
    z-index: -1;
}
.profile-settings-options .label-input {
    z-index: -1;
}
@media (orientation: landscape) {
    .game-info-modal .modal-dialog {
        overflow: hidden !important;
        height: 100% !important;
        max-height: 100% !important;
    }

    .game-info-modal .modal-body {
        overflow: scroll !important;
        max-height: 100svh !important;
    }

    .binding-modal-body {
        overflow: scroll !important;
        max-height: 100svh !important;
    }
}

@media (max-width: 700px) {
    .user-name {
        z-index: 0;
    }

    .imgUser {
        z-index: -1 !important;
        position: relative;
    }

    .date-profile {
        z-index: 0;
    }
    .userBlock {
        z-index: 0 !important;
        position: relative;
    }

}
.buttoned-list li.completed:before {
    background-color: transparent !important;
}

.header {
    z-index: 10 !Important;
}

.footer {
    z-index: -1 !important;
    position: relative;
}

.avatar-selection {
    left: 50%;
    transform: translateX(-50%) !important;
}

@media (max-width: 1540px) {
    .profile-settings {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .profile-settings-options {
        flex-wrap: wrap;
    }
}
.enotions-title {
    font-family: 'Rubik';
    font-weight: 500;
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .page-wrapper .modal.avatar-modal {
        zoom: normal !important;
        width: 100%!important;
        height: 100%!important;
    }
}
@media (max-width: 600px) {
    .chatBlock {
        width: 100%;
        min-height: 100svh;
        height: auto;
        max-height: none;
    }
}
.promocodes-modal-title {
    width: fit-content;
}

.profile-settings-options--top {
    display: flex !important;
}

@media (max-width: 500px) {
    #infoWagerModal .wager-modal {
        height: 421px !important;
    }
}

@media (orientation: landscape) and (max-width: 700px) {
    #infoWagerModal .modal-content {
        margin-top: 150px !important;
        overflow: unset !important;
    }
    #infoWagerModal .modal-dialog {
        height: 100VH !important;
    }
}

@media (max-width: 870px) and (orientation: landscape) {
    .subMenu {
        left: 50%;
        transform: translateX(-100%);
    }
}

@media (min-width: 1025px) and (max-width: 1920px) {
    .TelegramLinkModal__text {
        max-width: 27% !important;
    }
}

@media (max-width: 700px) {
    .inputChat {
        margin: 0 !Important;
    }
    #signIn .modal {
        min-height: 100vh !important;
        height: 100vh !important;
    }
}

.TelegramLinkModal__text {
    max-width: 100% !important;
}

@media (orientation: landscape) and (max-width: 700px) {
    .referral-detail-modal .swiper-container {
        width: 100vh !important;
        overflow-y: auto !important;
    }
}

.crashNotification {
    border-radius: 0;
}

.game-providers--list {
    grid-gap: 14px;
    grid-template-columns: repeat(6, 140px) !important;
    grid-auto-flow: dense !important;
}

.game-providers-slot--large {
    grid-column: span 2;
}

.card-profile .vue-load-image {
    width: 100% !important;
}

.darkState .descTopMine {
    color: #656f94 !important;
}

.condition-descr {
    margin-top: 10px !important;
}

@media (max-width: 1570px) {
    .game-providers--list {
        grid-gap: 14px;
        grid-template-columns: repeat(6, 15.285714%) !important;
    }
}

@media (min-width: 1280px) and (max-width: 1400px) {
    .game-providers--list {
        grid-gap: 14px;
        grid-template-columns: repeat(6, 121px) !important;
    }
}

@media (max-width: 1120px) {
    .game-providers--list {
        grid-gap: 14px;
        grid-template-columns: repeat(6, 15.5%) !important;
    }
}

@media (max-width: 600px) {
    .game-providers--list {
        grid-gap: 14px;
        grid-template-columns: repeat(3, 140px) !important;
    }
}

@media (max-width: 430px) {
    .game-providers--list {
        grid-gap: 14px;
        grid-template-columns: repeat(3, 110px) !important;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .card .game-providers--list {
        grid-template-columns: repeat(7, 13.3%) !important;
    }
}
@media (min-width: 1418px) and (max-width: 1569px) {
    .game-providers--list {
        grid-template-columns: repeat(6, 140px) !important;
    }
}

@media (min-width: 942px) and (max-width: 1120px) {
    .game-providers--list {
        grid-template-columns: repeat(5, 18.6%) !important;
    }
}



@media (max-width: 760px) {
    .game-providers--list {
        grid-template-columns: repeat(5, 18.5%) !important;
    }
}

@media (max-width: 614px) {
    .game-providers--list {
        grid-template-columns: repeat(4, 23.33%) !important;
    }
}


@media (max-width: 340px) {
    .game-providers--list {
        grid-template-columns: repeat(2, 50%) !important;
    }
}

@media (min-width: 340px) and (max-width: 381px) {
    .game-providers--list {
        grid-gap: 14px;
        grid-template-columns: repeat(3, 31.33%) !important;
    }
}
.Vue-Toastification__toast.Vue-Toastification__toast--success.bottom-center.socketConnection{
    box-shadow: 0 -3px 20px 0 rgba(27, 127, 66, 0.5) !important;
}

.Vue-Toastification__toast.Vue-Toastification__toast--error.bottom-center.socketConnection {
    box-shadow: 0 -3px 20px 0 rgba(255, 139, 0, 0.4) !important;
}

@media (max-width: 765px) {
    .wb-game--info__dice {
        position: relative !important;
        top: -131px !important;
    }
}

.jackpot-tutorial-mobile {
    display: none;
}

.jackpot-tutorial-pc {
    display: flex;
}

@media screen and (max-width: 768px) {
    .jackpot-tutorial-pc {
        display: none;
    }

    .jackpot-tutorial-mobile {
        display: block;
    }
}

@media (max-width: 768px) {
    .darkState .wb-game--info:active, .darkState .wb-game--info:hover {
        background: transparent !important;
    }
}

@media (max-width: 500px) {
    .mines-mob__bid .buttonMain {
        margin: 0 !important;
    }
}



.user-avatar__container .user-notifications {
    right: -4px !important;
    width: 0 !important;
    top: -1px !important;
    position: absolute;
}

.user-avatar img {
    border-radius: 26px !important;
}

.user-avatar {
    overflow: hidden;
}

.user-avatar img {
    height: 40px;
    width: 40px;
}

.sumInputBlock .buttonMain {
    margin: 0 !important;
}

.darkState .paymentTime {
    color: #9f8ff8 !important;
}


.freespins-item-right-top {
    color: #BBC0D3 !important;
}

.freespins-item-title {
    color: #414663 !important;
}

.freespins-item-date {
    color: #BBC0D3 !important;
}

.mainBody .SectionGamesOneWin_section_N5az_ {
    padding: 24px !important;
}

.mainBody .showTitlePC {
    padding: 15px 20px !important;
}

@media (max-width: 1024px) {
    .user-avatar__container .user-notifications {
        right: -9px !important;
        width: 0 !important;
        top: -6px !important;
        position: absolute;
    }
}

.enotions-title {
    color: #304574;;
    font-size: 14px;
    font-family: 'Rubik';
    font-weight: 600;
}

.darkState .enotions-title {
    color: #9F8FF8;
}

.bubbles-game .buttonMain {
    margin: 0 !important;
}

.v2-game-info-modal .modal-body  {
    background: #F0F1F6;
}

@media (max-width: 700px) {

    .bubbles-right {
        border-radius: 12px 12px 0 0 !important;
    }

    .bubbles-settings {
        border-radius: 0 !important;
    }
}

.miniDesc img {
    width: 12px;
    height: 12px;
}

.errBlock .miniDesc {
    gap: 5px;
}

.darkState .tablePromo .tablePromoRow:nth-child(2n + 1) {
    background: #1d1f30 !important
}

.darkState .tablePromo .tablePromoRow:nth-child(2n) {
    background: #292b43 !important;
}
.darkState .walletBlock .buttonMain {
    margin: 0 !important;
}

.mines-anim .ma-info span {
    font-size: 9px !important;
}

.v2-game-info-modal  .modal-body{
    width: 400px !important;
    max-width: 400px !important;
}

@media (max-width: 614px) {
    .game-providers--list {
        grid-template-columns: repeat(4, 23.33%) !important;
    }
}


.darkState .wb-game--info__crash:hover {
    background: #9F8FF8 !important;
}

.settings {
    position: relative !important;
    z-index: -1 !important;
}

.faq-container__inner {
    position: relative !important;
    z-index: 0 !important;
}

.settings__inner {
    position: relative !important;
    z-index: 0 !important;
}

@media screen and (max-width: 500px) {
    .bid-history-table td.datetime {
        max-width: 50px !important;
    }
}

.modal-open .titleWindow {
    z-index: -1 !important;
    position: relative !important;
}

@media (max-width: 810px) {
    .promocodes-timer__issued {
        align-items: center;
        display: flex;
        height: calc(100% - 8px);
        justify-content: space-between;
    }

    .promocodes-timer__issued-mobile{
        flex-direction: column;
    }

    .promocodes-timer-main {
        align-items: unset;
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .promocodes-modal-main {
        display: grid;
        margin-bottom: 10px;
        grid-template-columns: 1fr 1fr;
        align-items: unset;
        border-radius: 6px;
        padding: 10px;
        background: #fff;
    }

    .promocodes-cell-mobile-right {
        text-align: center;
    }

    .promocodes-footer {
        align-items: center;
        display: flex;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .promocodes-footer-left {
        width: 100% !important;
    }

}

@media (max-width: 967px) {
    .promocodes-wrapper {
        grid-template-columns: 1fr !important;
    }
}

.PaymentInfoModal__content {
    gap: 3px;
}

.chat--compact {
    width: 100% !important;
}

@media (max-width: 600px) {
    .chatBlock {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .leftBlock {
        padding: 0 !important;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    body, html {
        zoom: 1;
        font-size: 100% !important;
        overflow-x: hidden;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .headTwo .logo {
        font-size: 20px !important;
    }

    .navbar-balance {
        gap: 0;
        padding: 6px 9px;
        right: unset;
        position: relative;
    }

    .navbar-balance div {
        display: block;
    }

    .navbar-balance__wallet {
         margin-bottom: 0 !important;
    }

    .navbar-balance__delimiter, .navbar-balance__wallet {
         margin-bottom: 0;
    }

    .vozWin {
        font-size: 58px !important;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .cell {
        height: inherit;
        max-width: 60px;
    }

    html, body {
        scrollbar-width: none;      /* Firefox */
        -ms-overflow-style: none;   /* IE и Edge Legacy */
    }

    html::-webkit-scrollbar,
    body::-webkit-scrollbar {
        width: 0;
        height: 0;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .keno-tools__autochoose .buttonMain {
        font-size: 12px !important;
    }
}

.gamesSlots .card-game *[data-v-22a9ed13] {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 8px;
}

.gamesSlots .card-profile[data-v-22a9ed13] {
    align-items: center;
    box-shadow: 0 5px 20px rgba(159, 143, 248, .149);
    display: flex;
    justify-content: center;
    position: relative;
}

.gamesSlots .game-providers-slot--large {
    width: calc(100% / 5 - 5px);
}

.gamesSlots .card-game {
    width: calc(100% / 5 - 5px);
    height: 100% !important;
}

@media (min-width: 992px) {
    .gamesSlots .card-img-top.error[data-v-22a9ed13], .card-img-top.preloader[data-v-22a9ed13], .card-profile>div.vue-load-image>img[data-v-22a9ed13] {
        width: 100%;
        object-fit: cover;
        max-width: 100%;
        aspect-ratio: 4 / 3;
        overflow: hidden;
        border-radius: 8px;
        background: #000;
    }
}

.gamesSlots .game-providers--list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}


.gamesSlots .card-img-top.error[data-v-22a9ed13], .card-img-top.preloader[data-v-22a9ed13], .card-profile>div.vue-load-image>img[data-v-22a9ed13] {
        max-height: unset !important;
        min-height: unset !important;
        min-width: unset !important;
    }


.gamesSlots startDemo {
    width: 75px !important;
}

.gamesSlots .startGame img {
    height: 100% !important;
}





@media (min-width: 500px) and (max-width: 800px) {
    .gamesSlots .card-game {
        width: calc(100% / 4 - 5px) !important;
        height: 100% !important;
    }
}

@media (max-width: 500px) {
    .gamesSlots .card-game {
        width: calc(100% / 2 - 5px) !important;
        height: 100% !important;
    }
}




@media (max-width: 500px) {
    .freespins-items-container {
        width: 98% !important;
    }

    .freespins-item {
        width: 100% !important;
    }
}

@media (max-width: 810px) {
    .promocodes-timer__label {
        width: 192px !important;
    }

    .promocodes-timer-main-mobile {
        align-items: unset !important;
    }
}

.v2-modal-open {
    overflow: hidden !important;
}


@media (max-width: 666px) {
    .dice-container {
        transition: transform 0.25s ease;
    }

    .dice-container:focus-within {
        transition: transform 0.25s ease;
    }
}

html, body {
    height: auto !important;
    min-height: 100% !important;
    overflow-y: auto !important;
}

.thirdBlock {
    min-height: calc(100svh - 95px) !important;
    padding-bottom: 40px !important;
    position: relative !important;
}

@media (max-width: 450px) {
    .buttonMain-freespins[data-v-211809cd] {
        width: 96% !important;
    }
}

.crash-game_container--no-animation .crash-game_top--loading::before {
    background: transparent !important;
}

.crash-game_container--no-animation .crash-game_bottom--loading::before {
    background: transparent !important;
}

input#walletNumber[data-v-6cf3898a] {
    border-radius: 6px !important;
}

.gamesSlots .startDemo span {
    width: 105px !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
}


.gamesSlots .startDemo {
    width: 104px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    top: 13px;
    position: relative;
}

.v2-modal-open {
    height: 100vh !important;
}

.modal-open {
    min-height: 100vh !important;
}

.wallet-number--rounded {
    border-radius: 6px !important;
}

.user-notifications {
    user-select: none !important;
    pointer-events: none !important;
}

.keno-field {
    box-sizing: border-box !important;
    width: auto !important;
}

.keno-field .cell {
    min-width: 100% !important;
}

.footer-keno .swiper-container {
    contain: inline-size;
}

.keno-anim .ka-field .cell .cookie-image, .keno-anim .ka-field .cell.win img {
    height: 22px !important;
    width: 21px !important;
}

.chatActive .leftBlock {
    width: 100% !important;
    min-width: 100% !important;
}

.v2-modal-open {
    height: auto !important;
}

.modal-open .window .withdrawWrapper {
    position: relative !important;
}

.modal-open .payoutBlock {
    z-index: -2 !important;
    position: relative !important;
}

.withdrawWrapper-container {
    z-index: 0 !important;
    position: relative;
}

.payment-container {
    z-index: 5 !important;
    position: relative;
}



.showBlock {
    background: unset !important;
}

.payment-container {
    border-radius: 0px 6px 6px 0px !important;
}

.game-info-item.keno-anim {
    height: 100% !important;
}


.historyHead {
    grid-template-columns: .8fr .8fr 1.3fr 1fr 1fr !important;
}

.historyEl {
    grid-template-columns: .8fr .8fr 1.3fr 1fr 1fr !important;
}

.window {
    position: relative;
}

@media (max-width: 500px) {
    .historyHead {
        grid-template-columns: 1.4fr 1.5fr 2.2fr 1.9fr !important;
    }

    .historyEl {
        grid-template-columns: 2.0fr 0.8fr 3.2fr 1.9fr !important;
        padding: 0;
    }

    .statusInfo {
        text-overflow:  unset !important;
    }
}

.historyDate {
    border-radius: 6px 0px 0px 6px !important;
}


@media (max-width: 344px) {
    #infoWagerModal .wager-modal {
        height: 421px !important;
    }
}

@media (min-width: 500px) and (max-width: 2000px) {
#infoWagerModal .wager-modal {
    height: 100vh !important;
    max-height: fit-content !important;
}
}


@media (max-width: 500px) {

    .statusInfo {
        overflow: unset !important;
    }
}

.chat-modal-open .thirdBlock {
    z-index: -1 !important;
}

.chat-modal-open .secondBlock {
    z-index: -1 !important;
}

.TelegramLinkModal {
    position: unset !important;
}

.TelegramLinkModal .rang__arrow--right {
    right: -20px !important;
}

.TelegramLinkModal .rang__arrow--left {
    left: -20px !important;
}


@media  (max-width: 700px) {

    .blockRef .blockSelect {
        display: block !Important;
    }

}

 @media only screen and (max-width: 1100px) and (orientation: landscape) {

    .payoutBlock {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .base-modal__content .modal-body {
        max-height: 100% !important;
    }
}

.historyHead__amount {
    left: -9px;
    position: relative;
}

.historyHead__status {
    left: -14px;
    position: relative;
}

.historyHead__id {

}
@media screen and (max-width: 685px) {
    .wager-modal:nth-child(1) {
        max-height: 100% !important;
    }
}

@media screen and (max-width: 750px) {
    .wager-modal:nth-child(1) {
        max-height: 100% !important;
    }

    .info-wager-modal-content {
        grid-template-columns: 1fr !important;
        width: 100% !important;
    }

    .modal-body:first-child {
        border-radius: 14px !important;
    }

    .info-wager-modal-content {
        max-width: 100% !important;
    }
}

@media (min-aspect-ratio: 3/4) and (max-aspect-ratio: 4/3) {
    .wager-modal:nth-child(1) {
        max-height: 100% !important;
    }
}

.historyTable {
    height: 100% !important;
}

.avatar-modal  {
    border-radius: 16px !important;
}

.withdrawWrapper-container .histFlow {
    max-height: 490px !important;
}



.imgSystem>img {
    height: 36px !important;
    width: 36px !important;
}

.PaymentInfoModal__content {
    word-break: break-all;
    white-space: normal;
}

.withdraw__input-wrapper {
    position: relative;
    display: flex;
}

.withdraw__bank-icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 24px;
}

.withdraw__bank-select {
    padding: 0 40px;
}

.withdrawWrapper-container .walletBlock input {
    padding-right: 30px;
    width: 100% !important;
}

.darkState .walletBlock input {
    background: rgba(56, 59, 90, 1) !important;
}

.darkState .walletBlock select {
    background: rgba(56, 59, 90, 1) !important;
    width: 100% !important;
}

.walletBlock .inner-input__wallet {
    width: 100% !important;
}

.wallet-number__input-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(101, 115, 150, 1);
    cursor: pointer;
}

.walletBlock .inner-input {
    box-sizing: border-box;
}

.walletMenu__item {
    height: fit-content !important;
    display: flex;
    align-items: center;
    word-break: break-all !important;
}

.input-coin-block {
    position: relative !important;
}

.darkState .input-coin-block .wallet-crypto__input {
    background: rgba(56, 59, 90, 1) !important;
}

.input-coin-block .wallet-crypto__input {
    display: flex;
    align-items: center;
}

.input-coin-block .wallet-crypto__input {
    padding: 0 40px !important;
}

.darkState .network__item {
    color: #9f8ff8 !important;
    border: 1px solid #383b5a !important;
}

.darkState .network__item--active {
    color: #fff !important;
    border: 1px solid transparent!important;
    background: #9f8ff8 !important;
}

.deposit__input {
    box-sizing: border-box !important;
}

.darkState .walletBlock .inp {
    color: #AAB5DD !important;
}

.darkState .payoutBlock .walletBlock .inp__default {
    color: #6c779e !important;
    line-height: 41px;
}

.darkState .depositSys .network__item:hover {
    color: #fff !important;
    border: 1px solid transparent!important;
    background: #9f8ff8 !important;
}

.withdraw-tag__input {
    box-sizing: border-box !important;
    padding: 0 40px !important;
}

.withdraw-tag-wrapper {
    position: relative;
}

.converter {
    position: relative;
}

.converter__input {
    padding: 0 40px !important;
    box-sizing: border-box !important;
}

.withdraw-fk-wallet .miniDesc {
    color: #6c779e !important;
}

@media (max-width: 500px) {
    .historyBlock {
        overflow-y: auto !important;
    }
}

.labelInp {
    color: #6C779E !important;
}

.darkState .labelInp {
    color: #AAB5DD !important;
}

.bottom-menu {
    z-index: 10;
}

.modal-open .bottom-menu{
    z-index: 0 !important;
}

.paginate_button {
    position: relative;
    left: 8px;
    top: -2px;
}

@media screen and (min-width: 700px) {
    .historyHead__id {
        left: -12px!important;
        position: relative;
    }

    .historyHead__amount {
        left: -17px !important;
    }

    .historyHead__status {
        left: -45px!important;
        position: relative;
    }

}

.condition-wrapper-right-content-more span  {
    font-family: RubikBold !important;
    font-weight: 500 !important;
}

.darkState .bottom-menu {
    background: rgba(54, 57, 78, .4) !important;
}

.historyEl {
    column-gap: 3px !important;
}

.historyDate {
    border-radius: 6px !important;
}

.imgSystem {
    border-radius: 6px !important;
}

.walletHistory {
    border-radius: 6px !important;
}

.thisAmount  {
    border-radius: 6px !important;
}

.payment-container {
    border-radius: 6px !important;
}
.wb-game--form .playGame {
    margin: 0px !important;
}

.bottom-nav__item {
    filter: grayscale(0) !important;
}

.promocodes-nav__title {
    color: #9f8ff8;
}

@media (max-width: 1024px) {
    .secondBlock {
        box-shadow: none !important;
    }
}

.info-wager-modal-content .modal-body {
    max-height: 100% !important;
}

@media (max-width: 750px) {
    .infoWagerModal-top {
        overflow-y: auto !important;
        height: 385px !important;
    }
}

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

.base-input-wrapper svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
}

.base-input-wrapper img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
}

.showBlock img {
    top: 0 !important;
    transform: none !important;
    left: 0 !important;
}

.faq-header .faq-card:hover {
    box-shadow: none !important;
    transition: none !important;
}

a.paginate_button {
    left: 0;
    top: 0;
    bottom: 0;
}

.deposit__input {
    width: 100%;
}

.rang-container .rang__arrow--right{
    right: 0 !important;
}

.rang-container .rang__arrow--left {
    left: 0 !important;
}

.repost-card {
    grid-template-columns: 1fr 1fr !Important;
}

.paging_simple_numbers {
    gap: 5px;
}

a.paginate_button {
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    position: static;
    align-items: center;
    margin: 0 !important;
}

span.paginate_button {
    left: 0;
    top: 0;
    bottom: 0;
    display: flex;
    position: static;
    align-items: center;
    margin: 0 !important;
}

.rang-container .rang__arrow {
    display: block !important;
}

.rang-container .rang__arrow--left {
    display: block !important;
}

.deposit__input {
    width: 100%;
}

@media (min-width: 1200px) {
    .rang-container .rang__arrow {
        display: none !important;
    }

    .rang-container .rang__arrow--left {
        display: none !important;
    }
}

.quest {
    z-index: 0 !Important;
}

@media (min-width: 370px) and (max-width: 410px) {
   .transactions .transactions__td[data-v-1a2e8729] {
        padding: 8px 7px !important;
    }
}

@media (max-width: 500px) {
    .historyBlock {
        overflow: hidden !important;
        overflow-y: auto !important;
    }
}

.transactions {
    width: 100% !important;
    display: block !important;
    border-collapse: separate !important;
    border-spacing: 3px 0px !important;
}

.transactions thead {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
}

.transactions tbody {
    max-height: 500px;
    overflow-y: auto !important;
    display: block !important;
    overflow: hidden;
    width: 100%;
}

.transactions tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.transactions td {
    padding: 7px 14px !important;
}

.transactions td {
    padding: 5px 8px !important;
}

.transactions th:nth-child(1),
.transactions td:nth-child(1) { width: 60px; }

@media (max-width: 430px) {
    .transactions th:nth-child(1), .transactions td:nth-child(2) {
        width: 90px;
    }
}

@media (max-width: 439px) {
    .transactions__text[data-v-7243eddd] {
        font-size: 11px;
    }
}

@media (max-width: 520px) {
    .transactions__text[data-v-7243eddd] {
        font-size: 11px;
    }
}

.welcome-modal__brand {
    width: 48px!important;
}

.walletMenu>div {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
    border-left: 2px solid rgba(0, 0, 0, 0.02);
    border-right: 2px solid rgba(0, 0, 0, 0.02);
}

@media screen and (max-width: 1024px) {
    .secondBlock {
        overflow: hidden !important;
        overflow-x: hidden !important;
    }
}

.input#walletNumber {
    border-radius: 6px !important;
}

.welcome-modal img {
    width: 48px;
    height: 48px;
}

.darkState .modalBlock .modal1 .textEnter span {
    color: #7265fd !important;
}

.modalBlock .modal1 .textEnter span {
    color: #3566fb !important;
}

.game-history-item__count {
    color: #aab5dd !important;
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .payoutBlock {
        display: block !important;
    }
}

.walletMenu {
    overflow: hidden;
    transition: transform .25s ease, opacity .25s ease;
}

.walletMenuOpen {
    height: auto !important;
    min-height: 40px;
}

.transactions th:nth-child(1), .transactions td:nth-child(1) {
    width: 68px !important;
}

@media (max-width: 488px) {
    .quest-btn {
        position: absolute;
        bottom: 5px;

    }

    .repost-card {
        grid-template-columns: 1fr !important;
    }

    .quest {
        height: 225px;
    }
}

.amount .showBlock {
    margin: 0 !important;
    width: 16px !Important;
    height: 16px  !Important;
    background: unset !Important;
}

.date-cell .date {
    font-weight: 500 !important;
}


.rang-container {
    height: 100vh !important;
}

.darkState .amount .pending {
    background-color: #fc9a07 !important;
    color: #fff !important;
}

@media screen and (max-width: 500px) {
    .transactions__td .showBlock {
        top: 0 !important;
        right: 0 !important;
    }
}

.Vue-Toastification__toast.Vue-Toastification__toast--success.bottom-center.socketConnection, .Vue-Toastification__toast.Vue-Toastification__toast--success.crashNotification,
.Vue-Toastification__toast.Vue-Toastification__toast--error.crashNotification {
    border-radius: 16px !important;
    min-height: 45px !important;
    padding: 7px 20px 7px !important;
    min-width: auto !important;
}

.walletMenuOpen {
    height: 170px !important;
}

.bonus-tabs-container .bonus-tabs[data-v-33e86d38] {
    flex-wrap: unset;
}

@media (max-width: 810px) {
    .bonus-tabs {
        flex-wrap: wrap !important;
    }
}

.darkState .auth-loader-fill {
    background: #9f8ff8 !important;
}


.withdraw-fk-wallet .miniDesc {
    text-align: center;
}


.walletBlock .withdraw-fk-wallet .miniDesc {
    color: #6C779e !important;
}

.darkState .walletBlock .withdraw-fk-wallet .miniDesc {
    color: #aab5dd !important;
}

.darkState .menu>a:hover {
    color: #9f8ff8 !important;
}

.topBlock>.text {
    color: #55628f !important;
}

.darkState .topBlock>.text {
    color: #7080b6 !important;
}

.darkState .menu-container p {
    color: #7080b6 !important;
}

.payoutBlock .walletBlock .buttonMain {
    margin: 0px !important;
}


#modalNotification .modal-overflow {
    max-height: 610px !important;
}

@media (max-width: 700px) {
    #modalNotification .modal-overflow {
        max-height: 793px !important;
    }
}

.darkState .condition-content__title {
    color: #657396 !important;
}

.date-profile {
    padding: 10px !important;
}

@media (max-width: 500px) {
    .df-roboto .modalBlock {
        overflow-y: unset !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
}

.modal-body .dataTables_wrapper .dataTables_paginate {
    float: unset !important;
}

#refList_paginate, #refList_paginate span {
    display: flex;
    align-items: center;
    justify-content: center;
}

#refList_paginate, #refList_paginate span  {
    gap: 5px !important;
}

.notification-date {
    position: relative;
    top: 14px;
    width: 80px;
}

#modalNotification .stack {
    height: 100%;
    flex: 1;
}

#modalNotification .modal-body {
    min-height: 700px;
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

#modalNotification  .modal-overflow {
    visibility: visible;
    height: 100%;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
    padding: 6px 6px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.next {
    padding: 6px 6px !important;
}

.blockMines > div > .item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.v2-msg__text {
    width: 100%;
    white-space: normal;
    overflow-wrap: anywhere;
}

.blockRef .topLabel {
    margin-bottom: 8px;
}

.blockRef .bLabel {
    margin-bottom: 8px;
}

.blockRef .bLabel {
    margin-bottom: 8px;
}

.bLabel {
    Width: 174px;
}

.condition-content__title {
    width: 54px;
}

.VSlide_root_n31U8 {
    background-color: unset !Important;
}

.bonus-tabs img {
    position: relative;
    right: 2px;
}

@media (max-width: 1024px) {
    .v2-chat {
        width: 100vw !important;
        height: 100vh!important;
        z-index: 123123 !important;
        position: fixed !important;
        top: 0 !important;
        right: 0 !important;
        left: 0 !important;
    }
}

.v2-input {
    color: rgba(88, 110, 191, 1) !important;
}

.darkState .v2-input {
    color: rgba(108, 119, 158, 1) !important;
}

.gradient-text {
    background: linear-gradient(90deg,
    #8B5CF6 0%,
    #A855F7 35%,
    #C084FC 65%,
    #E9D5FF 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

@media (max-width: 1280px) {
    .v2-chat {
        height: 100dvh !important;
        width: 100% !important;
        margin-top: 0 !important;
        inset: 0;
    }

    .v2-chat__system[data-v-7a5c4ef2], .v2-input[data-v-7a5c4ef2] {
        font-size: 16px !important;
    }
}

.v2-chat-pin__content-text {
    display: flex;
    flex-direction: column;
}

.user-avatar__container {
    cursor: pointer;
}

.v2-msg__reply {
    gap: 3px;
}

@media (max-width: 1280px) {
    .v2-chat-header__left {
        display: flex !important;
    }
}

.balanceBlock {
    height: 113px !Important;
}

.balanceBlock>.text {
    margin: 17px 0 !important;
}

.darkState .balanceBlock>.text {
    margin: 0 !important;
}

.balance-block .textshadow {
    display: block !important;
    opacity: 0;
}

.darkState .balance-block .textshadow {
    display: block !important;
    opacity: .1;
}

.balanceBlock>.text {
    margin: 0 !important;
}

.table-wrapper .table#refListTable th {
    padding: 8px 10px !important;
}

.v2-chat-time-filter {
    gap: 5px !important;
}

.menu-container-wrapper p:hover {
    color: #6B799B;
    transition: opacity 0.2s ease;
}

.menu-container-wrapper p:hover:hover {
    opacity: 0.75 !important;
}

.darkState .subMenuOpen .menu-container p {
    color: #ABB2DE !important;
}

.v2-input {
    font-size: 17px !important;
}

@media (max-width: 500px) {
    .wheel-btn[data-v-8f6f6e36] {
        top: 79%;
    }

    .wheel-wrapper {
        background-repeat: no-repeat !important;
        background-position: top !important;
        background-size: 100% !important;
        clip-path: unset !important;
        height: 185px !important;
        overflow: visible !important;
        padding: 10px !important;
        width: 100% !important;
    }

    .wheel-container[data-v-8f6f6e36] {
        height: 375px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        position: relative !important;
        width: 100% !important;
    }

    .wheel {
        width: 100% !important;
        height: 51% !important;
        clip-path: inset(0 0 0 0) !important;
        background-size: 100% !important;
    }
}

@media (max-width: 430px) {
    .wheel-btn[data-v-8f6f6e36] {
        top: 79%;
    }

    .wheel-wrapper {
        background-repeat: no-repeat !important;
        background-position: top !important;
        background-size: 100% !important;
        clip-path: unset !important;
        height: 185px !important;
        overflow: visible !important;
        padding: 10px !important;
        width: 100% !important;
    }

    .wheel-container[data-v-8f6f6e36] {
        height: 375px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        position: relative !important;
        width: 100% !important;
    }

    .wheel {
        width: 100% !important;
        height: 51% !important;
        clip-path: inset(-24px 0 16px 0) !important;
        background-size: 100% !important;
    }
}

@media (max-width: 380px) {
    .wheel-btn[data-v-8f6f6e36] {
        top: 79%;
    }

    .wheel-wrapper {
        background-repeat: no-repeat !important;
        background-position: top !important;
        background-size: 100% !important;
        clip-path: unset !important;
        height: 185px !important;
        overflow: visible !important;
        padding: 10px !important;
        width: 100% !important;
    }

    .wheel-container[data-v-8f6f6e36] {
        height: 375px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        position: relative !important;
        width: 100% !important;
    }

    .wheel {
        width: 100% !important;
        height: 51% !important;
        clip-path: inset(-24px 0 31px 0) !important;
        background-size: 100% !important;
    }
}

@media (max-width: 350px) {
    .wheel-btn[data-v-8f6f6e36] {
        top: 79%;
    }

    .wheel-wrapper {
        background-repeat: no-repeat !important;
        background-position: top !important;
        background-size: 100% !important;
        clip-path: unset !important;
        height: 185px !important;
        overflow: visible !important;
        padding: 10px !important;
        width: 100% !important;
    }

    .wheel-container[data-v-8f6f6e36] {
        height: 375px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        position: relative !important;
        width: 100% !important;
    }

    .wheel {
        width: 100% !important;
        height: 51% !important;
        clip-path: inset(-24px 0 47px 0) !important;
        background-size: 100% !important;
    }
}

@media (max-width: 325px) {
    .wheel-btn[data-v-8f6f6e36] {
        top: 79%;
    }

    .wheel-wrapper {
        background-repeat: no-repeat !important;
        background-position: top !important;
        background-size: 100% !important;
        clip-path: unset !important;
        height: 185px !important;
        overflow: visible !important;
        padding: 10px !important;
        width: 100% !important;
    }

    .wheel-container[data-v-8f6f6e36] {
        height: 375px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        position: relative !important;
        width: 100% !important;
    }

    .wheel {
        width: 100% !important;
        height: 51% !important;
        clip-path: inset(-24px 0 60px 0) !important;
        background-size: 100% !important;
    }
}

@media (max-width: 750px) {
    .referal-bonus-container {
        display: initial;
    }
}

@media (max-width: 750px) {
    .wheel-btn[data-v-8f6f6e36] {
        top: 79%;
    }

    .wheel-wrapper {
        background-repeat: no-repeat !important;
        background-position: top !important;
        background-size: 100% !important;
        clip-path: unset !important;
        height: 185px !important;
        overflow: visible !important;
        padding: 10px !important;
        width: 100% !important;
    }

    .wheel-container[data-v-8f6f6e36] {
        height: 375px !important;
        margin: 0 auto !important;
        overflow: hidden !important;
        position: relative !important;
        width: 100% !important;
    }

    .wheel {
        height: 51% !important;
        clip-path: inset(0 0 0 0) !important;
        background-size: 100% !important;
    }
}

.domain-logo {
    height: 195px !important;
    margin-bottom: 24px !important;
    width: 100% !important;
}

.v2-chat-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.darkState .v2-chat-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.filter-dropdown__area label {
    width: 100% !important;
}

.darkState .buttonMain {
    color: white !important;
}

.condition-wrapper .condition-content .condition-content__title {
    width: 100% !important;
}

.darkState .transactions__td-text .sum p {
    color: rgb(171, 178, 222) !important;
}

.main-bet__info {
    align-items: unset !important;
}

.main-bet__info-description {
    align-items: unset !important;
}

.darkState .wb-game--info:active, .darkState .wb-game--info:hover {
    background: unset !important;
}

.darkState .wb-game--info__crash:hover {
    background: #9F8FF8 !important;
}

.buttonMain {
    font-family: 'RubikMedium' !important;
}

.rang-profile-btn {
    cursor: unset !important;
}

.footer_navigation-link {
    font-weight: 400 !important;
    font-family: Rubik !important;
}

.profile-social .buttonMain{
    font-weight: 400 !important;
    font-family: 'Rubik' !important;
}

.darkState .buttonsBlock .buttonTwo:hover {
    color: #697494 !important;
}

.darkState .buttonsBlock .buttonTwo {
    color: #697494 !important;
}

.rang-content__info .buttonMain {
    font-weight: 400 !important;
    font-family: Rubik !important;
}

.v2-chat-status__badge {
    font-size: 10px !important;
    width: 19px !important;
    height: 19px !important;
    top: -12px !important;
    right: 6px !important;
}

.v2-msg__reply-name__text a {
    color: #3566fb !important
}
.darkState .v2-msg__reply-name__text a {
    color: #9f8ff8!important;
}

.v2-chat-pin__description a {
    color: #3566fb !important
}
.darkState .v2-chat-pin__description a {
    color: #9f8ff8!important;
}

.bonus-tabs {
    max-width: fit-content !important;
}

@media (max-width: 500px) {
    .ticketJack {
        margin: 0px 8px !important;
    }

    .betPlayer .buttonMain {
        margin: 15px 0px !important;
    }
}

.betsCrash, .infoBlockMini {
    padding: 15px 15px !important;
}

.profileBlock .buttonsBlock .buttonMain  {
    color: white !Important;
}
    .lastCount::-webkit-scrollbar {
        display: none;
    }

@media (min-width: 370px) and (max-width: 410px) {
  .transactions  .transactions__td {
        padding: 8px 5px !important;
        gap: 0px !important;
    }
}

.amount .sum {
    display: flex !important;
    flex-direction: column !important;
}

@media (max-width: 400px) {
    .transactions-container .transactions  .transactions__td {
        padding: 8px 4px !important;
    }

    .amount {
        gap: 0 !important;
        display: flex !important;
    }
}

.selectSystem {
    box-sizing: border-box !important;
}

.Vue-Toastification__progress-bar {
    background: unset !important;
}

.startGame img {
    height: 100% !important;
    width: 100% !important;
}

@media (max-width: 460px) {
   .reports-list__card .gift-icon__telegram {
        width: 80% !important;
    }
}

@media screen and (max-width: 1280px) {
    .navbar-balance {
        display: inline-block;
        vertical-align: middle;
    }
}

@media screen and (max-width: 576px) {
    .navbar-balance .navbar-balance__amount {
        display: inline-block !important;
        vertical-align: middle;
    }
}

.navbar-balance__delimiter {
    display: inline-block !important;
    vertical-align: middle;
}

.navbar-balance__wallet {
    display: inline-block !important;
    vertical-align: middle;
}

.userBalanceMobile {
    display: inline-block !important;
}

.navbar-balance .navbar-balance__amount .navbar-balance__amount-value .amount {
    display: inline-block !important;
}

@media (max-width: 600px) {
    .wb-game--wrapper .wb-game--form .button__lg {
        margin: 0px !important;
    }
}



.darkState .mines-mob__bid select {
    color: #9f8ff8 !important;
}

.darkState .mines-tools__input {
    color: #9f8ff8 !important;
}

@media (min-width: 1024px) {
    .index-slots-block .gameList {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr !important;
    }
}

@media (max-width: 500px) {
    .bonusBlock-left__inner-icon {
        height: 246px !important;
    }

    .faq-content p {
        width: 284px !important;
    }
}

@media (max-width: 430px) {
    .faq-card {
        padding: 17px 16px !important;
    }
}

.crash-game_controls>div {
    backdrop-filter: blur(16px) !important;
    background: hsla(0,0%,100%,.01) !important;
}

html, body {
    touch-action: manipulation !important;
}

.darkState .bubbles-tools__bottom-content .base-input-wrapper .mines-tools__input {
    color: #ffff !Important;
}

.darkState .bombs .mines-mob__bid select {
    color: #ffff !important;
}