@-webkit-keyframes badge-46c5148e {
    50% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    55% {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
    60% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
}

@keyframes badge-46c5148e {
    50% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
    55% {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
    60% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }
}

@-webkit-keyframes pulse-e8c9343c {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        opacity: .4
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes pulse-e8c9343c {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    50% {
        opacity: .4
    }
    to {
        opacity: 0;
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.trigger[data-v-63592c65] {
    position: fixed !important
}

.n[data-v-20bbf0c9], .s[data-v-20bbf0c9] {
    cursor: ns-resize !important
}

.e[data-v-20bbf0c9], .w[data-v-20bbf0c9] {
    cursor: ew-resize !important
}

.n.e[data-v-20bbf0c9], .s.w[data-v-20bbf0c9] {
    cursor: nesw-resize !important
}

.n.w[data-v-20bbf0c9], .s.e[data-v-20bbf0c9] {
    cursor: nwse-resize !important
}

.resize-helper[data-v-20bbf0c9] {
    position: absolute !important
}

.resize-helper.n[data-v-20bbf0c9], .resize-helper.s[data-v-20bbf0c9] {
    height: 3px !important
}

.resize-helper.n[data-v-20bbf0c9], .resize-helper.s[data-v-20bbf0c9] {
    left: 0 !important;
    right: 0 !important
}

.resize-helper.e[data-v-20bbf0c9], .resize-helper.w[data-v-20bbf0c9] {
    bottom: 0 !important;
    top: 0 !important
}

.resize-helper.e[data-v-20bbf0c9], .resize-helper.w[data-v-20bbf0c9] {
    width: 3px !important
}

.resize-helper.n.e[data-v-20bbf0c9], .resize-helper.n.w[data-v-20bbf0c9] {
    bottom: auto !important
}

.resize-helper.s.e[data-v-20bbf0c9], .resize-helper.s.w[data-v-20bbf0c9] {
    top: auto !important
}

.resize-helper.n[data-v-20bbf0c9] {
    top: 0 !important
}

.resize-helper.s[data-v-20bbf0c9] {
    bottom: 0 !important
}

.resize-helper.e[data-v-20bbf0c9] {
    left: auto !important;
    right: 0 !important
}

.resize-helper.w[data-v-20bbf0c9] {
    left: 0 !important;
    right: auto !important
}

.draggable[data-v-704a02b0] {
    position: absolute !important
}

.draggable.fixed[data-v-704a02b0] {
    position: fixed !important
}

.draggable.scale-when-drag[data-v-704a02b0] {
    -webkit-transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease !important;
    transition: -webkit-transform .2s ease, -webkit-box-shadow .2s ease !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
    transition: transform .2s ease, box-shadow .2s ease, -webkit-transform .2s ease, -webkit-box-shadow .2s ease !important
}

@-webkit-keyframes online-chat-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes online-chat-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@font-face {
    font-family: "Mulish";
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/Mulish-Bold.899f089.woff2') format("woff2")
}

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

html {
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    height: 100%
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    html {
        display: flex;
        flex-direction: column
    }
}

body {
    flex-direction: column;
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-text-decoration-skip: objects;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

:focus {
    outline: none
}

p {
    margin: 0
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

h1, h2, h3 {
    margin: 0
}

img {
    display: block
}

img {
    border: none
}

a {
    background-color: transparent;
    color: inherit
}

a {
    -webkit-text-decoration: none;
    text-decoration: none
}

mark {
    background-color: transparent
}

button {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    margin: 0;
    padding: 0
}

button {
    overflow: visible
}

button {
    text-align: left;
    text-transform: none
}

[type=button], button {
    -webkit-appearance: none;
    cursor: pointer
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

::-webkit-input-placeholder {
    color: #a7aebe
}

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

.disabled, :disabled {
    cursor: not-allowed
}

:-webkit-autofill {
    box-shadow: inset 0 0 0 100px #fff;
    -webkit-text-fill-color: currentColor
}

.v-button.v-button--first, .v-button.v-button--third {
    align-items: center;
    background: linear-gradient(180deg, #cef3f2, #4dd3ce);
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);
    color: #0c1919;
    display: flex;
    justify-content: center;
    min-height: 40px;
    position: relative;
    z-index: 0
}

.v-button.v-button--first:after, .v-button.v-button--second:after, .v-button.v-button--third:after {
    background: #48d1cc;
    border-radius: inherit;
    bottom: 0;
    content: "";
    height: calc(100% - 2px);
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: calc(100% - 2px);
    z-index: 1
}

@media (hover) {
    .v-button.v-button--first:hover, .v-button.v-button--second:hover, .v-button.v-button--third:hover {
        background: linear-gradient(180deg, #daf6f5, #81dfdc);
        color: #0c1919
    }

    .v-button.v-button--first:hover:after, .v-button.v-button--second:hover:after, .v-button.v-button--third:hover:after {
        background: #81dfdc;
        color: #0c1919
    }
}

.v-button.v-button--first:active, .v-button.v-button--second:active, .v-button.v-button--third:active {
    background: linear-gradient(180deg, #4dcbc7, #2baba6);
    color: #0c1919
}

.v-button.v-button--first:active:after, .v-button.v-button--second:active:after, .v-button.v-button--third:active:after {
    background: #2baba6
}

:root {
    --bg-color-body: #0d0f14
}

body {
    background-color: #0d0f14;
    color: #dddfe4;
    display: flex;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px;
    min-height: 100%;
    text-transform: none
}

@media screen and (min-width: 1360px) {
    body {
        background-attachment: fixed;
        background-color: var(--bg-color-body);
        background-image: var(--bg-image-body);
        background-position: top;
        background-repeat: no-repeat;
        background-size: 1920px auto
    }
}

#supportTrigger {
    display: none !important
}

#__layout, #__nuxt {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin: 0 auto;
    max-width: 1360px;
    width: 100%
}

.v-button {
    -webkit-user-select: none;
    -moz-user-select: none
}

[class*=icon-] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 100%;
    width: 100%
}

.layout-wrapper[data-v-02ee0f73] {
    background-color: #2a2e37;
    margin: 0 auto;
    max-width: 1360px;
    width: 100%
}

.layout-wrapper[data-v-02ee0f73], .main[data-v-02ee0f73] {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.main[data-v-02ee0f73] {
    position: relative
}

.layout-wrapper--btn-animation[data-v-02ee0f73] .v-button--registration {
    animation: pulse-02ee0f73 1.3s cubic-bezier(.6, 0, 0, 1) .1s infinite
}

.layout-wrapper--btn-animation[data-v-02ee0f73] .v-button--registration.disabled, .layout-wrapper--btn-animation[data-v-02ee0f73] .v-button--registration:active, .layout-wrapper--btn-animation[data-v-02ee0f73] .v-button--registration:disabled, [data-v-02ee0f73] .shelf-info-btn__wrap--animated.disabled, [data-v-02ee0f73] .shelf-info-btn__wrap--animated:active, [data-v-02ee0f73] .shelf-info-btn__wrap--animated:disabled {
    animation: none
}

@media (hover) {
    .layout-wrapper--btn-animation[data-v-02ee0f73] .v-button--registration:hover, [data-v-02ee0f73] .shelf-info-btn__wrap--animated:hover {
        animation: none
    }
}

@keyframes pulse-02ee0f73 {
    0% {
        box-shadow: 0 0 0 0 #2baba6
    }
    50% {
        box-shadow: 0 0 0 0 #2baba6;
        transform: scale(1)
    }
    75% {
        transform: scale(1.005)
    }
    to {
        box-shadow: 0 0 0 10px rgba(43, 171, 166, 0);
        transform: scale(1)
    }
}

.layout-wrapper__help-btn[data-v-02ee0f73] {
    bottom: 40px;
    position: fixed;
    right: 0;
    z-index: 15
}

.header__open-menu[data-v-43113ab5] {
    -moz-user-select: none
}

.header__login-btn .v-button[data-v-43113ab5] {
    background: transparent;
    background-color: transparent;
    background-image: none;
    border: 1px solid #48d1cc;
    border-radius: 20px;
    box-shadow: none;
    color: #a7aebe;
    line-height: 36px;
    padding: 0 18px
}

@media (hover) {
    .header__login-btn .v-button[data-v-43113ab5]:hover {
        border-color: #81dfdc;
        box-shadow: none;
        color: #dddfe4
    }
}

.header__login-btn .v-button[data-v-43113ab5]:active {
    border-color: #2baba6;
    box-shadow: none;
    color: #a7aebe
}

.header__login-btn .v-button[data-v-43113ab5]:after {
    content: none
}

.header-layout__logo--link[data-v-43113ab5] {
    display: block;
    height: 48px;
    margin: 2px 0;
    max-width: 180px;
    padding: 2px;
    position: relative;
    width: 100%
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .header-layout__logo--link[data-v-43113ab5] {
        height: 64px;
        margin: 4px 0
    }
}

.header-layout__logo--pic[data-v-43113ab5], .header-layout__logo--pic[data-v-43113ab5] img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.header[data-v-43113ab5] {
    height: 56px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .header[data-v-43113ab5] {
        height: 72px
    }
}

@media screen and (min-width: 1024px) {
    .header[data-v-43113ab5] {
        display: block
    }
}

.header__wrap[data-v-43113ab5] {
    background: #2a2e37;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);
    display: flex;
    height: inherit;
    left: 0;
    margin: auto;
    max-width: 1360px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    will-change: transform;
    z-index: 12
}

.header__container[data-v-43113ab5] {
    display: flex;
    height: 100%;
    margin: 0 auto;
    padding: 0 8px;
    width: 100%
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .header__container[data-v-43113ab5] {
        padding: 0 16px
    }
}

.header__logo[data-v-43113ab5] {
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%)
}

.header__open-menu[data-v-43113ab5] {
    align-items: center;
    display: flex;
    height: 100%;
    width: 44px
}

@media screen and (min-width: 568px) {
    .header__open-menu[data-v-43113ab5] {
        width: 56px
    }
}

.header__dynamic-frame[data-v-43113ab5], .header__login-btn[data-v-43113ab5] {
    align-items: center;
    display: flex
}

.header__dynamic-frame[data-v-43113ab5] {
    margin-left: auto
}

.header__login-btn[data-v-43113ab5] {
    height: 40px;
    width: 40px
}

@media screen and (min-width: 1024px) {
    .header__login-btn[data-v-43113ab5] {
        width: 40px
    }
}

@media screen and (min-width: 1280px) {
    .header__login-btn[data-v-43113ab5] {
        margin-left: 8px;
        width: 80px
    }
}

.header__language-popup-button[data-v-43113ab5] {
    display: none
}

@media screen and (min-width: 375px) {
    .header__language-popup-button[data-v-43113ab5] {
        align-items: center;
        display: flex;
        margin-left: 8px;
        margin-right: 8px;
        width: 45px
    }
}

@media screen and (min-width: 568px) {
    .header__language-popup-button[data-v-43113ab5] {
        margin-left: 0
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .header__language-popup-button[data-v-43113ab5] {
        margin-right: 16px
    }
}

@media screen and (min-width: 1024px) and (max-width: 1090px) {
    .header__language-popup-button[data-v-43113ab5] {
        display: none
    }
}

.menu-button[data-v-93e6da7a] {
    background: #33363e;
    border-radius: 50%;
    color: #a7aebe;
    display: block;
    height: 40px;
    position: relative;
    width: 40px
}

@media (hover) {
    .menu-button:hover .menu-button__bg[data-v-93e6da7a] {
        background: #3f434d
    }
}

.menu-button:active .menu-button__bg[data-v-93e6da7a] {
    background: #15161a
}

.menu-button .menu-button__decor[data-v-93e6da7a]:after, .menu-button .menu-button__decor[data-v-93e6da7a]:before, .menu-button[data-v-93e6da7a]:after {
    background-color: currentcolor;
    border-radius: 2px;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .3s, opacity .3s;
    width: 22px
}

.menu-button .menu-button__decor[data-v-93e6da7a]:after {
    transform: translateY(-5px)
}

.menu-button .menu-button__decor[data-v-93e6da7a]:before {
    transform: translateY(5px)
}

.menu-button__bg[data-v-93e6da7a] {
    background: #33363e;
    border-radius: inherit;
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
    will-change: transform
}

.language-popup-button__wrap[data-v-01ce89ed] {
    align-items: center;
    background: #33363e;
    border-radius: 20px;
    cursor: pointer;
    display: flex;
    height: 40px;
    padding: 4px 12px;
    position: relative;
    width: 100%
}

.language-popup-button__wrap[data-v-01ce89ed]:hover {
    background: #3f434d
}

.language-popup-button__wrap[data-v-01ce89ed]:active {
    background: #15161a
}

.language-popup-button__ico[data-v-01ce89ed] {
    height: 16px;
    width: 24px
}

.language-popup-button__ico span[data-v-01ce89ed] {
    border-radius: 2px
}

.icon-az[data-v-01ce89ed] {
    background-image: url('../../img/az.e80575c.svg');
}

.header-nav {
    height: 100%;
    z-index: 3
}

.header-nav__list {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative
}

.icon-games {
    background-image: url('../../img/games.5d7eb8d.svg')
}

.icon-gift-menu {
    background-image: url('../../img/gift-menu.ed297f4.svg')
}

.icon-actions {
    background-image: url('../../img/fire.svg');
}

.header-nav-item {
    box-sizing: border-box;
    height: 100%;
    padding-bottom: 8px;
    position: relative;
    z-index: 0
}

@media screen and (min-width: 568px) {
    .header-nav-item {
        padding-bottom: 12px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .header-nav-item {
        align-items: center;
        display: flex;
        height: 100%;
        justify-content: center;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media screen and (min-width: 1024px) {
    .header-nav-item {
        flex: auto;
        height: auto
    }

    .header-nav-item:not(:last-child) {
        margin-right: 16px
    }
}

@media (hover) {
    .header-nav-item:not(.header-nav-item--active):not(:active):hover .header-nav-item__link-decor:before {
        background: #5cd6d6;
        bottom: -14px;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 88px;
        z-index: 1
    }

    .header-nav-item:not(.header-nav-item--active):not(:active):hover .header-nav-item__link-text {
        color: #dddfe4
    }
}

.header-nav-item__link {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    position: relative;
    width: 60px
}

@media screen and (min-width: 360px) {
    .header-nav-item__link {
        width: 88px
    }
}

@media screen and (min-width: 568px) {
    .header-nav-item__link {
        width: 88px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .header-nav-item__link {
        flex-direction: row;
        justify-content: center;
        width: 128px
    }
}

@media screen and (min-width: 1024px) {
    .header-nav-item__link {
        height: 40px;
        justify-content: flex-start;
        width: 100%
    }
}

.header-nav-item__link-ico {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    flex-shrink: 0;
    height: 24px;
    margin: 0 auto;
    width: 24px;
    z-index: 3
}

.header-nav-item__link-ico:after {
    will-change: transform
}

@media screen and (min-width: 1024px) {
    .header-nav-item__link-ico {
        height: 24px;
        margin: 0;
        width: 24px
    }
}

.header-nav-item__link-text {
    align-items: flex-end;
    color: #a7aebe;
    display: flex;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 16px;
    letter-spacing: .32px;
    line-height: 20px;
    text-transform: none;
    z-index: 2
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 1024px) {
    .header-nav-item__link-text {
        display: block;
        flex-grow: 1;
        height: auto;
        text-align: center
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .header-nav-item__link-text {
        display: block;
        flex-grow: 1;
        height: auto;
        text-align: center
    }
}

@media screen and (min-width: 1024px) {
    .header-nav-item__link-text {
        flex-grow: 0;
        padding-left: 8px;
        padding-right: 4px;
        width: auto
    }
}

.header-nav-item__link-text-wrap {
    position: relative
}

.header-nav-item__link-decor {
    border-radius: 4px;
    bottom: 16px;
    color: #dddfe4;
    height: 44px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: auto;
    width: 44px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 1024px) {
    .header-nav-item__link-decor {
        bottom: auto;
        height: 100%;
        top: 0;
        width: auto
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .header-nav-item__link-decor {
        bottom: auto;
        height: 100%;
        top: 0;
        width: auto
    }
}

.icon-register-bonus[data-v-678eac56] {
    background-image: url('../../img/wallet.svg');
}

.registration-block-header[data-v-678eac56] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    margin-left: auto
}

.registration-block-header__decor[data-v-678eac56] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 8px;
    width: 100%
}

.registration-block-header__panel[data-v-678eac56] {
    border-radius: 20px;
    min-width: 277px;
    position: relative;
    z-index: 0
}

@media screen and (min-width: 1360px) {
    .registration-block-header__panel[data-v-678eac56] {
        min-width: 301px
    }
}

.registration-block-header__wrapper[data-v-678eac56] {
    align-items: center;
    border-radius: inherit;
    display: flex;
    padding-left: 12px;
    position: relative;
    z-index: 0
}

.registration-block-header__wrapper[data-v-678eac56]:before {
    background-color: #15161a;
    border-radius: inherit;
    content: "";
    height: calc(100% - 2px);
    left: 1px;
    position: absolute;
    top: 1px;
    width: calc(100% - 2px);
    z-index: -1
}

.registration-block-header__bonus-img[data-v-678eac56] {
    display: none
}

@media screen and (min-width: 1360px) {
    .registration-block-header__bonus-img[data-v-678eac56] {
        display: block;
        height: 24px;
        margin-left: 4px;
        width: 24px
    }
}

.registration-block-header__bonus-text[data-v-678eac56] {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
    margin-right: 12px
}

.registration-block-header__bonus-headline[data-v-678eac56] {
    color: #5cd6d6;
    font-size: 12px;
    line-height: 16px
}

.registration-block-header__bonus-headline[data-v-678eac56], .registration-block-header__condition[data-v-678eac56] {
    font-family: Arial, sans-serif;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none
}

.registration-block-header__condition[data-v-678eac56] {
    color: #a7aebe;
    font-size: 10px;
    line-height: 12px;
    width: 100%
}

.registration-block-header__bonus-btn[data-v-678eac56] {
    margin-left: auto
}

.v-button {
    border-radius: 20px;
    cursor: pointer;
    flex-shrink: 0;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .32px;
    line-height: 24px;
    min-width: 80px;
    padding: 0 16px;
    text-align: center;
    text-transform: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

.v-button.v-button--mob-icon {
    height: 100%;
    min-width: 0;
    width: 100%
}

@media screen and (min-width: 1360px) {
    .v-button.v-button--mob-icon {
        min-width: 80px;
        padding: 0 16px
    }
}

.v-button__btn-pseudo {
    background-position: 0 0, 100% 0;
    background-repeat: no-repeat;
    opacity: 0;
    width: 100%
}

.v-button__btn-pseudo, .v-button__btn-pseudo:after {
    background-size: auto 40px;
    height: 100%;
    position: absolute
}

.v-button__btn-pseudo:after {
    background-repeat: repeat-x;
    content: "";
    left: 19px;
    margin: auto;
    right: 19px;
    top: 0;
    z-index: 2
}

@keyframes load {
    to {
        transform: rotate(1turn)
    }
}

.v-button__label {
    padding: 0 4px;
    position: relative;
    z-index: 2
}

.v-button__label--hide-mob, .v-button__label:empty {
    display: none
}

@media screen and (min-width: 1024px) {
    .v-button__label--hide-mob {
        display: none
    }
}

@media screen and (min-width: 1280px) {
    .v-button__label--hide-mob {
        display: flex
    }
}

.home[data-v-186b0074] {
    display: flex;
    flex-direction: column
}

.home__promo-text[data-v-186b0074] {
    padding: 32px 0
}

@keyframes index {
    to {
        z-index: 222
    }
}

.lobby-btn[data-v-50a6c83a] {
    display: flex;
    justify-content: center;
    padding-top: 16px
}

.lobby-games__game-wrap[data-v-9c772402] {
    padding-top: 32px
}

.lobby-games__game-list[data-v-9c772402] {
    padding: 0 8px
}

@media screen and (min-width: 1024px) {
    .lobby-games__game-list[data-v-9c772402] {
        flex-grow: 1
    }
}

.lobby-games__game-list--home[data-v-9c772402] {
    padding-bottom: 32px
}

.icon-favorite[data-v-3c00aaaf] {
    background-image: url('../../img/favorite.53decd0.svg');
}

.icon-search[data-v-3c00aaaf] {
    background-image: url('../../img/search.svg');
}

.nav-tabs[data-v-3c00aaaf] {
    background: #0d0f14;
    display: flex;
    position: relative;
    width: 100%
}

.nav-tabs-scroll[data-v-3c00aaaf] {
    overflow: hidden
}

.nav-tabs-scroll .nav-tabs[data-v-3c00aaaf] {
    overflow-x: auto;
    overflow-y: hidden;
    overflow: auto hidden;
    padding-bottom: 24px
}

.nav-tabs-scroll .nav-tabs__btn[data-v-3c00aaaf]:not(.nav-tabs__btn--icon) {
    flex-shrink: 0
}

.nav-tabs-scroll--padding-top[data-v-3c00aaaf] {
    background: #0d0f14;
    height: 48px;
    padding-top: 8px
}

.nav-tabs__btn[data-v-3c00aaaf] {
    align-items: center;
    background: #15161a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    color: #a7aebe;
    display: flex;
    flex: 1;
    flex-basis: 100px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 20px;
    margin-right: 2px;
    padding: 0 8px;
    position: relative;
    text-align: center;
    text-transform: none;
    white-space: nowrap
}

.nav-tabs__btn[data-v-3c00aaaf]:last-child {
    margin-right: 0
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .nav-tabs__btn[data-v-3c00aaaf]:nth-child(-n+2) {
        position: sticky;
        z-index: 2
    }

    .nav-tabs__btn[data-v-3c00aaaf]:first-child {
        border-right: 2px solid #0d0f14;
        left: 0;
        margin-right: 0
    }

    .nav-tabs__btn[data-v-3c00aaaf]:nth-child(2) {
        left: 48px
    }
}

.nav-tabs__btn--icon[data-v-3c00aaaf] {
    flex-basis: auto;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0;
    width: 48px
}

.nav-tabs__btn-icon[data-v-3c00aaaf] {
    flex-shrink: 0;
    height: 24px;
    position: relative;
    width: 24px
}

.list-games[data-v-0921afac] {
    flex-wrap: wrap
}

.list-games--in-page[data-v-0921afac] {
    display: flex
}

.list-games--in-page[data-v-0921afac]:not(:empty) {
    margin-bottom: -8px
}

.list-games--in-page:not(:empty) > *[data-v-0921afac] {
    margin-bottom: 8px;
    padding: 0 4px;
    width: 50%
}

@media screen and (min-width: 568px) {
    .list-games--in-page:not(:empty) > *[data-v-0921afac] {
        width: 33.33%
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .list-games--in-page:not(:empty) > *[data-v-0921afac] {
        margin-bottom: 16px;
        padding: 0 8px;
        width: 25%
    }
}

@media screen and (min-width: 1280px) {
    .list-games--in-page:not(:empty) > *[data-v-0921afac] {
        width: 20%
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .list-games--in-page[data-v-0921afac]:not(:empty) {
        margin-bottom: -16px
    }
}

.game-card[data-v-668b007c] {
    color: transparent;
    position: relative
}

.game-card__wrap[data-v-668b007c] {
    border-radius: 4px;
    box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px 0 rgba(0, 0, 0, .3);
    cursor: pointer;
    display: block
}

.game-card__wrap[data-v-668b007c]:active {
    opacity: .8
}

@media (hover) {
    .game-card__wrap:hover .game-card__hover[data-v-668b007c] {
        opacity: 1
    }

    .game-card__wrap[data-v-668b007c]:hover ~ .game-card__star:before {
        opacity: 1
    }
}

.game-card__hover[data-v-668b007c] {
    border: 1px solid #74b0b4;
    border-radius: inherit;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 1
}

.game-card__main[data-v-668b007c] {
    background-color: #33363e;
    border-radius: inherit;
    display: block
}

.game-card__img-wrap[data-v-668b007c] {
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    padding-bottom: 61.5%;
    position: relative
}

@media screen and (min-width: 375px) {
    .game-card__img-wrap[data-v-668b007c] {
        padding-bottom: 64%
    }
}

@media screen and (min-width: 1024px) {
    .game-card__img-wrap[data-v-668b007c] {
        padding-bottom: 67.5%
    }
}

@media screen and (min-width: 1280px) {
    .game-card__img-wrap[data-v-668b007c] {
        padding-bottom: 68.5%
    }
}

.game-card__pic[data-v-668b007c], .game-card__pic[data-v-668b007c] img {
    border-radius: inherit;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.game-card__name[data-v-668b007c] {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: center;
    text-align: center
}

.game-card__name-text[data-v-668b007c] {
    color: #dddfe4;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap
}

.icon-star {
    background-image: url('../../img/starchik.svg');
}

.icon-star-active {
    background-image: url('../../img/fullstar.svg')
}

.game-card__star {
    background: #33363e;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 4px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    z-index: 1
}

.game-card__star:before {
    border-right: 1px solid #74b0b4;
    border-top: 1px solid #74b0b4;
    border-top-right-radius: 4px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%;
    z-index: 2
}

.game-card__star-ico--hover {
    opacity: 0
}

.game-card__star-ico {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s;
    width: 100%
}

.status-flag[data-v-45dbcb6e] {
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    color: #180509;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 12px;
    padding: 2px 8px;
    text-transform: uppercase
}

.status-flag.status-flag--popular[data-v-45dbcb6e] {
    background: #ded159;
    z-index: 2
}

.status-flag.status-flag--tournament[data-v-45dbcb6e] {
    background: #c852ff;
    z-index: 2
}

.status-flag__text[data-v-45dbcb6e] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.game-card__flag[data-v-45dbcb6e] {
    left: 0;
    position: absolute;
    top: 0
}

.v-btn.v-btn--border[data-v-37f520a0] {
    background: transparent;
    background-color: transparent;
    background-image: none;
    border: 1px solid #48d1cc;
    border-radius: 20px;
    box-shadow: none;
    color: #a7aebe;
    line-height: 36px;
    padding: 0 18px
}

@media (hover) {
    .v-btn.v-btn--border[data-v-37f520a0]:hover {
        border-color: #81dfdc;
        box-shadow: none;
        color: #dddfe4
    }
}

.v-btn.v-btn--border[data-v-37f520a0]:active {
    border-color: #2baba6;
    box-shadow: none;
    color: #a7aebe
}

.v-btn.v-btn--border[data-v-37f520a0]:after {
    content: none
}

.v-btn[data-v-37f520a0] {
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .32px;
    text-align: left;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: none
}

@media (hover) {
    .v-btn[data-v-37f520a0]:hover {
        border-color: transparent;
        box-shadow: none;
        color: #81dfdc
    }
}

.v-btn[data-v-37f520a0]:active {
    border-color: transparent;
    box-shadow: none;
    color: #2baba6
}

.v-btn[data-v-37f520a0]:after {
    content: none
}

.v-btn[data-v-37f520a0] {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 0
}

.v-btn__text[data-v-37f520a0] {
    z-index: 2
}

.game-list-text[data-v-9904372a] {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 20px;
    margin: 0 auto;
    padding: 16px 8px 0;
    text-align: center;
    text-transform: none
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .game-list-text[data-v-9904372a] {
        font-size: 24px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 28px;
        text-transform: none
    }
}

@media screen and (min-width: 1360px) {
    .game-list-text[data-v-9904372a] {
        font-size: 28px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 32px;
        text-transform: none
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .game-list-text[data-v-9904372a] {
        padding: 16px 16px 0
    }
}

.game-list-text__title[data-v-9904372a] {
    color: #5cd6d6;
    font-family: "Mulish", sans-serif;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 28px;
    padding-bottom: 8px;
    text-transform: none
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .game-list-text__title[data-v-9904372a] {
        font-size: 32px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 40px;
        text-transform: none
    }
}

@media screen and (min-width: 1360px) {
    .game-list-text__title[data-v-9904372a] {
        font-size: 42px;
        font-weight: 700;
        letter-spacing: normal;
        line-height: 52px;
        text-transform: none
    }
}

.game-list-text__content[data-v-9904372a] {
    color: #a7aebe;
    padding-bottom: 32px
}

.description a:not(.game-card__wrap):not(.game-pregame-games-list__btn):not(.v-button):not(.v-link):not(.nav-tabs__btn) {
    color: #48d1cc
}

.description ul li:before {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: -9px;
    position: absolute;
    top: 7px;
    width: 4px
}

.description > :last-child:not(div) {
    margin-bottom: 0
}

.promotion-text__btn.v-link[data-v-b5a6be66] {
    background: transparent;
    border: none;
    color: #48d1cc;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .32px;
    line-height: 24px;
    padding: 8px 18px;
    text-align: left;
    -webkit-text-decoration: none;
    text-decoration: none;
    text-transform: none
}

@media (hover) {
    .promotion-text__btn.v-link[data-v-b5a6be66]:hover {
        border-color: transparent;
        box-shadow: none;
        color: #81dfdc
    }
}

.promotion-text__btn.v-link[data-v-b5a6be66]:active {
    border-color: transparent;
    box-shadow: none;
    color: #2baba6
}

.promotion-text__btn.v-link[data-v-b5a6be66]:after {
    content: none
}

.promotion-text__height[data-v-b5a6be66] {
    height: auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.promotion-text__height[data-v-b5a6be66]:before {
    background: linear-gradient(180deg, rgba(42, 46, 55, 0), #2a2e37);
    bottom: 0;
    content: "";
    display: none;
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.promotion-text__container[data-v-b5a6be66] {
    margin: 0 auto;
    padding: 0 8px;
    width: 100%
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .promotion-text__container[data-v-b5a6be66] {
        padding: 0 16px
    }
}

.toggle-active[data-v-b5a6be66]:before {
    display: block
}

.promotion-text__btn[data-v-b5a6be66] {
    margin: 8px auto 0
}

.v-link {
    align-items: center;
    color: #5cd6d6;
    cursor: pointer;
    display: inline-flex;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px;
    text-align: left;
    text-transform: none
}

.v-link:active, .v-link:focus {
    color: #36a1a1
}

@media (hover) {
    .v-link:hover {
        color: #86f9f9
    }
}

.description {
    color: #a7aebe;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 20px;
    text-transform: none
}

.description p, .description ul {
    margin-bottom: 16px
}

.s-block-content h1, .s-block-content h2, .s-block-content h3 {
    color: #dddfe4;
    margin-bottom: 8px
}

.s-block-content h1, .s-block-content h2 {
    font-size: 16px;
    line-height: 24px
}

.s-block-content h1, .s-block-content h2, .s-block-content h3 {
    font-family: Arial, sans-serif;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none
}

.s-block-content h3 {
    font-size: 14px;
    line-height: 20px
}

.description a:not(.game-card__wrap):not(.game-pregame-games-list__btn):not(.v-button):not(.v-link):not(.nav-tabs__btn) {
    color: #48d1cc
}

.description ul {
    padding-left: 12px
}

.description li {
    line-height: 1.29
}

.description ul li {
    position: relative
}

.description ul li:before {
    background-color: currentColor;
    border-radius: 50%;
    content: "";
    height: 4px;
    left: -9px;
    position: absolute;
    top: 7px;
    width: 4px
}

.description strong {
    font-weight: 700
}

.description > :last-child:not(div) {
    margin-bottom: 0
}

.description--typo-inherit {
    color: inherit;
    font-size: inherit;
    line-height: inherit
}

.footer[data-v-09b4f03a] {
    background-color: #0d0f14;
    padding-bottom: 24px
}

.footer__desc[data-v-09b4f03a] {
    overflow: hidden;
    padding-top: 8px
}

.footer__copyright[data-v-09b4f03a] {
    color: #a7aebe;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 12px;
    padding: 0 8px;
    text-align: center;
    text-transform: none
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .footer__copyright[data-v-09b4f03a] {
        padding: 0 16px
    }
}

.footer__container[data-v-09b4f03a] {
    margin: 0 auto;
    width: 100%
}

.footer-trust-list__wrapper[data-v-aae35ad0] {
    padding-top: 8px
}

.footer-trust-list[data-v-aae35ad0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 8px
}

.footer-trust-list__item[data-v-aae35ad0] {
    padding: 8px;
    width: auto
}

.footer-trust-list__pic[data-v-5fee4baf] img {
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.footer-menu[data-v-0e294860] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 16px;
    padding: 0 8px;
    width: 100%
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .footer-menu[data-v-0e294860] {
        padding: 0 16px
    }
}

.footer-menu-item[data-v-21665e6f] {
    padding: 8px;
    width: auto
}

.logo[data-v-7fa62b21] {
    display: block;
    padding: 2px;
    position: relative
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .logo[data-v-7fa62b21] {
        height: 64px;
        margin: 4px 0
    }
}

.logo.logo--footer[data-v-7fa62b21] {
    height: 48px;
    margin: 0;
    max-width: 180px;
    width: 100%
}

.logo__pic[data-v-7fa62b21], .logo__pic[data-v-7fa62b21] img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.footer-info[data-v-7fa62b21], .footer-info__header[data-v-7fa62b21] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.footer-info__logo[data-v-7fa62b21] {
    margin-bottom: 24px;
    order: -2
}

.footer-info__affiliate-program[data-v-7fa62b21] {
    margin-bottom: 24px
}

.footer-social-menu[data-v-e37c4a88] {
    order: -1;
    padding: 0 8px
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .footer-social-menu[data-v-e37c4a88] {
        padding: 0 16px
    }
}

.footer-social-menu__list[data-v-e37c4a88] {
    align-items: center;
    display: flex
}

.footer-social-menu-item[data-v-4cdb9544]:not(:last-child) {
    margin-right: 24px
}

.footer-social-menu-item[data-v-4cdb9544] {
    margin-bottom: 24px
}

.footer-social-menu-item__link[data-v-4cdb9544] {
    display: block;
    height: 24px;
    width: 24px
}

.icon-footer-telegram[data-v-49a949e0] {
    background-color: #5cd6d6;
    -webkit-mask-image: url('../../img/fulltg.svg');
    mask-image: url('../../img/tg.svg');
}

.footer-affiliate-program[data-v-bef7ba9e] {
    width: 100%
}

.footer-affiliate-program__link[data-v-bef7ba9e] {
    align-items: center;
    background-color: #2a2e37;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 100%
}

.footer-affiliate-program__text[data-v-bef7ba9e] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 12px;
    position: relative
}

.footer-affiliate-program__text[data-v-bef7ba9e]:after {
    background-color: #dddfe4;
    content: "";
    height: 24px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.footer-affiliate-program__text-line[data-v-bef7ba9e] {
    color: #dddfe4;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 12px;
    text-transform: none
}

.footer-affiliate-program__img[data-v-bef7ba9e] {
    height: 32px;
    margin-left: 8px;
    width: 62px
}

.icon-help-rotate[data-v-28822988] {
     background-image: url('../../img/help-rotate.6e07d85.svg');
 }

.help-button[data-v-28822988] {
    display: none
}

@media screen and (min-width: 1024px) {
    .help-button[data-v-28822988] {
        align-items: center;
        background: #5cd6d6;
        border-radius: 4px 0 0 4px;
        box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, .24);
        color: #dddfe4;
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 128px;
        padding-bottom: 4px;
        transition: box-shadow .3s;
        width: 34px
    }
}

.help-button[data-v-28822988]:after, .help-button[data-v-28822988]:before {
    border-radius: inherit;
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (hover) {
    .help-button[data-v-28822988]:hover {
        background: #86f9f9
    }
}

.help-button[data-v-28822988]:active {
    background: #36a1a1;
    height: 128px;
    transform: translateY(1px);
    width: 35px
}

.help-button[data-v-28822988]:active:before {
    display: none
}

.help-button[data-v-28822988]:active:after {
    opacity: 1
}

.help-button__icon[data-v-28822988] {
    height: 24px;
    margin-top: 4px;
    width: 24px
}

.help-button__icon-wrap[data-v-28822988] {
    display: block;
    height: 100%;
    width: 100%
}

.help-button__text[data-v-28822988] {
    color: #0e1a1b;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .32px;
    line-height: 24px;
    text-transform: none;
    transform: rotate(180deg);
    width: -moz-min-content;
    width: min-content;
    writing-mode: vertical-lr
}

.icon-fortune-wheel {
     background-image: url('../../img/fortune-wheel.03384f3.svg')
 }

.icon-fortune-wheel-border {
    background-image: url('../../img/fortune-wheel-border.78a5a0c.svg')
}

.fortune-wheel-block {
    bottom: 42px;
    margin: 0 auto;
    max-width: 1360px;
    pointer-events: none;
    position: fixed;
    width: 100%;
    z-index: 4
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 1024px) {
    .fortune-wheel-block {
        bottom: 52px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .fortune-wheel-block {
        bottom: auto;
        height: 110px;
        overflow: hidden;
        top: 96px
    }
}

.fortune-wheel-block__body {
    align-items: stretch;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    padding: 16px 0 0 8px;
    pointer-events: all;
    position: absolute;
    right: 0;
    width: 46px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 1024px) {
    .fortune-wheel-block__body {
        padding: 16px 8px 0 0;
        right: auto
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .fortune-wheel-block__body {
        bottom: auto;
        top: 0;
        width: 50px
    }
}

.fortune-wheel-block__content {
    background-color: #74b0b4;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    padding: 1px 0 1px 1px;
    position: relative
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 1024px) {
    .fortune-wheel-block__content {
        border-radius: 0 4px 4px 0;
        padding: 1px 1px 1px 0
    }
}

.fortune-wheel-block__wrap {
    align-items: center;
    background: #33363e;
    border-radius: 3px;
    display: flex;
    height: 78px;
    padding-left: 8px
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 1024px) {
    .fortune-wheel-block__wrap {
        justify-content: flex-end;
        padding: 0 4px 4px
    }
}

.fortune-wheel-block__label {
    background: #f55d79;
    border-radius: 50%;
    color: #dddfe4;
    display: block;
    font-size: 12px;
    height: 20px;
    left: 13px;
    line-height: 14px;
    padding-top: 2px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 20px;
    z-index: 1
}

@media screen and (min-width: 480px) and (orientation: landscape) and (max-height: 420px) and (max-width: 1024px) {
    .fortune-wheel-block__label {
        left: 5px
    }
}

@media screen and (min-width: 768px) and (min-height: 420px) {
    .fortune-wheel-block__label {
        left: 18px
    }
}

.fortune-wheel-block__icons {
    position: relative
}

.fortune-wheel-block__icon {
    bottom: 0;
    height: 22px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 22px
}

.fortune-wheel-block__icon--counter {
    animation: rotate 2.7s linear 0s infinite
}

.fortune-wheel-block__icon-border {
    height: 24px;
    position: relative;
    width: 24px
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}
@keyframes spinning {
           0% {
               transform: rotate(0)
           }
           to {
               transform: rotate(2turn)
           }
       }

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2') format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2') format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2') format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.sf-hidden {
   display: none !important
}


#wp-admin-bar-aioseo-main .ab-item {
    display: flex !important;
    align-items: center;
}

#wpadminbar #wp-admin-bar-aioseo-main .aioseo-logo.svg {
    height: 21px !important;
}

.customize-support .header__wrap[data-v-43113ab5]{
    margin-top: 32px;
}

@media (max-width: 782px) {
    .customize-support .header__wrap[data-v-43113ab5] {
        margin-top: 46px;
    }
}

.s-block-content {
    height: auto;
    overflow: hidden;
    position: relative;
    max-height: 280px;
    color: #a7aebe;
}

.s-block-content.height-auto {
    max-height: none !important;
}

.s-block-content.toggle-active:before {
    display: block;
}

.s-block-content:before {
    /*display: none;*/
    /*bottom: 0;*/
    /*box-shadow: 0 0 20px 25px #0b0c10;*/
    /*content: "";*/
    /*left: 0;*/
    /*position: absolute;*/
    /*width: 100%;*/
    /*z-index: 2;*/

    background: linear-gradient(180deg, rgba(42, 46, 55, 0), #2a2e37);
    bottom: 0;
    content: "";
    display: none;
    height: 80px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
}

.s-block-content.toggle-active:before {
    display: block;
}

.description li {
    list-style: none;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    line-height: 1rem;
    font-weight: 400;
    padding-left: 0.75rem;
    position: relative;
    color: #a7aebe;
}

.description li:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #ffffff;
}

.nav_menu li {
    font-size: 18px;
    list-style: none;
    margin: 0;
}

.description p {
    margin: 10px 0;
    /*color: #999;*/
    /*line-height: 22px;*/
    text-align: justify;
}

.description h2 {
    padding: 8px;
    display: flex;
}

.nav_menu, .dropdown_nav_menu {
    margin-left: 0;
    list-style: none;
    padding: 15px;
    border: 1px solid var(--color-sidebar-line);
    box-sizing: border-box;
    white-space: normal;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 5px;
}

.nav_menu li, .dropdown_nav_menu li {
    margin-bottom: 10px;
}

.nav_menu a {
    text-decoration:none;
    font-size: 1rem;
}

table td {
    padding: 5px;
    border: 1px solid #a7aebe;
    font-size: 14px;
}

.ref_button {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
    font-size: 1.05em;
    border-radius: 20px;
    text-transform: uppercase;
    line-height: 2.5em;
    padding: 0 2em;
    padding-top: 1px;

    margin: 10px 0.3em;
    background-color: transparent;
    border: 2px solid #48d1cc;
}

.ref_button:hover {
    border-color: #86f9f9;
    color: #86f9f9;
}

aside.registration-block-footer {
    display: none;
}

@media (max-width: 1279px) {

    .header-nav {
        display: none;
    }

    .registration-block-header[data-v-678eac56] {
        display: none;
    }

    .v-button__ico-wrap--mob-icon {
        height: 24px;
        width: 24px;
    }

    .v-button__ico-wrap {
        align-items: center;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 2;
    }

    .v-button__ico {
        height: 24px;
        width: 24px;
    }

    .icon-btn-login {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOCA0QzggMy40NDc3MiA4LjQ0NzcyIDMgOSAzSDE4QzE5LjY1NjkgMyAyMSA0LjM0MzE1IDIxIDZWMThDMjEgMTkuNjU2OSAxOS42NTY5IDIxIDE4IDIxSDlDOC40NDc3MiAyMSA4IDIwLjU1MjMgOCAyMEM4IDE5LjQ0NzcgOC40NDc3MiAxOSA5IDE5SDE4QzE4LjU1MjMgMTkgMTkgMTguNTUyMyAxOSAxOFY2QzE5IDUuNDQ3NzIgMTguNTUyMyA1IDE4IDVIOUM4LjQ0NzcyIDUgOCA0LjU1MjI4IDggNFpNMTEuNzE3NCAxMUw0IDExQzMuNDQ3NzEgMTEgMyAxMS40NDc3IDMgMTJDMyAxMi41NTIzIDMuNDQ3NzEgMTMgNCAxM0wxMS44ODMgMTNMOS45Njc1NyAxNC42NDQ1QzkuNTQ4NTQgMTUuMDA0MyA5LjUwMDUgMTUuNjM1NiA5Ljg2MDI3IDE2LjA1NDZDMTAuMjIgMTYuNDczNyAxMC44NTE0IDE2LjUyMTcgMTEuMjcwNCAxNi4xNjE5TDE0LjI2NzcgMTMuNTg4NUMxNS4xOTczIDEyLjc5MDQgMTUuMTk3MyAxMS4zNTE3IDE0LjI2NzcgMTAuNTUzNkwxMS4yNzA0IDcuOTgwMkMxMC44NTE0IDcuNjIwNDMgMTAuMjIgNy42Njg0NyA5Ljg2MDI3IDguMDg3NUM5LjUwMDUgOC41MDY1MyA5LjU0ODU0IDkuMTM3ODcgOS45Njc1NyA5LjQ5NzY0TDExLjcxNzQgMTFaIiBmaWxsPSIjQTdBRUJFIi8+Cjwvc3ZnPgo=);
    }

    aside.registration-block-footer {
        display: block;
    }

    .registration-block-footer[data-v-dec97a76] {
        height: 56px;
    }

    .registration-block-footer__decor[data-v-dec97a76] {
        align-items: center;
        background-color: #33363e;
        bottom: 0;
        display: flex;
        height: 56px;
        justify-content: center;
        left: 0;
        padding: 0 8px;
        position: fixed;
        width: 100%;
        z-index: 3;
    }

    .registration-block-footer__panel[data-v-dec97a76] {
        border-radius: 20px;
        min-width: 304px;
        position: relative;
        z-index: 0;
    }

    .registration-block-footer__wrapper[data-v-dec97a76] {
        align-items: center;
        border: none;
        border-radius: inherit;
        display: flex;
        padding-left: 8px;
        position: relative;
        z-index: 0;
    }

    .registration-block-footer__wrapper[data-v-dec97a76]:before {
        background-color: #15161a;
        border-radius: inherit;
        content: "";
        height: calc(100% - 2px);
        left: 1px;
        position: absolute;
        top: 1px;
        width: calc(100% - 2px);
        z-index: -1;
    }

    .registration-block-footer__bonus-img[data-v-dec97a76] {
        height: 24px;
        width: 24px;
    }

    .registration-block-footer__bonus-text[data-v-dec97a76] {
        display: flex;
        flex-direction: column;
        font-family: Arial, sans-serif;
        font-size: 10px;
        font-weight: 400;
        letter-spacing: normal;
        line-height: 12px;
        margin-left: 4px;
        margin-right: auto;
        text-transform: none;
    }

    .registration-block-footer__bonus-headline[data-v-dec97a76], .registration-block-footer__condition[data-v-dec97a76] {
        font-family: Arial, sans-serif;
        font-weight: 400;
        letter-spacing: normal;
        text-transform: none;
    }

    .registration-block-footer__condition[data-v-dec97a76] {
        color: #a7aebe;
        font-size: 10px;
        line-height: 12px;
        width: 100%;
    }

    .registration-block-footer__bonus-headline[data-v-dec97a76] {
        color: #5cd6d6;
        font-size: 12px;
        line-height: 16px;
    }

    .registration-block-footer__bonus-img[data-v-dec97a76] {
        display: block;
    }

    .icon-register-bonus[data-v-dec97a76] {
        background-image: url('../../img/wallet.svg');
    }

}