@keyframes rootPreloadSpinner {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes _ngcontent-ng-c3331496938_spinner-animation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes _ngcontent-ng-c4214726734_logo-arrow-small {
    0% {
        opacity: 0;
        transform: translate(-1.5rem,1.5rem)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes _ngcontent-ng-c4214726734_logo-arrow-big {
    0% {
        opacity: 0;
        transform: translate(-1.5em,1.5em)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes _ngcontent-ng-c4214726734_logo-circle {
    0% {
        opacity: 0;
        transform: scale(.3)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes _ngcontent-ng-c4214726734_logo-text-prefix {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes _ngcontent-ng-c4214726734_logo-text-name {
    0% {
        opacity: 0;
        transform: translate(-3.8em)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes _ngcontent-ng-c3581255321_onlineDot {
    0%,to {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@media all and (max-width:991px) {
    :root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

@property --main-btn-gradient-start {
    syntax:"<color>";initial-value:transparent;inherits:false
}

@property --main-btn-gradient-end {
    syntax:"<color>";initial-value:transparent;inherits:false
}

@font-face {
    font-family:Gotham;font-style:normal;font-weight:900;src:url(../fonts/Gotham-Ultra.woff)format("woff"),url(../fonts/Gotham-Ultra.woff2)format("woff2");font-display:swap
}

@font-face {
    font-family:Gotham;font-style:normal;font-weight:800;src:url(../fonts/Gotham-Black.woff)format("woff"),url(../fonts/Gotham-Black.woff2)format("woff2");font-display:swap
}

@font-face {
    font-family:Gotham;font-style:normal;font-weight:700;src:url(../fonts/Gotham-Bold.woff)format("woff"),url(../fonts/Gotham-Bold.woff2)format("woff2");font-display:swap
}

@font-face {
    font-family:Gotham;font-style:normal;font-weight:500;src:url(../fonts/Gotham-Medium.woff)format("woff"),url(../fonts/Gotham-Medium.woff2)format("woff2");font-display:swap
}

@font-face {
    font-family:Gotham;font-style:normal;font-weight:400;src:url(../fonts/Gotham-Book.woff)format("woff"),url(../fonts/Gotham-Book.woff2)format("woff2");font-display:swap
}

@font-face {
    font-family:Gotham;font-style:normal;font-weight:300;src:url(../fonts/Gotham-Light.woff)format("woff"),url(../fonts/Gotham-Light.woff2)format("woff2");font-display:swap
}

@font-face {
    font-family:Gotham;font-style:normal;font-weight:200;src:url(../fonts/Gotham-XLight.woff)format("woff"),url(../fonts/Gotham-XLight.woff2)format("woff2");font-display:swap
}

@font-face {
    font-family:Gotham;font-style:normal;font-weight:100;src:url(../fonts/Gotham-Thin.woff)format("woff"),url(../fonts/Gotham-Thin.woff2)format("woff2");font-display:swap
}

body {
    font-size: 100%;
    font-size: 1rem;
    line-height: 1;
    font-weight: 400;
    text-align: left
}

body,html,iframe,p {
    border: 0;
    font: inherit;
    vertical-align: baseline
}

html {
    color: #fff;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

iframe,p {
    margin: 0;
    padding: 0;
    font-size: 100%
}

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

body,html {
    position: relative;
    background-color: #191d3e;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: 1px 1px 1px rgba(0,0,0,.004);
    text-shadow: 1px 1px 1px rgba(0,0,0,.004);
    font-family: Gotham,sans-serif
}

:root {
    --swiper-theme-color: #007aff
}

html {
    font-size: .625rem
}

@media all and (max-width:1799px) {
    html {
        font-size: .6vw
    }
}

@media all and (max-width:991px) {
    html {
        font-size: .625rem
    }
}

[fixed=true][_nghost-ng-c3331496938] .ng-progress-bar[_ngcontent-ng-c3331496938],[fixed=true][_nghost-ng-c3331496938] .ng-spinner[_ngcontent-ng-c3331496938] {
    position: fixed
}

[fixed=true][_nghost-ng-c3331496938] .ng-spinner[_ngcontent-ng-c3331496938] {
    top: 15px
}

[fixed=true][spinnerPosition=left][_nghost-ng-c3331496938] .ng-spinner[_ngcontent-ng-c3331496938] {
    left: 15px
}

[fixed=true][spinnerPosition=right][_nghost-ng-c3331496938] .ng-spinner[_ngcontent-ng-c3331496938] {
    right: 15px
}

[thick=true][_nghost-ng-c3331496938] .ng-spinner-icon[_ngcontent-ng-c3331496938] {
    width: 24px;
    height: 24px;
    border-width: 3px
}

[thick=true][_nghost-ng-c3331496938] .ng-bar-placeholder[_ngcontent-ng-c3331496938] {
    height: 3px!important
}

[direction="ltr+"][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938],[direction=ltr-][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938] {
    transform: rotate(3deg)
}

[direction="ltr+"][thick=true][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938],[direction=ltr-][thick=true][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938] {
    transform: rotate(4deg)
}

[direction="ltr+"][_nghost-ng-c3331496938] .ng-bar[_ngcontent-ng-c3331496938],[direction="rtl+"][_nghost-ng-c3331496938] .ng-bar[_ngcontent-ng-c3331496938] {
    margin-left: -100%
}

[direction="ltr+"][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938],[direction="rtl+"][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938] {
    right: 0
}

[direction="ltr+"][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938],[direction=rtl-][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938] {
    top: -3px
}

[direction="ltr+"][thick=true][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938],[direction=rtl-][thick=true][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938] {
    top: -4px
}

[direction="rtl+"][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938],[direction=ltr-][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938] {
    bottom: -3px
}

[direction="rtl+"][thick=true][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938],[direction=ltr-][thick=true][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938] {
    bottom: -4px
}

[direction="rtl+"][_nghost-ng-c3331496938] .ng-bar-placeholder[_ngcontent-ng-c3331496938],[direction=ltr-][_nghost-ng-c3331496938] .ng-bar-placeholder[_ngcontent-ng-c3331496938] {
    transform: rotate(180deg)
}

[direction="rtl+"][_nghost-ng-c3331496938] .ng-spinner-icon[_ngcontent-ng-c3331496938],[direction=ltr-][_nghost-ng-c3331496938] .ng-spinner-icon[_ngcontent-ng-c3331496938] {
    animation-directionection: reverse
}

[direction="rtl+"][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938],[direction=rtl-][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938] {
    transform: rotate(-3deg)
}

[direction="rtl+"][thick=true][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938],[direction=rtl-][thick=true][_nghost-ng-c3331496938] .ng-meteor[_ngcontent-ng-c3331496938] {
    transform: rotate(-4deg)
}

[spinnerPosition=left][_nghost-ng-c3331496938] .ng-spinner[_ngcontent-ng-c3331496938] {
    left: 10px
}

[spinnerPosition=right][_nghost-ng-c3331496938] .ng-spinner[_ngcontent-ng-c3331496938] {
    right: 10px
}

.ng-progress-bar[_ngcontent-ng-c3331496938] {
    position: relative;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    transform: scale(1);
    filter: alpha(opacity=0);
    opacity: 0
}

.ng-progress-bar[active=true][_ngcontent-ng-c3331496938] {
    filter: alpha(opacity=100);
    opacity: 1;
    transition: none
}

.ng-bar-placeholder[_ngcontent-ng-c3331496938] {
    position: absolute;
    height: 2px;
    width: 100%
}

.ng-bar[_ngcontent-ng-c3331496938] {
    width: 100%;
    height: 100%;
    transform: translate(-100%,0,0)
}

.ng-meteor[_ngcontent-ng-c3331496938] {
    display: block;
    position: absolute;
    width: 100px;
    height: 100%;
    opacity: 1
}

.ng-spinner[_ngcontent-ng-c3331496938] {
    position: absolute;
    display: block;
    z-index: 1031;
    top: 10px
}

.ng-spinner-icon[_ngcontent-ng-c3331496938] {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    animation: _ngcontent-ng-c3331496938_spinner-animation .25s linear infinite;
    border: 2px solid transparent;
    border-radius: 50%
}

@media all and (max-width:991px) {
    :root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

@property --chat-buttons-start {
    syntax:"<color>";initial-value:#4059b1;inherits:false
}

@property --chat-buttons-end {
    syntax:"<color>";initial-value:#68f;inherits:false
}

.xmas-decoration {
    position: absolute;
    z-index: 1000;
    width: 26.2rem;
    height: 24.1rem;
    bottom: 0;
    left: 0;
    background: left/cover no-repeat url(../img//footer-bg.png);
    pointer-events: none
}

@media all and (max-width:991px) {
    .xmas-decoration {
        display: none
    }
}

.chat-support,.chat-toggler {
    --chat-buttons-start: #4059b1;
    --chat-buttons-end: #68f;
    position: fixed;
    bottom: 2rem;
    z-index: 1000;
    width: 4.7rem;
    height: 4.4rem;
    border: 0;
    background: linear-gradient(180deg,var(--chat-buttons-start) 0%,var(--chat-buttons-end) 100%);
    color: #d3e5ff;
    font-size: 2.4rem;
    -webkit-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,--chat-buttons-start .2s ease-out 0s,--chat-buttons-end .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,--chat-buttons-start .2s ease-out 0s,--chat-buttons-end .2s ease-out 0s;
    transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,--chat-buttons-start .2s ease-out 0s,--chat-buttons-end .2s ease-out 0s
}

.chat-support:hover,.chat-toggler:hover {
    --chat-buttons-start: #4e6ace;
    --chat-buttons-end: #7593ff
}

@media all and (max-width:991px) {
    .chat-support,.chat-toggler {
        display: none
    }
}

.chat-support {
    right: 2rem;
    border-radius: .5rem 1.6rem 1.6rem .5rem;
    padding: 1rem 1.2rem 1rem 1.1rem
}

.chat-toggler {
    right: 7rem;
    border-radius: 1.6rem .5rem .6rem 1.6rem;
    padding: 1rem 1.1rem 1rem 1.2rem
}

.chat-sidebar {
    display: block
}

.chat-sidebar .chat-sidebar__toggle-close {
    --icon-size: 1.8rem;
    height: 3.8rem;
    width: 2.8rem;
    margin-left: 1.1rem
}

.navbar {
    position: fixed;
    z-index: 1;
    height: 100vh;
    width: 10rem;
    background: linear-gradient(180deg,#0a0f20 0,#11172e 100%)
}

.wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    will-change: background-color;
    overflow-x: hidden;
    -webkit-transition: background-color .2s ease-out 0s,width .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s,width .2s ease-out 0s;
    transition: background-color .2s ease-out 0s,width .2s ease-out 0s
}

.wrapper.wrapper_event {
    background: #111735
}

@media all and (min-width:1920px) {
    .wrapper.chat_open .chat-sidebar {
        display: block;
        width: 388px;
        flex: 0 0 auto;
        /* margin-left: calc(var(--gutter)/2) */
    }
}

@media all and (min-width:1920px) and (max-width:1959px) {
    .wrapper.chat_open .profile-header .profile-header__action .button__text {
        display: none
    }
}

@media all and (min-width:1920px) and (max-width:2399px) {
    .wrapper.chat_open .crash-game .crash-game__items-slider {
        width: 31rem
    }
}

@media all and (min-width:1920px) and (max-width:1979px) {
    .wrapper.chat_open .jackpot-game .jackpot-bets-information__head {
        align-items: center
    }

    .wrapper.chat_open .jackpot-game .jackpot-bets-information__hash {
        display: none
    }

    .wrapper.chat_open .jackpot-game .jackpot-bets-information__protection-opener {
        display: flex
    }
}

@media all and (min-width:1920px) and (max-width:2099px) {
    .wrapper.chat_open .referrals-balance-manager .referrals-balance-manager__widgets {
        flex-direction: column!important
    }

    .wrapper.chat_open .referrals-balance-manager .widget_referral-balance {
        padding: .5rem
    }

    .wrapper.chat_open .referrals-balance-manager .widget_referral-balance .widget__icon {
        display: none!important
    }

    .wrapper.chat_open .referrals-balance-manager .widget_referral-balance .widget__content {
        width: 100%
    }
}

@media all and (min-width:1920px) {
    .wrapper.chat_open {
        width: calc(100% - 46.8rem)
    }
}

@media all and (max-width:991px) {
    .wrapper.wrapper_game .header {
        position: absolute;
        top: 0;
        left: 0
    }
}

.wrapper.wrapper_game .container {
    max-width: 184rem;
    padding: 0 var(--gutter)
}

@media all and (max-width:991px) {
    .wrapper.wrapper_game .container {
        padding: 0
    }
}

.wrapper.wrapper_xmas {
    background: linear-gradient(180deg,#08071b 0,#101426 100%)
}

@media all and (max-width:767px) {
    .wrapper.wrapper_double {
        background-color: inherit
    }
}

@media all and (min-width:992px) {
    .wrapper {
        z-index: 2;
        width: 100%;
        /* margin-left: 8rem; */
        background-color: #191d3e;
        border-top-left-radius: 2rem;
        border-bottom-left-radius: 2rem
    }
}

@media all and (max-width:991px) {
    .wrapper {
        flex-direction: column;
        height: 100%
    }
}

.container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 0
}

@media all and (min-width:992px) {
    .container {
        position: relative;
        z-index: 103;
        padding: 0 10rem;
        flex-direction: row;
        padding-bottom: 0;
        min-height: calc(100vh - 10.4rem)
    }
}

.no_scroll {
    height: var(--vh);
    min-height: auto;
    overflow: hidden
}

.game-sidebar {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 auto
}

.game-sidebar:not(.game-sidebar_crash) {
    width: 49.8rem;
    border-radius: 3rem;
    background-color: #1e2444;
    margin-right: var(--gutter)
}

.game-sidebar_wheel {
    overflow: hidden
}

.game-sidebar.is-hidden {
    display: none
}

.game-sidebar .game-sidebar__header {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    width: 100%;
    height: 39.4rem
}

@media all and (max-width:991px) {
    .game-sidebar {
        width: 100%;
        border-radius: 0;
        background-color: transparent
    }

    .game-sidebar.game-sidebar_jackpot {
        margin-top: var(--gutter)
    }

    .game-sidebar:not(.game-sidebar_jackpot) {
        width: 100%;
        background: 0 0;
        margin-top: 7rem;
        border-radius: 0;
        margin-bottom: var(--gutter)
    }

    .game-sidebar .game-sidebar__header {
        height: auto
    }
}

@property --gradient-header-games-end {
    syntax:"<color>";initial-value:transparent;inherits:false
}

[_nghost-ng-c4214726734] {
    position: relative;
    z-index: 104;
    display: flex;
    align-items: center;
    width: 100%;
    flex: 0 0 auto;
    padding: 2rem var(--gutter);
    will-change: width;
    -webkit-transition: width .2s ease-out 0s;
    -moz-transition: width .2s ease-out 0s;
    transition: width .2s ease-out 0s;
    /* margin-left: 8rem; */
}

[_nghost-ng-c4214726734] .header__xmas-bg[_ngcontent-ng-c4214726734] {
    position: absolute;
    width: 30.7rem;
    height: 15.9rem;
    top: 0;
    left: 0;
    background: left/cover no-repeat url(../img//header-bg.png);
    pointer-events: none
}

.is-hidden[_nghost-ng-c4214726734] {
    display: none
}

[_nghost-ng-c4214726734] .header__logo[_ngcontent-ng-c4214726734] {
    z-index: 2;
    margin-right: 2.4rem
}

[_nghost-ng-c4214726734] .header__games[_ngcontent-ng-c4214726734] {
    margin-right: 2.4rem
}

[_nghost-ng-c4214726734] .header__profile[_ngcontent-ng-c4214726734] {
    display: flex;
    align-items: center;
    margin-left: auto
}

[_nghost-ng-c4214726734] .header__actions[_ngcontent-ng-c4214726734] {
    display: flex;
    align-items: center;
    gap: .6rem
}

[_nghost-ng-c4214726734] .header__notifications[_ngcontent-ng-c4214726734] {
    z-index: 2
}

[_nghost-ng-c4214726734] .header__settings[_ngcontent-ng-c4214726734],[_nghost-ng-c4214726734] .header__support[_ngcontent-ng-c4214726734] {
    z-index: 2;
    width: 3.8rem;
    height: 3.8rem;
    padding: 0;
    border-radius: 1rem;
    background-color: #242f54;
    border-color: #242f54;
    color: #7084ac;
    font-size: 2rem
}

[_nghost-ng-c4214726734] .header__settings[_ngcontent-ng-c4214726734]:hover,[_nghost-ng-c4214726734] .header__support[_ngcontent-ng-c4214726734]:hover {
    background-color: #384770;
    border-color: #384770;
    color: #b1c6e4
}

[_nghost-ng-c4214726734] .header__logout[_ngcontent-ng-c4214726734] {
    width: 3.2rem;
    height: 3.2rem;
    padding: 0;
    border-radius: 0;
    color: #444c6f;
    font-size: 2.4rem;
    line-height: 1
}

[_nghost-ng-c4214726734] .header__logout[_ngcontent-ng-c4214726734]:hover {
    color: #6b6280
}

@media all and (max-width:991px) {
    [_nghost-ng-c4214726734] .header__games[_ngcontent-ng-c4214726734],[_nghost-ng-c4214726734] .header__logout[_ngcontent-ng-c4214726734],[_nghost-ng-c4214726734] .header__menu[_ngcontent-ng-c4214726734],[_nghost-ng-c4214726734] .header__support[_ngcontent-ng-c4214726734] {
        display: none
    }
}

@media all and (max-width:767px) {
    [_nghost-ng-c4214726734] {
        padding: 1.4rem var(--gutter)
    }

    [_nghost-ng-c4214726734] .header__settings[_ngcontent-ng-c4214726734],[_nghost-ng-c4214726734] .header__support[_ngcontent-ng-c4214726734] {
        width: 3.4rem;
        height: 3.4rem;
        font-size: 1.8rem
    }
}

@media all and (max-width:479px) {
    [_nghost-ng-c4214726734] .header__logo[_ngcontent-ng-c4214726734] {
        margin: 0
    }
}

.mode__icon[_ngcontent-ng-c4214726734] {
    position: relative;
    left: .2rem;
    width: 2.4rem;
    height: 2.4rem
}

.mode__icon[_ngcontent-ng-c4214726734] .shield-grey[_ngcontent-ng-c4214726734] {
    width: 100%;
    height: 100%;
    background-image: url(../img/shield-grey.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.mode__icon[_ngcontent-ng-c4214726734] .arrows-grey[_ngcontent-ng-c4214726734] {
    position: absolute;
    top: .4rem;
    left: -.1rem;
    width: 1.9rem;
    height: 1.9rem;
    background-image: url(../img/arrows-grey.svg);
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 1;
    transform: translate(0);
    -webkit-transition: transform .2s ease-out 0s,opacity .2s ease-out 0s;
    -moz-transition: transform .2s ease-out 0s,opacity .2s ease-out 0s;
    transition: transform .2s ease-out 0s,opacity .2s ease-out 0s
}

[_ngcontent-ng-c4214726734]:root {
    --gutter: 2rem;
    --gutter-page: 4rem;
    --gutter-shop: 2.5rem;
    --gutter-support: 2.5rem
}

@media all and (max-width:991px) {
    [_ngcontent-ng-c4214726734]:root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.logo_header[_ngcontent-ng-c4214726734] {
    position: relative;
    display: flex;
    align-items: center;
    -webkit-transition: filter .2s ease-out 0s;
    -moz-transition: filter .2s ease-out 0s;
    transition: filter .2s ease-out 0s
}

.logo_header[_ngcontent-ng-c4214726734]:hover {
    filter: brightness(1.1)
}

.logo_header[_ngcontent-ng-c4214726734] .logo__xmas[_ngcontent-ng-c4214726734] {
    width: 3.9rem;
    height: 3.7rem;
    background: center/contain no-repeat url(../img//logo.png)
}

.logo_header[_ngcontent-ng-c4214726734] .logo__arrow[_ngcontent-ng-c4214726734],.logo_header[_ngcontent-ng-c4214726734] .logo__circle[_ngcontent-ng-c4214726734],.logo_header[_ngcontent-ng-c4214726734] .logo__text_name[_ngcontent-ng-c4214726734],.logo_header[_ngcontent-ng-c4214726734] .logo__text_prefix[_ngcontent-ng-c4214726734] {
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%
}

.logo_header[_ngcontent-ng-c4214726734] .logo__arrow[_ngcontent-ng-c4214726734] {
    position: absolute;
    display: inline-block
}

.logo_header[_ngcontent-ng-c4214726734] .logo__arrow_small[_ngcontent-ng-c4214726734] {
    top: 1.5rem;
    left: -.2rem;
    z-index: 10;
    width: 2.365rem;
    height: 1.826rem;
    background-image: url(../img/arrow-small.svg);
    animation-name: _ngcontent-ng-c4214726734_logo-arrow-small;
    animation-duration: .8s;
    animation-delay: .5s;
    animation-fill-mode: both;
    opacity: 0
}

.logo_header[_ngcontent-ng-c4214726734] .logo__arrow_big[_ngcontent-ng-c4214726734] {
    top: 0;
    left: -.3rem;
    z-index: 9;
    width: 3.611rem;
    height: 3.507rem;
    background-image: url(../img/arrow-big.svg);
    animation-name: _ngcontent-ng-c4214726734_logo-arrow-big;
    animation-duration: .8s;
    animation-fill-mode: both;
    opacity: 0
}

.logo_header[_ngcontent-ng-c4214726734] .logo__circle[_ngcontent-ng-c4214726734] {
    position: relative;
    display: inline-block;
    width: 3.362rem;
    height: 3.566rem;
    background-image: url(../img/circle.svg);
    background-size: 3.362rem 3.466rem;
    animation-name: _ngcontent-ng-c4214726734_logo-circle;
    animation-duration: 1.3s;
    animation-delay: .1s;
    animation-fill-mode: both;
    opacity: 0
}

.logo_header[_ngcontent-ng-c4214726734] .logo__text[_ngcontent-ng-c4214726734] {
    position: relative;
    display: inline-block;
    width: 16.505rem;
    height: 2.019rem;
    margin-left: .9rem;
    background-image: url(../img/text.svg);
    background-size: contain;
    background-repeat: no-repeat
}

@media all and (max-width:479px) {
    .logo_header[_ngcontent-ng-c4214726734] .logo__text[_ngcontent-ng-c4214726734] {
        display: none
    }
}

@property --main-header-start {
    syntax:"<color>";initial-value:#c28c4b;inherits:false
}

@property --main-header-end {
    syntax:"<color>";initial-value:#fdcf77;inherits:false
}

.menu[_ngcontent-ng-c4214726734] {
    position: relative;
    z-index: 106;
    display: flex;
    align-items: center;
    gap: 2.3rem
}

.menu__buttons[_ngcontent-ng-c4214726734] {
    display: flex;
    align-items: center
}

.menu[_ngcontent-ng-c4214726734] .menu__button-link[_ngcontent-ng-c4214726734] {
    --main-header-start: #c28c4b;
    --main-header-end: #fdcf77;
    --icon-size: 2.4rem;
    --color: #453323;
    height: 4.4rem;
    padding: 0 1.2rem;
    font-size: 1.3rem;
    background: linear-gradient(207.39deg,var(--main-header-start) -10.19%,var(--main-header-end) 80.05%)
}

.menu[_ngcontent-ng-c4214726734] .menu__button-link[_ngcontent-ng-c4214726734]:hover {
    --main-header-start: #a0743f;
    --main-header-end: #dab05f;
    --color: #5b4633
}

.menu[_ngcontent-ng-c4214726734] .menu__button-link_cards[_ngcontent-ng-c4214726734] {
    margin-left: .8rem;
    --main-header-start: #3e4d9f;
    --main-header-end: #5a79c9;
    color: #dbe7ff
}

.menu[_ngcontent-ng-c4214726734] .menu__button-link_cards[_ngcontent-ng-c4214726734]:hover {
    --main-header-start: #5365c1;
    --main-header-end: #7b9bee
}

.menu[_ngcontent-ng-c4214726734] .menu__link[_ngcontent-ng-c4214726734] {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    color: #eaf2ff;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.7rem;
    cursor: pointer;
    -webkit-transition: color .2s ease-out 0s,background-color .2s ease-out 0s,border-color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s,background-color .2s ease-out 0s,border-color .2s ease-out 0s;
    transition: color .2s ease-out 0s,background-color .2s ease-out 0s,border-color .2s ease-out 0s
}

.menu[_ngcontent-ng-c4214726734] .menu__link[_ngcontent-ng-c4214726734] .icon[_ngcontent-ng-c4214726734] {
    font-size: 2.2rem;
    color: #9fb1d5;
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s
}

.menu[_ngcontent-ng-c4214726734] .menu__link[_ngcontent-ng-c4214726734]:hover,.menu[_ngcontent-ng-c4214726734] .menu__link[_ngcontent-ng-c4214726734]:hover .icon[_ngcontent-ng-c4214726734] {
    color: #fff
}

.menu[_ngcontent-ng-c4214726734] .menu__link.is-active[_ngcontent-ng-c4214726734],.menu[_ngcontent-ng-c4214726734] .menu__link.is-active[_ngcontent-ng-c4214726734] .icon[_ngcontent-ng-c4214726734] {
    color: #7cb0ff
}

.profile-header[_ngcontent-ng-c4214726734] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1.4rem
}

.profile-header[_ngcontent-ng-c4214726734] .profile-header__user-actions[_ngcontent-ng-c4214726734] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: .8rem
}

.profile-header[_ngcontent-ng-c4214726734] .profile-header__login[_ngcontent-ng-c4214726734] {
    margin-left: auto
}

.profile-header[_ngcontent-ng-c4214726734] .profile-header__login[_ngcontent-ng-c4214726734] .button_login[_ngcontent-ng-c4214726734] {
    height: 4.4rem;
    padding: 0 1.143em;
    background-color: #62d5b2;
    border-color: #62d5b2;
    color: #20274b;
    border-radius: .571em;
    line-height: 1
}

.profile-header[_ngcontent-ng-c4214726734] .profile-header__login[_ngcontent-ng-c4214726734] .button_login[_ngcontent-ng-c4214726734] .icon[_ngcontent-ng-c4214726734] {
    font-size: 1.429em
}

.profile-header[_ngcontent-ng-c4214726734] .profile-header__login[_ngcontent-ng-c4214726734] .button_login[_ngcontent-ng-c4214726734]:hover {
    background-color: #89e6ca;
    border-color: #89e6ca;
    color: #20274b
}

.profile-header[_ngcontent-ng-c4214726734] .profile-header__information[_ngcontent-ng-c4214726734] {
    display: inline-block;
    max-width: 18em;
    margin-left: 2em;
    margin-right: auto
}

.profile-header[_ngcontent-ng-c4214726734] .profile-header__nickname[_ngcontent-ng-c4214726734] {
    height: 1.8em;
    color: #dee5ec;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.9em
}

.profile-header[_ngcontent-ng-c4214726734] .profile-header__deposit[_ngcontent-ng-c4214726734] {
    color: #fff;
    font-size: 1.7em;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase
}

.profile-header[_ngcontent-ng-c4214726734] .profile-header__picture[_ngcontent-ng-c4214726734] {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 1.4rem
}

.profile-header[_ngcontent-ng-c4214726734] .profile-header__picture[_ngcontent-ng-c4214726734]:before {
    border-radius: 1.6rem
}

.profile-header[_ngcontent-ng-c4214726734] .profile-header__level[_ngcontent-ng-c4214726734] {
    position: absolute;
    right: -.3rem;
    bottom: -.3rem;
    font-size: 1rem
}

.profile-header[_ngcontent-ng-c4214726734] .currency_RUB[_ngcontent-ng-c4214726734]:after {
    top: -.1em;
    font-size: 70%
}

@media all and (max-width:991px) {
    .profile-header[_ngcontent-ng-c4214726734] .profile-header__deposit[_ngcontent-ng-c4214726734],.profile-header[_ngcontent-ng-c4214726734] .profile-header__wager-bonus[_ngcontent-ng-c4214726734] {
        display: none
    }
}

.deposit[_ngcontent-ng-c4214726734] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    height: 4.4rem;
    padding: .6rem .6rem .6rem 1.2rem;
    background: linear-gradient(258.29deg,rgba(80,255,203,.26) .41%,rgba(98,198,212,.13) 65.4%);
    border: 0;
    border-radius: 1rem;
    color: #b9fff2;
    line-height: 1;
    -webkit-transition: filter .2s ease-out 0s;
    -moz-transition: filter .2s ease-out 0s;
    transition: filter .2s ease-out 0s
}

.deposit[_ngcontent-ng-c4214726734]:hover {
    filter: brightness(1.15)
}

.deposit[_ngcontent-ng-c4214726734] .deposit__bank[_ngcontent-ng-c4214726734] {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.8rem;
    color: #69dd89
}

.deposit__button[_ngcontent-ng-c4214726734] {
    width: auto;
    height: 3.2rem;
    padding: 0 .9rem;
    border: 0;
    border-radius: .8rem;
    background-color: #69dd89;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2rem;
    color: #204b43
}

.deposit__button[_ngcontent-ng-c4214726734]:hover {
    background-color: #8af29b;
    color: #457859
}

@media all and (max-width:991px) {
    :root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

@property --footer-apps-gradient-start {
    syntax:"<color>";initial-value:transparent;inherits:false
}

@property --footer-apps-gradient-end {
    syntax:"<color>";initial-value:transparent;inherits:false
}

.footer {
    position: relative;
    bottom: 0;
    z-index: 104;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding: 4rem 0;
    max-width: 120rem;
    margin: 0 auto;

}

.footer_stretch {
    max-width: 100%;
    padding: 4rem 10rem
}

.footer_defuse,.footer_mines {
    max-width: 106rem
}

.footer__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.footer__head-left {
    display: flex;
    align-items: center;
    gap: 2.15rem
}

.footer__logo {
    display: block;
    width: 12.2rem;
    height: 3.6rem;
    background: no-repeat center/100%url(../img/logo-desktop.svg)
}

.footer__language {
    width: 16rem
}

.footer__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 3.7rem 2.45rem 3.7rem 3.35rem;
    border-radius: 2.5rem;
    border: 1px solid rgba(74,86,128,.2);
    background: rgba(37,48,94,.1)
}

.footer__counters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4.8rem
}

.footer__attention-wrapper {
    display: flex;
    align-items: center;
    gap: 2.4rem
}

.footer__trust-pilot {
    width: 10rem;
    -webkit-transition: filter .2s ease-out 0s;
    -moz-transition: filter .2s ease-out 0s;
    transition: filter .2s ease-out 0s
}

.footer__trust-pilot:hover {
    filter: brightness(1.2)
}

.footer__attention {
    width: 5.4rem;
    height: 5.4rem;
    -webkit-user-select: none;
    user-select: none
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    gap: 1.2rem
}

.footer__links {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: min-content;
    row-gap: 1.8rem;
    column-gap: 6.4rem;
    white-space: nowrap
}

.footer__date {
    color: #a4aecb;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.2rem
}

.footer__address {
    width: 35rem;
    color: #7f8bad;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem
}

.footer__nav-item {
    color: #9fb1d4;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: normal;
    -webkit-transition: color .2s ease-out 0s,text-decoration .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s,text-decoration .2s ease-out 0s;
    transition: color .2s ease-out 0s,text-decoration .2s ease-out 0s
}

.footer__nav-item:hover {
    color: #e5eeff;
    text-decoration: underline
}

.footer__apps {
    display: flex;
    gap: 1.2rem
}

@media all and (max-width:991px) {
    .footer {
        z-index: 1;
        padding: 0 1.5rem;
        margin-bottom: 2rem;
        margin-top: 2.5rem
    }

    .footer,.footer__head {
        gap: 1rem
    }

    .footer__head-left {
        gap: .8rem
    }

    .footer__logo {
        width: 3.4rem;
        height: 3.4rem;
        background-image: url(../img/logo-mobile.svg)
    }

    .footer__main {
        gap: 1rem;
        padding: 1.5rem;
        border-radius: 1.4rem
    }

    .footer__counters {
        gap: 1.2rem
    }

    .footer__attention-wrapper {
        flex-direction: column-reverse;
        justify-content: center;
        gap: .6rem
    }

    .footer__trust-pilot {
        width: 5.4rem
    }

    .footer__attention {
        width: 4rem;
        height: 4rem
    }

    .footer__bottom {
        flex-direction: column-reverse
    }

    .footer__links {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 1rem;
        column-gap: 1.2rem;
        order: 3
    }

    .footer__nav-item {
        text-align: center
    }
}

.medias {
    display: flex;
    align-items: center;
    gap: 1.4rem
}

.medias__title {
    color: #7f8bad66;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2.7rem;
    text-transform: uppercase
}

.medias__links {
    display: flex;
    align-items: center;
    gap: 1rem
}

.medias__link {
    font-size: 2.4rem;
    color: #9fb1d4
}

.medias__link:hover {
    color: #d6e2f9
}

@media all and (max-width:991px) {
    .medias__title {
        display: none
    }
}

.counter {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 1rem;
    white-space: nowrap
}

.counter__icon {
    font-size: 3.4rem;
    background: linear-gradient(180deg,#5b6ca3 0,#8da2d6 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

.counter__info {
    display: flex;
    flex-direction: column;
    gap: .2rem
}

.counter__value {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: normal;
    font-variant: tabular-nums
}

.counter__title {
    color: #a0afd3;
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase
}

@media all and (max-width:991px) {
    .counter {
        gap: .6rem
    }

    .counter__icon {
        font-size: 2.6rem
    }

    .counter__info {
        gap: unset
    }

    .counter__value {
        font-size: 1.4rem
    }

    .counter__title {
        font-size: .9rem
    }
}

.app {
    --footer-apps-gradient-start: rgba(85, 110, 174, 0.8);
    --footer-apps-gradient-end: rgba(137, 162, 225, 0.8);
    display: flex;
    align-items: center;
    height: 4.8rem;
    border-radius: 1rem;
    background: linear-gradient(180deg,var(--footer-apps-gradient-start) 0%,var(--footer-apps-gradient-end) 100%);
    cursor: pointer;
    -webkit-transition: --footer-apps-gradient-start .2s ease-out 0s,--footer-apps-gradient-end .2s ease-out 0s;
    -moz-transition: --footer-apps-gradient-start .2s ease-out 0s,--footer-apps-gradient-end .2s ease-out 0s;
    transition: --footer-apps-gradient-start .2s ease-out 0s,--footer-apps-gradient-end .2s ease-out 0s
}

.app:hover {
    --footer-apps-gradient-start: rgba(102, 128, 195, 0.8);
    --footer-apps-gradient-end: rgba(162, 188, 255, 0.8)
}

.app_ios {
    gap: .2rem;
    padding-inline: 1.05rem 1.35rem
}

.app_ios .app__logo {
    width: 2.2rem;
    height: 2.2rem;
    background: no-repeat center/100%url(../img/ios/logo.svg)
}

.app_ios .app__text {
    width: 7rem;
    height: 2.4rem;
    background: no-repeat center/100%url(../img/ios/text.svg)
}

.app_android {
    gap: .5rem;
    padding: 1.2rem 1.05rem 1.2rem 1.15rem
}

.app_android .app__logo {
    width: 2rem;
    height: 2.2rem;
    background: no-repeat center/100%url(../img/android/logo.svg)
}

.app_android .app__text {
    width: 7.1rem;
    height: 2.4rem;
    background: no-repeat center/100%url(../img/android/text.svg)
}

@media all and (max-width:991px) {
    .app {
        width: 16.8rem;
        height: 4.6rem;
        justify-content: center
    }

    [_ngcontent-ng-c1869804088]:root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.languages[_ngcontent-ng-c1869804088] {
    position: relative;
    z-index: 2;
    display: flex;
    flex-flow: column-reverse nowrap;
    justify-content: flex-end;
    min-width: 18rem;
    background-color: #262e51;
    border-radius: 1rem;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-out 0s,border-radius .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s,border-radius .2s ease-out 0s;
    transition: background-color .2s ease-out 0s,border-radius .2s ease-out 0s
}

.languages[_ngcontent-ng-c1869804088]:hover:not(.is-open),.languages[_ngcontent-ng-c1869804088]:hover:not(.is-open) .languages__list[_ngcontent-ng-c1869804088] {
    background-color: #293258
}

.languages.is-open[_ngcontent-ng-c1869804088] {
    border-radius: 0 0 1rem 1rem;
    box-shadow: 0 1.4rem 5.4rem #15192f80
}

.languages.is-open[_ngcontent-ng-c1869804088] .languages__current[_ngcontent-ng-c1869804088] .flag[_ngcontent-ng-c1869804088] {
    opacity: .4
}

.languages.is-open[_ngcontent-ng-c1869804088] .languages__current[_ngcontent-ng-c1869804088] .icon[_ngcontent-ng-c1869804088] {
    transform: rotate(0)
}

.languages.is-open[_ngcontent-ng-c1869804088] .languages__list[_ngcontent-ng-c1869804088] {
    opacity: 1;
    visibility: visible;
    transform: translateY(-3rem)
}

.languages[_ngcontent-ng-c1869804088] .languages__current[_ngcontent-ng-c1869804088] {
    display: flex;
    align-items: center;
    gap: .8rem;
    padding: 1.2rem
}

.languages[_ngcontent-ng-c1869804088] .languages__current[_ngcontent-ng-c1869804088] .flag[_ngcontent-ng-c1869804088] {
    opacity: 1;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.languages[_ngcontent-ng-c1869804088] .languages__current[_ngcontent-ng-c1869804088] .icon[_ngcontent-ng-c1869804088] {
    margin-left: auto;
    transform: rotate(180deg);
    -webkit-transition: transform .2s ease-out 0s;
    -moz-transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s
}

.languages[_ngcontent-ng-c1869804088] .languages__current-name[_ngcontent-ng-c1869804088] {
    color: #d6ddea;
    font-weight: 500;
    font-size: 1.4rem
}

.languages[_ngcontent-ng-c1869804088] .languages__list[_ngcontent-ng-c1869804088] {
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    width: 100%;
    height: 17.6rem;
    padding: 1.2rem 0 1.2rem 1.2rem;
    background-color: #262e51;
    border-radius: 1rem 1rem 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: background-color .2s ease-out 0s,opacity .2s ease-out 0s,visibility .2s ease-out 0s,transform .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s,opacity .2s ease-out 0s,visibility .2s ease-out 0s,transform .2s ease-out 0s;
    transition: background-color .2s ease-out 0s,opacity .2s ease-out 0s,visibility .2s ease-out 0s,transform .2s ease-out 0s
}

@media (hover:hover) {
    .languages[_ngcontent-ng-c1869804088] .languages__list[_ngcontent-ng-c1869804088] {
        padding-right: .75rem
    }
}

.languages[_ngcontent-ng-c1869804088] .languages__scroll[_ngcontent-ng-c1869804088] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%
}

@media (hover:hover) {
    .languages[_ngcontent-ng-c1869804088] .languages__scroll[_ngcontent-ng-c1869804088] {
        margin-right: -.45rem
    }
}

.languages[_ngcontent-ng-c1869804088] .languages__item[_ngcontent-ng-c1869804088] {
    display: flex;
    align-items: center;
    gap: .8rem;
    color: #d6ddea;
    font-weight: 500;
    font-size: 1.4rem;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.languages[_ngcontent-ng-c1869804088] .languages__item.is-active[_ngcontent-ng-c1869804088],.languages[_ngcontent-ng-c1869804088] .languages__item[_ngcontent-ng-c1869804088]:hover {
    opacity: .4
}

.languages[_ngcontent-ng-c1869804088] .languages__item.is-active[_ngcontent-ng-c1869804088]:hover {
    opacity: .8
}

.languages[_ngcontent-ng-c1869804088] .flag[_ngcontent-ng-c1869804088] {
    flex: 0 0 auto;
    opacity: 1
}

.languages_row[_ngcontent-ng-c1869804088] .languages__list[_ngcontent-ng-c1869804088] {
    left: 3.6rem;
    bottom: 0;
    display: flex;
    width: auto;
    border-radius: 0 1rem 1rem 0;
    transform: translate(-.4rem)
}

.languages_row[_ngcontent-ng-c1869804088] .flag[_ngcontent-ng-c1869804088]:not(:last-child) {
    margin: 0 1rem 0 0
}

.languages_row.is-open[_ngcontent-ng-c1869804088] .languages__list[_ngcontent-ng-c1869804088] {
    transform: translate(0)
}

@media all and (max-width:991px) {
    .languages[_ngcontent-ng-c1869804088] {
        min-width: 14rem
    }
}

.flag[_ngcontent-ng-c1869804088] {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-clip: border-box
}

.flag.flag_ru[_ngcontent-ng-c1869804088] {
    background-image: url(../img//ru.svg)
}

.flag.flag_en[_ngcontent-ng-c1869804088] {
    background-image: url(../img//en.svg)
}

.flag.flag_pl[_ngcontent-ng-c1869804088] {
    background-image: url(../img//pl.svg)
}

.flag.flag_tr[_ngcontent-ng-c1869804088] {
    background-image: url(../img//tr.svg)
}

.flag.flag_cs[_ngcontent-ng-c1869804088] {
    background-image: url(../img//cs.svg)
}

.flag.flag_fr[_ngcontent-ng-c1869804088] {
    background-image: url(../img//fr.svg)
}

.flag.flag_es[_ngcontent-ng-c1869804088] {
    background-image: url(../img//es.svg)
}

.flag.flag_pt[_ngcontent-ng-c1869804088] {
    background-image: url(../img//pt.svg)
}

.flag.flag_de[_ngcontent-ng-c1869804088] {
    background-image: url(../img//de.svg)
}

.flag.flag_sv[_ngcontent-ng-c1869804088] {
    background-image: url(../img//sv.svg)
}

.flag.flag_br[_ngcontent-ng-c1869804088] {
    background-image: url(../img//br.svg)
}

.flag.flag_uk[_ngcontent-ng-c1869804088] {
    background-image: url(../img//uk.svg)
}

.flag.flag_fi[_ngcontent-ng-c1869804088] {
    background-image: url(../img//fi.svg)
}

.flag.flag_hu[_ngcontent-ng-c1869804088] {
    background-image: url(../img//hu.svg)
}

.flag.flag_it[_ngcontent-ng-c1869804088] {
    background-image: url(../img//it.svg)
}

.flag.flag_no[_ngcontent-ng-c1869804088] {
    background-image: url(../img//no.svg)
}

.flag.flag_ro[_ngcontent-ng-c1869804088] {
    background-image: url(../img//ro.svg)
}

.flag.flag_sk[_ngcontent-ng-c1869804088] {
    background-image: url(../img//sk.svg)
}

.flag.flag_vi[_ngcontent-ng-c1869804088] {
    background-image: url(../img//vi.svg)
}

.flag.flag_cn[_ngcontent-ng-c1869804088] {
    background-image: url(../img//cn.svg)
}

@media all and (max-width:991px) {
    [_ngcontent-ng-c3850462284]:root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.navbar__modes[_ngcontent-ng-c3850462284],[_nghost-ng-c3850462284] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

[_nghost-ng-c3850462284] {
    padding-right: 2rem
}

.navbar__modes[_ngcontent-ng-c3850462284] {
    gap: 2.2rem
}

.navbar__mode[_ngcontent-ng-c3850462284] {
    display: flex;
    align-items: center;
    width: 5rem;
    height: 5rem;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .5;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.navbar__mode[_ngcontent-ng-c3850462284]:before {
    content: "";
    position: absolute;
    right: 0;
    display: block;
    width: 1.4rem;
    height: 2.2rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(../img/active-tab.webp);
    -webkit-transition: transform .2s ease-out 0s;
    -moz-transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s
}

.main-page .bonus-deposit__copy:hover .icon,.navbar__mode.is-active[_ngcontent-ng-c3850462284],.navbar__mode[_ngcontent-ng-c3850462284]:hover {
    opacity: 1
}

.navbar__mode.is-active[_ngcontent-ng-c3850462284]:before {
    transform: translate(-2rem)
}

.navbar__mode_crash[_ngcontent-ng-c3850462284] {
    background-image: url(../img/crash.webp)
}

.navbar__mode_double[_ngcontent-ng-c3850462284] {
    background-image: url(../img/double.webp)
}

.navbar__mode_jackpot[_ngcontent-ng-c3850462284] {
    background-image: url(../img/jackpot.webp)
}

.navbar__mode_wheel[_ngcontent-ng-c3850462284] {
    background-image: url(../img/wheel.webp)
}

.navbar__mode_mines[_ngcontent-ng-c3850462284] {
    background-image: url(../img/mines.webp)
}

.navbar__mode_defuse[_ngcontent-ng-c3850462284] {
    background-image: url(../img/defuse.webp)
}

.navbar__mode_battleship[_ngcontent-ng-c3850462284] {
    background-image: url(../img/battleship.webp)
}

.navbar__mode_pvp-battle[_ngcontent-ng-c3850462284] {
    background-image: url(../img/pvp-battle.webp)
}

@media all and (max-width:991px) {
    :root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

@property --main-mode-start {
    syntax:"<color>";initial-value:rgba(38,49,91,.35);inherits:false
}

@property --main-mode-end {
    syntax:"<color>";initial-value:rgba(50,63,109,.35);inherits:false
}

.main-page {
    display: block;
    width: 100%;
    max-width: 120rem;
    margin: 0 auto
}

.main-page .main__bonuses {
    display: flex;
    margin-top: 2rem;
    gap: .9rem
}

.main-page .main__modes-block {
    margin-top: 2rem
}

.main-page .modes-cards {
    display: grid;
    align-content: flex-start;
    gap: 2rem;
    margin-top: 1.6rem;
    grid-template-columns: 28.5rem 1fr 1fr 1fr;
    grid-template-rows: auto;
}


.main-page .main__head {
    display: flex;
    gap: 2rem;
    width: 100%;
    margin-top: 2rem
}

.main-page .bonus-deposit__img {
    position: absolute;
    top: 13.9rem;
    right: -1.5rem;
    z-index: 1;
    width: 26.7rem;
    height: 24.3rem;
    -webkit-transition: width .2s ease-out 0s,height .2s ease-out 0s,top .2s ease-out 0s;
    -moz-transition: width .2s ease-out 0s,height .2s ease-out 0s,top .2s ease-out 0s;
    transition: width .2s ease-out 0s,height .2s ease-out 0s,top .2s ease-out 0s
}

.main-page .bonus-deposit__btns {
    position: relative;
    z-index: 9;
    display: flex;
    margin-top: 1.3rem
}

.main-page .bonus-deposit__title {
    font-weight: 600;
    font-size: 2.5rem;
    line-height: 2.8rem;
    color: #fff
}

.main-page .bonus-deposit__copy {
    gap: .6rem;
    height: 4.4rem;
    padding: 0 1.4rem;
    margin-right: .8rem;
    background-color: #ffb6ac24;
    border: .1rem dashed rgba(255,192,138,.5);
    color: #ffd89d;
    font-size: 1.6rem;
    font-weight: 500
}

.main-page .bonus-deposit__copy .icon {
    font-size: 1.5rem;
    margin-left: .2rem;
    opacity: .7;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.main-page .bonus-deposit__away {
    width: 8rem;
    height: 4.4rem;
    padding: 0;
    background-color: #ffbfb1cc;
    border-radius: 1.4rem;
    -webkit-transition: width .2s ease-out 0s,background-color .2s ease-out 0s;
    -moz-transition: width .2s ease-out 0s,background-color .2s ease-out 0s;
    transition: width .2s ease-out 0s,background-color .2s ease-out 0s
}

.main-page .bonus-deposit__away .icon {
    color: #292149;
    font-size: 2.4rem
}

.main-page .bonus-deposit__away:hover {
    background-color: #ffbfb1
}

.main-page .main__live-drop-block {
    margin-top: 4rem
}

.main-page .main__live-drops {
    display: flex;
    overflow-x: clip;
    gap: .8rem;
    height: 8.5rem
}

.main-page .main__live-drop {
    min-width: 19.5rem;
    height: 6.5rem;
    background-color: #26315b;
    border-radius: 1.2rem
}

.main-page .main__banners-placeholder {
    position: relative;
    display: block;
    height: 32rem;
    width: 100%;
    max-width: 89.5rem;
    border-radius: 2.5rem;
    overflow: hidden
}

@media all and (max-width:991px) {
    .main-page .main__banners-placeholder {
        height: 17.7rem;
        border-radius: 2rem
    }
}

@media all and (max-width:768px) {
    .main-page .main__banners-placeholder {
        max-width: 100%;
        height: 14.4rem
    }
}

@media all and (max-width:991px) {
    .main-page {
        padding: 0 var(--gutter)
    }

    .main-page .bonus-deposit__title {
        font-size: 22px;
        line-height: 27px
    }

    .main-page .bonus-deposit__copy {
        height: 4.2rem;
        font-size: 15px;
        line-height: 18px
    }

    .main-page .bonus-deposit__away {
        width: 6.7rem;
        height: 4.2rem
    }

    .main-page .bonus-deposit__img {
        width: 22rem;
        height: 19.8rem
    }

    .main-page .modes-cards__main-card {
        max-width: 28.1rem;
        min-height: 57.4rem
    }

    .main-page .modes-cards {
        gap: 1rem;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: auto;
        grid-template-areas: "crash crash battleship battleship"". . . ."". . . ."". . . ."
    }

    .main-page .main__daily-bonuses {
        display: none
    }

    .main-page .main__live-drops {
        width: 100vw;
        margin-top: 1.5rem
    }

    .main-page .main__head {
        margin-top: 1.6rem;
        flex-direction: column
    }

    .main-page .main__bonuses {
        margin-top: 1rem
    }

    .main-page .main__modes-block {
        margin-top: 1.5rem
    }

    .main-page .main__live-drop-block {
        margin-top: 2.6rem
    }
}

@media all and (max-width:768px) {
    .main-page .main__head {
        flex-direction: column;
        gap: .7rem;
        margin-top: 0
    }

    .main-page .bonus-deposit__title {
        font-size: 1.4rem;
        line-height: 1.6rem
    }

    .main-page .bonus-deposit__btns {
        margin-top: .8rem
    }

    .main-page .bonus-deposit__copy {
        width: 6.7rem;
        height: 2.8rem;
        margin-right: .6rem;
        font-size: 1.2rem
    }

    .main-page .bonus-deposit__copy .icon {
        font-size: 1.4rem
    }

    .main-page .bonus-deposit__away {
        width: 5.8rem;
        height: 2.8rem;
        border-radius: 1rem
    }

    .main-page .bonus-deposit__away .icon {
        font-size: 2rem
    }

    .main-page .bonus-deposit__img {
        right: -.3rem;
        bottom: 0;
        top: .3rem;
        width: 13rem;
        height: 11.8rem
    }

    .main-page .modes-cards {
        gap: .8rem;
        margin-top: 0
    }

    .main-page .main__live-drop-block {
        margin-top: 1.4rem
    }

    .main-page .main__live-drops {
        margin-top: 0;
        column-gap: .3rem;
        height: 11rem;
        width: auto
    }

    .main-page .main__live-drop {
        min-width: 8.4rem;
        height: 9rem
    }
}

.main__right-banner {
    flex: 1;
    height: 32rem
}

@media all and (max-width:991px) {
    .main__right-banner {
        height: auto
    }
}

.bonus-card {
    --main-mode-start: rgba(32, 45, 94, 0.65);
    --main-mode-end: rgba(57, 64, 129, 0.65);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex: 1 1 33.333%;
    padding: 0 2.3rem;
    background-image: linear-gradient(117.48deg,var(--main-mode-start),var(--main-mode-end) 78.11%);
    border: 0;
    border-radius: 2rem;
    height: 8.4rem;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: --main-mode-start .2s ease-out 0s,--main-mode-end .2s ease-out 0s;
    -moz-transition: --main-mode-start .2s ease-out 0s,--main-mode-end .2s ease-out 0s;
    transition: --main-mode-start .2s ease-out 0s,--main-mode-end .2s ease-out 0s
}

.bonus-card_cards {
    --main-mode-start: rgba(38, 49, 91, 0.35);
    --main-mode-end: rgba(50, 63, 109, 0.35);
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 66.666%;
    background: linear-gradient(114.96deg,rgba(53,69,135,.8) 22.57%,rgba(91,141,237,.8) 86.26%)
}

.bonus-card__title {
    display: flex;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #fff;
    align-items: center
}

.bonus-card__title .icon {
    opacity: 0;
    margin-left: .6rem;
    transform: translate(-1rem);
    -webkit-transition: transform .2s ease-out 0s,opacity .2s ease-out 0s;
    -moz-transition: transform .2s ease-out 0s,opacity .2s ease-out 0s;
    transition: transform .2s ease-out 0s,opacity .2s ease-out 0s
}

.bonus-card__sub-title {
    display: flex;
    flex-direction: column;
    color: #aab6e3;
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: 300
}

.bonus-card__img {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: width .2s ease-out 0s,transform .2s ease-out 0s;
    -moz-transition: width .2s ease-out 0s,transform .2s ease-out 0s;
    transition: width .2s ease-out 0s,transform .2s ease-out 0s
}

.bonus-card__img_battlepass {
    right: -10.5rem;
    bottom: -14rem;
    height: 26.07rem;
    width: 33rem;
    background-image: url(../img/main-battlepass.webp)
}

.bonus-card__img_top {
    right: -5.5rem;
    bottom: -15rem;
    height: 26.57rem;
    width: 25.6rem;
    background-image: url(../img/main-top.webp)
}

.bonus-card__img_bonuses {
    right: -4.5rem;
    bottom: -13.5rem;
    height: 23.2rem;
    width: 25.6rem;
    background-image: url(../img/main-bonus.webp)
}

.bonus-card__img_cards {
    position: relative;
    top: 1.6rem;
    width: 24.3rem;
    height: 15.4rem;
    background: no-repeat center/100%url(../img/cards.png)
}

.bonus-card__title-wrapper {
    display: flex;
    flex-direction: column
}

@media all and (min-width:991px) {
    .bonus-card:hover {
        --main-mode-start: #202d5e;
        --main-mode-end: #394081
    }

    .bonus-card:hover .bonus-card__title .icon {
        opacity: 1;
        transform: translate(0)
    }

    .bonus-card:hover .bonus-card__img {
        transform: scale(.9)
    }
}

@media all and (max-width:991px) {
    .bonus-card {
        padding: 1.2rem .8rem 1.2rem 1.4rem;
        height: 12.6rem;
        justify-content: space-between;
        align-items: flex-start
    }

    .bonus-card_cards .bonus-card__title-wrapper {
        height: 100%
    }

    .bonus-card_cards .bonus-card__card-points {
        margin-top: auto
    }

    .bonus-card_cards .bonus-card__img {
        position: absolute;
        top: 3.1rem;
        right: -4.4rem;
        width: 18.6rem;
        height: 11.788rem
    }

    .bonus-card__title {
        position: relative;
        z-index: 1;
        font-size: 1.4rem;
        line-height: 1.7rem
    }

    .bonus-card__sub-title {
        font-size: 1.1rem;
        line-height: 1.2rem
    }

    .bonus-card__img:not(.bonus-card__img_cards) {
        transform: scale(.8);
        margin-right: -20px
    }
}

.right-banner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 1.2rem;
    padding: 2.4rem;
    border-radius: 2.5rem;
    background: linear-gradient(149deg,#164c7e 4.18%,#76f06b 100.14%);
    overflow: hidden
}

.right-banner:after {
    content: "";
    position: absolute;
    right: -9.5rem;
    bottom: -12.7rem;
    display: block;
    width: 37.8951rem;
    height: 44.6rem;
    background: no-repeat center/100%url(../img/right-banner.webp);
    pointer-events: none
}

.right-banner__title {
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 2.6rem
}

.right-banner__action {
    --bgc: #eef097;
    --color: #262121;
    width: 6.4rem;
    height: 3.4rem;
    z-index: 2
}

.right-banner__action:hover {
    --bgc: #feffbf
}

@media all and (max-width:991px) {
    .right-banner {
        padding: 1.6rem
    }
}

@media all and (max-width:767px) {
    .right-banner {
        border-radius: 2rem
    }

    .right-banner:after {
        right: -6.4rem;
        bottom: -5rem;
        width: 23.54rem;
        height: 20rem
    }

    .right-banner__title {
        font-size: 1.6rem;
        line-height: 1.8rem
    }
}

@media all and (max-width:991px) {
    :root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.main-block {
    display: block
}

.main-block .main__block-title {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-left: 2.5rem;
    color: #7f8bad;
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.main-block .main__block-title .icon {
    font-size: 2.8rem
}

@media all and (max-width:991px) {
    .main-block .main__block-title {
        margin: 0 0 1.1rem 3.2rem
    }
}

@media all and (max-width:768px) {
    .main-block .main__block-title {
        font-size: 1.2rem;
        margin: 0 0 1.1rem 1.7rem
    }

    .main-block .main__block-title .icon {
        font-size: 2.1rem
    }
}

@media all and (max-width:991px) {
    :root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.mode-card {
    --gradient-main-card-start: rgba(94, 152, 240, 0.6);
    --gradient-main-card-end: rgba(28, 46, 108, 0.6);
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 34rem;
    grid-row: span 2;
    background: linear-gradient(359.05deg,var(--gradient-main-card-start) 7.05%,var(--gradient-main-card-end) 107.56%);
    border-radius: 2.5rem;
    padding: 3.2rem 2.5rem 2.5rem;
    cursor: pointer;
    flex-basis: 100%;
    overflow: hidden;
    font-family: Gotham;
    -webkit-transition: --gradient-main-card-start .2s ease-out 0s,--gradient-main-card-end .2s ease-out 0s;
    -moz-transition: --gradient-main-card-start .2s ease-out 0s,--gradient-main-card-end .2s ease-out 0s;
    transition: --gradient-main-card-start .2s ease-out 0s,--gradient-main-card-end .2s ease-out 0s;
}

.mode-card_jackpot,.mode-card_pvp-battle {
    height: 16rem;
    grid-row: span 1;
    padding: 2.4rem 2rem 2rem
}

.mode-card_jackpot .mode-card__title,.mode-card_pvp-battle .mode-card__title {
    font-size: 1.6rem;
    line-height: normal
}

.mode-card_jackpot .mode-card__title .icon,.mode-card_pvp-battle .mode-card__title .icon {
    font-size: 2rem;
    margin-left: .4rem
}

.mode-card_jackpot .mode-card__img {
    bottom: -5.8rem;
    right: -3.4rem;
    width: 19rem;
    height: 19rem
}

.mode-card_jackpot {
    grid-area: jackpot
}

.mode-card_pvp-battle {
    grid-area: pvp-battle
}

.mode-card_pvp-battle .mode-card__img {
    bottom: -6.8rem;
    right: -2.4rem;
    width: 18rem;
    height: 18rem
}

@media all and (max-width:991px) {
    .mode-card_crash {
        grid-area: crash
    }
}

.mode-card__head {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    width: 100%
}

.mode-card__bank {
    color: #7f9df0;
    font-weight: 700;
    font-size: 1.2rem;
    line-height: normal;
    margin-right: 1rem
}

.mode-card__title-wrap {
    font-weight: 500
}

.mode-card__title {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    line-height: 2.4rem;
    text-transform: uppercase;
    margin-bottom: .5rem
}

.mode-card__title .icon {
    font-size: 2.4rem;
    margin-left: .6rem;
    opacity: .5;
    -webkit-transition: opacity .2s ease-out 0s,margin-left .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,margin-left .2s ease-out 0s;
    transition: opacity .2s ease-out 0s,margin-left .2s ease-out 0s
}

.mode-card__soon {
    font-size: 1.2rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #7f9df080
}

.mode-card__img {
    position: absolute;
    bottom: -7.2rem;
    right: -8.7rem;
    width: 34rem;
    height: 34rem;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: width .2s ease-out 0s,height .2s ease-out 0s;
    -moz-transition: width .2s ease-out 0s,height .2s ease-out 0s;
    transition: width .2s ease-out 0s,height .2s ease-out 0s
}

.mode-card__badge {
    display: flex;
    font-weight: 500;
    font-size: 1.4rem;
    line-height: normal;
    flex: none;
    background-color: #fca76a3d;
    border-radius: 2.4rem;
    color: #ffdb95;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    letter-spacing: .1rem;
    padding: 0.5rem 1rem;
}

.mode-card__players-number {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1.4rem;
    color: #cdffe1cc
}

.mode-card__players-number .icon {
    color: #cdffe199;
    margin-right: .6rem;
    font-size: 2rem
}

.mode-card__number-games {
    color: #97c5df;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: normal;
    text-transform: uppercase
}

.mode-card__hot-badge,.mode-card__new-badge {
    position: absolute;
    top: 0;
    left: 2.5rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.3rem;
    font-size: .8rem;
    color: #191d3e;
    height: 1.8rem;
    border-radius: 0 0 .5rem .5rem;
    font-weight: 600;
    text-transform: uppercase
}

@media all and (max-width:767px) {
    .mode-card__hot-badge,.mode-card__new-badge {
        height: 1.2rem;
        border-radius: 0 0 .4rem .4rem
    }
}

.mode-card__new-badge {
    background: linear-gradient(180deg,rgba(240,93,102,.77)0,#f7594f 100%,#ff5353 100%)
}

.mode-card__hot-badge {
    background: linear-gradient(180deg,rgba(250,195,124,.77)0,#f1bd78 100%,#fac37c 100%)
}

.mode-card.mode-card_mini,.mode-card.mode-card_toolbar {
    background: 0 0;
    -webkit-transition: background-color .2s ease-out 0s,margin-left .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s,margin-left .2s ease-out 0s;
    transition: background-color .2s ease-out 0s,margin-left .2s ease-out 0s
}

.mode-card.mode-card_mini {
    background-color: #293e7399;
    border-radius: 1.6rem;
    padding: 1.8rem;
    width: 13.5rem;
    height: 16rem
}

.mode-card.mode-card_mini .mode-card__pig-bg {
    top: 6rem;
    right: 5rem;
    width: 6.5rem;
    height: 3.9rem
}

.mode-card.mode-card_mini .mode-card__img {
    bottom: -4rem;
    right: -3rem;
    width: 15rem;
    height: 15rem
}

.mode-card.mode-card_mini .mode-card__title {
    font-size: 1.2rem;
    margin-bottom: 0;
    line-height: 0;
    white-space: nowrap
}

.mode-card.mode-card_mini .mode-card__title .icon {
    font-size: 1.3rem
}

.mode-card.mode-card_mini .mode-card__bank-wrap {
    margin-top: -.2rem
}

.mode-card.mode-card_mini .mode-card__bank {
    font-size: 1.1rem;
    line-height: 0
}

.mode-card.mode-card_mini.is-active,.mode-card.mode-card_mini:hover {
    background-color: #4969bc99
}

.mode-card.mode-card_toolbar.mode-card_pvp-battle .mode-card__img {
    bottom: -1.1rem;
    right: -1rem;
    width: 9rem;
    height: 7rem;
    background: url(../img/pvp-battle.webp)
}

.mode-card.mode-card_toolbar {
    flex-direction: row;
    width: 16.4rem;
    height: 5.8rem;
    background: rgba(41,62,115,.6);
    border-radius: 1.2rem;
    padding: 0 1.4rem
}

.mode-card.mode-card_toolbar.mode-card_battleship {
    grid-column: span 2;
    width: 100%
}

.mode-card.mode-card_toolbar .mode-card__img {
    bottom: -2.2rem;
    right: -1rem;
    width: 8rem;
    height: 8rem
}

.mode-card.mode-card_toolbar .mode-card__title-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mode-card.mode-card_toolbar .mode-card__title {
    align-items: center;
    font-size: 1.2rem;
    margin-bottom: 0;
    line-height: 1.2;
    white-space: nowrap
}

.mode-card.mode-card_toolbar .mode-card__title .icon {
    display: none
}

.mode-card.mode-card_toolbar .mode-card__bank-wrap {
    display: flex;
    align-items: center
}

.mode-card.mode-card_toolbar .mode-card__bank,.mode-card.mode-card_toolbar .mode-card__number-games {
    font-size: 1.1rem;
    line-height: 1.2
}

.mode-card.mode-card_toolbar .mode-card__new-flg,.mode-card.mode-card_toolbar .mode-card__players-number {
    display: none
}

.mode-card.mode-card_toolbar.is-active,.mode-card.mode-card_toolbar:hover {
    background-color: #4969bc99
}

.mode-card__pig-bg {
    position: absolute;
    top: 10rem;
    right: 8.4rem;
    width: 14.2rem;
    height: 8.4rem;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/main-card-pig.webp);
    -webkit-transition: top .2s ease-out 0s,right .2s ease-out 0s,height .2s ease-out 0s,width .2s ease-out 0s;
    -moz-transition: top .2s ease-out 0s,right .2s ease-out 0s,height .2s ease-out 0s,width .2s ease-out 0s;
    transition: top .2s ease-out 0s,right .2s ease-out 0s,height .2s ease-out 0s,width .2s ease-out 0s
}

.mode-card.mode-card_crash .mode-card__img {
    background-image: url(../img/500.png)
}

.mode-card.mode-card_double .mode-card__img {
    background-image: url(../img/1000.png)
}

.mode-card.mode-card_double2 .mode-card__img {
    background-image: url(../img/3000.png)
}
 
.mode-card.mode-card_double3 .mode-card__img {
    background-image: url(../img/6000.png)
}

.mode-card.mode-card_jackpot .mode-card__img {
    background-image: url(../img/card-mode-jackpot.webp)
}

.mode-card.mode-card_wheel .mode-card__img {
    background-image: url(../img/card-mode-wheel.webp)
}

.mode-card.mode-card_defuse .mode-card__img {
    background-image: url(../img/card-mode-defuse.webp)
}

.mode-card.mode-card_mines .mode-card__img {
    background-image: url(../img/card-mode-mines.webp)
}

.mode-card.mode-card_pvp-battle .mode-card__img {
    background-image: url(../img/card-mode-pvp-battle.webp)
}

.mode-card.mode-card_battleship .mode-card__img {
    background-image: url(../img/battleship.webp)
}

@media all and (min-width:992px) {
    .mode-card_jackpot:hover,.mode-card_pvp-battle:hover {
        --gradient-main-card-start: #5e98f0;
        --gradient-main-card-end: #1c2e6c
    }

    .mode-card_jackpot:hover .mode-card__title .icon,.mode-card_pvp-battle:hover .mode-card__title .icon {
        opacity: 1;
        margin-left: 1rem
    }

    .mode-card_jackpot:hover .mode-card__img {
        width: 21rem;
        height: 21rem
    }

    .mode-card_pvp-battle:hover .mode-card__img {
        width: 20rem;
        height: 19rem
    }

    .mode-card:hover:not(.no-animation,.mode-card_battleship,.mode-card_support,.mode-card_xmas,.mode-card_jackpot,.mode-card_pvp-battle) {
        --gradient-main-card-start: #5e98f0;
        --gradient-main-card-end: #1c2e6c
    }

    .mode-card:hover:not(.no-animation,.mode-card_battleship,.mode-card_support,.mode-card_xmas,.mode-card_jackpot,.mode-card_pvp-battle) .mode-card__title .icon {
        opacity: 1;
        margin-left: 1rem
    }

    .mode-card:hover:not(.no-animation,.mode-card_battleship,.mode-card_support,.mode-card_xmas,.mode-card_jackpot,.mode-card_pvp-battle) .mode-card__img {
        width: 36.1rem;
        height: 36.1rem
    }

    .mode-card:hover:not(.no-animation,.mode-card_battleship,.mode-card_support,.mode-card_xmas,.mode-card_jackpot,.mode-card_pvp-battle) .mode-card__pig-bg {
        top: 8rem;
        right: 10.4rem;
        height: 8.9rem;
        width: 15rem
    }
}

@media all and (max-width:991px) {
    .mode-card {
        grid-row: span 1;
        grid-column: span 2;
        height: 17.8rem;
        padding: 2.2rem
    }

    .mode-card__title .icon,.mode-card_jackpot .mode-card__title .icon,.mode-card_pvp-battle .mode-card__title .icon {
        font-size: 1.8rem;
        margin-left: .3rem
    }

    .mode-card__title,.mode-card_jackpot .mode-card__title,.mode-card_pvp-battle .mode-card__title {
        font-size: 1.8rem;
        line-height: 1.5rem;
        margin-bottom: .3rem
    }

    .mode-card__badge {
        /* width: 3.7rem;
        height: 2rem; */
        border-radius: 2.4rem;
        font-size: 1rem;
        line-height: normal
    }

    .mode-card__pig-bg {
        top: 3.5rem
    }

    .mode-card__img {
        width: 24rem;
        height: 24rem
    }

    .mode-card_double.mode-card_toolbar .mode-card__pig-bg {
        display: none
    }
}

@media all and (max-width:768px) {
    .mode-card {
        height: 14.1rem;
        padding: 1.5rem 1.4rem;
        border-radius: 1.4rem
    }

    .mode-card_jackpot .mode-card__title,.mode-card_pvp-battle .mode-card__title {
        font-size: 1.4rem
    }

    .mode-card_jackpot .mode-card__title .icon,.mode-card_pvp-battle .mode-card__title .icon {
        font-size: 1.3rem;
        margin-left: .3rem
    }

    .mode-card_jackpot .mode-card__img,.mode-card_pvp-battle .mode-card__img {
        width: 15rem;
        height: 15rem
    }

    .mode-card__pig-bg {
        right: 4.5rem;
        top: 4.5rem;
        height: 6rem;
        width: 6rem
    }

    .mode-card__bank {
        line-height: 0
    }

    .mode-card__title {
        font-size: 1.1rem;
        margin-bottom: .1rem;
        line-height: 2.2rem
    }

    .mode-card__title .icon {
        font-size: 1.3rem;
        margin-left: .4rem
    }

    .mode-card__img {
        bottom: -4.2rem;
        right: -3.2rem;
        width: 15rem;
        height: 15rem
    }

    .mode-card__players-number {
        font-size: 1.3rem
    }

    .mode-card__players-number .icon {
        font-size: 1.5rem;
        margin-left: .4rem
    }

    .mode-card__new-badge {
        left: 1.5rem;
        font-size: .7rem;
        height: 1.3rem
    }
}

@media all and (max-width:991px) {
    :root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) {
    grid-area: battleship;
    align-items: center;
    width: 28.5rem;
    min-height: 70rem;
    padding-bottom: 0;
    background: linear-gradient(359.19deg,#3d50b3 6.98%,#121f4a 107.7%)
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar):before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    width: 28.5rem;
    height: 12.7rem;
    background-image: url(../img/smoke.webp);
    background-size: 100%;
    background-repeat: no-repeat
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar):hover .mode-card__bg {
    opacity: .5
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar):hover .mode-card__logo {
    transform: scale(1.1)
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__bank-wrap {
    display: flex;
    align-items: center
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__bank,.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__number-games {
    font-weight: 800
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__img {
    display: none
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__head {
    align-self: flex-start
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__players-number {
    display: none
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-image: url(../img/bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__logo {
    position: absolute;
    top: 10rem;
    z-index: 2;
    width: 21.4rem;
    height: 19.2rem;
    background-image: url(../img/main-mini-card.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: transform .2s ease-out 0s;
    -moz-transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s
}

.mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__gabe {
    z-index: 2;
    width: 24.9rem;
    height: 38rem;
    margin-top: auto;
    background-image: url(../img/gabe.webp);
    background-size: 100%;
    background-repeat: no-repeat
}

@media all and (max-width:991px) {
    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) {
        width: 100%;
        min-height: auto;
        padding: 2.2rem;
        background: linear-gradient(359.05deg,rgba(94,152,240,.6) 7.05%,rgba(28,46,108,.6) 107.56%)
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar):before {
        content: none
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__gabe {
        position: absolute;
        top: 10rem;
        bottom: -9rem;
        width: 14.9rem;
        height: 25rem;
        transform: scaleX(-1)
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__logo {
        top: 3.5rem;
        right: -5rem;
        z-index: 2;
        width: 16.4rem;
        height: 19.2rem
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__bg {
        display: none
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__head {
        position: static;
        height: 100%;
        justify-content: space-between
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__title-wrap {
        position: unset;
        display: flex;
        height: inherit;
        flex-direction: column;
        justify-content: space-between
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__title {
        position: relative;
        font-size: 1.8rem;
        line-height: normal;
        margin-bottom: auto
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__title .icon {
        width: 1.8rem;
        height: 1.8rem;
        font-size: 1.8rem;
        margin-left: .3rem
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__new-badge {
        left: 2.5rem
    }
}

@media all and (max-width:768px) {
    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) {
        padding: 1.5rem 1.4rem
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__title {
        display: inline;
        font-size: 1.4rem;
        line-height: 2.2rem
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__title .icon {
        width: 1.3rem;
        height: 1.3rem;
        font-size: 1.3rem;
        margin-left: .3rem
    }

    .mode-card.mode-card_battleship:not(.mode-card_mini,.mode-card_toolbar) .mode-card__gabe {
        right: -.4rem;
        bottom: -4.4rem;
        width: 8.9rem;
        height: 100%
    }
}

@media all and (max-width:991px) {
    :root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

@property --gradient-main-usual-card-start {
    syntax:"<color>";initial-value:rgba(26,36,72,.7);inherits:false
}

@property --gradient-main-usual-card-end {
    syntax:"<color>";initial-value:rgba(45,60,114,.7);inherits:false
}

.mode-card.mode-card_support {
    --gradient-main-usual-card-start: rgba(26, 36, 72, 0.7);
    --gradient-main-usual-card-end: rgba(45, 60, 114, 0.7);
    border: .1rem solid rgba(77,91,143,.2);
    background: linear-gradient(160.16deg,var(--gradient-main-usual-card-start) 13.26%,var(--gradient-main-usual-card-end) 103.43%);
    -webkit-transition: --gradient-main-usual-card-start .2s ease-out 0s,--gradient-main-usual-card-end .2s ease-out 0s;
    -moz-transition: --gradient-main-usual-card-start .2s ease-out 0s,--gradient-main-usual-card-end .2s ease-out 0s;
    transition: --gradient-main-usual-card-start .2s ease-out 0s,--gradient-main-usual-card-end .2s ease-out 0s
}

.mode-card.mode-card_support:hover:not(.mode-card_support) {
    --gradient-main-usual-card-start: #5e98f0;
    --gradient-main-usual-card-end: #1c2e6c
}

.mode-card.mode-card_support:hover:not(.mode-card_support) .mode-card__img {
    width: 110%
}

.mode-card.mode-card_support:after,.mode-card.mode-card_support:before {
    content: "";
    position: absolute;
    display: block;
    margin: auto;
    border-radius: 50%;
    border: .1rem solid rgba(199,214,255,.06);
    -webkit-transition: transform .2s ease-out 0s;
    -moz-transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s
}

.mode-card.mode-card_support:before {
    inset: -.3rem;
    width: 29.2rem;
    height: 29.2rem
}

.mode-card.mode-card_support:after {
    inset: 0;
    width: 15.2rem;
    height: 15.2rem
}

.mode-card.mode-card_support:hover .mode-card__img,.mode-card.mode-card_support:hover:after,.mode-card.mode-card_support:hover:before {
    transform: scale(1.1)
}

.mode-card.mode-card_support:hover .icon_circle-arrow-right {
    opacity: 1;
    margin-left: 1rem
}

.mode-card.mode-card_support .mode-card__title {
    font-weight: 300;
    letter-spacing: .1rem;
    text-transform: none
}

.mode-card.mode-card_support .mode-card__img {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 18.4rem;
    height: 13.2rem;
    background-image: url(../img/card-mode-support.png);
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transition: transform .2s ease-out 0s;
    -moz-transition: transform .2s ease-out 0s;
    transition: transform .2s ease-out 0s
}

.mode-card.mode-card_support .mode-card__img:before {
    content: "";
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    border-radius: 50%
}

@media all and (max-width:768px) {
    .mode-card.mode-card_support .mode-card__img {
        width: 10rem;
        height: 7rem
    }

    .mode-card.mode-card_support .mode-card__title {
        letter-spacing: 0;
        line-height: 0
    }

    .mode-card.mode-card_support:after {
        inset: 0;
        width: 9.2rem;
        height: 9.2rem
    }

    .mode-card.mode-card_support:before {
        width: 14.2rem;
        height: 14.2rem
    }
}

@media all and (max-width:991px) {
    [_ngcontent-ng-c2051727900]:root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.button_login[_ngcontent-ng-c2051727900] {
    --icon-size: 2rem;
    height: 4.4rem;
    padding: 0 1.6rem;
    background-color: #62d5b2;
    border-radius: .8rem;
    font-weight: 700;
    font-size: 1.5rem;
    color: #20274b
}

.button_login[_ngcontent-ng-c2051727900]:hover {
    background-color: #89e5ca;
    color: #435e78
}

@media all and (max-width:767px) {
    .button_login[_ngcontent-ng-c2051727900] {
        height: 4rem
    }
}

.button_promo-page[_ngcontent-ng-c2051727900] {
    flex-direction: row-reverse;
    --icon-size: 2.2rem;
    padding-inline: 1.6rem;
    height: 5.4rem;
    gap: .8rem;
    font-weight: 700;
    font-size: 1.5rem
}

@media all and (max-width:767px) {
    .button_promo-page[_ngcontent-ng-c2051727900] {
        --icon-size: 1.6rem;
        font-size: 1.2rem;
        padding-inline: 1.4rem;
        border-radius: 1rem;
        height: 3.6rem
    }

    .button_promo-page_step[_ngcontent-ng-c2051727900] {
        height: 4.2rem;
        gap: .4rem;
        width: 100%
    }
}

.is-green-bordered[_ngcontent-ng-c2051727900] {
    --icon-size: 2.2rem;
    border: .1rem solid #69dd89;
    color: #69dd89;
    flex-direction: row-reverse;
    padding-inline: 1.6rem;
    height: 5.4rem;
    gap: .8rem;
    font-weight: 700;
    font-size: 1.5rem
}

@media all and (max-width:767px) {
    .is-green-bordered[_ngcontent-ng-c2051727900] {
        --icon-size: 1.6rem;
        font-size: 1.2rem;
        height: 4.2rem;
        gap: .4rem;
        width: 100%
    }
}

@media all and (max-width:991px) {
    [_ngcontent-ng-c3581255321]:root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

@property --chat-support-gradient-start {
    syntax:"<color>";initial-value:#25426c;inherits:false
}

@property --chat-support-gradient-end {
    syntax:"<color>";initial-value:#25608a;inherits:false
}

[_nghost-ng-c3581255321] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 38.8rem;
    height: 100%;
    padding: 2rem;
    background-color: #242c52
}

[_nghost-ng-c3581255321] .chat__head[_ngcontent-ng-c3581255321] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 4rem
}

[_nghost-ng-c3581255321] .chat__icon[_ngcontent-ng-c3581255321] {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    font-size: 3.2rem;
    background: linear-gradient(180deg,#7388cb 0,#c1d3ff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent
}

[_nghost-ng-c3581255321] .chat__support-chat[_ngcontent-ng-c3581255321] {
    --chat-support-gradient-start: rgba(38, 49, 91, 0.35);
    --chat-support-gradient-end: rgba(50, 63, 109, 0.35);
    --color: #d3e5ff;
    --border-color: rgba(77, 91, 143, 0.2);
    --icon-size: 2.4rem;
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 1.4rem;
    border-width: .1rem;
    background: linear-gradient(175deg,var(--chat-support-gradient-start) 0%,var(--chat-support-gradient-end) 100%);
    margin-left: .6rem
}

[_nghost-ng-c3581255321] .chat__support-chat[_ngcontent-ng-c3581255321]:hover {
    --chat-support-gradient-start: rgba(38, 49, 91, 0.65);
    --chat-support-gradient-end: rgba(50, 63, 109, 0.65);
    --border-color: rgba(77, 91, 143, 0.8)
}

[_nghost-ng-c3581255321] .chat__online[_ngcontent-ng-c3581255321] {
    margin-left: auto
}

[_nghost-ng-c3581255321] .chat__items-rain[_ngcontent-ng-c3581255321] {
    z-index: 4;
    width: 100%;
    margin-top: 1.8rem
}

[_nghost-ng-c3581255321] .chat__content[_ngcontent-ng-c3581255321] {
    position: relative;
    top: -1rem;
    flex: 1;
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 1rem;
    overflow: hidden
}

@media (hover:hover) {
    [_nghost-ng-c3581255321] .chat__content[_ngcontent-ng-c3581255321] {
        width: calc(100% + 1.15rem);
        margin-right: -1.15rem
    }
}

[_nghost-ng-c3581255321] .chat__scrolldown[_ngcontent-ng-c3581255321] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,bottom .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,bottom .2s ease-out 0s;
    transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,bottom .2s ease-out 0s
}

[_nghost-ng-c3581255321] .chat__scrolldown.chat__scrolldown_fadein_up[_ngcontent-ng-c3581255321] {
    bottom: .5rem;
    visibility: visible;
    opacity: 1
}

[_nghost-ng-c3581255321] .chat__scrolldown.button[_ngcontent-ng-c3581255321] {
    margin: 0 auto
}

[_nghost-ng-c3581255321] .chat__scroll[_ngcontent-ng-c3581255321] {
    position: relative;
    z-index: 1;
    height: 100%;
    padding-left: .2rem;
    padding-top: .2rem;
    -webkit-transition: height .2s ease-out 0s,background-color .2s ease-out 0s;
    -moz-transition: height .2s ease-out 0s,background-color .2s ease-out 0s;
    transition: height .2s ease-out 0s,background-color .2s ease-out 0s
}

@media (hover:hover) {
    [_nghost-ng-c3581255321] .chat__scroll[_ngcontent-ng-c3581255321] {
        padding-right: .85rem
    }
}

[_nghost-ng-c3581255321] .chat__messages[_ngcontent-ng-c3581255321] {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

[_nghost-ng-c3581255321] .chat__footer[_ngcontent-ng-c3581255321] {
    position: relative;
    display: block;
    width: 100%;
    height: 5.8rem;
    background-color: #283058;
    border-radius: 1.2rem
}

[_nghost-ng-c3581255321] .chat__rules[_ngcontent-ng-c3581255321] {
    position: absolute;
    top: -2rem;
    right: 0;
    z-index: 20;
    text-align: left;
    cursor: pointer;
    color: #b0707f;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    -webkit-transition: color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s;
    transition: color .2s ease-out 0s
}

[_nghost-ng-c3581255321] .chat__rules[_ngcontent-ng-c3581255321]:hover {
    color: #da8d9f
}

[_nghost-ng-c3581255321] .chat__control[_ngcontent-ng-c3581255321] {
    width: calc(100% - 9.4rem);
    height: 5.8rem;
    margin-left: .9rem;
    margin-right: 9.4rem
}

[_nghost-ng-c3581255321] .chat__control[_ngcontent-ng-c3581255321] .form__control[_ngcontent-ng-c3581255321] {
    position: relative;
    top: .9rem;
    left: 0;
    display: block;
    width: 100%;
    height: 4rem;
    resize: none;
    border-color: transparent;
    background-color: transparent;
    color: #626c94;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8rem;
    scrollbar-color: #2b3558 #384574;
    scrollbar-width: .3rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

[_nghost-ng-c3581255321] .chat__control[_ngcontent-ng-c3581255321] .form__control[_ngcontent-ng-c3581255321]:-webkit-input-placeholder {
    color: #626c94;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.8rem
}

[_nghost-ng-c3581255321] .chat__control[_ngcontent-ng-c3581255321] .form__control[_ngcontent-ng-c3581255321]::-webkit-scrollbar {
    width: .3rem;
    height: .3rem;
    background-color: #384574
}

[_nghost-ng-c3581255321] .chat__control[_ngcontent-ng-c3581255321] .form__control[_ngcontent-ng-c3581255321]::-webkit-scrollbar-thumb {
    background-color: #384574;
    border-radius: 10px
}

[_nghost-ng-c3581255321] .chat__control[_ngcontent-ng-c3581255321] .form__control[_ngcontent-ng-c3581255321]::-webkit-scrollbar-track {
    background-color: #2b3558
}

[_nghost-ng-c3581255321] .chat__send[_ngcontent-ng-c3581255321] {
    --icon-size: 2rem;
    position: absolute;
    top: .9rem;
    right: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem
}

@media all and (max-width:499px) {
    [_nghost-ng-c3581255321] {
        width: 100%
    }
}

@media all and (max-width:767px) {
    [_nghost-ng-c3581255321] {
        box-shadow: 0 0 30px #0000004d
    }
}

.tagged-user[_ngcontent-ng-c3581255321] {
    position: absolute;
    left: 0;
    bottom: .5rem;
    z-index: 10;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    width: calc(100% - 4rem);
    padding: .5rem .5rem .5rem 1rem;
    margin: 0 2rem;
    background-color: #2b355a;
    border-radius: .6rem;
    box-shadow: 0-1rem 4rem #0006;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.8rem;
    white-space: nowrap;
    word-wrap: break-word
}

.tagged-user[_ngcontent-ng-c3581255321] .tagged-user__answer[_ngcontent-ng-c3581255321] {
    display: inline-block;
    color: #c1cffc
}

.tagged-user[_ngcontent-ng-c3581255321] .tagged-user__nickname[_ngcontent-ng-c3581255321] {
    display: inline-block;
    margin-left: .5rem;
    margin-right: .3rem;
    color: #c1d9b9;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tagged-user[_ngcontent-ng-c3581255321] .tagged-user__close[_ngcontent-ng-c3581255321] {
    --icon-size: 0.6rem;
    width: 1.8rem;
    height: 1.8rem;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: auto;
    border-radius: .4rem
}

.chat-rules[_ngcontent-ng-c3581255321] .chat-rules__header[_ngcontent-ng-c3581255321] {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.2
}

.chat-rules[_ngcontent-ng-c3581255321] .chat-rules__list[_ngcontent-ng-c3581255321] {
    margin-top: 1rem;
    color: #b6bfe1;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2
}

.chat-rules[_ngcontent-ng-c3581255321] .chat-rules__list[_ngcontent-ng-c3581255321] p[_ngcontent-ng-c3581255321],.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] ol[_ngcontent-ng-c241975108] li[_ngcontent-ng-c241975108],.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] ul[_ngcontent-ng-c241975108] li[_ngcontent-ng-c241975108] {
    position: relative
}

.chat-rules[_ngcontent-ng-c3581255321] .chat-rules__list[_ngcontent-ng-c3581255321] p[_ngcontent-ng-c3581255321]:not(:last-child),.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] ol[_ngcontent-ng-c241975108] li[_ngcontent-ng-c241975108]:not(:last-child),.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] ul[_ngcontent-ng-c241975108] li[_ngcontent-ng-c241975108]:not(:last-child) {
    margin-bottom: .5rem
}

.chat-rules[_ngcontent-ng-c3581255321] .chat-rules__list[_ngcontent-ng-c3581255321] p[_ngcontent-ng-c3581255321]:before {
    content: "";
    position: relative;
    top: -.3rem;
    left: 0;
    display: inline-block;
    width: .4rem;
    height: .4rem;
    border-radius: .4rem;
    background-color: #5540d7;
    margin-right: .8rem
}

.chat-rules[_ngcontent-ng-c3581255321] .chat-rules__list[_ngcontent-ng-c3581255321] p[_ngcontent-ng-c3581255321] span[_ngcontent-ng-c3581255321] {
    color: #ff9b78
}

.chat-rules[_ngcontent-ng-c3581255321] .chat-rules__warning[_ngcontent-ng-c3581255321] {
    margin-top: 2rem;
    color: #ff9b78;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2
}

.chat-rules[_ngcontent-ng-c3581255321] .chat-rules__introtext[_ngcontent-ng-c3581255321] {
    color: #d6daea;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2
}

.online_chat[_ngcontent-ng-c3581255321] {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.online_chat[_ngcontent-ng-c3581255321] .online__title[_ngcontent-ng-c3581255321] {
    display: flex;
    align-items: center;
    color: #97a9d6;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase
}

.online_chat[_ngcontent-ng-c3581255321] .online__count[_ngcontent-ng-c3581255321] {
    position: relative;
    display: flex;
    align-items: center;
    color: #fdd291;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.2
}

.online_chat[_ngcontent-ng-c3581255321] .online__count[_ngcontent-ng-c3581255321]:before {
    content: "";
    position: relative;
    display: inline-block;
    width: .6rem;
    height: .6rem;
    margin-right: .5rem;
    background-color: #f5c477;
    border-radius: 50%;
    animation-name: _ngcontent-ng-c3581255321_onlineDot;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.button_to-new-messages[_ngcontent-ng-c3581255321] {
    padding: .5rem 1rem;
    height: auto;
    font-size: 1rem;
    border-radius: .8rem
}

@media all and (max-width:991px) {
    [_ngcontent-ng-c4239568305]:root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

@property --chat-rooms-start {
    syntax:"<color>";initial-value:transparent;inherits:false
}

@property --chat-rooms-end {
    syntax:"<color>";initial-value:transparent;inherits:false
}

.chat-rooms[_ngcontent-ng-c4239568305] {
    position: relative;
    display: inline-block;
    margin-left: 1.3rem
}

.chat-rooms.is-open[_ngcontent-ng-c4239568305] .chat-rooms__list[_ngcontent-ng-c4239568305] {
    transform: translateY(0) translateZ(.9rem);
    opacity: 1;
    visibility: visible
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__head[_ngcontent-ng-c4239568305] {
    --chat-rooms-start: rgba(38, 49, 91, 0.35);
    --chat-rooms-end: rgba(50, 63, 109, 0.35);
    position: relative;
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 8.4rem;
    height: 3.8rem;
    padding: 0 1rem;
    border-radius: 1.4rem;
    border: .1rem solid transparent;
    border-color: #4d5b8f33;
    background: linear-gradient(175deg,var(--chat-rooms-start) 0%,var(--chat-rooms-end) 100%);
    cursor: pointer;
    -webkit-transition: border-color .2s ease-out 0s,--chat-rooms-start .2s ease-out 0s,--chat-rooms-end .2s ease-out 0s;
    -moz-transition: border-color .2s ease-out 0s,--chat-rooms-start .2s ease-out 0s,--chat-rooms-end .2s ease-out 0s;
    transition: border-color .2s ease-out 0s,--chat-rooms-start .2s ease-out 0s,--chat-rooms-end .2s ease-out 0s
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__head[_ngcontent-ng-c4239568305]:hover {
    --chat-rooms-start: rgba(38, 49, 91, 0.65);
    --chat-rooms-end: rgba(50, 63, 109, 0.65);
    border-color: #4d5b8fcc
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__head[_ngcontent-ng-c4239568305] .chat-rooms__counter[_ngcontent-ng-c4239568305] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.8rem;
    text-align: center;
    -webkit-transition: background-color .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s;
    transition: background-color .2s ease-out 0s
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__head[_ngcontent-ng-c4239568305] .chat-rooms__counter[_ngcontent-ng-c4239568305] .icon[_ngcontent-ng-c4239568305] {
    color: #6a7698;
    font-size: 1.4rem;
    margin-right: .8rem
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__flag[_ngcontent-ng-c4239568305] {
    --size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: background-color .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s;
    transition: background-color .2s ease-out 0s
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__flag_br[_ngcontent-ng-c4239568305] {
    background-image: url(../img//br.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__flag_en[_ngcontent-ng-c4239568305] {
    background-image: url(../img//en.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__flag_ru[_ngcontent-ng-c4239568305] {
    background-image: url(../img//ru.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__flag_pt[_ngcontent-ng-c4239568305] {
    background-image: url(../img//pt.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__flag_tr[_ngcontent-ng-c4239568305] {
    background-image: url(../img//tr.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__flag_pl[_ngcontent-ng-c4239568305] {
    background-image: url(../img//pl.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__flag_uk[_ngcontent-ng-c4239568305] {
    background-image: url(../img//uk.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__list[_ngcontent-ng-c4239568305] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: block;
    width: auto;
    min-width: 100%;
    height: auto;
    padding: .6rem 0;
    margin-top: 4.4rem;
    background-color: #2d3866;
    border-radius: 1rem;
    box-shadow: 0 1.9rem 4.6rem #0b0d1a45;
    transform: translateY(-2rem) translateZ(.9rem);
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,transform .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,transform .2s ease-out 0s;
    transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,transform .2s ease-out 0s
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__list[_ngcontent-ng-c4239568305] .room__counter[_ngcontent-ng-c4239568305] {
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    color: #a6b1d1;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: left;
    margin-left: .6rem
}

.chat-rooms[_ngcontent-ng-c4239568305] .room[_ngcontent-ng-c4239568305] {
    display: flex;
    align-content: center;
    align-items: center;
    height: 3rem;
    padding: 0 1rem;
    cursor: pointer;
    -webkit-transition: background-color .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s;
    transition: background-color .2s ease-out 0s
}

.chat-rooms[_ngcontent-ng-c4239568305] .room[_ngcontent-ng-c4239568305]:hover {
    background-color: #252c52
}

.chat-rooms[_ngcontent-ng-c4239568305] .room.is-selected[_ngcontent-ng-c4239568305] {
    opacity: .4
}

.chat-rooms[_ngcontent-ng-c4239568305] .room__text[_ngcontent-ng-c4239568305] {
    display: inline-block;
    width: 1.5rem;
    margin-left: .6rem;
    color: #6a7698;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase
}

.chat-rooms[_ngcontent-ng-c4239568305] .room__counter[_ngcontent-ng-c4239568305] {
    margin-left: auto
}

.chat-rooms[_ngcontent-ng-c4239568305] .room__flag[_ngcontent-ng-c4239568305] {
    --size: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: var(--size);
    height: var(--size);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain
}

.chat-rooms[_ngcontent-ng-c4239568305] .room__flag_br[_ngcontent-ng-c4239568305] {
    background-image: url(../img//br.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .room__flag_en[_ngcontent-ng-c4239568305] {
    background-image: url(../img//en.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .room__flag_ru[_ngcontent-ng-c4239568305] {
    background-image: url(../img//ru.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .room__flag_pt[_ngcontent-ng-c4239568305] {
    background-image: url(../img//pt.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .room__flag_tr[_ngcontent-ng-c4239568305] {
    background-image: url(../img//tr.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .room__flag_pl[_ngcontent-ng-c4239568305] {
    background-image: url(../img//pl.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .room__flag_uk[_ngcontent-ng-c4239568305] {
    background-image: url(../img//uk.svg)
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__flag[_ngcontent-ng-c4239568305] span.preload[_ngcontent-ng-c4239568305] {
    width: 2rem;
    height: 1.2rem;
    background-color: #2a3357
}

.chat-rooms[_ngcontent-ng-c4239568305] .chat-rooms__counter[_ngcontent-ng-c4239568305] span.preload[_ngcontent-ng-c4239568305] {
    width: 2.4rem;
    height: 1.8rem;
    background-color: #2e375d
}

@media all and (max-width:991px) {
    [_ngcontent-ng-c4064766150]:root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.items-rain[_ngcontent-ng-c4064766150] {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .4rem;
    width: 100%;
    height: 7.4rem;
    padding: 0 2rem;
    border-radius: 1rem;
    background: linear-gradient(114.74deg,#2f3e73 9.11%,#3f57a9 89.77%);
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    -webkit-transition: filter .2s ease-out 0s;
    -moz-transition: filter .2s ease-out 0s;
    transition: filter .2s ease-out 0s
}

.items-rain[_ngcontent-ng-c4064766150]:hover {
    filter: brightness(1.1)
}

.items-rain.is-disabled[_ngcontent-ng-c4064766150] {
    filter: brightness(.75);
    animation: none;
    cursor: not-allowed
}

.items-rain[_ngcontent-ng-c4064766150]:after {
    content: "";
    position: absolute;
    right: 0;
    display: block;
    height: 100%;
    width: 73.56%;
    border-radius: inherit;
    background-image: url(../img/shine.webp);
    background-size: 100%;
    background-repeat: no-repeat
}

.items-rain[_ngcontent-ng-c4064766150] .items-rain__title[_ngcontent-ng-c4064766150] {
    position: relative;
    z-index: 2;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 1;
    letter-spacing: .03rem;
    color: #ebf3ff
}

.items-rain[_ngcontent-ng-c4064766150] .items-rain__timer[_ngcontent-ng-c4064766150] {
    position: relative;
    z-index: 2
}

.items-rain[_ngcontent-ng-c4064766150] .items-rain__background[_ngcontent-ng-c4064766150] {
    position: absolute;
    right: 1.3rem;
    bottom: 0;
    z-index: 1;
    width: 16.3rem;
    height: 9.1rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../img/skin-fall.webp)
}

@media all and (max-width:767px) {
    .items-rain[_ngcontent-ng-c4064766150] {
        animation: none
    }
}

.items-rain-timer[_ngcontent-ng-c4064766150] {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    color: #7a94c6
}

.items-rain-timer[_ngcontent-ng-c4064766150] .items-rain-timer__text[_ngcontent-ng-c4064766150] {
    margin-right: .3rem
}

@media all and (max-width:991px) {
    :root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.main-banner {
    position: relative;
    display: block;
    height: 32rem;
    width: 100%;
    max-width: 100%;
    border-radius: 2.5rem;
    overflow: hidden
}

.main-banner .nav {
    position: absolute;
    right: 1.2rem;
    bottom: 1.2rem;
    z-index: 1;
    display: flex
}

.main-banner .nav__button {
    --icon-size: 3.3rem;
    color: #fff;
    opacity: .6;
    height: auto;
    border: 0;
    padding: 0;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.main-banner .nav__button:hover {
    opacity: .9
}

.main-banner .nav__button_prev {
    transform: rotate(180deg);
    margin-right: .5rem
}

.main-banner .swiper {
    overflow: hidden;
    border-radius: 2.5rem;
    height: 100%
}

.main-banner .swiper .swiper-slide {
    overflow: hidden
}

.main-banner .swiper .swiper-pagination-bullet {
    display: inline-block;
    background: #fff;
    border-radius: .3rem;
    height: .6rem;
    width: .6rem;
    opacity: .5;
    margin-right: .5rem;
    cursor: pointer;
    -webkit-transition: width .2s ease-out 0s,opacity .2s ease-out 0s;
    -moz-transition: width .2s ease-out 0s,opacity .2s ease-out 0s;
    transition: width .2s ease-out 0s,opacity .2s ease-out 0s
}

.main-banner .swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    width: 1.6rem
}

@media all and (min-width:992px) {
    .main-banner .swiper .swiper-pagination {
        position: absolute;
        top: 3.2rem;
        left: 3.2rem;
        z-index: 2
    }
}

@media all and (max-width:991px) {
    .main-banner {
        height: 17.7rem;
        border-radius: 2rem
    }

    .main-banner .swiper .swiper-pagination {
        position: absolute;
        top: 1.6rem;
        left: 1.6rem;
        z-index: 2
    }
}

@media all and (max-width:768px) {
    .main-banner {
        max-width: 100%;
        height: 14.4rem
    }

    .main-banner .swiper {
        border-radius: 1.4rem
    }
}

@media all and (max-width:991px) {
    [_ngcontent-ng-c982237797]:root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.slide[_ngcontent-ng-c982237797] {
    position: relative;
    height: 100%;
    overflow: hidden
}

.slide_xmas[_ngcontent-ng-c982237797] {
    background: linear-gradient(359.05deg,#5496fb 7.05%,#2d1b75 107.56%)
}

.slide__promo[_ngcontent-ng-c982237797] {
    z-index: 1;
    display: flex;
    gap: .8rem;
    align-items: center;
    margin-top: auto;
    height: 4.8rem
}

.slide__promo[_ngcontent-ng-c982237797] .slide__button[_ngcontent-ng-c982237797] {
    border-radius: 1.4rem;
    background-color: #ffffffb3;
    height: 100%;
    width: 6.4rem
}

.slide__promo[_ngcontent-ng-c982237797] .slide__button[_ngcontent-ng-c982237797] .icon[_ngcontent-ng-c982237797] {
    color: #292149
}

.slide__promo[_ngcontent-ng-c982237797] .slide__button[_ngcontent-ng-c982237797]:hover {
    background-color: #fff
}

.slide__secret-code[_ngcontent-ng-c982237797] {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    height: 100%;
    padding-inline: 1.4rem;
    border-radius: 1.4rem;
    border: 1px dashed rgba(241,217,196,.7);
    background: rgba(252,213,196,.24);
    color: #fff5e2;
    font-size: 1.6rem;
    font-weight: 500;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.slide__secret-code[_ngcontent-ng-c982237797] .icon[_ngcontent-ng-c982237797] {
    font-size: 1.6rem;
    color: #ffefd8;
    opacity: .7
}

.slide__secret-code[_ngcontent-ng-c982237797]:hover {
    opacity: .7
}

.slide__img[_ngcontent-ng-c982237797] {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-size: cover
}

.slide__content[_ngcontent-ng-c982237797] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 5rem 0 3.2rem 3.2rem
}

.slide__title[_ngcontent-ng-c982237797] {
    position: relative;
    z-index: 1;
    font-weight: 800;
    font-size: 4.4rem;
    line-height: 4.8rem;
    letter-spacing: .1rem;
    width: 36%;
    color: #fff
}

.slide__subtitle[_ngcontent-ng-c982237797] {
    position: relative;
    z-index: 1;
    width: 40%;
    color: #ffffffb3;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.2rem;
    margin-top: 1.1rem
}

.slide__button[_ngcontent-ng-c982237797] {
    position: relative;
    z-index: 1;
    width: 9rem;
    height: 4.8rem;
    padding: 0;
    background-color: #ffffffb3;
    color: #ffefd8;
    border-radius: 1.4rem;
    border: 0;
    margin-top: auto;
    font-size: 2.4rem;
    -webkit-transition: background-color .2s ease-out 0s;
    -moz-transition: background-color .2s ease-out 0s;
    transition: background-color .2s ease-out 0s
}

.slide__button[_ngcontent-ng-c982237797] .icon[_ngcontent-ng-c982237797] {
    color: #292149
}

.slide__button[_ngcontent-ng-c982237797]:hover {
    background-color: #fff
}

@media all and (max-width:991px) {
    .slide__promo[_ngcontent-ng-c982237797] {
        position: absolute;
        bottom: 1.6rem;
        left: 1.6rem
    }

    .slide__promo[_ngcontent-ng-c982237797] .slide__button[_ngcontent-ng-c982237797] {
        position: unset
    }

    .slide__content[_ngcontent-ng-c982237797] {
        padding: 3.3rem 1.6rem 1.6rem
    }

    .slide__title[_ngcontent-ng-c982237797] {
        font-size: 2.3rem;
        line-height: 3rem
    }

    .slide__picture[_ngcontent-ng-c982237797] {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .slide__subtitle[_ngcontent-ng-c982237797] {
        margin-top: 1.1rem
    }

    .slide__button[_ngcontent-ng-c982237797] {
        position: absolute;
        right: 2.5rem;
        bottom: 2.5rem
    }
}

@media all and (max-width:768px) {
    .slide__promo[_ngcontent-ng-c982237797] {
        position: absolute;
        height: 3rem;
        gap: .4rem
    }

    .slide__promo[_ngcontent-ng-c982237797] .slide__secret-code[_ngcontent-ng-c982237797] {
        border-radius: 1rem;
        font-size: 1.1rem;
        padding-inline: 1rem
    }

    .slide__promo[_ngcontent-ng-c982237797] .slide__button[_ngcontent-ng-c982237797] {
        position: unset;
        width: 4rem;
        height: 3rem;
        border-radius: 1rem
    }

    .slide__title[_ngcontent-ng-c982237797] {
        font-size: 1.6rem;
        line-height: 1.8rem;
        width: 41%
    }

    .slide__subtitle[_ngcontent-ng-c982237797] {
        font-size: 1.1rem;
        line-height: 1.3rem;
        margin-top: .2rem
    }

    .slide__button[_ngcontent-ng-c982237797] {
        bottom: 1rem;
        right: 1rem;
        width: 5.8rem;
        height: 2.8rem;
        border-radius: 1rem
    }
}

@media all and (max-width:991px) {
    [_ngcontent-ng-c1583287321]:root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

@property --gradient-live-drop-start {
    syntax:"<color>";initial-value:rgba(38,49,91,.45);inherits:false
}

@property --gradient-live-drop-end {
    syntax:"<color>";initial-value:rgba(50,63,109,.45);inherits:false
}

[_nghost-ng-c1583287321] {
    --gradient-live-drop-start: rgba(38, 49, 91, 0.45);
    --gradient-live-drop-end: rgba(50, 63, 109, 0.45);
    position: relative;
    display: block;
    min-width: 19.5rem;
    height: 6.5rem;
    border-radius: 1.2rem;
    overflow: hidden;
    cursor: pointer;
    background: linear-gradient(141.72deg,var(--gradient-live-drop-start) 22.05%,var(--gradient-live-drop-end) 89.64%);
    -webkit-transition: --gradient-live-drop-start .2s ease-out 0s,--gradient-live-drop-end .2s ease-out 0s;
    -moz-transition: --gradient-live-drop-start .2s ease-out 0s,--gradient-live-drop-end .2s ease-out 0s;
    transition: --gradient-live-drop-start .2s ease-out 0s,--gradient-live-drop-end .2s ease-out 0s
}

.is-full-size[_nghost-ng-c1583287321] {
    min-width: 22.6rem;
    height: 9.9rem;
    --gradient-live-drop-start: rgba(57, 72, 124, 0.28);
    --gradient-live-drop-end: #39487c
}

.is-full-size[_nghost-ng-c1583287321] .live-drop__\441ontent[_ngcontent-ng-c1583287321] {
    position: relative;
    padding: 1.5rem 1.5rem 1.2rem
}

.is-full-size[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] {
    flex-direction: column
}

.is-full-size[_nghost-ng-c1583287321] .drop-skin__wrapper[_ngcontent-ng-c1583287321] {
    display: flex;
    flex-direction: column-reverse;
    margin-top: auto
}

.is-full-size[_nghost-ng-c1583287321] .drop-skin__light[_ngcontent-ng-c1583287321] {
    right: -3rem;
    bottom: -6.9rem;
    z-index: 0;
    width: 15.7rem
}

.is-full-size[_nghost-ng-c1583287321]:hover {
    --gradient-live-drop-start: #293b75;
    --gradient-live-drop-end: #4c5580
}

.is-full-size[_nghost-ng-c1583287321]:hover .drop-skin[_ngcontent-ng-c1583287321] {
    opacity: 1
}

@media all and (max-width:767px) {
    .is-full-size[_nghost-ng-c1583287321] {
        min-width: 18rem;
        height: 7.6rem
    }

    .is-full-size[_nghost-ng-c1583287321] .drop-skin__wrapper[_ngcontent-ng-c1583287321] {
        margin-top: 1rem
    }

    .is-full-size[_nghost-ng-c1583287321] .drop-skin__price[_ngcontent-ng-c1583287321] {
        top: 1.2rem
    }
}

[_nghost-ng-c1583287321]:hover {
    --gradient-live-drop-start: #26315b;
    --gradient-live-drop-end: #39487c
}

@media all and (min-width:992px) {
    [_nghost-ng-c1583287321]:hover .live-drop__hover[_ngcontent-ng-c1583287321] {
        opacity: 1;
        transform: translateY(0)
    }

    [_nghost-ng-c1583287321]:hover .drop-skin[_ngcontent-ng-c1583287321] {
        opacity: 0
    }
}

.is-big-win[_nghost-ng-c1583287321] {
    overflow: initial
}

[_nghost-ng-c1583287321] .live-drop__hover[_ngcontent-ng-c1583287321] {
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-1rem);
    border-radius: 1.2rem;
    height: 100%;
    width: 100%;
    padding: 1.6rem 1.8rem;
    -webkit-transition: opacity .2s ease-out 0s,transform .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,transform .2s ease-out 0s;
    transition: opacity .2s ease-out 0s,transform .2s ease-out 0s
}

[_nghost-ng-c1583287321] .live-drop__hover_static[_ngcontent-ng-c1583287321] {
    opacity: 1;
    transform: translateY(0)
}

[_nghost-ng-c1583287321] .live-drop__amount[_ngcontent-ng-c1583287321] {
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.7rem;
    color: #62d4b2
}

[_nghost-ng-c1583287321] .live-drop__img[_ngcontent-ng-c1583287321] {
    position: absolute;
    right: 0;
    width: 9.2rem;
    height: auto
}

[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] {
    position: relative;
    display: flex;
    height: 100%;
    border-radius: inherit;
    padding: 1.6rem 1.8rem;
    overflow: hidden;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

[_nghost-ng-c1583287321] .drop-skin__nickname[_ngcontent-ng-c1583287321] {
    color: #5d7ef2;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: normal;
    width: 13rem;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

[_nghost-ng-c1583287321] .drop-skin__price[_ngcontent-ng-c1583287321] {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    color: #62d4b2;
    font-size: 1.3rem;
    font-weight: 700
}

[_nghost-ng-c1583287321] .drop-skin__light[_ngcontent-ng-c1583287321] {
    position: absolute;
    right: -3rem;
    bottom: -5rem;
    z-index: -1;
    width: 12.7rem
}

[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__wrapper[_ngcontent-ng-c1583287321] {
    max-width: calc(100% - 8rem)
}

[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__title[_ngcontent-ng-c1583287321] {
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 1.7rem;
    color: #fff;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__extra[_ngcontent-ng-c1583287321] {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media all and (max-width:767px) {
    [_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__extra[_ngcontent-ng-c1583287321] {
        display: none
    }
}

[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__type[_ngcontent-ng-c1583287321] {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 1.2rem;
    color: #b7c4d7;
    text-transform: uppercase;
    margin-top: .1rem
}

[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__exterior[_ngcontent-ng-c1583287321],[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__st[_ngcontent-ng-c1583287321] {
    display: inline-block;
    font-weight: 400;
    font-size: 1.2rem;
    margin-left: .4rem
}

[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__exterior[_ngcontent-ng-c1583287321] {
    color: #b7c4d799
}

[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__exterior.is-full-size[_ngcontent-ng-c1583287321] {
    margin-left: 0
}

@media all and (max-width:767px) {
    [_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__exterior[_ngcontent-ng-c1583287321] {
        margin-left: 0
    }
}

[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__st[_ngcontent-ng-c1583287321] {
    color: #ff8357
}

[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__img[_ngcontent-ng-c1583287321] {
    position: absolute;
    right: -1.4rem;
    width: 11.4rem;
    height: auto
}

[_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__img.is-full-size[_ngcontent-ng-c1583287321] {
    position: absolute;
    z-index: 2;
    right: -3.4rem;
    bottom: -2.9rem;
    width: 14.4rem;
    height: 9rem
}

[_nghost-ng-c1583287321] .hidden-text[_ngcontent-ng-c1583287321] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 60%;
    width: auto;
    font-size: 1.2rem
}

[_nghost-ng-c1583287321] .live-drop__user-name[_ngcontent-ng-c1583287321] {
    margin-top: .1rem;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #b7c4d7;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: calc(100% - 8rem)
}

[_nghost-ng-c1583287321] .live-drop__big-win[_ngcontent-ng-c1583287321] {
    position: absolute;
    left: 1.8rem;
    bottom: -1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.6rem;
    height: 1.6rem;
    background: linear-gradient(180deg,rgba(255,194,138,.54)0,#ffc28a 100%);
    border-radius: 0 0 .5rem .5rem;
    font-weight: 600;
    font-size: .8rem;
    text-transform: uppercase;
    color: #191d3e
}

[_nghost-ng-c1583287321] .live-drop__live-drop-img[_ngcontent-ng-c1583287321] {
    bottom: -2.7rem
}

[_nghost-ng-c1583287321] .drop-skin.drop-skin_quality-d32ce6[_ngcontent-ng-c1583287321]:before {
    background: rgba(255,118,239,.45)
}

[_nghost-ng-c1583287321] .drop-skin.drop-skin_quality-eb4b4b[_ngcontent-ng-c1583287321]:before {
    background: rgba(255,158,117,.45)
}

[_nghost-ng-c1583287321] .drop-skin.drop-skin_quality-8847ff[_ngcontent-ng-c1583287321]:before {
    background: rgba(201,154,255,.45)
}

[_nghost-ng-c1583287321] .drop-skin.drop-skin_quality-4b69ff[_ngcontent-ng-c1583287321]:before {
    background: rgba(77,136,255,.45)
}

[_nghost-ng-c1583287321] .drop-skin.drop-skin_quality-5e98d9[_ngcontent-ng-c1583287321]:before {
    background: rgba(134,235,255,.45)
}

[_nghost-ng-c1583287321] .drop-skin.drop-skin_quality-b0c3d9[_ngcontent-ng-c1583287321]:before {
    background: rgba(255,255,255,.45)
}

[_nghost-ng-c1583287321] .drop-skin.drop-skin_quality-e4ae39[_ngcontent-ng-c1583287321]:before {
    background: rgba(255,214,136,.45)
}

[_nghost-ng-c1583287321] .drop-skin.drop-skin_quality-cf6a32[_ngcontent-ng-c1583287321]:before {
    background: rgba(207,106,50,.45)
}

@media all and (max-width:768px) {
    [_nghost-ng-c1583287321] {
        min-width: 8.4rem;
        height: 9rem
    }

    [_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321],[_nghost-ng-c1583287321] .live-drop__hover_static[_ngcontent-ng-c1583287321] {
        padding: 1rem 1.2rem
    }

    [_nghost-ng-c1583287321] .live-drop__hover_static[_ngcontent-ng-c1583287321] .live-drop__amount[_ngcontent-ng-c1583287321] {
        z-index: 1;
        font-weight: 600;
        font-size: 1.2rem;
        line-height: 1.7rem
    }

    [_nghost-ng-c1583287321] .live-drop__hover_static[_ngcontent-ng-c1583287321] .live-drop__user-name[_ngcontent-ng-c1583287321] {
        z-index: 1;
        font-weight: 400;
        font-size: 1.2rem;
        line-height: 1.3rem
    }

    [_nghost-ng-c1583287321] .live-drop__hover_static[_ngcontent-ng-c1583287321] .live-drop__live-drop-img[_ngcontent-ng-c1583287321] {
        bottom: -2.7rem;
        right: 0;
        width: 7.4rem
    }

    [_nghost-ng-c1583287321] .drop-skin__nickname[_ngcontent-ng-c1583287321] {
        width: 9rem
    }

    [_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__wrapper[_ngcontent-ng-c1583287321] {
        max-width: 100%
    }

    [_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__img[_ngcontent-ng-c1583287321] {
        bottom: 0;
        right: 0;
        width: 9rem
    }

    [_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__img.is-full-size[_ngcontent-ng-c1583287321] {
        width: 12rem;
        height: 7rem;
        right: -1rem;
        bottom: -3rem
    }

    [_nghost-ng-c1583287321] .drop-skin[_ngcontent-ng-c1583287321] .drop-skin__type[_ngcontent-ng-c1583287321] {
        margin-top: 0;
        line-height: 1.3rem
    }

    [_nghost-ng-c1583287321] .live-drop__amount[_ngcontent-ng-c1583287321] {
        font-size: 1.2rem;
        line-height: 1rem
    }

    [_nghost-ng-c1583287321] .live-drop__user-name[_ngcontent-ng-c1583287321] {
        font-size: 1.2rem;
        line-height: 1.2rem;
        font-weight: 300
    }

    [_nghost-ng-c1583287321] .live-drop__live-drop-img[_ngcontent-ng-c1583287321] {
        bottom: -1.8rem;
        right: .5rem
    }

    [_nghost-ng-c1583287321] .hidden-text[_ngcontent-ng-c1583287321] {
        max-width: 100%
    }

    [_nghost-ng-c1583287321] .live-drop__big-win[_ngcontent-ng-c1583287321] {
        left: 2rem;
        background: linear-gradient(180deg,#ffc28a 0,#ffc28a 100%)
    }
}

@media all and (max-width:991px) {
    [_ngcontent-ng-c241975108]:root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.message_chat[_ngcontent-ng-c241975108] {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%
}

.message_chat[_ngcontent-ng-c241975108] .message__content.is-menu-open[_ngcontent-ng-c241975108] .message__date[_ngcontent-ng-c241975108],.message_chat[_ngcontent-ng-c241975108]:hover .message__date[_ngcontent-ng-c241975108] {
    opacity: 0;
    visibility: hidden
}

.message_chat[_ngcontent-ng-c241975108] .message__content.is-menu-open[_ngcontent-ng-c241975108] .message__menu-toggler[_ngcontent-ng-c241975108],.message_chat[_ngcontent-ng-c241975108]:hover .message__menu-toggler[_ngcontent-ng-c241975108] {
    opacity: 1;
    visibility: visible
}

.message_chat[_ngcontent-ng-c241975108] .message__avatar[_ngcontent-ng-c241975108] {
    position: relative;
    display: block;
    width: 4rem
}

.message_chat[_ngcontent-ng-c241975108] .message__picture[_ngcontent-ng-c241975108] {
    border-radius: .8rem;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.message_chat[_ngcontent-ng-c241975108] .message__picture[_ngcontent-ng-c241975108]:before {
    border-radius: inherit
}

.message_chat[_ngcontent-ng-c241975108] .message__picture[_ngcontent-ng-c241975108]:hover {
    opacity: .5
}

.message_chat[_ngcontent-ng-c241975108] .message__menu-toggler[_ngcontent-ng-c241975108] {
    --color: #4b5681;
    --icon-size: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 3rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: color .2s ease-out 0s,opacity .2s ease-out 0s,visibility .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s,opacity .2s ease-out 0s,visibility .2s ease-out 0s;
    transition: color .2s ease-out 0s,opacity .2s ease-out 0s,visibility .2s ease-out 0s
}

.message_chat[_ngcontent-ng-c241975108] .message__menu-toggler.is-active[_ngcontent-ng-c241975108],.message_chat[_ngcontent-ng-c241975108] .message__menu-toggler[_ngcontent-ng-c241975108]:hover {
    color: #7681ad
}

.message_chat[_ngcontent-ng-c241975108] .message__content[_ngcontent-ng-c241975108] {
    position: relative;
    display: block;
    width: calc(100% - 5.5rem);
    margin-left: 1.5rem
}

.message_chat[_ngcontent-ng-c241975108] .message__head[_ngcontent-ng-c241975108] {
    display: flex;
    align-items: center;
    margin-bottom: .7rem
}

.message_chat[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 1.8rem;
    max-width: calc(100% - 3.5rem);
    color: #c1c9ea;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2rem;
    -webkit-transition: opacity .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.message_chat[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:hover {
    opacity: .5
}

.message_chat[_ngcontent-ng-c241975108] .message__badge[_ngcontent-ng-c241975108] {
    display: inline-block;
    height: 1.6rem;
    padding: 0 .5rem;
    margin-left: .4rem;
    margin-right: .4rem;
    border-radius: .6rem;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.6rem;
    vertical-align: top
}

.message_chat[_ngcontent-ng-c241975108] .message__date[_ngcontent-ng-c241975108] {
    display: block;
    max-width: 2.9rem;
    width: auto;
    margin-left: auto;
    color: #6d7294;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2;
    -webkit-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s;
    transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s
}

.message_chat[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] {
    display: block;
    color: #878caf;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2;
    overflow-wrap: break-word;
    overflow: hidden
}

.message_chat[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] a[_ngcontent-ng-c241975108],.message_chat[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] span[_ngcontent-ng-c241975108] {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.message_chat[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] a.color_green[_ngcontent-ng-c241975108],.message_chat[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] span.color_green[_ngcontent-ng-c241975108] {
    color: #c8f68e
}

.message_chat[_ngcontent-ng-c241975108] .message__text.message__spam[_ngcontent-ng-c241975108] {
    font-style: italic;
    text-transform: uppercase;
    opacity: .6
}

.message_chat[_ngcontent-ng-c241975108] .message__text.preload[_ngcontent-ng-c241975108] {
    padding: 1.3rem 1.8rem 1.4rem 2rem;
    background-color: #2b3660;
    border-radius: 0 1rem 1rem
}

.message_chat[_ngcontent-ng-c241975108] .message__command[_ngcontent-ng-c241975108],.message_chat[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] {
    will-change: box-shadow,transform
}

.message_chat[_ngcontent-ng-c241975108] .message__command_button[_ngcontent-ng-c241975108] {
    height: 5rem
}

.message_chat[_ngcontent-ng-c241975108] .message__command_button[_ngcontent-ng-c241975108] .btn.intercomTrigger[_ngcontent-ng-c241975108] {
    width: 100%;
    height: 5rem
}

.message_chat[_ngcontent-ng-c241975108] .message__command_button[_ngcontent-ng-c241975108] .button[_ngcontent-ng-c241975108] {
    border-radius: .6rem
}

.message_chat[_ngcontent-ng-c241975108] .message__date[_ngcontent-ng-c241975108],.message_chat[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108] {
    transform: translateZ(0);
    will-change: transform
}

.message_chat.message_twitcher[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after,.message_chat.message_youtuber[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after {
    font-size: 2rem
}

.message_chat.message_admin[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after,.message_chat.message_helper[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after,.message_chat.message_moder[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after,.message_chat.message_twitcher[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after,.message_chat.message_youtuber[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after {
    display: inline-block;
    width: 2rem;
    height: 1.8rem;
    margin-left: .5rem;
    color: inherit;
    font-family: icomoon!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1.8rem;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.message_chat.message_admin[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after,.message_chat.message_helper[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after {
    font-size: 2rem
}

.message_chat.message_youtuber[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108] {
    color: #e14f64
}

.message_chat.message_twitcher[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after,.message_chat.message_youtuber[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after {
    content: ""
}

.message_chat.message_youtuber[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] {
    color: #9caed7
}

.message_chat.message_twitcher[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108] {
    color: #e14f64
}

.message_chat.message_twitcher[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] {
    color: #9caed7
}

.message_chat.message_moder[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108] {
    color: #739bff
}

.message_chat.message_moder[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after {
    content: "";
    font-size: 1.6rem
}

.message_chat.message_moder[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] {
    color: #9caed7
}

.message_chat.message_admin[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108],.message_chat.message_helper[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108],.message_chat.message_informer[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108] .link[_ngcontent-ng-c241975108] {
    color: #fac37c
}

.message_chat.message_admin[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after,.message_chat.message_helper[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108]:after {
    content: ""
}

.message_chat.message_admin[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108],.message_chat.message_helper[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] {
    color: #fff
}

.message_chat.message_informer[_ngcontent-ng-c241975108] .message__content[_ngcontent-ng-c241975108] {
    float: none;
    margin-left: 0;
    width: 100%
}

.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] {
    background-color: #374169;
    padding: 2.5rem;
    border-radius: 1rem;
    border-top-left-radius: 0
}

.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] .informer__title[_ngcontent-ng-c241975108] {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.2;
    text-transform: uppercase;
    margin-bottom: 1.5rem
}

.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] ol[_ngcontent-ng-c241975108],.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] ul[_ngcontent-ng-c241975108] {
    list-style: none;
    margin: 0;
    color: #b6b8cf;
    font-size: 1.4rem;
    font-weight: 400
}

.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] ol[_ngcontent-ng-c241975108]:not(:last-child),.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] ul[_ngcontent-ng-c241975108]:not(:last-child) {
    margin-bottom: 2rem
}

.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] ol[_ngcontent-ng-c241975108] li[_ngcontent-ng-c241975108]:before,.message_chat.message_informer[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] ul[_ngcontent-ng-c241975108] li[_ngcontent-ng-c241975108]:before {
    content: "";
    position: relative;
    top: -.2rem;
    display: inline-block;
    width: .6rem;
    height: .6rem;
    margin-right: 1rem;
    border-radius: .6rem;
    background-color: #7c8afb
}

.message_chat.message_informer_lite[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108] .link[_ngcontent-ng-c241975108] {
    color: #fac37c
}

.message_chat.message_informer_lite[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] {
    border-radius: none;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.8rem
}

.message_chat.message_informer_lite[_ngcontent-ng-c241975108] .message__information[_ngcontent-ng-c241975108] .nickname[_ngcontent-ng-c241975108] {
    display: inline-block;
    color: #fac37c;
    vertical-align: top;
    cursor: pointer
}

.message_chat.message_blur[_ngcontent-ng-c241975108] .message__nickname[_ngcontent-ng-c241975108],.message_chat.message_blur[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] {
    -webkit-transition: filter .2s ease-out 0s;
    -moz-transition: filter .2s ease-out 0s;
    transition: filter .2s ease-out 0s
}

.message_chat.message_blur[_ngcontent-ng-c241975108]:not(:hover) .message__nickname[_ngcontent-ng-c241975108],.message_chat.message_blur[_ngcontent-ng-c241975108]:not(:hover) .message__text[_ngcontent-ng-c241975108] {
    color: #262c50
}

.message_chat.message_pinned[_ngcontent-ng-c241975108]:hover .message__date[_ngcontent-ng-c241975108] {
    opacity: 1;
    visibility: visible
}

.message_chat.message_pinned[_ngcontent-ng-c241975108]:hover .message__menu-toggler[_ngcontent-ng-c241975108] {
    opacity: 0;
    visibility: hidden
}

.message_chat.message_pinned[_ngcontent-ng-c241975108] .message__text[_ngcontent-ng-c241975108] {
    color: #8186a9
}

@media all and (max-width:424px) {
    .message_chat.message_pinned[_ngcontent-ng-c241975108] {
        margin: 0
    }
}

.message_chat[_ngcontent-ng-c241975108] .message__user-side[_ngcontent-ng-c241975108] {
    --size: 2rem;
    position: absolute;
    bottom: calc(var(--size)/-2);
    right: calc(var(--size)/-2);
    z-index: 2;
    border-color: #242c52
}

@media all and (max-width:991px) {
    [_ngcontent-ng-c2283049064]:root {
        --gutter: 1.5rem;
        --gutter-page: 2rem
    }
}

.command_balance[_ngcontent-ng-c2283049064] {
    height: 20.5rem
}

.command_balance[_ngcontent-ng-c2283049064] .command__line[_ngcontent-ng-c2283049064] {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-content: center;
    align-items: stretch;
    width: 100%;
    height: 6.5rem;
    background-color: #333c61;
    border-radius: 1rem
}

.command_balance[_ngcontent-ng-c2283049064] .command__line[_ngcontent-ng-c2283049064]:not(:last-child) {
    margin-bottom: .5rem
}

.command_balance[_ngcontent-ng-c2283049064] .command__icon[_ngcontent-ng-c2283049064] {
    display: block;
    width: 6.5rem;
    height: 6.5rem;
    padding: 1.5rem;
    background-color: #38426b;
    border-radius: 1rem;
    color: #878caf;
    font-size: 2.2rem;
    line-height: 3.5rem;
    text-align: center
}

.command_balance[_ngcontent-ng-c2283049064] .command__icon.icon_wallet[_ngcontent-ng-c2283049064] {
    font-size: 1.8rem
}

.command_balance[_ngcontent-ng-c2283049064] .command__information[_ngcontent-ng-c2283049064] {
    display: block;
    width: calc(100% - 7rem);
    height: 6.5rem;
    padding: 1.5rem;
    margin-left: .5rem
}

.command_balance[_ngcontent-ng-c2283049064] .command__title[_ngcontent-ng-c2283049064] {
    color: #878caf;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4rem;
    text-transform: uppercase
}

.command_balance[_ngcontent-ng-c2283049064] .command__count[_ngcontent-ng-c2283049064] {
    color: #ff9b78;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.8rem
}

@media (max-width:424px) {
    .command_balance[_ngcontent-ng-c2283049064] .command__count[_ngcontent-ng-c2283049064] {
        font-size: 16px
    }
}

[_nghost-ng-c301720083] {
    width: 100%;
    margin-top: 50px;
}

.referrals-page[_ngcontent-ng-c301720083] {
    display: flex;
    flex-direction: column;
    width: 120rem;
    margin: 0 auto;
}

.referrals-page__head {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: .6rem;
}

.referrals-page__icon {
    font-size: 2.4rem;
}

.referrals-page__title-wrapper {
    display: flex;
    flex-direction: column;
}

.referrals-page__title {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2.2rem;
}

.referrals-page__subtitle {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #9badcf;
}

.campaigns__content[_ngcontent-ng-c652334822] {
    margin-top: 1.4rem;
    padding: 1rem 2.5rem 2.5rem;
    background: rgba(33,41,79,.4);
    border-radius: 1.6rem;
}

.table[_ngcontent-ng-c652334822] {
    width: 100%;
}

.table__body[_ngcontent-ng-c652334822] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
}

.table__body[_ngcontent-ng-c652334822] .table__row[_ngcontent-ng-c652334822] {
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    border-radius: 1.2rem;
}


[_nghost-ng-c4147116778] {
    background: #242C54;
}

.campaign__code-wrapper[_ngcontent-ng-c4147116778] {
    display: flex;
    flex-direction: column;
    padding-left: 2rem;
    padding-right: 2rem;
}

.campaign__title[_ngcontent-ng-c4147116778] {
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #cddbff9e;
}

.campaign__name[_ngcontent-ng-c4147116778] {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-top: .2rem;
    font-weight: 500;
    color: #cddbff;
}

.overview__cards[_ngcontent-ng-c3530553416] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 14.8rem 14.8rem;
    gap: 1rem;
    margin-bottom: 2rem;
}

.card[_ngcontent-ng-c3530553416] {
    position: relative;
    display: flex;
    padding: 2.2rem;
    background: linear-gradient(133.86deg,#26315B 25.5%,#323F6D 85.31%);
    border-radius: 1.6rem;
    overflow: hidden;
}

.new-user-bonus[_ngcontent-ng-c3530553416]::before {
    content: "";
    position: absolute;
    top: 2.1rem;
    right: -4rem;
    display: block;
    width: 17.3rem;
    height: 16.6rem;
    background-image: url(../img/usd.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.new-user-bonuss[_ngcontent-ng-c3530553416]::before {
    content: "";
    position: absolute;
    top: 2.1rem;
    right: -4rem;
    display: block;
    width: 17.3rem;
    height: 16.6rem;
    background-image: url(../img/sup.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.new-user-bonusss[_ngcontent-ng-c3530553416]::before {
    content: "";
    position: absolute;
    top: 2.1rem;
    right: -4rem;
    display: block;
    width: 17.3rem;
    height: 16.6rem;
    background-image: url(../img/doc.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.new-user-bonussss[_ngcontent-ng-c3530553416]::before {
    content: "";
    position: absolute;
    top: 2.1rem;
    right: -4rem;
    display: block;
    width: 17.3rem;
    height: 16.6rem;
    background-image: url(../img/ban.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.new-user-bonusssss[_ngcontent-ng-c3530553416]::before {
    content: "";
    position: absolute;
    top: 2.1rem;
    right: -4rem;
    display: block;
    width: 17.3rem;
    height: 16.6rem;
    background-image: url(../img/pay.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.new-user-bonussssss[_ngcontent-ng-c3530553416]::before {
    content: "";
    position: absolute;
    top: 2.1rem;
    right: -4rem;
    display: block;
    width: 17.3rem;
    height: 16.6rem;
    background-image: url(../img/bonus.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.card__title[_ngcontent-ng-c3530553416] {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.9rem;
}

.card__content[_ngcontent-ng-c3530553416] {
    margin-top: 1.5rem;
}

.new-user-bonus__desc[_ngcontent-ng-c3530553416] {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}

.new-user-bonus__text[_ngcontent-ng-c3530553416] {
    flex: 0 1 19rem;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.7rem;
    color: #cddbffb3;
}

.subscriptions[_ngcontent-ng-c40239996] {
    margin-top: 2.4rem;
}

.subscriptions__title[_ngcontent-ng-c40239996] {
    display: flex;
    align-items: center;
    gap: .8rem;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.9rem;
    color: #cddbff;
}

.subscriptions__title[_ngcontent-ng-c40239996] .icon[_ngcontent-ng-c40239996] {
    font-size: 2.8rem;
}

.subscriptions__buttons[_ngcontent-ng-c40239996] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(24rem,1fr));
    gap: .8rem;
    margin-top: 1.2rem;
}

[_nghost-ng-c4187611069] {
    display: block;
    width: 100%;
}

.bonus-button[_ngcontent-ng-c4187611069] {
    position: relative;
    display: flex;
    align-items: center;
    height: 9rem;
    padding-left: 2rem;
    border-radius: 1.4rem;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: filter .2s ease-out 0s;
    -moz-transition: filter .2s ease-out 0s;
    transition: filter .2s ease-out 0s;
}

.bonus-button_tg[_ngcontent-ng-c4187611069] {
    background: linear-gradient(145.08deg,#25426C 20.55%,#25608A 96.95%);
}

.bonus-button_vk[_ngcontent-ng-c4187611069] {
    background: linear-gradient(145.08deg,#252F65 20.55%,#3B46AC 96.95%);
}

.bonus-button_ds[_ngcontent-ng-c4187611069] {
    background: linear-gradient(145.08deg,#342F6B 20.55%,#5C3A94 96.95%);
}

.bonus-button__content[_ngcontent-ng-c4187611069] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.bonus-button__title[_ngcontent-ng-c4187611069] {
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 1.7rem;
}

.bonus-button__text[_ngcontent-ng-c4187611069] {
    display: flex;
    align-items: center;
    gap: .3rem;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.4rem;
    color: #ffba88;
}

.bonus-button[_ngcontent-ng-c4187611069]::after {
    content: "";
    position: absolute;
    bottom: -.9rem;
    right: -.2rem;
    width: 8.1rem;
    height: 8rem;
    background-repeat: no-repeat;
    background-size: contain;
}

.bonus-button_tg[_ngcontent-ng-c4187611069]::after {
    background-image: url(../img/1.png);
}

.bonus-button_vk[_ngcontent-ng-c4187611069]::after {
    background-image: url(../img/2.png);
}

.bonus-button_ds[_ngcontent-ng-c4187611069]::after {
    background-image: url(../img/3.png);
}

.bonus-button_dss[_ngcontent-ng-c4187611069]::after {
    background-image: url(../img/4.png);
}

.burger-nav {
    display: none;
    margin-left: auto;
}

.burger-menu[_ngcontent-ng-c1056161041] {
    position: relative;
    z-index: 1;
    margin-left: .5rem;
}

.burger-menu[_ngcontent-ng-c1056161041] .burger-menu__toggle[_ngcontent-ng-c1056161041] {
    z-index: 2;
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 0;
    color: #475279;
    font-size: 2rem;
    line-height: 1;
}

.burger-menu[_ngcontent-ng-c1056161041] .burger-menu__content[_ngcontent-ng-c1056161041] {
    position: absolute;
    top: 4rem;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: .3rem;
    width: 37.5rem;
    padding: 1.5rem;
      padding-top: 1.5rem;
    border-radius: 1rem;
    background-color: #191d3e;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,transform .2s ease-out 0s;
    -moz-transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,transform .2s ease-out 0s;
    transition: opacity .2s ease-out 0s,visibility .2s ease-out 0s,transform .2s ease-out 0s;
}

.burger-menu[_ngcontent-ng-c1056161041] .burger-menu__link[_ngcontent-ng-c1056161041] {
    display: flex;
    align-items: center;
    gap: .8rem;
    height: 5.6rem;
    padding: 0 1.5rem;
    background: #1A2148;
    border-radius: 1rem;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1.7rem;
    color: #eaf2ff;
    -webkit-transition: color .2s ease-out 0s,background-color .2s ease-out 0s;
    -moz-transition: color .2s ease-out 0s,background-color .2s ease-out 0s;
    transition: color .2s ease-out 0s,background-color .2s ease-out 0s;
}

.burger-menu.is-open[_ngcontent-ng-c1056161041] .burger-menu__content[_ngcontent-ng-c1056161041] {
    transform: translateY(1rem);
    opacity: 1;
    visibility: visible;
}

.burger-menu.is-open[_ngcontent-ng-c1056161041] .burger-menu__toggle[_ngcontent-ng-c1056161041] .icon_bars-lite[_ngcontent-ng-c1056161041]::before {
    content: "\e9d1";
}

@media (max-width: 767px) {
    .burger-menu[_ngcontent-ng-c1056161041] .burger-menu__content[_ngcontent-ng-c1056161041] {
      top: -3.7rem;
      right: calc(var(--gutter) * -1);
      width: 100vw;
      height: 102vh;
      padding-top: 7.4rem;
      border-radius: 0;
    }
}

@media (max-width: 991px) {

    .referrals-page[_ngcontent-ng-c301720083] {
        width: 100%;
        padding: 0 1.5rem;
    }

    .overview__cards[_ngcontent-ng-c3530553416] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(5,auto);
        gap: .6rem;
        margin-bottom: 1rem;
    }

    .card[_ngcontent-ng-c3530553416] {
        padding: 1.5rem;
    }

    .new-user-bonus[_ngcontent-ng-c3530553416]::before {
        top: .8rem;
        right: -2.6rem;
        width: 11.4rem;
        height: 10.9rem;
    }

    .subscriptions[_ngcontent-ng-c40239996] {
        margin-top: 1.4rem;
    }

    .subscriptions__title[_ngcontent-ng-c40239996] {
        gap: .5rem;
        font-size: 1.3rem;
        line-height: 1.6rem;
    }

    .subscriptions__title[_ngcontent-ng-c40239996] .icon[_ngcontent-ng-c40239996] {
        font-size: 2.2rem;
    }

    .subscriptions__buttons[_ngcontent-ng-c40239996] {
        margin-top: 1rem;
    }

    .bonus-button[_ngcontent-ng-c4187611069] {
        height: 7rem;
        padding-left: 2.2rem;
    }

    .bonus-button__content[_ngcontent-ng-c4187611069] {
        gap: .2rem;
    }

    .bonus-button__title[_ngcontent-ng-c4187611069] {
        font-size: 1.3rem;
        line-height: 1.6rem;
    }

    .burger-nav {
        display: block;
    }
}