@charset "UTF-8";.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    background-color: #333;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    position: relative;
    transition-property: transform,visibility,opacity;
    white-space: normal
}

.tippy-box[data-placement^=top]>.tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
    border-top-color: initial;
    border-width: 8px 8px 0;
    bottom: -7px;
    left: 0;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: initial;
    border-width: 0 8px 8px;
    left: 0;
    top: -7px;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
    border-left-color: initial;
    border-width: 8px 0 8px 8px;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
    border-right-color: initial;
    border-width: 8px 8px 8px 0;
    left: -7px;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54,1.5,.38,1.11)
}

.tippy-arrow {
    color: #333;
    height: 16px;
    width: 16px
}

.tippy-arrow:before {
    border-color: transparent;
    border-style: solid;
    content: "";
    position: absolute
}

.tippy-content {
    padding: 5px 9px;
    position: relative;
    z-index: 1
}

.Pagination {
    flex-flow: row;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.Pagination {
    align-items: center;
    display: flex
}

.Control {
    fill: #bbb;
    display: block;
    height: 18px;
    margin: 0 2px;
    position: relative;
    width: 18px
}

.Control-active {
    fill: #333;
    cursor: pointer;
    transition: fill .2s ease-in-out
}

.Control-active:hover {
    fill: #000;
    transition: fill .2s ease-in-out
}

.Page {
    align-items: center;
    background-color: transparent;
    border-color: transparent;
    border-radius: 3px;
    box-sizing: border-box;
    color: #666;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 22px;
    justify-content: center;
    margin: 0 2px;
    outline: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 22px
}

.Page-active,.Page:hover {
    border: 1px solid #dedede
}

.Page-active {
    color: #333
}

/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */
.vfm__container {
    align-items: center;
    display: flex;
    justify-content: center;
    overflow: auto;
    padding: 5px
}

.vfm__content {
    max-height: calc(100% - 10px)!important;
    max-width: 100%
}

@media screen and (max-width: 980px) {
    .vfm__container {
        align-items:flex-start!important
    }
}

.vfm__overlay {
    background-color: #0009!important
}

.vfm-enter-active,.vfm-leave-active {
    transition: opacity .6s!important
}

.vfm-leave-to {
    opacity: 0
}

@media (max-width: 550px) {
    #signinModal .box-modal_close {
        top:25px!important
    }
}

.box-modal {
    border-radius: 6px!important;
    height: auto!important;
    max-width: 100%
}

#app,#app>div,body,main {
    height: 100%
}

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

body {
    overflow-x: hidden
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.circle .message {
    z-index: 20
}

.pointer-events-none {
    pointer-events: none
}

.pointer-events-none-opacity {
    opacity: .7;
    pointer-events: none
}

.header-row .sidebar {
    margin: 0
}

@media (max-width: 1000px) {
    .header-row .sidebar .logotype {
        margin:auto!important
    }

    .header-row .sidebar .v-logo__container {
        margin-top: 10px!important
    }
}

@media screen and (max-width: 850px) {
    #wheelModal {
        height:auto!important;
        max-width: 100%;
        padding-bottom: 300px!important;
        padding-left: 40px!important
    }

    #wheelModal .wheel_container {
        padding-left: 0!important
    }

    #wheelModal .wheel-container {
        bottom: -47%!important;
        left: 50%!important;
        top: unset!important;
        transform: translate(-50%) rotate(-90deg)
    }

    body {
        padding-right: 0!important
    }
}

#wheelModal .box-modal_close {
    display: none
}

@media screen and (max-width: 850px) {
    #wheelModal .wheel_header {
        position:relative
    }

    #wheelModal .box-modal_close {
        bottom: -40px!important;
        display: block;
        right: 0!important;
        top: unset!important
    }
}

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

.mr5 {
    margin-right: 5px
}

.vue-skeletor {
    background-color: #f0eefc!important;
    overflow: hidden;
    position: relative
}

.vue-skeletor:not(.vue-skeletor--shimmerless):after {
    animation: shimmer 1.5s infinite;
    background-image: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.6),rgba(37,22,22,0));
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-100%);
    width: 100%
}

.vue-skeletor--rect {
    display: block
}

@keyframes shimmer {
    to {
        transform: translate(100%)
    }
}

.capitalize {
    text-transform: capitalize
}

.uppercase {
    text-transform: uppercase!important
}

.whitespace-nowrap {
    white-space: nowrap!important
}

button {
    cursor: pointer
}

.Vue-Toastification__container {
    z-index: 99999!important
}

.Vue-Toastification__toast {
    align-items: center!important;
    min-height: 30px!important;
    padding: 10px 12px!important
}

.Vue-Toastification__close-button {
    line-height: 1!important
}

.heading-1 {
    color: #262a31;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 21px;
    padding-bottom: 14px;
    position: relative
}

.heading-1:after {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 11px;
    bottom: 3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 25px
}

.big-repost-card .info .condition span.circle {
    flex-shrink: 0
}

@media screen and (max-width: 960px) {
    .refs-flex {
        flex-direction:column
    }

    .refs-content {
        padding-bottom: 0!important;
        width: 100%!important
    }
}

.tour {
    background: #fff;
    border-radius: 12px;
    padding: 30px
}

.tour__left-row--active {
    border: 1px solid #76ac41
}

.scroll-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scroll-hidden::-webkit-scrollbar {
    display: none
}

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

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

.redesign #root .app .row {
    padding: 0
}

body {
    padding-bottom: 64px;
    padding-top: 54px
}

@media screen and (min-width: 980px) {
    body {
        padding-bottom:0;
        padding-top: 80px;
    }
}

::-webkit-scrollbar {
    background-color: var(--primary-100);
    border-radius: 5px;
    height: 4px;
    width: 4px
}

::-webkit-scrollbar-thumb {
    background-color: var(--primary-300);
    border-radius: 5px;
    outline: none
}

.splide__slide img {
    height: 100%;
    -o-object-fit: fill;
    object-fit: fill;
    width: 100%
}

@media (max-width: 980px) {
    .vfm {
        height:calc(100% - 64px)!important
    }

    .circle .message {
        transform: translate(45%)!important
    }
}

@media (max-width: 480px) {
    .circle .message {
        transform:translate(20%)!important
    }
}

:root {
    --color-nav: #b6b0d7;
    --color-dark: #9893b6;
    --font-family: "Gilroy",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    --fz-default: 1.6rem;
    --fw-light: 300;
    --fw-normal: 400;
    --fw-semibold: 500;
    --fw-bold: 700;
    --fw-base: var(--fw-normal);
    --transition-fast: .2s;
    --transition-slow: .4s;
    --b-radius: 6px;
    --b-radius-sm: 4px;
    --gradient-primary: radial-gradient(73.33% 73.33% at 50% 50%,#9db1ff 0%,#6d3eff 100%,#6d3eff 0);
    --gradient-yellow: linear-gradient(90deg,#f4a202,#fac257);
    --gradient-purple: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    --gradient-orange: linear-gradient(90deg,#ffc658 -18.18%,#f4a100 49.18%,#ffc658 120%);
    --gradient-vk: linear-gradient(90deg,#647ae8,#54a3f5 104.25%);
    --container: 128rem;
    --offset: 2rem
}

@media screen and (max-width: 979px) {
    :root {
        --offset:1.2rem
    }
}

html.dark {
    --primary-bg: #282d38;
    --primary-1: #262a34;
    --primary-100: #303541;
    --primary-200: #1e232f;
    --primary-300: #78819d;
    --primary-400: #383e4b;
    --primary-800: #f2f0ff;
    --color-nav: var(--primary-300)
}

:root {
    --bg_primary__100: #fff;
    --bg_primary__200: #fff;
    --bg_secondary__100: #f2f0ff;
    --bg_secondary__200: #f2f0ff;
    --bg_secondary__300: #f2f0ff;
    --bg_secondary__400: #f2f0ff;
    --bg_main__100: #f7f5fe;
    --bg_main__200: #f7f5fe;
    --bg_main__300: #f7f5fe;
    --bg_light_hover__100: #e8e5ff;
    --bg_light_hover__200: #e8e5ff;
    --bg_light__100: #e7e2f9;
    --color_secondary__100: #b6b0d7;
    --color_link_hover__100: #bab1ed;
    --color_link__100: #7f6fc9;
    --color_primary__100: #413b63;
    --color_main__100: #2c3034
}

html.theme__dark {
    --bg_primary__100: #303541;
    --bg_primary__200: #282d38;
    --bg_secondary__100: #434959;
    --bg_secondary__200: #3a3f4e;
    --bg_secondary__300: #282d38;
    --bg_secondary__400: #1e232f;
    --bg_main__100: #3a3f4e;
    --bg_main__200: #303541;
    --bg_main__300: #262a34;
    --bg_light_hover__100: #434959;
    --bg_light_hover__200: #3a3f4e;
    --bg_light__100: #434959;
    --color_secondary__100: #78819d;
    --color_link_hover__100: #bab1ed;
    --color_link__100: #7f6fc9;
    --color_primary__100: #f2f0ff;
    --color_main__100: #f2f0ff
}

/*!* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css*/
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

#root,#root>.app {
    overflow-x: hidden
}

.animate__animated {
    animation-delay: var(--animate-delay,0);
    animation-duration: 1s;
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media (prefers-reduced-motion:reduce),print {
    .animate__animated {
        animation-duration: 1ms!important;
        animation-iteration-count: 1!important;
        transition-duration: 1ms!important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@keyframes bounce {
    0%,20%,53%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0) scaleY(1.05)
    }

    80% {
        transform: translateZ(0) scaleY(.95);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    90% {
        transform: translate3d(0,-4px,0) scaleY(1.02)
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.45,1.45,1.45)
    }

    to {
        transform: scaleX(1)
    }
}

.animate__pulse {
    animation-name: pulse;
    animation-timing-function: ease-in-out
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes shakeX {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

@keyframes shakeY {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(0,-10px,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(0,10px,0)
    }
}

@keyframes headShake {
    0% {
        transform: translate(0)
    }

    6.5% {
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translate(2px) rotateY(3deg)
    }

    50% {
        transform: translate(0)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

@keyframes backInDown {
    0% {
        opacity: .7;
        transform: translateY(-1200px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

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

@keyframes backInLeft {
    0% {
        opacity: .7;
        transform: translate(-2000px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translate(0) scale(.7)
    }

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

@keyframes backInRight {
    0% {
        opacity: .7;
        transform: translate(2000px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translate(0) scale(.7)
    }

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

@keyframes backInUp {
    0% {
        opacity: .7;
        transform: translateY(1200px) scale(.7)
    }

    80% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

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

@keyframes backOutDown {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateY(700px) scale(.7)
    }
}

@keyframes backOutLeft {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translate(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translate(-2000px) scale(.7)
    }
}

@keyframes backOutRight {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translate(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translate(2000px) scale(.7)
    }
}

@keyframes backOutUp {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    20% {
        opacity: .7;
        transform: translateY(0) scale(.7)
    }

    to {
        opacity: .7;
        transform: translateY(-700px) scale(.7)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

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

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    animation-name: fadeIn
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

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

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

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

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

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

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

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

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

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

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

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

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,-100%,0)
    }

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

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,-100%,0)
    }

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

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,100%,0)
    }

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

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,100%,0)
    }

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,-100%,0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%,-100%,0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(100%,100%,0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,100%,0)
    }
}

@keyframes flip {
    0% {
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0)
    }

    to {
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0)
    }
}

@keyframes flipInX {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes lightSpeedInRight {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0) skew(-30deg)
    }

    60% {
        opacity: 1;
        transform: skew(20deg)
    }

    80% {
        transform: skew(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) skew(30deg)
    }

    60% {
        opacity: 1;
        transform: skew(-20deg)
    }

    80% {
        transform: skew(5deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) skew(30deg)
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-100%,0,0) skew(-30deg)
    }
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(-200deg)
    }

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

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        transform: rotate(-45deg)
    }

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

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(45deg)
    }

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

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        transform: rotate(-90deg)
    }

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

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(200deg)
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(45deg)
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(-45deg)
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: rotate(90deg)
    }
}

@keyframes hinge {
    0% {
        animation-timing-function: ease-in-out
    }

    20%,60% {
        animation-timing-function: ease-in-out;
        transform: rotate(80deg)
    }

    40%,80% {
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg)
    }

    to {
        opacity: 0;
        transform: translate3d(0,700px,0)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

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

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomInDown {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

@keyframes zoomInLeft {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

@keyframes zoomInRight {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

@keyframes zoomInUp {
    0% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOutDown {
    40% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0)
    }
}

@keyframes zoomOutUp {
    40% {
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

@media (max-width: 1000px) {
    body #root .app {
        padding:0 5px
    }
}

body #root .app .header .header-row .content .right {
    min-width: 650px
}

body #root .app .header .header-row .content .right .profile button.payment .text {
    display: block
}

body #root .app .header .header-row .content .right .profile button.payment .symbol {
    display: none
}

@media (max-width: 550px) {
    body #root .app .header .header-row .content .right .profile button.payment {
        font-size:30px;
        width: 45px
    }

    body #root .app .header .header-row .content .right .profile button.payment .text {
        display: none
    }

    body #root .app .header .header-row .content .right .profile button.payment .symbol {
        display: block
    }
}

body #root .app .header .header-row .content .right .profile button.withdraw .text {
    display: block
}

body #root .app .header .header-row .content .right .profile button.withdraw .symbol {
    display: none
}

@media (max-width: 550px) {
    body #root .app .header .header-row .content .right .profile button.withdraw {
        font-size:30px;
        width: 45px
    }

    body #root .app .header .header-row .content .right .profile button.withdraw .text {
        display: none
    }

    body #root .app .header .header-row .content .right .profile button.withdraw .symbol {
        display: block
    }
}

body #root .app .header .header-row .content.noauth .right {
    width: 280px
}

body #root .app .header .header-row .sidebar .logotype {
    margin-top: 0
}

@media (max-width: 1520px) {
    body #root .app .header .header-row .content {
        width:calc(100% - 195px)
    }

    body #root .app .header .header-row .sidebar {
        align-items: center;
        display: flex;
        width: 150px
    }
}

@media (max-width: 900px) {
    body #root .app .row .content .history .table .head span {
        width:calc(20% - 10px)
    }

    body #root .app .row .content .history .table .head span:first-child {
        width: 50px
    }

    body #root .app .row .content .history .table .games .game span {
        width: calc(20% - 10px)
    }

    body #root .app .row .content .history .table .games .game span:first-child {
        width: 50px
    }

    body #root .app .row .content .history .table .games .game span img {
        height: 15px;
        width: 15px
    }
}

body #root .app .row .content .games .flex .game {
    border-radius: 16px;
    margin-right: 40px;
    min-width: 260px;
    width: 25%
}

@media (max-width: 1550px) {
    body #root .app .row .content .games .flex .game {
        margin-right:10px;
        padding: 25px
    }
}

@media (max-width: 1450px) {
    body #root .app .row .content .games .flex .game {
        margin-bottom:20px;
        margin-right: 5px;
        width: calc(50% - 10px)
    }

    body #root .app .row .content .games .flex .game:nth-child(2n) {
        margin-left: 5px
    }
}

@media (max-width: 650px) {
    body #root .app .row .content .games .flex .game {
        margin-right:0;
        width: 100%
    }

    body #root .app .row .content .games .flex .game:nth-child(2n) {
        margin-left: 0
    }
}

body #root .app .row .content .games .flex .game:after,body #root .app .row .content .games .flex .game:before {
    background-image: url(../images/games/lines.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 81px;
    position: absolute;
    width: 101px;
    z-index: -1
}

body #root .app .row .content .new-games .flex {
    display: flex;
    flex-wrap: wrap
}

body #root .app .row .content .new-games .flex .game {
    border-radius: 16px
}

@media (min-width: 1581px) {
    body #root .app .row .content .new-games .flex .game {
        width:calc(25% - 30px)
    }

    body #root .app .row .content .new-games .flex .game:nth-child(4n) {
        margin-right: 0
    }
}

@media (min-width: 1241px) and (max-width:1580px) {
    body #root .app .row .content .new-games .flex .game {
        width:calc(33.33333% - 30px)
    }

    body #root .app .row .content .new-games .flex .game:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width: 1240px) {
    body #root .app .row .content .new-games .flex .game {
        width:calc(50% - 30px)
    }

    body #root .app .row .content .new-games .flex .game:nth-child(2n) {
        margin-right: 0
    }
}

@media (max-width: 630px) {
    body #root .app .row .content .new-games .flex .game {
        margin-right:0;
        width: 100%
    }
}

body #root .app .row .content .new-games .flex .game .name {
    margin-bottom: 25px;
    margin-top: 35px
}

body #root .app .row .content .new-games .flex .game img {
    height: 90px;
    width: 90px
}

body #root .app .row .content .redesign-bonus-page {
    background-color: #fff;
    padding: 30px
}

body #root .app .row .content .redesign-bonus-page .alert {
    margin-bottom: 20px
}

body #root .app .row .content .redesign-bonus-page .levels {
    margin-bottom: 25px
}

@media (max-width: 1550px) {
    body #root .app .row .content .redesign-bonus-page .levels .level {
        margin-bottom:15px;
        width: calc(50% - 10px)
    }

    body #root .app .row .content .redesign-bonus-page .levels .level:last-child {
        width: 100%
    }
}

body #root .app .row .content .redesign-bonus-page .levels .level .head .badge {
    height: 85px;
    width: 85px
}

body #root .app .row .content .redesign-bonus-page .levels .level .head .name {
    width: calc(100% - 100px)
}

body #root .app .row .content .redesign-bonus-page .actions-cards {
    margin-bottom: 25px
}

@media (max-width: 1300px) {
    body #root .app .row .content .redesign-bonus-page .actions-cards .action {
        margin-bottom:15px;
        width: calc(50% - 10px)
    }

    body #root .app .row .content .redesign-bonus-page .actions-cards .action:last-child {
        width: 100%
    }
}

body #root .app .row .content .redesign-bonus-page .big-repost-card {
    margin-bottom: 25px
}

body #root .app .row .content .redesign-bonus-page .actions .action .badge {
    height: 85px;
    width: 85px
}

body #root .app .row .content .redesign-bonus-page .actions .action .info {
    width: calc(100% - 100px)
}

body #root .app .row .content .redesign-bonus-page .tasks {
    margin-bottom: 25px
}

body #root .app .row .content .bubbles-game .bubbles {
    margin-bottom: 40px
}

body #root .app .row .content .newdice-game .newdice {
    margin-bottom: 40px
}

body #root .app .row .content .newdice-game .newdice .group-flex .tabs span {
    color: #cfcbea;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    padding: 20px;
    text-align: center;
    width: 33.33333%
}

body #root .app .row .content .newdice-game .newdice .group-flex .tabs span.active {
    background: #4471ff;
    border-radius: 5px;
    color: #fff
}

body #root .app .row .content .newdice-game .newdice .group-flex .tabs span:hover {
    opacity: .7
}

body #root .app .row .content .newdice-game .newdice .flex .wide {
    width: 33.33333%
}

@media (max-width: 980px) {
    body #root .app .row {
        display:block
    }

    body #root .app .row .sidebar {
        margin-bottom: 40px;
        margin-right: 0;
        width: 100%
    }

    body #root .app .row .content {
        width: 100%
    }
}

body .box-modal .title:after {
    width: 30%
}

body .box-modal .bonusChoiceModal .cards .card:first-child {
    background-image: url(../images/newdice/d1b657ae7238cf65bb939a8ed67d393f.png);
    background-position: top;
    background-repeat: no-repeat
}

body .box-modal .bonusChoiceModal .cards .card:last-child {
    background-image: url(../images/newdice/pngtree-flat-style-flame-illustration-png-picture-image_1442494.jpg);
    background-position: top;
    background-repeat: no-repeat
}

body .box-modal#crazytimeModal .preview {
    background-image: url(../images/crazytime/crazytime-preview.png)
}

@keyframes noty_modal_in {
    to {
        opacity: .3
    }
}

@keyframes noty_modal_out {
    to {
        opacity: 0
    }
}

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

@keyframes noty_anim_out {
    to {
        opacity: 0;
        transform: translate(50%)
    }
}

@keyframes noty_anim_height {
    to {
        height: 0
    }
}

.Vue-Toastification__container {
    box-sizing: border-box;
    color: #fff;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 4px;
    pointer-events: none;
    position: fixed;
    width: 600px;
    z-index: 9999
}

@media only screen and (min-width: 600px) {
    .Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right {
        top:1em
    }

    .Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right {
        bottom: 1em;
        flex-direction: column-reverse
    }

    .Vue-Toastification__container.bottom-left,.Vue-Toastification__container.top-left {
        left: 1em
    }

    .Vue-Toastification__container.bottom-left .Vue-Toastification__toast,.Vue-Toastification__container.top-left .Vue-Toastification__toast {
        margin-right: auto
    }

    @supports not (-moz-appearance: none) {
        .Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl {
            margin-left:auto;
            margin-right: unset
        }
    }

    .Vue-Toastification__container.bottom-right,.Vue-Toastification__container.top-right {
        right: 1em
    }

    .Vue-Toastification__container.bottom-right .Vue-Toastification__toast,.Vue-Toastification__container.top-right .Vue-Toastification__toast {
        margin-left: auto
    }

    @supports not (-moz-appearance: none) {
        .Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl {
            margin-left:unset;
            margin-right: auto
        }
    }

    .Vue-Toastification__container.bottom-center,.Vue-Toastification__container.top-center {
        left: 50%;
        margin-left: -300px
    }

    .Vue-Toastification__container.bottom-center .Vue-Toastification__toast,.Vue-Toastification__container.top-center .Vue-Toastification__toast {
        margin-left: auto;
        margin-right: auto
    }
}

@media only screen and (max-width: 600px) {
    .Vue-Toastification__container {
        left:0;
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Vue-Toastification__container .Vue-Toastification__toast {
        width: 100%
    }

    .Vue-Toastification__container.top-center,.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right {
        top: 0
    }

    .Vue-Toastification__container.bottom-center,.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right {
        bottom: 0;
        flex-direction: column-reverse
    }
}

.Vue-Toastification__toast {
    border-radius: 8px;
    box-shadow: 0 1px 10px #0000001a,0 2px 15px #0000000d;
    box-sizing: border-box;
    direction: ltr;
    display: inline-flex;
    font-family: Lato,Helvetica,Roboto,Arial,sans-serif;
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-width: 600px;
    min-height: 64px;
    min-width: 326px;
    overflow: hidden;
    padding: 22px 24px;
    pointer-events: auto;
    position: relative;
    transform: translateZ(0)
}

.Vue-Toastification__toast--rtl {
    direction: rtl
}

.Vue-Toastification__toast--default {
    background-color: #1976d2;
    color: #fff
}

.Vue-Toastification__toast--info {
    background-color: #2196f3;
    color: #fff
}

.Vue-Toastification__toast--success {
    background-color: #4caf50;
    color: #fff
}

.Vue-Toastification__toast--error {
    background-color: #ff5252;
    color: #fff
}

.Vue-Toastification__toast--warning {
    background-color: #ffc107;
    color: #fff
}

@media only screen and (max-width: 600px) {
    .Vue-Toastification__toast {
        border-radius:0;
        margin-bottom: .5rem
    }
}

.Vue-Toastification__toast-body {
    flex: 1;
    font-size: 16px;
    line-height: 24px;
    white-space: pre-wrap;
    word-break: break-word
}

.Vue-Toastification__toast-component-body {
    flex: 1
}

.Vue-Toastification__toast.disable-transition {
    animation: none!important
}

.Vue-Toastification__close-button {
    align-items: center;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    opacity: .3;
    outline: none;
    padding: 0 0 0 10px;
    transition: .3s ease;
    transition: visibility 0s,opacity .2s linear
}

.Vue-Toastification__close-button:focus,.Vue-Toastification__close-button:hover {
    opacity: 1
}

.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
    opacity: 0
}

.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
    padding-left: unset;
    padding-right: 10px
}

@keyframes scale-x-frames {
    0% {
        transform: scaleX(1)
    }

    to {
        transform: scaleX(0)
    }
}

.Vue-Toastification__progress-bar {
    animation: scale-x-frames linear 1 forwards;
    background-color: #ffffffb3;
    bottom: 0;
    height: 5px;
    left: 0;
    position: absolute;
    transform-origin: left;
    width: 100%;
    z-index: 10000
}

.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
    left: unset;
    right: 0;
    transform-origin: right
}

.Vue-Toastification__icon {
    align-items: center;
    background: transparent;
    border: none;
    height: 100%;
    margin: auto 18px auto 0;
    outline: none;
    padding: 0;
    transition: .3s ease;
    width: 20px
}

.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
    margin: auto 0 auto 18px
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutRight {
    40% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(1000px,0,0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: none
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.Vue-Toastification__bounce-enter-active.bottom-left,.Vue-Toastification__bounce-enter-active.top-left {
    animation-name: bounceInLeft
}

.Vue-Toastification__bounce-enter-active.bottom-right,.Vue-Toastification__bounce-enter-active.top-right {
    animation-name: bounceInRight
}

.Vue-Toastification__bounce-enter-active.top-center {
    animation-name: bounceInDown
}

.Vue-Toastification__bounce-enter-active.bottom-center {
    animation-name: bounceInUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left {
    animation-name: bounceOutLeft
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right {
    animation-name: bounceOutRight
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
    animation-name: bounceOutUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
    animation-name: bounceOutDown
}

.Vue-Toastification__bounce-enter-active,.Vue-Toastification__bounce-leave-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__bounce-move {
    transition-duration: .4s;
    transition-property: all;
    transition-timing-function: ease-in-out
}

@keyframes fadeOutTop {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(-50px)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(-50px)
    }
}

@keyframes fadeOutBottom {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(50px)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translate(50px)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translate(-50px)
    }

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

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate(50px)
    }

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

@keyframes fadeInTop {
    0% {
        opacity: 0;
        transform: translateY(-50px)
    }

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

@keyframes fadeInBottom {
    0% {
        opacity: 0;
        transform: translateY(50px)
    }

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

.Vue-Toastification__fade-enter-active.bottom-left,.Vue-Toastification__fade-enter-active.top-left {
    animation-name: fadeInLeft
}

.Vue-Toastification__fade-enter-active.bottom-right,.Vue-Toastification__fade-enter-active.top-right {
    animation-name: fadeInRight
}

.Vue-Toastification__fade-enter-active.top-center {
    animation-name: fadeInTop
}

.Vue-Toastification__fade-enter-active.bottom-center {
    animation-name: fadeInBottom
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left {
    animation-name: fadeOutLeft
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right {
    animation-name: fadeOutRight
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center {
    animation-name: fadeOutTop
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center {
    animation-name: fadeOutBottom
}

.Vue-Toastification__fade-enter-active,.Vue-Toastification__fade-leave-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__fade-move {
    transition-duration: .4s;
    transition-property: all;
    transition-timing-function: ease-in-out
}

@keyframes slideInBlurredLeft {
    0% {
        filter: blur(40px);
        opacity: 0;
        transform: translate(-1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 100% 50%
    }

    to {
        filter: blur(0);
        opacity: 1;
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%
    }
}

@keyframes slideInBlurredTop {
    0% {
        filter: blur(240px);
        opacity: 0;
        transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 0
    }

    to {
        filter: blur(0);
        opacity: 1;
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%
    }
}

@keyframes slideInBlurredRight {
    0% {
        filter: blur(40px);
        opacity: 0;
        transform: translate(1000px) scaleX(2.5) scaleY(.2);
        transform-origin: 0 50%
    }

    to {
        filter: blur(0);
        opacity: 1;
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%
    }
}

@keyframes slideInBlurredBottom {
    0% {
        filter: blur(240px);
        opacity: 0;
        transform: translateY(1000px) scaleY(2.5) scaleX(.2);
        transform-origin: 50% 100%
    }

    to {
        filter: blur(0);
        opacity: 1;
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%
    }
}

@keyframes slideOutBlurredTop {
    0% {
        filter: blur(0);
        opacity: 1;
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 0
    }

    to {
        filter: blur(240px);
        opacity: 0;
        transform: translateY(-1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 0
    }
}

@keyframes slideOutBlurredBottom {
    0% {
        filter: blur(0);
        opacity: 1;
        transform: translateY(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%
    }

    to {
        filter: blur(240px);
        opacity: 0;
        transform: translateY(1000px) scaleY(2) scaleX(.2);
        transform-origin: 50% 100%
    }
}

@keyframes slideOutBlurredLeft {
    0% {
        filter: blur(0);
        opacity: 1;
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%
    }

    to {
        filter: blur(40px);
        opacity: 0;
        transform: translate(-1000px) scaleX(2) scaleY(.2);
        transform-origin: 100% 50%
    }
}

@keyframes slideOutBlurredRight {
    0% {
        filter: blur(0);
        opacity: 1;
        transform: translate(0) scaleY(1) scaleX(1);
        transform-origin: 50% 50%
    }

    to {
        filter: blur(40px);
        opacity: 0;
        transform: translate(1000px) scaleX(2) scaleY(.2);
        transform-origin: 0 50%
    }
}

.Vue-Toastification__slideBlurred-enter-active.bottom-left,.Vue-Toastification__slideBlurred-enter-active.top-left {
    animation-name: slideInBlurredLeft
}

.Vue-Toastification__slideBlurred-enter-active.bottom-right,.Vue-Toastification__slideBlurred-enter-active.top-right {
    animation-name: slideInBlurredRight
}

.Vue-Toastification__slideBlurred-enter-active.top-center {
    animation-name: slideInBlurredTop
}

.Vue-Toastification__slideBlurred-enter-active.bottom-center {
    animation-name: slideInBlurredBottom
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left {
    animation-name: slideOutBlurredLeft
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right {
    animation-name: slideOutBlurredRight
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center {
    animation-name: slideOutBlurredTop
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center {
    animation-name: slideOutBlurredBottom
}

.Vue-Toastification__slideBlurred-enter-active,.Vue-Toastification__slideBlurred-leave-active {
    animation-duration: .75s;
    animation-fill-mode: both
}

.Vue-Toastification__slideBlurred-move {
    transition-duration: .4s;
    transition-property: all;
    transition-timing-function: ease-in-out
}

.odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default,.odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    bottom: 0;
    display: block;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    -webkit-backface-visibility: hidden;
    display: block
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0)
}

.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute
}

.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    transition: transform 2s
}

.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    transform: translateY(-100%)
}

.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    transform: translateY(0);
    transition: transform 2s
}

.odometer.odometer-auto-theme,.odometer.odometer-theme-default {
    font-family: Helvetica Neue,sans-serif;
    line-height: 1.1em
}

.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value {
    text-align: center
}

.Pagination li+li {
    margin-left: .5rem
}

.Pagination .Page {
    background-color: #f8f6ff!important;
    border-radius: 3px;
    font-weight: 700;
    height: 35px;
    width: 35px
}

.Pagination .Page:hover {
    border: none!important
}

.Pagination .Page.Page-active {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border: none!important;
    color: #fff
}

.theme__dark *,.theme__dark :after,.theme__dark :before {
    box-shadow: none!important;
    text-shadow: none!important
}

.theme__dark .v-logo__host {
    color: #fff!important
}

.theme__dark .slots__banners-item {
    filter: none
}

.theme__dark .sidebar_left {
    background: #303541!important;
    box-shadow: none!important
}

.theme__dark .sidebar_left .title {
    color: #fcfcfc!important
}

.theme__dark .sidebar_left .title img {
    filter: invert(1)
}

.theme__dark .sidebar_left a {
    background: #3a3f4e!important;
    color: #fcfcfc!important
}

.theme__dark .sidebar_left a .icon {
    background: rgba(120,129,157,.15)!important
}

.theme__dark .sidebar_left a .icon img {
    filter: invert(1)
}

.theme__dark .sidebar_left a.active span.icon:before {
    bottom: 0!important;
    filter: none!important
}

.theme__dark .new-games .flex .game {
    background: #303541!important;
    box-shadow: none!important
}

.theme__dark .new-games .flex .game .name {
    color: #fff!important
}

.theme__dark .content .right .auth {
    background: #303541!important;
    box-shadow: none!important;
    color: #fff!important
}

.theme__dark .content .right .auth span {
    box-shadow: none!important
}

.theme__dark .footer {
    background: #2d323e!important
}

.theme__dark .footer .menu a {
    color: #78819d!important
}

.theme__dark .footer .domain {
    color: #fcfcfc!important
}

.theme__dark .content .history {
    background: #2d323e!important;
    box-shadow: none!important
}

.theme__dark .content .history .title {
    color: #fff!important
}

.theme__dark .content .menu a {
    color: #78819d!important
}

.theme__dark .content .menu a.active,.theme__dark .content .menu a:hover {
    color: #fcfcfc!important
}

.theme__dark .content .history .table .head {
    background: rgba(120,129,157,.15)!important;
    box-shadow: none!important
}

.theme__dark .content .history .table .head span {
    color: #78819d!important
}

.theme__dark .content .history .table .game {
    background: rgba(120,129,157,.15)!important;
    box-shadow: none!important
}

.theme__dark .content .history .table .game span:not(:last-child) {
    color: #fcfcfc!important
}

.theme__dark .content .history .hide {
    background: #3a3f4e!important;
    color: #78819d!important
}

.theme__dark .content .history .hide .hicon {
    background: rgba(120,129,157,.15)!important
}

.theme__dark .header .header-row .content .right .profile {
    background: #303541!important;
    box-shadow: none!important
}

.theme__dark .header .header-row .content .right .profile .money {
    color: #fff!important
}

.theme__dark .header .header-row .content .right .profile .withdraw {
    background: #3a3f4e!important;
    color: #78819d!important
}

.theme__dark .header-mobile {
    background: #303541!important;
    border-bottom: 1px solid #1e232f!important;
    overflow: hidden
}

.theme__dark .header-mobile .header-mobile__center-withdraw {
    background: #3a3f4e!important;
    color: #78819d!important
}

.theme__dark .faq-page .title,.theme__dark .header-mobile .odometer {
    color: #fcfcfc!important
}

.theme__dark .faq-page .cards .card {
    box-shadow: none!important
}

.theme__dark .faq-page .cards .card .card-header {
    background: #303541!important
}

.theme__dark .faq-page .cards .card .card-header .name {
    color: #fcfcfc!important
}

.theme__dark .faq-page .cards .card .card-body {
    background: rgba(120,129,157,.15)!important
}

.theme__dark .refs-page .title {
    color: #fcfcfc!important
}

.theme__dark .refs-page .card,.theme__dark .refs-page .referals {
    background: #303541!important;
    box-shadow: none!important
}

.theme__dark .refs-page .grid .group {
    box-shadow: none!important
}

.theme__dark .refs-page .score {
    color: #fcfcfc!important
}

.theme__dark .refs-page .grid {
    border-left: 1px solid rgba(120,129,157,.15)!important
}

.theme__dark .refs-page .grid .item {
    border-bottom: 1px solid rgba(120,129,157,.15)!important
}

.theme__dark .redesign-bonus-page .head-name,.theme__dark .redesign-bonus-page .messages,.theme__dark .redesign-bonus-page .name,.theme__dark .redesign-bonus-page .odometer,.theme__dark .redesign-bonus-page .score,.theme__dark .redesign-bonus-page .title {
    color: #fcfcfc!important
}

.theme__dark .redesign-bonus-page .action,.theme__dark .redesign-bonus-page .big-repost-card,.theme__dark .redesign-bonus-page .level,.theme__dark .redesign-bonus-page .task-bonus,.theme__dark .redesign-bonus-page .task-levels,.theme__dark .redesign-bonus-page .vue-skeletor {
    background: #303541!important;
    border: none!important
}

.theme__dark .redesign-bonus-page .actions .action .info .input,.theme__dark .redesign-bonus-page .level .card,.theme__dark .redesign-bonus-page .name .circle,.theme__dark .redesign-bonus-page .score .circle,.theme__dark .redesign-bonus-page .task-card:not(.active) {
    background: rgba(120,129,157,.15)!important
}

.theme__dark .redesign-bonus-page .progress-bar .progress,.theme__dark .redesign-bonus-page .task-cards::-webkit-scrollbar-thumb,.theme__dark .redesign-bonus-page .task-cards::-webkit-scrollbar-track {
    background: rgba(120,129,157,.15)!important
}

.theme__dark #wheelModal .wheel_header .money {
    background: rgba(120,129,157,.15)!important;
    color: #fcfcfc
}

.theme__dark #wheelModal .wheel_header .money .circle {
    background: rgba(120,129,157,.15)!important
}

.theme__dark .box-modal:not(.redesign) {
    background: #303541!important
}

.theme__dark .box-modal:not(.redesign) .title {
    color: #fcfcfc!important
}

.theme__dark .box-modal:not(.redesign) a.btn {
    background: #3a3f4e!important;
    color: #78819d!important
}

.theme__dark .statuses .bg-white.rounded12px.p30px {
    background: #303541!important
}

.theme__dark .statuses .price,.theme__dark .statuses .text000000,.theme__dark .statuses .text20px.font700.capitalize {
    color: #fcfcfc
}

.theme__dark .heading-1 {
    color: #fcfcfc!important;
    position: relative
}

.theme__dark .heading-1:after {
    position: absolute
}

.theme__dark .rake-modal .rake__alert {
    background: #3a3f4e!important;
    border: none
}

.theme__dark .rake-modal .rake__alert-title {
    color: #fcfcfc
}

.theme__dark .rake-modal .rake__grid-item:not(.rake__grid-item--active) {
    background: #3a3f4e;
    border: none
}

.theme__dark .rake-modal .rake__grid-item:not(.rake__grid-item--active) .rake__grid-item-title {
    color: #fcfcfc
}

.theme__dark .tour {
    background: #303541!important
}

.theme__dark .slots__live:after {
    background: linear-gradient(90deg,rgba(250,249,255,0),#3a3f4e)
}

.theme__dark .slots__live-header,.theme__dark .slots__live-item-center-title {
    color: #fcfcfc!important
}

.theme__dark .slots__live-header svg path {
    fill: #303541!important
}

.theme__dark .slots__body,.theme__dark .slots__live {
    background: #303541!important;
    box-shadow: none
}

.theme__dark .slots__body-grid-empty,.theme__dark .slots__body-header-toggle,.theme__dark .slots__body-separate,.theme__dark .slots__live-item {
    background-color: #3a3f4e!important;
    border: none
}

.theme__dark .slots__body-grid-item {
    background: #3a3f4e
}

.theme__dark .slot__body {
    background: #303541!important;
    box-shadow: none
}

.theme__dark .slot__body-header-back,.theme__dark .slot__body-header-btn,.theme__dark .slot__body-separate {
    background: #3a3f4e!important
}

.theme__dark .slot__body-header-back-icon {
    background: rgba(120,129,157,.15)!important
}

.theme__dark .newdice-game .newdice {
    background: #303541!important;
    box-shadow: none!important
}

.theme__dark .newdice-game .block-left .buttons button,.theme__dark .newdice-game .block-left .inputs .group .badges span,.theme__dark .newdice-game .block-left .inputs .group input,.theme__dark .newdice-game .block-right .inputs,.theme__dark .newdice-game .block-right .inputs button,.theme__dark .newdice-game .block-right .shops .shop,.theme__dark .newdice-game .group,.theme__dark .newdice-game .hash,.theme__dark .newdice-game .help,.theme__dark .newdice-game .tabs {
    border-color: #3a3f4e!important;
    box-shadow: none!important
}

.theme__dark .newdice-game .info_bonus {
    border-color: #3a3f4e!important
}

.theme__dark .newdice-game .action button {
    border: none!important
}

.theme__dark .newdice-game .block-left .inputs .group label,.theme__dark .newdice-game .hash label {
    background: #303541!important
}

.theme__dark .newdice-game .block-left .inputs .group input,.theme__dark .newdice-game .block-right .inputs button,.theme__dark .newdice-game .block-right .inputs input,.theme__dark .newdice-game .bonusdice-win-money,.theme__dark .newdice-game .info_bonus,.theme__dark .newdice-game .info_bonus .amount,.theme__dark .newdice-game .info_bonus .chance,.theme__dark .newdice-game .slider .spanX,.theme__dark .newdice-game .title {
    color: #fcfcfc!important
}

.theme__dark .newdice-game .block-right .inputs button,.theme__dark .newdice-game .block-right .inputs input,.theme__dark .newdice-game .inputs .group input {
    background: transparent!important
}

.theme__dark .newdice-game .block-right .shops .shop .buy,.theme__dark .newdice-game .block-right .shops .shop .spins {
    background: #3a3f4e!important;
    color: #fcfcfc!important
}

.theme__dark .newdice-game .block-right .shops .shop .spins span {
    color: #fcfcfc!important
}

.theme__dark .newdice-game .block-main .actions .action span {
    color: #cfcbea!important
}

.theme__dark .bubbles-game .bubbles {
    background: #303541!important;
    box-shadow: none!important
}

.theme__dark .bubbles-game .title {
    color: #fcfcfc!important
}

.theme__dark .bubbles-game .form .group input {
    background: #3a3f4e!important;
    box-shadow: none!important;
    color: #fcfcfc!important
}

.theme__dark .bubbles-game .bubbles .flex .block:last-child:after,.theme__dark .bubbles-game .bubbles .flex .block:last-child:before {
    opacity: .2
}

.theme__dark .box-modal .input {
    box-shadow: none!important
}

.theme__dark .box-modal .input input,.theme__dark .box-modal .social .items .item {
    background: #3a3f4e!important;
    box-shadow: none!important
}

.theme__dark .modal_payment {
    background: #3a3f4e
}

.theme__dark .modal_payment .modal_payment__body-balance,.theme__dark .modal_payment .modal_payment__body-input,.theme__dark .modal_payment .modal_payment__body-method:not(.modal_payment__body-method--active),.theme__dark .modal_payment .modal_payment__body-operators-item,.theme__dark .modal_payment .modal_payment__header-close,.theme__dark .modal_payment .modal_payment__header-nav {
    background: rgba(120,129,157,.15);
    box-shadow: none!important;
    color: #fcfcfc
}

.theme__dark .modal_payment .modal_payment__body-alert-green-title,.theme__dark .modal_payment .modal_payment__body-operators-item-text,.theme__dark .modal_payment .modal_payment__body-rates-black {
    color: #fcfcfc
}

.theme__dark .modal_payment .modal_payment__body-method,.theme__dark .modal_payment .modal_payment__body-operators-item:not(.modal_payment__body-operators-item--active) {
    border: transparent
}

.theme__dark .modal_payment .modal_payment__body-alert-default,.theme__dark .modal_payment .modal_payment__body-alert-qiwi,.theme__dark .modal_payment .modal_payment__body-currency,.theme__dark .modal_payment .modal_payment__body-left,.theme__dark .modal_payment .modal_payment__body-rates,.theme__dark .modal_payment .modal_payment__body-tabs {
    border-color: #78819d26
}

.theme__dark .modal_payment .modal_payment__header-nav-item--active {
    color: #fcfcfc
}

.theme__dark .modal_payment table tbody td>div {
    background: rgba(120,129,157,.15)!important;
    color: #fcfcfc
}

.theme__dark .modal_payment__body-amounts-item:not(.modal_payment__body-amounts-item--active) {
    background: rgba(120,129,157,.15);
    color: #fcfcfc
}

.theme__dark #wheelModal .wheel_header .name,.theme__dark .modal-custom__header-title {
    color: #fcfcfc
}

.theme__dark .auth-modal .group {
    background: #3a3f4e!important;
    box-shadow: none!important
}

.theme__dark .auth-modal .group input {
    color: #fcfcfc!important
}

.theme__dark .auth-modal .flex .social {
    background: #3a3f4e!important;
    box-shadow: none!important
}

.theme__dark #crazytimeModal .preview:before {
    background: linear-gradient(0deg,#303541 30%,transparent)!important
}

.theme__dark .policy-page,.theme__dark .terms-page {
    background: #303541!important
}

.theme__dark .policy-page *,.theme__dark .terms-page * {
    color: #fcfcfc!important
}

.theme__dark .modal_payment__body-method--active {
    background: rgba(120,129,157,.15);
    box-shadow: none;
    color: #fcfcfc
}

.theme__dark .box-modal .fair .score {
    color: #fcfcfc!important
}

.theme__dark .box-modal .fair .game span {
    border: none!important
}

.theme__dark .tw .text322B50 {
    color: #fcfcfc
}

.theme__dark .tw .bgfff,.theme__dark .tw .bgffffff {
    background: #3a3f4e
}

.theme__dark .tw .bgE8E5F4 {
    background: rgba(120,129,157,.15)
}

.theme__dark .tw .btn-dep.bg-white {
    background: #3a3f4e!important;
    color: #fcfcfc!important
}

.theme__dark .tw .borderEFEDF5 {
    border-color: #78819d26
}

.theme__dark .bonusChoiceModal .cards .card {
    background-color: #3a3f4e!important
}

.theme__dark .bonusChoiceModal .cards .card .info {
    background-color: #303541!important;
    color: #fcfcfc!important
}

.theme__dark .v-logo__shadow {
    bottom: -5px;
    opacity: 0
}

.theme__dark #wheelModal .wheel_container .description,.theme__dark #wheelModal .wheel_container .name {
    color: #fcfcfc!important
}

.theme__dark .vue-skeletor {
    background: #3a3f4e!important
}

.theme__dark #crazytimeModal.dice .preview {
    background-image: url(../diec-bonus.png)!important;
    background-position: top!important;
    background-repeat: no-repeat!important;
    background-size: contain!important;
    height: 400px!important
}

.theme__dark .modal-exchange {
    background: #303541
}

.theme__dark .modal-exchange__input-input {
    background: #3a3f4e;
    color: #fff
}

.theme__dark .modal-exchange__input-icon--white {
    background: rgba(120,129,157,.15)
}

.theme__dark .modal-exchange__exchanger svg rect:first-child {
    stroke: #3a3f4e!important
}

.theme__dark .modal-wheel2 {
    background: #303541
}

.theme__dark .modal-wheel2__wheel,.theme__dark .modal-wheel2__wheel-front {
    background: #3a3f4e
}

.theme__dark .modal-wheel2__text {
    color: #fff
}

.theme__dark .modal-wheel2__block-side svg path {
    fill: #303541
}

.theme__dark .rheader {
    background: #303541
}

.theme__dark .rheader__balance-amount,.theme__dark .rheader__link--active,.theme__dark .rheader__link:hover,.theme__dark .rheader__userinfo-name {
    color: #fcfcfc
}

.theme__dark .rheader__withdraw {
    background: #3a3f4e
}

.theme__dark .rheader__balance-title svg path:first-child {
    fill: #3a3f4e
}

.theme__dark .history2__th,.theme__dark .history2__tr:after {
    background: #303541
}

.theme__dark .history2__tr .td>div {
    color: #fcfcfc
}

.theme__dark .support,.theme__dark .support .support-chat__body {
    background: #303541!important
}

.theme__dark .support .support__content,.theme__dark .support .support__sidebar {
    background: #3a3f4e!important
}

@media screen and (max-width: 979px) {
    .theme__dark .support {
        background:transparent!important
    }

    .theme__dark .support .support-chat,.theme__dark .support .support-chat__body,.theme__dark .support .support__content,.theme__dark .support .support__sidebar {
        background: #303541!important
    }
}

.theme__dark .support input,.theme__dark .support textarea {
    background: rgba(120,129,157,.15);
    box-shadow: none!important;
    color: #fff!important
}

.theme__dark .support .support-chat__title,.theme__dark .support .support-create__title,.theme__dark .support .support-empty,.theme__dark .support .ticket-row__title {
    color: #fff
}

.theme__dark .support .support-message,.theme__dark .support .ticket-row {
    background: rgba(120,129,157,.15);
    color: #fff
}

.theme__dark .support .support-chat__close,.theme__dark .support .support-create__btn--secondary,.theme__dark .support .support__header-back {
    background: rgba(120,129,157,.15)
}

.theme__dark .rheader__menu {
    background: #3a3f4e!important
}

.theme__dark .btn-lang {
    background: #303541!important
}

:root {
    --primary-bg: #fff;
    --primary-1: #f7f5fe;
    --primary-50: #f7f5fe;
    --primary-100: #f4f2ff;
    --primary-200: #f2f0ff;
    --primary-300: #ccd2e8;
    --primary-400: #e8e5ff;
    --primary-500: #bab1ed;
    --primary-600: #7f6fc9;
    --primary-700: #574d81;
    --primary-800: #413b63;
    --primary-900: #2c3034
}

.theme__dark {
    --primary-bg: #282d38;
    --primary-1: #262a34;
    --primary-50: #262a34;
    --primary-100: #303541;
    --primary-200: #1e232f;
    --primary-300: #78819d;
    --primary-400: #383e4b;
    --primary-800: #f2f0ff;
    --primary-900: #f2f0ff
}

:root {
    --padding: 20px
}

@media screen and (max-width: 979px) {
    :root {
        --padding:12px
    }
}

.game_wrap {
    background: var(--primary-bg);
    border-radius: 12px;
    display: flex;
    margin-bottom: 20px
}

.game_wrap .bt {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: inherit;
    cursor: pointer;
    display: flex;
    font-family: inherit;
    font-size: inherit;
    gap: 4px;
    justify-content: center;
    line-height: 1.2;
    outline: none;
    padding: 0;
    transition: .3s
}

.game_wrap .bt.disabled,.game_wrap .bt:disabled {
    pointer-events: none
}

.game_wrap .bt-primary {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 4px;
    color: #fff;
    font-weight: 600;
    padding: 12px
}

.game_wrap .bt-primary:hover {
    filter: brightness(1.1)
}

.game_wrap .bt-orange {
    background: linear-gradient(90deg,#f4a202,#fac257);
    border-radius: 4px;
    color: #2c3034;
    font-weight: 600;
    padding: 12px
}

.game_wrap .bt-orange:hover {
    filter: brightness(1.1)
}

.game_wrap .bt-transparent {
    background: transparent;
    border-radius: 4px;
    color: #b6b0d7;
    font-weight: 600;
    padding: 0 12px
}

.game_wrap .bt-transparent:hover {
    background: #f4f2ff
}

.game_wrap .bt-light {
    background: #f4f2ff;
    border-radius: 4px;
    color: #b6b0d7;
    font-weight: 600;
    padding: 0 12px
}

.game_wrap .bt-light:hover {
    background: #ebe8ff
}

.game_wrap .bt-light-gradient {
    background: #e7e2f9;
    border-radius: 4px;
    color: #b6b0d7;
    font-weight: 600;
    padding: 0 12px;
    position: relative
}

.game_wrap .bt-light-gradient span {
    position: relative
}

.game_wrap .bt-light-gradient:before {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: inherit;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s
}

.game_wrap .bt-light-gradient.active,.game_wrap .bt-light-gradient:hover {
    color: #fff!important
}

.game_wrap .bt-light-gradient.active:before,.game_wrap .bt-light-gradient:hover:before {
    opacity: 1
}

.game_wrap .ttc {
    text-transform: capitalize
}

.game_wrap .input_gradient {
    flex-grow: 1;
    position: relative
}

.game_wrap .input_gradient input,.game_wrap .input_gradient textarea {
    border: none;
    border-radius: 4px;
    position: relative;
    width: 100%;
    z-index: 1
}

.game_wrap .input_gradient input~span,.game_wrap .input_gradient textarea~span {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 5px;
    bottom: -1px;
    left: -1px;
    opacity: 0;
    position: absolute;
    right: -1px;
    top: -1px;
    transition: .3s
}

.game_wrap .input_gradient input:focus,.game_wrap .input_gradient textarea:focus {
    box-shadow: 0 0 0 1px transparent
}

.game_wrap .input_gradient input:focus~span,.game_wrap .input_gradient textarea:focus~span {
    opacity: 1
}

.game_wrap .game_sidebar {
    border-right: 1px solid var(--primary-100);
    display: flex;
    flex-direction: column;
    gap: var(--padding);
    min-width: 350px;
    padding: var(--padding);
    width: 350px
}

.game_wrap .game_sidebar_field {
    font-size: 15px
}

.game_wrap .game_sidebar_field__header {
    align-items: center;
    color: #b6b0d7;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 8px
}

.game_wrap .game_sidebar_field__body {
    background: var(--primary-100);
    border-radius: 4px;
    display: flex;
    gap: 6px;
    justify-content: space-between;
    padding: 8px
}

.game_wrap .game_sidebar_field__body button,.game_wrap .game_sidebar_field__body input {
    height: 40px
}

.game_wrap .game_sidebar_field__body input {
    background: #e7e2f9;
    font-weight: 600;
    max-width: 130px;
    padding: 12px;
    width: 100%
}

.game_wrap .game_sidebar-toolbar_btn {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 4px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    min-width: 44px;
    width: 44px
}

.game_wrap .game_sidebar-toolbar input {
    border-radius: 4px;
    font-size: 16px;
    max-width: none;
    text-align: center;
    width: 100%
}

.game_wrap .game_sidebar-toolbar_tabs {
    display: grid;
    grid-template-columns: repeat(3,1fr)
}

.game_wrap .game_sidebar-btns {
    display: flex;
    flex-wrap: wrap;
    gap: var(--padding);
    width: 100%
}

.game_wrap .game_sidebar-btns a,.game_wrap .game_sidebar-btns button {
    font-size: 16px;
    height: 42px;
    width: 100%
}

.game_wrap .game_sidebar-btns .onmob {
    display: none
}

.game_wrap .game_sidebar-header {
    align-items: center;
    display: flex;
    font-weight: 600;
    gap: 8px
}

.game_wrap .game_sidebar-header .icon-gradient {
    align-items: center;
    background: radial-gradient(73.33% 73.33% at 50% 50%,#9db1ff 0,#6d3eff 100%);
    border-radius: 4px;
    color: #fff;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px
}

.game_wrap .game_main {
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    overflow: hidden;
    width: 100%
}

.game_wrap .game-field {
    position: relative;
    width: 100%
}

.game_wrap .game-history_feed {
    margin-top: auto;
    position: relative;
    width: 100%
}

.game_wrap .game-history_feed__list {
    align-items: center;
    border-top: 1px solid #f4f2ff;
    display: flex;
    height: inherit;
    padding: var(--padding)
}

.game_wrap .game-history_feed:after {
    background: linear-gradient(90deg,transparent 0,var(--primary-bg) 100%);
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 70px
}

.game_wrap .game-history_feed-item {
    align-items: center;
    border: 1px solid #f4f2ff;
    border-radius: 4px;
    display: flex;
    font-weight: 600;
    height: 42px;
    justify-content: center;
    margin-right: 8px;
    min-width: 78px;
    width: 78px
}

.game_wrap .game-history_feed-item.green {
    color: #4fc94c
}

.game_wrap .game-history_feed-item.red {
    color: #ff5959b2
}

.game_wrap .game-history_feed-empty {
    color: #ccd2e8;
    text-align: center;
    width: 100%
}

@media screen and (max-width: 979px) {
    .game_wrap .game_sidebar {
        min-width:300px;
        width: 300px
    }
}

@media screen and (max-width: 760px) and (orientation:portrait) {
    .game_wrap {
        flex-wrap:wrap;
        position: relative
    }

    .game_wrap .game_sidebar {
        display: flex;
        flex-wrap: wrap;
        min-width: 100%;
        order: 1;
        width: 100%
    }

    .game_wrap .game_sidebar-header {
        left: 0;
        padding: var(--padding);
        position: absolute;
        top: 0
    }

    .game_wrap .game_sidebar-header .icon-gradient {
        height: 24px;
        width: 24px
    }

    .game_wrap .game_sidebar-header .icon-gradient svg {
        height: 16px!important;
        width: 16px!important
    }

    .game_wrap .game_sidebar_field {
        width: 100%
    }

    .game_wrap .game_sidebar-toolbar input {
        max-width: none
    }

    .game_wrap .game_sidebar-btns {
        display: flex;
        flex-wrap: wrap;
        order: -1;
        width: 100%
    }

    .game_wrap .game_sidebar-btns button {
        padding: 4px 8px;
        width: auto
    }

    .game_wrap .game_sidebar-btns a {
        display: none
    }

    .game_wrap .game_sidebar-btns .onmob {
        display: block
    }

    .game_wrap .game_sidebar-btns .ondesk {
        display: none
    }

    .game_wrap .game_sidebar-btns .bt-primary {
        flex-grow: 1;
        order: -1
    }

    .game_wrap .game_sidebar-btns .bt-orange {
        min-width: 100px;
        width: 100px
    }

    .game_wrap .game_main {
        padding-top: 40px
    }
}

@media only screen and (min-width: 480px) and (max-width:979px) and (orientation:landscape) {
    .game_wrap .game_sidebar {
        gap:6px
    }

    .game_wrap .game_sidebar_field__header {
        display: none
    }
}

.theme__dark .game_wrap {
    background: #303541;
    color: #f2f0ff
}

.theme__dark .game_wrap .bt-transparent {
    color: #78819d
}

.theme__dark .game_wrap .bt-transparent:hover {
    background: #434959
}

.theme__dark .game_wrap .bt-light {
    background: #3a3f4e;
    color: #78819d
}

.theme__dark .game_wrap .bt-light:hover {
    background: #3f4453
}

.theme__dark .game_wrap .bt-light-gradient {
    background: #434959;
    color: #78819d
}

.theme__dark .game_wrap .bt-light-gradient.active {
    color: #fff
}

.theme__dark .game_wrap input {
    background: #434959;
    color: #f2f0ff
}

.theme__dark .game_wrap .game_sidebar {
    border-right: 1px solid #282d38
}

.theme__dark .game_wrap .game_sidebar-header {
    color: #f2f0ff
}

.theme__dark .game_wrap .game_sidebar_field__header {
    color: #78819d
}

.theme__dark .game_wrap .game_sidebar_field__body {
    background: #3a3f4e
}

.theme__dark .game_wrap .game-history_feed__list {
    border-top-color: #282d38
}

.theme__dark .game_wrap .game-history_feed-item {
    border-color: #3a3f4e
}

.theme__dark .game_wrap .game-history_feed:after {
    background: linear-gradient(90deg,transparent,#303541);
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 1px;
    width: 70px
}

.game_history-enter-active {
    animation: game_history-in .3s ease-out forwards;
    transition: .3s
}

.game_history-leave-active {
    animation: game_history-out .3s ease-out forwards;
    transition: .3s
}

@keyframes game_history-in {
    0% {
        margin-right: 0;
        min-width: 0;
        opacity: 0;
        padding: 0;
        transform: translate(-20px);
        width: 0
    }

    to {
        margin-right: 8px;
        min-width: 112px;
        opacity: 1;
        padding: 6px 12px;
        transform: unset;
        width: 112px
    }
}

@keyframes game_history-out {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate(20px)
    }
}

.gw {
    --color-label: #9e96ba;
    --color-card: #f3f3ff;
    color: var(--primary-800)!important;
    max-width: 420px;
    padding: 0!important;
    width: 100%
}

.gw.oh {
    overflow: hidden
}

.gw .no-click {
    pointer-events: none
}

.gw .btn_close {
    align-items: center;
    background: var(--primary-100);
    border-radius: 4px;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 30px
}

.gw .btn_close img {
    width: 16px
}

.gw .bt {
    height: 42px
}

.gw .bt-orange {
    background: linear-gradient(90deg,#f4a202,#fac257);
    border-radius: 4px;
    color: #2c3034;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    padding: 12px;
    width: 100%
}

.gw .bt-orange:hover {
    filter: brightness(1.1)
}

.gw .bt-light {
    align-items: center;
    background: var(--primary-100);
    border-radius: 4px;
    color: #b6b0d7;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    transition: .3s
}

.gw .bt-light:hover {
    background: var(--primary-400)
}

.gw .bt-light-gradient {
    background: #e7e2f9;
    border-radius: 4px;
    color: #b6b0d7;
    font-weight: 600;
    padding: 0 12px;
    position: relative
}

.gw .bt-light-gradient span {
    position: relative
}

.gw .bt-light-gradient:before {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: inherit;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: .3s
}

.gw .bt-light-gradient:hover {
    color: #fff!important
}

.gw .bt-light-gradient:hover:before {
    opacity: 1
}

.gw .bt-light-gradient.active {
    color: #fff
}

.gw .bt-light-gradient.active:before {
    opacity: 1
}

.gw .bt-green {
    background: linear-gradient(0deg,#72d370,#72d370);
    border-radius: 4px;
    color: var(--primary-100);
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    padding: 12px;
    width: 100%
}

.gw .f {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.gw .tac {
    text-align: center
}

.gw .h50 {
    height: 50px
}

.gw input {
    color: inherit
}

.gw h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: 20px 0
}

.gw .modal-header {
    align-items: flex-start;
    display: flex;
    gap: var(--padding);
    padding: var(--padding) var(--padding) 0
}

.gw .modal-header .title {
    margin-bottom: 10px
}

.gw .modal-body {
    padding: var(--padding)
}

.gw_empty {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    margin-bottom: 12px;
    padding: 20px 0
}

.gw_empty p {
    margin-top: 12px;
    text-align: center;
    width: 100%
}

.gw_loading {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 60px 0 79px
}

.gw_loading .i-loading {
    animation: rotate 1.2s linear infinite;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0s12 5.373 12 12ZM3 12a9 9 0 1 0 18 0 9 9 0 0 0-18 0Z' fill='url(%23a)' fill-opacity='.2'/%3E%3Cpath d='M22.5 12c.828 0 1.51.674 1.406 1.496A11.999 11.999 0 1 1 10.504.094C11.326-.01 12 .672 12 1.5s-.676 1.487-1.493 1.625a9 9 0 1 0 10.368 10.368c.138-.817.797-1.493 1.625-1.493Z' fill='url(%23b)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.014' y1='12' x2='24.014' y2='12' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237449E6'/%3E%3Cstop offset='.771' stop-color='%2369A4FF'/%3E%3Cstop offset='1' stop-color='%2369A4FF' stop-opacity='.9'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='.014' y1='12' x2='24.014' y2='12' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237449E6'/%3E%3Cstop offset='.771' stop-color='%2369A4FF'/%3E%3Cstop offset='1' stop-color='%2369A4FF' stop-opacity='.9'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    border-radius: 24px;
    color: inherit;
    display: inline-block;
    height: 24px;
    min-width: 24px;
    position: relative;
    width: 24px
}

.gw_wrap {
    display: flex;
    flex-wrap: wrap
}

.gw_wrap>* {
    width: 100%
}

.gw__grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(1,1fr)
}

.gw .blur {
    filter: blur(2.5px);
    transition: .3s
}

.gw-info {
    display: grid;
    flex-wrap: wrap;
    gap: 8px;
    grid-template-columns: repeat(2,1fr)
}

.gw-timer {
    margin-top: 8px
}

.gw_card {
    background: var(--color-card);
    border-radius: 4px;
    flex-grow: 1;
    font-weight: 500;
    min-width: 48%;
    padding: 12px;
    text-align: center
}

.gw_card p {
    color: var(--color-label);
    font-size: 16px;
    font-weight: 600
}

.gw_card b {
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 8px
}

.gw_block {
    align-items: center;
    background: var(--color-card);
    border-radius: 4px;
    color: var(--color-label);
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    padding: 8px 12px
}

.gw_block p {
    color: var(--primary-900);
    font-size: 14px
}

.gw_block .btn,.gw_block button {
    color: var(--gray-2);
    height: 32px;
    min-width: 32px;
    padding: 0;
    width: 32px
}

.gw-table {
    margin-top: 20px
}

.gw-table_header {
    background: #ebe6fc;
    border-radius: 4px;
    color: #9893b6;
    font-size: 14px;
    font-weight: 600;
    height: 60px;
    margin-bottom: 6px;
    padding: var(--padding)
}

.gw-table_wrap {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    height: 258px;
    margin: 0 calc(var(--padding)*-1/2) 20px calc(var(--padding)*-1/2);
    overflow-y: auto;
    padding: 0 calc(var(--padding)/2) 0
}

.gw-table_wrap .user {
    align-items: center;
    background: var(--color-card);
    border-radius: 4px;
    display: flex;
    font-weight: 600;
    height: 60px;
    justify-content: space-between;
    padding: var(--padding);
    width: 100%
}

.gw-option_label {
    color: var(--color-label);
    font-size: 14px;
    font-weight: 500;
    padding: var(--padding) 0 8px 0
}

.gw-option_wrap {
    position: relative
}

.gw-option_wrap,.gw-option_wrap input {
    background: var(--primary-100);
    border-radius: 4px;
    font-weight: 600;
    width: 100%
}

.gw-option_wrap input {
    font-size: inherit;
    height: 48px;
    padding: 12px
}

.gw-tabs {
    background: var(--primary-50);
    border-radius: 6px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding: 2px;
    width: 100%
}

.gw-tabs button {
    background: transparent;
    border-radius: 6px;
    color: var(--primary-300);
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 15px;
    padding: 12px
}

.gw-tabs button.active {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    color: #fff
}

.gw-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: var(--padding)
}

.gw-footer button {
    width: 100%
}

@media screen and (max-width: 980px) {
    .gw-info {
        padding-top:10px
    }
}

@media screen and (max-width: 600px) {
    .gw {
        width:96vw!important
    }
}

.theme__dark .gw {
    --primary-100: #3a3f4e;
    --primary-400: #303541;
    --color-card: #3a3f4e;
    --color-label: var(--primary-300)
}

.theme__dark .gw .btn_close img {
    opacity: .5
}

.theme__dark .gw-table_header {
    background: var(--color-card)
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 800;
    src: url(./Gilroy-ExtraBold.3960a0ab.eot);
    src: local("Gilroy ExtraBold"),local("Gilroy-ExtraBold"),url(./Gilroy-ExtraBold.3960a0ab.eot?#iefix) format("embedded-opentype"),url(./Gilroy-ExtraBold.ceef83c1.woff) format("woff"),url(./Gilroy-ExtraBold.1cd7d394.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 900;
    src: url(./Gilroy-Heavy.1cbf3038.eot);
    src: local("Gilroy Heavy"),local("Gilroy-Heavy"),url(./Gilroy-Heavy.1cbf3038.eot?#iefix) format("embedded-opentype"),url(./Gilroy-Heavy.9dab5470.woff) format("woff"),url(./Gilroy-Heavy.74d3fe7a.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: italic;
    font-weight: 300;
    src: url(./Gilroy-LightItalic.7ab8d330.eot);
    src: local("Gilroy Light Italic"),local("Gilroy-LightItalic"),url(./Gilroy-LightItalic.7ab8d330.eot?#iefix) format("embedded-opentype"),url(./Gilroy-LightItalic.826c5b10.woff) format("woff"),url(./Gilroy-LightItalic.b87e122b.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: italic;
    font-weight: 100;
    src: url(./Gilroy-ThinItalic.a89c43a4.eot);
    src: local("Gilroy Thin Italic"),local("Gilroy-ThinItalic"),url(./Gilroy-ThinItalic.a89c43a4.eot?#iefix) format("embedded-opentype"),url(./Gilroy-ThinItalic.9f2f5b1b.woff) format("woff"),url(./Gilroy-ThinItalic.87143ddb.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: italic;
    font-weight: 900;
    src: url(./Gilroy-BlackItalic.218ac0de.eot);
    src: local("Gilroy Black Italic"),local("Gilroy-BlackItalic"),url(./Gilroy-BlackItalic.218ac0de.eot?#iefix) format("embedded-opentype"),url(./Gilroy-BlackItalic.707dc3af.woff) format("woff"),url(./Gilroy-BlackItalic.f58cadd7.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: italic;
    font-weight: 700;
    src: url(./Gilroy-BoldItalic.1b946bdd.eot);
    src: local("Gilroy Bold Italic"),local("Gilroy-BoldItalic"),url(./Gilroy-BoldItalic.1b946bdd.eot?#iefix) format("embedded-opentype"),url(../fonts/Gilroy-BoldItalic.woff) format("woff"),url(./Gilroy-BoldItalic.210fd3c2.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 600;
    src: url(./Gilroy-SemiBold.19201035.eot);
    src: local("Gilroy SemiBold"),local("Gilroy-SemiBold"),url(./Gilroy-SemiBold.19201035.eot?#iefix) format("embedded-opentype"),url(../fonts/Gilroy-SemiBold.woff) format("woff"),url(./Gilroy-SemiBold.32eb47df.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: italic;
    font-weight: 200;
    src: url(./Gilroy-UltraLightItalic.4912c79b.eot);
    src: local("Gilroy UltraLight Italic"),local("Gilroy-UltraLightItalic"),url(./Gilroy-UltraLightItalic.4912c79b.eot?#iefix) format("embedded-opentype"),url(./Gilroy-UltraLightItalic.3db43605.woff) format("woff"),url(./Gilroy-UltraLightItalic.73f04094.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: italic;
    font-weight: 600;
    src: url(./Gilroy-SemiBoldItalic.f071ea8b.eot);
    src: local("Gilroy SemiBold Italic"),local("Gilroy-SemiBoldItalic"),url(./Gilroy-SemiBoldItalic.f071ea8b.eot?#iefix) format("embedded-opentype"),url(./Gilroy-SemiBoldItalic.f82ac015.woff) format("woff"),url(./Gilroy-SemiBoldItalic.bd975254.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 300;
    src: url(./Gilroy-Light.51db93c5.eot);
    src: local("Gilroy Light"),local("Gilroy-Light"),url(./Gilroy-Light.51db93c5.eot?#iefix) format("embedded-opentype"),url(../fonts/Gilroy-Light.woff) format("woff"),url(./Gilroy-Light.1179abb1.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: italic;
    font-weight: 500;
    src: url(./Gilroy-MediumItalic.1f718b06.eot);
    src: local("Gilroy Medium Italic"),local("Gilroy-MediumItalic"),url(./Gilroy-MediumItalic.1f718b06.eot?#iefix) format("embedded-opentype"),url(./Gilroy-MediumItalic.55fc04cb.woff) format("woff"),url(./Gilroy-MediumItalic.2a5e4967.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: italic;
    font-weight: 800;
    src: url(./Gilroy-ExtraBoldItalic.c17a055b.eot);
    src: local("Gilroy ExtraBold Italic"),local("Gilroy-ExtraBoldItalic"),url(./Gilroy-ExtraBoldItalic.c17a055b.eot?#iefix) format("embedded-opentype"),url(./Gilroy-ExtraBoldItalic.43f803a5.woff) format("woff"),url(./Gilroy-ExtraBoldItalic.6b41cbdc.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 400;
    src: url(./Gilroy-Regular.173bd897.eot);
    src: local("Gilroy Regular"),local("Gilroy-Regular"),url(./Gilroy-Regular.173bd897.eot?#iefix) format("embedded-opentype"),url(../fonts/Gilroy-Regular.woff) format("woff"),url(./Gilroy-Regular.8bbb8f0f.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: italic;
    font-weight: 900;
    src: url(./Gilroy-HeavyItalic.677c07d1.eot);
    src: local("Gilroy Heavy Italic"),local("Gilroy-HeavyItalic"),url(./Gilroy-HeavyItalic.677c07d1.eot?#iefix) format("embedded-opentype"),url(./Gilroy-HeavyItalic.57544e3f.woff) format("woff"),url(./Gilroy-HeavyItalic.6903b5a5.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 500;
    src: url(./Gilroy-Medium.5e0f2414.eot);
    src: local("Gilroy Medium"),local("Gilroy-Medium"),url(./Gilroy-Medium.5e0f2414.eot?#iefix) format("embedded-opentype"),url(../fonts/Gilroy-Medium.woff) format("woff"),url(./Gilroy-Medium.ce8d455b.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: italic;
    font-weight: 400;
    src: url(./Gilroy-RegularItalic.0b0478f4.eot);
    src: local("Gilroy Regular Italic"),local("Gilroy-RegularItalic"),url(./Gilroy-RegularItalic.0b0478f4.eot?#iefix) format("embedded-opentype"),url(../fonts/Gilroy-RegularItalic.woff) format("woff"),url(./Gilroy-RegularItalic.95a6d0b0.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 200;
    src: url(./Gilroy-UltraLight.688fc338.eot);
    src: local("Gilroy UltraLight"),local("Gilroy-UltraLight"),url(./Gilroy-UltraLight.688fc338.eot?#iefix) format("embedded-opentype"),url(./Gilroy-UltraLight.cbb4b075.woff) format("woff"),url(./Gilroy-UltraLight.e2b12514.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 700;
    src: url(./Gilroy-Bold.de6dbd87.eot);
    src: local("Gilroy Bold"),local("Gilroy-Bold"),url(./Gilroy-Bold.de6dbd87.eot?#iefix) format("embedded-opentype"),url(../fonts/Gilroy-Bold.woff) format("woff"),url(./Gilroy-Bold.ed3a99e5.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 100;
    src: url(./Gilroy-Thin.b1134e47.eot);
    src: local("Gilroy Thin"),local("Gilroy-Thin"),url(./Gilroy-Thin.b1134e47.eot?#iefix) format("embedded-opentype"),url(./Gilroy-Thin.03b701cf.woff) format("woff"),url(./Gilroy-Thin.0bf559df.ttf) format("truetype")
}

@font-face {
    font-family: Gilroy;
    font-style: normal;
    font-weight: 900;
    src: url(./Gilroy-Black.50b1425c.eot);
    src: local("Gilroy Black"),local("Gilroy-Black"),url(./Gilroy-Black.50b1425c.eot?#iefix) format("embedded-opentype"),url(./Gilroy-Black.a7ad2985.woff) format("woff"),url(./Gilroy-Black.68176a37.ttf) format("truetype")
}

.odometer-digit {
    line-height: .8
}

#root .footer .main .menu {
    padding: 1rem 0
}

.docx ol,.docx p,.docx ul {
    margin-bottom: 1rem
}

.docx ol,.docx ul {
    padding-left: 1rem
}

.docx h3 {
    margin-bottom: 1rem
}

.docx p>font {
    font-size: 1.55rem
}

.docx h1 {
    font-size: 1.75rem;
    margin-bottom: 1rem
}

* {
    border: 0;
    box-sizing: border-box;
    font-family: Gilroy;
    margin: 0;
    outline: 0;
    padding: 0
}

a {
    text-decoration: none
}

button,input,textarea {
    border: none;
    outline: none!important
}

body,html {
    background-color: var(--primary-1);
    height: 100%
}

.cursor-not-allowed {
    cursor: not-allowed!important
}

body #root {
    display: flex;
    flex-direction: column
}

body #root .app {
    flex-shrink: 0;
    padding: 25px 50px
}

@media (max-width: 1000px) {
    body #root .app {
        padding:0
    }
}

body #root .app .header {
    height: 70px;
    margin-bottom: 40px
}

@media screen and (max-width: 980px) {
    body #root .app .header {
        display:none
    }
}

body #root .app .header .header-row {
    display: flex;
    flex-wrap: wrap
}

body #root .app .header .header-row .content {
    display: flex;
    width: calc(100% - 365px)
}

body #root .app .header .header-row .content .menu {
    display: flex;
    overflow-x: auto;
    white-space: nowrap
}

@media (max-width: 1000px) {
    body #root .app .header .header-row .content .menu {
        justify-content:center;
        width: 100%
    }
}

@media (max-width: 600px) {
    body #root .app .header .header-row .content .menu {
        flex-wrap:wrap
    }
}

body #root .app .header .header-row .content .menu a {
    color: #b6b0d7;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 70px;
    margin-right: 40px;
    position: relative;
    text-transform: uppercase
}

@media (max-width: 600px) {
    body #root .app .header .header-row .content .menu a {
        margin-right:15px
    }
}

body #root .app .header .header-row .content .menu a:last-child {
    margin-right: 0
}

body #root .app .header .header-row .content .menu a:after {
    background: linear-gradient(90deg,#ffc658 -18.18%,#f4a100 49.18%,#ffc658 120%);
    border-radius: 100px;
    bottom: 0;
    box-shadow: 0 8px 22px #dc960e80;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    transition: .4s ease;
    width: 0
}

body #root .app .header .header-row .content .menu a.active,body #root .app .header .header-row .content .menu a:hover {
    color: #2c2d33
}

body #root .app .header .header-row .content .menu a.active:after,body #root .app .header .header-row .content .menu a:hover:after {
    width: 100%
}

body #root .app .header .header-row .content .right {
    align-items: center;
    display: flex;
    height: 70px;
    margin-left: auto;
    min-width: 585px
}

@media (max-width: 620px) {
    body #root .app .header .header-row .content .right {
        display:block;
        height: unset
    }
}

body #root .app .header .header-row .content .right .social {
    display: flex;
    margin: auto;
    width: 85px
}

body #root .app .header .header-row .content .right .social a {
    align-items: center;
    display: inline-flex;
    margin-right: 20px;
    width: 30px
}

body #root .app .header .header-row .content .right .social a:last-child {
    margin-right: 0
}

body #root .app .header .header-row .content .right .social img {
    height: 17px
}

body #root .app .header .header-row .content .right .profile {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 15px 15px #e2e2f0a6;
    display: flex;
    height: 70px;
    min-width: 450px;
    padding: 13px
}

@media (max-width: 550px) {
    body #root .app .header .header-row .content .right .profile {
        flex-wrap:wrap;
        height: unset
    }
}

@media (max-width: 620px) {
    body #root .app .header .header-row .content .right .profile {
        left:20px;
        position: fixed;
        right: 20px;
        top: 20px;
        width: calc(100% - 40px);
        z-index: 9999
    }
}

body #root .app .header .header-row .content .right .profile a.username {
    align-items: center;
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 50%;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    margin-right: 10px;
    text-transform: uppercase;
    width: 45px
}

body #root .app .header .header-row .content .right .profile img.icon {
    height: 45px;
    width: 22px
}

body #root .app .header .header-row .content .right .profile button.payment {
    align-items: center;
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 4px;
    color: #fff;
    display: flex;
    font-size: 17px;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    overflow: hidden;
    width: 135px
}

@media (max-width: 550px) {
    body #root .app .header .header-row .content .right .profile button.payment {
        font-size:30px;
        width: 45px
    }
}

body #root .app .header .header-row .content .right .profile button.payment:hover {
    opacity: .8
}

body #root .app .header .header-row .content .right .profile button.withdraw {
    align-items: center;
    background: #f8f6ff;
    border-radius: 4px;
    color: #bbb4dd;
    display: flex;
    font-size: 17px;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    margin-right: 10px;
    overflow: hidden;
    width: 90px
}

@media (max-width: 550px) {
    body #root .app .header .header-row .content .right .profile button.withdraw {
        font-size:30px;
        width: 45px
    }
}

body #root .app .header .header-row .content .right .profile button.withdraw:hover {
    opacity: .8
}

body #root .app .header .header-row .content .right .profile span.money {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-left: 10px;
    width: calc(100% - 322px)
}

@media (max-width: 550px) {
    body #root .app .header .header-row .content .right .profile span.money {
        width:calc(100% - 200px)
    }
}

body #root .app .header .header-row .content .right .auth {
    background: #fff;
    border-radius: 100px;
    box-shadow: 0 15px 15px #e2e2f0a6;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    height: 70px;
    padding: 10px;
    width: 200px
}

@media (max-width: 620px) {
    body #root .app .header .header-row .content .right .auth {
        margin:0 auto
    }
}

body #root .app .header .header-row .content .right .auth span {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 50%;
    box-shadow: 0 15px 65px #b1b1c973;
    display: inline-block;
    height: 50px;
    margin-right: 25px;
    padding: 13px;
    vertical-align: middle;
    width: 50px
}

body #root .app .header .header-row .content .right .auth span img {
    display: block;
    margin: auto
}

body #root .app .header .header-row .content.noauth .menu {
    width: calc(100% - 280px)
}

@media (max-width: 1000px) {
    body #root .app .header .header-row .content.noauth .menu {
        width:100%
    }
}

body #root .app .header .header-row .content.noauth .right {
    width: 320px
}

@media (max-width: 1000px) {
    body #root .app .header .header-row .content.noauth .right {
        width:100%
    }
}

body #root .app .header .header-row .sidebar {
    align-items: center;
    display: flex;
    margin-right: 45px;
    width: 320px
}

@media (max-width: 1000px) {
    body #root .app .header .header-row .sidebar {
        margin-right:0!important
    }
}

body #root .app .header .header-row .sidebar .logotype {
    display: inline-block;
    margin-right: 40px;
    margin-top: -15px;
    position: relative;
    vertical-align: middle;
    z-index: 2
}

@media (max-width: 1000px) {
    body #root .app .header .header-row .sidebar .logotype {
        margin-right:auto!important
    }
}

@media (max-width: 1665px) {
    body #root .app .header .header-row .sidebar {
        margin-right:45px;
        width: 230px
    }

    body #root .app .header .header-row .content {
        width: calc(100% - 275px)
    }
}

@media (max-width: 1520px) {
    body #root .app .header .header-row .content {
        width:calc(100% - 195px)
    }

    body #root .app .header .header-row .sidebar {
        width: 150px
    }
}

@media (max-width: 1000px) {
    body #root .app .header {
        height:auto
    }

    body #root .app .header .header-row {
        display: block
    }

    body #root .app .header .header-row .sidebar {
        text-align: center;
        width: 100%!important
    }

    body #root .app .header .header-row .content {
        display: block;
        width: 100%!important
    }

    body #root .app .header .header-row .content .right {
        justify-content: center;
        margin: 20px 0;
        width: 100%!important
    }
}

@media (max-width: 550px) {
    body #root .app .right .social {
        display:none!important
    }
}

@media (max-width: 500px) {
    body #root .app .header .header-row .content .right {
        display:block!important;
        height: auto!important
    }

    body #root .app .header .header-row .content .right .auth,body #root .app .header .header-row .content .right .wallet {
        display: block;
        margin-bottom: 20px;
        margin-right: 0!important;
        width: 100%!important
    }
}

body #root .app .header-mobile {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #f2f0fe;
    display: flex;
    height: 55px;
    justify-content: space-between;
    left: 0;
    padding: 12px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 999
}

@media screen and (min-width: 980px) {
    body #root .app .header-mobile {
        display:none
    }
}

body #root .app .header-mobile__login {
    background: linear-gradient(90deg,#f4a202,#fac257);
    border-radius: 4px;
    color: #282d38;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    line-height: 15px;
    padding: 7.5px 12px;
    text-align: center
}

body #root .app .header-mobile__center {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-left: auto;
    margin-right: auto
}

body #root .app .header-mobile__center_balance {
    text-align: right
}

body #root .app .header-mobile__center_balance p {
    color: var(--primary-300);
    font-size: 12px
}

body #root .app .header-mobile__center-username {
    align-items: center;
    background: linear-gradient(90deg,#ffc658 -18.18%,#f4a100 49.18%,#ffc658 120%);
    border-radius: 6px;
    color: var(--primary-300);
    color: #282d38;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    height: 30px;
    justify-content: center;
    letter-spacing: .03em;
    line-height: 1;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    width: 30px
}

body #root .app .header-mobile__center-icon {
    height: auto;
    margin-right: 5px;
    width: 20px
}

body #root .app .header-mobile__center-money {
    align-items: center;
    color: var(-primary-800);
    display: flex;
    font-size: 16px;
    font-weight: 700;
    gap: 4px;
    justify-content: flex-end;
    letter-spacing: .03em;
    line-height: 17px;
    text-transform: uppercase
}

body #root .app .header-mobile__center-money .odometer-digit {
    line-height: 1
}

body #root .app .header-mobile__center-money img {
    height: 12px;
    margin-bottom: 1px
}

body #root .app .header-mobile__center-payment,body #root .app .header-mobile__center-withdraw {
    align-items: center;
    background: var(--primary-100);
    border-radius: 4px;
    color: var(--primary-300);
    display: flex;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    min-width: 30px
}

body #root .app .header-mobile__center-payment {
    background: linear-gradient(90deg,#f4a202,#fac257);
    color: #282d38;
    font-size: 14px;
    font-weight: 700;
    padding: 2px 12px
}

body #root .app .header-mobile__center-payment svg {
    display: none
}

@media screen and (max-width: 375px) {
    body #root .app .header-mobile__center-payment {
        padding:2px 6px
    }

    body #root .app .header-mobile__center-payment span {
        display: none
    }

    body #root .app .header-mobile__center-payment svg {
        display: block
    }
}

body #root .app .row {
    display: flex;
    flex-wrap: wrap
}

@media screen and (max-width: 980px) {
    body #root .app .row {
        padding:12px
    }
}

body #root .app .row .content {
    width: calc(100% - 365px)
}

body #root .app .row .content .history {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 25px 65px #e0ddf073;
    overflow-x: auto;
    padding: 30px
}

@media (max-width: 980px) {
    body #root .app .row .content .history {
        border-radius:6px;
        padding: 0
    }
}

body #root .app .row .content .history .title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 25px
}

body #root .app .row .content .history .title img {
    margin-right: 15px;
    vertical-align: sub
}

@media (max-width: 980px) {
    body #root .app .row .content .history .title img {
        height:auto;
        margin-right: 5px;
        width: 15px
    }

    body #root .app .row .content .history .title {
        align-items: center;
        display: flex;
        font-size: 12px;
        font-weight: 700;
        height: 45px;
        justify-content: center;
        margin-bottom: 0
    }
}

body #root .app .row .content .history .table {
    max-width: 100%;
    min-width: 750px
}

@media (max-width: 780px) {
    body #root .app .row .content .history .table {
        font-size:12px
    }
}

@media (max-width: 980px) {
    body #root .app .row .content .history .table {
        min-width:0
    }
}

body #root .app .row .content .history .table .head {
    background: #f8f6ff;
    border-radius: 3px;
    box-shadow: 0 8px 15px #e4dff314;
    display: flex;
    margin-bottom: 15px;
    padding: 15px 30px
}

@media (max-width: 980px) {
    body #root .app .row .content .history .table .head {
        border-radius:6px;
        margin-bottom: 6px;
        padding: 13px 12px
    }
}

body #root .app .row .content .history .table .head span {
    color: #c3bdde;
    display: inline-block;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
    width: 20%
}

@media (max-width: 900px) {
    body #root .app .row .content .history .table .head span {
        font-size:12px;
        font-weight: 600;
        line-height: 14px;
        width: calc(20% - 10px)
    }

    body #root .app .row .content .history .table .head span:first-child {
        width: 50px
    }
}

@media (max-width: 980px) {
    body #root .app .row .content .history .table .head span {
        font-size:10px;
        font-weight: 700
    }

    body #root .app .row .content .history .table .head>:nth-child(2),body #root .app .row .content .history .table .head>:nth-child(3) {
        display: none
    }
}

body #root .app .row .content .history .table .head>:nth-child(4) {
    text-align: center
}

body #root .app .row .content .history .table .head>:nth-child(5) {
    text-align: right
}

@media (max-width: 980px) {
    body #root .app .row .content .history .table .head>:nth-child(4) {
        width:100%
    }
}

body #root .app .row .content .history .table .games .game {
    align-items: center;
    background: rgba(250,249,255,.6);
    border-radius: 3px;
    box-shadow: 0 0 35px #ece9fd26;
    display: flex;
    height: 55px;
    margin-bottom: 15px;
    padding: 15px 30px
}

body #root .app .row .content .history .table .games .game:last-child {
    margin-bottom: 0
}

body #root .app .row .content .history .table .games .game span {
    color: #0e1317;
    display: inline-block;
    font-weight: 500;
    letter-spacing: .03em;
    text-transform: uppercase;
    width: 20%
}

@media (max-width: 980px) {
    body #root .app .row .content .history .table .games .game span {
        border-radius:6px;
        margin-bottom: 0;
        width: calc(20% - 10px)
    }

    body #root .app .row .content .history .table .games .game span:first-child {
        width: 50px
    }

    body #root .app .row .content .history .table .games .game span img {
        height: 15px;
        width: 15px
    }
}

body #root .app .row .content .history .table .games .game span img {
    vertical-align: middle
}

body #root .app .row .content .history .table .games .game span:last-child {
    font-weight: 600
}

body #root .app .row .content .history .table .games .game .success {
    color: #76ac41
}

body #root .app .row .content .history .table .games .game .danger {
    color: #ff3232
}

@media (max-width: 980px) {
    body #root .app .row .content .history .table .games .game {
        background:#fff;
        border-radius: 6px!important;
        font-size: 12px;
        font-weight: 700;
        height: 40px;
        margin-bottom: 6px;
        padding: 12px
    }

    body #root .app .row .content .history .table .games .game>:nth-child(2),body #root .app .row .content .history .table .games .game>:nth-child(3) {
        display: none
    }
}

body #root .app .row .content .history .table .games .game>:nth-child(4) {
    text-align: center
}

body #root .app .row .content .history .table .games .game>:nth-child(5) {
    text-align: right
}

@media (max-width: 980px) {
    body #root .app .row .content .history .table .games .game>:nth-child(4) {
        width:100%
    }
}

body #root .app .row .content .games {
    margin-bottom: 40px
}

@media (max-width: 980px) {
    body #root .app .row .content .games {
        margin-bottom:0
    }
}

body #root .app .row .content .games .title {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative
}

body #root .app .row .content .games .title:after {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 100px;
    bottom: -15px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
    width: 30%
}

body #root .app .row .content .games .flex {
    display: flex;
    overflow: hidden
}

@media (max-width: 1450px) {
    body #root .app .row .content .games .flex {
        flex-wrap:wrap
    }
}

@media (max-width: 650px) {
    body #root .app .row .content .games .flex {
        display:block
    }
}

body #root .app .row .content .games .flex .game {
    background: #fff;
    box-shadow: 0 15px 85px #d7d3ec73;
    padding: 45px;
    position: relative;
    text-align: center;
    z-index: 1
}

body #root .app .row .content .games .flex .game:last-child {
    margin-right: 0
}

body #root .app .row .content .games .flex .game .name {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 25px;
    margin-top: 35px
}

body #root .app .row .content .games .flex .game a {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 3px;
    box-shadow: 0 8px 15px #6e78f340;
    color: #fff;
    display: block;
    font-size: 18px;
    letter-spacing: .03em;
    padding: 15px
}

@media (max-width: 1550px) {
    body #root .app .row .content .games .flex .game a {
        font-size:15px;
        padding: 10px
    }
}

body #root .app .row .content .games .flex .game a img {
    height: 15px;
    margin-left: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: middle;
    width: 15px
}

body #root .app .row .content .games .flex .game a.disabled {
    background: #e4e1fb;
    box-shadow: none;
    color: #c8c8e1;
    pointer-events: none
}

body #root .app .row .content .games .flex .game img {
    z-index: 1
}

body #root .app .row .content .games .flex .game:after {
    left: 30px;
    top: 30px
}

body #root .app .row .content .games .flex .game:after,body #root .app .row .content .games .flex .game:before {
    background-image: url(../images/games/lines.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 81px;
    position: absolute;
    width: 101px;
    z-index: -1
}

body #root .app .row .content .games .flex .game:before {
    bottom: 100px;
    right: 30px
}

body #root .app .row .content .new-games {
    margin-bottom: 40px;
    margin-top: 24px
}

@media (max-width: 1000px) {
    body #root .app .row .content .new-games {
        margin-bottom:10px;
        margin-top: 10px
    }
}

body #root .app .row .content .new-games .flex {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    overflow: visible!important
}

@media (max-width: 1581px) {
    body #root .app .row .content .new-games .flex {
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}

@media (max-width: 1241px) and (max-width:1580px) {
    body #root .app .row .content .new-games .flex {
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
}

@media (max-width: 1000px) {
    body #root .app .row .content .new-games .flex {
        gap:10px
    }
}

body #root .app .row .content .new-games .flex .game {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 15px 85px #d7d3ec73;
    display: flex;
    padding: 25px 30px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1
}

@media screen and (max-width: 980px) {
    body #root .app .row .content .new-games .flex .game {
        border-radius:4px;
        padding: 13px
    }
}

body #root .app .row .content .new-games .flex .game .name {
    color: #000;
    font-size: 25px;
    font-size: 20px;
    font-weight: 600
}

@media screen and (max-width: 980px) {
    body #root .app .row .content .new-games .flex .game .name {
        font-size:14px;
        margin: 0
    }
}

body #root .app .row .content .new-games .flex .game img {
    border-radius: 6px;
    flex-shrink: 0;
    height: 60px;
    margin-right: 25px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 60px;
    z-index: 1
}

@media screen and (max-width: 980px) {
    body #root .app .row .content .new-games .flex .game img {
        border-radius:4px;
        height: 40px;
        margin-right: 13px;
        overflow: hidden;
        width: 40px
    }
}

body #root .app .row .content .new-games .flex .game:hover {
    opacity: .8
}

body #root .app .row .content .faq-page .center {
    text-align: center
}

body #root .app .row .content .faq-page .center .title {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative
}

body #root .app .row .content .faq-page .center .title:after {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 100px;
    bottom: -15px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 70%
}

body #root .app .row .content .faq-page .cards .card {
    border-radius: 6px;
    box-shadow: 0 25px 125px #c6c6d840;
    height: 100%;
    margin-bottom: 20px;
    overflow: hidden
}

body #root .app .row .content .faq-page .cards .card .card-header {
    background: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 30px
}

body #root .app .row .content .faq-page .cards .card .card-header img {
    filter: drop-shadow(0 15px 35px rgba(0,0,0,.15));
    margin-right: 20px;
    vertical-align: top
}

body #root .app .row .content .faq-page .cards .card .card-header span.icon {
    cursor: pointer;
    float: right;
    margin-top: 30px
}

body #root .app .row .content .faq-page .cards .card .card-header span.icon img.reverse {
    transform: rotate(180deg)
}

body #root .app .row .content .faq-page .cards .card .card-header span.name {
    line-height: 75px
}

body #root .app .row .content .faq-page .cards .card .card-body {
    background-color: #f8f7ff;
    color: #b6b0d7;
    display: none;
    font-size: 18px;
    font-weight: 500;
    padding: 20px
}

body #root .app .row .content .faq-page .cards .card.show .card-header span.icon img {
    transform: rotate(180deg)
}

body #root .app .row .content .faq-page .cards .card.show .card-body {
    display: block
}

body #root .app .row .content .refs-page .card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px #f8f6ff40
}

body #root .app .row .content .refs-page .card .refs-flex {
    display: flex
}

body #root .app .row .content .refs-page .card .refs-flex .refs-content {
    padding: 30px;
    width: 981px
}

body #root .app .row .content .refs-page .card .refs-flex .refs-content .refs-header {
    margin-bottom: 20px
}

body #root .app .row .content .refs-page .card .refs-flex .refs-content .refs-header .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px
}

body #root .app .row .content .refs-page .card .refs-flex .refs-content .refs-header .description {
    color: #c5c0df;
    font-size: 15px;
    font-weight: 500
}

body #root .app .row .content .refs-page .card .refs-flex .grid {
    border-left: 1px solid #f0f1ff;
    overflow: hidden;
    width: calc(100% - 981px)
}

body #root .app .row .content .refs-page .card .refs-flex .grid .item {
    border-bottom: 1px solid #f0f1ff;
    padding: 24px 20px;
    text-align: center
}

body #root .app .row .content .refs-page .card .refs-flex .grid .item .name {
    color: #bdb7db;
    font-weight: 500
}

body #root .app .row .content .refs-page .card .refs-flex .grid .item .score {
    color: #2c3034;
    font-size: 20px;
    font-weight: 600;
    margin-top: 5px
}

body #root .app .row .content .refs-page .card .refs-flex .grid .item:last-child {
    border-bottom: none
}

body #root .app .row .content .refs-page .referals {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px #f8f6ff40;
    margin-bottom: 20px
}

body #root .app .row .content .refs-page .referals .refs-flex {
    display: flex
}

body #root .app .row .content .refs-page .referals .refs-flex .refs-content {
    padding: 30px;
    width: calc(100% - 350px)
}

body #root .app .row .content .refs-page .referals .refs-flex .refs-content .refs-header .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px
}

body #root .app .row .content .refs-page .referals .refs-flex .refs-content .refs-header .description {
    color: #c5c0df;
    font-size: 15px;
    font-weight: 500
}

body #root .app .row .content .refs-page .referals .refs-flex .grid {
    overflow: hidden;
    padding: 25px;
    width: 350px
}

body #root .app .row .content .refs-page .referals .refs-flex .grid .group {
    border-radius: 3px;
    box-shadow: 0 25px 65px #e0ddf073;
    overflow: hidden;
    position: relative
}

body #root .app .row .content .refs-page .referals .refs-flex .grid .group input {
    background-color: #e7e2f9;
    background: #e7e2f9;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    padding: 19px;
    width: 100%
}

body #root .app .row .content .refs-page .referals .refs-flex .grid .group button {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 3px;
    bottom: 0;
    cursor: pointer;
    height: 55px;
    position: absolute;
    right: 0;
    top: 0;
    width: 55px
}

body #root .app .row .content .refs-page .referals .refs-flex .grid .group button:hover {
    opacity: .8
}

body #root .app .row .content .refs-page .center {
    text-align: center
}

body #root .app .row .content .refs-page .center .title {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    position: relative
}

body #root .app .row .content .refs-page .center .title:after {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 100px;
    bottom: -15px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 30%
}

body #root .app .row .content .redesign-bonus-page {
    background-color: transparent;
    border-radius: 10px;
    padding: 5px 10px
}

body #root .app .row .content .redesign-bonus-page .title {
    color: #262a31;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative
}

body #root .app .row .content .redesign-bonus-page .title:after {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 11px;
    bottom: -10px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 35px
}

body #root .app .row .content .redesign-bonus-page .alert {
    align-items: center;
    background-color: #6d88f8;
    background-image: url(../images/redesign_bonus/alert-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    display: flex;
    margin-bottom: 15px;
    padding: 15px
}

body #root .app .row .content .redesign-bonus-page .alert .badge {
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    height: 80px;
    justify-content: center;
    margin-right: 25px;
    width: 80px
}

body #root .app .row .content .redesign-bonus-page .alert .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: calc(100% - 380px)
}

body #root .app .row .content .redesign-bonus-page .alert .info .name {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px
}

body #root .app .row .content .redesign-bonus-page .alert .info .description {
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

body #root .app .row .content .redesign-bonus-page .alert button {
    background: #faf9ff;
    border-radius: 12px;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    height: 60px;
    width: 275px
}

body #root .app .row .content .redesign-bonus-page .alert button:hover {
    background-color: #fff;
    cursor: pointer
}

@media (max-width: 850px) {
    body #root .app .row .content .redesign-bonus-page .alert {
        flex-wrap:wrap
    }

    body #root .app .row .content .redesign-bonus-page .alert .info {
        width: calc(100% - 105px)
    }

    body #root .app .row .content .redesign-bonus-page .alert button {
        margin-top: 15px;
        width: 100%
    }
}

body #root .app .row .content .redesign-bonus-page .levels {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
    position: relative
}

body #root .app .row .content .redesign-bonus-page .levels .level {
    background: #fff;
    border: 1px solid #ece9fd;
    border-radius: 14px;
    margin-bottom: 15px;
    padding: 30px;
    position: relative;
    width: calc(33.33333% - 10px)
}

@media (max-width: 1550px) {
    body #root .app .row .content .redesign-bonus-page .levels .level {
        width:calc(50% - 10px)
    }

    body #root .app .row .content .redesign-bonus-page .levels .level:last-child {
        width: 100%
    }
}

@media (max-width: 1190px) {
    body #root .app .row .content .redesign-bonus-page .levels .level {
        width:100%
    }
}

body #root .app .row .content .redesign-bonus-page .levels .level.active {
    border: 2px solid #80b849
}

body #root .app .row .content .redesign-bonus-page .levels .level .head {
    align-items: center;
    display: flex;
    margin-bottom: 15px
}

body #root .app .row .content .redesign-bonus-page .levels .level .head .badge {
    align-items: center;
    background: radial-gradient(50% 50% at 50% 50%,#a2bdff 0,#6b38ff 100%);
    border-radius: 16px;
    color: #fff;
    display: flex;
    font-size: 40px;
    font-weight: 700;
    height: 75px;
    justify-content: center;
    margin-right: 15px;
    width: 75px
}

body #root .app .row .content .redesign-bonus-page .levels .level .head .name {
    font-size: 25px;
    font-weight: 700;
    width: calc(100% - 90px)
}

body #root .app .row .content .redesign-bonus-page .levels .level .current {
    background: linear-gradient(90deg,#76ac41 3.33%,#97d25b);
    border-radius: 6px;
    color: #fff;
    font-weight: 500;
    padding: 10px 15px;
    position: absolute;
    right: 20px;
    top: 20px
}

body #root .app .row .content .redesign-bonus-page .levels .level .cards {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

body #root .app .row .content .redesign-bonus-page .levels .level .cards .card {
    align-items: center;
    background: #f8f7ff;
    border-radius: 8px;
    display: flex;
    padding: 15px;
    width: calc(50% - 5px)
}

body #root .app .row .content .redesign-bonus-page .levels .level .cards .card .badge {
    align-items: center;
    border-radius: 8px;
    display: flex;
    height: 45px;
    justify-content: center;
    margin-right: 15px;
    width: 45px
}

body #root .app .row .content .redesign-bonus-page .levels .level .cards .card .badge.primary {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%)
}

body #root .app .row .content .redesign-bonus-page .levels .level .cards .card .badge.success {
    background: linear-gradient(90deg,#76ac41 3.33%,#97d25b);
    color: #fff;
    font-size: 18px;
    font-weight: 700
}

body #root .app .row .content .redesign-bonus-page .levels .level .cards .card .info {
    display: flex;
    flex-direction: column;
    width: calc(100% - 60px)
}

body #root .app .row .content .redesign-bonus-page .levels .level .cards .card .info .name {
    color: #bfbadc;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 5px
}

body #root .app .row .content .redesign-bonus-page .levels .level .cards .card .info .score {
    color: #000;
    font-size: 16px;
    font-weight: 700
}

body #root .app .row .content .redesign-bonus-page .levels .level .progress-bar .messages {
    display: flex;
    font-size: 15px;
    font-weight: 600;
    justify-content: space-between
}

body #root .app .row .content .redesign-bonus-page .levels .level .progress-bar .messages .success {
    align-items: center;
    color: #80b849;
    display: flex
}

body #root .app .row .content .redesign-bonus-page .levels .level .progress-bar .messages .success img {
    margin-left: 5px
}

body #root .app .row .content .redesign-bonus-page .levels .level .progress-bar .progress {
    background: #e9e6f4;
    border-radius: 11px;
    height: 4px;
    margin-top: 10px;
    overflow: hidden;
    position: relative
}

body #root .app .row .content .redesign-bonus-page .levels .level .progress-bar .progress .line {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 11px;
    height: 4px;
    position: absolute;
    width: 150px
}

body #root .app .row .content .redesign-bonus-page .levels .level .progress-bar .progress .line.success {
    background: linear-gradient(90deg,#76ac41 3.33%,#97d25b)
}

body #root .app .row .content .redesign-bonus-page .levels button.more {
    align-items: center;
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 12px;
    bottom: 0;
    box-shadow: 0 15px 25px #4b34aa40;
    display: flex;
    height: 50px;
    justify-content: center;
    margin: auto;
    position: absolute;
    right: -25px;
    top: 0;
    width: 50px;
    z-index: 1
}

body #root .app .row .content .redesign-bonus-page .levels button.more:hover {
    cursor: pointer;
    opacity: .7
}

body #root .app .row .content .redesign-bonus-page .levels button.prev {
    align-items: center;
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 12px;
    bottom: 0;
    box-shadow: 0 15px 25px #4b34aa40;
    display: flex;
    height: 50px;
    justify-content: center;
    left: -25px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 50px;
    z-index: 1
}

body #root .app .row .content .redesign-bonus-page .levels button.prev img {
    transform: rotate(180deg)
}

body #root .app .row .content .redesign-bonus-page .levels button.prev:hover {
    cursor: pointer;
    opacity: .7
}

body #root .app .row .content .redesign-bonus-page .actions-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
    position: relative
}

body #root .app .row .content .redesign-bonus-page .actions-cards .action {
    background: #fff;
    border: 1px solid #ece9fd;
    border-radius: 14px;
    margin-bottom: 15px;
    padding: 30px;
    text-align: center;
    width: calc(33.33333% - 10px)
}

@media (max-width: 1300px) {
    body #root .app .row .content .redesign-bonus-page .actions-cards .action {
        width:calc(50% - 10px)
    }

    body #root .app .row .content .redesign-bonus-page .actions-cards .action:last-child {
        width: 100%
    }
}

@media (max-width: 750px) {
    body #root .app .row .content .redesign-bonus-page .actions-cards .action {
        width:100%
    }
}

body #root .app .row .content .redesign-bonus-page .actions-cards .action .score {
    align-items: center;
    display: flex;
    font-size: 30px;
    font-weight: 700;
    justify-content: center
}

body #root .app .row .content .redesign-bonus-page .actions-cards .action .score .circle {
    align-items: center;
    background-color: #f8f7ff;
    border-radius: 50%;
    color: #9b94bc;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 30px;
    justify-content: center;
    margin-left: 10px;
    position: relative;
    width: 30px
}

body #root .app .row .content .redesign-bonus-page .actions-cards .action .score .circle .message {
    background-color: #f8f6ff;
    border-radius: 10px;
    display: none;
    font-size: 18px;
    font-weight: 500;
    padding: 15px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 38px;
    width: 280px
}

body #root .app .row .content .redesign-bonus-page .actions-cards .action .score .circle:hover .message {
    display: block
}

body #root .app .row .content .redesign-bonus-page .actions-cards .action .description {
    color: #bfbadc;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px
}

body #root .app .row .content .redesign-bonus-page .actions-cards .action button {
    border-radius: 8px;
    font-size: 17px;
    font-weight: 600;
    padding: 15px 25px
}

body #root .app .row .content .redesign-bonus-page .actions-cards .action button.warning {
    background: linear-gradient(90deg,#ffc658 -18.18%,#f4a100 49.18%,#ffc658 120%)
}

body #root .app .row .content .redesign-bonus-page .actions-cards .action button.primary {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    color: #fff
}

body #root .app .row .content .redesign-bonus-page .actions-cards .action button:hover {
    cursor: pointer;
    opacity: .8
}

body #root .app .row .content .redesign-bonus-page .big-repost-card {
    align-items: center;
    background: #fff;
    border: 1px solid #ece9fd;
    border-radius: 12px;
    display: flex;
    margin-bottom: 15px;
    padding: 0 70px
}

body #root .app .row .content .redesign-bonus-page .big-repost-card img.bag {
    height: 507px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 507px
}

body #root .app .row .content .redesign-bonus-page .big-repost-card .info {
    width: calc(100% - 507px)
}

body #root .app .row .content .redesign-bonus-page .big-repost-card .info .name {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px
}

body #root .app .row .content .redesign-bonus-page .big-repost-card .info .name span {
    color: #7449e6
}

body #root .app .row .content .redesign-bonus-page .big-repost-card .info .condition {
    align-items: center;
    color: #958dc0;
    display: flex;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px
}

body #root .app .row .content .redesign-bonus-page .big-repost-card .info .condition .message {
    color: #958dc4
}

body #root .app .row .content .redesign-bonus-page .big-repost-card .info .condition .message span {
    color: #7449e6
}

body #root .app .row .content .redesign-bonus-page .big-repost-card .info .condition span.circle {
    align-items: center;
    border: 2px solid #d3cef5;
    border-radius: 50%;
    display: flex;
    height: 26px;
    justify-content: center;
    margin-right: 10px;
    width: 26px
}

body #root .app .row .content .redesign-bonus-page .big-repost-card .info .condition span.circle.primary {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border: none
}

body #root .app .row .content .redesign-bonus-page .big-repost-card .info .condition span.circle.success {
    background: linear-gradient(90deg,#76ac41 3.33%,#97d25b);
    border: none
}

body #root .app .row .content .redesign-bonus-page .big-repost-card .info button {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 8px;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 15px 35px
}

body #root .app .row .content .redesign-bonus-page .big-repost-card .info button:hover {
    cursor: pointer;
    opacity: .7
}

@media (max-width: 1500px) {
    body #root .app .row .content .redesign-bonus-page .big-repost-card {
        padding:25px
    }

    body #root .app .row .content .redesign-bonus-page .big-repost-card img.bag {
        height: 200px;
        margin-right: 25px;
        width: 200px
    }

    body #root .app .row .content .redesign-bonus-page .big-repost-card .info {
        width: calc(100% - 225px)
    }
}

@media (max-width: 1200px) {
    body #root .app .row .content .redesign-bonus-page .big-repost-card {
        display:block
    }

    body #root .app .row .content .redesign-bonus-page .big-repost-card .info {
        width: 100%
    }
}

body #root .app .row .content .redesign-bonus-page .actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

body #root .app .row .content .redesign-bonus-page .actions .action {
    background: #fff;
    border: 1px solid #ece9fd;
    border-radius: 12px;
    display: flex;
    padding: 30px;
    width: calc(33.33333% - 10px)
}

@media (max-width: 1550px) {
    body #root .app .row .content .redesign-bonus-page .actions .action {
        margin-bottom:15px;
        width: calc(50% - 10px)
    }

    body #root .app .row .content .redesign-bonus-page .actions .action:last-child {
        width: 100%
    }
}

body #root .app .row .content .redesign-bonus-page .actions .action:last-child {
    margin-bottom: 0
}

@media (max-width: 1200px) {
    body #root .app .row .content .redesign-bonus-page .actions .action {
        width:100%
    }
}

body #root .app .row .content .redesign-bonus-page .actions .action .badge {
    align-items: center;
    border-radius: 16px;
    display: flex;
    height: 75px;
    justify-content: center;
    margin-right: 15px;
    position: relative;
    width: 75px
}

body #root .app .row .content .redesign-bonus-page .actions .action .badge.vk {
    background: radial-gradient(50% 50% at 50% 50%,#a2bdff 0,#07f 100%)
}

body #root .app .row .content .redesign-bonus-page .actions .action .badge.success {
    background: linear-gradient(90deg,#76ac41 3.33%,#97d25b)
}

body #root .app .row .content .redesign-bonus-page .actions .action .badge.telegram {
    background: radial-gradient(50% 50% at 50% 50%,#9cb9ff 0,#0098ed 100%)
}

body #root .app .row .content .redesign-bonus-page .actions .action .badge.time {
    background: radial-gradient(50% 50% at 50% 50%,#69a4ff 0,#734be6 100%);
    border-radius: 8px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    height: 50px
}

body #root .app .row .content .redesign-bonus-page .actions .action .info {
    position: relative;
    width: calc(100% - 90px)
}

body #root .app .row .content .redesign-bonus-page .actions .action .info .name {
    color: #000;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 5px
}

body #root .app .row .content .redesign-bonus-page .actions .action .info .descriptions {
    color: #958dc0;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px
}

body #root .app .row .content .redesign-bonus-page .actions .action .info button {
    border-radius: 8px;
    font-size: 15px;
    font-weight: 700;
    height: 52px;
    width: 200px
}

body #root .app .row .content .redesign-bonus-page .actions .action .info button.warning {
    background: linear-gradient(90deg,#ffc658 -18.18%,#f4a100 49.18%,#ffc658 120%)
}

body #root .app .row .content .redesign-bonus-page .actions .action .info button.disabled {
    background: #f8f6ff;
    color: #bdb7e1;
    font-size: 16px;
    font-weight: 600
}

body #root .app .row .content .redesign-bonus-page .actions .action .info button:hover {
    cursor: pointer;
    opacity: .8
}

body #root .app .row .content .redesign-bonus-page .actions .action .info .input {
    align-items: center;
    background: #f8f6ff;
    border-radius: 8px;
    display: flex;
    height: 52px;
    justify-content: space-between;
    overflow: hidden;
    padding-left: 20px
}

body #root .app .row .content .redesign-bonus-page .actions .action .info .input input {
    background-color: transparent;
    color: #bdb7e1;
    font-size: 17px;
    font-weight: 600;
    height: 52px;
    margin-left: 10px;
    width: calc(100% - 80px)
}

body #root .app .row .content .redesign-bonus-page .actions .action .info .input button {
    background: linear-gradient(90deg,#f4a202,#fac257);
    border-radius: 8px;
    height: 52px;
    width: 52px
}

body #root .app .row .content .redesign-bonus-page .actions .action .info .input button:hover {
    cursor: pointer;
    opacity: .7
}

@media (max-width: 500px) {
    body #root .app .row .content .redesign-bonus-page .actions .action {
        display:block
    }

    body #root .app .row .content .redesign-bonus-page .actions .action .badge {
        margin-bottom: 15px
    }

    body #root .app .row .content .redesign-bonus-page .actions .action .info {
        width: 100%
    }
}

body #root .app .row .content .redesign-bonus-page .tasks {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus {
    background: #fff;
    border: 1px solid #ece9fd;
    border-radius: 14px;
    padding: 30px;
    width: 450px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus .name {
    display: flex;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus .name span {
    color: #7449e6
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus .name .circle {
    align-items: center;
    background-color: #f8f7ff;
    border-radius: 50%;
    color: #9b94bc;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 30px;
    justify-content: center;
    margin-left: 10px;
    position: relative;
    width: 30px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus .name .circle .message {
    background-color: #f8f6ff;
    border-radius: 10px;
    display: none;
    font-size: 18px;
    font-weight: 500;
    padding: 15px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 38px;
    width: 280px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus .name .circle:hover .message {
    display: block
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus .condition {
    align-items: center;
    color: #958dc0;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 15px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus .condition span.circle {
    align-items: center;
    border: 2px solid #d3cef5;
    border-radius: 50%;
    display: flex;
    height: 26px;
    justify-content: center;
    margin-right: 10px;
    width: 26px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus .condition span.circle.primary {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border: none
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus .condition span.circle.success {
    background: linear-gradient(90deg,#76ac41 3.33%,#97d25b);
    border: none
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus .condition .message {
    color: #958dc4;
    width: calc(100% - 41px)
}

body #root .app .row .content .redesign-bonus-page .tasks .task-bonus .condition .message span {
    color: #7449e6
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels {
    background: #fff;
    border: 1px solid #ece9fd;
    border-radius: 14px;
    overflow: hidden;
    padding: 30px;
    position: relative;
    width: calc(100% - 465px)
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .name {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .name span {
    color: #7449e6
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards {
    display: flex;
    overflow-x: scroll
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards::-webkit-scrollbar {
    height: 6px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards::-webkit-scrollbar-track {
    background-color: #faf9ff;
    border-radius: 10px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards::-webkit-scrollbar-thumb {
    background: #dedaf0;
    border-radius: 10px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card {
    background: #f8f7ff;
    border-radius: 8px;
    margin-bottom: 15px;
    margin-right: 15px;
    min-width: 177px;
    padding: 20px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card .head {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card .head .head-name {
    color: #000;
    font-size: 18px;
    font-weight: 600
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card .head .head-badge {
    align-items: center;
    background-color: #52d76d40;
    border-radius: 6px;
    color: #40b859;
    display: flex;
    font-weight: 600;
    height: 27px;
    justify-content: center;
    width: 40px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card .description {
    color: #bfbadc;
    font-size: 15px;
    font-weight: 600;
    margin-top: 10px;
    text-align: center
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card .progress-bar .message {
    color: #bfbadc;
    font-size: 15px;
    font-weight: 600
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card .progress-bar .progress {
    background: #e9e6f4;
    border-radius: 11px;
    height: 4px;
    margin-top: 5px;
    overflow: hidden;
    position: relative
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card .progress-bar .progress .line {
    background: linear-gradient(90deg,#76ac41 3.33%,#97d25b);
    border-radius: 11px;
    height: 4px;
    position: absolute;
    width: 74px
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card.active {
    background: linear-gradient(44.44deg,#7043f0 22.75%,#70a8ff 79.98%)
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card.active .progress {
    background-color: #ffffff73
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card.active .description {
    color: #ffffffa6
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card.active .head .head-name {
    color: #fff
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card.active .head .head-badge {
    background-color: #ffffff40;
    color: #fff
}

body #root .app .row .content .redesign-bonus-page .tasks .task-levels .task-cards .task-card:last-child {
    margin-right: 0
}

@media (max-width: 1330px) {
    body #root .app .row .content .redesign-bonus-page .tasks {
        flex-wrap:wrap
    }

    body #root .app .row .content .redesign-bonus-page .tasks .task-bonus {
        width: 100%
    }

    body #root .app .row .content .redesign-bonus-page .tasks .task-levels {
        margin-bottom: 15px;
        width: 100%
    }
}

body #root .app .row .content .policy-page,body #root .app .row .content .terms-page {
    background-color: #fff;
    border-radius: 10px;
    padding: 40px
}

body #root .app .row .content .policy-page h4,body #root .app .row .content .policy-page h5,body #root .app .row .content .terms-page h4,body #root .app .row .content .terms-page h5 {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
    margin-top: 20px;
    position: relative
}

body #root .app .row .content .policy-page h4:after,body #root .app .row .content .policy-page h5:after,body #root .app .row .content .terms-page h4:after,body #root .app .row .content .terms-page h5:after {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 100px;
    bottom: -15px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
    width: 30%
}

body #root .app .row .content .bubbles-game .bubbles {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 25px 65px #e0ddf073;
    margin-bottom: 20px;
    min-height: 330px;
    padding: 30px
}

body #root .app .row .content .bubbles-game .bubbles .title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 25px
}

body #root .app .row .content .bubbles-game .bubbles .title img {
    margin-right: 15px;
    vertical-align: sub
}

body #root .app .row .content .bubbles-game .bubbles .flex {
    display: flex
}

@media (max-width: 1320px) {
    body #root .app .row .content .bubbles-game .bubbles .flex {
        flex-wrap:wrap
    }
}

body #root .app .row .content .bubbles-game .bubbles .flex .block {
    position: relative
}

body #root .app .row .content .bubbles-game .bubbles .flex .block:last-child {
    margin: 0 auto;
    max-width: 600px;
    padding: 0 50px;
    z-index: 1
}

@media (max-width: 1320px) {
    body #root .app .row .content .bubbles-game .bubbles .flex .block:last-child {
        padding:0
    }
}

body #root .app .row .content .bubbles-game .bubbles .flex .block:last-child:after {
    background-image: url(../images/games/lines.png);
    background-repeat: no-repeat;
    bottom: 30px;
    content: "";
    display: inline-block;
    height: 81px;
    left: 30px;
    position: absolute;
    width: 101px;
    z-index: -1
}

body #root .app .row .content .bubbles-game .bubbles .flex .block:last-child:before {
    background-image: url(../images/games/lines.png);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 81px;
    position: absolute;
    right: 30px;
    top: -30px;
    width: 101px;
    z-index: -1
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .form {
    margin-right: 20px;
    width: calc(50% - 10px)
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .form.wide {
    margin-right: 0!important;
    width: 100%
}

@media (max-width: 1320px) {
    body #root .app .row .content .bubbles-game .bubbles .flex .block .form {
        margin-bottom:40px
    }
}

@media (max-width: 600px) {
    body #root .app .row .content .bubbles-game .bubbles .flex .block .form {
        margin-right:5px;
        width: calc(50% - 2.5px)
    }
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .form:last-child {
    margin-right: 0
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .form .group input {
    background: #f8f7ff;
    border-radius: 6px;
    box-shadow: 0 4px 15px #f8f6ff40;
    font-size: 20px;
    font-weight: 600;
    margin: 10px 0;
    padding: 15px;
    text-align: center;
    width: 100%
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .form .badges {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 3px;
    box-shadow: 0 8px 15px #6f70f040;
    display: flex
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .form .badges span {
    border-right: 1px solid hsla(0,0%,100%,.16);
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 600;
    letter-spacing: .03em;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 25%
}

@media (max-width: 600px) {
    body #root .app .row .content .bubbles-game .bubbles .flex .block .form .badges span {
        font-size:12px;
        overflow: hidden;
        padding: 10px 0
    }
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .form .badges span:last-child {
    border-right: none
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .form .badges span:hover {
    background-color: #ffffff29
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .fair {
    margin-top: 30px;
    text-align: center
}

@media (max-width: 1320px) {
    body #root .app .row .content .bubbles-game .bubbles .flex .block .fair {
        display:none
    }
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .fair span {
    color: #cec8e1;
    display: block;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .03em;
    margin-bottom: 20px;
    text-align: center;
    text-transform: uppercase
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .fair .hash {
    background: #f8f6ff;
    border-radius: 6px;
    color: #b9b1d7;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .03em;
    line-height: 22px;
    padding: 25px;
    text-align: center;
    word-break: break-all
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .score {
    position: relative;
    text-align: center;
    z-index: 1
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .description {
    color: #c5bfdc;
    font-weight: 500;
    letter-spacing: .05em;
    text-align: center
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .actions {
    display: flex;
    margin-top: 50px
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .actions .action {
    margin-right: 10px;
    width: calc(50% - 10px)
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .actions .action:last-child {
    margin-left: 10px;
    margin-right: 0
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .actions .action span {
    background: #f8f6ff;
    border-radius: 3px;
    box-shadow: 0 0 15px #eae6fa26;
    color: #b9b1d7;
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 15px;
    text-align: center
}

@media (max-width: 600px) {
    body #root .app .row .content .bubbles-game .bubbles .flex .block .actions .action span {
        font-size:13px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .loader {
    margin-top: 10px;
    text-align: center
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .loader img {
    animation: rotate 1s linear infinite
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .alert {
    border-radius: 4px;
    box-shadow: 0 5px 35px #72d37040;
    color: #fff;
    margin-top: 10px;
    padding: 15px;
    text-align: center
}

body #root .app .row .content .bubbles-game .bubbles .flex .block .alert i {
    font-size: 20px;
    margin-right: 15px;
    vertical-align: bottom
}

body #root .app .row .content .newdice-game .newdice {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 25px 65px #e0ddf073;
    margin-bottom: 20px;
    min-height: 510px;
    padding: 15px 30px
}

body #root .app .row .content .newdice-game .newdice .group-flex {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px
}

@media (max-width: 1400px) {
    body #root .app .row .content .newdice-game .newdice .group-flex {
        flex-wrap:wrap
    }
}

body #root .app .row .content .newdice-game .newdice .group-flex .title {
    font-size: 18px;
    font-weight: 500
}

body #root .app .row .content .newdice-game .newdice .group-flex .title img {
    margin-right: 15px;
    vertical-align: sub
}

body #root .app .row .content .newdice-game .newdice .group-flex .tabs {
    border: 1px solid #edeaf9;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    width: 600px
}

@media (max-width: 1400px) {
    body #root .app .row .content .newdice-game .newdice .group-flex .tabs {
        margin-top:20px;
        order: 1;
        width: 100%
    }
}

body #root .app .row .content .newdice-game .newdice .group-flex .tabs a {
    color: #cfcbea;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    padding: 20px;
    text-align: center;
    width: 50%
}

body #root .app .row .content .newdice-game .newdice .group-flex .tabs a.active {
    background: #4471ff;
    border-radius: 5px;
    color: #fff
}

body #root .app .row .content .newdice-game .newdice .group-flex .tabs a:hover {
    opacity: .7
}

body #root .app .row .content .newdice-game .newdice .group-flex button.help {
    background-color: transparent;
    border: 1px solid #edeaf9;
    border-radius: 5px;
    color: #cfcbea;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    padding: 20px 30px;
    text-align: center
}

body #root .app .row .content .newdice-game .newdice .group-flex button.help:hover {
    opacity: .7
}

body #root .app .row .content .newdice-game .newdice .flex {
    display: flex;
    margin: 20px -10px
}

@media (max-width: 1500px) {
    body #root .app .row .content .newdice-game .newdice .flex {
        flex-wrap:wrap
    }
}

body #root .app .row .content .newdice-game .newdice .flex .wide {
    margin: 0 10px;
    width: 33.3333333333%
}

@media (max-width: 1500px) {
    body #root .app .row .content .newdice-game .newdice .flex .wide {
        order:2;
        width: calc(50% - 20px)
    }
}

@media (max-width: 1100px) {
    body #root .app .row .content .newdice-game .newdice .flex .wide {
        order:1;
        width: 100%
    }
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .inputs {
    display: flex;
    margin: 0 -5px
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .inputs .group {
    margin: 0 5px;
    position: relative;
    width: 50%
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .inputs .group label {
    background-color: #fff;
    color: #b6b0d7;
    font-weight: 500;
    left: 15px;
    position: absolute;
    top: -10px
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .inputs .group input {
    border: 1px solid #edeaf9;
    border-radius: 5px;
    font-size: 30px;
    font-weight: 600;
    padding: 10px;
    text-align: center;
    width: 100%
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .inputs .group .badges {
    display: flex;
    margin: 5px -2.5px
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .inputs .group .badges span {
    border: 1px solid #edeaf9;
    border-radius: 5px;
    color: #b6b0d7;
    cursor: pointer;
    font-weight: 500;
    margin: 0 2.5px;
    padding: 6px 0;
    text-align: center;
    width: 25%
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .inputs .group .badges span:hover {
    opacity: .7
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .buttons {
    display: flex;
    margin: 10px -5px
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .buttons button {
    background-color: transparent;
    border: 1px solid #edeaf9;
    border-radius: 5px;
    color: #cfcbea;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    margin: 0 5px;
    padding: 18px 30px;
    text-align: center;
    width: 50%
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .buttons button:hover {
    opacity: .7
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .hash {
    border: 1px solid #edeaf9;
    border-radius: 5px;
    margin: 25px 0;
    padding: 15px;
    position: relative
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .hash label {
    background-color: #fff;
    color: #b6b0d7;
    font-weight: 500;
    left: 15px;
    position: absolute;
    top: -10px
}

body #root .app .row .content .newdice-game .newdice .flex .block-left .hash span {
    color: #b6b0d7;
    font-size: 14px;
    font-weight: 600;
    word-break: break-all
}

@media (max-width: 1500px) {
    body #root .app .row .content .newdice-game .newdice .flex .block-main {
        order:1;
        width: 100%
    }
}

@media (max-width: 1100px) {
    body #root .app .row .content .newdice-game .newdice .flex .block-main {
        margin-top:25px
    }
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups {
    display: flex;
    margin: 0 -5px
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group {
    align-items: center;
    border: 1px solid #edeaf9;
    border-radius: 5px;
    display: flex;
    height: 87px;
    justify-content: center;
    margin: 0 5px 15px;
    position: relative;
    width: 50%
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group label {
    color: #b6b0d7;
    display: inline-block;
    font-weight: 500;
    left: 15px;
    position: absolute;
    right: 15px;
    text-align: center;
    text-shadow: 0 0 9px #fff;
    top: -10px
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group span {
    color: #2c3034;
    display: block;
    font-size: 34px;
    font-weight: 700
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group .polygon {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 25px;
    margin: auto;
    position: absolute;
    width: 25px
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group .polygon.blue {
    background-image: url(../images/newdice/polygon-blue.png)
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group .polygon.yellow {
    background-image: url(../images/newdice/polygon-yellow.png)
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group .polygon.bottom {
    bottom: -7px;
    left: 0;
    right: 0
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group .polygon.left {
    bottom: 0;
    left: -7px;
    top: 0;
    transform: rotate(90deg)
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group .polygon.right {
    bottom: 0;
    right: -7px;
    top: 0;
    transform: rotate(-90deg)
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group .bonuses {
    height: 70px;
    overflow: hidden;
    width: 100px
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group .bonuses .slider {
    transform: translateY(8px)
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group .bonuses .slider img {
    height: 56.3px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group .bonuses .slider .spanX {
    height: 60.7px;
    text-align: center
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .groups .group .bonuses .slider.animate {
    transform: translateY(-1018px);
    transition: 1s ease
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .actions {
    display: flex;
    margin: 0 -5px
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .actions .action {
    margin: 0 5px;
    width: 50%
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .actions .action button {
    background: #4471ff;
    border: 1px solid #edeaf9;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding: 16px 30px;
    text-align: center;
    width: 100%
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .actions .action button:hover {
    opacity: .7
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .actions .action span {
    color: #2e2f4b;
    display: block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .features {
    display: flex;
    justify-content: space-between;
    margin-top: 25px
}

@media (max-width: 1500px) {
    body #root .app .row .content .newdice-game .newdice .flex .block-main .features {
        justify-content:center;
        margin-bottom: 40px
    }
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .features .loader {
    margin-top: 10px;
    text-align: center;
    width: 100%
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .features .loader img {
    animation: rotate 1s linear infinite
}

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

    to {
        transform: rotate(1turn)
    }
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .features .feature {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    height: 71px;
    justify-content: center;
    width: 71px
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .features .feature.success {
    background-image: url(../images/crazytime/features-success.svg)
}

body #root .app .row .content .newdice-game .newdice .flex .block-main .features .feature.danger {
    background-image: url(../images/crazytime/features-danger.svg)
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .inputs {
    border: 1px solid #efedfa;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    margin-bottom: 15px;
    padding: 10px
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .inputs button {
    background: #fff;
    border: 1px solid #edeaf9;
    border-radius: 5px;
    box-shadow: 0 4px 25px #dddaf140;
    cursor: pointer;
    font-size: 25px;
    font-weight: 500;
    height: 35px;
    width: 35px
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .inputs button:hover {
    background: #4471ff;
    border-color: #4471ff;
    color: #fff
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .inputs input {
    font-size: 20px;
    font-weight: 600;
    padding: 5px;
    pointer-events: none;
    text-align: center;
    width: calc(100% - 70px)
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop {
    align-items: center;
    border: 1px solid #efedfa;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 10px
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop:last-child {
    margin-bottom: 0
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .features {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 -2.5px;
    overflow: hidden;
    width: calc(100% - 220px)
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .features .feature {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    display: flex;
    font-size: 20px;
    font-weight: 500;
    height: 60px;
    justify-content: center;
    min-width: 45px;
    width: 100%
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .features .feature img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    padding: 12px;
    width: 100%
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .features .feature.success {
    background-image: url(../images/crazytime/features-success.svg)
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .features .feature.danger {
    background-image: url(../images/crazytime/features-danger.svg)
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .buy {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 15px #0000000f;
    display: flex;
    padding: 10px
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .buy span.action {
    align-items: center;
    background: #4471ff;
    border-radius: 5px;
    box-shadow: 0 5px 15px #4471ff40;
    color: #fff;
    display: flex;
    font-weight: 500;
    height: 35px;
    justify-content: center;
    width: 35px
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .buy span.action:hover {
    cursor: pointer;
    opacity: .8
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .buy span.action img {
    height: 15px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 15px
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .buy span.price {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: center;
    width: 80px
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .spins {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 5px 15px #0000000f;
    color: #c3bfe1;
    display: block;
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    text-align: center
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .shop .spins span {
    color: #0d0a0a;
    display: block;
    font-size: 22px;
    font-weight: 600
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .info_bonus {
    align-items: center;
    border: 1px solid #efedfa;
    border-radius: 5px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding: 15px 25px
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .info_bonus span {
    font-weight: 600;
    text-align: center;
    width: 25%
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .info_bonus span.all_x {
    align-items: center;
    background: #4471ff;
    border-radius: 5px;
    box-shadow: 0 5px 15px #4471ff40;
    color: #fff;
    display: flex;
    font-weight: 500;
    justify-content: center;
    padding: 10px
}

body #root .app .row .content .newdice-game .newdice .flex .block-right .shops .info_bonus span.all_win {
    color: #3ebf59
}

body #root .app .row .sidebar {
    margin-right: 45px;
    width: 320px
}

body #root .app .row .sidebar .sidebar_left {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 25px 65px #e0ddf073;
    padding: 30px
}

body #root .app .row .sidebar .sidebar_left .title {
    color: #0e1317;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .03em;
    margin-bottom: 30px
}

body #root .app .row .sidebar .sidebar_left .title img {
    margin-right: 15px;
    vertical-align: sub
}

body #root .app .row .sidebar .sidebar_left a {
    background: #f8f7ff;
    border-radius: 6px;
    color: #b6b0d7;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .07em;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 12px 15px
}

body #root .app .row .sidebar .sidebar_left a:last-child {
    margin-bottom: 0
}

body #root .app .row .sidebar .sidebar_left a span.icon {
    background: #eae5fc;
    border-radius: 50%;
    display: inline-block;
    height: 45px;
    line-height: 52px;
    margin-right: 15px;
    text-align: center;
    vertical-align: middle;
    width: 45px
}

body #root .app .row .sidebar .sidebar_left a.active {
    color: #2c3034
}

body #root .app .row .sidebar .sidebar_left a.active span.icon {
    background: linear-gradient(44.44deg,#7043f0 22.75%,#70a8ff 79.98%);
    position: relative
}

body #root .app .row .sidebar .sidebar_left a.active span.icon img {
    filter: brightness(10)
}

body #root .app .row .sidebar .sidebar_left a.active span.icon:before {
    background: linear-gradient(44.44deg,#7043f0 22.75%,#70a8ff 79.98%);
    border-radius: 50%;
    bottom: -5px;
    content: "";
    filter: blur(10px);
    height: 45px;
    left: 0;
    opacity: .65;
    position: absolute;
    right: 0;
    width: 45px
}

body #root .app .row .sidebar .sidebar_left a.disabled {
    opacity: .5;
    pointer-events: none
}

@media (max-width: 1665px) {
    body #root .app .row .sidebar {
        margin-right:45px;
        width: 230px
    }

    body #root .app .row .content {
        width: calc(100% - 275px)
    }
}

@media (max-width: 980px) {
    body #root .app .row {
        display:block
    }

    body #root .app .row .sidebar {
        display: none;
        margin-bottom: 40px;
        margin-right: 0;
        width: 100%
    }

    body #root .app .row .content {
        width: 100%
    }
}

body #root .footer {
    background: #e8e5f8;
    display: flex;
    margin-top: auto;
    padding: 15px 50px
}

@media screen and (max-width: 980px) {
    body #root .footer {
        padding-bottom:60px
    }
}

body #root .footer .main {
    width: calc(100% - 180px)
}

body #root .footer .main .logotype {
    display: inline-block;
    margin-right: 40px;
    position: relative;
    vertical-align: middle;
    z-index: 2
}

body #root .footer .main .logotype:after {
    bottom: -10px;
    content: "";
    display: block;
    filter: blur(10px);
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: -1
}

body #root .footer .main .domain {
    color: #0e1317;
    font-size: 14px;
    font-weight: 500;
    margin-right: 40px
}

body #root .footer .main .menu {
    display: inline-block
}

body #root .footer .main .menu a {
    color: #bbb6d6;
    font-size: 14px;
    font-weight: 500;
    margin-right: 40px;
    text-transform: uppercase
}

body #root .footer .main .menu a:last-child {
    margin-right: 0
}

body #root .footer .main .menu a.active {
    color: #0e1317
}

@media (max-width: 1450px) {
    body #root .footer {
        display:block
    }

    body #root .footer .main {
        text-align: center;
        width: 100%
    }
}

@media (max-width: 1215px) {
    body #root .footer .main .menu {
        display:block;
        margin: 20px 0
    }
}

@media (max-width: 850px) {
    body #root .footer .main .menu a {
        display:block;
        margin-bottom: 20px;
        margin-right: 0
    }
}

@media (max-width: 500px) {
    body #root .footer .main .logotype {
        margin:20px 0
    }

    body #root .footer .main .domain {
        display: none;
        margin-right: 0
    }
}

body .box-modal {
    background: #fff;
    border-radius: 12px;
    color: #3c3c3c;
    padding: 40px;
    position: relative;
    width: 540px
}

@media (max-width: 600px) {
    body .box-modal {
        border-radius:0;
        height: 100vh;
        padding: 25px;
        width: 100vw
    }
}

body .box-modal .box-modal_close {
    cursor: pointer;
    position: absolute;
    right: 40px;
    top: 40px;
    width: 16px;
    z-index: 1
}

body .box-modal .box-modal_close:hover {
    opacity: .8
}

body .box-modal .title {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 40px;
    position: relative
}

body .box-modal .title:after {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 100px;
    bottom: -15px;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
    width: 68px
}

body .box-modal .auth-modal .group {
    background: #f3f3ff;
    border-radius: 4px;
    box-shadow: 0 25px 35px #e6e6f926;
    height: 75px;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 25px 20px;
    position: relative
}

body .box-modal .auth-modal .group input {
    background-color: transparent;
    color: #0b0c10;
    display: block;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    width: 100%
}

body .box-modal .auth-modal .group input::-moz-placeholder {
    color: #cfd2ea
}

body .box-modal .auth-modal .group input::placeholder {
    color: #cfd2ea
}

body .box-modal .auth-modal .description {
    color: #cfd2ea;
    font-weight: 18px;
    margin-bottom: 20px;
    text-align: center
}

body .box-modal .auth-modal .description a {
    color: #54a3f5;
    font-weight: 500
}

body .box-modal .auth-modal button {
    border-radius: 100px;
    cursor: pointer;
    display: block;
    padding: 15px
}

body .box-modal .auth-modal button.warning {
    background: linear-gradient(90deg,#ffc658 -18.18%,#f4a100 49.18%,#ffc658 120%);
    color: #0b0c10;
    font-size: 18px;
    font-weight: 600;
    margin: 0 auto;
    padding: 15px 30px
}

body .box-modal .auth-modal button.warning:hover {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    color: #fff
}

body .box-modal .auth-modal .flex {
    display: flex;
    margin-bottom: 40px
}

@media (max-width: 400px) {
    body .box-modal .auth-modal .flex {
        display:block
    }
}

body .box-modal .auth-modal .flex button.auth {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 100px;
    box-shadow: 0 15px 35px #7449e659;
    color: #fff;
    font-size: 20px;
    height: 65px;
    letter-spacing: .03em;
    width: calc(100% - 165px)
}

@media (max-width: 500px) {
    body .box-modal .auth-modal .flex button.auth {
        margin-bottom:20px;
        width: 100%
    }
}

body .box-modal .auth-modal .flex button.auth img {
    margin-left: 15px;
    transform: rotate(180deg);
    vertical-align: middle
}

body .box-modal .auth-modal .flex button.auth:hover {
    opacity: .85
}

body .box-modal .auth-modal .flex .social {
    background: #f3f3ff;
    border-radius: 100px;
    box-shadow: 0 25px 35px #f3f3ff73;
    display: flex;
    height: 65px;
    margin-left: 15px;
    width: 150px
}

@media (max-width: 500px) {
    body .box-modal .auth-modal .flex .social {
        justify-content:center;
        margin-left: 0;
        width: 100%
    }
}

body .box-modal .auth-modal .flex .social span {
    color: #cfd2ea;
    line-height: 65px;
    text-align: center;
    width: 85px
}

body .box-modal .auth-modal .flex .social a {
    border-radius: 100px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    margin: 7px 5px;
    padding: 15px;
    width: 50px
}

body .box-modal .auth-modal .flex .social a.vk {
    background: linear-gradient(90deg,#647ae8,#54a3f5 104.25%);
    box-shadow: 0 15px 35px #7449e659
}

body .box-modal .auth-modal .flex .social a.tg {
    background: linear-gradient(90deg,#1d97c9,#36ade2 104.25%);
    box-shadow: 0 15px 35px #1d97c959
}

body .box-modal .auth-modal .flex .social a:hover {
    opacity: .85
}

body .box-modal .robot-box {
    text-align: center
}

body .box-modal .robot-box .alert {
    background-color: #ff70704d;
    border-radius: 10px;
    color: #ff6f6f;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 15px;
    text-align: center
}

body .box-modal .robot-box input {
    background-color: #f8f7ff;
    border-radius: 10px;
    color: #797590;
    display: block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 auto 20px;
    padding: 15px
}

body .box-modal .robot-box a.btn {
    background-color: #f8f7ff;
    border-radius: 6px;
    color: #b6b0d7;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin: 15px 5px 15px 0;
    padding: 15px
}

body .box-modal .robot-box a.btn i {
    margin-right: 5px
}

body .box-modal .robot-box button {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    border-radius: 6px;
    box-shadow: 0 8px 15px #69a4ff40;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 25px
}

body .box-modal .robot-box button:hover {
    opacity: .8
}

body .box-modal.settingsModal .social {
    margin-bottom: 40px
}

body .box-modal.settingsModal .social .items {
    display: flex
}

body .box-modal.settingsModal .social .items .item {
    align-items: center;
    background: #f3f3ff;
    border-radius: 6px;
    box-shadow: 0 4px 15px #f8f6ff40;
    display: flex;
    height: 85px;
    justify-content: center;
    margin-right: 20px;
    position: relative;
    width: 85px
}

body .box-modal.settingsModal .social .items .item .success {
    background: #9dd664;
    box-shadow: 0 4px 35px #9dd664
}

body .box-modal.settingsModal .social .items .item .add,body .box-modal.settingsModal .social .items .item .success {
    align-items: center;
    border-radius: 50%;
    bottom: -15px;
    display: flex;
    height: 30px;
    justify-content: center;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 30px
}

body .box-modal.settingsModal .social .items .item .add {
    background: linear-gradient(90deg,#7449e6 .06%,#69a4ff 98.49%);
    box-shadow: 0 4px 35px #7258ea59;
    cursor: pointer
}

body .box-modal.settingsModal .social .items .item .add:hover {
    opacity: .7
}

body .box-modal.settingsModal .social button {
    background: #f3f3ff;
    border-radius: 3px;
    box-shadow: 0 4px 15px #f8f6ff40;
    color: #b9b4d8;
    font-size: 14px;
    font-weight: 500;
    margin: 10px auto 0;
    padding: 15px 30px
}

body .box-modal.settingsModal .social button:hover {
    opacity: .8
}

body .box-modal.settingsModal .input {
    background: #f3f3ff;
    border-radius: 3px;
    box-shadow: 0 4px 15px #f8f6ff40;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative
}

body .box-modal.settingsModal .input input {
    background-color: transparent;
    font-size: 15px;
    font-weight: 500;
    padding: 20px;
    width: 100%
}

body .box-modal.settingsModal .input input::-moz-placeholder {
    color: #b9b4d8
}

body .box-modal.settingsModal .input input::placeholder {
    color: #b9b4d8
}

body .box-modal.settingsModal .input span {
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px
}

body .box-modal.settingsModal .input span:hover {
    opacity: .8
}

body .box-modal.settingsModal .password button[type=submit] {
    background: linear-gradient(90deg,#ffc658 -18.18%,#f4a100 49.18%,#ffc658 120%);
    border-radius: 3px;
    box-shadow: 0 8px 15px #f4a10140;
    color: #000;
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    margin: 0 auto;
    padding: 15px 30px
}

body .box-modal.settingsModal .password button[type=submit]:hover {
    opacity: .8
}

body .box-modal.settingsModal .logout_modal_button {
    background: #ff3030;
    border-radius: 3px;
    box-shadow: 0 8px 15px #ff303040;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 20px;
    padding: 15px 30px
}

body .box-modal.settingsModal .old_modal_button {
    background: #f3f3ff;
    border-radius: 3px;
    color: #744de7;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin: 25px auto;
    padding: 15px 30px;
    text-align: center
}

@media screen and (max-width: 760px) {
    body .box-modal.settingsModal .title {
        font-size:16px;
        margin-bottom: 30px
    }

    body .box-modal.settingsModal .title span {
        display: block
    }

    body .box-modal.settingsModal .input {
        margin-bottom: 8px
    }

    body .box-modal.settingsModal .social {
        margin-bottom: 24px
    }

    body .box-modal.settingsModal .social .items .item {
        height: 52px;
        margin-right: 12px;
        min-width: 52px;
        width: 52px
    }

    body .box-modal.settingsModal .social .items .item-social {
        width: 26px
    }

    body .box-modal.settingsModal .social .items .item .add {
        bottom: -12px;
        height: 24px;
        width: 24px
    }
}

body .box-modal .fair .progress {
    background-color: #e9ecef;
    border-radius: 10px;
    display: flex;
    font-size: .703125rem;
    height: .5rem;
    overflow: hidden
}

body .box-modal .fair .progress .progress-bar {
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 8px;
    justify-content: center;
    line-height: 8px;
    overflow: hidden;
    text-align: center;
    transition: width .6s ease;
    white-space: nowrap
}

body .box-modal .fair .game {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 800px) {
    body .box-modal .fair .game {
        justify-content:center
    }
}

body .box-modal .fair .game span {
    align-items: center;
    background: #f8f6ff;
    border: 1px solid #e7e2f7;
    border-radius: 6px;
    box-shadow: 0 4px 15px #f8f6ff40;
    cursor: pointer;
    display: flex;
    height: 65px;
    justify-content: center;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 65px
}

@media (max-width: 1600px) {
    body .box-modal .fair .game span {
        margin-bottom:5px;
        margin-right: 5px
    }
}

@media (max-width: 1530px) {
    body .box-modal .fair .game span {
        height:50px;
        width: 50px
    }
}

@media (max-width: 1470px) {
    body .box-modal .fair .game span {
        height:65px;
        width: 65px
    }
}

@media (max-width: 500px) {
    body .box-modal .fair .game span {
        height:45px;
        width: 45px
    }
}

body .box-modal .fair .game span:hover {
    background: #f6a60b;
    border: 1px solid #f6a60b;
    box-shadow: 0 8px 15px #f6a60b40
}

body .box-modal .fair .game span:nth-child(5n) {
    margin-right: 0
}

body .box-modal .fair .game span.disabled {
    opacity: .5;
    pointer-events: none
}

body .box-modal .bonusChoiceModal .cards {
    display: flex
}

body .box-modal .bonusChoiceModal .cards .card {
    background-color: #f5f5f5;
    background-position: bottom;
    background-size: contain;
    border-radius: 10px;
    cursor: pointer;
    height: 250px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 50%
}

body .box-modal .bonusChoiceModal .cards .card:first-child {
    background-image: url(./cloud.857e1e74.png);
    margin-right: 10px
}

body .box-modal .bonusChoiceModal .cards .card:last-child {
    background-image: url(./fire.1718cd78.png);
    margin-left: 10px
}

body .box-modal .bonusChoiceModal .cards .card .info {
    background-color: #fff;
    bottom: 0;
    left: 0;
    line-height: 25px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: left;
    width: 100%
}

body .box-modal .bonusChoiceModal .cards .card .info span {
    font-weight: 600
}

body .box-modal .bonusChoiceModal .cards .card:hover {
    box-shadow: 5px 5px 20px #6aa1fe40;
    transition: .2s ease
}

body .box-modal .bonusChoiceModal .cards .card:hover .info {
    opacity: 1;
    transition: .2s ease
}

body .box-modal .bonusChoiceModal .cards .card span.name {
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px
}

body .box-modal .bonusChoiceModal .cards .card.hold-card span.name {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg,#12c2e9,#004eff,#b5d6e9);
    -webkit-background-clip: text;
    text-shadow: 5px 4px 7px #b5d6e9
}

body .box-modal .bonusChoiceModal .cards .card.fire-card span.name {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90deg,#12c2e9,#c471ed,#f64f59);
    -webkit-background-clip: text;
    text-shadow: 5px 4px 7px rgba(246,79,89,.54)
}

body .box-modal .howToDiceModal img {
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 15px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

body .box-modal .howToDiceModal .scene .scene_title {
    color: #fff;
    display: block;
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 5px
}

body .box-modal .howToDiceModal .scene .description {
    color: #fff9;
    font-weight: 500;
    margin-bottom: 15px
}

body .box-modal .howToDiceModal .scene button {
    background: #4471ff;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 16px 30px;
    text-align: center;
    width: 100%
}

body .box-modal .howToDiceModal .scene button:hover {
    cursor: pointer;
    opacity: .8
}

body .box-modal#paymentInfoModal label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 5px
}

body .box-modal#paymentInfoModal .description {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center
}

body .box-modal#paymentInfoModal input {
    background-color: #f0eefc;
    border-radius: 6px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 12px 18px;
    width: 100%
}

body .box-modal#paymentInfoModal .danger {
    background-color: #e02e2e26;
    border-radius: 10px;
    color: #e02e2e;
    font-weight: 500;
    padding: 15px;
    text-align: center
}

body .box-modal#crazytimeModal .title {
    display: block;
    text-align: center
}

body .box-modal#crazytimeModal .title:after {
    margin: 0 auto;
    width: 20px!important
}

body .box-modal#crazytimeModal .preview {
    background-image: url(./crazytime.e57db7d0.png);
    background-position: 50%;
    background-size: cover;
    height: 500px;
    position: relative;
    width: 100%
}

body .box-modal#crazytimeModal .preview:before {
    background: linear-gradient(0deg,#fff 30%,transparent);
    bottom: 0;
    content: "";
    height: 85%;
    left: 0;
    position: absolute;
    width: 100%
}

body .box-modal#crazytimeModal .data {
    margin-top: -200px;
    position: relative
}

body .box-modal#crazytimeModal button {
    border: 3px solid;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    height: 90px;
    margin: 15px auto;
    position: relative;
    width: 300px
}

body .box-modal#crazytimeModal button:hover {
    opacity: .7
}

body .box-modal#crazytimeModal button:after,body .box-modal#crazytimeModal button:before {
    background-image: url(../images/crazytime/border-2.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 5px;
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    width: 22px
}

body .box-modal#crazytimeModal button:after {
    left: 5px
}

body .box-modal#crazytimeModal button:before {
    right: 5px;
    transform: rotate(180deg)
}

body .box-modal#crazytimeModal button .x {
    position: absolute;
    right: -20px;
    top: -20px;
    z-index: 1
}

body .box-modal#crazytimeModal button .x img {
    width: 70px
}

body .box-modal#crazytimeModal button.turquoise {
    background-color: #72e2ff;
    border-color: #38b7d5
}

body .box-modal#crazytimeModal button.yellow {
    background-color: #fcc649;
    border-color: #dba831
}

body .box-modal#crazytimeModal button.pink {
    background-color: #ff76d9;
    border-color: #e54dbb
}

body .box-modal#crazytimeModal button.blue {
    background-color: #6ca7ff;
    border-color: #4a89e9
}

body .box-modal#crazytimeModal button.orange {
    background-color: #ff8c21;
    border-color: #e07a1b
}

body .box-modal#crazytimeModal button.purple {
    background-color: #8c66f8;
    border-color: #7552da
}

body .box-modal#crazytimeModal button.green {
    background-color: #57db72;
    border-color: #3ebf59
}

body .box-modal#crazytimeModal button.red {
    background-color: #ff6b6b;
    border-color: #eb5555
}

body .box-modal#crazytimeModal button .place {
    border: 3px solid rgba(0,0,0,.13);
    border-radius: 5px;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    padding: 5px 12px
}

body .box-modal#crazytimeModal .crazytimemodal {
    text-align: center
}

body .box-modal#crazytimeModal .crazytimemodal .description {
    color: #828bb0;
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px
}

body .box-modal#crazytimeModal .crazytimemodal .you_win {
    color: #7043f0;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 15px
}

body .box-modal.minexModalWin {
    background-color: #1f2329;
    background-image: url(../images/minex/modal-bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    height: 480px;
    padding: 90px 0;
    width: 440px
}

body .box-modal.minexModalWin .box-modal_close {
    opacity: .25
}

body .box-modal.minexModalWin .winner_title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 25px
}

body .box-modal.minexModalWin button {
    background: #0085ff;
    border-radius: 8px;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: 500;
    margin: 25px auto;
    padding: 15px 25px
}

body .box-modal.minexModalWin button:hover {
    cursor: pointer;
    opacity: .7
}

body .box-modal.minexModalWin .description {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

body .box-modal.minexModalWin .winner-image {
    background-image: url(../images/minex/winner-modal-image.png?v=1);
    background-position: 50%;
    background-repeat: no-repeat;
    height: 221px;
    margin: 15px 0;
    width: 100%
}

body .box-modal.minexModalWin .winner-image .winner-text span {
    color: #fff;
    display: block;
    filter: drop-shadow(7px 16px 16px black);
    font-size: 44px;
    font-weight: 700;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 135px
}

body .irs-from,body .irs-to {
    cursor: default;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
}

.snower .header-mobile,.snower .redesign .rheader,.snower html:not(.redesign) main {
    position: relative
}

.snower .header-mobile:before,.snower .redesign .rheader:before,.snower html:not(.redesign) main:before {
    background: url(../images/lights.png);
    background-size: auto 100%;
    content: "";
    height: 20px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100vw;
    z-index: 9999
}

.card-game-wrapper {
    border-radius: 8px
}

.snower .card-game-wrapper,.snower .header-mobile a:not(.header-mobile__logo),.snower .header-row button:not(.btn),.snower .redesign-bonus-page button,.snower .refs-page button,.snower .rheader button:not(.rheader__link),.snower .row .content .new-games .flex .game,.snower .slots__banners-item,.snower .v-logo__domain {
    overflow: hidden;
    position: relative
}

.snower .card-game-wrapper:after,.snower .header-mobile a:not(.header-mobile__logo):after,.snower .header-row button:not(.btn):after,.snower .redesign-bonus-page button:after,.snower .refs-page button:after,.snower .rheader button:not(.rheader__link):after,.snower .row .content .new-games .flex .game:after,.snower .slots__banners-item:after,.snower .v-logo__domain:after {
    background: url(../images/winter_line.png);
    background-size: auto 100%;
    content: "";
    display: block;
    height: 40px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 10
}

.odometer-inside {
    white-space: nowrap
}

.snower .v-logo__circle {
    position: relative
}

.snower .v-logo__circle:after {
    background: url(../images/winter_line.png);
    background-size: auto 100%;
    content: "";
    display: block;
    height: 40px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%;
    z-index: 10
}

.header-row .content .right {
    justify-content: flex-end
}

.rheader .v-logo__circle {
    overflow: hidden
}

.vfm-leave-to * {
    pointer-events: none
}

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

.pwa-toast {
    background-color: #fff;
    border: 1px solid hsla(0,0%,53%,.333);
    border-radius: 4px;
    bottom: 0;
    box-shadow: 3px 4px 5px #87878755;
    margin: 16px;
    padding: 12px;
    position: fixed;
    right: 0;
    text-align: left;
    z-index: 9999999
}

.pwa-toast .message {
    margin-bottom: 8px
}

.pwa-toast button {
    border: 1px solid hsla(0,0%,53%,.333);
    border-radius: 2px;
    margin-right: 5px;
    outline: none;
    padding: 3px 10px
}

.snows {
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    z-index: 1
}

main {
    position: relative;
    z-index: 2
}

.snow {
    background: #e8e5f8;
    border-radius: 50%;
    height: 10px;
    position: absolute;
    width: 10px
}

.snow:first-child {
    animation: fall-1 30s linear -6s infinite;
    opacity: .8993;
    transform: translate(68.3664vw,-10px) scale(.5155)
}

@keyframes fall-1 {
    30.703% {
        transform: translate(68.4971vw,30.703vh) scale(.5155)
    }

    to {
        transform: translate(68.43175vw,100vh) scale(.5155)
    }
}

.snow:nth-child(2) {
    animation: fall-2 30s linear -19s infinite;
    opacity: .8169;
    transform: translate(76.9643vw,-10px) scale(.7978)
}

@keyframes fall-2 {
    74.269% {
        transform: translate(81.2562vw,74.269vh) scale(.7978)
    }

    to {
        transform: translate(79.11025vw,100vh) scale(.7978)
    }
}

.snow:nth-child(3) {
    animation: fall-3 22s linear -8s infinite;
    opacity: .9293;
    transform: translate(57.4492vw,-10px) scale(.0153)
}

@keyframes fall-3 {
    32.984% {
        transform: translate(52.0711vw,32.984vh) scale(.0153)
    }

    to {
        transform: translate(54.76015vw,100vh) scale(.0153)
    }
}

.snow:nth-child(4) {
    animation: fall-4 23s linear -13s infinite;
    opacity: .8794;
    transform: translate(40.0986vw,-10px) scale(.3385)
}

@keyframes fall-4 {
    55.346% {
        transform: translate(38.5521vw,55.346vh) scale(.3385)
    }

    to {
        transform: translate(39.32535vw,100vh) scale(.3385)
    }
}

.snow:nth-child(5) {
    animation: fall-5 17s linear -5s infinite;
    opacity: .7639;
    transform: translate(36.4101vw,-10px) scale(.3332)
}

@keyframes fall-5 {
    38.689% {
        transform: translate(45.1598vw,38.689vh) scale(.3332)
    }

    to {
        transform: translate(40.78495vw,100vh) scale(.3332)
    }
}

.snow:nth-child(6) {
    animation: fall-6 24s linear -23s infinite;
    opacity: .5412;
    transform: translate(88.5059vw,-10px) scale(.9697)
}

@keyframes fall-6 {
    59.549% {
        transform: translate(92.4108vw,59.549vh) scale(.9697)
    }

    to {
        transform: translate(90.45835vw,100vh) scale(.9697)
    }
}

.snow:nth-child(7) {
    animation: fall-7 17s linear -8s infinite;
    opacity: .825;
    transform: translate(20.8363vw,-10px) scale(.6436)
}

@keyframes fall-7 {
    60.09% {
        transform: translate(13.5991vw,60.09vh) scale(.6436)
    }

    to {
        transform: translate(17.2177vw,100vh) scale(.6436)
    }
}

.snow:nth-child(8) {
    animation: fall-8 18s linear -3s infinite;
    opacity: .5241;
    transform: translate(13.9934vw,-10px) scale(.3362)
}

@keyframes fall-8 {
    33.258% {
        transform: translate(22.9047vw,33.258vh) scale(.3362)
    }

    to {
        transform: translate(18.44905vw,100vh) scale(.3362)
    }
}

.snow:nth-child(9) {
    animation: fall-9 21s linear -8s infinite;
    opacity: .0353;
    transform: translate(14.8656vw,-10px) scale(.6993)
}

@keyframes fall-9 {
    58.205% {
        transform: translate(24.6988vw,58.205vh) scale(.6993)
    }

    to {
        transform: translate(19.7822vw,100vh) scale(.6993)
    }
}

.snow:nth-child(10) {
    animation: fall-10 10s linear -11s infinite;
    opacity: .3309;
    transform: translate(95.1131vw,-10px) scale(.2594)
}

@keyframes fall-10 {
    33.618% {
        transform: translate(92.936vw,33.618vh) scale(.2594)
    }

    to {
        transform: translate(94.02455vw,100vh) scale(.2594)
    }
}

.snow:nth-child(11) {
    animation: fall-11 24s linear -8s infinite;
    opacity: .8287;
    transform: translate(83.9838vw,-10px) scale(.8684)
}

@keyframes fall-11 {
    61.856% {
        transform: translate(90.9352vw,61.856vh) scale(.8684)
    }

    to {
        transform: translate(87.4595vw,100vh) scale(.8684)
    }
}

.snow:nth-child(12) {
    animation: fall-12 30s linear -26s infinite;
    opacity: .1496;
    transform: translate(54.5273vw,-10px) scale(.1949)
}

@keyframes fall-12 {
    67.009% {
        transform: translate(55.3383vw,67.009vh) scale(.1949)
    }

    to {
        transform: translate(54.9328vw,100vh) scale(.1949)
    }
}

.snow:nth-child(13) {
    animation: fall-13 12s linear -15s infinite;
    opacity: .2301;
    transform: translate(59.0457vw,-10px) scale(.5428)
}

@keyframes fall-13 {
    66.898% {
        transform: translate(57.6938vw,66.898vh) scale(.5428)
    }

    to {
        transform: translate(58.36975vw,100vh) scale(.5428)
    }
}

.snow:nth-child(14) {
    animation: fall-14 18s linear -4s infinite;
    opacity: .0778;
    transform: translate(24.1191vw,-10px) scale(.3769)
}

@keyframes fall-14 {
    46.445% {
        transform: translate(26.7176vw,46.445vh) scale(.3769)
    }

    to {
        transform: translate(25.41835vw,100vh) scale(.3769)
    }
}

.snow:nth-child(15) {
    animation: fall-15 13s linear -12s infinite;
    opacity: .4325;
    transform: translate(19.0548vw,-10px) scale(.5098)
}

@keyframes fall-15 {
    62.797% {
        transform: translate(13.4277vw,62.797vh) scale(.5098)
    }

    to {
        transform: translate(16.24125vw,100vh) scale(.5098)
    }
}

.snow:nth-child(16) {
    animation: fall-16 17s linear -8s infinite;
    opacity: .8536;
    transform: translate(89.5284vw,-10px) scale(.9541)
}

@keyframes fall-16 {
    56.911% {
        transform: translate(92.9518vw,56.911vh) scale(.9541)
    }

    to {
        transform: translate(91.2401vw,100vh) scale(.9541)
    }
}

.snow:nth-child(17) {
    animation: fall-17 12s linear -18s infinite;
    opacity: .2445;
    transform: translate(95.752vw,-10px) scale(.4905)
}

@keyframes fall-17 {
    77.848% {
        transform: translate(102.8477vw,77.848vh) scale(.4905)
    }

    to {
        transform: translate(99.29985vw,100vh) scale(.4905)
    }
}

.snow:nth-child(18) {
    animation: fall-18 22s linear -6s infinite;
    opacity: .9208;
    transform: translate(2.5158vw,-10px) scale(.6745)
}

@keyframes fall-18 {
    71.085% {
        transform: translate(4.0201vw,71.085vh) scale(.6745)
    }

    to {
        transform: translate(3.26795vw,100vh) scale(.6745)
    }
}

.snow:nth-child(19) {
    animation: fall-19 21s linear -13s infinite;
    opacity: .0862;
    transform: translate(86.7538vw,-10px) scale(.3719)
}

@keyframes fall-19 {
    36.616% {
        transform: translate(92.8781vw,36.616vh) scale(.3719)
    }

    to {
        transform: translate(89.81595vw,100vh) scale(.3719)
    }
}

.snow:nth-child(20) {
    animation: fall-20 28s linear -7s infinite;
    opacity: .3669;
    transform: translate(64.7913vw,-10px) scale(.6211)
}

@keyframes fall-20 {
    34.432% {
        transform: translate(63.2141vw,34.432vh) scale(.6211)
    }

    to {
        transform: translate(64.0027vw,100vh) scale(.6211)
    }
}

.snow:nth-child(21) {
    animation: fall-21 10s linear -19s infinite;
    opacity: .4095;
    transform: translate(68.3736vw,-10px) scale(.7826)
}

@keyframes fall-21 {
    38.058% {
        transform: translate(74.6508vw,38.058vh) scale(.7826)
    }

    to {
        transform: translate(71.5122vw,100vh) scale(.7826)
    }
}

.snow:nth-child(22) {
    animation: fall-22 18s linear -8s infinite;
    opacity: .5852;
    transform: translate(83.4811vw,-10px) scale(.1417)
}

@keyframes fall-22 {
    52.233% {
        transform: translate(91.251vw,52.233vh) scale(.1417)
    }

    to {
        transform: translate(87.36605vw,100vh) scale(.1417)
    }
}

.snow:nth-child(23) {
    animation: fall-23 28s linear -4s infinite;
    opacity: .5567;
    transform: translate(13.6266vw,-10px) scale(.1999)
}

@keyframes fall-23 {
    40.167% {
        transform: translate(6.8521vw,40.167vh) scale(.1999)
    }

    to {
        transform: translate(10.23935vw,100vh) scale(.1999)
    }
}

.snow:nth-child(24) {
    animation: fall-24 10s linear -13s infinite;
    opacity: .7976;
    transform: translate(48.4595vw,-10px) scale(.1179)
}

@keyframes fall-24 {
    68.231% {
        transform: translate(51.0838vw,68.231vh) scale(.1179)
    }

    to {
        transform: translate(49.77165vw,100vh) scale(.1179)
    }
}

.snow:nth-child(25) {
    animation: fall-25 22s linear -14s infinite;
    opacity: .5469;
    transform: translate(89.438vw,-10px) scale(.5047)
}

@keyframes fall-25 {
    74.957% {
        transform: translate(91.6288vw,74.957vh) scale(.5047)
    }

    to {
        transform: translate(90.5334vw,100vh) scale(.5047)
    }
}

.snow:nth-child(26) {
    animation: fall-26 21s linear -5s infinite;
    opacity: .2716;
    transform: translate(61.4023vw,-10px) scale(.8576)
}

@keyframes fall-26 {
    57.423% {
        transform: translate(63.0933vw,57.423vh) scale(.8576)
    }

    to {
        transform: translate(62.2478vw,100vh) scale(.8576)
    }
}

.snow:nth-child(27) {
    animation: fall-27 20s linear -11s infinite;
    opacity: .1424;
    transform: translate(59.7229vw,-10px) scale(.7705)
}

@keyframes fall-27 {
    53.755% {
        transform: translate(64.5151vw,53.755vh) scale(.7705)
    }

    to {
        transform: translate(62.119vw,100vh) scale(.7705)
    }
}

.snow:nth-child(28) {
    animation: fall-28 23s linear -12s infinite;
    opacity: .7378;
    transform: translate(49.6284vw,-10px) scale(.5196)
}

@keyframes fall-28 {
    49.419% {
        transform: translate(46.72vw,49.419vh) scale(.5196)
    }

    to {
        transform: translate(48.1742vw,100vh) scale(.5196)
    }
}

.snow:nth-child(29) {
    animation: fall-29 21s linear -6s infinite;
    opacity: .8829;
    transform: translate(20.9348vw,-10px) scale(.5322)
}

@keyframes fall-29 {
    52.027% {
        transform: translate(29.0335vw,52.027vh) scale(.5322)
    }

    to {
        transform: translate(24.98415vw,100vh) scale(.5322)
    }
}

.snow:nth-child(30) {
    animation: fall-30 22s linear -20s infinite;
    opacity: .4372;
    transform: translate(34.0355vw,-10px) scale(.5204)
}

@keyframes fall-30 {
    45.305% {
        transform: translate(40.5346vw,45.305vh) scale(.5204)
    }

    to {
        transform: translate(37.28505vw,100vh) scale(.5204)
    }
}

.snow:nth-child(31) {
    animation: fall-31 25s linear -24s infinite;
    opacity: .0538;
    transform: translate(2.4044vw,-10px) scale(.1071)
}

@keyframes fall-31 {
    30.659% {
        transform: translate(7.4414vw,30.659vh) scale(.1071)
    }

    to {
        transform: translate(4.9229vw,100vh) scale(.1071)
    }
}

.snow:nth-child(32) {
    animation: fall-32 22s linear -12s infinite;
    opacity: .9233;
    transform: translate(5.1736vw,-10px) scale(.5315)
}

@keyframes fall-32 {
    40.63% {
        transform: translate(1.1071vw,40.63vh) scale(.5315)
    }

    to {
        transform: translate(3.14035vw,100vh) scale(.5315)
    }
}

.snow:nth-child(33) {
    animation: fall-33 18s linear -23s infinite;
    opacity: .5783;
    transform: translate(32.0669vw,-10px) scale(.6295)
}

@keyframes fall-33 {
    49.305% {
        transform: translate(27.4579vw,49.305vh) scale(.6295)
    }

    to {
        transform: translate(29.7624vw,100vh) scale(.6295)
    }
}

.snow:nth-child(34) {
    animation: fall-34 25s linear -21s infinite;
    opacity: .8925;
    transform: translate(64.5646vw,-10px) scale(.3251)
}

@keyframes fall-34 {
    47.369% {
        transform: translate(71.9847vw,47.369vh) scale(.3251)
    }

    to {
        transform: translate(68.27465vw,100vh) scale(.3251)
    }
}

.snow:nth-child(35) {
    animation: fall-35 30s linear -16s infinite;
    opacity: .2223;
    transform: translate(26.0311vw,-10px) scale(.6109)
}

@keyframes fall-35 {
    68.625% {
        transform: translate(22.3305vw,68.625vh) scale(.6109)
    }

    to {
        transform: translate(24.1808vw,100vh) scale(.6109)
    }
}

.snow:nth-child(36) {
    animation: fall-36 20s linear -26s infinite;
    opacity: .4908;
    transform: translate(75.639vw,-10px) scale(.7548)
}

@keyframes fall-36 {
    57.014% {
        transform: translate(72.3618vw,57.014vh) scale(.7548)
    }

    to {
        transform: translate(74.0004vw,100vh) scale(.7548)
    }
}

.snow:nth-child(37) {
    animation: fall-37 26s linear -19s infinite;
    opacity: .0129;
    transform: translate(33.2181vw,-10px) scale(.0457)
}

@keyframes fall-37 {
    36.505% {
        transform: translate(43.0395vw,36.505vh) scale(.0457)
    }

    to {
        transform: translate(38.1288vw,100vh) scale(.0457)
    }
}

.snow:nth-child(38) {
    animation: fall-38 29s linear -30s infinite;
    opacity: .861;
    transform: translate(93.0786vw,-10px) scale(.4209)
}

@keyframes fall-38 {
    78.705% {
        transform: translate(101.0703vw,78.705vh) scale(.4209)
    }

    to {
        transform: translate(97.07445vw,100vh) scale(.4209)
    }
}

.snow:nth-child(39) {
    animation: fall-39 15s linear -2s infinite;
    opacity: .8158;
    transform: translate(71.4573vw,-10px) scale(.6645)
}

@keyframes fall-39 {
    57.027% {
        transform: translate(78.3847vw,57.027vh) scale(.6645)
    }

    to {
        transform: translate(74.921vw,100vh) scale(.6645)
    }
}

.snow:nth-child(40) {
    animation: fall-40 25s linear -29s infinite;
    opacity: .2786;
    transform: translate(7.8165vw,-10px) scale(.0298)
}

@keyframes fall-40 {
    72.919% {
        transform: translate(3.794vw,72.919vh) scale(.0298)
    }

    to {
        transform: translate(5.80525vw,100vh) scale(.0298)
    }
}

.snow:nth-child(41) {
    animation: fall-41 27s linear -21s infinite;
    opacity: .8915;
    transform: translate(7.8039vw,-10px) scale(.0598)
}

@keyframes fall-41 {
    41.651% {
        transform: translate(6.9842vw,41.651vh) scale(.0598)
    }

    to {
        transform: translate(7.39405vw,100vh) scale(.0598)
    }
}

.snow:nth-child(42) {
    animation: fall-42 29s linear -7s infinite;
    opacity: .0586;
    transform: translate(38.2059vw,-10px) scale(.8999)
}

@keyframes fall-42 {
    49.022% {
        transform: translate(43.8311vw,49.022vh) scale(.8999)
    }

    to {
        transform: translate(41.0185vw,100vh) scale(.8999)
    }
}

.snow:nth-child(43) {
    animation: fall-43 30s linear -23s infinite;
    opacity: .6316;
    transform: translate(73.6101vw,-10px) scale(.7101)
}

@keyframes fall-43 {
    35.39% {
        transform: translate(71.628vw,35.39vh) scale(.7101)
    }

    to {
        transform: translate(72.61905vw,100vh) scale(.7101)
    }
}

.snow:nth-child(44) {
    animation: fall-44 16s linear -28s infinite;
    opacity: .151;
    transform: translate(11.9226vw,-10px) scale(.741)
}

@keyframes fall-44 {
    46.305% {
        transform: translate(14.8258vw,46.305vh) scale(.741)
    }

    to {
        transform: translate(13.3742vw,100vh) scale(.741)
    }
}

.snow:nth-child(45) {
    animation: fall-45 14s linear -17s infinite;
    opacity: .843;
    transform: translate(52.6573vw,-10px) scale(.2904)
}

@keyframes fall-45 {
    77.56% {
        transform: translate(45.3484vw,77.56vh) scale(.2904)
    }

    to {
        transform: translate(49.00285vw,100vh) scale(.2904)
    }
}

.snow:nth-child(46) {
    animation: fall-46 16s linear -11s infinite;
    opacity: .3983;
    transform: translate(87.0998vw,-10px) scale(.852)
}

@keyframes fall-46 {
    35.142% {
        transform: translate(93.997vw,35.142vh) scale(.852)
    }

    to {
        transform: translate(90.5484vw,100vh) scale(.852)
    }
}

.snow:nth-child(47) {
    animation: fall-47 26s linear -4s infinite;
    opacity: .8853;
    transform: translate(60.1593vw,-10px) scale(.1044)
}

@keyframes fall-47 {
    65.926% {
        transform: translate(58.0278vw,65.926vh) scale(.1044)
    }

    to {
        transform: translate(59.09355vw,100vh) scale(.1044)
    }
}

.snow:nth-child(48) {
    animation: fall-48 10s linear -22s infinite;
    opacity: .6824;
    transform: translate(13.4306vw,-10px) scale(.8178)
}

@keyframes fall-48 {
    66.922% {
        transform: translate(13.8919vw,66.922vh) scale(.8178)
    }

    to {
        transform: translate(13.66125vw,100vh) scale(.8178)
    }
}

.snow:nth-child(49) {
    animation: fall-49 14s linear -5s infinite;
    opacity: .7893;
    transform: translate(80.763vw,-10px) scale(.8003)
}

@keyframes fall-49 {
    69.54% {
        transform: translate(85.8561vw,69.54vh) scale(.8003)
    }

    to {
        transform: translate(83.30955vw,100vh) scale(.8003)
    }
}

.snow:nth-child(50) {
    animation: fall-50 11s linear -7s infinite;
    opacity: .8216;
    transform: translate(46.5632vw,-10px) scale(.9385)
}

@keyframes fall-50 {
    36.312% {
        transform: translate(40.4305vw,36.312vh) scale(.9385)
    }

    to {
        transform: translate(43.49685vw,100vh) scale(.9385)
    }
}

.snow:nth-child(51) {
    animation: fall-51 22s linear -3s infinite;
    opacity: .4702;
    transform: translate(67.7069vw,-10px) scale(.5444)
}

@keyframes fall-51 {
    64.543% {
        transform: translate(61.0305vw,64.543vh) scale(.5444)
    }

    to {
        transform: translate(64.3687vw,100vh) scale(.5444)
    }
}

.snow:nth-child(52) {
    animation: fall-52 29s linear -3s infinite;
    opacity: .0758;
    transform: translate(24.4961vw,-10px) scale(.9621)
}

@keyframes fall-52 {
    53.59% {
        transform: translate(20.7357vw,53.59vh) scale(.9621)
    }

    to {
        transform: translate(22.6159vw,100vh) scale(.9621)
    }
}

.snow:nth-child(53) {
    animation: fall-53 17s linear -1s infinite;
    opacity: .5496;
    transform: translate(82.4208vw,-10px) scale(.6938)
}

@keyframes fall-53 {
    62.678% {
        transform: translate(86.1594vw,62.678vh) scale(.6938)
    }

    to {
        transform: translate(84.2901vw,100vh) scale(.6938)
    }
}

.snow:nth-child(54) {
    animation: fall-54 19s linear -13s infinite;
    opacity: .4269;
    transform: translate(51.9632vw,-10px) scale(.7598)
}

@keyframes fall-54 {
    48.13% {
        transform: translate(49.6384vw,48.13vh) scale(.7598)
    }

    to {
        transform: translate(50.8008vw,100vh) scale(.7598)
    }
}

.snow:nth-child(55) {
    animation: fall-55 23s linear -3s infinite;
    opacity: .5212;
    transform: translate(33.3519vw,-10px) scale(.9716)
}

@keyframes fall-55 {
    64.381% {
        transform: translate(41.132vw,64.381vh) scale(.9716)
    }

    to {
        transform: translate(37.24195vw,100vh) scale(.9716)
    }
}

.snow:nth-child(56) {
    animation: fall-56 25s linear -24s infinite;
    opacity: .35;
    transform: translate(80.1492vw,-10px) scale(.9064)
}

@keyframes fall-56 {
    52.868% {
        transform: translate(88.2633vw,52.868vh) scale(.9064)
    }

    to {
        transform: translate(84.20625vw,100vh) scale(.9064)
    }
}

.snow:nth-child(57) {
    animation: fall-57 20s linear -1s infinite;
    opacity: .7267;
    transform: translate(71.3612vw,-10px) scale(.1428)
}

@keyframes fall-57 {
    61.106% {
        transform: translate(64.0485vw,61.106vh) scale(.1428)
    }

    to {
        transform: translate(67.70485vw,100vh) scale(.1428)
    }
}

.snow:nth-child(58) {
    animation: fall-58 23s linear -23s infinite;
    opacity: .437;
    transform: translate(59.0079vw,-10px) scale(.6673)
}

@keyframes fall-58 {
    47.73% {
        transform: translate(61.4251vw,47.73vh) scale(.6673)
    }

    to {
        transform: translate(60.2165vw,100vh) scale(.6673)
    }
}

.snow:nth-child(59) {
    animation: fall-59 23s linear -19s infinite;
    opacity: .2689;
    transform: translate(52.8036vw,-10px) scale(.258)
}

@keyframes fall-59 {
    66.582% {
        transform: translate(53.9099vw,66.582vh) scale(.258)
    }

    to {
        transform: translate(53.35675vw,100vh) scale(.258)
    }
}

.snow:nth-child(60) {
    animation: fall-60 29s linear -6s infinite;
    opacity: .0569;
    transform: translate(21.13vw,-10px) scale(.933)
}

@keyframes fall-60 {
    35.496% {
        transform: translate(15.1384vw,35.496vh) scale(.933)
    }

    to {
        transform: translate(18.1342vw,100vh) scale(.933)
    }
}

.snow:nth-child(61) {
    animation: fall-61 22s linear -21s infinite;
    opacity: .4347;
    transform: translate(14.4507vw,-10px) scale(.3212)
}

@keyframes fall-61 {
    75.045% {
        transform: translate(10.4547vw,75.045vh) scale(.3212)
    }

    to {
        transform: translate(12.4527vw,100vh) scale(.3212)
    }
}

.snow:nth-child(62) {
    animation: fall-62 10s linear -28s infinite;
    opacity: .8203;
    transform: translate(33.4282vw,-10px) scale(.3055)
}

@keyframes fall-62 {
    54.543% {
        transform: translate(30.7893vw,54.543vh) scale(.3055)
    }

    to {
        transform: translate(32.10875vw,100vh) scale(.3055)
    }
}

.snow:nth-child(63) {
    animation: fall-63 25s linear -10s infinite;
    opacity: .4768;
    transform: translate(21.0678vw,-10px) scale(.9453)
}

@keyframes fall-63 {
    46.795% {
        transform: translate(25.3005vw,46.795vh) scale(.9453)
    }

    to {
        transform: translate(23.18415vw,100vh) scale(.9453)
    }
}

.snow:nth-child(64) {
    animation: fall-64 12s linear -20s infinite;
    opacity: .2797;
    transform: translate(74.2605vw,-10px) scale(.9733)
}

@keyframes fall-64 {
    60.476% {
        transform: translate(83.4408vw,60.476vh) scale(.9733)
    }

    to {
        transform: translate(78.85065vw,100vh) scale(.9733)
    }
}

.snow:nth-child(65) {
    animation: fall-65 23s linear -3s infinite;
    opacity: .3478;
    transform: translate(64.2479vw,-10px) scale(.1865)
}

@keyframes fall-65 {
    57.599% {
        transform: translate(59.728vw,57.599vh) scale(.1865)
    }

    to {
        transform: translate(61.98795vw,100vh) scale(.1865)
    }
}

.snow:nth-child(66) {
    animation: fall-66 14s linear -27s infinite;
    opacity: .5593;
    transform: translate(78.5329vw,-10px) scale(.7956)
}

@keyframes fall-66 {
    63.907% {
        transform: translate(82.0756vw,63.907vh) scale(.7956)
    }

    to {
        transform: translate(80.30425vw,100vh) scale(.7956)
    }
}

.snow:nth-child(67) {
    animation: fall-67 18s linear -29s infinite;
    opacity: .9219;
    transform: translate(1.7802vw,-10px) scale(.498)
}

@keyframes fall-67 {
    70.266% {
        transform: translate(4.4948vw,70.266vh) scale(.498)
    }

    to {
        transform: translate(3.1375vw,100vh) scale(.498)
    }
}

.snow:nth-child(68) {
    animation: fall-68 12s linear -6s infinite;
    opacity: .5984;
    transform: translate(58.6177vw,-10px) scale(.1618)
}

@keyframes fall-68 {
    71.951% {
        transform: translate(62.8741vw,71.951vh) scale(.1618)
    }

    to {
        transform: translate(60.7459vw,100vh) scale(.1618)
    }
}

.snow:nth-child(69) {
    animation: fall-69 16s linear -10s infinite;
    opacity: .5859;
    transform: translate(98.0001vw,-10px) scale(.3321)
}

@keyframes fall-69 {
    57.856% {
        transform: translate(107.3957vw,57.856vh) scale(.3321)
    }

    to {
        transform: translate(102.6979vw,100vh) scale(.3321)
    }
}

.snow:nth-child(70) {
    animation: fall-70 21s linear -8s infinite;
    opacity: .1299;
    transform: translate(78.2763vw,-10px) scale(.0921)
}

@keyframes fall-70 {
    66.989% {
        transform: translate(76.9261vw,66.989vh) scale(.0921)
    }

    to {
        transform: translate(77.6012vw,100vh) scale(.0921)
    }
}

.snow:nth-child(71) {
    animation: fall-71 25s linear -14s infinite;
    opacity: .1316;
    transform: translate(89.9658vw,-10px) scale(.9507)
}

@keyframes fall-71 {
    54.011% {
        transform: translate(88.2094vw,54.011vh) scale(.9507)
    }

    to {
        transform: translate(89.0876vw,100vh) scale(.9507)
    }
}

.snow:nth-child(72) {
    animation: fall-72 24s linear -14s infinite;
    opacity: .9652;
    transform: translate(79.6376vw,-10px) scale(.7996)
}

@keyframes fall-72 {
    40.787% {
        transform: translate(79.7325vw,40.787vh) scale(.7996)
    }

    to {
        transform: translate(79.68505vw,100vh) scale(.7996)
    }
}

.snow:nth-child(73) {
    animation: fall-73 17s linear -3s infinite;
    opacity: .1641;
    transform: translate(55.9775vw,-10px) scale(.8806)
}

@keyframes fall-73 {
    56.748% {
        transform: translate(56.5281vw,56.748vh) scale(.8806)
    }

    to {
        transform: translate(56.2528vw,100vh) scale(.8806)
    }
}

.snow:nth-child(74) {
    animation: fall-74 18s linear -9s infinite;
    opacity: .5752;
    transform: translate(20.6262vw,-10px) scale(.9864)
}

@keyframes fall-74 {
    56.203% {
        transform: translate(10.7299vw,56.203vh) scale(.9864)
    }

    to {
        transform: translate(15.67805vw,100vh) scale(.9864)
    }
}

.snow:nth-child(75) {
    animation: fall-75 21s linear -26s infinite;
    opacity: .2232;
    transform: translate(19.9052vw,-10px) scale(.1434)
}

@keyframes fall-75 {
    63.708% {
        transform: translate(21.3507vw,63.708vh) scale(.1434)
    }

    to {
        transform: translate(20.62795vw,100vh) scale(.1434)
    }
}

.snow:nth-child(76) {
    animation: fall-76 28s linear -5s infinite;
    opacity: .4482;
    transform: translate(63.7412vw,-10px) scale(.1242)
}

@keyframes fall-76 {
    70.841% {
        transform: translate(55.574vw,70.841vh) scale(.1242)
    }

    to {
        transform: translate(59.6576vw,100vh) scale(.1242)
    }
}

.snow:nth-child(77) {
    animation: fall-77 16s linear -7s infinite;
    opacity: .5793;
    transform: translate(87.4075vw,-10px) scale(.9546)
}

@keyframes fall-77 {
    66.619% {
        transform: translate(85.0391vw,66.619vh) scale(.9546)
    }

    to {
        transform: translate(86.2233vw,100vh) scale(.9546)
    }
}

.snow:nth-child(78) {
    animation: fall-78 27s linear -29s infinite;
    opacity: .9626;
    transform: translate(74.0704vw,-10px) scale(.8568)
}

@keyframes fall-78 {
    72.489% {
        transform: translate(71.3019vw,72.489vh) scale(.8568)
    }

    to {
        transform: translate(72.68615vw,100vh) scale(.8568)
    }
}

.snow:nth-child(79) {
    animation: fall-79 26s linear -11s infinite;
    opacity: .6024;
    transform: translate(27.2306vw,-10px) scale(.3336)
}

@keyframes fall-79 {
    51.61% {
        transform: translate(22.3758vw,51.61vh) scale(.3336)
    }

    to {
        transform: translate(24.8032vw,100vh) scale(.3336)
    }
}

.snow:nth-child(80) {
    animation: fall-80 20s linear -16s infinite;
    opacity: .6852;
    transform: translate(78.6323vw,-10px) scale(.0613)
}

@keyframes fall-80 {
    47.669% {
        transform: translate(79.9954vw,47.669vh) scale(.0613)
    }

    to {
        transform: translate(79.31385vw,100vh) scale(.0613)
    }
}

.snow:nth-child(81) {
    animation: fall-81 29s linear -2s infinite;
    opacity: .2238;
    transform: translate(96.7106vw,-10px) scale(.3405)
}

@keyframes fall-81 {
    76.522% {
        transform: translate(98.8921vw,76.522vh) scale(.3405)
    }

    to {
        transform: translate(97.80135vw,100vh) scale(.3405)
    }
}

.snow:nth-child(82) {
    animation: fall-82 29s linear -14s infinite;
    opacity: .8699;
    transform: translate(31.8527vw,-10px) scale(.917)
}

@keyframes fall-82 {
    31.976% {
        transform: translate(34.8825vw,31.976vh) scale(.917)
    }

    to {
        transform: translate(33.3676vw,100vh) scale(.917)
    }
}

.snow:nth-child(83) {
    animation: fall-83 11s linear -14s infinite;
    opacity: .2119;
    transform: translate(71.2204vw,-10px) scale(.7984)
}

@keyframes fall-83 {
    48.821% {
        transform: translate(72.9522vw,48.821vh) scale(.7984)
    }

    to {
        transform: translate(72.0863vw,100vh) scale(.7984)
    }
}

.snow:nth-child(84) {
    animation: fall-84 14s linear -4s infinite;
    opacity: .6749;
    transform: translate(28.4742vw,-10px) scale(.8576)
}

@keyframes fall-84 {
    37.268% {
        transform: translate(20.7864vw,37.268vh) scale(.8576)
    }

    to {
        transform: translate(24.6303vw,100vh) scale(.8576)
    }
}

.snow:nth-child(85) {
    animation: fall-85 19s linear -30s infinite;
    opacity: .4486;
    transform: translate(13.4093vw,-10px) scale(.4897)
}

@keyframes fall-85 {
    57.273% {
        transform: translate(17.2634vw,57.273vh) scale(.4897)
    }

    to {
        transform: translate(15.33635vw,100vh) scale(.4897)
    }
}

.snow:nth-child(86) {
    animation: fall-86 16s linear -30s infinite;
    opacity: .2151;
    transform: translate(35.8646vw,-10px) scale(.8748)
}

@keyframes fall-86 {
    64.656% {
        transform: translate(37.3243vw,64.656vh) scale(.8748)
    }

    to {
        transform: translate(36.59445vw,100vh) scale(.8748)
    }
}

.snow:nth-child(87) {
    animation: fall-87 21s linear -11s infinite;
    opacity: .5015;
    transform: translate(91.1179vw,-10px) scale(.0034)
}

@keyframes fall-87 {
    44.755% {
        transform: translate(97.1514vw,44.755vh) scale(.0034)
    }

    to {
        transform: translate(94.13465vw,100vh) scale(.0034)
    }
}

.snow:nth-child(88) {
    animation: fall-88 23s linear -8s infinite;
    opacity: .3486;
    transform: translate(35.8058vw,-10px) scale(.6977)
}

@keyframes fall-88 {
    72.086% {
        transform: translate(30.751vw,72.086vh) scale(.6977)
    }

    to {
        transform: translate(33.2784vw,100vh) scale(.6977)
    }
}

.snow:nth-child(89) {
    animation: fall-89 13s linear -14s infinite;
    opacity: .405;
    transform: translate(91.6726vw,-10px) scale(.6233)
}

@keyframes fall-89 {
    30.558% {
        transform: translate(98.5776vw,30.558vh) scale(.6233)
    }

    to {
        transform: translate(95.1251vw,100vh) scale(.6233)
    }
}

.snow:nth-child(90) {
    animation: fall-90 30s linear -30s infinite;
    opacity: .0214;
    transform: translate(8.8961vw,-10px) scale(.056)
}

@keyframes fall-90 {
    69.26% {
        transform: translate(1.1898vw,69.26vh) scale(.056)
    }

    to {
        transform: translate(5.04295vw,100vh) scale(.056)
    }
}

.snow:nth-child(91) {
    animation: fall-91 20s linear -24s infinite;
    opacity: .3289;
    transform: translate(96.9074vw,-10px) scale(.82)
}

@keyframes fall-91 {
    58.715% {
        transform: translate(96.3829vw,58.715vh) scale(.82)
    }

    to {
        transform: translate(96.64515vw,100vh) scale(.82)
    }
}

.snow:nth-child(92) {
    animation: fall-92 25s linear -12s infinite;
    opacity: .598;
    transform: translate(15.1318vw,-10px) scale(.8338)
}

@keyframes fall-92 {
    59.616% {
        transform: translate(8.6522vw,59.616vh) scale(.8338)
    }

    to {
        transform: translate(11.892vw,100vh) scale(.8338)
    }
}

.snow:nth-child(93) {
    animation: fall-93 24s linear -29s infinite;
    opacity: .3596;
    transform: translate(23.5996vw,-10px) scale(.046)
}

@keyframes fall-93 {
    41.343% {
        transform: translate(27.5253vw,41.343vh) scale(.046)
    }

    to {
        transform: translate(25.56245vw,100vh) scale(.046)
    }
}

.snow:nth-child(94) {
    animation: fall-94 20s linear -23s infinite;
    opacity: .581;
    transform: translate(20.0805vw,-10px) scale(.3516)
}

@keyframes fall-94 {
    71.674% {
        transform: translate(28.7544vw,71.674vh) scale(.3516)
    }

    to {
        transform: translate(24.41745vw,100vh) scale(.3516)
    }
}

.snow:nth-child(95) {
    animation: fall-95 29s linear -28s infinite;
    opacity: .0431;
    transform: translate(41.826vw,-10px) scale(.1514)
}

@keyframes fall-95 {
    31.505% {
        transform: translate(48.665vw,31.505vh) scale(.1514)
    }

    to {
        transform: translate(45.2455vw,100vh) scale(.1514)
    }
}

.snow:nth-child(96) {
    animation: fall-96 20s linear -1s infinite;
    opacity: .5667;
    transform: translate(93.0274vw,-10px) scale(.0393)
}

@keyframes fall-96 {
    35.193% {
        transform: translate(88.357vw,35.193vh) scale(.0393)
    }

    to {
        transform: translate(90.6922vw,100vh) scale(.0393)
    }
}

.snow:nth-child(97) {
    animation: fall-97 27s linear -4s infinite;
    opacity: .8997;
    transform: translate(38.3257vw,-10px) scale(.2059)
}

@keyframes fall-97 {
    31.702% {
        transform: translate(43.0734vw,31.702vh) scale(.2059)
    }

    to {
        transform: translate(40.69955vw,100vh) scale(.2059)
    }
}

.snow:nth-child(98) {
    animation: fall-98 28s linear -15s infinite;
    opacity: .7657;
    transform: translate(22.9975vw,-10px) scale(.1657)
}

@keyframes fall-98 {
    75.902% {
        transform: translate(27.5441vw,75.902vh) scale(.1657)
    }

    to {
        transform: translate(25.2708vw,100vh) scale(.1657)
    }
}

.snow:nth-child(99) {
    animation: fall-99 17s linear -19s infinite;
    opacity: .8489;
    transform: translate(56.7465vw,-10px) scale(.6326)
}

@keyframes fall-99 {
    42.706% {
        transform: translate(54.2634vw,42.706vh) scale(.6326)
    }

    to {
        transform: translate(55.50495vw,100vh) scale(.6326)
    }
}

.snow:nth-child(100) {
    animation: fall-100 24s linear -25s infinite;
    opacity: .5743;
    transform: translate(50.8806vw,-10px) scale(.7745)
}

@keyframes fall-100 {
    63.726% {
        transform: translate(48.9579vw,63.726vh) scale(.7745)
    }

    to {
        transform: translate(49.91925vw,100vh) scale(.7745)
    }
}

.snow:nth-child(101) {
    animation: fall-101 19s linear -19s infinite;
    opacity: .6782;
    transform: translate(54.0445vw,-10px) scale(.8782)
}

@keyframes fall-101 {
    74.858% {
        transform: translate(62.688vw,74.858vh) scale(.8782)
    }

    to {
        transform: translate(58.36625vw,100vh) scale(.8782)
    }
}

.snow:nth-child(102) {
    animation: fall-102 20s linear -19s infinite;
    opacity: .7319;
    transform: translate(27.0281vw,-10px) scale(.9231)
}

@keyframes fall-102 {
    49.883% {
        transform: translate(28.8326vw,49.883vh) scale(.9231)
    }

    to {
        transform: translate(27.93035vw,100vh) scale(.9231)
    }
}

.snow:nth-child(103) {
    animation: fall-103 26s linear -3s infinite;
    opacity: .9462;
    transform: translate(9.3749vw,-10px) scale(.9523)
}

@keyframes fall-103 {
    41.468% {
        transform: translate(15.4677vw,41.468vh) scale(.9523)
    }

    to {
        transform: translate(12.4213vw,100vh) scale(.9523)
    }
}

.snow:nth-child(104) {
    animation: fall-104 23s linear -6s infinite;
    opacity: .8797;
    transform: translate(82.3936vw,-10px) scale(.1023)
}

@keyframes fall-104 {
    72.991% {
        transform: translate(79.0891vw,72.991vh) scale(.1023)
    }

    to {
        transform: translate(80.74135vw,100vh) scale(.1023)
    }
}

.snow:nth-child(105) {
    animation: fall-105 22s linear -3s infinite;
    opacity: .6352;
    transform: translate(9.918vw,-10px) scale(.4302)
}

@keyframes fall-105 {
    76.656% {
        transform: translate(7.4144vw,76.656vh) scale(.4302)
    }

    to {
        transform: translate(8.6662vw,100vh) scale(.4302)
    }
}

.snow:nth-child(106) {
    animation: fall-106 19s linear -11s infinite;
    opacity: .8126;
    transform: translate(92.4757vw,-10px) scale(.6557)
}

@keyframes fall-106 {
    52.624% {
        transform: translate(96.0814vw,52.624vh) scale(.6557)
    }

    to {
        transform: translate(94.27855vw,100vh) scale(.6557)
    }
}

.snow:nth-child(107) {
    animation: fall-107 23s linear -23s infinite;
    opacity: .5877;
    transform: translate(15.3695vw,-10px) scale(.7605)
}

@keyframes fall-107 {
    37.406% {
        transform: translate(6.5399vw,37.406vh) scale(.7605)
    }

    to {
        transform: translate(10.9547vw,100vh) scale(.7605)
    }
}

.snow:nth-child(108) {
    animation: fall-108 19s linear -20s infinite;
    opacity: .0472;
    transform: translate(67.6937vw,-10px) scale(.534)
}

@keyframes fall-108 {
    58.068% {
        transform: translate(65.4307vw,58.068vh) scale(.534)
    }

    to {
        transform: translate(66.5622vw,100vh) scale(.534)
    }
}

.snow:nth-child(109) {
    animation: fall-109 26s linear -4s infinite;
    opacity: .8505;
    transform: translate(49.6568vw,-10px) scale(.8438)
}

@keyframes fall-109 {
    34.405% {
        transform: translate(49.5104vw,34.405vh) scale(.8438)
    }

    to {
        transform: translate(49.5836vw,100vh) scale(.8438)
    }
}

.snow:nth-child(110) {
    animation: fall-110 30s linear -21s infinite;
    opacity: .2155;
    transform: translate(42.4078vw,-10px) scale(.4076)
}

@keyframes fall-110 {
    52.233% {
        transform: translate(41.4239vw,52.233vh) scale(.4076)
    }

    to {
        transform: translate(41.91585vw,100vh) scale(.4076)
    }
}

.snow:nth-child(111) {
    animation: fall-111 22s linear -8s infinite;
    opacity: .5953;
    transform: translate(72.9725vw,-10px) scale(.8457)
}

@keyframes fall-111 {
    49.307% {
        transform: translate(69.9654vw,49.307vh) scale(.8457)
    }

    to {
        transform: translate(71.46895vw,100vh) scale(.8457)
    }
}

.snow:nth-child(112) {
    animation: fall-112 23s linear -20s infinite;
    opacity: .0594;
    transform: translate(21.7932vw,-10px) scale(.2884)
}

@keyframes fall-112 {
    76.865% {
        transform: translate(30.5266vw,76.865vh) scale(.2884)
    }

    to {
        transform: translate(26.1599vw,100vh) scale(.2884)
    }
}

.snow:nth-child(113) {
    animation: fall-113 20s linear -3s infinite;
    opacity: .3019;
    transform: translate(22.8329vw,-10px) scale(.1571)
}

@keyframes fall-113 {
    52.934% {
        transform: translate(21.3244vw,52.934vh) scale(.1571)
    }

    to {
        transform: translate(22.07865vw,100vh) scale(.1571)
    }
}

.snow:nth-child(114) {
    animation: fall-114 28s linear -15s infinite;
    opacity: .5537;
    transform: translate(59.2083vw,-10px) scale(.901)
}

@keyframes fall-114 {
    63.027% {
        transform: translate(58.9352vw,63.027vh) scale(.901)
    }

    to {
        transform: translate(59.07175vw,100vh) scale(.901)
    }
}

.snow:nth-child(115) {
    animation: fall-115 24s linear -19s infinite;
    opacity: .4407;
    transform: translate(96.0448vw,-10px) scale(.6747)
}

@keyframes fall-115 {
    60.529% {
        transform: translate(93.4444vw,60.529vh) scale(.6747)
    }

    to {
        transform: translate(94.7446vw,100vh) scale(.6747)
    }
}

.snow:nth-child(116) {
    animation: fall-116 13s linear -17s infinite;
    opacity: .9522;
    transform: translate(73.5152vw,-10px) scale(.6637)
}

@keyframes fall-116 {
    77.823% {
        transform: translate(81.9939vw,77.823vh) scale(.6637)
    }

    to {
        transform: translate(77.75455vw,100vh) scale(.6637)
    }
}

.snow:nth-child(117) {
    animation: fall-117 29s linear -9s infinite;
    opacity: .4007;
    transform: translate(13.4739vw,-10px) scale(.1582)
}

@keyframes fall-117 {
    37.449% {
        transform: translate(5.6382vw,37.449vh) scale(.1582)
    }

    to {
        transform: translate(9.55605vw,100vh) scale(.1582)
    }
}

.snow:nth-child(118) {
    animation: fall-118 13s linear -21s infinite;
    opacity: .1891;
    transform: translate(66.5907vw,-10px) scale(.1758)
}

@keyframes fall-118 {
    39.79% {
        transform: translate(60.0591vw,39.79vh) scale(.1758)
    }

    to {
        transform: translate(63.3249vw,100vh) scale(.1758)
    }
}

.snow:nth-child(119) {
    animation: fall-119 28s linear -4s infinite;
    opacity: .054;
    transform: translate(41.2157vw,-10px) scale(.7499)
}

@keyframes fall-119 {
    75.998% {
        transform: translate(42.6587vw,75.998vh) scale(.7499)
    }

    to {
        transform: translate(41.9372vw,100vh) scale(.7499)
    }
}

.snow:nth-child(120) {
    animation: fall-120 24s linear -29s infinite;
    opacity: .7881;
    transform: translate(1.51vw,-10px) scale(.7204)
}

@keyframes fall-120 {
    73.472% {
        transform: translate(-1.5508vw,73.472vh) scale(.7204)
    }

    to {
        transform: translate(-.0204vw,100vh) scale(.7204)
    }
}

.snow:nth-child(121) {
    animation: fall-121 18s linear -23s infinite;
    opacity: .6331;
    transform: translate(26.3856vw,-10px) scale(.637)
}

@keyframes fall-121 {
    62.209% {
        transform: translate(25.6185vw,62.209vh) scale(.637)
    }

    to {
        transform: translate(26.00205vw,100vh) scale(.637)
    }
}

.snow:nth-child(122) {
    animation: fall-122 25s linear -1s infinite;
    opacity: .282;
    transform: translate(87.2533vw,-10px) scale(.3743)
}

@keyframes fall-122 {
    47.979% {
        transform: translate(94.1051vw,47.979vh) scale(.3743)
    }

    to {
        transform: translate(90.6792vw,100vh) scale(.3743)
    }
}

.snow:nth-child(123) {
    animation: fall-123 13s linear -14s infinite;
    opacity: .3167;
    transform: translate(49.9009vw,-10px) scale(.4101)
}

@keyframes fall-123 {
    75.286% {
        transform: translate(41.1043vw,75.286vh) scale(.4101)
    }

    to {
        transform: translate(45.5026vw,100vh) scale(.4101)
    }
}

.snow:nth-child(124) {
    animation: fall-124 18s linear -12s infinite;
    opacity: .3902;
    transform: translate(77.6837vw,-10px) scale(.4738)
}

@keyframes fall-124 {
    47.643% {
        transform: translate(72.4247vw,47.643vh) scale(.4738)
    }

    to {
        transform: translate(75.0542vw,100vh) scale(.4738)
    }
}

.snow:nth-child(125) {
    animation: fall-125 27s linear -6s infinite;
    opacity: .4254;
    transform: translate(16.8281vw,-10px) scale(.1389)
}

@keyframes fall-125 {
    40.173% {
        transform: translate(7.7608vw,40.173vh) scale(.1389)
    }

    to {
        transform: translate(12.29445vw,100vh) scale(.1389)
    }
}

.snow:nth-child(126) {
    animation: fall-126 16s linear -22s infinite;
    opacity: .1175;
    transform: translate(99.0836vw,-10px) scale(.1361)
}

@keyframes fall-126 {
    32.466% {
        transform: translate(90.4112vw,32.466vh) scale(.1361)
    }

    to {
        transform: translate(94.7474vw,100vh) scale(.1361)
    }
}

.snow:nth-child(127) {
    animation: fall-127 28s linear -3s infinite;
    opacity: .5299;
    transform: translate(37.2034vw,-10px) scale(.6431)
}

@keyframes fall-127 {
    49.17% {
        transform: translate(47.1622vw,49.17vh) scale(.6431)
    }

    to {
        transform: translate(42.1828vw,100vh) scale(.6431)
    }
}

.snow:nth-child(128) {
    animation: fall-128 27s linear -5s infinite;
    opacity: .4038;
    transform: translate(20.5246vw,-10px) scale(.8196)
}

@keyframes fall-128 {
    69.408% {
        transform: translate(11.1604vw,69.408vh) scale(.8196)
    }

    to {
        transform: translate(15.8425vw,100vh) scale(.8196)
    }
}

.snow:nth-child(129) {
    animation: fall-129 25s linear -21s infinite;
    opacity: .3238;
    transform: translate(54.6391vw,-10px) scale(.2958)
}

@keyframes fall-129 {
    41.088% {
        transform: translate(47.875vw,41.088vh) scale(.2958)
    }

    to {
        transform: translate(51.25705vw,100vh) scale(.2958)
    }
}

.snow:nth-child(130) {
    animation: fall-130 19s linear -3s infinite;
    opacity: .5643;
    transform: translate(88.3104vw,-10px) scale(.1092)
}

@keyframes fall-130 {
    56.478% {
        transform: translate(97.8016vw,56.478vh) scale(.1092)
    }

    to {
        transform: translate(93.056vw,100vh) scale(.1092)
    }
}

.snow:nth-child(131) {
    animation: fall-131 26s linear -28s infinite;
    opacity: .8342;
    transform: translate(73.4402vw,-10px) scale(.7418)
}

@keyframes fall-131 {
    38.007% {
        transform: translate(74.4433vw,38.007vh) scale(.7418)
    }

    to {
        transform: translate(73.94175vw,100vh) scale(.7418)
    }
}

.snow:nth-child(132) {
    animation: fall-132 20s linear -19s infinite;
    opacity: .8632;
    transform: translate(79.6969vw,-10px) scale(.7824)
}

@keyframes fall-132 {
    38.165% {
        transform: translate(78.3561vw,38.165vh) scale(.7824)
    }

    to {
        transform: translate(79.0265vw,100vh) scale(.7824)
    }
}

.snow:nth-child(133) {
    animation: fall-133 15s linear -10s infinite;
    opacity: .9474;
    transform: translate(46.4031vw,-10px) scale(.8122)
}

@keyframes fall-133 {
    50.421% {
        transform: translate(41.2861vw,50.421vh) scale(.8122)
    }

    to {
        transform: translate(43.8446vw,100vh) scale(.8122)
    }
}

.snow:nth-child(134) {
    animation: fall-134 15s linear -30s infinite;
    opacity: .3393;
    transform: translate(64.0769vw,-10px) scale(.0175)
}

@keyframes fall-134 {
    64.994% {
        transform: translate(56.479vw,64.994vh) scale(.0175)
    }

    to {
        transform: translate(60.27795vw,100vh) scale(.0175)
    }
}

.snow:nth-child(135) {
    animation: fall-135 24s linear -15s infinite;
    opacity: .9152;
    transform: translate(98.8583vw,-10px) scale(.605)
}

@keyframes fall-135 {
    43.943% {
        transform: translate(104.3022vw,43.943vh) scale(.605)
    }

    to {
        transform: translate(101.58025vw,100vh) scale(.605)
    }
}

.snow:nth-child(136) {
    animation: fall-136 13s linear -26s infinite;
    opacity: .7101;
    transform: translate(38.3737vw,-10px) scale(.0613)
}

@keyframes fall-136 {
    60.599% {
        transform: translate(43.1561vw,60.599vh) scale(.0613)
    }

    to {
        transform: translate(40.7649vw,100vh) scale(.0613)
    }
}

.snow:nth-child(137) {
    animation: fall-137 17s linear -28s infinite;
    opacity: .4256;
    transform: translate(19.7697vw,-10px) scale(.5885)
}

@keyframes fall-137 {
    65.313% {
        transform: translate(12.0526vw,65.313vh) scale(.5885)
    }

    to {
        transform: translate(15.91115vw,100vh) scale(.5885)
    }
}

.snow:nth-child(138) {
    animation: fall-138 17s linear -23s infinite;
    opacity: .351;
    transform: translate(98.3775vw,-10px) scale(.7681)
}

@keyframes fall-138 {
    38.951% {
        transform: translate(99.4578vw,38.951vh) scale(.7681)
    }

    to {
        transform: translate(98.91765vw,100vh) scale(.7681)
    }
}

.snow:nth-child(139) {
    animation: fall-139 24s linear -28s infinite;
    opacity: .0043;
    transform: translate(54.1967vw,-10px) scale(.0218)
}

@keyframes fall-139 {
    70.066% {
        transform: translate(53.4885vw,70.066vh) scale(.0218)
    }

    to {
        transform: translate(53.8426vw,100vh) scale(.0218)
    }
}

.snow:nth-child(140) {
    animation: fall-140 27s linear -25s infinite;
    opacity: .5306;
    transform: translate(91.4615vw,-10px) scale(.2964)
}

@keyframes fall-140 {
    46.21% {
        transform: translate(85.164vw,46.21vh) scale(.2964)
    }

    to {
        transform: translate(88.31275vw,100vh) scale(.2964)
    }
}

.snow:nth-child(141) {
    animation: fall-141 23s linear -14s infinite;
    opacity: .3122;
    transform: translate(89.1857vw,-10px) scale(.3034)
}

@keyframes fall-141 {
    49.856% {
        transform: translate(95.2555vw,49.856vh) scale(.3034)
    }

    to {
        transform: translate(92.2206vw,100vh) scale(.3034)
    }
}

.snow:nth-child(142) {
    animation: fall-142 20s linear -1s infinite;
    opacity: .8272;
    transform: translate(15.219vw,-10px) scale(.2768)
}

@keyframes fall-142 {
    58.544% {
        transform: translate(9.1104vw,58.544vh) scale(.2768)
    }

    to {
        transform: translate(12.1647vw,100vh) scale(.2768)
    }
}

.snow:nth-child(143) {
    animation: fall-143 20s linear -20s infinite;
    opacity: .0321;
    transform: translate(90.6999vw,-10px) scale(.0122)
}

@keyframes fall-143 {
    30.069% {
        transform: translate(86.7524vw,30.069vh) scale(.0122)
    }

    to {
        transform: translate(88.72615vw,100vh) scale(.0122)
    }
}

.snow:nth-child(144) {
    animation: fall-144 13s linear -5s infinite;
    opacity: .2696;
    transform: translate(95.7603vw,-10px) scale(.7683)
}

@keyframes fall-144 {
    58.215% {
        transform: translate(101.9897vw,58.215vh) scale(.7683)
    }

    to {
        transform: translate(98.875vw,100vh) scale(.7683)
    }
}

.snow:nth-child(145) {
    animation: fall-145 29s linear -18s infinite;
    opacity: .5519;
    transform: translate(92.415vw,-10px) scale(.6403)
}

@keyframes fall-145 {
    54.049% {
        transform: translate(84.8131vw,54.049vh) scale(.6403)
    }

    to {
        transform: translate(88.61405vw,100vh) scale(.6403)
    }
}

.snow:nth-child(146) {
    animation: fall-146 27s linear -5s infinite;
    opacity: .4284;
    transform: translate(32.3035vw,-10px) scale(.7226)
}

@keyframes fall-146 {
    37.57% {
        transform: translate(28.3021vw,37.57vh) scale(.7226)
    }

    to {
        transform: translate(30.3028vw,100vh) scale(.7226)
    }
}

.snow:nth-child(147) {
    animation: fall-147 15s linear -10s infinite;
    opacity: .9196;
    transform: translate(91.4529vw,-10px) scale(.5623)
}

@keyframes fall-147 {
    30.993% {
        transform: translate(97.0882vw,30.993vh) scale(.5623)
    }

    to {
        transform: translate(94.27055vw,100vh) scale(.5623)
    }
}

.snow:nth-child(148) {
    animation: fall-148 18s linear -3s infinite;
    opacity: .3104;
    transform: translate(92.3629vw,-10px) scale(.3939)
}

@keyframes fall-148 {
    39.173% {
        transform: translate(100.7834vw,39.173vh) scale(.3939)
    }

    to {
        transform: translate(96.57315vw,100vh) scale(.3939)
    }
}

.snow:nth-child(149) {
    animation: fall-149 14s linear -10s infinite;
    opacity: .709;
    transform: translate(19.8397vw,-10px) scale(.3328)
}

@keyframes fall-149 {
    47.091% {
        transform: translate(19.7746vw,47.091vh) scale(.3328)
    }

    to {
        transform: translate(19.80715vw,100vh) scale(.3328)
    }
}

.snow:nth-child(150) {
    animation: fall-150 20s linear -4s infinite;
    opacity: .3508;
    transform: translate(34.1133vw,-10px) scale(.0353)
}

@keyframes fall-150 {
    38.223% {
        transform: translate(32.9213vw,38.223vh) scale(.0353)
    }

    to {
        transform: translate(33.5173vw,100vh) scale(.0353)
    }
}

.snow:nth-child(151) {
    animation: fall-151 11s linear -29s infinite;
    opacity: .8232;
    transform: translate(60.5163vw,-10px) scale(.151)
}

@keyframes fall-151 {
    45.491% {
        transform: translate(68.8231vw,45.491vh) scale(.151)
    }

    to {
        transform: translate(64.6697vw,100vh) scale(.151)
    }
}

.snow:nth-child(152) {
    animation: fall-152 15s linear -24s infinite;
    opacity: .7104;
    transform: translate(35.9169vw,-10px) scale(.5982)
}

@keyframes fall-152 {
    71.869% {
        transform: translate(28.7716vw,71.869vh) scale(.5982)
    }

    to {
        transform: translate(32.34425vw,100vh) scale(.5982)
    }
}

.snow:nth-child(153) {
    animation: fall-153 12s linear -18s infinite;
    opacity: .5474;
    transform: translate(27.3128vw,-10px) scale(.6305)
}

@keyframes fall-153 {
    61.487% {
        transform: translate(18.0601vw,61.487vh) scale(.6305)
    }

    to {
        transform: translate(22.68645vw,100vh) scale(.6305)
    }
}

.snow:nth-child(154) {
    animation: fall-154 22s linear -22s infinite;
    opacity: .6788;
    transform: translate(67.5592vw,-10px) scale(.6847)
}

@keyframes fall-154 {
    56.358% {
        transform: translate(57.6669vw,56.358vh) scale(.6847)
    }

    to {
        transform: translate(62.61305vw,100vh) scale(.6847)
    }
}

.snow:nth-child(155) {
    animation: fall-155 20s linear -17s infinite;
    opacity: .13;
    transform: translate(33.725vw,-10px) scale(.1)
}

@keyframes fall-155 {
    76.194% {
        transform: translate(31.3896vw,76.194vh) scale(.1)
    }

    to {
        transform: translate(32.5573vw,100vh) scale(.1)
    }
}

.snow:nth-child(156) {
    animation: fall-156 25s linear -13s infinite;
    opacity: .974;
    transform: translate(5.8133vw,-10px) scale(.165)
}

@keyframes fall-156 {
    34.463% {
        transform: translate(-2.6329vw,34.463vh) scale(.165)
    }

    to {
        transform: translate(1.5902vw,100vh) scale(.165)
    }
}

.snow:nth-child(157) {
    animation: fall-157 17s linear -16s infinite;
    opacity: .685;
    transform: translate(44.63vw,-10px) scale(.4566)
}

@keyframes fall-157 {
    64.353% {
        transform: translate(47.0177vw,64.353vh) scale(.4566)
    }

    to {
        transform: translate(45.82385vw,100vh) scale(.4566)
    }
}

.snow:nth-child(158) {
    animation: fall-158 13s linear -26s infinite;
    opacity: .1866;
    transform: translate(25.0073vw,-10px) scale(.5441)
}

@keyframes fall-158 {
    47.201% {
        transform: translate(24.1789vw,47.201vh) scale(.5441)
    }

    to {
        transform: translate(24.5931vw,100vh) scale(.5441)
    }
}

.snow:nth-child(159) {
    animation: fall-159 27s linear -17s infinite;
    opacity: .6089;
    transform: translate(49.1369vw,-10px) scale(.8538)
}

@keyframes fall-159 {
    50.87% {
        transform: translate(39.656vw,50.87vh) scale(.8538)
    }

    to {
        transform: translate(44.39645vw,100vh) scale(.8538)
    }
}

.snow:nth-child(160) {
    animation: fall-160 15s linear -24s infinite;
    opacity: .0421;
    transform: translate(81.5702vw,-10px) scale(.8322)
}

@keyframes fall-160 {
    43.292% {
        transform: translate(89.3193vw,43.292vh) scale(.8322)
    }

    to {
        transform: translate(85.44475vw,100vh) scale(.8322)
    }
}

.snow:nth-child(161) {
    animation: fall-161 11s linear -11s infinite;
    opacity: .5928;
    transform: translate(11.1933vw,-10px) scale(.1093)
}

@keyframes fall-161 {
    48.682% {
        transform: translate(13.3047vw,48.682vh) scale(.1093)
    }

    to {
        transform: translate(12.249vw,100vh) scale(.1093)
    }
}

.snow:nth-child(162) {
    animation: fall-162 12s linear -17s infinite;
    opacity: .883;
    transform: translate(70.3374vw,-10px) scale(.1447)
}

@keyframes fall-162 {
    53.526% {
        transform: translate(64.5466vw,53.526vh) scale(.1447)
    }

    to {
        transform: translate(67.442vw,100vh) scale(.1447)
    }
}

.snow:nth-child(163) {
    animation: fall-163 13s linear -13s infinite;
    opacity: .3178;
    transform: translate(27.8919vw,-10px) scale(.2721)
}

@keyframes fall-163 {
    40.536% {
        transform: translate(26.0397vw,40.536vh) scale(.2721)
    }

    to {
        transform: translate(26.9658vw,100vh) scale(.2721)
    }
}

.snow:nth-child(164) {
    animation: fall-164 27s linear -4s infinite;
    opacity: .5123;
    transform: translate(69.0804vw,-10px) scale(.8347)
}

@keyframes fall-164 {
    52.169% {
        transform: translate(69.3765vw,52.169vh) scale(.8347)
    }

    to {
        transform: translate(69.22845vw,100vh) scale(.8347)
    }
}

.snow:nth-child(165) {
    animation: fall-165 27s linear -13s infinite;
    opacity: .5111;
    transform: translate(93.3828vw,-10px) scale(.2604)
}

@keyframes fall-165 {
    53.393% {
        transform: translate(96.1959vw,53.393vh) scale(.2604)
    }

    to {
        transform: translate(94.78935vw,100vh) scale(.2604)
    }
}

.snow:nth-child(166) {
    animation: fall-166 11s linear -28s infinite;
    opacity: .4001;
    transform: translate(14.3288vw,-10px) scale(.4313)
}

@keyframes fall-166 {
    64.354% {
        transform: translate(19.3102vw,64.354vh) scale(.4313)
    }

    to {
        transform: translate(16.8195vw,100vh) scale(.4313)
    }
}

.snow:nth-child(167) {
    animation: fall-167 19s linear -17s infinite;
    opacity: .6448;
    transform: translate(48.7035vw,-10px) scale(.2455)
}

@keyframes fall-167 {
    79.594% {
        transform: translate(50.7768vw,79.594vh) scale(.2455)
    }

    to {
        transform: translate(49.74015vw,100vh) scale(.2455)
    }
}

.snow:nth-child(168) {
    animation: fall-168 25s linear -19s infinite;
    opacity: .1509;
    transform: translate(85.0987vw,-10px) scale(.5012)
}

@keyframes fall-168 {
    59.876% {
        transform: translate(78.3975vw,59.876vh) scale(.5012)
    }

    to {
        transform: translate(81.7481vw,100vh) scale(.5012)
    }
}

.snow:nth-child(169) {
    animation: fall-169 16s linear -9s infinite;
    opacity: .4344;
    transform: translate(32.0616vw,-10px) scale(.324)
}

@keyframes fall-169 {
    74.228% {
        transform: translate(26.4362vw,74.228vh) scale(.324)
    }

    to {
        transform: translate(29.2489vw,100vh) scale(.324)
    }
}

.snow:nth-child(170) {
    animation: fall-170 12s linear -17s infinite;
    opacity: .9061;
    transform: translate(50.2008vw,-10px) scale(.9766)
}

@keyframes fall-170 {
    58.563% {
        transform: translate(48.5242vw,58.563vh) scale(.9766)
    }

    to {
        transform: translate(49.3625vw,100vh) scale(.9766)
    }
}

.snow:nth-child(171) {
    animation: fall-171 13s linear -11s infinite;
    opacity: .3455;
    transform: translate(85.8583vw,-10px) scale(.3991)
}

@keyframes fall-171 {
    70.307% {
        transform: translate(80.3978vw,70.307vh) scale(.3991)
    }

    to {
        transform: translate(83.12805vw,100vh) scale(.3991)
    }
}

.snow:nth-child(172) {
    animation: fall-172 29s linear -8s infinite;
    opacity: .0531;
    transform: translate(73.4069vw,-10px) scale(.7814)
}

@keyframes fall-172 {
    66.222% {
        transform: translate(69.1111vw,66.222vh) scale(.7814)
    }

    to {
        transform: translate(71.259vw,100vh) scale(.7814)
    }
}

.snow:nth-child(173) {
    animation: fall-173 17s linear -24s infinite;
    opacity: .6947;
    transform: translate(81.9196vw,-10px) scale(.2154)
}

@keyframes fall-173 {
    34.273% {
        transform: translate(74.2326vw,34.273vh) scale(.2154)
    }

    to {
        transform: translate(78.0761vw,100vh) scale(.2154)
    }
}

.snow:nth-child(174) {
    animation: fall-174 30s linear -8s infinite;
    opacity: .8647;
    transform: translate(8.8158vw,-10px) scale(.6307)
}

@keyframes fall-174 {
    59.488% {
        transform: translate(9.0655vw,59.488vh) scale(.6307)
    }

    to {
        transform: translate(8.94065vw,100vh) scale(.6307)
    }
}

.snow:nth-child(175) {
    animation: fall-175 20s linear -7s infinite;
    opacity: .2542;
    transform: translate(61.7331vw,-10px) scale(.4951)
}

@keyframes fall-175 {
    30.373% {
        transform: translate(56.2231vw,30.373vh) scale(.4951)
    }

    to {
        transform: translate(58.9781vw,100vh) scale(.4951)
    }
}

.snow:nth-child(176) {
    animation: fall-176 13s linear -18s infinite;
    opacity: .2116;
    transform: translate(46.7177vw,-10px) scale(.9211)
}

@keyframes fall-176 {
    59.807% {
        transform: translate(43.0371vw,59.807vh) scale(.9211)
    }

    to {
        transform: translate(44.8774vw,100vh) scale(.9211)
    }
}

.snow:nth-child(177) {
    animation: fall-177 22s linear -12s infinite;
    opacity: .6767;
    transform: translate(29.9561vw,-10px) scale(.6876)
}

@keyframes fall-177 {
    63.449% {
        transform: translate(37.6707vw,63.449vh) scale(.6876)
    }

    to {
        transform: translate(33.8134vw,100vh) scale(.6876)
    }
}

.snow:nth-child(178) {
    animation: fall-178 25s linear -26s infinite;
    opacity: .6718;
    transform: translate(89.2427vw,-10px) scale(.0422)
}

@keyframes fall-178 {
    67.928% {
        transform: translate(84.3443vw,67.928vh) scale(.0422)
    }

    to {
        transform: translate(86.7935vw,100vh) scale(.0422)
    }
}

.snow:nth-child(179) {
    animation: fall-179 17s linear -3s infinite;
    opacity: .8696;
    transform: translate(91.4073vw,-10px) scale(.5162)
}

@keyframes fall-179 {
    72.716% {
        transform: translate(87.0141vw,72.716vh) scale(.5162)
    }

    to {
        transform: translate(89.2107vw,100vh) scale(.5162)
    }
}

.snow:nth-child(180) {
    animation: fall-180 16s linear -26s infinite;
    opacity: .4721;
    transform: translate(35.4421vw,-10px) scale(.1539)
}

@keyframes fall-180 {
    44.048% {
        transform: translate(40.9529vw,44.048vh) scale(.1539)
    }

    to {
        transform: translate(38.1975vw,100vh) scale(.1539)
    }
}

.snow:nth-child(181) {
    animation: fall-181 18s linear -1s infinite;
    opacity: .4171;
    transform: translate(40.4941vw,-10px) scale(.007)
}

@keyframes fall-181 {
    47.283% {
        transform: translate(43.0534vw,47.283vh) scale(.007)
    }

    to {
        transform: translate(41.77375vw,100vh) scale(.007)
    }
}

.snow:nth-child(182) {
    animation: fall-182 29s linear -28s infinite;
    opacity: .2716;
    transform: translate(83.9875vw,-10px) scale(.9635)
}

@keyframes fall-182 {
    76.029% {
        transform: translate(79.358vw,76.029vh) scale(.9635)
    }

    to {
        transform: translate(81.67275vw,100vh) scale(.9635)
    }
}

.snow:nth-child(183) {
    animation: fall-183 27s linear -24s infinite;
    opacity: .5852;
    transform: translate(80.572vw,-10px) scale(.9511)
}

@keyframes fall-183 {
    51.672% {
        transform: translate(82.3486vw,51.672vh) scale(.9511)
    }

    to {
        transform: translate(81.4603vw,100vh) scale(.9511)
    }
}

.snow:nth-child(184) {
    animation: fall-184 25s linear -23s infinite;
    opacity: .6308;
    transform: translate(42.1191vw,-10px) scale(.5128)
}

@keyframes fall-184 {
    53.441% {
        transform: translate(45.6384vw,53.441vh) scale(.5128)
    }

    to {
        transform: translate(43.87875vw,100vh) scale(.5128)
    }
}

.snow:nth-child(185) {
    animation: fall-185 27s linear -23s infinite;
    opacity: .9753;
    transform: translate(59.0232vw,-10px) scale(.0991)
}

@keyframes fall-185 {
    48.15% {
        transform: translate(56.3186vw,48.15vh) scale(.0991)
    }

    to {
        transform: translate(57.6709vw,100vh) scale(.0991)
    }
}

.snow:nth-child(186) {
    animation: fall-186 27s linear -15s infinite;
    opacity: .8161;
    transform: translate(99.993vw,-10px) scale(.6985)
}

@keyframes fall-186 {
    54.149% {
        transform: translate(109.9038vw,54.149vh) scale(.6985)
    }

    to {
        transform: translate(104.9484vw,100vh) scale(.6985)
    }
}

.snow:nth-child(187) {
    animation: fall-187 12s linear -9s infinite;
    opacity: .5226;
    transform: translate(59.1329vw,-10px) scale(.821)
}

@keyframes fall-187 {
    65.256% {
        transform: translate(64.1113vw,65.256vh) scale(.821)
    }

    to {
        transform: translate(61.6221vw,100vh) scale(.821)
    }
}

.snow:nth-child(188) {
    animation: fall-188 14s linear -20s infinite;
    opacity: .6635;
    transform: translate(75.8714vw,-10px) scale(.6833)
}

@keyframes fall-188 {
    65.752% {
        transform: translate(77.4107vw,65.752vh) scale(.6833)
    }

    to {
        transform: translate(76.64105vw,100vh) scale(.6833)
    }
}

.snow:nth-child(189) {
    animation: fall-189 25s linear -22s infinite;
    opacity: .1661;
    transform: translate(35.6104vw,-10px) scale(.6989)
}

@keyframes fall-189 {
    47.18% {
        transform: translate(31.1277vw,47.18vh) scale(.6989)
    }

    to {
        transform: translate(33.36905vw,100vh) scale(.6989)
    }
}

.snow:nth-child(190) {
    animation: fall-190 13s linear -13s infinite;
    opacity: .7619;
    transform: translate(98.6716vw,-10px) scale(.2799)
}

@keyframes fall-190 {
    49.505% {
        transform: translate(92.557vw,49.505vh) scale(.2799)
    }

    to {
        transform: translate(95.6143vw,100vh) scale(.2799)
    }
}

.snow:nth-child(191) {
    animation: fall-191 23s linear -14s infinite;
    opacity: .629;
    transform: translate(80.8752vw,-10px) scale(.5886)
}

@keyframes fall-191 {
    76.465% {
        transform: translate(88.7268vw,76.465vh) scale(.5886)
    }

    to {
        transform: translate(84.801vw,100vh) scale(.5886)
    }
}

.snow:nth-child(192) {
    animation: fall-192 12s linear -23s infinite;
    opacity: .2126;
    transform: translate(79.3402vw,-10px) scale(.9273)
}

@keyframes fall-192 {
    32.794% {
        transform: translate(78.6074vw,32.794vh) scale(.9273)
    }

    to {
        transform: translate(78.9738vw,100vh) scale(.9273)
    }
}

.snow:nth-child(193) {
    animation: fall-193 17s linear -13s infinite;
    opacity: .4491;
    transform: translate(79.402vw,-10px) scale(.9673)
}

@keyframes fall-193 {
    37.541% {
        transform: translate(87.5119vw,37.541vh) scale(.9673)
    }

    to {
        transform: translate(83.45695vw,100vh) scale(.9673)
    }
}

.snow:nth-child(194) {
    animation: fall-194 25s linear -13s infinite;
    opacity: .8093;
    transform: translate(99.1179vw,-10px) scale(.7081)
}

@keyframes fall-194 {
    78.16% {
        transform: translate(94.3425vw,78.16vh) scale(.7081)
    }

    to {
        transform: translate(96.7302vw,100vh) scale(.7081)
    }
}

.snow:nth-child(195) {
    animation: fall-195 13s linear -1s infinite;
    opacity: .0655;
    transform: translate(18.4737vw,-10px) scale(.6917)
}

@keyframes fall-195 {
    78.344% {
        transform: translate(22.5648vw,78.344vh) scale(.6917)
    }

    to {
        transform: translate(20.51925vw,100vh) scale(.6917)
    }
}

.snow:nth-child(196) {
    animation: fall-196 26s linear -24s infinite;
    opacity: .1425;
    transform: translate(56.8035vw,-10px) scale(.9467)
}

@keyframes fall-196 {
    73.924% {
        transform: translate(51.5207vw,73.924vh) scale(.9467)
    }

    to {
        transform: translate(54.1621vw,100vh) scale(.9467)
    }
}

.snow:nth-child(197) {
    animation: fall-197 29s linear -27s infinite;
    opacity: .5326;
    transform: translate(19.6747vw,-10px) scale(.4635)
}

@keyframes fall-197 {
    45.594% {
        transform: translate(27.8145vw,45.594vh) scale(.4635)
    }

    to {
        transform: translate(23.7446vw,100vh) scale(.4635)
    }
}

.snow:nth-child(198) {
    animation: fall-198 19s linear -2s infinite;
    opacity: .0583;
    transform: translate(6.1908vw,-10px) scale(.9456)
}

@keyframes fall-198 {
    44.619% {
        transform: translate(15.3576vw,44.619vh) scale(.9456)
    }

    to {
        transform: translate(10.7742vw,100vh) scale(.9456)
    }
}

.snow:nth-child(199) {
    animation: fall-199 14s linear -5s infinite;
    opacity: .8763;
    transform: translate(71.4062vw,-10px) scale(.6262)
}

@keyframes fall-199 {
    70.205% {
        transform: translate(76.6412vw,70.205vh) scale(.6262)
    }

    to {
        transform: translate(74.0237vw,100vh) scale(.6262)
    }
}

.snow:nth-child(200) {
    animation: fall-200 19s linear -17s infinite;
    opacity: .3946;
    transform: translate(1.5801vw,-10px) scale(.695)
}

@keyframes fall-200 {
    70.226% {
        transform: translate(11.3149vw,70.226vh) scale(.695)
    }

    to {
        transform: translate(6.4475vw,100vh) scale(.695)
    }
}

.loader {
    overflow: hidden;
    position: relative
}

.loader:after {
    background: url(./loader.466d361d.svg) no-repeat 50%,rgba(0,0,0,.3);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}