.ssidebar {
    background: var(--primary-200);
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    left: 0;
    padding-top: 68px;
    position: fixed;
    top: 0;
    width: 64px;
    z-index: 20
}

@media screen and (max-width: 979px) {
    .ssidebar {
        display:none
    }
}

.ssidebar_games {
    background: var(--primary-bg);
    margin: 0 auto auto;
    overflow: auto
}

.ssidebar-nav {
    border-bottom: 1px solid var(--primary-200);
    color: var(--primary-300);
    display: grid;
    gap: 8px;
    padding: 12px 0;
    text-align: center
}

.ssidebar-nav h5 {
    font-size: 12px;
    font-weight: 400;
    padding: 0 10px
}

.ssidebar-nav_item {
    padding: 0 12px
}

.ssidebar-nav_item__link {
    align-items: center;
    background: var(--primary-bg);
    border-radius: 6px;
    color: var(--primary-500);
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 3px;
    transition: background .2s;
    width: 40px
}

.ssidebar-nav_item__link:hover {
    background: var(--primary-400)
}

.ssidebar-nav_item__link.router-link-active {
    background: var(--primary-100)
}

.tippy-box[data-theme~=purple] {
    background: var(--primary-400);
    color: var(--primary-800);
    font-weight: 600
}

.tippy-box[data-theme~=purple] .tippy-arrow {
    color: var(--primary-400)
}

@media screen and (max-width: 980px) {
    .rcontainer.content {
        padding-top:12px
    }
}

.rheader {
    display: none
}

@media screen and (min-width: 980px) {
    .rheader {
        display:flex
    }
}

.rheader {
    align-items: center;
    background: #fff;
    height: 68px;
    margin-bottom: 20px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20
}

@media screen and (min-width: 1401px) {
    .rheader .mshow {
        display:none!important
    }
}

@media screen and (max-width: 1400px) {
    .rheader .mhide {
        display:none!important
    }
}

.rheader__wrapper {
    display: flex;
    height: 100%;
    width: 100%;
    z-index: 1
}

.rheader__pre-dd {
    margin-left: 12px;
    position: relative
}

.rheader__dd {
    background: var(--primary-bg);
    border-radius: 6px;
    bottom: -20px;
    box-shadow: 0 -4px 8px #574d811a;
    display: grid;
    gap: 4px;
    padding: 4px;
    position: absolute;
    right: 0;
    transform: translateY(100%)
}

.rheader__dd>* {
    margin-left: 0!important
}

.rheader__container {
    align-items: center;
    display: flex;
    margin: auto;
    max-width: 1280px;
    padding: 0 18px;
    width: 100%;
    z-index: 2
}

@media screen and (max-width: 1900px) {
    .rheader__container {
        max-width:none;
        width: 100%
    }
}

.rheader .v-logo__circle {
    height: 42px!important;
    width: 42px!important
}

.rheader .v-logo__host {
    font-size: 22px!important;
    letter-spacing: -.01em
}

.rheader .v-logo__container {
    left: 0;
    position: relative!important;
    top: 0!important;
    transform: unset!important
}

.rheader .rcontainer {
    padding-left: 52px
}

.rheader__logotype {
    display: flex;
    flex-shrink: 0;
    height: 40px!important;
    position: relative;
    width: 40px!important;
    z-index: 2
}

.rheader__logotype span:not(.v-logo__shadow) {
    height: 40px!important;
    position: unset!important;
    transform: none!important;
    width: 40px!important
}

.rheader__logotype span:not(.v-logo__shadow) .v-logo {
    width: 100%!important
}

.rheader__logotype span:not(.v-logo__shadow) .v-logo__circle {
    margin-right: 0!important
}

@media screen and (min-width: 980px) {
    .rheader__logotype {
        display:none
    }
}

@media screen and (max-width: 980px) {
    .rheader {
        height:70px;
        margin-bottom: 10px
    }

    .rheader .logotype {
        display: none
    }
}

.rheader__logo {
    margin: 0!important
}

@media screen and (max-width: 980px) {
    .rheader__logo {
        left:5px;
        transform: translateY(-50%) scale(.8);
        transform-origin: left center
    }
}

.rheader__menu {
    align-items: center;
    background: transparent;
    display: flex;
    justify-content: center;
    margin: 0 14px;
    padding-right: 13px
}

@media screen and (min-width: 980px) {
    .rheader__menu {
        align-items:center;
        background: transparent;
        border-radius: 6px;
        color: var(--primary-300);
        display: flex;
        flex-shrink: 0;
        height: 32px;
        justify-content: center;
        padding: 0;
        width: 32px
    }
}

.rheader .rcontainer {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    width: 100%
}

.rheader__left {
    align-items: center;
    display: inline-flex;
    flex: 1;
    max-width: 310px;
    min-width: 310px;
    z-index: 2
}

@media screen and (min-width: 1901px) {
    .rheader__left {
        bottom:0;
        left: 0;
        position: absolute;
        top: 0
    }
}

.rheader__links {
    display: flex
}

@media screen and (max-width: 1270px) {
    .rheader__links {
        display:none
    }
}

.rheader__link {
    align-items: center;
    background: transparent;
    border-radius: 6px;
    color: #b6b0d7;
    display: flex;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 19px;
    padding: 11px 17px;
    position: relative;
    transition: all .2s
}

.rheader__link svg {
    margin-right: 10px
}

.rheader__link .coin {
    height: 20px;
    margin-left: 5px;
    width: 20px
}

.rheader__link+.rheader__link {
    margin-left: 12px
}

.rheader__link--active {
    background: var(--primary-100)
}

.rheader__link--active,.rheader__link:hover {
    color: var(--primary-800)
}

.rheader__link.disabled {
    color: #b6b0d7;
    cursor: no-drop
}

.rheader__userinfo {
    align-items: flex-start;
    background: transparent;
    display: flex;
    flex-direction: column;
    margin-left: 12px
}

@media screen and (max-width: 980px) {
    .rheader__userinfo {
        display:none
    }
}

.rheader__userinfo-hello {
    color: #a3afc9;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px
}

.rheader__userinfo-name {
    color: #3a3e46;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rheader__avatar {
    align-items: center;
    background: linear-gradient(90deg,#ffc658 -18.18%,#f4a100 49.18%,#ffc658 120%);
    border-radius: 6px;
    color: #2c3034;
    display: flex;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 700;
    height: 42px;
    justify-content: center;
    line-height: 24px;
    margin-left: 20px;
    text-transform: uppercase;
    width: 42px
}

@media screen and (max-width: 980px) {
    .rheader__avatar {
        border-radius:4px;
        height: 40px;
        width: 40px
    }
}

.rheader__avatar img {
    height: 100%;
    width: 100%
}

@media screen and (max-width: 980px) {
    .rheader__avatar {
        display:none;
        margin-left: 6px
    }
}

.rheader__withdraw {
    background: #faf9ff;
    border-radius: 6px;
    color: #b4aed4;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
    height: 42px;
    line-height: 17px;
    margin-left: 10px;
    text-align: center;
    width: 100px
}

@media screen and (max-width: 980px) {
    .rheader__withdraw {
        margin-left:4px;
        margin-right: auto
    }
}

.rheader__deposit {
    background: linear-gradient(90deg,#f4a202,#fac257);
    border-radius: 6px;
    color: #2c3034;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
    height: 42px;
    line-height: 17px;
    margin-left: 12px;
    text-align: center;
    width: 133px
}

.rheader__deposit.auth {
    margin-left: auto
}

@media screen and (max-width: 980px) {
    .rheader__deposit {
        margin-left:10px
    }
}

.rheader__deposit,.rheader__withdraw {
    align-items: center;
    display: flex;
    justify-content: center
}

.rheader__deposit .text,.rheader__withdraw .text {
    display: inline
}

.rheader__deposit .sym,.rheader__withdraw .sym {
    display: none
}

.rheader__deposit:disabled,.rheader__withdraw:disabled {
    cursor: no-drop;
    opacity: .5!important
}

@media screen and (max-width: 980px) {
    .rheader__deposit .text,.rheader__withdraw .text {
        display:none
    }

    .rheader__deposit .sym,.rheader__withdraw .sym {
        display: flex
    }

    .rheader__deposit:not(.auth),.rheader__withdraw:not(.auth) {
        border-radius: 4px;
        height: 40px;
        width: 40px
    }
}

.rheader__balance {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-left: auto;
    white-space: nowrap
}

.rheader__balance-title {
    align-items: center;
    color: #b8b3d1;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    margin-bottom: 2px
}

.rheader__balance-title svg {
    margin-left: 6px
}

@media screen and (max-width: 980px) {
    .rheader__balance-title {
        align-items:flex-end;
        font-size: 12px;
        font-weight: 600;
        line-height: 15px
    }

    .rheader__balance-title svg {
        height: 18px;
        margin-left: 4px;
        width: 18px
    }
}

.rheader__balance-amount {
    align-items: center;
    color: #312c48;
    display: flex;
    font-size: 18px;
    font-weight: 700;
    justify-content: center;
    line-height: 22px
}

.rheader__balance-amount img {
    height: 17px;
    margin-left: 6px;
    width: 17px
}

@media screen and (max-width: 980px) {
    .rheader__balance-amount {
        font-size:18px;
        font-weight: 700;
        line-height: 17px
    }

    .rheader__balance-amount img {
        height: 14px;
        margin-left: 4px;
        width: 14px
    }
}

.header-mobile__center-payment.disabled,.header-mobile__center-withdraw.disabled {
    cursor: no-drop;
    opacity: .5!important
}

.v-footer {
    background: #e8e5f8;
    margin-top: 40px;
    padding: 0;
    transition: padding .2s;
    width: 100%
}

@media screen and (min-width: 1350px) and (max-width:1900px) {
    .v-footer {
        padding-left:64px
    }

    .v-footer.withAside {
        padding-left: 290px
    }
}

@media screen and (max-width: 1349px) {
    .v-footer {
        padding-left:0!important;
        padding-right: 0!important
    }
}

.v-footer_wrap {
    padding: 29.5px 0
}

.v-footer__menu {
    margin-bottom: 32px!important
}

.v-footer__methods {
    background: #f4f2ff;
    padding: 20px 0!important;
    position: relative;
    z-index: 1
}

.v-footer__methods:after {
    background: inherit;
    content: "";
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 300%;
    z-index: -1
}

.v-footer__methods-item {
    height: 32px
}

.v-footer__methods-item.square {
    width: 32px
}

.v-footer__methods-grid {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    justify-content: center;
    padding: 0;
    row-gap: 24px
}

@media screen and (min-width: 360px) {
    .v-footer__methods-grid {
        gap:6px
    }
}

@media screen and (min-width: 768px) {
    .v-footer__methods-grid {
        gap:32px;
        row-gap: 16px
    }
}

@media screen and (min-width: 1024px) {
    .v-footer__methods-grid {
        gap:20px
    }
}

@media screen and (min-width: 1440px) {
    .v-footer__methods-grid {
        gap:32px
    }
}

.v-footer__bottom {
    display: flex;
    flex-direction: column;
    padding-top: 32px!important
}

.v-footer__bottom-row {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 32px;
    margin: 0 auto 16px;
    padding: 0
}

.v-footer__bottom-row-logo {
    margin-top: 0
}

.v-footer__bottom-row-logo .v-logo__circle {
    box-shadow: 0 5.12px 14.08px #7653ff4d
}

.v-footer__bottom-row-logo .v-logo__domain {
    box-shadow: 0 5.12px 14.08px #dc960e4d
}

@media screen and (max-width: 1280px) {
    .v-footer__bottom-row-logo .v-logo__circle {
        border-radius:4.26667px;
        font-size: 16px;
        height: 32px;
        line-height: 1;
        width: 32px
    }

    .v-footer__bottom-row-logo .v-logo__host {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: -.01em;
        line-height: 19px
    }

    .v-footer__bottom-row-logo .v-logo__domain {
        font-size: 9.6px;
        font-weight: 700;
        line-height: 12px
    }
}

.v-footer__bottom-row-curacao {
    aspect-ratio: 150/50;
    height: 39px;
    width: auto
}

@media screen and (max-width: 1280px) {
    .v-footer__bottom-row-curacao {
        height:32px
    }
}

.v-footer__bottom-row-curacao.link img {
    height: 100%;
    width: 100%
}

.v-footer__bottom-row-curacao.iframe {
    height: 50px!important
}

@media screen and (max-width: 1280px) {
    .v-footer__bottom-row-curacao.iframe {
        transform:scale(.64)
    }
}

.v-footer__bottom-desc {
    font-size: 12px;
    line-height: 150%;
    margin: 0 auto 16px;
    max-width: 100%;
    width: 724px
}

.v-footer__bottom-desc,.v-footer__bottom-trix {
    color: var(--primary-800);
    font-weight: 500;
    text-align: center
}

.v-footer__bottom-trix {
    font-size: 14px;
    line-height: 17px
}

.v-footer__grid {
    align-items: flex-start;
    -moz-column-gap: 22px;
    column-gap: 22px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 32px
}

.v-footer__grid-socials {
    display: flex
}

.v-footer__grid-social {
    align-items: center;
    background: radial-gradient(73.33% 73.33% at 50% 50%,#9db1ff 0,#6d3eff 100%);
    border-radius: 6px;
    display: flex;
    height: 40px;
    justify-content: center;
    width: 40px
}

.v-footer__grid-social+.v-footer__grid-social {
    margin-left: 12px
}

@media screen and (min-width: 360px) {
    .v-footer__grid {
        -moz-column-gap:6px;
        column-gap: 6px
    }
}

@media screen and (min-width: 768px) {
    .v-footer__grid {
        -moz-column-gap:32px;
        column-gap: 32px
    }
}

@media screen and (min-width: 1024px) {
    .v-footer__grid {
        -moz-column-gap:20px;
        column-gap: 20px;
        row-gap: 16px
    }
}

@media screen and (min-width: 1440px) {
    .v-footer__grid {
        -moz-column-gap:32px;
        column-gap: 32px
    }
}

.v-footer__grid-lang {
    flex: 1;
    min-width: 140px
}

.v-footer__grid-item {
    display: flex;
    flex-direction: column;
    width: 48%
}

@media screen and (min-width: 768px) {
    .v-footer__grid-item {
        width:30%
    }
}

@media screen and (min-width: 1024px) {
    .v-footer__grid-item {
        width:auto
    }
}

.v-footer__grid-item:first-child {
    order: 1
}

@media screen and (min-width: 1280px) {
    .v-footer__grid-item:first-child {
        order:1
    }
}

.v-footer__grid-item:nth-child(2) {
    order: 2
}

@media screen and (min-width: 1280px) {
    .v-footer__grid-item:nth-child(2) {
        order:2
    }
}

.v-footer__grid-item:nth-child(3) {
    order: 3
}

@media screen and (min-width: 768px) {
    .v-footer__grid-item:nth-child(3) {
        order:5
    }
}

@media screen and (min-width: 1280px) {
    .v-footer__grid-item:nth-child(3) {
        order:3
    }
}

.v-footer__grid-item:nth-child(4) {
    order: 4
}

@media screen and (min-width: 1280px) {
    .v-footer__grid-item:nth-child(4) {
        order:4
    }
}

.v-footer__grid-item:nth-child(5) {
    order: 5
}

@media screen and (min-width: 768px) {
    .v-footer__grid-item:nth-child(5) {
        order:3
    }
}

@media screen and (min-width: 1280px) {
    .v-footer__grid-item:nth-child(5) {
        order:5
    }
}

.v-footer__grid-item:nth-child(6) {
    order: 6
}

@media screen and (min-width: 1280px) {
    .v-footer__grid-item:nth-child(6) {
        order:6
    }
}

.v-footer__grid-item-title {
    font-weight: 700;
    margin-bottom: 16px;
    text-transform: uppercase
}

.v-footer__grid-item-link,.v-footer__grid-item-title {
    color: var(--primary-800);
    font-size: 14px;
    line-height: 17px
}

.v-footer__grid-item-link {
    font-weight: 500;
    transition: color .2s
}

.v-footer__grid-item-link+.v-footer__grid-item-link {
    margin-top: 12px
}

.v-footer__grid-item-link:hover {
    color: var(--primary-600)
}

.theme__dark .v-footer {
    background: #2d323e
}

.theme__dark .v-footer__methods {
    background: #262a34
}

.app_main {
    padding: 0;
    transition: padding .2s;
    width: 100%
}

@media screen and (min-width: 1350px) and (max-width:1900px) {
    .app_main {
        padding-left:64px
    }

    .app_main.withAside {
        padding-left: 290px
    }
}

@media screen and (max-width: 1349px) {
    .app_main {
        padding-left:0!important;
        padding-right: 0!important
    }
}

.redesign .app {
    min-height: 100vh;
    padding: 0!important
}

.redesign .app>.row {
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.redesign,.redesign body {
    background-color: var(--primary-1);
}

.rcontainer {
    margin: 0 auto;
    max-width: 1280px;
    padding: 0 18px;
    width: 100%!important
}

@media screen and (max-width: 980px) {
    .rcontainer {
        max-width:1280px;
        padding: 0 12px
    }
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .2s ease
}

.fade-enter-from,.fade-leave-to {
    opacity: 0
}

.header-row .content .gifts:after {
    background: linear-gradient(90deg,#76ac41 3.33%,#97d25b)!important
}

.header {
    position: relative
}

.icon-flex {
    align-items: center;
    display: inline-flex!important;
    justify-content: center
}

.overflow-hidden {
    overflow: hidden
}

.link-yellow {
    align-items: center;
    display: flex!important
}

.link-yellow:hover {
    color: #f3be00!important
}

.link-yellow img {
    height: 20px;
    margin-left: 5px;
    width: 20px
}

body #root .app .row .content.new {
    margin: 0 auto;
    max-width: 1280px!important;
    width: 100%!important
}

@keyframes sidebar-in {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@media screen and (min-width: 1350px) {
    .sidebar-leave-active {
        animation:sidebar-in .5s
    }

    .sidebar-enter-active {
        animation: sidebar-in .5s reverse
    }
}