@charset "UTF-8";

.flex-column,
body,
html {
    -ms-flex-direction: column
}

#app,
body,
html {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    height: 100%
}

.flare,
body,
html {
    overflow: hidden
}

#app,
.flare,
.sidebar__block,
.sidebar__games,
.sidebar__inner,
.sidebar__top,
.wrapper {
    position: relative
}

.dice__range,
.select {
    -webkit-appearance: none
}

.bonus__wheel-go,
.bx-input__input label,
.chat__giveaway-inner h5,
.crash__history-item,
.dice__select-chance a,
.header__user-dropdown a,
.help,
.popup table thead>tr>td,
.sidebar__game-name,
.toast-title,
.user-status,
.wallet__tab {
    text-transform: uppercase;
    text-transform: uppercase
}

*,
.keno__bet-left a {
    text-decoration: none
}

body,
html {
    display: flex;
    flex-direction: column;
    font-family: 'Google Sans';
    background-color: #1b2030;
    color: #2d2a73;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chat span {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

::-webkit-scrollbar {
    width: 0
}

::-webkit-scrollbar-track {
    background: #22293e;
    border-radius: 100px
}

::-webkit-scrollbar-thumb {
    background: #333d59;
    border-radius: 100px
}

::-webkit-scrollbar-thumb:hover {
    background: #485478;
    border-radius: 100px
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style-type: none;
    padding: 0;
    margin: 0;
    outline: 0
}

.show_ul,
.show_ul li {
    list-style-type: disc
}

.show_ul {
    padding: 15px
}

:after,
:before,
a,
button,
input {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer
}

b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
    cursor: default
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.justify-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-space-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

a {
    color: #475a89
}

.icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    stroke-width: 0;
    stroke: currentColor !important;
    fill: currentColor !important;
    pointer-events: none
}

#app {
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.flare:hover:before {
    -webkit-animation: .6s flare;
    animation: .6s flare
}

@-webkit-keyframes flare {
    from {
        left: -200%;
        opacity: 0
    }

    to {
        left: 150%;
        opacity: 1
    }
}

@keyframes flare {
    from {
        left: -200%;
        opacity: 0
    }

    to {
        left: 150%;
        opacity: 1
    }
}

button,
input,
textarea {
    font-family: inherit;
    border: 0;
    background: 0 0;
    outline: 0
}

.wrapper {
    max-width: 1425px;
    margin: 0 auto
}

.btn.white {
    background: #fff;
    color: #3b7be6
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-MediumItalic.eot');
    src: local('Google Sans Medium Italic'), local('GoogleSans-MediumItalic'), url('../fonts/GoogleSans-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GoogleSans-MediumItalic.woff2') format('woff2'), url('../fonts/GoogleSans-MediumItalic.woff') format('woff'), url('../fonts/GoogleSans-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Bold.eot');
    src: local('Google Sans Bold'), local('GoogleSans-Bold'), url('../fonts/GoogleSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GoogleSans-Bold.woff2') format('woff2'), url('../fonts/GoogleSans-Bold.woff') format('woff'), url('../fonts/GoogleSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Italic.eot');
    src: local('Google Sans Italic'), local('GoogleSans-Italic'), url('../fonts/GoogleSans-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/GoogleSans-Italic.woff2') format('woff2'), url('../fonts/GoogleSans-Italic.woff') format('woff'), url('../fonts/GoogleSans-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Medium.eot');
    src: local('Google Sans Medium'), local('GoogleSans-Medium'), url('../fonts/GoogleSans-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GoogleSans-Medium.woff2') format('woff2'), url('../fonts/GoogleSans-Medium.woff') format('woff'), url('../fonts/GoogleSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-Regular.eot');
    src: local('Google Sans Regular'), local('GoogleSans-Regular'), url('../fonts/GoogleSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/GoogleSans-Regular.woff2') format('woff2'), url('../fonts/GoogleSans-Regular.woff') format('woff'), url('../fonts/GoogleSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Google Sans';
    src: url('../fonts/GoogleSans-BoldItalic.eot');
    src: local('Google Sans Bold Italic'), local('GoogleSans-BoldItalic'), url('../fonts/GoogleSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/GoogleSans-BoldItalic.woff2') format('woff2'), url('../fonts/GoogleSans-BoldItalic.woff') format('woff'), url('../fonts/GoogleSans-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic
}

@media only screen and (max-width:1725px) {
    .x30__bet-user .history__user span {
        max-width: 25px !important
    }

    .wrapper {
        max-width: 1400px !important
    }
}

@media only screen and (max-width:1600px) {
    .header__links li a span {
        display: none
    }

    .wrapper {
        max-width: 1325px !important
    }

    .header__links li a .icon {
        margin-right: 0 !important
    }

    .header__links li a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x30__bets {
        -ms-grid-columns: (1fr)[3] !important;
        grid-template-columns: repeat(3, 1fr) !important
    }

    .x30__bet-user .history__user span {
        max-width: 128px !important
    }

    .crash__history-item-user--win .history__user span {
        max-width: 40px !important
    }
}

@media only screen and (max-width:1515px) {

    .x30__bet-game,
    .x30__history {
        width: 100% !important
    }

    .x30__bet {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .wrapper {
        max-width: 1125px !important
    }

    .x30__history {
        margin-bottom: 15px
    }

    .x30__bet-user .history__user span {
        max-width: 40px !important
    }

    .games {
        -ms-grid-columns: (1fr)[3] !important;
        grid-template-columns: repeat(3, 1fr) !important
    }

    .crash label>span {
        display: none
    }

    .bonus__item {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1
    }

    .bonus__item--reposts .bx-input__input {
        width: 76% !important
    }

    .bonus__levels-items,
    .bonus__reposts-items {
        -ms-grid-columns: (1fr)[2] !important;
        grid-template-columns: repeat(2, 1fr) !important
    }
}

@media only screen and (max-width:1250px) {
    .sidebar__profile {
        display: none
    }

    .footer__links {
        justify-content: center;
        flex-direction: column;
        width: 100%;
        line-height: 24px
    }

    .footer__links li {
        margin-right: 0 !important
    }

    .footer__text {
        width: 100%;
        text-align: center;
        padding-top: 20px
    }

    .x30__bets {
        -ms-grid-columns: (1fr)[2] !important;
        grid-template-columns: repeat(2, 1fr) !important
    }

    .x30__bet-user .history__user span {
        max-width: 75px !important
    }
}

@media only screen and (max-width:1125px) {
    .sidebar {
        display: none !important
    }

    .chat {
        width: 100% !important;
        z-index: 4;
        background: #ebecf2 !important
    }

    .chat:before {
        content: '';
        position: absolute;
        top: 0;
        width: 100%;
        height: 8px;
        left: 0;
        background: url(../images/borders.svg)
    }

    main {
        z-index: 1
    }

    .footer,
    .header,
    main {
        padding-left: 20px !important;
        width: 100% !important;
        padding-right: 20px !important
    }

    .x30__bets {
        -ms-grid-columns: (1fr)[3] !important;
        grid-template-columns: repeat(3, 1fr) !important
    }

    .mobile-menu {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }

    .chat__header-info {
        background: #ebecf2 !important
    }

    .theme--dark .chat__header-info {
        background: #1b2030 !important
    }
}

@media only screen and (max-width:725px) {

    .games,
    .x30__bets {
        -ms-grid-columns: (1fr)[2] !important;
        grid-template-columns: repeat(2, 1fr) !important
    }

    .overlayed {
        padding-top: 30px !important
    }

    .dice__bet {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .mines__left {
        width: 100% !important;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 15px
    }

    .mines__right {
        margin: 0 auto;
        width: 340px !important
    }

    .mines__wrapper {
        width: 100%
    }

    .keno__bet-settings {
        height: auto !important
    }

    .keno__bet-left {
        width: 100% !important
    }

    .keno__bet-right {
        width: 100%;
        padding: 10px 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #f1f2ff
    }

    .keno__bet {
        padding: 20px 25px !important
    }

    .bonus__hits-content {
        background-size: cover !important;
        padding-top: 150px !important;
        padding-left: 30px !important;
        padding-right: 30px !important
    }

    .bonus__content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .bonus__content .bx-input__input {
        width: 100% !important;
        margin-bottom: 15px
    }

    .shoot .crazygame__container {
        background: #31251a
    }

    .shoot .crazygame__center-ellipse {
        width: 640px !important;
        height: 640px !important;
        left: 50% !important;
        top: 50% !important;
        -webkit-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important
    }

    .shoot .crazygame__center-ellipse-border {
        width: 610px !important;
        height: 610px !important
    }

    .shoot .crazygame__game-select {
        border-radius: initial !important;
        -webkit-backdrop-filter: blur(1px) !important;
        backdrop-filter: blur(1px) !important;
        background: rgba(49, 37, 26, .75) !important
    }
}

.header__user-b,
.popup {
    -webkit-backdrop-filter: blur(7px)
}

@media only screen and (max-width:675px) {
    .wallet__methods {
        width: 100% !important;
        margin-bottom: 15px;
        height: 200px !important
    }

    .wallet__content {
        padding-left: 0 !important;
        width: 100% !important
    }

    .wallet__order {
        margin-top: 20px
    }

    .shoot__bet {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .shoot__bet-btns {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        padding: 0 !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 15px
    }

    .shoot__bet-btn-settings {
        margin-right: 15px
    }

    .shoot__bet-btn-settings:last-child {
        margin-right: 0
    }

    .shoot__bets {
        -ms-grid-columns: (1fr)[2] !important;
        grid-template-columns: repeat(2, 1fr) !important
    }

    .shoot__bet-item--bonus {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (max-width:650px) {
    .shoot__game-wrapper {
        width: 100% !important;
        padding: 0 20px
    }
}

@media only screen and (max-width:625px) {

    .crash__left,
    .crash__right,
    .header__right,
    .refferal__left {
        width: 100% !important
    }

    .header__links {
        display: none !important
    }

    .header__right .sidebar__logotype {
        display: block !important
    }

    .header__right {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .shoot .cash-hunt__inner {
        -ms-grid-columns: (1fr)[6] !important;
        grid-template-columns: repeat(6, 1fr) !important
    }

    .x30__rocket {
        right: -60px !important;
        bottom: -60px !important
    }

    .history {
        overflow-x: auto
    }

    .history table {
        min-width: 925px
    }

    .crash__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .crash__left {
        margin-top: 15px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .crash__canvas {
        height: 230px
    }

    .refferal__stats {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 !important;
        margin-top: 20px
    }

    .refferal__left {
        margin-bottom: 20px
    }

    .profile__stats {
        -ms-grid-columns: (1fr)[2] !important;
        grid-template-columns: repeat(2, 1fr) !important
    }

    .popup .bx-input__create-coupon {
        -ms-grid-columns: (1fr)[1] !important;
        grid-template-columns: repeat(1, 1fr) !important
    }

    .popup .bx-input__create-coupon .bx-input__input:last-child {
        grid-column: auto !important
    }
}

.games__item,
.slot_game_wrapper,
body.active {
    overflow: hidden
}

@media only screen and (max-width:525px) {
    .games {
        grid-template-columns: repeat(2, 1fr) !important
    }

    .keno__title,
    .x100__bet-users,
    .x30__bet-users {
        display: none
    }

    .x30__bet-info,
    .x30__bets .x30__bet {
        margin-bottom: 0 !important
    }

    .keno__mines.d-flex.justify-center.align-center {
        padding: 10px 20px 20px
    }

    .keno__canvas-item.d-flex.align-center.justify-center {
        min-width: 65px;
        height: 65px
    }

    a.shoot__bet-btn-settings.d-flex.align-center.lft {
        width: auto;
        margin: 0 auto !important
    }

    input#sumBetKeno {
        font-size: 14px !important;
        width: 80px !important
    }

    .keno__bet-left.d-flex.align-center {
        display: block;
        margin-bottom: 20px
    }

    a.shoot__bet-btn-settings.d-flex.align-center {
        width: 100%;
        font-size: 14px;
        height: 56px;
        margin-bottom: 15px
    }

    .keno__content {
        margin-top: 0 !important
    }

    .keno__round-info {
        padding: 20px 20px 0 !important
    }

    .keno__round-info-item.d-flex {
        position: relative;
        line-height: 25px;
        padding: 12px 14px;
        border-radius: 12px
    }

    .keno__canvas {
        max-width: 365px !important
    }
}

.bx-input:last-child,
.chat__msg:last-child,
.mobile-navbar a:last-child,
.popup__fair-item:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:475px) {

    .games,
    .shoot .coinflip__inner {
        -ms-grid-columns: (1fr)[1] !important;
        grid-template-columns: repeat(1, 1fr) !important
    }

    .support_tittles span {
        width: 130px !important;
        font-size: 12px !important
    }

    .support_closed {
        padding: 5px 7px !important;
        font-size: 8px !important
    }

    .gx-col.gx-left.gx-comp-1,
    a.is-ripples.flare.d-flex.align-center.has-ripple.send.blues span {
        display: none !important
    }

    a.is-ripples.flare.d-flex.align-center.has-ripple.send.blues {
        width: 42px !important;
        padding: 0 !important;
        margin: 0 auto !important
    }

    svg.support_send {
        margin: 0 auto !important
    }

    .popup__title span,
    .support-message__text,
    .support-message__username,
    input#send_message {
        font-size: 12px !important
    }

    .support-message__date {
        font-size: 8px !important
    }

    .support-message {
        max-width: 100% !important
    }

    .support-chat__body {
        max-height: 50vh
    }

    .support__container {
        max-height: 100% !important
    }

    .support__sidebar-body {
        max-height: 20vh
    }

    .support-chat__left {
        max-width: none !important
    }

    .support-create {
        border-radius: 0 0 12px 12px
    }

    input#ticket_subject,
    textarea#ticket_body {
        font-size: 10px
    }

    .support-chat__header {
        border-radius: 12px 12px 0 0
    }

    .support__sidebar.display-none {
        border-right: none !important;
        display: contents
    }

    .support {
        background: #181b27 !important;
        width: 100% !important;
        padding: 15px !important
    }

    a.newbuttonsupp.is-ripples.flare.d-flex.align-center.has-ripple {
        width: 100%;
        margin-bottom: 20px !important
    }

    .support-empty {
        padding: 25px !important;
        border-radius: 12px !important
    }

    .toclet-row-content {
        width: 120px !important
    }

    .ticket-row__status {
        width: 120px;
        text-align: center;
        margin-left: 25px
    }

    .gx-col.mw-6,
    a.ticket-row {
        max-width: 100%
    }

    .gx-w-box h1 {
        font-size: 16px
    }

    .gx-w-box.blue p {
        font-size: 12px
    }

    .gx-w-box.gx-col-x.blue {
        padding: 25px !important;
        min-height: 140px !important;
        background-image: url(/assets/images/banner_tg.png);
        background-position: -60px 0
    }

    .gx-w-box.gx-col-x.banner_2 {
        background-position: -50px 0
    }

    .gx-col.mb_none {
        display: none
    }

    .gx-w-box.gx-col-x {
        padding: 25px;
        min-height: 140px
    }

    .header__user-b.d-flex.align-center {
        padding: 0 15px 0 5px !important
    }

    .gx-col.gx-right {
        flex: 100% !important
    }

    .auth_blocks {
        margin-bottom: 20px !important;
        margin-top: 20px !important
    }

    .header__right.d-flex.align-center {
        gap: 15px
    }

    .header__right .sidebar__logotype {
        width: 150px !important;
        height: 24px !important
    }

    .header__user-b {
        margin-right: 15px !important
    }

    .header__user-profile {
        margin-left: 0 !important
    }

    .shoot .coinflip__inner {
        grid-gap: 20px;
        padding: 20px !important
    }

    .shoot .coinflip {
        background: #31251a !important
    }
}

.sidebar__inner {
    width: 73px;
    height: 100%
}

.sidebar__block {
    border-radius: 25px;
    width: 100%;
    background: #f4f6ff
}

.sidebar__games {
    padding: 25px 0 15px;
    margin-bottom: 20px
}

.sidebar__games:before {
    content: '';
    position: absolute;
    left: 50%;
    top: -20px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 38px;
    height: 38px;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    background: #ebecf2
}

.sidebar__games:after,
.sidebar__profile:before {
    -webkit-transform: translate(-50%);
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    left: 50%;
    content: ''
}

.sidebar__games:after {
    position: absolute;
    top: -8px;
    transform: translate(-50%);
    width: 18px;
    height: 18px;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    background: #20273b;
    border-radius: 4px
}

.sidebar__logotype {
    position: relative;
    width: 150px;
    height: 24px;
    margin-right: 36px;
    margin-bottom: 40px
}

.sidebar__logotype:before {
    -webkit-filter: blur(0.8rem);
    filter: blur(.8rem)
}

.sidebar__logotype a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(../images/logotype.svg) center center/contain no-repeat
}

.sidebar__game:not(.sidebar__game--active):hover {
    color: #fff
}

.sidebar__game:not(.sidebar__game--active):hover .sidebar__game-name {
    opacity: 1;
    padding-left: 52px;
    padding-right: 20px;
    color: #fff
}

.sidebar__game .icon {
    pointer-events: none;
    position: relative;
    z-index: 1
}

.sidebar__game-center {
    z-index: 1;
    height: 100%;
    width: 100%;
    position: relative
}

.sidebar__game--hover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #3a7be6;
    opacity: 0
}

.sidebar__game-name {
    position: absolute;
    font-weight: 600;
    height: 100%;
    left: 0;
    background: #2d2a73;
    border-radius: 50px;
    opacity: 0;
    white-space: nowrap;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    pointer-events: none
}

.chat,
.chat__msg,
.chat__msg-info,
.sidebar__profile {
    position: relative
}

.sidebar__game--active {
    color: #9bccdb
}

.sidebar__game--active .sidebar__game--hover {
    opacity: 1
}

.sidebar__profile {
    padding: 25px 0 10px
}

.sidebar__profile .sidebar__game:hover {
    color: #2d2a73
}

.sidebar__profile:before {
    position: absolute;
    top: -20px;
    transform: translate(-50%);
    width: 38px;
    height: 38px;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    background: #ebecf2
}

.sidebar__profile:after {
    content: '';
    position: absolute;
    left: 50%;
    top: -8px;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    width: 18px;
    height: 18px;
    -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    background: #20273b;
    border-radius: 4px
}

.sidebar__user-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-bottom: 5px;
    position: relative
}

.sidebar__online {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    font-size: 12px;
    font-weight: 600;
    color: #2fa6ac
}

.sidebar__online i {
    width: 6px;
    height: 6px;
    background: #2fa6ac;
    border-radius: 50px;
    margin-right: 12px;
    -webkit-box-shadow: 0 0 0 6px rgba(66, 186, 192, .17);
    box-shadow: 0 0 0 6px rgba(66, 186, 192, .17);
    -webkit-animation: 2s infinite pulse;
    animation: 2s infinite pulse
}

.chat {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    border-left: 1px solid #dee2f8;
    z-index: 1
}

.chat__msg--your .chat__msg-info b,
.close-chat,
.preloader.preloader-remove {
    display: none
}

.chat__online {
    gap: 10px;
}

.ss-scroll {
    display: none;
}

.chat__heading {
    padding: 8px 16px;
    line-height: 20px;
    min-height: var(--header-height);
    border-bottom: 1px solid #212739
}

.chat__buttons a .icon {
    margin: 0;
    width: 16px;
    height: 16px
}

.chat.chat--smiles .chat__messages,
.chat.chat--stickers .chat__messages {
    height: calc(100% - 420px) !important
}

.chat__send {
    background-color: #181b27;
    border-radius: 12px
}

.chat__messages {
    padding: 0 23px
}

.chat__messages .ss-content {
    padding-top: 20px;
    padding-bottom: 20px
}

.chat__msg {
    width: 100%
}

.chat .chat__messages .ss-wrapper .ss-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px
}

.chat__msg-avatar {
    width: 42px;
    height: 42px;
    border-radius: 12px
}

.chat__msg-info {
    width: calc(100% - 42px);
    line-height: 18px;
    padding-left: 10px
}

.chat__msg-info span {
    color: #2d2a73;
    font-weight: 500
}

.chat__msg-info b {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: rgba(118, 125, 171, .5);
    font-weight: 600
}

.chat__msg-message {
    font-size: 12px;
    padding: 8px 12px;
    background: #f9f9ff;
    margin-top: 8px;
    border-radius: 0 12px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 90%
}

.chat__input,
.chat__input input,
.crash__top,
.history__game,
.keno__coeff,
.keno__title,
.profile__top,
.shoot .cash-hunt,
.tournier__list,
.wallet__history {
    width: 100%;
    position: relative
}

.chat__msg-message span {
    font-weight: 400;
    line-height: normal;
    color: #7785b3
}

.chat__msg--your .chat__msg-avatar {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.chat__msg--your .chat__msg-info {
    padding-left: 0;
    padding-right: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.chat__msg--your .chat__msg-info span {
    color: transparent;
    -webkit-background-clip: text;
    background-image: -webkit-gradient(linear, left top, right top, from(#f24e47), to(#f542b9));
    background-image: linear-gradient(to right, #f24e47, #f542b9)
}

.chat__msg--your .chat__msg-message span {
    color: #767dab !important;
    background-image: none
}

.chat__input input {
    padding: 16px;
    font-weight: 500;
    color: #29315d
}

.chat__input input::-webkit-input-placeholder {
    color: #8895ba;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.chat__input input:focus::-webkit-input-placeholder {
    opacity: 0
}

.theme--dark .chat__send .chat__buttons .send,
a.d-flex.align-center.justify-center.send.blues {
    background: linear-gradient(109.64deg, #397ce6 5.39%, #397ce6 63.15%);
    border-radius: 12px;
    color: #fff
}

.chat__send .chat__buttons {
    padding: 8px 8px 8px 0
}

.chat__send .chat__buttons a {
    background: 0 0;
    margin-right: 3px
}

.header__links li a .icon,
.header__user-dropdown a .icon {
    margin-right: 12px;
    pointer-events: none
}

.chat__send .chat__buttons a.active,
svg.icon.blue {
    color: #397ce6
}

.chat__smiles {
    background: #f3f4f8;
    position: relative;
    width: calc(100% - 18px);
    height: 270px;
    opacity: 0;
    top: 5px;
    left: -1px;
    visibility: hidden;
    padding: 13px 13px 0;
    display: none
}

.chat__smiles.chat__smiles--active,
.overlayed.active {
    opacity: 1;
    visibility: visible
}

.chat__smiles.chat__smiles--smiles .chat__smiles-scroll {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 11px
}

.chat__smiles.chat__smiles--stickers .chat__smiles-scroll {
    width: calc(100% - 18px);
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 11px
}

.chat.chat--smiles .chat__smiles--smiles,
.chat.chat--stickers .chat__smiles--stickers {
    visibility: visible;
    display: block;
    opacity: 1
}

.chat__smiles.chat__smiles--stickers .chat__smiles-item {
    height: 66px;
    width: 66px;
    padding: 25px
}

.chat.chat--smiles .chat__messages,
.chat.chat--stickers .chat__messages {
    height: calc(100% - 255px)
}

.chat__smiles.chat__smiles--stickers .chat__smiles-item img {
    width: 60px;
    height: 60px;
    border-radius: 15px;
    padding: 5px
}

.chat__buttons,
.chat__smiles .ss-content,
.footer__links,
.header__right,
.history__sum,
.history__x,
.x30,
.x30__bottom,
.x30__wheel {
    position: relative
}

.chat__smiles-item {
    height: 24px;
    width: 24px;
    border-radius: 6px;
    position: relative;
    cursor: pointer;
    -webkit-transition: .15s;
    transition: .15s
}

.chat__smiles-item:hover {
    background: #22293b;
    -webkit-box-shadow: 0 6px 13px rgba(0, 0, 0, .05);
    box-shadow: 0 6px 13px rgba(0, 0, 0, .05)
}

.chat__smiles-item img {
    pointer-events: none;
    width: 20px;
    height: 20px;
    padding: 2px
}

.chat__msg-smile {
    width: 16px;
    height: 16px;
    position: relative;
    vertical-align: middle;
    margin: 0;
    pointer-events: none
}

.chat__msg-stickers {
    vertical-align: middle;
    width: 80px;
    height: 80px;
    pointer-events: none
}

.chat__msg-message--sticker {
    background: 0 0
}

.chat__msg .chat__buttons-admins {
    position: absolute;
    bottom: 0;
    right: 0;
    visibility: hidden
}

.chat__msg:hover .chat__buttons-admins,
.popup.active {
    visibility: visible
}

.close-chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header .wrapper {
    height: 100%
}

.header__links,
.wallet__scroll {
    position: relative;
    height: 100%
}

.header__links li {
    position: relative;
    margin-right: 11px;
    height: 100%
}

.header__links li a {
    position: relative;
    color: #7987ae;
    font-weight: 500;
    font-size: 14px;
    height: 100%;
    vertical-align: middle
}

.header__links li a:hover,
.header__user-dropdown a b {
    color: #475a89
}

.header__links li a .icon {
    width: 18px;
    height: 18px
}

.header__links li a span {
    pointer-events: none
}

.header__user-b {
    position: relative;
    margin-right: -10px;
    height: 48px;
    background: #181b27;
    color: #fff;
    border-radius: 1.5rem 0 0 1.5rem;
    padding: 0 25px 0 5px;
    gap: 5px;
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750
}

.header__user-b span {
    font-size: 14px;
    font-weight: 500
}

.header__user-b .icon {
    margin-left: 8px;
    width: 16px;
    height: 16px;
    color: #f2ac44
}

.header__user-profile {
    position: relative;
    margin-left: 15px;
    height: 48px;
    padding-right: 60px;
    border-radius: 12px;
    cursor: pointer;
    background: #e0e3f1;
    color: #7887ae;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.dopPlusBetX100,
.header__user-profile.dropdown,
.plusBlock,
.wallet__method {
    background: #fff
}

.header__user-profile.dropdown .header__user-dropdown {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.header__user-profile.dropdown:before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.header__user-profile:before {
    content: '';
    position: absolute;
    right: 6px;
    top: 6px
}

.header__user-profile .icon {
    width: 14px;
    pointer-events: none;
    height: 14px
}

.header__user-dropdown {
    position: absolute;
    right: 0;
    top: 55px;
    background: #0d132c;
    -webkit-box-shadow: 0 17px 18px rgba(0, 0, 0, .02);
    box-shadow: 0 17px 18px rgba(0, 0, 0, .02);
    border-radius: 15px 15px 16px 16px;
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    visibility: hidden;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    width: 100%;
    border: 1px solid #2e3750
}

.header__user-dropdown a {
    padding: 18px 21px;
    color: #67749a;
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid rgba(227, 229, 250, .5)
}

.header__user-dropdown a:hover {
    background: rgba(0, 0, 0, .03);
    color: #576181
}

.header__user-dropdown a:last-child {
    border: 0;
    border-radius: 0 0 16px 16px
}

.header__user-dropdown a span {
    position: relative;
    pointer-events: none
}

.header__user-dropdown--id {
    pointer-events: none;
    font-size: 14px !important;
    cursor: default
}

.header__right .sidebar__logotype {
    display: none;
    margin: 0
}

.footer {
    position: relative;
    flex: 0 1 auto;
    padding: 16px;
    font-size: 12px
}

.footer__link {
    position: relative;
    margin-right: 18px
}

.footer__link:last-child {
    margin-right: 0
}

.footer__link a {
    color: #98a0cf;
    font-size: 13px;
    font-weight: 500
}

.footer__link a:hover {
    color: #737aa5
}

.footer__text {
    font-size: 12px;
    font-weight: 500;
    color: rgba(152, 160, 207, .5)
}

nav.mobile-menu__links.d-flex.align-center.justify-space-between li {
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    font-weight: 500;
    color: #7883b3
}

.mobile-menu {
    position: fixed;
    bottom: 10px;
    width: 95%;
    right: 0;
    text-align: center;
    border-radius: 100px;
    margin: 0 auto;
    left: 0;
    height: 66px;
    background: #e4e6f2;
    z-index: 8;
    padding: 10px 35px 20px;
    display: none
}

.mobile-menu__links,
.shoot .coinflip__slider {
    width: 100%;
    position: relative
}

.mobile-menu__links li a {
    height: 35px;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.mobile-menu__links li a.active {
    color: #c2e0ff
}

a.btn_active.active svg {
    fill: #050d1e !important;
    padding: 8px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background-color: #9bccdb;
    margin-top: -26px;
    color: #c2e0ff;
    transition: color .15s ease-out
}

.mobile-navbar {
    position: fixed;
    z-index: 6;
    left: 0;
    top: 0;
    height: calc(100% - 155px);
    background-color: #ebecf2;
    width: 100%;
    margin-top: 75px;
    padding: 30px 20px 20px;
    display: none
}

.mobile-navbar:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 8px;
    left: 0;
    background: url(../images/borders.svg)
}

.games__item.games__item--coin,
.games__item.games__item--dice,
.games__item.games__item--mines,
.games__item.games__item--shoot,
.games__item.games__item--slots,
.games__item.games__item--x30 {
    background-size: cover;
    background-position: center
}

.mobile-navbar a {
    display: inline-block;
    font-weight: 500;
    padding: 15px;
    border-radius: 15px;
    background: #fff;
    margin-bottom: 10px
}

.more--opened .mobile-navbar {
    display: block !important;
}

.slot_games {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 13px
}

.games,
.x30__bets {
    grid-template-columns: repeat(6, 1fr)
}

.games {
    display: grid;
    grid-gap: 13px;
    position: relative;
    margin-bottom: 35px;
    margin-top: 12px
}

.games__item {
    position: relative;
    height: 300px;
    border-radius: 25px;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    padding: 24px 28px
}

.games__item:before {
    -webkit-filter: blur(10rem);
    filter: blur(10rem)
}

.games__item.games__item--shoot {
    background-image: url(../img/home/crazyshoot.jpg)
}

.games__item.games__item--coin {
    background-image: url(../img/home/coinflip.jpg)
}

.games__item.games__item--slots {
    background-image: url(../img/home/slots.jpg)
}

.games__item.games__item--x30 {
    background-image: url(../img/home/x30.jpg)
}

.games__item.games__item--dice {
    background-image: url(../img/home/dice.jpg)
}

.games__item.games__item--mines {
    background-image: url(../img/home/mines.jpg)
}

.games__item.games__item--crash {
    background: url(../img/home/crash.jpg) center/cover
}

.games__item.games__item--x100 {
    background-image: url(../img/home/x100.jpg);
    background-size: cover;
    background-position: center
}

.games__item.games__item--jackpot {
    background: linear-gradient(236.46deg, #e01b62 -.12%, #1469cd 72.27%);
    border-bottom: 4px solid #0851a5
}

.games__item.games__item--cashhunt {
    background: linear-gradient(236.46deg, #44e9ff -.12%, #145ecd 72.27%);
    border-bottom: 4px solid #0851a5
}

.games__item--boomcity {
    background: linear-gradient(236.46deg, #ffae2e -.12%, #ff6c2e 72.27%);
    border-bottom: 4px solid #ff562e
}

.games__item.games__item--slots .games__item-text span {
    font-size: 24px
}

.games__item.games__item--slots .games__item-text p {
    font-size: 16px
}

.history {
    position: relative;
    padding-top: 0
}

.history table,
.popup table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 1em
}

body.active>#app {
    -webkit-filter: blur(8px);
    filter: blur(8px)
}

.overlayed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(235, 236, 242, .65);
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px
}

.btn,
.popup {
    overflow: hidden;
    position: relative
}

.overlayed.animation-closed .popup {
    animation: .3s forwards slideOut;
    transform: translateX(0);
    opacity: 1
}

@-webkit-keyframes slideOut {
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes slideOut {
    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.popup {
    width: 700px;
    background: #f7f8fe;
    border-radius: 2rem;
    display: none;
    visibility: hidden;
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750;
    padding: 19px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, .07)
}

@-webkit-keyframes slideIn {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideIn {
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.popup__title {
    position: relative;
    padding: 20px
}

.popup__title span {
    font-weight: 600;
    font-size: 20px
}

.popup .bx-input__input {
    background: rgba(235, 236, 242, .5)
}

.popup .bx-input__input label,
.popup .bx-input__text {
    font-size: 12px
}

.popup .bx-input__create-coupon {
    display: -ms-grid;
    display: grid;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px
}

.popup .bx-input__create-coupon:nth-child(2) {
    display: -ms-grid;
    display: grid;
    margin-top: 10px;
    grid-template-rows: 1fr;
    grid-template-columns: 3fr 1fr;
    grid-gap: 10px
}

.popup .close {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(215, 218, 243, .5) 34.37%, rgba(227, 229, 249, .5) 100%);
    box-shadow: inset 0 6px 0 rgba(221, 224, 255, .5);
    cursor: pointer;
    color: #7887ae
}

.popup .close:hover {
    color: #6b97f6
}

.popup .close .icon {
    width: 16px;
    height: 16px
}

.popup__content {
    padding: 7px 22px;
    line-height: 20px;
    display: flex;
    flex-direction: column;
    flex: 1
}

.popup__tabs {
    position: relative;
    color: #7987ae;
    border: 1px solid #252c40;
    border-radius: 16px
}

.popup__tabs span {
    font-weight: 600;
    font-size: 14px
}

.popup__tab {
    position: relative;
    padding: 14px 22px;
    border-radius: 14px;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: 2px solid transparent
}

.popup__tab:hover {
    color: #475a89
}

.popup__tab .icon {
    width: 0;
    height: 16px;
    margin-right: 0;
    opacity: 0;
    pointer-events: none
}

.btn span,
.faq__item-heading span,
.help span,
.popup__tab span {
    pointer-events: none
}

.popup__tab--active {
    border: 2px solid #eaecf4;
    color: #475a89
}

.popup__tab--active .icon {
    width: 16px;
    opacity: 1;
    margin-right: 10px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    color: #fff
}

.popup.popup--about {
    width: 320px
}

.popup.popup--about p {
    font-size: 12px;
    line-height: 21px;
    text-align: justify;
    color: #475a89
}

.popup.popup--about .borders {
    position: relative;
    width: 100%;
    background: url(../images/borders.svg);
    height: 8px;
    margin: 15px 0
}

.form-group,
.popup.popup--about h4,
img.support_hello_img {
    margin-bottom: 15px
}

.popup.popup--about .bets {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 8px
}

.popup.popup--about .bets .x30__bet-heading {
    border-radius: 15px
}

.popup table thead>tr>td {
    font-weight: 500;
    color: #9daac9;
    padding-bottom: 8px;
    font-size: 12px
}

.popup table tbody>tr>td {
    font-weight: 600;
    color: #fff
}

.popup__fair {
    position: relative;
    margin-top: 20px;
    word-break: break-all
}

.keno__bet-settings,
.popup__fair-item {
    margin-bottom: 20px
}

.popup__fair-item b {
    margin-right: 10px;
    width: 90px
}

.popup__fair-item span {
    width: calc(100% - 90px)
}

.popup.active {
    display: block
}

.wallet__method img {
    pointer-events: none;
    border-radius: 8px
}

.x30__wheels:before {
    content: '';
    position: absolute;
    top: 0;
    height: 50%;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#ebecf2), to(rgba(235, 236, 242, 0)));
    background: linear-gradient(180deg, #11182b 0, rgba(235, 236, 242, 0) 100%);
    z-index: 1;
    border-radius: 2rem
}

.x30__bets {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[6];
    grid-gap: 15px
}

.dice__timer:before {
    content: '،'
}

.dice__bet {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px 20px
}

.dice__range::-webkit-slider-thumb {
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
    -webkit-appearance: none
}

.dice__select-chance {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a00;
    padding: 5px;
    font-size: 15px
}

.dice__select-chance a {
    width: 50%;
    display: inline-block;
    padding: 12px 15px;
    text-align: center;
    border-radius: 15px
}

.bonus__wheel-go,
.shoot__bet-btns a {
    display: -webkit-box;
    display: -ms-flexbox
}

.mines__x::after,
.mines__x::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 20%;
    z-index: 2
}

.mines__x::after {
    right: 0;
    background: linear-gradient(to left, #151a32 0, transparent 100%)
}

.mines__x-item p span {
    color: #8c9dc8
}

.keno__title-bg {
    background: url(../images/games/keno/keno_header.svg) center center/contain no-repeat
}

.keno__mines {
    min-height: 470px;
    background-size: cover
}

.tournier__item--shoot:after {
    content: ''
}

.tournier__item-label {
    background: rgba(189, 194, 255, .16);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    grid-gap: 12px
}

.tournier__stat {
    background: #171b28
}

.bonus__wheel-go {
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.bonus__reposts-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px
}

.text__borders {
    position: relative;
    width: 100%;
    margin: 10px 0;
    height: 8px
}

.theme--dark {
    background: url(../assets_new/bg_hero.webp) 0 0/cover no-repeat;
    color: #fff
}

.theme--dark .bonus__levels-info,
.theme--dark .bonus__levels-item,
.theme--dark .header,
.theme--dark .sidebar__games:before,
.theme--dark .sidebar__profile:before {
    background: #1b2030
}

.theme--dark .chat {
    background: #1c202f !important;
    border-color: #20273b
}

.theme--dark .bonus__levels-item:before,
.theme--dark .bx-input__input,
.theme--dark .crash__history-item-user,
.theme--dark .profile__settings-check label:before,
.theme--dark .profile__stat-item,
.theme--dark .profile__user,
.theme--dark .sidebar__block,
.theme--dark .text {
    background: #20273a
}

.theme--dark .sidebar__logotype a {
    background: url(../logotype-dark.svg) center center/contain no-repeat
}

.theme--dark .header__links li a {
    color: #fff;
    border: 1px solid #2e3750;
    border-radius: 10px;
    padding: 6px 12px
}

.theme--dark .sidebar__game {
    color: #4e6287
}

.theme--dark .sidebar__game-name {
    background: #3a567e
}

.theme--dark .header__links li a:hover {
    color: #090f28;
    background: #9bccdb;
    text-decoration: none;
}

.theme--dark .header__links li a:active:after,
.theme--dark .header__links li a:hover:after {
    width: 100%;
    left: 0
}

.theme--dark .header__user-balance {
    color: #fff
}

.theme--dark .header__user-profile {
    background: 0 0;
    color: #7486b7;
    border: 1px solid #212739
}

.theme--dark .header__user-profile:before {
    height: 34px;
    width: 34px;
    background: url(../assets/images/user_drop.svg)
}

.theme--dark .header__user-dropdown a {
    border-bottom: 1px solid rgba(255, 255, 255, .02);
    color: #7486b7
}

.theme--dark .header__user-dropdown a:hover {
    color: #5a85e7;
    background: rgba(255, 255, 255, .01)
}

.theme--dark .header__user-dropdown a b {
    color: #7486b7
}

.theme--dark .history table thead tr td {
    color: #7785b3
}

.theme--dark .history table tbody tr td {
    color: #fff;
    background: #181b27;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750;
    min-width: 100%;
    height: 100%;
    min-height: 75px;
    line-height: 30px
}

.theme--dark .footer__link a {
    color: #596489
}

.theme--dark .footer__text {
    color: rgb(72 87 128 / 50%)
}

.theme--dark .history__x-bg {
    opacity: .07
}

.theme--dark .chat__input input::-webkit-input-placeholder {
    color: #7486b7
}

.placeholderober::placeholder {
    font-family: Montserrat, sans-serif !important
}

.theme--dark .chat__buttons a,
.theme--dark .chat__input input,
.theme--dark .chat__msg-info span {
    color: #7486b7
}

.theme--dark .chat__buttons a:hover {
    color: #b6c6ff
}

.theme--dark .chat__smiles {
    background: #181c2a;
    width: calc(100% - 0px);
    border-radius: 12px
}

.theme--dark .chat__smiles-item:hover {
    background: #22293b
}

.theme--dark .chat__buttons a {
    background: #252d42
}

.theme--dark .chat__msg-message {
    background: #212739
}

.theme--dark .chat__buttons-admins a {
    color: #7489b7;
    opacity: .5
}

.theme--dark .chat__buttons-admins a:hover {
    opacity: .65
}

.theme--dark .preloader {
    background-color: #1b2030
}

.theme--dark .x30__wheel-border {
    border-color: #262b4b
}

.theme--dark .x30__bet-info,
.theme--dark .x30__bet-user,
.theme--dark .x30__timer {
    background: #20273a;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750
}

.theme--dark .x30__timer b {
    color: #7486b7
}

.theme--dark .sidebar__game--active {
    color: #fff !important;
    background: #272d40 !important
}

.system_mess span,
.theme--dark .sidebar__game--active .icon,
a.is-ripples.flare.d-flex.align-center.has-ripple.send.blues:hover,
a.support_create_blue.is-ripples.flare.d-flex.align-center.has-ripple:hover,
input#coinSum {
    color: #fff !important
}

.theme--dark .bx-input__input label {
    color: #fff;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750;
    border-radius: 14px;
    padding: 5px 17px;
    margin: 7px;
    font-size: 12px;
    white-space: nowrap
}

.theme--dark .bx-input__input input,
.theme--dark .x30__bet-placed a,
.theme--dark .x30__bet-user .history__user span {
    color: #7486b7
}

.theme--dark .x30__bet-info,
.theme--dark .x30__bet-sum {
    color: #516496
}

.theme--dark .help {
    color: #7884b3;
    background: #23293c
}

.theme--dark .help:hover,
.theme--dark .history__user span,
.theme--dark .mines__x-item b {
    color: #fff
}

.theme--dark .help .icon {
    color: #7785b3
}

.theme--dark #toast-container>div {
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important
}

.theme--dark .dice__drum:before {
    background: -webkit-gradient(linear, left bottom, left top, from(#1b2030), to(transparent));
    background: linear-gradient(to top, #1b2030, transparent);
    border-radius: 2rem
}

.theme--dark .dice__select-chance {
    border-color: #d5d6db
}

.theme--dark .dice__select-chance a.active {
    background: #7cdaf7;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    border: 1px solid #2e3750;
    color: #071224;
    font-weight: 900
}

.theme--dark .dice__range {
    background: -webkit-gradient(linear, left top, right top, from(#7c79ff), color-stop(50%, #7c79ff), color-stop(50%, #20273a), to(#20273a));
    background: linear-gradient(to right, #7c79ff 0, #7c79ff 50%, #20273a 50%, #20273a 100%)
}

.theme--dark .x30__bonus:after {
    background: -webkit-gradient(linear, left top, right top, from(#1b2030), to(rgba(30, 34, 63, 0)));
    background: linear-gradient(90deg, #1b2030 0, rgba(30, 34, 63, 0) 100%)
}

.theme--dark .x30__bonus:before {
    background: -webkit-gradient(linear, right top, left top, from(#1b2030), to(rgba(30, 34, 63, 0)));
    background: linear-gradient(-90deg, #1b2030 0, rgba(30, 34, 63, 0) 100%)
}

.theme--dark .keno,
.theme--dark .mines__x-item,
.theme--dark .x30__bonus {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750
}

.theme--dark .mines__path-item--win {
    background: #141414 !important;
    border: 1px solid #52a5e7 !important
}

.theme--dark .mines__path-item--lose {
    background: #141414 !important;
    border: 1px solid #db8540 !important
}

.theme--dark .mines__path-item {
    background: 0 0;
    -webkit-box-shadow: inset 0 6px 0 #2e3560;
    box-shadow: none;
    border: 1px solid #272f44;
    background: linear-gradient(180deg, #090f28, #0d142c 47.4%, #151b32)
}

.theme--dark .crash__history-user-x {
    background: #1b1e37;
    padding-right: 4px
}

.theme--dark .crash__history-user-x .bx-input__text {
    color: #fff
}

.theme--dark .bonus__reposts-level,
.theme--dark .keno__round-info-item span {
    color: #7486b7
}

.theme--dark .keno__bet-input,
.theme--dark .keno__round-info-item b {
    color: #fff
}

.theme--dark .keno__mines:before {
    background: 0 0
}

.theme--dark .bonus__item,
.theme--dark .faq__item,
.theme--dark .keno__bet-settings {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750
}

.theme--dark .keno__cancel-select:hover {
    color: #f74747
}

.theme--dark .keno__auto-select:hover {
    color: #5295fe
}

.theme--dark .keno__coeff-item {
    border: 1px solid #2e3750;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80
}

.theme--dark .keno__coeff-item b {
    color: #fff;
    font-size: 17px
}

.theme--dark .keno__coeff-item--win {
    border: 1px solid #91ddb3
}

.theme--dark .keno__coeff-item--lose {
    border: 1px solid #ffaaad
}

.theme--dark .keno__coeff:before {
    background: -webkit-gradient(linear, right top, left top, from(#0e1a2d), to(transparent));
    background: linear-gradient(to left, #0e1a2d, transparent)
}

.theme--dark .keno__canvas-item {
    background: #1b2030;
    border-top: 8px solid #1b2030;
    color: #7486b7;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750
}

.theme--dark .keno__canvas-user {
    border: 2px solid #20273a
}

.theme--dark .keno__canvas-item--active {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #3a7be6 34.37%, #3a7be6 100%);
    border-top: 8px solid #3a7be6;
    color: #fff
}

.theme--dark .keno__canvas-item--is-selected {
    background: #9bccdb;
    border-top: 8px solid #9bccdb;
    color: #040e1e
}

.theme--dark .keno__canvas-item--is-revealed {
    background: #f14e3f;
    border-top: 8px solid #f14e3f;
    color: #fff;
    pointer-events: none
}

.theme--dark .keno__canvas-item--has-hit {
    background: #449d61;
    border-top: 8px solid #449d61;
    color: #fff;
    pointer-events: none
}

.theme--dark .bonus__item-title,
.theme--dark .bonus__levels-item h4,
.theme--dark .bonus__levels-text span,
.theme--dark .bonus__reposts-count,
.theme--dark .refferal__stat span {
    color: #fff
}

.theme--dark .user-status.new {
    background: #404468
}

.theme--dark .bonus__content .bx-input__input {
    background: #252e44
}

.theme--dark .bonus__reposts-count--value {
    color: #36425c
}

.theme--dark .bonus__reposts-progress {
    background: #2b3650
}

.theme--dark .bonus__hits-title span {
    -webkit-text-fill-color: #1b2030;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #272b48
}

.theme--dark .bonus__rotate-defs--dark {
    display: block !important
}

.theme--dark .faq__item-heading span {
    color: #6c81b5
}

.theme--dark .faq__item-body {
    border-top: 1px solid #262d42
}

.theme--dark .overlayed {
    background: rgb(0 0 0 / 70%)
}

.theme--dark .popup__tab--active {
    border: 2px solid #397ce6;
    color: #fff;
    background: #397ce6
}

.theme--dark .popup__tab:hover {
    color: #9fafd8
}

.theme--dark .wallet__methods {
    -webkit-box-shadow: inset 0 6px 0 #202638;
    box-shadow: inset 0 6px 0 #202638
}

.theme--dark .mobile-menu {
    background: #1b2030;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    border: 1px solid #2e3750;
    background: #00091aa6;
    border-radius: 28px 28px 0 0;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    margin: 0 auto;
    width: 100%;
    bottom: 0
}

@media only screen and (max-width:628px) {
    .theme--dark .mobh {
        display: none
    }
}

.theme--dark .mobile-navbar {
    background-color: rgb(27 32 48 / 95%);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

svg.icon.mobilesli {
    margin-right: 10px;
    float: left
}

.chat__buttons-admins a:last-child,
.x30__bet-placed a:last-child {
    margin-right: 0
}

.theme--dark .mobile-navbar a {
    -webkit-backdrop-filter: blur(5px);
    padding: 15px 20px
}

.shoot__live-drop-back,
.shoot__live-drop-front {
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

.shoot__bet-btns a {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:520px) {
    .header__user-balance-add {
        display: none
    }

    .popup__tab {
        position: relative;
        padding: 11px 15px;
        border-radius: 12px
    }

    .popup__tab .icon {
        width: 0;
        height: 14px;
        margin-right: 0;
        opacity: 0;
        pointer-events: none
    }

    .popup__tab--active .icon {
        width: 14px;
        opacity: 1;
        margin-right: 6px;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        color: #397ae6
    }

    .popup__title span {
        font-size: 10px !important
    }

    .overlayed {
        padding: 0 10px
    }
}

.auth_blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 10px;
    margin-top: 8px
}

.history__sum.d-flex.align-center.justify-center span {
    color: #fff;
    font-size: 14px
}

.btn {
    height: 48px;
    border-radius: 12px;
    padding: 0 18px;
    background: #397ce6;
    color: #030914;
    font-weight: 600
}

.btn .icon {
    margin-right: 13px
}

.btn.disabled {
    cursor: not-allowed
}

.btn--gray {
    background: #272d40
}

.btn--gray-border {
    background: 0 0;
    border: 2px solid #d8dbef;
    color: #7d8ebb
}

.btn--gray-border:hover {
    border: 2px solid #cccfe3;
    color: #475a89
}

.btn--blue {
    border-bottom: 0
}

.btn--blue span {
    text-shadow: none !important
}

.btn--red {
    background: #ce4b45;
    border-bottom: 0 solid #d22780
}

.btn--red span {
    text-shadow: 0 1px 0 rgba(136, 21, 43, .38)
}

.btn--orange {
    background: linear-gradient(101.85deg, #f66b95 13.32%, #f79e6c 58.67%), #c4c4c4
}

.btn--purple {
    background: linear-gradient(101.85deg, #6b71f6 13.32%, #8851e2 58.67%), #c4c4c4
}

.btn--green {
    background: linear-gradient(101.85deg, #29d195 13.32%, #479bca 58.67%), #c4c4c4
}

.btn--pink {
    background: linear-gradient(101.85deg, #ff4ed8 13.32%, #aa1b82 58.67%), #c4c4c4
}

.icon.money,
.icon.small {
    width: 28px;
    height: 28px
}

#toast-container>div {
    opacity: 1 !important;
    padding: 20px 20px 20px 60px !important;
    border-radius: 20px !important;
    background-position: 20px center !important;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.toast-message {
    font-size: 12px;
    opacity: .6
}

.toast-title {
    font-size: 16px;
    font-weight: 900;
    padding-bottom: 10px
}

#toast-container>div:hover {
    -webkit-box-shadow: 0 0 4em 3px rgba(0, 0, 0, .25) !important;
    box-shadow: 0 0 4em 3px rgba(0, 0, 0, .25) !important
}

.user-status {
    font-weight: 600;
    padding: 4px 8px;
    font-size: 10px;
    color: #fff !important;
    margin-right: 4px;
    border-radius: 15px
}

.user-status.new {
    background: #e0e5f4;
    color: #808ab3 !important
}

.user-status.wolf {
    background: #ff8f0f;
    color: #fff !important;
}

.user-status.predator {
    background: #b8c5d6;
    color: #000 !important;
}

.user-status.premium {
    background: linear-gradient(to right, #5e327a, #9839b9);
}

.user-status.alpha {
    background: #ffd700;
    color: #000 !important;
}

.user-status.vip {
    background: #ff4242;
}

.user-status.professional {
    background: #ff1493;
}

.user-status.legend {
    background: #4169e1;
}

.user-status.base {
    background: #808ab3;
    color: #fff !important;
}

.user-status.beginner {
    background: #808ab3;
    color: #fff !important;
}
.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-checkbox:checked+label::after {
    content: '';
    position: absolute;
    left: 5px;
    top: 5px;
    width: 14px;
    height: 14px;
    background: #5f5ce6;
    border-radius: 4px
}

@media only screen and (max-width:1725px) {
    .x30__bet-user .history__user span {
        max-width: 25px !important
    }
}

@media only screen and (max-width:1600px) {

    .header__links li a span,
    .x100__bet-users,
    .x30__bet-users {
        display: none
    }

    .header__links li a .icon {
        margin-right: 0 !important
    }

    .header__links li a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .x30__bet-user .history__user span {
        max-width: 128px !important
    }

    .crash__history-item-user--win .history__user span {
        max-width: 40px !important
    }
}

@media only screen and (max-width:1515px) {

    .x30__bet-game,
    .x30__history {
        width: 100% !important
    }

    .x30__bet {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .x30__history {
        margin-bottom: 15px
    }

    .x30__bet-user .history__user span {
        max-width: 40px !important
    }

    .games {
        grid-template-columns: repeat(6, 1fr) !important
    }

    .crash label>span {
        display: none
    }

    .bonus__item {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1
    }

    .bonus__item--reposts .bx-input__input {
        width: 76% !important
    }

    .bonus__levels-items,
    .bonus__reposts-items {
        -ms-grid-columns: (1fr)[2] !important;
        grid-template-columns: repeat(2, 1fr) !important
    }
}

@media only screen and (max-width:1400px) {
    .crash__history-users {
        -ms-grid-columns: (1fr)[1] !important;
        grid-template-columns: repeat(1, 1fr) !important
    }

    .profile__stats {
        width: 100% !important;
        margin-top: 15px;
        padding-left: 0 !important
    }

    .profile__user {
        margin: 0 auto
    }

    .games {
        grid-template-columns: repeat(5, 1fr) !important
    }
}

@media only screen and (max-width:696px) {

    .crash__left,
    .crash__right,
    .header__right,
    .refferal__left {
        width: 100% !important
    }

    .header__links {
        display: none !important
    }

    .header__right .sidebar__logotype {
        display: block !important;
        height: 48px
    }

    .header__right {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .shoot .cash-hunt__inner {
        -ms-grid-columns: (1fr)[6] !important;
        grid-template-columns: repeat(6, 1fr) !important
    }

    .x30__rocket {
        right: -60px !important;
        bottom: -60px !important
    }

    .history {
        overflow-x: auto
    }

    .history table {
        min-width: 925px
    }

    .crash__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .crash__left {
        margin-top: 15px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .crash__canvas {
        height: 230px
    }

    .refferal__stats {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 !important;
        margin-top: 20px
    }

    .refferal__left {
        margin-bottom: 20px
    }

    .profile__stats {
        -ms-grid-columns: (1fr)[2] !important;
        grid-template-columns: repeat(2, 1fr) !important
    }

    .popup .bx-input__create-coupon {
        -ms-grid-columns: (1fr)[1] !important;
        grid-template-columns: repeat(1, 1fr) !important
    }

    .popup .bx-input__create-coupon .bx-input__input:last-child {
        grid-column: auto !important
    }
}

.chat__giveaway-timer--span,
.dice__timer span,
.x30__bet-placed a {
    display: -webkit-box;
    display: -ms-flexbox
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #42bac0;
        box-shadow: 0 0 0 0 #42bac0
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(66, 186, 192, 0);
        box-shadow: 0 0 0 10px rgba(66, 186, 192, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(66, 186, 192, 0);
        box-shadow: 0 0 0 0 rgba(66, 186, 192, 0)
    }
}

@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 #42bac0;
        box-shadow: 0 0 0 0 #42bac0
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(66, 186, 192, 0);
        box-shadow: 0 0 0 10px rgba(66, 186, 192, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(66, 186, 192, 0);
        box-shadow: 0 0 0 0 rgba(66, 186, 192, 0)
    }
}

.sidebar__socials {
    position: relative;
    grid-gap: 15px
}

.sidebar__socials a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #fff
}

.d-flex.align-center.txtwhbg svg,
.history .icon.money,
.sidebar__socials a .icon {
    width: 16px;
    height: 16px
}

.sidebar__social--vk {
    background: #016fed
}

.sidebar__social--vk:hover {
    -webkit-box-shadow: 0 0 0 7px rgba(1, 111, 237, .3);
    box-shadow: 0 0 0 7px rgba(1, 111, 237, .3)
}

.sidebar__social--tg {
    background: #2399d3
}

.sidebar__social--tg:hover {
    -webkit-box-shadow: 0 0 0 7px rgba(35, 153, 211, .3);
    box-shadow: 0 0 0 7px rgba(35, 153, 211, .3)
}

.chat__header-info {
    padding: 5px 12px 5px 23px;
    line-height: 22px;
    position: absolute;
    top: 70px;
    z-index: 1000;
    width: 100%;
    background: linear-gradient(286.81deg, #f0f2ff 14.71%, #ebecf2)
}

.theme--dark .chat__header-info {
    background: linear-gradient(262deg, #232845 2.45%, #1e223f 61.7%) !important
}

@media only screen and (max-width:1125px) {
    .chat__header-info {
        background: #ebecf2 !important
    }

    .theme--dark .chat__header-info {
        background: #1b2030 !important
    }

    .games {
        grid-template-columns: repeat(4, 1fr) !important
    }
}

.chat__giveaway {
    position: relative;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px
}

.chat__giveaway-inner {
    background-color: #fafaff;
    padding: 15px 25px;
    border-radius: 17px;
    overflow: hidden;
    border: 4px solid #b2b7d3;
    position: relative
}

.theme--dark .chat__giveaway-inner {
    background-color: #262b4d;
    border: 4px solid #4d517e
}

.chat__giveaway-inner h5 {
    font-size: 13px;
    color: #475a89;
    font-weight: 800;
    padding-bottom: 12px
}

.theme--dark .chat__giveaway-inner h5 {
    color: #fff
}

.chat__giveaway-timer--span {
    background-color: #b2b7d3;
    border-radius: 7px;
    width: 28px;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 28px;
    font-weight: 900;
    color: #fff !important;
    margin: 0 2px
}

.chat__buttons a:last-child,
.select {
    margin: 0
}

.theme--dark .chat__giveaway-timer--span {
    background-color: #4d517e
}

.chat__giveaway-timer span {
    color: #9c6df2
}

.chat__giveaway-image {
    position: absolute;
    right: -12px;
    top: 0;
    pointer-events: none
}

.chat__bottom .chat__buttons a:not(.send) {
    width: 28px;
    height: 28px
}

.chat__buttons a {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: #fff;
    margin-right: 6px;
    color: #7887ae
}

.chat__buttons a:hover {
    color: #2d2a73
}

.chat__messages {
    position: relative;
    flex: 1;
    min-height: 0;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out
}

.chat__bottom {
    padding: 8px
}

.chat__buttons-admins {
    position: absolute;
    bottom: 0;
    right: 0
}

.select {
    display: block;
    font-size: 14px;
    font-family: sans-serif;
    font-weight: 600;
    color: #475a89;
    line-height: 1.3;
    padding: 15px;
    width: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(235, 236, 242, .5);
    border: 0;
    cursor: pointer
}

.bx-input--select:before {
    content: '';
    position: absolute;
    right: 20px;
    top: 43px;
    width: 8px;
    height: 8px;
    border-right: 1px solid;
    border-bottom: 1px solid;
    color: #aeb9d5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.chat__buttons-admins a {
    position: relative;
    border-radius: 50%;
    margin-right: 6px;
    color: rgba(118, 125, 171, .5)
}

.buttons_slot_game svg,
.chat__buttons-admins a .icon {
    width: 14px;
    height: 14px
}

.chat__buttons-admins a:hover {
    color: #767dab
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #ebecf2
}

.preloader-remove .preloader__lift {
    opacity: 0;
    transition: .4s
}

.preloader__lift {
    position: relative;
    width: 275px;
    height: 320px;
    -webkit-animation: 1s ease-in-out .2s infinite startupWindowAnimation;
    animation: 1s ease-in-out .2s infinite startupWindowAnimation
}

.preloader__lift-container {
    width: 220px;
    height: 270px;
    position: relative;
    border-radius: 20px;
    padding: 12px;
    overflow: hidden
}

.preloader__door {
    width: 93px;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#27385e), to(#1c2d52));
    background: linear-gradient(180deg, #27385e 0, #1c2d52 100%);
    -webkit-box-shadow: inset 5px 6px 12px rgba(73, 93, 137, .49);
    box-shadow: inset 5px 6px 12px rgba(73, 93, 137, .49);
    border-radius: 20px
}

.preloader__door--one {
    -webkit-animation: 1s .3s forwards loading;
    animation: 1s .3s forwards loading
}

@-webkit-keyframes loading {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes loading {
    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.preloader__door--two {
    -webkit-animation: 1s .3s forwards loading2;
    animation: 1s .3s forwards loading2
}

@-webkit-keyframes loading2 {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes loading2 {
    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.preloader__loader {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    opacity: 0;
    -webkit-animation: 5s forwards opacity;
    animation: 5s forwards opacity
}

.bx-input,
.bx-input__input,
.help,
.slot_games {
    position: relative
}

@-webkit-keyframes opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes opacity {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.preloader.preloader-remove {
    opacity: 0;
    transition: .8s;
    z-index: 0
}

.bx-input {
    width: 100%;
    margin-bottom: 10px !important
}

.bx-input__btn .btn,
.help {
    width: -webkit-fit-content;
    width: -moz-fit-content
}

.bx-input__input {
    background: #f3f4f8;
    border-radius: 15px;
    padding: 0 20px
}

.bx-input__input label {
    height: 42px;
    font-weight: 600;
    color: #475a89
}

.bx-input__input input,
.popup .bx-input__input input {
    height: 55px;
    color: #7987ae;
    text-align: right;
    font-weight: 500
}

.bx-input__input input {
    width: 90px
}

.popup .bx-input__input input {
    width: -webkit-fill-available
}

.bx-input__input input::-webkit-input-placeholder {
    color: rgba(120, 135, 174, .5);
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out
}

.bx-input__input input:focus::-webkit-input-placeholder {
    opacity: 0
}

.bx-input__input .icon {
    margin-left: 0;
    color: #f2ac44
}

.help .icon,
.help:hover {
    color: #fc881d
}

.bx-input__text {
    color: #7887ae;
    font-weight: 500;
    font-size: 1.3rem
}

.bx-input__btn {
    margin-top: 10px
}

.bx-input__btn .btn {
    width: fit-content
}

.help {
    font-size: 14px;
    font-weight: 500;
    width: fit-content;
    text-transform: none;
    padding: 9px 11px;
    border-radius: 8px;
    color: #5b330e;
    background: linear-gradient(91.96deg, rgba(255, 138, 31, .4) 1.43%, rgba(255, 138, 31, 0) 98.35%)
}

.bonus__hits-item span,
.bonus__hits-title,
.bonus__levels-item h4,
.bonus__wheel-go,
.boomcity__bet-heading span,
.chat__promocode-inner h4,
.coinflip__place b,
.coinflip__result,
.crash__history-item,
.games__item-soon,
.games__item-text span,
.history table thead tr td,
.history__game span,
.keno__mines-win span,
.newTimerText,
.profile__stat-item b,
.profile__top b,
.profile__username span,
.shoot .crazygame__game-select h4,
.shoot .crazygame__wheel-item span,
.shoot .pochinko__lvl-x span,
.shoot__live-drop-game .btn--orange,
.wallet__tab,
.x30__bet-heading span,
.x30__bonus-item {
    text-transform: uppercase
}

.help .icon {
    width: 16px;
    margin-right: 10px;
    height: 16px;
    pointer-events: none
}

.slot_games {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 13px;
    margin-bottom: 13px
}

.x100 .x30__bets,
.x30__bets {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr)
}

.games__item.games__item--kenox {
    background-image: url(../img/home/keno.jpg);
    background-size: cover;
    background-position: center
}

.games__item.games__item--keno {
    background: linear-gradient(236.46deg, #b8812f -.12%, #74073b 72.27%);
    border-bottom: 4px solid #56072b
}

.games__item-bg-slots {
    position: absolute;
    right: 80px;
    top: 5%;
    height: 350px
}

.games__item-bg-slots img {
    height: 100%
}

.games__item-bg-slots img:first-child {
    opacity: .2;
    position: absolute;
    top: 0;
    right: 100px;
    z-index: 1
}

.games__item-bg-slots img:nth-child(2) {
    position: relative;
    z-index: 2
}

.games__item.games__item--coin .coinflip__wrapper {
    position: absolute;
    right: -13%;
    bottom: 6%
}

.games__item.games__item--coin .coinflip__wrapper .coinflip__back {
    -webkit-animation: 2s infinite back-rotation;
    animation: 2s infinite back-rotation
}

@-webkit-keyframes back-rotation {
    from {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }
}

@keyframes back-rotation {
    from {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }
}

.games__item.games__item--coin .coinflip__wrapper .coinflip__front {
    -webkit-animation: 2s infinite front-rotation;
    animation: 2s infinite front-rotation
}

@-webkit-keyframes front-rotation {
    from {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes front-rotation {
    from {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

.games__item-text {
    position: relative;
    z-index: 3;
    pointer-events: none
}

.games__item-text span {
    font-size: 24px;
    font-weight: 900;
    color: #fff;
    letter-spacing: .05em;
    text-shadow: 0 4px 0 rgba(0, 0, 0, .14)
}

.games__item-text p {
    font-size: 12px;
    padding-top: 10px;
    color: #7485b7
}

.games__item-bg-shoot {
    position: absolute;
    left: 25%;
    bottom: -90px
}

.games__item-bg-ellipse,
.games__item-bg-ellipse_snow {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .8;
    border-radius: 35px;
    background: url(../images/games/bg-ellipse.svg) center center/cover no-repeat
}

.games__item-bg-ellipse_snow {
    background: 0 0
}

.games__item-bg-confetti {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 35px;
    background: url(../images/games/bg-confetti.png) center center/cover no-repeat;
    mix-blend-mode: lighten
}

.games__item-bg--dice,
.games__item-bg--x30 {
    position: absolute;
    width: 500px;
    height: 500px;
    z-index: 2
}

.games__item-bg--x30 {
    bottom: -10%;
    background: url(../images/games/x30/wheel-card.svg) center center/contain no-repeat;
    -webkit-animation: 60s linear infinite rotate;
    animation: 60s linear infinite rotate;
    left: 30%
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.games__item-bg--dice {
    left: 0;
    bottom: -65%;
    background: url(../images/games/dice/dice-card.png) center center/contain no-repeat
}

.games__item-bg--dice-2,
.games__item-bg--dice-3 {
    z-index: 3;
    background: url(../images/games/dice/dice.png) center center/contain no-repeat;
    position: absolute
}

@-webkit-keyframes roll_dice {
    0% {
        -webkit-transform: rotate(-21deg) translateY(30px);
        transform: rotate(-21deg) translateY(30px)
    }

    50% {
        -webkit-transform: rotate(360deg) translateY(-12px) translateX(-22px);
        transform: rotate(360deg) translateY(-12px) translateX(-22px)
    }

    100% {
        -webkit-transform: rotate(-40deg) translateY(-30px);
        transform: rotate(-40deg) translateY(-30px)
    }
}

.games__item-bg--dice-3 {
    width: 30px;
    height: 30px;
    right: 25%;
    bottom: 35%;
    -webkit-animation: 15s linear infinite roll_dice;
    animation: 15s linear infinite alternate-reverse roll_dice;
    -webkit-filter: blur(1px);
    filter: blur(1px)
}

.games__item-bg--dice-2 {
    width: 60px;
    height: 40px;
    right: 5%;
    bottom: 15%;
    -webkit-animation: 12s linear infinite roll_dice;
    animation: 12s linear infinite alternate-reverse roll_dice
}

@keyframes roll_dice {
    0% {
        -webkit-transform: rotate(-21deg) translateY(30px);
        transform: rotate(-21deg) translateY(30px)
    }

    50% {
        -webkit-transform: rotate(360deg) translateY(-12px) translateX(-22px);
        transform: rotate(360deg) translateY(-12px) translateX(-22px)
    }

    100% {
        -webkit-transform: rotate(-40deg) translateY(-30px);
        transform: rotate(-40deg) translateY(-30px)
    }
}

.games__item-bg--mines {
    position: absolute;
    left: 0;
    top: -100px;
    width: 130%;
    height: 170%;
    background: url(../images/games/mines/mines-card.svg) center center/450px 580px;
    background-position-y: 297px;
    -webkit-animation: 13s linear infinite mines;
    animation: 13s linear infinite mines;
    -webkit-transition-duration: 1000s;
    transition-duration: 1000s
}

@-webkit-keyframes mines {
    from {
        background-position: 450px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes mines {
    from {
        background-position: 450px 0
    }

    to {
        background-position: 0 0
    }
}

.games__item-bg--mines2 {
    position: absolute;
    right: -70px;
    top: -40px;
    width: 230px;
    height: 240px;
    background: url(../images/games/mines/mines.png) center center/contain no-repeat;
    z-index: 2
}

.games__item-bg--crash {
    position: absolute;
    right: -90px;
    top: -50px;
    width: 230px;
    height: 240px;
    background: url(../images/games/crash/crash.png) center center/contain no-repeat
}

.games__item-bg--crash-x {
    position: absolute;
    right: 0;
    top: -100px;
    width: 170px;
    height: 490px;
    background: url(../images/games/crash/crash-x.svg) center center/170px 310px;
    background-position-y: 0;
    -webkit-animation: 8s linear infinite crash;
    animation: 8s linear infinite crash;
    -webkit-transition-duration: 1000s;
    transition-duration: 1000s;
    z-index: 2
}

@-webkit-keyframes crash {
    from {
        background-position: 0 310px
    }

    to {
        background-position: 0 0
    }
}

@keyframes crash {
    from {
        background-position: 0 310px
    }

    to {
        background-position: 0 0
    }
}

.games__item-bg--x100 {
    position: absolute;
    left: 30%;
    bottom: 0;
    width: 600px;
    height: 600px;
    z-index: 2;
    background: url(../images/games/x100/wheel-card.svg) center center/contain no-repeat;
    -webkit-animation: 30s linear infinite rotate;
    animation: 30s linear infinite rotate
}

@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.games__item-bg--keno-x {
    position: absolute;
    right: 0;
    top: -100px;
    width: 170px;
    height: 490px;
    background: url(../images/games/keno/keno.svg) center center/190px 190px;
    background-position-y: 0;
    -webkit-animation: 8s linear infinite keno;
    animation: 8s linear infinite keno;
    -webkit-transition-duration: 1000s;
    transition-duration: 1000s;
    z-index: 2
}

@-webkit-keyframes keno {
    from {
        background-position: 0 -190px
    }

    to {
        background-position: 0 0
    }
}

.games__item-bg--keno {
    position: absolute;
    right: -60px;
    top: -30px;
    width: 170px;
    height: 170px;
    background: url(../images/games/keno/keno-card.svg) center center/contain no-repeat;
    z-index: 3
}

.games__item-bg--jackpot {
    position: absolute;
    right: -82px;
    bottom: -50px;
    width: 240px;
    height: 240px;
    background: url(../images/games/jackpot/jackpot-card.png) center center/contain no-repeat;
    z-index: 3
}

.games__item-bg--jackpot-coins {
    position: absolute;
    right: 0;
    top: -100px;
    width: 170px;
    height: 490px;
    background: url(../images/games/jackpot/jackpot.png) center center/190px 190px;
    background-position-y: 0;
    -webkit-animation: 16s linear infinite keno;
    animation: 16s linear infinite keno;
    -webkit-transition-duration: 1000s;
    transition-duration: 1000s;
    z-index: 2
}

@keyframes keno {
    from {
        background-position: 0 190px
    }

    to {
        background-position: 0 0
    }
}

.games__item--soon {
    cursor: default;
    pointer-events: none
}

.games__item-soon {
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 8px 14px;
    border-radius: 50px;
    background: #073163;
    color: #a8d0ff;
    z-index: 2;
    font-weight: 500
}

.wallet__tabs,
.wallet__txt span {
    color: #7987ae
}

.games__item-bg--cashhunt {
    position: absolute;
    right: -130px;
    bottom: -50px;
    width: 240px;
    height: 240px;
    background: url(../images/games/cashhunt/cashhunt.png) center center/contain no-repeat;
    z-index: 3
}

.games__item-bg--cashhunt-x {
    position: absolute;
    right: 0;
    top: -100px;
    width: 170px;
    height: 490px;
    background: url(../images/games/cashhunt/cashhunt-card.svg) center center/90px 350px;
    background-position-y: 0;
    -webkit-animation: 13s linear infinite cashhunt;
    animation: 13s linear infinite cashhunt;
    -webkit-transition-duration: 1000s;
    transition-duration: 1000s;
    z-index: 2
}

@-webkit-keyframes cashhunt {
    from {
        background-position: 0 350px
    }

    to {
        background-position: 0 0
    }
}

@keyframes cashhunt {
    from {
        background-position: 0 350px
    }

    to {
        background-position: 0 0
    }
}

.history table td {
    width: calc(100% / 5)
}

.history table thead tr td {
    padding: 16px 0;
    background: #1f2334;
    font-weight: 600;
    text-align: center;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091ab8;
    border: 1px solid #2e3750;
    font-size: 12px;
    color: #fff !important
}

.history table tbody tr td {
    background: #fff;
    position: relative;
    padding: 20px 0;
    text-align: center;
    font-weight: 600
}

.history table tbody tr td:first-child,
.history table thead tr td:first-child {
    border-radius: 12px 0 0 12px
}

.history table tbody tr td:last-child,
.history table thead tr td:last-child {
    border-radius: 0 12px 12px 0
}

.history__game .icon {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    color: #3a7be6
}

.history__game span {
    font-weight: 600
}

.history__user-avatar {
    width: 32px;
    height: 32px;
    border-radius: 12px;
    margin-right: 10px
}

.history__sum .icon {
    margin-left: 8px
}

.history__user span {
    position: relative;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px
}

.history__x-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 32px;
    font-weight: 900;
    opacity: .07
}

.wallet,
.wallet__content,
.wallet__method,
.wallet__order,
.wallet__tab,
.wallet__tabs,
.wallet__txt,
.x30__wheels {
    position: relative
}

.wallet {
    flex-direction: column
}

.wallet__methods {
    height: 100%;
    background: #ebecf2;
    -webkit-box-shadow: inset 0 6px 0 #dde0ff;
    box-shadow: inset 0 6px 0 #dde0ff;
    border-radius: 25px;
    width: 200px;
    padding: 18px 14px
}

.wallet__scroll .ss-scroll {
    margin-left: -5px;
    background: rgba(45, 42, 115, .15) !important;
    width: 0;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

.x30__wheel-border,
.x30__wheel-image {
    -webkit-transform: translateX(-50%);
    left: 50%
}

.ss-content {
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap
}

.wallet__method {
    padding: 4px 16px;
    border-radius: 15px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    line-height: 20px;
    border-left: 3px solid transparent;
    margin-bottom: 10px;
    max-width: 189px;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80 !important;
    border: 1px solid #2e3750
}

.dice__bet,
.dice__select-chance a {
    -webkit-backdrop-filter: blur(7px)
}

.wallet__method img {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    pointer-events: none
}

.wallet__method span {
    pointer-events: none;
    font-weight: 600;
    max-width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    pointer-events: none;
    font-size: 13px
}

.wallet__method b {
    color: #7987ae;
    font-size: 12px;
    pointer-events: none
}

.wallet__content {
    width: calc(100% - 200px);
    padding-left: 16px
}

.wallet__order {
    padding-bottom: 10px
}

.wallet__txt {
    font-size: 12px;
    font-weight: 500;
    line-height: 25px
}

.wallet__txt span .icon {
    margin-left: 6px
}

.wallet__txt b {
    font-size: 14px
}

.wallet__txt b span {
    margin-left: 4px;
    color: #fff
}

.wallet__tabs {
    margin-bottom: 20px
}

.wallet__tab {
    font-size: 12px;
    font-weight: 600;
    padding: 12px 18px;
    border-radius: 12px;
    opacity: .5;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.wallet__tab:not(.wallet__tab--active):hover {
    opacity: .7
}

.wallet__tab span {
    pointer-events: none
}

.wallet__tab .icon {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    pointer-events: none
}

.wallet__tab--active {
    background: #fff;
    color: #475a89;
    opacity: 1
}

.wallet__tab--active .icon {
    color: #397ae6
}

.wallet__history-item {
    position: relative;
    width: 100%;
    padding: 18px;
    border-radius: 15px;
    background: rgba(235, 236, 242, .5);
    margin-bottom: 10px
}

.x30__bet,
.x30__bet-info,
.x30__bets,
.x30__top {
    margin-bottom: 15px
}

.wallet__history-item:last-child {
    margin-bottom: 0
}

.wallet__history-item .wallet__method {
    padding: 0;
    background: 0 0;
    margin: 0 20px 0 0
}

.wallet__history-sum {
    font-size: 12px;
    font-weight: 600;
    color: #fff
}

.wallet__history-sum .icon {
    margin-left: 8px
}

.wallet__history-status {
    font-size: 12px;
    font-weight: 500;
    color: #7987ae
}

.x30__wheels {
    min-width: calc(100% + 60px);
    height: 300px;
    overflow: hidden
}

.x30__wheel-border {
    position: absolute;
    bottom: 0;
    transform: translateX(-50%);
    width: 1220px;
    height: 1220px;
    border: 1px solid #dbdde9;
    border-radius: 50%
}

.x30__wheel-image {
    transform: translateX(-50%);
    position: absolute;
    width: 1160px;
    height: 1160px
}

.x30__wheel-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.x30__wheel-center {
    position: relative;
    height: 100%;
    z-index: 2;
    padding-top: 15px
}

.x30__timer {
    width: 175px;
    background: #dee1f1;
    border-radius: 20px;
    padding: 22px 22px 20px
}

.x30__timer b {
    color: #475a89;
    font-size: 13px;
    padding-bottom: 8px
}

.x30__timer span {
    color: #fff;
    font-size: 32px;
    font-weight: 900
}

.x30__cursor {
    width: 32px;
    height: 48px;
    background: url(../images/games/cursor.svg) center center/contain no-repeat;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -25px
}

.x30__rocket {
    position: absolute;
    pointer-events: none;
    right: 0;
    bottom: 0;
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.x30__rocket img {
    pointer-events: none
}

.x30__rocket-img {
    position: relative;
    z-index: 1;
    -webkit-animation: 1s linear infinite alternate rocketImg;
    animation: 1s linear infinite alternate rocketImg
}

@-webkit-keyframes rocketImg {
    from {
        -webkit-transform: translateY(.2rem) translateX(.4rem);
        transform: translateY(.2rem) translateX(.4rem)
    }

    to {
        -webkit-transform: translateY(-.2rem) translateX(-.2rem);
        transform: translateY(-.2rem) translateX(-.2rem)
    }
}

@keyframes rocketImg {
    from {
        -webkit-transform: translateY(.2rem) translateX(.4rem);
        transform: translateY(.2rem) translateX(.4rem)
    }

    to {
        -webkit-transform: translateY(-.2rem) translateX(-.2rem);
        transform: translateY(-.2rem) translateX(-.2rem)
    }
}

.x30__rocket-coins {
    position: relative;
    margin-left: -40px;
    background: url(../images/rocket-coins.png) center center/92px 37px;
    width: 92px;
    height: 37px;
    -webkit-animation: 2s linear infinite rocketCoins;
    animation: 2s linear infinite rocketCoins;
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(22%, transparent), color-stop(76%, #EBECF2));
    -webkit-mask-image: linear-gradient(to left, transparent 22%, #EBECF2 76%);
    mask-image: -webkit-gradient(linear, right top, left top, color-stop(22%, transparent), color-stop(76%, #EBECF2));
    mask-image: linear-gradient(to left, transparent 22%, #EBECF2 76%)
}

@-webkit-keyframes rocketCoins {
    from {
        background-position: -92px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes rocketCoins {
    from {
        background-position: -92px 0
    }

    to {
        background-position: 0 0
    }
}

.x30__rocket--started {
    -webkit-animation: .65s linear forwards x30Started;
    animation: .65s linear forwards x30Started;
    opacity: 1;
    -webkit-transform: rotate(15deg) translateX(30px);
    transform: rotate(15deg) translateX(30px)
}

@-webkit-keyframes x30Started {
    0% {
        opacity: 1;
        -webkit-transform: rotate(15deg) translateX(30px);
        transform: rotate(15deg) translateX(30px)
    }

    100% {
        -webkit-transform: rotate(15deg) translateX(-100px) scale(1.1);
        transform: rotate(15deg) translateX(-100px) scale(1.1);
        opacity: 0
    }
}

@keyframes x30Started {
    0% {
        opacity: 1;
        -webkit-transform: rotate(15deg) translateX(30px);
        transform: rotate(15deg) translateX(30px)
    }

    100% {
        -webkit-transform: rotate(15deg) translateX(-100px) scale(1.1);
        transform: rotate(15deg) translateX(-100px) scale(1.1);
        opacity: 0
    }
}

.x30__rocket--started .x30__rocket-coins {
    -webkit-animation: .7s linear infinite rocketCoins;
    animation: .7s linear infinite rocketCoins
}

.x30__top {
    position: relative
}

.x30__bet {
    width: 100%;
    position: relative
}

.x30__history {
    width: 35%
}

.x30__history .bx-input__input {
    padding-right: 0
}

.x100__history-items,
.x30__history-items {
    width: calc(100% - 90px);
    position: relative;
    overflow: hidden;
    height: 55px;
    border-radius: 0 15px 15px 0
}

.x100__history-scroll,
.x30__history-scroll {
    position: relative;
    height: 100%;
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(46%, #EBECF2));
    -webkit-mask-image: linear-gradient(to left, transparent 5%, #EBECF2 46%);
    mask-image: -webkit-gradient(linear, right top, left top, color-stop(5%, transparent), color-stop(46%, #EBECF2));
    mask-image: linear-gradient(to left, transparent 5%, #EBECF2 46%)
}

.x30__history-item {
    min-width: 6px;
    height: 16px;
    margin-right: 8px;
    border-radius: 15px
}

.x30__history-item:hover {
    opacity: .65
}

.mines__path-item--lose .mines__path--lose,
.mines__path-item--win .mines__path--win {
    opacity: 1;
    visibility: visible;
    display: block
}

.x30__history-item.x2 {
    background: -webkit-gradient(linear, left top, right top, from(#387475), to(#2d455d)), -webkit-gradient(linear, left top, right top, from(#9842b0), to(#6e318b));
    background: linear-gradient(90deg, #387475 0, #2d455d 100%), linear-gradient(90deg, #9842b0 0, #6e318b 100%)
}

.x30__history-item.x3 {
    background: -webkit-gradient(linear, left top, right top, from(#404b88), to(#344075));
    background: linear-gradient(90deg, #404b88 0, #344075 100%);
    height: 22px
}

.x30__history-item.x5 {
    background: -webkit-gradient(linear, left top, right top, from(#9842b0), to(#6e318b));
    background: linear-gradient(90deg, #9842b0 0, #6e318b 100%);
    height: 25px
}

.x30__history-item.x7 {
    background: -webkit-gradient(linear, left top, right top, from(#3aac46), to(#36893e));
    height: 29px
}

.x30__history-item.x14 {
    background: -webkit-gradient(linear, left top, right top, from(#e64040), to(#881a1a));
    background: linear-gradient(90deg, #e64040 0, #881a1a 104.75%);
    height: 32px
}

.x30__history-item.xbonus {
    background: -webkit-gradient(linear, left top, right top, from(#f528a8), to(#ed108b));
    background: linear-gradient(90deg, #f528a8 0, #ed108b 104.75%);
    height: 35px
}

.x30__history-item.x30 {
    background: linear-gradient(86.72deg, #f89f2d 2.71%, #aa480a 97.29%), linear-gradient(90deg, #404b88 0, #344075 100%);
    height: 35px
}

.x30__bonus:after,
.x30__bonus:before {
    width: 25%;
    height: 100%;
    content: '';
    top: 0
}

.x30__bet-game {
    width: calc(65% - 15px)
}

.x100__bet-users,
.x30__bet-placed,
.x30__bet-users {
    position: relative
}

.x30__bet-placed a {
    font-weight: 600;
    color: #7887ae;
    padding: 5px;
    height: 55px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.x30__bet-placed a:before {
    content: '';
    content: '';
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 3px;
    border-radius: 100px;
    left: 0;
    -webkit-transition: .3s;
    transition: .3s;
    background: #397ce6;
    display: none
}

.crash .x30__bet-placed a:before,
.dice__betting a:before,
.mines .x30__bet-placed a:before,
.refferal .bonus__top::before,
.tournier .history::before {
    content: none
}

.x30__bet-placed a:hover {
    color: #9bccdb
}

.profile__balance,
.x30__bet-placed a:hover:before {
    width: 100%
}

.x30__bets {
    display: -ms-grid;
    display: grid;
    grid-gap: 15px
}

.x30__bet-heading {
    border-radius: 15px 15px 0 0;
    padding: 6px 22px;
    cursor: pointer;
    background: linear-gradient(263.88deg, #050d1d 0, #0f1a30 104.75%), linear-gradient(263.88deg, #354787 0, #2c335f 104.75%) !important;
    border: 1px solid #2e3750
}

.x30__bet-heading span {
    font-size: 16px;
    color: #fff;
    font-weight: 900;
    pointer-events: none
}

.x30__bet-heading img {
    pointer-events: none;
    pointer-events: none;
    width: 52px;
    height: 52px
}

.x30__bet-heading:before {
    -webkit-filter: blur(10rem);
    filter: blur(10rem)
}

.x30__bet-heading.x2 {
    background: linear-gradient(263.88deg, #387475 0, #2d455d 104.75%)
}

.x30__bet-heading.x3 {
    background: linear-gradient(263.88deg, #354787 0, #2c335f 104.75%)
}

.x30__bet-heading.x5 {
    background: linear-gradient(263.88deg, #9a39bb 0, #563272 104.75%), linear-gradient(263.88deg, #354787 0, #2c335f 104.75%)
}

.x30__bet-heading.x14 {
    background: linear-gradient(263.88deg, #e64040 0, #881a1a 104.75%)
}

.x30__bet-heading.x30 {
    background: linear-gradient(263.88deg, #f89f2d 0, #aa480a 104.75%), linear-gradient(263.88deg, #9a39bb 0, #563272 104.75%), linear-gradient(263.88deg, #354787 0, #2c335f 104.75%)
}

.x30__bet-info {
    padding: 20px 22px;
    border-radius: 0 0 15px 15px;
    background: #f3f4f8;
    color: #475a89;
    font-weight: 500
}

.x100__bet-user,
.x30__bet-user {
    position: relative;
    border-radius: 15px;
    background: #f3f4f8;
    padding: 15px;
    margin-bottom: 12px
}

.x30__bet-user .history__user span {
    max-width: 55px;
    text-overflow: ellipsis;
    font-weight: 500;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap
}

.x30__bet-sum {
    font-size: 12px;
    color: #475a89;
    font-weight: 600
}

.x30__bonus {
    background: #dee1f1;
    border-radius: 20px;
    height: 70px;
    position: relative;
    overflow: hidden;
    padding: 0 5px;
    width: 215px
}

.x30__bonus-cursor,
.x30__bonus:after,
.x30__bonus:before {
    position: absolute;
    z-index: 1
}

.x30__bonus:after {
    background: -webkit-gradient(linear, left top, right top, from(#dee1f1), to(rgba(222, 225, 241, 0)));
    background: linear-gradient(90deg, #dee1f1 0, rgba(222, 225, 241, 0) 100%);
    border-radius: 15px 0 0 15px;
    left: 0
}

.x30__bonus:before {
    background: -webkit-gradient(linear, right top, left top, from(#dee1f1), to(rgba(222, 225, 241, 0)));
    background: linear-gradient(-90deg, #dee1f1 0, rgba(222, 225, 241, 0) 100%);
    border-radius: 0 15px 15px 0;
    right: 0
}

.x30__bonus-cursor {
    top: -15px;
    left: 50%;
    width: 30px;
    height: 90px;
    background: url(../images/games/cursor-two.svg) center center/contain no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.dice__chance,
.dice__check,
.dice__drum,
.x30__bonus-scroll {
    position: relative
}

.x30__bonus-item {
    min-width: 50px;
    border-radius: 15px;
    font-weight: 600;
    color: #fff;
    height: 50px;
    margin: 0 3px
}

.x30__bonus-item.x2 {
    background: radial-gradient(50% 50% at 50% 50%, #63b2bb 0, #476d78 100%), #c4c4c4
}

.x30__bonus-item.x3 {
    background: radial-gradient(50% 50% at 50% 50%, #6068bc 0, #333f74 100%), #c4c4c4
}

.x30__bonus-item.x5 {
    background: radial-gradient(50% 50% at 50% 50%, #b54eca 0, #6d308a 100%)
}

.x30__bonus-item.x30 {
    background: radial-gradient(50% 50% at 50% 50%, #f4ad35 0, #cb550d 100%)
}

.wheel__x100-bonus {
    width: 100%;
    position: relative;
    height: 110px;
    background: url(../img/wheel-_bonus.svg) center center/contain no-repeat
}

.wheel__x100-bonus-x {
    position: relative;
    width: 310px
}

.wheel__x100-bonus-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 360px;
    height: 260px;
    background: url(../img/confetti.svg) center center/contain no-repeat;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.wheel__x100-bonus-content {
    height: 70px;
    border-radius: 5px;
    background: #17284e;
    width: calc(100% - 88px);
    left: -15px;
    position: relative
}

.dice__slider,
.wheel__x100-bonus-slider {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.wheel__x100-bonus-slider:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#17284e), to(transparent));
    background: linear-gradient(to right, #17284e, transparent);
    z-index: 1;
    border-radius: 6px 0 0 6px
}

.wheel__x100-bonus-slider:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 75px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#17284e), to(transparent));
    background: linear-gradient(to left, #17284e, transparent);
    z-index: 1;
    border-radius: 0 6px 6px 0
}

.wheel__x100-bonus-cursor {
    position: absolute;
    width: 4px;
    background: #ffd920;
    height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.wheel__x100-bonus-scroll {
    width: 999999px;
    position: relative;
    height: 100%
}

.wheel__x100-bonus-item {
    width: 58px;
    height: 58px;
    border-radius: 6px;
    margin: 0 3px
}

.keno__bet-left a .icon,
.mines__x-item {
    margin-right: 10px
}

.crash,
.dice,
.mines {
    position: relative;
    margin-bottom: 30px
}

.dice__drum:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: -webkit-gradient(linear, left bottom, left top, from(#ebecf2), to(transparent));
    background: linear-gradient(to top, #ebecf2, transparent);
    z-index: 1
}

.dice__result {
    position: absolute;
    left: 50%;
    width: 425px;
    height: 200px;
    background: url(../images/games/dice/dice-bar.png) center center/contain no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.dice__center {
    position: relative;
    z-index: 1;
    color: #fff;
    width: 250px;
    height: 125px;
    margin-top: 13px;
    left: 25px
}

.dice__timer {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    height: 100%;
    overflow: hidden
}

.dice__timer:before {
    content: '،';
    position: absolute;
    font-size: 48px;
    left: 50%;
    font-weight: 900;
    -webkit-transform: rotate(180deg) translateX(50%);
    transform: rotate(180deg) translateX(50%);
    bottom: 15px
}

.dice__timer span {
    font-size: 48px;
    font-weight: 900;
    padding-bottom: 6px;
    height: 125px;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.dice__timer span:last-child {
    border: 0
}

.dice__drum--win .dice__result {
    background: url(../images/games/dice/dice-bar--win.png) center center/contain no-repeat
}

.dice__drum--win .dice__timer {
    color: #6affc1
}

.dice__drum--lose .dice__result {
    background: url(../images/games/dice/dice-bar--lose.png) center center/contain no-repeat
}

.dice__drum--lose .dice__timer {
    color: #ff3a67
}

.dice__bet {
    position: relative;
    display: -ms-grid;
    display: flex;
    -ms-grid-columns: (1fr) [ 3];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 20px;
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750;
    padding: 10px;
    border-radius: 25px;
    flex-direction: column
}

.crash__history-users,
.mines__buttons {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr)
}

.dice__range {
    background: -webkit-gradient(linear, left top, right top, from(#7c79ff), color-stop(50%, #7c79ff), color-stop(50%, #20273a), to(#20273a));
    background: linear-gradient(to right, #7c79ff 0, #7c79ff 50%, #20273a 50%, #20273a 100%);
    border-radius: 8px;
    height: 13px;
    outline: 0;
    -webkit-transition: background 450ms ease-in;
    transition: background 450ms ease-in;
    width: 95%;
    -webkit-appearance: none;
    left: 10px;
    border: 1px solid #2e3750;
    overflow: visible
}

.dice__range::-webkit-slider-thumb {
    background: #d8a91b;
    -webkit-box-shadow: 0 4px 10px #dbb132;
    box-shadow: 0 4px 10px #dbb132;
    border-radius: 50px;
    height: 25px;
    width: 25px;
    -webkit-appearance: none
}

.dice__slider-inner {
    position: relative;
    -webkit-transition: 1s;
    transition: 1s
}

.dice__slider-item {
    position: relative;
    width: 100%;
    height: 125px
}

.dice__select-chance {
    position: relative;
    border: 2px solid #20273a;
    border-radius: 15px;
    margin-top: 15px
}

.dice__select-chance a {
    background: #20273a;
    backdrop-filter: blur(7px);
    background: #11baede8;
    border: 1px solid #2e3750;
    color: #071224;
    font-weight: 900
}

.keno__round-info-item,
.mines__wrapper {
    -webkit-backdrop-filter: blur(7px);
    position: relative
}

.dice__select-chance a.active {
    background: #29315d;
    color: #fff
}

.dice__check-chance {
    position: relative;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 900
}

.dice__check-result,
.mines__bomb {
    position: relative
}

.dice__check-result span {
    padding: 8px 12px;
    border-radius: 15px;
    background: #e1e6ff;
    font-size: 32px;
    font-weight: 900;
    color: #757ea6;
    margin: 0 3px
}

.dice__check-result b {
    font-size: 24px;
    font-weight: 900;
    color: #757ea6
}

.dice__check-result--lose span {
    background: #faa;
    color: #ee6565
}

.dice__check-result--lose b {
    color: #ee6565
}

.dice__check-result--win span {
    background: #8ce0c4;
    color: #369273
}

.dice__check-result--win b {
    color: #369273
}

.mines__wrapper {
    max-width: 700px;
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750;
    padding: 19px;
    border-radius: 2rem
}

.mines__left,
.mines__right {
    width: calc(50% - -12px)
}

.mines__path {
    gap: 3px
}

.mines__bomb a {
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    border-radius: 50px;
    color: #8c9dc8
}

.mines__bomb--active {
    background: rgb(107 131 246 / 16%);
    color: #397ce6 !important
}

.mines__buttons {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-gap: 5px
}

.mines__x {
    overflow: auto;
    width: 100%
}

.mines__scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
    border-radius: 50px
}

.mines__scroll::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 50px
}

.mines__x-item {
    min-width: 149px;
    position: relative;
    border-radius: 1.5rem;
    background: #fff;
    font-weight: 500;
    padding: 3px 18px 6px;
    border: 2px solid transparent
}

.mines__x-item p {
    font-size: 12px;
    padding-bottom: 0;
    color: #7987ae
}

.mines__x-item p span {
    color: #ffffffc7
}

.mines__x-item b {
    font-size: 18px;
    font-weight: 900
}

.mines__x-item--win {
    border: 2px solid #449d61 !important;
    background: #2a7a4466 !important
}

.mines__x-item--lose {
    border: 2px solid #f59ea1
}

.mines__path--lose,
.mines__path--win {
    opacity: 0;
    visibility: hidden;
    display: none;
    width: 24px;
    height: 24px
}

.mines__path-item {
    width: 62px;
    height: 62px;
    border-radius: 1rem;
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #d7daf3 34.37%, #e3e5f9 100%), #c4c4c4;
    -webkit-box-shadow: inset 0 6px 0 #dde0ff;
    box-shadow: inset 0 6px 0 #dde0ff;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    margin-bottom: 6px;
    cursor: pointer
}

.mines__path.level_16 .mines__path-item {
    width: calc(340px / 4 - 6px);
    height: calc(340px / 4 - 6px)
}

.mines__path.level_25 .mines__path-item {
    width: calc(340px / 5 - 6px);
    height: calc(340px / 5 - 6px)
}

.mines__path.level_36 .mines__path-item {
    width: calc(340px / 6 - 6px);
    height: calc(340px / 6 - 6px)
}

.mines__path.level_49 .mines__path-item {
    width: calc(340px / 7 - 6px);
    height: calc(340px / 7 - 6px)
}

.mines__path-item:not(.mines__path-item--lose):not(.mines__path-item--win):hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.mines__path-item--win {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #34ae6d 34.37%, #5bc08a 100%);
    -webkit-box-shadow: inset 0 6px 0 #5cc18a;
    box-shadow: inset 0 6px 0 #5cc18a;
    color: #fff
}

.mines__path-item--lose {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(240, 39, 39, .5) 34.37%, rgba(255, 80, 80, .5) 100%);
    -webkit-box-shadow: inset 0 6px 0 #f59ea1;
    box-shadow: inset 0 6px 0 #f59ea1;
    color: #fff
}

.mines__bonus {
    width: 100%;
    margin-top: 10px
}

.mines__check {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 20px;
    color: #475a89;
    font-weight: 600
}

.mines__check:after,
.mines__check:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 8px;
    background: url(../images/borders.svg)
}

.mines__check::before {
    left: 0;
    top: 0
}

.mines__check::after {
    right: 0;
    bottom: 0
}

.mines__check .icon {
    margin-left: 6px
}

.mines__check-sum--total {
    color: #2d2a73
}

.x100 .x30__wheel-image {
    width: 1310px;
    height: 1420px
}

.x100 .x30__wheels {
    height: 240px
}

.x100 .x30__wheel-border {
    width: 1420px;
    height: 1510px;
    background: url(../images/games/x100/x100_border.png) bottom no-repeat;
    min-width: 1500px
}

.x100 .x30__bet-user .history__user span {
    max-width: 45px
}

.x100 .x30__bet-heading {
    padding: 22px
}

.x100 .x30__bet-heading.x2 {
    background: #1f2872
}

.x100 .x30__bet-heading.x3 {
    background: #33c9c0
}

.x100 .x30__bet-heading.x10 {
    background: #ff8049
}

.x100 .x30__bet-heading.x15 {
    background: #7a49ff
}

.x100 .x30__bet-heading.x20 {
    background: #f2ac44
}

.x100 .x30__bet-heading.x100 {
    background: #ff5247
}

.x100 .x30__history-item.x2 {
    background: #1f2872;
    height: 10px
}

.x100 .x30__history-item.x3 {
    background: #33c9c0;
    height: 15px
}

.x100 .x30__history-item.x10 {
    background: #ff8049;
    height: 20px
}

.x100 .x30__history-item.x15 {
    background: #7a49ff;
    height: 25px
}

.x100 .x30__history-item.x20 {
    background: #ffd849;
    height: 30px
}

.x100 .x30__history-item.x100 {
    background: #ff5247;
    height: 35px
}

.x100 .x30__cursor {
    width: 45px;
    height: 70px;
    background: url(../images/games/cursor-wheel.svg) center center/contain no-repeat;
    bottom: -10px
}

.x30__bet-heading.is-ripples.flare.x3.d-flex.align-center.justify-space-between::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #33c9c0;
    transform: skew(318deg);
    z-index: 1;
    width: 70px;
    height: 80px
}

.x30__bet-heading.is-ripples.flare.x3.d-flex.align-center.justify-space-between {
    position: relative;
    overflow: hidden
}

.x30__bet-heading.is-ripples.flare.x2.d-flex.align-center.justify-space-between::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #1f2872;
    transform: skew(318deg);
    z-index: 1;
    width: 70px;
    height: 80px
}

.x30__bet-heading.is-ripples.flare.x2.d-flex.align-center.justify-space-between {
    position: relative;
    overflow: hidden
}

.x30__bet-heading.is-ripples.flare.x10.d-flex.align-center.justify-space-between::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ff8049;
    transform: skew(318deg);
    z-index: 1;
    width: 70px;
    height: 80px
}

.x30__bet-heading.is-ripples.flare.x10.d-flex.align-center.justify-space-between {
    position: relative;
    overflow: hidden
}

.x30__bet-heading.is-ripples.flare.x15.d-flex.align-center.justify-space-between::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #7a49ff;
    transform: skew(318deg);
    z-index: 1;
    width: 70px;
    height: 80px
}

.x30__bet-heading.is-ripples.flare.x15.d-flex.align-center.justify-space-between {
    position: relative;
    overflow: hidden
}

.x30__bet-heading.is-ripples.flare.x20.d-flex.align-center.justify-space-between::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f2ac44;
    transform: skew(318deg);
    z-index: 1;
    width: 70px;
    height: 80px
}

.x30__bet-heading.is-ripples.flare.x20.d-flex.align-center.justify-space-between {
    position: relative;
    overflow: hidden
}

.x30__bet-heading.is-ripples.flare.x100.d-flex.align-center.justify-space-between::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ff5247;
    transform: skew(318deg);
    z-index: 1;
    width: 70px;
    height: 80px
}

.x30__bet-heading.is-ripples.flare.x100.d-flex.align-center.justify-space-between {
    position: relative;
    overflow: hidden
}

.keno {
    position: relative;
    padding: 0;
    background: #f7f7ff;
    margin-bottom: 30px;
    border-radius: 30px
}

.keno__title-bg {
    position: relative;
    width: 330px;
    height: 84px
}

.keno__title-bg img {
    position: relative;
    top: -10px
}

.keno__content {
    position: relative;
    margin-top: -84px;
    color: #1a2547;
    padding-bottom: 30px
}

.keno__round-info {
    padding: 35px;
    position: relative
}

.keno__round-info-item {
    line-height: 29px;
    background: #1b2030;
    padding: 12px 20px;
    border-radius: 12px;
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750
}

.keno__round-info-item span {
    font-size: 12px;
    font-weight: 500;
    color: #9195b4
}

.keno__round-info-item b {
    font-size: 20px;
    font-weight: 600
}

.keno__mines {
    position: relative;
    padding-bottom: 40px
}

.keno__mines:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: url(../images/borders.svg)
}

.keno__canvas {
    position: relative;
    max-width: 625px
}

.keno__canvas-item {
    height: 68px;
    min-width: 70px;
    position: relative;
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #d7daf3 34.37%, #e8eaff 100%);
    border-radius: 10px;
    margin-top: 8px;
    cursor: pointer;
    border-top: 8px solid #dde0ff;
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s, -webkit-transform .25s
}

.keno__canvas-item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.crash__x-number,
.keno__mines-win:before {
    -webkit-transform: translate(-50%, -50%);
    left: 50%
}

.keno__canvas-number {
    font-size: 18px;
    font-weight: 600;
    position: relative;
    top: -2px;
    pointer-events: none
}

.keno__canvas-users {
    position: absolute;
    right: 0;
    top: -15px
}

.bonus__content,
.bonus__hits,
.bonus__reposts-item,
.coinflip,
.crash__scroll,
.keno__auto-select,
.keno__bet,
.keno__bet-left,
.keno__cancel-select,
.tournier {
    position: relative
}

.keno__canvas-user {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin: 0 -6px;
    border: 2px solid #f7f7ff
}

.keno__canvas-user--more {
    background: #5f5ce5;
    font-size: 12px;
    font-weight: 500;
    color: #fff
}

.keno__canvas-item--active {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #5f5ce5 34.37%, #7cb1ff 100%);
    border-top: 8px solid #7cb1ff;
    color: #fff
}

.keno__canvas-item--active .keno__canvas-number {
    top: -4px
}

.keno__bet {
    padding: 30px 35px 0
}

.keno__bet-settings {
    border-radius: 13px;
    background: #fff;
    -webkit-box-shadow: 0 4px 19px rgba(0, 0, 0, .03);
    box-shadow: 0 4px 19px rgba(0, 0, 0, .03);
    height: auto;
    padding: 20px
}

.keno__bet-left a {
    padding: 0 20px;
    height: 56px;
    font-size: 14px;
    font-weight: 500
}

.bonus__buttons a:last-child,
.refferal__stat:last-child {
    margin-right: 0
}

.keno__auto-select span,
.keno__bet-add,
.keno__cancel-select span,
.language__img {
    cursor: pointer
}

.keno__cancel-select .icon {
    color: #ff6b6b
}

.keno__auto-select .icon {
    color: #387be6
}

.keno__bet-input {
    outline: 0;
    border: 0;
    background: 0 0;
    font-family: inherit;
    font-size: 20px;
    font-weight: 700;
    width: 125px;
    color: #1a2547;
    height: 56px;
    caret-color: #d4d7e7
}

.keno__bet-input::-webkit-input-placeholder {
    color: #e8ebfd;
    -webkit-transition: .15s;
    transition: .15s
}

.keno__bet-input:focus::-webkit-input-placeholder {
    opacity: 0
}

.keno__coeff:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 150px;
    background: -webkit-gradient(linear, right top, left top, from(#f6f7ff), to(transparent));
    background: linear-gradient(to left, #f6f7ff, transparent);
    z-index: 1
}

.keno__canvas-item--has-hit .keno__canvas-number,
.keno__canvas-item--is-revealed .keno__canvas-number,
.keno__canvas-item--is-selected .keno__canvas-number {
    top: -4px
}

.keno__coeff-scroll {
    position: relative;
    overflow: auto;
    width: 100%;
    padding-bottom: 0
}

.keno__mines-win,
.tournier__item-center button {
    width: -webkit-fit-content;
    width: -moz-fit-content
}

.keno__coeff-scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
    background-color: transparent;
    border-radius: 50px
}

.keno__coeff-scroll::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 50px;
    -webkit-box-shadow: inset 1px 1px 10px rgba(64, 55, 87, .1);
    box-shadow: inset 1px 1px 10px rgba(64, 55, 87, .1)
}

.keno__coeff-item {
    border: 1px solid #e3e6ff;
    border-radius: 11px;
    min-width: 120px;
    padding: 13px 16px;
    line-height: 24px;
    margin-right: 20px
}

.keno__coeff-item span {
    font-size: 13px;
    color: #8b94b1
}

.keno__coeff-item--lose {
    border: 1px solid #ffaaad
}

.keno__coeff-item--win {
    border: 1px solid #91ddb3
}

.keno__canvas-item--is-revealed {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, rgba(240, 39, 39, .5) 34.37%, rgba(255, 80, 80, .5) 100%);
    border-top: 8px solid #fba3a7;
    color: #fff;
    pointer-events: none
}

.keno__canvas-item--is-selected {
    background: radial-gradient(63.64% 63.64% at 50% 88.64%, #5f5ce5 34.37%, #7cb1ff 100%);
    border-top: 8px solid #7cb1ff;
    color: #fff
}

.keno__canvas-item--has-hit {
    background: #6baa5c;
    border-top: 8px solid #6baa5c;
    color: #fff;
    pointer-events: none
}

.keno__mines--win .keno__canvas {
    -webkit-filter: blur(4px);
    filter: blur(4px);
    pointer-events: none
}

.keno__mines-win {
    position: absolute;
    padding: 15px 7px 15px 15px;
    border-radius: 12px;
    background: #9bccdb;
    z-index: 1;
    width: fit-content
}

.keno__mines-win:before {
    content: '';
    position: absolute;
    top: 50%;
    width: 300px;
    height: 300px;
    transform: translate(-50%, -50%);
    background: url(../images/games/keno/confetti.svg) center center/contain no-repeat
}

.keno__mines-win span {
    font-size: 16px;
    font-weight: 900;
    color: #fff
}

.keno__mines-win b {
    padding: 8px 16px;
    margin-left: 15px;
    background-color: #fff;
    border-radius: 8px;
    color: #397ae5
}

.boomcity__betblock,
.crash__left {
    width: calc(40% - 10px)
}

.crash label>span {
    color: #929dbb;
    padding-left: 6px
}

.crash__history {
    position: relative;
    width: 100%;
    overflow: hidden;
    -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(36%, #EBECF2));
    -webkit-mask-image: linear-gradient(to left, transparent 0%, #EBECF2 36%)
}

.crash__history-item {
    padding: 12px 16px;
    border-radius: 1rem;
    color: #fff;
    font-weight: 600;
    margin-right: 10px;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    border: 1px solid #2e3750
}

.crash__history-item:hover {
    opacity: .65
}

.crash__history-item span {
    pointer-events: none;
    pointer-events: none;
    font-size: 15px
}

.crash__history-item.x1 {
    background: #2d2a73
}

.crash__history-item.x2 {
    background: #9bccdb
}

.crash__history-item.x3 {
    background: #ffa462
}

.crash__history-item.x4 {
    background: #a449ff
}

.crash__history-item.x5 {
    background: #ff49d7
}

.crash__history-item.x6 {
    background: #ff4949
}

.crash__right {
    width: calc(60% - 10px)
}

.crash__canvas {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 23px;
    background: url(../images/games/crash/crash-bg.png) center center/cover;
    padding-left: 5px;
    overflow: hidden
}

.crash__canvas canvas {
    position: relative;
    top: 28px;
    left: 1px
}

.crash__x-number {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 48px;
    font-weight: 900;
    color: #fff
}

.crash__history-users {
    position: relative;
    display: -ms-grid;
    display: grid;
    grid-gap: 15px
}

.crash__history-item-user {
    position: relative;
    padding: 0 12px;
    height: 58px;
    border-radius: 15px;
    background: #fff
}

.bonus__reposts-count,
.crash__history-item-user .history__user {
    font-weight: 500
}

.crash__history-item-user .icon.money {
    margin-left: 8px;
    color: #767dab
}

.diceBoom .diceFace::after,
.diceBoom .front::after {
    margin: -10px 0 0 -10px;
    width: 20px;
    height: 20px;
    background-color: #131210
}

.crash__history-user-x {
    margin-left: 20px;
    height: 48px;
    border-radius: 15px;
    background: #ebecf2;
    padding-left: 17px;
    display: none;
    min-width: 175px
}

.crash__history-user-x .bx-input__text {
    color: #29315d;
    font-weight: 600
}

.crash__history-user-x .icon.money,
svg.icon.money,
svg.icon.yellow {
    color: #f2ac44
}

.crash__history-user-x .crash__history-item {
    pointer-events: none;
    margin: 0
}

.crash__history-item-user--win .crash__history-user-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.crash__history-item-user--lose {
    background: #ffcfcf
}

.crash__history-item-user--lose .bx-input__text,
.crash__history-item-user--lose .icon.money {
    color: #f54646
}

.coinflip__placed,
.coinflip__results {
    position: relative;
    width: 100%;
    grid-gap: 15px
}

.coinflip__place {
    width: 50%;
    min-height: 120px;
    background-color: #f3f4f8;
    border-radius: 15px;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    position: relative
}

.coinflip__place b {
    position: relative;
    z-index: 1;
    color: #475a89;
    font-size: 20px;
    font-weight: 900;
    pointer-events: none
}

.coinflip__place-img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 70px;
    height: 70px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #dbe0fd
}

.coinflip__place--active b {
    color: #9bccdb
}

.coinflip .crash__right {
    background: #f3f4f8;
    border-radius: 20px;
    padding: 24px
}

.coinflip__result {
    border-radius: 15px;
    background-color: #fff;
    -webkit-box-shadow: 0 9px 19px rgba(0, 0, 0, .01);
    box-shadow: 0 9px 19px rgba(0, 0, 0, .01);
    width: 50%;
    padding: 16px 18px;
    font-weight: 700
}

.coinflip__result b,
.coinflip__result span {
    color: #fff;
    font-size: 14px
}

.bonus__item-title,
.tournier__page-t-box h4 {
    font-weight: 900;
    font-size: 18px
}

.coinflip__game {
    position: relative;
    width: 100%;
    height: calc(100%);
    padding-top: 25px
}

.coinflip__game::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    height: 100%
}

.coinflip__wrapper {
    -webkit-perspective: 2000px;
    perspective: 2000px;
    width: 154px;
    height: 154px
}

.coinflip__wrapper img {
    max-width: 154px;
    pointer-events: none
}

.coinflip__wrapper.coinflip__wrapper--reshka .coinflip__back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.coinflip__wrapper.coinflip__wrapper--orel .coinflip__back,
.coinflip__wrapper.coinflip__wrapper--reshka .coinflip__front {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}

.coinflip__back,
.coinflip__wrapper.coinflip__wrapper--orel .coinflip__front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.coinflip__back,
.coinflip__front {
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: block;
    position: absolute;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    left: 0;
    top: 0;
    -webkit-transition: 1s;
    transition: 1s
}

.tournier__page-title {
    position: relative;
    width: 100%;
    margin-bottom: 30px
}

.tournier__page-t-box {
    position: relative;
    background: #ebecf2
}

.tournier__page-t-box b,
.tournier__page-t-box h4 {
    position: relative;
    z-index: 1
}

.tournier__page-t-box b {
    font-size: 12px;
    padding-top: 12px;
    color: #7987ae
}

.tournier__page-t-ico {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75px;
    height: 75px;
    color: #dadffd
}

.tournier__page {
    grid-gap: 20px;
    position: relative
}

.tournier__item {
    border-radius: 30px;
    position: relative;
    width: 100%
}

.tournier__item:before {
    -webkit-filter: blur(34rem);
    filter: blur(34rem)
}

.tournier__item--shoot {
    background: url(../images/games/shoot/shoot.png) center center/cover no-repeat;
    position: relative
}

.tournier__item--shoot:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(13, 21, 57, .72)), to(#0d1a2d));
    background: linear-gradient(180deg, rgba(13, 21, 57, .72) 0, #0d1a2d 100%)
}

.tournier__item-top {
    position: relative;
    width: 100%;
    padding: 24px 24px 0;
    z-index: 1;
    grid-gap: 10px;
    pointer-events: none
}

.tournier__item-label {
    border-radius: 15px;
    padding: 10px 15px;
    position: relative;
    color: #fff;
    overflow: hidden;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    grid-gap: 12px;
    height: 44px;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80 !important;
    border: 1px solid #2e3750
}

.refferal__stat,
.tournier__stat {
    -webkit-backdrop-filter: blur(7px)
}

.tournier__item-label::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 52px;
    height: 52px;
    background: #dedfff;
    opacity: .51;
    -webkit-filter: blur(25px);
    filter: blur(25px);
    border-radius: 50%
}

.tournier__item-label--orange {
    background: rgba(255, 230, 140, .15)
}

.tournier__item-bottom {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
    z-index: 1;
    padding: 0 24px 24px;
    pointer-events: none
}

.tournier__stat {
    position: relative;
    border-radius: 15px;
    line-height: 24px;
    padding: 15px 0;
    backdrop-filter: blur(7px);
    background: #00091a80 !important;
    border: 1px solid #2e3750
}

.bonus__levels-item:after,
.bonus__levels-item:before {
    position: absolute;
    top: -20px;
    border-radius: 50px;
    content: ''
}

.tournier__stat h3 {
    font-size: 12px;
    color: #9bccdb
}

.tournier__stat b {
    color: #fff;
    font-size: 16px
}

.tournier__separate {
    width: 100%;
    height: 8px;
    background: url(../images/borders.svg);
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative
}

.tournier__item-center {
    padding: 24px;
    position: relative;
    grid-gap: 20px;
    pointer-events: none;
    z-index: 1
}

.tournier__item-center p {
    color: #9ca6d0;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px
}

.tournier__item-center button {
    width: fit-content;
    cursor: pointer;
    pointer-events: all
}

.bonus__rotate,
.bonus__rotate-defs,
.bonus__wheel-go span,
.boomcity__bet-heading img,
.boomcity__bet-heading span,
.chat__promocode-img,
.faq__item-heading span,
.faq__item-question,
.header__user-dropdown a em,
.home_live_wins .item.filler,
.home_live_wins .list_wrap .veil,
.keno__canvas-item.blocked,
.profile__top a .icon,
.profile__top a span,
.shoot .cash-hunt img,
.shoot .cash-hunt__item b,
.shoot .coinflip img,
.shoot .crazygame__cursor img,
.shoot__bet-btn-settings span,
.shoot__bet-item span,
.shoot__bet-item--bonus b,
.shoot__live-drop-cursor img,
.shoot__live-drop-img,
.shoot__live-drop-img-not,
.tournier__link .icon,
.tournier__link b,
.tournier__link span {
    pointer-events: none
}

.tournier .history {
    padding-top: 0
}

.tournier .history table {
    display: table !important
}

@media only screen and (max-width:825px) {
    .tournier__item-bottom {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@media only screen and (max-width:475px) {
    .tournier__item-bottom {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }

    .tournier__item-top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .tournier__item-label {
        width: 100%
    }
}

.bonus {
    position: relative;
    max-width: 1322px;
    margin: 0 auto
}

.bonus__top {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 40px
}

.bonus__top:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px
}

.bonus__items {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px
}

.bonus__item {
    background: #f3f4f8;
    border-radius: 25px;
    min-height: 130px;
    padding: 22px 28px
}

.bonus__item-title {
    position: relative;
    margin-bottom: 25px
}

.bonus__content .bx-input__input {
    background: #fff;
    width: 47%
}

.bonus__buttons a {
    margin-right: 8px
}

.bonus__item--block {
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1
}

.bonus__item--levels {
    overflow: hidden;
    position: relative;
    padding-bottom: 40px
}

.bonus__levels-info {
    position: relative;
    padding: 15px 20px;
    background: #fff;
    border-radius: 15px;
    z-index: 1;
    width: 100%;
    margin-bottom: 40px
}

.bonus__levels-info:before {
    content: ''
}

.bonus__levels-image {
    position: relative;
    width: 40px;
    height: 60px;
    background: url(../images/bonus/trophy-star.svg) center center/contain no-repeat
}

.bonus__levels-text {
    position: relative;
    width: calc(100% - 40px);
    padding-left: 15px
}

.bonus__levels-text span {
    font-weight: 600;
    padding-bottom: 8px
}

.bonus__levels-text p {
    font-weight: 500;
    font-size: 12px;
    color: #7887ae
}

.bonus__levels-items {
    position: relative;
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 15px
}

.bonus__wheel-go,
.profile__settings-check label {
    display: -webkit-box;
    display: -ms-flexbox;
    cursor: pointer
}

.bonus__levels-item {
    position: relative;
    border-radius: 15px;
    padding: 20px 22px;
    background: #fff
}

.bonus__levels-item:before {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: 36px;
    height: 36px;
    background: #f3f4f8
}

.bonus__levels-item:after {
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: 18px;
    height: 18px
}

.bonus__levels-item h4 {
    padding-top: 10px;
    margin-bottom: 15px
}

.bonus__levels-item .btn span>b {
    opacity: .5
}

.bonus__levels-item.bonus__levels-item--1:after {
    background: #f3ad44;
    top: -9px
}

.bonus__levels-item.bonus__levels-item--2:after {
    background: #397ce6;
    top: -9px
}

.bonus__levels-item.bonus__levels-item--3:after {
    background: linear-gradient(101.85deg, #29d195 13.32%, #479bca 58.67%), #c4c4c4;
    top: -9px
}

.bonus__levels-item.bonus__levels-item--4:after {
    background: linear-gradient(101.85deg, #ff4ed8 13.32%, #aa1b82 58.67%), #c4c4c4;
    top: -9px
}

.bonus__item--daily {
    background: url(../images/bonus/bonus-daily.png) center center/cover no-repeat #f3f4f8;
    padding: 0;
    overflow: hidden
}

.bonus__wheel {
    height: 250px;
    width: 450px;
    position: relative;
    overflow: hidden
}

.bonus__wheel-image {
    position: absolute;
    left: 50%;
    top: -68%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.bonus__rotate {
    position: relative
}

.bonus__rotate-defs {
    position: absolute;
    left: 0;
    top: 0
}

.bonus__wheel-borders {
    width: 421px;
    height: 421px
}

.bonus__wheel-go {
    position: absolute;
    left: 50%;
    bottom: -23%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 20px;
    width: 115px;
    height: 115px;
    border-radius: 50%;
    background: #f2ac44;
    z-index: 1;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 12px;
    font-weight: 700;
    color: #171b28;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.bonus__wheel-go.bonus__wheel-go--started {
    cursor: not-allowed;
    background: #cab251
}

.bonus__wheel-go:not(.bonus__wheel-go--started):hover {
    background: #ec9c24
}

.bonus__wheel-cursor {
    position: absolute;
    left: 50%;
    top: 65px;
    -webkit-transform: translateX(-50%) rotate(-180deg);
    transform: translateX(-50%) rotate(-180deg);
    width: 32px;
    height: 48px;
    background: url(../images/games/cursor.svg) center center/contain no-repeat;
    z-index: 2
}

.bonus__reposts-items {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-top: 20px
}

.bonus__reposts-level {
    font-weight: 500;
    font-size: 12px;
    color: #bcc2d2;
    padding-bottom: 6px
}

.bonus__reposts-count--value {
    font-size: 22px;
    font-weight: 900;
    color: #d8dcf1
}

.bonus__reposts-progress {
    position: relative;
    width: 100%;
    border-radius: 50px;
    overflow: hidden;
    background: #e3e6f9;
    height: 4px;
    margin-top: 8px
}

.bonus__reposts-progress--width {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #9bccdb;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.bonus__hits .help {
    position: relative;
    z-index: 2
}

.bonus__hits-content {
    position: relative;
    min-height: 500px;
    background: url(../images/bonus/bonus-bg.png) center center/contain no-repeat;
    margin-top: -35px;
    z-index: 1;
    padding-top: 160px;
    padding-left: 90px;
    padding-right: 90px
}

.bonus__hits-title {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 64px;
    font-weight: 900;
    top: 30px
}

.bonus__hits-title span {
    -webkit-text-fill-color: #ebecf2;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #d6daf8
}

.bonus__hits-items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px
}

.bonus__hits-item,
.faq,
.profile__settings,
.profile__settings-check,
.shoot {
    position: relative
}

.bonus__hits-item span {
    color: #fff;
    font-weight: 600
}

.bonus__hits-item b {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    color: #fff;
    font-weight: 400
}

.bonus__hits-progress-bar {
    position: relative;
    width: 100%;
    border-radius: 50px;
    overflow: hidden;
    height: 6px;
    background: #fff;
    margin-top: 15px
}

.bonus__hits-progress {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#fe2c2c), to(#ff7e35));
    background: linear-gradient(90deg, #660af3 0, #f2156fde 100%);
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out
}

.bonus__hits-progress:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    border-radius: 50px;
    background-size: 30px 30px;
    -webkit-animation: 2s linear infinite progress-bar-stripes;
    animation: 2s linear infinite progress-bar-stripes
}

.refferal__stat,
.umn {
    border: 1px solid #2e3750
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 30px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 30px 0
    }

    to {
        background-position: 0 0
    }
}

.bonus__hits-item--active span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    padding-right: 25px
}

.bonus__hits-item--active span:before {
    content: '';
    position: absolute;
    right: 0;
    top: -3px;
    width: 6px;
    height: 12px;
    border-right: 2px solid;
    border-bottom: 2px solid;
    color: #e0c015;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.refferal__stats {
    position: relative;
    padding: 20px 20px 10px
}

.refferal__stat {
    position: relative;
    margin-right: 30px;
    backdrop-filter: blur(7px);
    background: #00091a80;
    border-radius: 1.2rem;
    padding: 8px 20px
}

.faq__item-heading:after,
.faq__item-heading:before {
    width: 22px;
    height: 2px;
    border-radius: 50px;
    background: #7887ae;
    right: 25px;
    top: 50%;
    position: absolute
}

.profile__balance .icon,
.shoot__bet-btn-settings .icon {
    margin-right: 8px
}

.refferal__stat span {
    position: relative;
    font-size: 16px;
    padding-bottom: 8px;
    font-weight: 600
}

.refferal__stat span .icon {
    width: 31px;
    height: 31px;
    margin-left: 0
}

.refferal__stat p {
    font-size: 12px;
    font-weight: 500;
    color: #7887ae
}

.faq__item {
    background: #f3f4f8;
    border-radius: 15px;
    position: relative;
    max-height: 60px;
    overflow: hidden;
    -webkit-transition: .15s ease-in-out;
    transition: .15s ease-in-out;
    margin-bottom: 12px
}

.boomcity__bet,
.boomcity__bet-info,
.faq__item:last-child {
    margin-bottom: 0
}

.faq__item.faq__item--opened .faq__item-heading span {
    color: #9bccdb
}

.faq__item.faq__item--opened .faq__item-heading:after {
    opacity: 0
}

.faq__item.faq__item--opened .faq__item-question {
    background: #9bccdb;
    color: #0b1325
}

.faq__item-heading {
    position: relative;
    height: 60px;
    padding: 11px 16px;
    cursor: pointer
}

.faq__item-heading:before {
    content: '';
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.faq__item-heading:after {
    content: '';
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg)
}

.faq__item-heading span {
    position: relative;
    color: #475a89;
    font-weight: 500;
    font-size: 1.3rem
}

.faq__item-question {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: #191b27;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    margin-right: 15px;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750
}

.faq__item-body {
    padding: 10px 20px;
    position: relative;
    border-top: 1px solid #eaedfb
}

.faq__item-body p {
    margin: 10px 0;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    line-height: 22px
}

.profile {
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 30px
}

.profile:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: url(../images/borders.svg)
}

.profile__user {
    width: 280px;
    padding: 30px;
    position: relative;
    border-radius: 25px;
    background: #f3f4f8
}

.profile__top b {
    position: relative;
    font-weight: 600
}

.profile__top a {
    font-size: 12px;
    font-weight: 500;
    color: #7987ae
}

.profile__top a:hover {
    color: #626f92
}

.profile__top a .icon {
    margin-right: 6px
}

.profile__avatar {
    width: 200px;
    height: 150px;
    position: relative;
    background: url(../images/profile/profile-border.png) center center/contain no-repeat
}

.profile__avatar-ellipse {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #171b28
}

.profile__stat-item,
.text {
    background: #f3f4f8;
    position: relative
}

.profile__avatar-img {
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.profile__username {
    position: relative;
    line-height: 24px;
    margin-bottom: 20px
}

.profile__username b {
    font-size: 16px;
    font-weight: 600
}

.profile__username span {
    font-size: 12px;
    font-weight: 500;
    color: #8591b5
}

.profile__balance span {
    font-weight: 600
}

.profile__stats {
    position: relative;
    width: calc(100% - 280px);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 15px
}

.profile__stat-item {
    padding: 26px;
    border-radius: 25px
}

.profile__stat-item b {
    font-size: 12px;
    padding-bottom: 12px;
    color: #7987ae
}

.profile__stat-item span {
    font-weight: 900;
    font-size: 24px
}

.profile__settings-check label {
    color: #475a89;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.profile__settings-check label:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #cccfe4;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border-radius: 9px;
    margin-right: 12px
}

.text {
    border-radius: 30px;
    overflow: hidden
}

.text__banner {
    position: relative;
    padding: 30px 30px 10px
}

.text__banner-inner {
    position: relative;
    border-radius: 20px;
    background: #fff;
    padding: 18px 20px;
    color: #475a89;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px
}

.text__content {
    padding: 10px 30px 30px
}

.text__content h3 {
    margin-bottom: 25px
}

.text__content p {
    position: relative;
    margin: 15px 0;
    font-size: 12px;
    color: #475a89;
    line-height: 20px
}

.text__content p:last-child {
    margin: 0
}

.dopPlusBetX100,
.plusBlock {
    position: absolute;
    top: 0;
    right: 0;
    background: #20273b94;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 12px;
    z-index: 10;
    cursor: default;
    border-radius: 0 10px
}

.dopPlusBetX100 {
    right: 50%;
    transform: translateX(50%);
    background: gray;
    color: #fff;
    border-radius: 0 0 10px 10px
}

.system_mess {
    background: #7001b2
}

.x30__bet-heading.x7 {
    background: linear-gradient(263.88deg, #3aac46 0, #36893e 104.75%)
}

.x30__history-item.x7 {
    background: linear-gradient(90deg, #3aa946 0, #378f40 100%), linear-gradient(90deg, #9842b0 0, #6e318b 100%)
}

.bonus__rotate-defs--dark {
    display: none
}

.header__user-dropdown a em {
    font-style: normal;
    font-weight: 500;
    padding: 5px;
    border-radius: 4px;
    background: #ca5252;
    color: #fff;
    font-size: 8px;
    margin-left: 10px
}

.chat__promocode {
    position: relative;
    padding: 10px 20px 5px
}

.chat__promocode-inner {
    position: relative;
    width: 100%;
    padding-top: 30px;
    padding-left: 90px;
    min-height: 120px;
    padding-bottom: 25px;
    border-radius: 20px;
    background: #171b28;
    border: 4px solid #171b28;
    margin-top: 10px
}

.chat__promocode-inner h4 {
    font-weight: 900;
    color: #fff;
    font-size: 16px
}

.chat__promocode-img {
    position: absolute;
    left: -20px;
    top: -20px
}

.shoot__live,
.shoot__live-drop,
.shoot__live-drop-item,
.shoot__live-drop-scroll {
    position: relative
}

.chat__promocode-timer {
    position: relative;
    padding-top: 15px
}

.chat__promocode-timer span:not(.chat__promocode-timer--span) {
    margin: 0 4px;
    font-weight: 900;
    color: rgb(50 59 86)
}

.chat__promocode-timer--span {
    width: 28px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgb(57 125 230 / 20%);
    border-radius: 7px;
    font-size: 18px;
    font-weight: 900;
    color: #397ce6;
    margin: 0 3px
}

.shoot__live-drop-name b,
.shoot__live-drop-price {
    color: #fff;
    font-size: 12px
}

.shoot__live {
    border-radius: 2rem;
    overflow: hidden;
    background: url(../images/games/shoot/bgshoot.jpg) center center/cover no-repeat;
    padding: 28px 0;
    border: 1px solid #2e3750
}

.shoot__live::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(-2.18%, rgba(46, 30, 37, .42)), to(rgba(46, 30, 37, .7)));
    background: linear-gradient(0deg, rgba(46, 30, 37, .42) -2.18%, rgba(46, 30, 37, .7) 100%)
}

.shoot__live-drop {
    overflow: hidden;
    width: 100%
}

.shoot__live-drop-scroll.animate1 {
    -webkit-animation: 130s ease-out infinite alternate backwards translateDrop;
    animation: 130s ease-out infinite alternate backwards translateDrop
}

@-webkit-keyframes translateDrop {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(calc((115px + 16px) * 47 * -1));
        transform: translateX(calc((115px + 16px) * 47 * -1))
    }
}

@keyframes translateDrop {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(calc((115px + 16px) * 47 * -1));
        transform: translateX(calc((115px + 16px) * 47 * -1))
    }
}

.shoot__live-drop-item {
    min-width: 115px;
    height: 170px;
    border-radius: 15px;
    background: #2e1e25;
    margin: 0 8px
}

.shoot__bet,
.x30__bet-placed.d-flex.align-center.justify-space-between.payments {
    margin-bottom: 20px
}

.shoot__live-drop-item:first-child {
    margin-left: 0
}

.shoot__live-drop-back,
.shoot__live-drop-front {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    -webkit-backface-visibility: hidden;
    padding: 0;
    transition: -webkit-transform .25s ease-in;
    -webkit-transform-style: preserve-3d
}

.shoot__live-drop-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.shoot__live-drop-name {
    position: relative;
    line-height: 18px
}

.shoot__live-drop-name span {
    font-size: 12px;
    color: #947482
}

.shoot__bet-item--10x span,
.shoot__bet-item--1x span,
.shoot__bet-item--2x span,
.shoot__bet-item--5x span {
    color: transparent;
    -webkit-background-clip: text
}

.shoot__live-drop-price {
    position: relative;
    border-radius: 50px;
    background: #56414a;
    padding: 6px 12px
}

.shoot__live-drop-img {
    max-height: 50px
}

.shoot__live-drop-img-not {
    width: 100%;
    border-radius: 1rem;
    border: 1px solid #2e3750
}

.shoot__live-drop-game {
    position: relative;
    padding-top: 23px
}

.shoot__live-drop-game .btn--orange {
    background: #9339e1;
    -webkit-box-shadow: 0 42px 80px rgba(255, 141, 116, .4);
    box-shadow: 0 42px 80px rgb(25 62 120 / 66%);
    font-weight: 700;
    color: #171b28;
    position: relative;
    z-index: 2
}

.shoot__live-drop-item--flipped .shoot__live-drop-back,
.shoot__live-drop-scroll--flipped .shoot__live-drop-front {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.shoot__live-drop-scroll--flipped .shoot__live-drop-back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.shoot__live-drop-scroll--flipped .shoot__live-drop-cursor {
    -webkit-transform: translateX(-50%) translateY(0);
    transform: translateX(-50%) translateY(0);
    opacity: 1
}

.shoot__live-drop-cursor {
    position: absolute;
    bottom: 85px;
    left: 50%;
    -webkit-transform: translateX(-67%) translateY(100%);
    transform: translateX(-67%) translateY(100%);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 1;
    width: 180px
}

.shoot__live-drop-x {
    position: relative;
    font-size: 36px
}

.shoot__live-drop-x b {
    font-weight: 900
}

.shoot__bet {
    padding: 20px 0 28px;
    position: relative
}

.shoot__bet:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: url(../images/borders.svg)
}

.shoot__bet-btn-settings {
    font-weight: 700;
    color: #7987ae
}

.shoot__bet-btn-settings:hover {
    color: #626f92;
    background: #272c40 !important
}

a.shoot__bet-btn-settings.d-flex.align-center {
    background: #212638;
    padding: 10px 25px;
    border-radius: 8px
}

.shoot__bet-btns {
    position: relative;
    padding: 0 30px;
    grid-gap: 10px
}

.shoot__bet-btns a {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px;
    font-weight: 700
}

.support-chat__files input,
.support-create__btn--secondary input {
    display: none
}

.shoot__bet-btns a:first-child {
    background: rgba(97, 119, 255, .2);
    color: #6177ff
}

.shoot__bet-btns a:first-child.active {
    background: #6177ff;
    color: #fff
}

.shoot__bet-btns a:nth-child(2) {
    background: rgba(126, 47, 255, .2);
    color: #7e2fff
}

.shoot__bet-btns a:nth-child(2).active {
    background: #7e2fff;
    color: #fff
}

.shoot__bet-btns a:nth-child(3) {
    background: rgba(17, 128, 108, .2);
    color: #11806c
}

.shoot__bet-btns a:nth-child(3).active {
    background: #11806c;
    color: #fff
}

.shoot__bet-btns a:nth-child(4) {
    background: rgba(100, 130, 15, .2);
    color: #64820f
}

.shoot__bet-btns a:nth-child(4).active {
    background: #64820f;
    color: #fff
}

.shoot__bet-btns a:nth-child(5) {
    background: rgba(160, 56, 23, .2);
    color: #a03817
}

.shoot__bet-btns a:nth-child(5).active {
    background: #a03817;
    color: #fff
}

.shoot__bet-btns a:nth-child(6) {
    background: rgba(255, 107, 0, .2);
    color: #ff6b00
}

.shoot__bet-btns a:nth-child(6).active {
    background: #ff6b00;
    color: #fff
}

.shoot__bets {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 13px
}

.shoot__bet-item {
    padding: 14px 0;
    border-radius: 12px;
    position: relative;
    min-height: 58px;
    font-size: 18px;
    font-weight: 900;
    overflow: hidden
}

.shoot__bet-item--1x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 113, 122, .2)), to(rgba(36, 90, 98, .2)));
    background: linear-gradient(180deg, rgba(54, 113, 122, .2) 0, rgba(36, 90, 98, .2) 100%)
}

.shoot__bet-item--1x span {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#36717a), to(#245a62));
    background-image: linear-gradient(180deg, #36717a 0, #245a62 100%)
}

.shoot__bet-item--2x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(172, 141, 105, .2)), to(rgba(128, 97, 61, .2)));
    background: linear-gradient(180deg, rgba(172, 141, 105, .2) 0, rgba(128, 97, 61, .2) 100%)
}

.shoot__bet-item--2x span {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ac8d69), to(#80613d));
    background-image: linear-gradient(180deg, #ac8d69 0, #80613d 100%)
}

.shoot__bet-item--5x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(124, 93, 99, .2)), to(rgba(88, 63, 68, .2)));
    background: linear-gradient(180deg, rgba(124, 93, 99, .2) 0, rgba(88, 63, 68, .2) 100%)
}

.shoot__bet-item--5x span {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7c5d63), to(#583f44));
    background-image: linear-gradient(180deg, #7c5d63 0, #583f44 100%)
}

.shoot__bet-item--10x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 92, 124, .2)), to(rgba(75, 72, 99, .2)));
    background: linear-gradient(180deg, rgba(96, 92, 124, .2) 0, rgba(75, 72, 99, .2) 100%)
}

.shoot__bet-item--10x span {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#605c7c), to(#4b4863));
    background-image: linear-gradient(180deg, #605c7c 0, #4b4863 100%)
}

.shoot__live-drop-item--1x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#36717a), to(#245a62));
    background: linear-gradient(180deg, #36717a 0, #245a62 100%);
    color: #fff
}

.shoot__live-drop-item--2x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#ac8d69), to(#80613d));
    background: linear-gradient(180deg, #ac8d69 0, #80613d 100%);
    color: #fff
}

.shoot__live-drop-item--5x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#7c5d63), to(#583f44));
    background: linear-gradient(180deg, #7c5d63 0, #583f44 100%);
    color: #fff
}

.shoot__live-drop-item--10x .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#605c7c), to(#4b4863));
    background: linear-gradient(180deg, #605c7c 0, #4b4863 100%);
    color: #fff
}

.shoot__live-drop-item--cashhunt .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#3c4e2e), to(#2a3820));
    background: linear-gradient(180deg, #3c4e2e 0, #2a3820 100%);
    color: #8fbe68
}

.shoot__live-drop-item--crazytime .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#813331), to(#672725));
    background: linear-gradient(180deg, #813331 0, #672725 100%);
    color: #ff6d69
}

.shoot__live-drop-item--coinflip .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#47677c), to(#2b485a));
    background: linear-gradient(180deg, #47677c 0, #2b485a 100%);
    color: #93d6ff
}

.shoot__live-drop-item--pachinko .shoot__live-drop-front {
    background: -webkit-gradient(linear, left top, left bottom, from(#8e3d67), to(#742e52));
    background: linear-gradient(180deg, #8e3d67 0, #742e52 100%);
    color: #ff61b2
}

.shoot__live-drop-item--bonusX3 .shoot__live-drop-front,
.shoot__live-drop-item--bonusX5 .shoot__live-drop-front {
    color: #fff;
    background: #dc143c;
    box-shadow: 0 -150px 70px -120px teal inset, 0 -220px 70px -120px #9acd32 inset, 0 -280px 70px -120px gold inset;
    animation: 4s infinite alternate background
}

@keyframes background {
    50% {
        background: #9400d3;
        box-shadow: 0 -140px 70px -120px #ba55d3 inset, 0 -210px 70px -120px teal inset, 0 -280px 70px -120px plum inset
    }
}

.shoot__live-drop-bonus-ico {
    width: 54px;
    height: 54px
}

.shoot__bet-item--bonus {
    padding: 0 20px
}

.shoot__bet-item--bonus:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/games/shoot/pattern.png) left center/contain no-repeat
}

.shoot__bet-item--bonus b {
    color: #fff
}

.shoot__bet-item--bonus .icon {
    width: 26px;
    height: 26px
}

.shoot__live--game:before,
.shoot__live-drop-x-pattern {
    position: absolute;
    height: 100%;
    left: 0;
    width: 100%;
    top: 0
}

.shoot__bet-item--cashhunt {
    background: -webkit-gradient(linear, left top, left bottom, from(#3c4e2e), to(#2a3820));
    background: linear-gradient(180deg, #3c4e2e 0, #2a3820 100%)
}

.shoot__bet-item--cashhunt .icon {
    color: #8fbe68
}

.shoot__bet-item--crazygame {
    background: -webkit-gradient(linear, left top, left bottom, from(#813331), to(#672725));
    background: linear-gradient(180deg, #813331 0, #672725 100%)
}

.shoot__bet-item--crazygame .icon {
    color: #ff6d69
}

.shoot__bet-item--coinflip {
    background: -webkit-gradient(linear, left top, left bottom, from(#47677c), to(#2b485a));
    background: linear-gradient(180deg, #47677c 0, #2b485a 100%)
}

.shoot__bet-item--coinflip .icon {
    color: #93d6ff
}

.shoot__bet-item--pochinko {
    background: -webkit-gradient(linear, left top, left bottom, from(#8e3d67), to(#742e52));
    background: linear-gradient(180deg, #8e3d67 0, #742e52 100%)
}

.shoot__bet-item--pochinko .icon {
    color: #ff61b2
}

.shoot__live-drop-x-pattern {
    background: url(../images/games/shoot/pattern-x.svg?v=1) center center/cover no-repeat
}

.shoot__game-wrapper {
    width: 575px;
    position: relative
}

.shoot__game-wrapper.CashHunt {
    max-width: 500px
}

.shoot__live--game:before {
    content: '';
    background: #261e10;
    opacity: .75
}

.shoot .cash-hunt__inner {
    width: 100%;
    position: relative;
    padding: 14px;
    border-radius: 20px;
    background: #31251a;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[9];
    grid-template-columns: repeat(9, 1fr);
    grid-gap: 8px
}

.shoot .cash-hunt__item {
    width: 100%;
    height: 41px;
    border-radius: 15px;
    background: #251c13;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.shoot .cash-hunt__item b {
    color: #74604d;
    font-size: 12px
}

.shoot .cash-hunt__item:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.shoot .cash-hunt__back,
.shoot .cash-hunt__front {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: -webkit-transform .25s ease-in;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform-style: preverse-3d;
    -webkit-backface-visibility: hidden
}

.shoot .cash-hunt__back,
.shoot .cash-hunt__item--result .cash-hunt__front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.shoot .cash-hunt img {
    max-height: 19px
}

.shoot .cash-hunt__item--result .cash-hunt__back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.shoot .cash-hunt__logo {
    top: -29px;
    z-index: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 120px;
    height: 46px;
    background: url(../images/games/cashhunt/logotype.png) center center/contain no-repeat
}

.shoot .coinflip,
.shoot .coinflip__slider-i,
.shoot .coinflip__wrapper {
    position: relative
}

.shoot .cash-hunt__item--win .cash-hunt__back {
    background: #5ab571
}

.shoot .cash-hunt__item--select .cash-hunt__front {
    background: #644e37
}

.shoot .cash-hunt__item--win .cash-hunt__back b {
    color: #fff
}

.shoot .cash-hunt__item--lose .cash-hunt__back {
    background: #d35157
}

.shoot .cash-hunt__item--lose .cash-hunt__back b {
    color: #fff
}

.shoot .coinflip {
    width: 100%;
    background: url(../images/games/coin/pattern.png) center center/contain no-repeat #31251a;
    border-radius: 20px
}

.shoot .coinflip__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
    justify-items: center
}

.shoot .coinflip__slider-i img {
    max-height: 32px
}

.shoot .coinflip__slider-block {
    position: relative;
    width: 100%;
    min-height: 60px;
    padding: 8px;
    border-radius: 15px;
    margin-top: 6px;
    background: #23190f;
    overflow: hidden
}

.shoot .coinflip__slider-block:before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 3px;
    height: 100%;
    z-index: 1
}

.shoot .pochinko:after,
.shoot .pochinko:before {
    width: 100px;
    height: 100px;
    top: 35%;
    border-radius: 50%
}

.shoot .coinflip__slider--orel .coinflip__slider-block:before {
    background: #ffc138;
    -webkit-box-shadow: 0 0 13px rgba(255, 191, 52, .7);
    box-shadow: 0 0 13px rgba(255, 191, 52, .7)
}

.shoot .coinflip__slider--reshka .coinflip__slider-block:before {
    background: #1774ff;
    -webkit-box-shadow: 0 0 13px rgba(23, 116, 255, .7);
    box-shadow: 0 0 13px rgba(23, 116, 255, .7)
}

.shoot .coinflip__slider-scroll {
    position: absolute;
    left: 6px;
    top: 6px;
    width: 100%
}

.shoot .coinflip__slider-item {
    min-width: 48px;
    height: 48px;
    color: #fff;
    border-radius: 10px;
    background: #3e3124;
    margin-right: 4px
}

.shoot .coinflip__wrapper b {
    position: absolute;
    z-index: 1;
    font-size: 32px;
    font-weight: 900;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.shoot .coinflip__wrapper--flip,
.shoot .coinflip__x-block,
.shoot .crazygame {
    position: relative
}

.shoot .coinflip__wrapper--flip .coinflip__front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.shoot .coinflip__wrapper--flip .coinflip__back,
.shoot__live-drop-item--flipped .shoot__live-drop-front {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.shoot .coinflip__x-block b {
    color: #fff
}

.shoot .coinflip__x-block img {
    max-height: 32px;
    margin-right: 8px
}

.shoot .crazygame__container {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 650px;
    border-radius: 20px
}

.shoot .crazygame__ctx {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%) translateY(-50%);
    transform: translate(-50%) translateY(-50%)
}

.shoot .crazygame__wheel {
    border-radius: 50%;
    overflow: hidden;
    width: 575px;
    z-index: 1;
    height: 575px
}

.shoot .crazygame__wheel-item {
    width: calc(582px * 3.14159265359 / 64);
    height: 575px;
    position: absolute;
    border-radius: 8px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 50%, 50% 50%);
    clip-path: polygon(0 0, 100% 0, 50% 50%, 50% 50%);
    overflow: hidden;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 12px
}

.shoot .crazygame__wheel-item:first-child {
    -webkit-transform: translateX(-50%) rotate(5.625deg);
    transform: translateX(-50%) rotate(5.625deg)
}

.shoot .crazygame__wheel-item:nth-child(2) {
    -webkit-transform: translateX(-50%) rotate(11.25deg);
    transform: translateX(-50%) rotate(11.25deg)
}

.shoot .crazygame__wheel-item:nth-child(3) {
    -webkit-transform: translateX(-50%) rotate(16.875deg);
    transform: translateX(-50%) rotate(16.875deg)
}

.shoot .crazygame__wheel-item:nth-child(4) {
    -webkit-transform: translateX(-50%) rotate(22.5deg);
    transform: translateX(-50%) rotate(22.5deg)
}

.shoot .crazygame__wheel-item:nth-child(5) {
    -webkit-transform: translateX(-50%) rotate(28.125deg);
    transform: translateX(-50%) rotate(28.125deg)
}

.shoot .crazygame__wheel-item:nth-child(6) {
    -webkit-transform: translateX(-50%) rotate(33.75deg);
    transform: translateX(-50%) rotate(33.75deg)
}

.shoot .crazygame__wheel-item:nth-child(7) {
    -webkit-transform: translateX(-50%) rotate(39.375deg);
    transform: translateX(-50%) rotate(39.375deg)
}

.shoot .crazygame__wheel-item:nth-child(8) {
    -webkit-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg)
}

.shoot .crazygame__wheel-item:nth-child(9) {
    -webkit-transform: translateX(-50%) rotate(50.625deg);
    transform: translateX(-50%) rotate(50.625deg)
}

.shoot .crazygame__wheel-item:nth-child(10) {
    -webkit-transform: translateX(-50%) rotate(56.25deg);
    transform: translateX(-50%) rotate(56.25deg)
}

.shoot .crazygame__wheel-item:nth-child(11) {
    -webkit-transform: translateX(-50%) rotate(61.875deg);
    transform: translateX(-50%) rotate(61.875deg)
}

.shoot .crazygame__wheel-item:nth-child(12) {
    -webkit-transform: translateX(-50%) rotate(67.5deg);
    transform: translateX(-50%) rotate(67.5deg)
}

.shoot .crazygame__wheel-item:nth-child(13) {
    -webkit-transform: translateX(-50%) rotate(73.125deg);
    transform: translateX(-50%) rotate(73.125deg)
}

.shoot .crazygame__wheel-item:nth-child(14) {
    -webkit-transform: translateX(-50%) rotate(78.75deg);
    transform: translateX(-50%) rotate(78.75deg)
}

.shoot .crazygame__wheel-item:nth-child(15) {
    -webkit-transform: translateX(-50%) rotate(84.375deg);
    transform: translateX(-50%) rotate(84.375deg)
}

.shoot .crazygame__wheel-item:nth-child(16) {
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg)
}

.shoot .crazygame__wheel-item:nth-child(17) {
    -webkit-transform: translateX(-50%) rotate(95.625deg);
    transform: translateX(-50%) rotate(95.625deg)
}

.shoot .crazygame__wheel-item:nth-child(18) {
    -webkit-transform: translateX(-50%) rotate(101.25deg);
    transform: translateX(-50%) rotate(101.25deg)
}

.shoot .crazygame__wheel-item:nth-child(19) {
    -webkit-transform: translateX(-50%) rotate(106.875deg);
    transform: translateX(-50%) rotate(106.875deg)
}

.shoot .crazygame__wheel-item:nth-child(20) {
    -webkit-transform: translateX(-50%) rotate(112.5deg);
    transform: translateX(-50%) rotate(112.5deg)
}

.shoot .crazygame__wheel-item:nth-child(21) {
    -webkit-transform: translateX(-50%) rotate(118.125deg);
    transform: translateX(-50%) rotate(118.125deg)
}

.shoot .crazygame__wheel-item:nth-child(22) {
    -webkit-transform: translateX(-50%) rotate(123.75deg);
    transform: translateX(-50%) rotate(123.75deg)
}

.shoot .crazygame__wheel-item:nth-child(23) {
    -webkit-transform: translateX(-50%) rotate(129.375deg);
    transform: translateX(-50%) rotate(129.375deg)
}

.shoot .crazygame__wheel-item:nth-child(24) {
    -webkit-transform: translateX(-50%) rotate(135deg);
    transform: translateX(-50%) rotate(135deg)
}

.shoot .crazygame__wheel-item:nth-child(25) {
    -webkit-transform: translateX(-50%) rotate(140.625deg);
    transform: translateX(-50%) rotate(140.625deg)
}

.shoot .crazygame__wheel-item:nth-child(26) {
    -webkit-transform: translateX(-50%) rotate(146.25deg);
    transform: translateX(-50%) rotate(146.25deg)
}

.shoot .crazygame__wheel-item:nth-child(27) {
    -webkit-transform: translateX(-50%) rotate(151.875deg);
    transform: translateX(-50%) rotate(151.875deg)
}

.shoot .crazygame__wheel-item:nth-child(28) {
    -webkit-transform: translateX(-50%) rotate(157.5deg);
    transform: translateX(-50%) rotate(157.5deg)
}

.shoot .crazygame__wheel-item:nth-child(29) {
    -webkit-transform: translateX(-50%) rotate(163.125deg);
    transform: translateX(-50%) rotate(163.125deg)
}

.shoot .crazygame__wheel-item:nth-child(30) {
    -webkit-transform: translateX(-50%) rotate(168.75deg);
    transform: translateX(-50%) rotate(168.75deg)
}

.shoot .crazygame__wheel-item:nth-child(31) {
    -webkit-transform: translateX(-50%) rotate(174.375deg);
    transform: translateX(-50%) rotate(174.375deg)
}

.shoot .crazygame__wheel-item:nth-child(32) {
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg)
}

.shoot .crazygame__wheel-item:nth-child(33) {
    -webkit-transform: translateX(-50%) rotate(185.625deg);
    transform: translateX(-50%) rotate(185.625deg)
}

.shoot .crazygame__wheel-item:nth-child(34) {
    -webkit-transform: translateX(-50%) rotate(191.25deg);
    transform: translateX(-50%) rotate(191.25deg)
}

.shoot .crazygame__wheel-item:nth-child(35) {
    -webkit-transform: translateX(-50%) rotate(196.875deg);
    transform: translateX(-50%) rotate(196.875deg)
}

.shoot .crazygame__wheel-item:nth-child(36) {
    -webkit-transform: translateX(-50%) rotate(202.5deg);
    transform: translateX(-50%) rotate(202.5deg)
}

.shoot .crazygame__wheel-item:nth-child(37) {
    -webkit-transform: translateX(-50%) rotate(208.125deg);
    transform: translateX(-50%) rotate(208.125deg)
}

.shoot .crazygame__wheel-item:nth-child(38) {
    -webkit-transform: translateX(-50%) rotate(213.75deg);
    transform: translateX(-50%) rotate(213.75deg)
}

.shoot .crazygame__wheel-item:nth-child(39) {
    -webkit-transform: translateX(-50%) rotate(219.375deg);
    transform: translateX(-50%) rotate(219.375deg)
}

.shoot .crazygame__wheel-item:nth-child(40) {
    -webkit-transform: translateX(-50%) rotate(225deg);
    transform: translateX(-50%) rotate(225deg)
}

.shoot .crazygame__wheel-item:nth-child(41) {
    -webkit-transform: translateX(-50%) rotate(230.625deg);
    transform: translateX(-50%) rotate(230.625deg)
}

.shoot .crazygame__wheel-item:nth-child(42) {
    -webkit-transform: translateX(-50%) rotate(236.25deg);
    transform: translateX(-50%) rotate(236.25deg)
}

.shoot .crazygame__wheel-item:nth-child(43) {
    -webkit-transform: translateX(-50%) rotate(241.875deg);
    transform: translateX(-50%) rotate(241.875deg)
}

.shoot .crazygame__wheel-item:nth-child(44) {
    -webkit-transform: translateX(-50%) rotate(247.5deg);
    transform: translateX(-50%) rotate(247.5deg)
}

.shoot .crazygame__wheel-item:nth-child(45) {
    -webkit-transform: translateX(-50%) rotate(253.125deg);
    transform: translateX(-50%) rotate(253.125deg)
}

.shoot .crazygame__wheel-item:nth-child(46) {
    -webkit-transform: translateX(-50%) rotate(258.75deg);
    transform: translateX(-50%) rotate(258.75deg)
}

.shoot .crazygame__wheel-item:nth-child(47) {
    -webkit-transform: translateX(-50%) rotate(264.375deg);
    transform: translateX(-50%) rotate(264.375deg)
}

.shoot .crazygame__wheel-item:nth-child(48) {
    -webkit-transform: translateX(-50%) rotate(270deg);
    transform: translateX(-50%) rotate(270deg)
}

.shoot .crazygame__wheel-item:nth-child(49) {
    -webkit-transform: translateX(-50%) rotate(275.625deg);
    transform: translateX(-50%) rotate(275.625deg)
}

.shoot .crazygame__wheel-item:nth-child(50) {
    -webkit-transform: translateX(-50%) rotate(281.25deg);
    transform: translateX(-50%) rotate(281.25deg)
}

.shoot .crazygame__wheel-item:nth-child(51) {
    -webkit-transform: translateX(-50%) rotate(286.875deg);
    transform: translateX(-50%) rotate(286.875deg)
}

.shoot .crazygame__wheel-item:nth-child(52) {
    -webkit-transform: translateX(-50%) rotate(292.5deg);
    transform: translateX(-50%) rotate(292.5deg)
}

.shoot .crazygame__wheel-item:nth-child(53) {
    -webkit-transform: translateX(-50%) rotate(298.125deg);
    transform: translateX(-50%) rotate(298.125deg)
}

.shoot .crazygame__wheel-item:nth-child(54) {
    -webkit-transform: translateX(-50%) rotate(303.75deg);
    transform: translateX(-50%) rotate(303.75deg)
}

.shoot .crazygame__wheel-item:nth-child(55) {
    -webkit-transform: translateX(-50%) rotate(309.375deg);
    transform: translateX(-50%) rotate(309.375deg)
}

.shoot .crazygame__wheel-item:nth-child(56) {
    -webkit-transform: translateX(-50%) rotate(315deg);
    transform: translateX(-50%) rotate(315deg)
}

.shoot .crazygame__wheel-item:nth-child(57) {
    -webkit-transform: translateX(-50%) rotate(320.625deg);
    transform: translateX(-50%) rotate(320.625deg)
}

.shoot .crazygame__wheel-item:nth-child(58) {
    -webkit-transform: translateX(-50%) rotate(326.25deg);
    transform: translateX(-50%) rotate(326.25deg)
}

.shoot .crazygame__wheel-item:nth-child(59) {
    -webkit-transform: translateX(-50%) rotate(331.875deg);
    transform: translateX(-50%) rotate(331.875deg)
}

.shoot .crazygame__wheel-item:nth-child(60) {
    -webkit-transform: translateX(-50%) rotate(337.5deg);
    transform: translateX(-50%) rotate(337.5deg)
}

.shoot .crazygame__wheel-item:nth-child(61) {
    -webkit-transform: translateX(-50%) rotate(343.125deg);
    transform: translateX(-50%) rotate(343.125deg)
}

.shoot .crazygame__wheel-item:nth-child(62) {
    -webkit-transform: translateX(-50%) rotate(348.75deg);
    transform: translateX(-50%) rotate(348.75deg)
}

.shoot .crazygame__wheel-item:nth-child(63) {
    -webkit-transform: translateX(-50%) rotate(354.375deg);
    transform: translateX(-50%) rotate(354.375deg)
}

.shoot .crazygame__wheel-item:nth-child(64) {
    -webkit-transform: translateX(-50%) rotate(360deg);
    transform: translateX(-50%) rotate(360deg)
}

.shoot .crazygame__wheel-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0
}

.shoot .crazygame__wheel-item span {
    font-size: 18px;
    font-weight: 900;
    color: #fff;
    width: 14px;
    word-break: break-all;
    text-align: center;
    line-height: 20px
}

.shoot .crazygame__wheel-item.double {
    background: #f36128
}

.shoot .crazygame__wheel-item.double span {
    color: #ffc08b
}

.shoot .crazygame__wheel-item.lightpurple {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4.02%, #9d4edf), color-stop(68.23%, #65259b));
    background: linear-gradient(to bottom, #9d4edf 4.02%, #65259b 68.23%)
}

.shoot .crazygame__wheel-item.lightpurple span {
    color: #d7a9ff
}

.shoot .crazygame__wheel-item.blue {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14.77%, #4d4edf), color-stop(71.57%, #1f207d));
    background: linear-gradient(to bottom, #4d4edf 14.77%, #1f207d 71.57%)
}

.shoot .crazygame__wheel-item.blue span {
    color: #8384ff
}

.shoot .crazygame__wheel-item.lightblue {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14.01%, #7475f7), color-stop(68.98%, #27279a));
    background: linear-gradient(to bottom, #7475f7 14.01%, #27279a 68.98%)
}

.shoot .crazygame__wheel-item.lightblue span {
    color: #b9b9ff
}

.shoot .crazygame__wheel-item.turquoise {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(8.87%, #33bce2), color-stop(71.11%, #0d6178)), #c4c4c4;
    background: linear-gradient(to bottom, #33bce2 8.87%, #0d6178 71.11%), #c4c4c4
}

.shoot .crazygame__wheel-item.turquoise span {
    color: #97e6ff
}

.shoot .crazygame__wheel-item.red {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(12.47%, #e2563a), color-stop(52.26%, #9d2c15));
    background: linear-gradient(to bottom, #e2563a 12.47%, #9d2c15 52.26%)
}

.shoot .crazygame__wheel-item.red span {
    color: #ff9382
}

.shoot .crazygame__wheel-item.yellow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(9.03%, #fabb33), color-stop(58.73%, #694904)), #c4c4c4;
    background: linear-gradient(to bottom, #fabb33 9.03%, #694904 58.73%), #c4c4c4
}

.shoot .crazygame__wheel-item.yellow span {
    color: #ffee9b
}

.shoot .crazygame__wheel-item.lightyellow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(85.53%, #e1cb38), color-stop(45.54%, #847517)), #c4c4c4;
    background: linear-gradient(to bottom, #e1cb38 85.53%, #847517 45.54%), #c4c4c4
}

.shoot .crazygame__wheel-item.lightyellow span {
    color: #fffb6d
}

.shoot .crazygame__wheel-item.green {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(14.42%, #47c139), color-stop(79.12%, #277e1d));
    background: linear-gradient(to bottom, #47c139 14.42%, #277e1d 79.12%)
}

.shoot .crazygame__wheel-item.green span {
    color: #7cff6d
}

.shoot .crazygame__cursor {
    position: absolute;
    width: 652px;
    height: 652px;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1
}

.shoot .crazygame__cursor img {
    max-height: 50px
}

.shoot .crazygame__cursor--two {
    -webkit-transform: translate(-48.65%, -50.45%) rotate(-18.875deg);
    transform: translate(-48.65%, -50.45%) rotate(-18.875deg)
}

.shoot .crazygame__cursor--three {
    -webkit-transform: translate(-51.45%, -50.45%) rotate(18.875deg);
    transform: translate(-51.45%, -50.45%) rotate(18.875deg)
}

.shoot .crazygame__wheel-center {
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 35%;
    height: 35%;
    background: #32281a;
    overflow: hidden;
    z-index: 2
}

.shoot .crazygame__wheel-center img {
    max-height: 100%;
    pointer-events: none
}

.shoot .crazygame__game-select {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-backdrop-filter: blur(3.5px);
    backdrop-filter: blur(3.5px);
    background: rgba(50, 39, 29, 0);
    border-radius: 50%
}

.shoot .crazygame__game-select h4 {
    color: #fff
}

.shoot .crazygame__game-selects {
    position: relative;
    margin-top: 20px;
    grid-gap: 25px
}

.shoot .crazygame__game-selects a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: relative
}

.shoot .crazygame__game-selects a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.shoot .crazygame__game-selects a:first-child {
    background: #4d22f8;
    -webkit-box-shadow: 0 0 0 6px rgba(77, 34, 248, .5);
    box-shadow: 0 0 0 6px rgba(77, 34, 248, .5)
}

.shoot .crazygame__game-selects a:nth-child(2) {
    background: #ea191d;
    -webkit-box-shadow: 0 0 0 6px rgba(234, 25, 29, .5);
    box-shadow: 0 0 0 6px rgba(234, 25, 29, .5)
}

.shoot .crazygame__game-selects a:nth-child(3) {
    background: #188e1c;
    -webkit-box-shadow: 0 0 0 6px rgba(24, 142, 28, .5);
    box-shadow: 0 0 0 6px rgba(24, 142, 28, .5)
}

.shoot .crazygame__center-ellipse {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#bb7c23), to(#ffad39));
    background: linear-gradient(0deg, #bb7c23, #ffad39)
}

.shoot .crazygame__center-ellipse-border {
    position: absolute;
    width: calc(100% - 35px);
    height: calc(100% - 35px);
    border-radius: 50%;
    border: 4px solid #b96e04;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.shoot .crazygame__wheel-center-border {
    position: relative;
    width: 75%;
    height: 75%;
    border-radius: 50%;
    border: 2px solid #3c3121
}

.shoot .crazygame__wheel-center-border img {
    max-height: 20px
}

.shoot .pochinko {
    width: 100%;
    position: relative;
    height: 808px;
    border-radius: 20px;
    background: #31251a
}

.shoot .pochinko:before {
    -webkit-filter: blur(100px);
    filter: blur(100px);
    content: '';
    position: absolute;
    left: 0;
    background: #e1cb38
}

.shoot .pochinko:after {
    -webkit-filter: blur(100px);
    filter: blur(100px);
    content: '';
    position: absolute;
    right: 0;
    background: #554ed7
}

.shoot .pochinko__lvls {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[16];
    grid-template-columns: repeat(16, 1fr);
    grid-gap: 3px;
    z-index: 2
}

.shoot .pochinko__lvl {
    justify-content: flex-end !important
}

.shoot .pochinko__lvls:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 0 20px 20px;
    z-index: 3
}

.shoot .pochinko__lvl-x {
    position: relative;
    width: 100%;
    padding: 8px 0;
    z-index: 4;
    border-radius: 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    font-weight: 700
}

.shoot .pochinko__lvl-x span {
    color: transparent;
    background-image: linear-gradient(to right, #462523 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #462523 100%);
    -webkit-background-clip: text;
    writing-mode: vertical-lr;
    text-orientation: upright;
    font-weight: 900 !important;
    font-size: 16px !important
}

.shoot .pochinko__canvas {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.shoot .pochinko__canvas canvas {
    border-radius: 20px;
    transform-origin: left top;
    transform: scale(1)
}

.shoot__live-drop-cursor--shooting img {
    -webkit-animation: .5s ease-out shoot;
    animation: .5s ease-out alternate-reverse shoot
}

@-webkit-keyframes shoot {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes shoot {
    from {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.theme--dark .shoot__bet:before,
.theme--dark .tournier__separate {
    background: url(../images/borders--dark.svg)
}

.x--text {
    position: relative;
    font-weight: 900 !important;
    top: -3px;
    left: 1px;
    font-size: 12px !important
}

.theme--dark .shoot__bet-item--1x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 113, 122, .5)), to(rgba(36, 90, 98, .5)));
    background: linear-gradient(180deg, rgba(54, 113, 122, .5) 0, rgba(36, 90, 98, .5) 100%)
}

.theme--dark .shoot__bet-item--1x span {
    color: #6090af
}

.theme--dark .shoot__bet-item--2x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(172, 141, 105, .5)), to(rgba(128, 97, 61, .5)));
    background: linear-gradient(180deg, rgba(172, 141, 105, .5) 0, rgba(128, 97, 61, .5) 100%)
}

.theme--dark .shoot__bet-item--2x span {
    color: #b39d97
}

.theme--dark .shoot__bet-item--5x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(124, 93, 99, .5)), to(rgba(88, 63, 68, .5)));
    background: linear-gradient(180deg, rgba(124, 93, 99, .5) 0, rgba(88, 63, 68, .5) 100%)
}

.theme--dark .shoot__bet-item--5x span {
    color: #918099
}

.theme--dark .shoot__bet-item--10x {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(96, 92, 124, .5)), to(rgba(75, 72, 99, .5)));
    background: linear-gradient(180deg, rgba(96, 92, 124, .5) 0, rgba(75, 72, 99, .5) 100%)
}

.theme--dark .shoot__bet-item--10x span {
    color: #7e80b3
}

.boomcity__path-item.dice,
.theme--dark .tournier__page-t-box {
    background: 0 0
}

.theme--dark .tournier__page-t-ico {
    color: #212639
}

.cap_new {
    width: 64px;
    opacity: 1;
    position: absolute;
    left: -3px;
    top: -9px
}

.wallet__history-status {
    padding: 5px 10px;
    background: 0 0;
    border-radius: 8px
}

.wallet__history-status.warning {
    background: #e3b448;
    color: #1b2030
}

.wallet__history-status.success {
    background: #54a354;
    color: #1b2030
}

.wallet__history-status.error {
    background: #ed4e4e;
    color: #fff
}

.newTimerBlock {
    background: #f2dea7;
    border: 4px solid #f7af69;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 25px;
    position: relative
}

.newTimerText {
    margin: 5px;
    font-weight: 900;
    color: #433614;
    font-size: 16px
}

.imgNewTimer {
    position: absolute;
    top: 20px;
    right: 50px;
    width: 100px
}

.newTimerBlock .chat__promocode-img {
    right: -20px;
    transform: rotateY(180deg);
    left: auto
}

.tournier__link:after,
.tournier__link:before {
    content: '';
    position: absolute;
    left: 0;
    width: 15%;
    height: 2px
}

.tournier__link {
    position: relative;
    width: 100%;
    margin-bottom: 18px;
    min-height: 65px;
    border-radius: 20px;
    padding: 0 23px;
    background: #171b28;
    border-left: 2px solid rgb(23 27 40);
    overflow: hidden
}

.tournier__link:before {
    top: 0
}

.tournier__link:after {
    bottom: 0
}

.tournier__link .icon {
    color: #f2ad44;
    margin-right: 8px
}

.tournier__link b {
    color: #fff
}

.tournier__link span {
    font-size: 12px;
    color: #6c7da6;
    font-weight: 500
}

.boomcity__main {
    background: #f3f4f8;
    border-radius: 20px;
    padding: 24px;
    width: calc(60% - 10px)
}

.boomcity__grid {
    margin: 0 auto;
    width: 496px !important;
    position: relative
}

.boomcity__path .boomcity__path-item {
    width: calc(496px / 8 - 6px);
    height: calc(496px / 8 - 6px);
    margin-bottom: 6px;
    border-radius: 6px;
    background: 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.boomcity__path-item.dice:first-child,
.boomcity__path-item.dice:nth-child(57),
.boomcity__path-item.dice:nth-child(64),
.boomcity__path-item.dice:nth-child(8) {
    opacity: 0
}

.boomcity__path-item.dice .icon {
    background: #565656;
    color: #ffdc6d;
    width: calc(100% - 25px);
    height: calc(100% - 25px);
    border-radius: 5px
}

.boomcity__path-item.wait {
    color: #5b5d60;
    background: radial-gradient(#81777a 0, #c5c5c5 104.75%)
}

.theme--dark .boomcity__main {
    background: #20273a
}

.boomcity__timer {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 35px;
    transform: translate(-50%, -50%)
}

.boomcity__timer .x30__timer,
.diceBlock {
    position: relative
}

.boomcity__timer .x30__timer:before {
    top: -30px
}

.boomcity__bets {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px
}

.boomcity__bet-info {
    padding: 20px 22px;
    border-radius: 0 0 15px 15px;
    background: #f3f4f8;
    color: #475a89;
    font-weight: 500;
    margin-bottom: 0
}

.boomcity__bet-heading {
    border-radius: 15px 15px 0 0;
    padding: 16px 22px;
    cursor: pointer
}

.boomcity__bet-heading span {
    font-size: 16px;
    color: #fff;
    font-weight: 900
}

.boomcity__bet-heading img {
    width: 32px;
    height: 32px
}

.boomcity__bet-heading:before {
    -webkit-filter: blur(10rem);
    filter: blur(10rem)
}

.boomcity__bet-heading.x1 {
    background: linear-gradient(263.88deg, #e59d6d 0, #bd5719 104.75%)
}

.boomcity__bet-heading.x2 {
    background: linear-gradient(263.88deg, #bdabab 0, #786569 104.75%)
}

.boomcity__bet-heading.x5 {
    background: linear-gradient(263.88deg, #e9c895 0, #ce8e20 104.75%)
}

.boomcity__bet-heading.dice_battle {
    background: linear-gradient(263.88deg, #585ae3 0, #2533b8 104.75%)
}

.boomcity__bet-heading.lucky_drop {
    background: linear-gradient(263.88deg, #9e19ca 0, #7606a8 104.75%)
}

.boomcity__bet-heading.boom_or_bust {
    background: linear-gradient(263.88deg, #e02da2 0, #bd0867 104.75%)
}

.theme--dark .boomcity__bet-info,
.theme--dark .coinflip .crash__right {
    background: #20273a
}

.diceBlock {
    height: 100px;
    width: 100%
}

.diceBoom,
.diceBoom .diceFace {
    width: 100px;
    height: 100px;
    transform-style: preserve-3d;
    position: absolute
}

.diceBoom {
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    transform: rotate3d(0, .9, .9, 90deg);
    transition: .5s cubic-bezier(.42, 1.57, .62, .86)
}

.diceBoom.rolling {
    animation: 3s cubic-bezier(.42, 1.57, .62, .86) infinite rotatePerFace
}

.diceBoom.throw {
    animation: .7s ease-in reverse rotateDice, 1s linear throwDice
}

.diceBoom .diceFace {
    box-sizing: border-box;
    background-color: #f6f3f0;
    border: 2px solid #fff;
    border-radius: 20px;
    transition: .5s
}

.diceBoom .diceFace::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 20px;
    transform: translateZ(-1px)
}

.diceBoom .diceFace::after,
.diceWrap::before {
    border-radius: 100%;
    position: absolute;
    content: ""
}

.diceBoom .diceFace::after {
    top: 50%;
    left: 50%;
    transform: translateZ(1px)
}

.diceBoom .front {
    transform: translateZ(50px)
}

.diceBoom .up {
    transform: rotateX(90deg) translateZ(50px)
}

.diceBoom .up::after {
    margin: -30px 0 0 -30px;
    box-shadow: 40px 40px #131210
}

.diceBoom .left {
    transform: rotateY(-90deg) translateZ(50px)
}

.diceBoom .left::after {
    margin: -40px 0 0 -40px;
    box-shadow: 30px 30px #131210, 60px 60px #131210
}

.diceBoom .right {
    transform: rotateY(90deg) translateZ(50px)
}

.diceBoom .right::after {
    margin: -30px 0 0 -30px;
    background-color: #131210;
    box-shadow: 40px 0 #131210, 0 40px #131210, 40px 40px #131210
}

.diceBoom .bottom {
    transform: rotateX(-90deg) translateZ(50px)
}

.diceBoom .bottom::after {
    margin: -36px 0 0 -36px;
    box-shadow: 26px 26px #131210, 52px 52px #131210, 52px 0 #131210, 0 52px #131210
}

.diceBoom .back {
    transform: rotateX(180deg) translateZ(50px)
}

.diceBoom .back::after {
    margin: -40px 0 0 -30px;
    box-shadow: 40px 0 #131210, 0 30px #131210, 40px 30px #131210, 0 60px #131210, 40px 60px #131210
}

.diceWrap {
    position: absolute;
    width: 200px;
    height: 200px;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    transform: scale(.5)
}

.diceWrap::before {
    width: 70%;
    height: 10%;
    top: 90%;
    left: 15%;
    background: rgba(0, 0, 0, .2);
    filter: blur(10px)
}

@keyframes rotateDice {
    30% {
        transform: rotate3d(1, 1, 1, 0deg)
    }

    100% {
        transform: rotate3d(1, 1, 1, 720deg)
    }
}

@keyframes rotatePerFace {
    16% {
        transform: rotate3d(-.1, .6, -.4, 180deg)
    }

    32% {
        transform: rotate3d(-.85, -.42, .73, 180deg)
    }

    48% {
        transform: rotate3d(-.8, .3, -.75, 180deg)
    }

    64% {
        transform: rotate3d(.3, .45, .9, 180deg)
    }

    80% {
        transform: rotate3d(-.16, .6, .18, 180deg)
    }

    100% {
        transform: rotate3d(-.1, .3, -1, 180deg)
    }
}

@keyframes throwDice {
    20% {
        margin-top: -100px
    }

    100%,
    40%,
    80%,
    90% {
        margin-top: 0
    }

    60% {
        margin-top: -30px
    }

    85% {
        margin-top: -10px
    }

    95% {
        margin-top: -3px
    }
}

.controller {
    position: absolute;
    width: 200px;
    padding: 20px;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    line-height: 40px
}

.betBlock,
.coinBet {
    background: #20273a
}

.coinBetBlock {
    margin-top: 15px;
    padding-top: 15px;
    position: relative
}

.betBlock {
    width: 100%;
    height: 50px;
    border-radius: 10px
}

.CoinsBtnDream,
.coinBet,
.icon_coin {
    height: 50px;
    width: 50px
}

.coinBet {
    position: absolute;
    border-radius: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%)
}

.CoinsBtnDream,
.boomcity__bets,
.support-create__wrapper {
    position: relative
}

.icon_coin {
    fill: #475A89
}

.CoinsBtnDream {
    border-radius: 50%;
    font-weight: 600;
    color: #fff;
    box-shadow: 0 0 0 2px transparent;
    background: url(/images/circle_c.svg) 0 0/cover no-repeat #828f9a;
    outline: 0;
    border: 0;
    -webkit-transition: .1s ease-out;
    transition: .1s ease-out;
    opacity: .9
}

@media(max-width:480px) {
    .CoinsBtnDream {
        height: 35px;
        width: 35px
    }
}

.CoinsBtnDream:hover {
    transform: translateY(-5px);
    transition: .3s
}

.CoinsBtnDream span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-shadow: 0 0 5px rgba(0, 0, 0, .45);
    cursor: pointer
}

.Coins_active-:before {
    content: "";
    display: block;
    box-shadow: 0 0 0 3px #fff;
    height: calc(100% + 2px);
    width: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.coinBet .CoinsBtnDream {
    position: absolute;
    top: 0;
    left: 0
}

.coinBet .CoinsBtnDream:hover {
    transform: translateY(0);
    opacity: .8
}

.item_select_provider.active .icon_slot_close,
.support-chat__previews-file:hover:after,
.support-create__footer-file:hover:after {
    opacity: 1
}

.icon_arrow {
    width: 50px;
    height: 50px;
    fill: #9EABCD
}

.arrow_left {
    transform: rotate(180deg)
}

@media(max-width:618px) {
    .header__user-balance-add {
        display: none
    }

    .header__user-b {
        border-radius: 1.5rem;
        padding: 0 10px 0 5px
    }

    .popup__tab {
        position: relative;
        padding: 11px 15px;
        border-radius: 12px
    }

    .popup__tab .icon {
        width: 0;
        height: 14px;
        margin-right: 0;
        opacity: 0;
        pointer-events: none
    }

    .popup__tab--active .icon {
        width: 14px;
        opacity: 1;
        margin-right: 6px;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        color: #fff
    }

    .popup__title span {
        font-size: 15px !important
    }

    .overlayed {
        padding: 0 10px
    }
}

.mobile-menu__links .icon {
    fill: #46537B !important;
    width: 40px;
    height: 40px
}

.mobile-menu__links .active .icon {
    fill: #0057FF !important;
    width: 40px;
    height: 40px
}

.chat__msg-message.mess span {
    overflow-wrap: break-word;
    word-wrap: break-word
}

.boomcity__play .boomcity__bet {
    filter: blur(2px)
}

.diceBlocks {
    position: absolute;
    width: 100%;
    height: 100%
}

.diceBlock {
    top: 50%;
    transform: translateY(-50%)
}

.promocodeInput {
    width: calc(100% - 151px - 10px)
}

.promocodeInputBtn {
    width: 151px;
    height: 55px
}

@media(max-width:450px) {
    .shoot .pochinko__lvl-x span {
        font-size: 11px !important
    }

    .x--text {
        top: -3px;
        left: 1px;
        font-size: 10px !important
    }

    .promocodeInputBlock {
        display: block
    }

    .promocodeInput {
        width: 100%
    }

    .promocodeInputBtn {
        margin-top: 10px;
        width: 100%
    }
}

.fullInputWidth {
    width: calc(100% - 10px) !important
}

.wallet__history {
    max-height: 350px;
    overflow: auto
}

.bonus__hits-items {
    max-width: 700px;
    margin: 0 auto
}

@media(max-width:475px) {
    .toast-top-right {
        margin-top: 60px !important
    }

    .bonus__buttons {
        width: 100%
    }

    .bonus__buttons a {
        width: 100%;
        justify-content: center
    }
}

.wallet__history::-webkit-scrollbar {
    width: 12px
}

.wallet__history::-webkit-scrollbar-track {
    background: #1b2030
}

.wallet__history::-webkit-scrollbar-thumb {
    background-color: #213875;
    border-radius: 20px;
    border: 3px solid #1b2030
}

input#wheel_input {
    color: #fff !important;
    font-size: 16px
}

.x30__bet-placed.d-flex.align-center.justify-space-between a {
    background: #45accbd6;
    background: #1aabdc94;
    padding: 0 20px;
    border-radius: 9px;
    width: 100%;
    height: 40px
}

@media(max-width:935px) {
    .x30__bet-placed.d-flex.align-center.justify-space-between {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 10px
    }

    .inope {
        width: 100%;
        margin-bottom: 10px
    }
}

.umn {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border-radius: 2rem;
    display: flex;
    padding: 10px;
    gap: 10px
}

@media(max-width:650px) {
    .games__item.games__item--slots {
        padding: 24px 28px;
        height: 200px
    }

    .games__item.games__item--slots .games__item-text span {
        font-size: 32px
    }

    .games__item.games__item--slots .games__item-text p {
        font-size: 12px
    }

    .games__item--slots.align-center {
        align-items: flex-end
    }

    .games__item-bg-slots {
        position: absolute;
        right: 0;
        top: 5%;
        height: 350px
    }

    .umn {
        display: flex;
        flex-direction: column
    }

    .dole,
    .golard {
        flex-direction: column
    }
}

.x30__bet-placed.d-flex.align-center.justify-space-between a:hover {
    color: #fff !important;
    background: #353c58 !important
}

.bx-input__input.d-flex.align-center.justify-space-between {
    margin-bottom: 0;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80 !important;
    border: 1px solid #2e3750
}

.bx-input__input.d-flex.align-center.justify-space-between2 {
    margin-bottom: 0;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750;
    background: 0 0
}

.history__sum.d-flex.align-center.justify-center {
    color: #f2ad44
}

input#sumBetX100 {
    font-size: 16px !important;
    color: #fff
}

::placeholder {
    color: #7486b7;
    opacity: 1;
    font-family: Montserrat, sans-serif
}

:-ms-input-placeholder {
    font-family: Montserrat, sans-serif;
    color: #7486b7
}

::-ms-input-placeholder {
    font-family: Montserrat, sans-serif;
    color: #7486b7
}

.ss-content {
    width: auto !important
}

.pd10-20 {
    padding: 10px 20px !important
}

.x30__bet-sum.d-flex.align-center,
input#BetDice,
input#BetMines,
input#sumDep,
span.d-flex.align-center {
    color: #fff
}

ol.show_ul li {
    padding-bottom: 20px;
    color: #92a1cf;
    overflow: hidden
}

p.text-attation {
    background: #fe5a531f;
    padding: 15px 25px;
    border-radius: 14px;
    border: 1px solid #ce4b457d;
    color: #f19995;
    line-height: 25px
}

ol.show_ul li:before {
    content: "";
    position: relative;
    top: -.3rem;
    left: 0;
    display: inline-block;
    width: .4rem;
    height: .4rem;
    border-radius: .4rem;
    background-color: #387be6;
    margin-right: .8rem
}

.popup__content h3 {
    padding: 15px 10px !important
}

svg.icon.money.pd20 {
    width: 16px;
    height: 16px;
    margin-right: 20px
}

a.shoot__bet-btn-settings.d-flex.align-center.lft {
    margin-left: 20px;
    background: #f2ac44;
    color: #1b2030
}

.keno__bet-right.d-flex.align-center {
    background: #12192d;
    padding: 0 0 0 20px;
    border-radius: 12px;
    border: 1px solid #2e3750
}

a.shoot__bet-btn-settings.d-flex.align-center.lft:hover {
    background: #be832c !important
}

.W.wallet__method.wallet__method--Карта.\(RUB\)_WITHDRAW.d-flex.align-center.wallet__method--active {
    border-color: #5558ff
}

.wallet__method--active,
.wallet__method:hover {
    border: 1px solid #2e7bcc
}

@media only screen and (max-width:825px) {
    .tournier__item-bottom {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .games {
        grid-template-columns: repeat(3, 1fr) !important
    }
}

@media only screen and (max-width:650px) {
    .shoot__game-wrapper {
        width: 100% !important;
        padding: 0 20px
    }

    .games {
        grid-template-columns: repeat(2, 1fr) !important
    }
}

@media only screen and (max-width:475px) {

    .bonus__item.blueg,
    .bonus__item.wheelb {
        margin-bottom: 20px
    }

    .faq.d-flex.flex-column.faq {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr) !important;
        grid-gap: 0px !important
    }

    .bonus__items {
        position: relative;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 15px
    }

    .games,
    .shoot .coinflip__inner {
        -ms-grid-columns: (1fr)[1] !important
    }

    .bx-input__input.d-flex.align-center.justify-space-between.glxb {
        margin-bottom: 10px !important
    }

    .bonus_item_logo {
        margin-bottom: 15px !important
    }

    .bonus__wheel {
        border-radius: 90px !important;
        margin-top: -80px
    }

    .header__right .sidebar__logotype {
        width: 150px !important;
        height: 54px !important
    }

    .header__user-b {
        margin-right: 15px !important
    }

    .games {
        grid-template-columns: repeat(2, 1fr) !important
    }

    .shoot .coinflip__inner {
        grid-template-columns: repeat(1, 1fr) !important;
        grid-gap: 20px;
        padding: 20px !important
    }

    .shoot .coinflip {
        background: #31251a !important
    }
}

span.login_buttons {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .1px;
    text-shadow: none !important
}

svg.ic_login {
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 5px
}

.bonus_item_logo {
    margin-bottom: 50px
}

img.bonus_images_tg {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center
}

.bonus__item.blueg {
    background: linear-gradient(140.26deg, #20273b 8.57%, #397ce6 91.76%)
}

.bonus_item_description {
    color: #a6c7ff;
    margin-bottom: 20px;
    line-height: 18px
}

.bonus_btng,
.btn--yellow {
    background: #f2ac44;
    color: #1b2030
}

.bx-input__input.d-flex.align-center.justify-space-between.glxb {
    background: rgb(255 255 255 / 1%);
    backdrop-filter: blur(12.5px);
    border: 1px solid;
    margin-bottom: 0;
    height: 48px;
    border-radius: 12px
}

label.d-flex.align-center.glxs {
    color: #fff;
    font-size: 14px;
    text-transform: none;
    font-weight: 400
}

.d-flex.align-center.txtwhbg span {
    font-size: 14px;
    color: #fff;
    font-weight: 500
}

.bonus_btng {
    border-radius: 12px;
    height: 48px;
    padding: 0 18px;
    font-weight: 600;
    overflow: hidden;
    position: relative
}

.bonus__item.wheelb {
    padding: 22px 22px 0
}

.support {
    background: #181b27;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    min-height: 75vh;
    padding: 20px
}

.support__create,
.support__header-back {
    background: linear-gradient(109.64deg, #397ce6 5.39%, #397ce6 63.15%);
    color: #fff;
    font-weight: 600;
    text-align: center;
    transition: .3s ease-in-out
}

.support__header {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem
}

.support__header-back {
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    padding: 8px 14px;
    float: right
}

@media screen and (min-width:1200px) {
    .support__header-back {
        display: none
    }
}

.support__container {
    display: flex;
    flex: 1;
    max-height: 65vh;
    overflow: hidden;
    width: 100%
}

.support__sidebar {
    display: flex;
    flex-direction: column;
    height: inherit;
    margin-right: 1rem;
    min-width: 360px;
    width: 360px;
    border-right: 1px solid #1b2030
}

.support__sidebar-body {
    flex: 1 1 0%;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: overlay;
    padding: 0 1rem 0 0
}

.support__sidebar-footer {
    flex-shrink: 0;
    padding: 1rem 1rem 0 0
}

.support__create {
    border-radius: 8px;
    display: block;
    font-size: 17px;
    padding: 15px 25px;
    width: 100%
}

.support__content {
    overflow: hidden;
    width: 100%;
    border-radius: 8px
}

.support-empty {
    align-items: center;
    display: flex;
    font-weight: 600;
    height: 100%;
    justify-content: center;
    margin: auto;
    text-align: center;
    width: 100%;
    background: #1a1e2c
}

.support-empty__link {
    color: #397ce6;
    display: inline-flex !important
}

.support a:hover {
    color: #1b2030 !important
}

@media screen and (max-width:979px) {
    .support {
        padding: 0
    }

    .support__content {
        width: 100%;
        display: initial;
        position: relative
    }

    .support__container {
        display: block
    }

    .display-none {
        display: flex;
        width: 100%;
        height: auto
    }

    .full {
        margin-right: 0;
        width: 100%
    }

    .support-chat__btn {
        padding: 8px
    }

    .support-chat__btn span {
        display: none
    }

    .support-create__btn {
        font-size: 16px;
        padding: 15px 21px
    }
}

.newbuttonsupp {
    border-radius: 8px;
    border: 1px solid rgba(59, 123, 230, .15);
    background: rgba(59, 123, 230, .03);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #3b7be6;
    cursor: pointer;
    font-family: Google Sans;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 48px
}

a.newbuttonsupp.is-ripples.flare.d-flex.align-center.has-ripple:hover {
    color: #3b7be6 !important
}

.ticket-row {
    background: #1f2334;
    border-radius: 12px;
    display: flex;
    max-width: 100%;
    padding: 15px;
    position: relative;
    width: 100%;
    margin-bottom: 10px
}

.ticket-row__title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 160px;
    margin-bottom: 5px
}

.ticket-row_text-active,
.ticket-row_text-closed {
    font-family: Google Sans;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    margin-right: 8px;
    font-style: normal
}

.ticket-row__subtitle {
    color: #7785b3;
    font-size: 12px
}

.ticket-row_text-active {
    color: #54b466;
    font-size: 9px;
    letter-spacing: -.18px
}

.ticket-row_text-closed {
    color: #d24e49;
    font-size: 10px
}

.demo_slot_game,
.name_slot_game {
    font-family: Montserrat, sans-serif
}

.ticket-row__status {
    width: 100%;
    height: 32px;
    border-radius: 8px;
    line-height: 30px;
    float: right;
    display: flow;
    text-align: center;
    margin-top: 4px
}

.support-create,
.support-create__wrapper {
    display: flex;
    flex-direction: column;
    height: 100%
}

.support-create__title {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 1rem
}

.support-create__input {
    background: #1f2334;
    border-radius: 8px;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    height: 50px;
    letter-spacing: .05em;
    line-height: 19px;
    padding: 16px 19px;
    max-width: 100%;
    width: 100%
}

.support-create__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 0;
    margin-top: 1rem
}

.support-create__footer-files {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    margin-right: auto;
    overflow-x: auto;
    overflow-y: hidden
}

.support-create__btn {
    background: linear-gradient(109.64deg, #397ce6 5.39%, #397ce6 63.15%);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    padding: 15px 25px;
    text-align: center;
    transition: .3s ease-in-out
}

.support-create__btn--secondary {
    align-items: center;
    background: #e0e6f9;
    color: #9ea6bf;
    display: flex;
    justify-content: center;
    padding: 15px;
    margin-right: 10px
}

.support-create__textarea {
    flex: 1;
    height: auto;
    margin-top: 1rem;
    min-width: 100%
}

.support-create {
    padding: 25px;
    background: #1a1e2c
}

.support-chat {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative
}

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

.support-chat__left {
    max-width: calc(100% - 170px)
}

.support-chat__title {
    font-size: 20px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.support-chat__date {
    color: #9ea6bf;
    font-size: 13px
}

.support-chat__right {
    flex-shrink: 0
}

.support-chat__close {
    background: linear-gradient(109.64deg, #397ce6 5.39%, #397ce6 63.15%);
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 14px;
    text-align: center;
    transition: .3s ease-in-out
}

.support-chat__body {
    flex: 1 1 0%;
    overflow: auto;
    padding: 15px;
    position: relative;
    background: #1a1e2c;
    border-radius: 0 0 8px 8px
}

.support-message {
    background: #252b3f;
    border-radius: 12px 12px 2px;
    display: flex;
    margin-left: auto;
    flex-direction: column;
    max-width: 50%;
    position: relative;
    padding: 1rem
}

.support-message__username {
    font-size: 15px;
    font-weight: 500;
    color: #7785b3
}

.support-message__text {
    font-weight: 400;
    color: #fff;
    background: #2f3750;
    padding: 10px 14px;
    hyphens: auto;
    max-width: 100%;
    font-size: 14px;
    word-wrap: break-word;
    overflow: visible;
    margin-top: 8px;
    border-radius: 2px 12px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.support-message__date {
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px;
    color: #4f597a;
    margin-left: auto
}

.answer .support-message__username {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: .5rem;
    color: #7785b3
}

.answer .support-message__text {
    font-size: 14px;
    white-space: pre-wrap;
    color: #fff;
    font-weight: 400;
    background: #397ce6
}

.answer .support-message__date {
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px;
    text-align: right;
    color: #4f597a
}

.support-message.answer {
    background: #191b27;
    color: #fff;
    margin-left: 1px;
    border-radius: 2px 12px 12px
}

.support-chat__previews-file:after,
.support-create__footer-file:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' viewBox='0 0 320.591 320.591' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cg fill='%23f4756c'%3E%3Cpath d='M30.391 318.583a30.37 30.37 0 0 1-21.56-7.288c-11.774-11.844-11.774-30.973 0-42.817L266.643 10.665c12.246-11.459 31.462-10.822 42.921 1.424 10.362 11.074 10.966 28.095 1.414 39.875L51.647 311.295a30.366 30.366 0 0 1-21.256 7.288z' data-original='%23f4756c'/%3E%3Cpath d='M287.9 318.583a30.37 30.37 0 0 1-21.257-8.806L8.83 51.963C-2.078 39.225-.595 20.055 12.143 9.146c11.369-9.736 28.136-9.736 39.504 0l259.331 257.813c12.243 11.462 12.876 30.679 1.414 42.922-.456.487-.927.958-1.414 1.414a30.368 30.368 0 0 1-23.078 7.288z' data-original='%23f4756c'/%3E%3C/g%3E%3C/svg%3E");
    content: "";
    height: 22px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 22px;
    opacity: 0
}

.support-message+.support-message {
    margin-top: 1rem
}

.support-chat__footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    position: relative;
    background: #1a1e2c;
    height: 56px;
    border-radius: 10px
}

.support-chat__input {
    padding: 16px 55px 16px 19px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    font-weight: 500
}

.support-chat__footer-right {
    align-items: center;
    display: flex;
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%)
}

.support-chat__files {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-right: .5rem;
    padding: 0 4px
}

.support-chat__files svg {
    height: auto;
    width: 22px
}

.support-chat__btn {
    background: linear-gradient(109.64deg, #397ce6 5.39%, #397ce6 63.15%);
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 14px;
    text-align: center;
    transition: .3s ease-in-out
}

.support_closed,
.support_id {
    padding: 12px 20px;
    text-transform: uppercase
}

.support-create__footer-file {
    background-color: #a7b0ca30;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 8px;
    flex-shrink: 0;
    height: 50px;
    position: relative;
    width: 50px
}

.support-chat__previews-file,
.support-message__images-btn {
    background-color: #a7b0ca;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 8px
}

.support-create__footer-file img {
    border-radius: 8px;
    height: auto;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.support-create__footer-file:after {
    background-size: cover;
    position: absolute;
    transition: .3s
}

.support-message__images {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 1rem
}

.support-message__images-btn {
    height: 100px;
    width: 100px
}

.support-message__images img {
    border-radius: 8px;
    height: auto;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100px
}

.support-chat__previews {
    display: flex;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(-110%)
}

.support-chat__previews-file {
    flex-shrink: 0;
    height: 50px;
    position: relative;
    width: 50px
}

.support-chat__previews-file:after {
    background-size: cover;
    position: absolute;
    transition: .3s
}

.support-chat__previews-file img {
    border-radius: 8px;
    height: auto;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.mines__path--lose.icon,
.mines__path--win.icon,
img.mines_y {
    width: 44px;
    height: 44px
}

.bonus__item-title_levels {
    position: relative;
    font-weight: 900;
    margin-bottom: 15px;
    font-size: 18px
}

.support-hr-date,
.support_closed,
.support_id {
    font-size: 12px;
    font-weight: 500
}

svg.wheels_icons {
    float: left;
    margin-right: 20px
}

.faq.d-flex.flex-column.faq {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 15px
}

.support-empty a:hover {
    color: #5595ff !important
}

.slot__animation__play .icon {
    background: #387ce5;
    border-radius: 14px;
    padding: 20px;
    color: #fff
}

.popup__title.d-flex.align-center.justify-space-between {
    border-bottom: 1px solid #202638
}

svg.add_tickets {
    margin-right: 5px
}

a.d-flex.align-center.justify-center.send.blues:hover {
    color: #b2d0ff !important
}

img.mines_y {
    display: block
}

span.login_buttons svg {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 10px !important
}

b#comm {
    float: right !important;
    display: contents
}

.gx-w-box.gx-col-x.banner_2 {
    background-image: url(/assets/images/banner_2.png);
    background-size: cover
}

span.ticket-row_text-closed svg {
    display: block;
    float: left;
    margin-top: 8px;
    margin-left: 8px;
    width: 16px;
    height: 16px
}

span.ticket-row_text-active svg {
    display: block;
    float: left;
    margin-top: 8px;
    margin-left: 10px;
    width: 16px;
    height: 16px
}

img.ticket-row_icons {
    width: 40px;
    height: 40px;
    float: right
}

.toclet-row-content {
    float: left;
    margin-left: 10px;
    width: 265px
}

img.icon_support_head {
    width: 40px;
    height: 40px;
    float: left
}

.support_tittles span {
    font-size: 14px;
    font-weight: 600;
    line-height: 40px;
    margin-left: 50px
}

.support_id {
    background: #262c3f;
    border-radius: 8px;
    color: #7785b3
}

.support_closed {
    background: rgba(210, 78, 73, .15);
    border-radius: 8px;
    color: #d24e49
}

.support-chat__header {
    background: #212739;
    padding: 15px
}

a.is-ripples.flare.d-flex.align-center.has-ripple.send.blues {
    height: 42px;
    border-radius: 8px;
    padding: 0 18px;
    background: linear-gradient(109.64deg, #397ce6 5.39%, #397ce6 63.15%);
    color: #fff;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    width: auto
}

svg.btn_create_sp,
svg.support_send {
    margin-left: 5px
}

.support-head-date {
    text-align: center;
    margin-bottom: 15px
}

.support-hr-date {
    background: #20273b57;
    width: 180px;
    margin: 0 auto;
    padding: 12px 5px;
    color: #7785b3;
    border-radius: 100px;
    border: 1px solid #2b344d61
}

.support-message_globals {
    display: flex
}

.text-support_hello {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px
}

.text-support_hello span {
    color: #606885
}

a.support_create_blue.is-ripples.flare.d-flex.align-center.has-ripple {
    border-radius: 12px;
    padding: 0 18px;
    background: linear-gradient(109.64deg, #397ce6 5.39%, #397ce6 63.15%);
    color: #fff;
    font-weight: 600;
    display: block;
    line-height: 48px;
    position: relative
}

svg.sp_crte {
    display: block;
    float: right;
    margin-top: 12px
}

button.is-ripples.flare.d-flex.align-center.has-ripple.create.sp {
    height: 48px;
    border-radius: 12px;
    padding: 0 18px;
    background: linear-gradient(109.64deg, #397ce6 5.39%, #397ce6 63.15%);
    color: #fff;
    font-weight: 600
}

.chat__msg-avatar.img_no_blur {
    background: url(../img/ava_c.png) center center/cover no-repeat
}

.chat__msg-message.system_mess span {
    color: #7485b7 !important
}

.theme--dark .mines__check::after,
.theme--dark .mines__check::before,
.theme--dark .popup.popup--about .borders,
.theme--dark .popup__title:before {
    background: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #323d5c), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #32375c), color-stop(.75, #32375c), color-stop(.75, transparent), to(transparent));
    background-size: 30px 30px;
    height: 5px
}

.theme--dark .wallet__methods {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%
}

.auther,
.auther:hover {
    -webkit-backdrop-filter: blur(7px);
    background: #00091a80;
    color: #fff
}

.auther {
    backdrop-filter: blur(7px);
    border: 1px solid #2e3750;
    border-radius: 12px;
    min-height: 45px
}

.auther:hover {
    backdrop-filter: blur(7px);
    border: 1px solid #8990a3
}

.theme--dark .wallet__method {
    background: #252d42
}

.theme--dark .chat__send .chat__buttons a,
.theme--dark .wallet__history-left .wallet__method {
    background: 0 0
}

.theme--dark .dice__check-chance,
.theme--dark .mines__check-sum--total,
.theme--dark .popup.popup--about h4,
.theme--dark .popup__title,
.theme--dark .wallet__method span,
.theme--dark .wallet__txt b {
    color: #fff
}

.theme--dark .popup .bx-input__input,
.theme--dark .wallet__history-item {
    background: #202638;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750
}

.theme--dark .popup .close {
    background: #20273a;
    -webkit-box-shadow: inset 0 6px 0 #20273a;
    box-shadow: inset 0 6px 0 #20273a
}

.theme--dark .wallet__tab--active {
    background: #252d42;
    color: #fff;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750
}

.theme--dark .select {
    background-color: #202638
}

.theme--dark .text {
    background: #0d1628b8
}

.theme--dark .text__banner-inner {
    background: #0d1628
}

.theme--dark .chat:before,
.theme--dark .mobile-navbar:before,
.theme--dark .profile:before,
.theme--dark .text__borders {
    background: url(../images/borders--dark.svg)
}

.theme--dark .text__content p {
    color: #7486b7
}

.theme--dark .profile__settings-check label:before,
.theme--dark .profile__stat-item,
.theme--dark .profile__user {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750;
    padding: 19px;
    border-radius: 2rem
}

@media only screen and (max-width:1125px) {
    .theme--dark .chat {
        background: #1b2030 !important
    }
}

.theme--dark .mobile-navbar,
.theme--dark .mobile-navbar a {
    background: #111;
    margin-right: 13px;
    -webkit-backdrop-filter: blur(7px)
}

.theme--dark .mobile-navbar {
    border-radius: 30px;
    padding: 40px;
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750
}

.theme--dark .mobile-navbar a {
    border-radius: 15px;
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750;
    display: flex;
    align-items: center;
    font-size: 15px;
    gap: 15px;
    color: #fff
}

.theme--dark .coinflip__place,
.theme--dark .coinflip__result {
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750;
    background: 0 0
}

.theme--dark .coinflip__place-img {
    color: #2b2f54
}

.theme--dark .coinflip__place b {
    color: #7188bf
}

.theme--dark .coinflip__game::before {
    background: url(../images/games/coin/bgcoin.jpg) center center/cover no-repeat;
    border-radius: 20px
}

.slot_games_content {
    margin-top: 25px;
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(6, 1fr);
    justify-content: space-between;
    transition: .3s;
    position: relative
}

.name_slot_game {
    padding: 25px;
    text-align: center;
    text-edge: cap;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

.demo_slot_game,
.head_name_slot_game {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase
}

.play_slot_game {
    display: flex;
    justify-self: center;
    align-self: center;
    height: 68px;
    width: 68px;
    background: #9bccdb;
    border-radius: 100%;
    transition: .3s;
    justify-content: center;
    align-items: center
}

.buttons_slot_game button:hover,
.demo_slot_game:hover,
.play_slot_game:hover {
    opacity: .8
}

.play_slot_game svg {
    fill: #fff !important;
    width: 26px;
    height: 26px
}

.demo_slot_game {
    transition: .3s;
    display: flex;
    justify-self: center;
    width: 104px;
    height: 38px;
    border-radius: 15px 15px 0 0;
    background: #050e20;
    align-self: flex-end;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    border: 1px solid #2e3855
}

.head_slot_game {
    height: 45px;
    border-radius: 14px 14px 0 0;
    background: #20273a;
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: 1fr auto 1fr;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: #00091a80;
    border: 1px solid #2e3750
}

.head_name_slot_game {
    font-family: Montserrat
}

.buttons_slot_game {
    display: flex;
    padding: 0 18px;
    gap: 11px
}

.buttons_slot_game.right {
    justify-content: end
}

.buttons_slot_game button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    width: 32px;
    border-radius: 10px;
    background: #1a2030;
    transition: .3s
}

.body_slot_game {
    background: #000;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    padding-bottom: 10px;
    padding-top: 55.25%;
    position: relative;
    width: 100%
}

.body_slot_game iframe {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.block_slots_inputs {
    display: grid;
    gap: 20px;
    grid-template-columns: auto calc(100% / 3)
}

.slot_games_content.none {
    transition: none;
    color: #485c80;
    font-size: 18px;
    grid-template-columns: 1fr;
    text-align: center
}

@media(max-height:815px) {
    .sidebar__socials {
        display: none
    }
}

@media(min-width:1920px) {
    .slot_games_content {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media(max-width:1650px) {
    .slot_games_content {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media(max-width:1450px) {
    .slot_games_content {
        grid-template-columns: repeat(6, 1fr)
    }
}

@media(max-width:1380px) {
    .block_slots_inputs {
        grid-template-columns: repeat(1, 1fr)
    }
}

@media(max-width:1200px) {
    .slot_games_content {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width:1125px) {
    .slot_games_content {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(max-width:800px) {
    .slot_games_content {
        grid-template-columns: repeat(3, 1fr)
    }
}

.slot_game {
    width: 100%;
    height: 224px;
    background: center/cover #20273a;
    border-radius: 17px;
    z-index: 0
}

.info_slot_game_play {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    background: 0 0;
    cursor: pointer
}

.demo_slot_game,
.name_slot_game,
.play_slot_game {
    cursor: pointer;
    z-index: 2
}

.block_slots_inputs .bx-input_input {
    padding-left: 20px !important
}

.slot_game {
    position: relative;
    overflow: hidden;
    transition: transform .3s;
    padding: 10px !important;
    box-sizing: border-box
}

.slot_game:hover {
    transform: scale(1.1)
}

.info_slot_game {
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    width: 100%;
    height: 100%;
    transition: opacity .3s, transform .3s;
    position: absolute;
    top: -10px;
    left: -10px;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    z-index: 1;
    padding: 10px 0
}

.slot_game:hover .info_slot_game {
    transform: scale(1);
    opacity: 1
}

.icon_button_slot {
    width: 20px !important;
    height: 20px !important;
    fill: #6D7BA0 !important
}

@media(max-width:550px) {
    .slot_games_content {
        gap: 7px;
        grid-template-columns: repeat(3, 1fr)
    }

    .slot_game {
        height: 204px
    }
}

.demo_slot_button {
    width: 94px !important;
    font-family: Gotham Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 11px;
    background: #28314d !important;
    color: #fff;
    cursor: default
}

@media(max-width:400px) {
    .mobelei {
        max-width: 160px
    }

    .icon_button_slot {
        width: 17px !important;
        height: 17px !important
    }

    .slot_game {
        height: 147px
    }

    .play_slot_game {
        width: 54px;
        height: 54px
    }

    .play_slot_game svg {
        width: 16px;
        height: 16px
    }

    .name_slot_game {
        padding: 16px;
        font-size: 10px
    }

    .demo_slot_game {
        width: 83px;
        height: 26px;
        font-size: 12px
    }

    .head_name_slot_game {
        font-size: 14px
    }

    .buttons_slot_game button {
        width: 32px;
        height: 32px
    }

    .buttons_slot_game svg {
        width: 12px;
        height: 12px
    }

    .demo_slot_button {
        width: 55px !important;
        font-size: 11px;
        background: #28314d !important;
        color: #fff;
        cursor: default
    }

    .info_slot_game,
    .slot_game {
        border-radius: 11px
    }
}

.big_slot .slot_game_panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100
}

.big_slot .slot_game_panel .body_slot_game {
    height: calc(100% - 45px);
    border-radius: 0
}

.big_slot .header,
.big_slot .mobile-menu {
    z-index: 0;
    transition: none
}

.big_slot #app>.main>.header {
    z-index: 1;
    transition: none
}

.big_slot .head_slot_game,
.big_slot iframe {
    border-radius: 0
}

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

.icon_slot_close {
    width: 12px;
    height: 12px;
    opacity: 0
}

.name_slot_game {
    padding-left: 0;
    padding-right: 0;
    justify-self: center;
    max-width: calc(100% - 20px)
}

.shoot__live-drop-item.shoot__live-drop-item--5x .shoot__live-drop-front::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/games/shoot/shoot_img5.jpg) center center/cover no-repeat;
    border-radius: 1rem;
    border: 1px solid #2e3750
}

.shoot__live-drop-item.shoot__live-drop-item--10x .shoot__live-drop-front::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/games/shoot/shoot_img10.jpg) center center/cover no-repeat;
    border-radius: 1rem;
    border: 1px solid #2e3750
}

.shoot__live-drop-item.shoot__live-drop-item--2x .shoot__live-drop-front::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/games/shoot/shoot_img1.jpg) center center/cover no-repeat;
    border-radius: 1rem;
    border: 1px solid #2e3750
}

.shoot__live-drop-item.shoot__live-drop-item--pachinko .shoot__live-drop-front::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/games/shoot/shoot_pach.jpg) center center/cover no-repeat;
    border-radius: 1rem;
    border: 1px solid #2e3750
}

.shoot__live-drop-item.shoot__live-drop-item--coinflip .shoot__live-drop-front::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/games/shoot/shoot_flip.jpg) center center/cover no-repeat;
    border-radius: 1rem;
    border: 1px solid #2e3750
}

.shoot__live-drop-item.shoot__live-drop-item--cashhunt .shoot__live-drop-front::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/games/shoot/shoot_hunt.jpg) center center/cover no-repeat;
    border-radius: 1rem;
    border: 1px solid #2e3750
}

.shoot__live-drop-item.shoot__live-drop-item--crazytime .shoot__live-drop-front::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/games/shoot/shoot_time.jpg) center center/cover no-repeat;
    border-radius: 1rem;
    border: 1px solid #2e3750
}

.shoot__live-drop-item.shoot__live-drop-item--1x .shoot__live-drop-front::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: url(../images/games/shoot/shoot_img11.jpg) center center/cover no-repeat;
    border-radius: 1rem;
    border: 1px solid #2e3750
}

.lobolert::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    z-index: -1;
    background: url(../images/bgblo.avif) center center/cover no-repeat;
    height: 50%
}

.skiptranslate {
    display: none !important;
    height: 0
}

body {
    top: 0 !important;
    position: static !important
}

.VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
    display: none;
    height: 0
}

.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q {
    background-color: #f0f8ff00 !important;
    box-shadow: none !important
}

.home_live_wins {
    margin-top: 24px
}

.home_live_wins .title {
    background: #0d162896;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    padding: 8px 22px 1px 10px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.home_live_wins .title .img_wrap {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    position: relative;
    bottom: 1px;
    margin-right: 6px;
    padding: 0
}

.home_live_wins .title .img_wrap img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.home_live_wins .list_wrap {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
    position: relative
}

.home_live_wins .list {
    background: #0d162899;
    padding: 8px 0 1px 10px;
    overflow: hidden;
    min-height: 89px
}

.home_live_wins .list_wrap .veil {
    z-index: 1;
    content: '';
    background: linear-gradient(to right, transparent, #1f2334);
    width: 80px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0
}

.home_live_wins .item {
    padding-right: 30px
}

.home_live_wins .item.new {
    animation: .5s ease-in-out forwards fade_in
}

@keyframes fade_in {
    from {
        opacity: 0;
        transform: translateY(4px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.home_live_wins .item.filler a,
.home_live_wins .item.filler p {
    color: transparent;
    overflow: hidden;
    position: relative;
    background: #181b27;
    border-radius: 12px
}

.home_live_wins .item.filler p.sum {
    margin-bottom: 2px
}

.home_live_wins .item.filler a img {
    opacity: 0;
    background: #181b27
}

.home_live_wins .item.filler a::after,
.home_live_wins .item.filler p::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, #1b2030, transparent);
    animation: 2s linear infinite slideRight
}

@keyframes slideRight {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.home_live_wins .item a {
    max-width: 57px;
    min-width: 57px;
    aspect-ratio: 0.8;
    border-radius: 12px;
    overflow: hidden
}

.home_live_wins .item img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center
}

.home_live_wins .texts {
    font-weight: 600;
    padding-left: 10px;
    width: 100%;
    line-height: 1.05;
    padding-top: 1px;
    white-space: nowrap
}

.home_live_wins .game_title {
    max-width: 100px;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.home_live_wins .mail {
    font-size: 10px;
    margin-top: 3px
}

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

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

@media (max-width:768px) {
    .home_live_wins .item {
        padding-right: 20px
    }
}

.form-container {
    width: 100%;
    max-width: 400px;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
}

.styled-form {
    display: flex;
    flex-direction: column
}

.form-group label {
    display: block;
    font-size: 14px;
    color: #333;
    margin-bottom: 5px
}

.form-group input {
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 8px;
    transition: border-color .3s
}

.form-group input:focus {
    border-color: #007bff;
    outline: 0;
    box-shadow: 0 0 4px rgba(0, 123, 255, .25)
}

.tf-button.style-1 {
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    background-color: #007bff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color .3s
}

.tf-button.style-1:hover {
    background-color: #0056b3
}

.tf-button.style-1:active {
    background-color: #003f88
}