.limiter[data-v-9fceb21a] {
                          display: flex;
                          flex-direction: column;
                          height: 100vh;
                          justify-content: center;
                          margin: 0 auto;
                          max-height: calc(var(--true-screen-height) - 430px);
                          max-width: 600px;
                          padding: 20px;
                          position: relative;
                          width: 100vw
                      }

.limiter .content[data-v-9fceb21a] {
    --local-gap: 10px;
    background: var(--common-background-color);
    border-radius: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    padding: 50px 20px;
    position: relative;
    text-align: center
}

.limiter .content .background-img[data-v-9fceb21a] {
    bottom: 0;
    position: absolute;
    right: -10px
}

.limiter .content .status-code[data-v-9fceb21a] {
    color: var(--accent-negative-text-color);
    font-size: 80px;
    font-weight: 700
}

.limiter .content .message[data-v-9fceb21a] {
    font-size: 24px
}

.limiter .content .link a[data-v-9fceb21a] {
    color: var(--accent-brand-color)
}

.limiter .content .link a[data-v-9fceb21a]:hover {
    filter: brightness(.9)
}

.limiter .content .link a[data-v-9fceb21a]:active {
    filter: brightness(.8)
}

.limiter .content .reload[data-v-9fceb21a] {
    background: var(--button-background-color-alt);
    border-radius: 8px;
    cursor: pointer;
    padding: 8px 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.limiter .content .reload:hover a[data-v-9fceb21a] {
    color: var(--bright-foreground-color)
}

.limiter .content .reload[data-v-9fceb21a]:active {
    filter: brightness(.8)
}

@media (max-width: 999px) {
    .limiter[data-v-9fceb21a] {
        max-height: calc(var(--true-screen-height) - 120px)
    }
}

@media (max-width: 640px) {
    .limiter[data-v-9fceb21a] {
        padding: 10px
    }

    .limiter .content[data-v-9fceb21a] {
        padding: 50px 10px
    }
}

@media (max-width: 400px) {
    .limiter[data-v-9fceb21a] {
        padding: 0
    }

    .limiter .content[data-v-9fceb21a] {
        border-radius: 0
    }

    .limiter .content .background-img[data-v-9fceb21a] {
        right: 0
    }
}

                      .sk-fading-circle[data-v-1382e331] {
                          height: 40px;
                          opacity: 0;
                          pointer-events: none;
                          position: relative;
                          transition: all .25s ease-in-out;
                          width: 40px
                      }

.sk-fading-circle.active[data-v-1382e331] {
    opacity: 1;
    pointer-events: inherit
}

.sk-fading-circle .sk-circle[data-v-1382e331] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sk-fading-circle .sk-circle[data-v-1382e331]:before {
    animation: sk-circleFadeDelay-1382e331 1.2s ease-in-out infinite both;
    background-color: var(--accent-brand-color);
    border-radius: 100%;
    content: "";
    display: block;
    height: 15%;
    margin: 0 auto;
    width: 15%
}

.sk-fading-circle .sk-circle2[data-v-1382e331] {
    transform: rotate(30deg)
}

.sk-fading-circle .sk-circle3[data-v-1382e331] {
    transform: rotate(60deg)
}

.sk-fading-circle .sk-circle4[data-v-1382e331] {
    transform: rotate(90deg)
}

.sk-fading-circle .sk-circle5[data-v-1382e331] {
    transform: rotate(120deg)
}

.sk-fading-circle .sk-circle6[data-v-1382e331] {
    transform: rotate(150deg)
}

.sk-fading-circle .sk-circle7[data-v-1382e331] {
    transform: rotate(180deg)
}

.sk-fading-circle .sk-circle8[data-v-1382e331] {
    transform: rotate(210deg)
}

.sk-fading-circle .sk-circle9[data-v-1382e331] {
    transform: rotate(240deg)
}

.sk-fading-circle .sk-circle10[data-v-1382e331] {
    transform: rotate(270deg)
}

.sk-fading-circle .sk-circle11[data-v-1382e331] {
    transform: rotate(300deg)
}

.sk-fading-circle .sk-circle12[data-v-1382e331] {
    transform: rotate(330deg)
}

.sk-fading-circle .sk-circle2[data-v-1382e331]:before {
    animation-delay: -1.1s
}

.sk-fading-circle .sk-circle3[data-v-1382e331]:before {
    animation-delay: -1s
}

.sk-fading-circle .sk-circle4[data-v-1382e331]:before {
    animation-delay: -.9s
}

.sk-fading-circle .sk-circle5[data-v-1382e331]:before {
    animation-delay: -.8s
}

.sk-fading-circle .sk-circle6[data-v-1382e331]:before {
    animation-delay: -.7s
}

.sk-fading-circle .sk-circle7[data-v-1382e331]:before {
    animation-delay: -.6s
}

.sk-fading-circle .sk-circle8[data-v-1382e331]:before {
    animation-delay: -.5s
}

.sk-fading-circle .sk-circle9[data-v-1382e331]:before {
    animation-delay: -.4s
}

.sk-fading-circle .sk-circle10[data-v-1382e331]:before {
    animation-delay: -.3s
}

.sk-fading-circle .sk-circle11[data-v-1382e331]:before {
    animation-delay: -.2s
}

.sk-fading-circle .sk-circle12[data-v-1382e331]:before {
    animation-delay: -.1s
}

@keyframes sk-circleFadeDelay-1382e331 {
    0%, 39%, to {
        opacity: 0
    }
    40% {
        opacity: 1
    }
}

                      .internal-loader-overlay[data-v-d38fdc2a] {
                          bottom: 0;
                          left: 0;
                          opacity: 0;
                          pointer-events: none;
                          position: fixed;
                          right: 0;
                          top: 0;
                          transition: all .1s ease-in-out;
                          transition-delay: .5s;
                          visibility: hidden;
                          z-index: 3
                      }

.internal-loader-overlay.active[data-v-d38fdc2a] {
    opacity: 1;
    pointer-events: all;
    transition-delay: 0s;
    visibility: visible
}

.internal-loader-overlay .background[data-v-d38fdc2a] {
    align-items: center;
    background: var(--body-background-color);
    bottom: var(--bottom-offset);
    display: flex;
    justify-content: center;
    left: var(--left-offset);
    position: absolute;
    right: var(--right-offset);
    top: var(--top-offset)
}

                      :root {
                          --selection-color: #10baa8;
                          --selection-color-transparent: rgba(16, 186, 168, .467);
                          --background-color: #16171d;
                          --button-background-color-alt: #363c47;
                          --common-text-color: #959aa2;
                          --common-text-color-bright: #f0f2f5;
                          --common-text-color-brightest: #fff;
                          --accent-positive-text-color: #02ba50;
                          --accent-negative-text-color: #ff3955;
                          --hover-color: #363c47;
                          --game-template-secondary-color: #2c313b;
                          --svg-color: var(--common-text-color);
                          --svg-hover-color: var(--bright-foreground-color);
                          --svg-inset-color: var(--common-background-color);
                          --svg-opacity: 0.4;
                          --selection-color-rgb: 16, 186, 168;
                          --accent-positive-text-color-rgb: 2, 186, 80;
                          --bright-background-color: #363c47;
                          --dark-background-color: #2c313b;
                          --button-background-color: #22262e;
                          --common-background-color: #22262e;
                          --input-background-color: #181b20;
                          --input-alt-background-color: #15151a;
                          --body-background-color: #16171d;
                          --menu-background-color: #111217;
                          --dark-button-background-color: #1a1e26;
                          --darkest-foreground-color: #22262e;
                          --dark-foreground-color: #363c47;
                          --bit-darker-foreground-color-alt: #4e5158;
                          --bit-darker-foreground-color: #5d5f62;
                          --common-foreground-color: #959aa2;
                          --bright-foreground-color: #f0f2f5;
                          --brightest-background-color: #f0f2f5;
                          --brightest-foreground-color: #fff;
                          --accent-positive-color: #02ba50;
                          --accent-negative-color: #ff3955;
                          --accent-selection-color: var(--accent-brand-color);
                          --accent-selection-color-rgb: var(--accent-brand-color-rgb);
                          --common-background-color-disabled: #5d5f62;
                          --accent-brand-color: #10baa8;
                          --accent-brand-color-rgb: 16, 186, 168;
                          --common-letter-spacing: 0.015em;
                          --common-font-size: 16px;
                          --common-font-weight: 500;
                          --modal-close-button-padding: 10px;
                          --modal-close-button-size: 14px;
                          --modal-close-button-pos: 20px;
                          --hidden-avatar-1: #74abff;
                          --hidden-avatar-2: #6c55fe;
                          --hidden-avatar-3: #9f55fe;
                          --hidden-avatar-4: #be55fe;
                          --hidden-avatar-5: #f055fe;
                          --hidden-avatar-6: #fe5592;
                          --hidden-avatar-7: #fe5555;
                          --hidden-avatar-8: #ff9c06
                      }

@font-face {
    font-display: swap;
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 100;
    src: local("SF UI Display"), url(/_nuxt/fonts/SF-UI-DISPLAY-ULTRALIGHT.7577d1a.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 200;
    src: local("SF UI Display"), url(/_nuxt/fonts/SF-UI-DISPLAY-THIN.f00b2dd.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 300;
    src: local("SF UI Display"), url(/_nuxt/fonts/SF-UI-DISPLAY-LIGHT.1081334.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 400;
    src: local("SF UI Display"), url(/_nuxt/fonts/SF-UI-DISPLAY-REGULAR.af5d46d.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 500;
    src: local("SF UI Display"), url(/_nuxt/fonts/SF-UI-DISPLAY-MEDIUM.113f106.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 600;
    src: local("SF UI Display"), url(/_nuxt/fonts/SF-UI-DISPLAY-SEMIBOLD.9d51c8f.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 700;
    src: local("SF UI Display"), url(/_nuxt/fonts/SF-UI-DISPLAY-BOLD.977ab60.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 800;
    src: local("SF UI Display"), url(/_nuxt/fonts/SF-UI-DISPLAY-HEAVY.242cb35.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: "SF UI Display";
    font-style: normal;
    font-weight: 900;
    src: local("SF UI Display"), url(/_nuxt/fonts/SF-UI-DISPLAY-BLACK.cdc2494.woff) format("woff")
}

@font-face {
    font-family: "HelveticaNeueCyr";
    font-style: normal;
    font-weight: 500;
    src: url(/_nuxt/fonts/HelveticaNeueCyr-Medium.6053588.eot);
    src: local("HelveticaNeueCyr-Medium"), url(/_nuxt/fonts/HelveticaNeueCyr-Medium.6053588.eot?#iefix) format("embedded-opentype"), url(/_nuxt/fonts/HelveticaNeueCyr-Medium.751c19b.woff2) format("woff2"), url(/_nuxt/fonts/HelveticaNeueCyr-Medium.1c5a4d4.woff) format("woff"), url(/_nuxt/fonts/HelveticaNeueCyr-Medium.bfdbae3.ttf) format("truetype")
}

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

* {
    box-sizing: border-box;
    color: var(--common-text-color);
    font-family: "SF UI Display", "sans-serif";
    margin: 0;
    padding: 0;
    -webkit-text-decoration: none;
    text-decoration: none
}

button {
    background: none;
    border: none
}

button:focus {
    outline: none
}

mark {
    background: none;
    color: var(--bright-foreground-color)
}

.gap-support {
    --local-gap: 0
}

.gap-support.vertical {
    flex-direction: column
}

.gap-support.vertical > * {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.gap-support.vertical > :first-child {
    margin-top: 0
}

.gap-support.vertical > :last-child {
    margin-bottom: 0
}

.gap-support:not(.vertical) > * {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.gap-support:not(.vertical) > :first-child {
    margin-left: 0
}

.gap-support:not(.vertical) > :last-child {
    margin-right: 0
}

.flex-line-around.vertical, .flex-line-between.vertical, .flex-line-center.vertical, .flex-line-end.vertical, .flex-line-evenly.vertical, .flex-line-start.vertical {
    flex-direction: column
}

.flex-line-around.vertical > *, .flex-line-between.vertical > *, .flex-line-center.vertical > *, .flex-line-end.vertical > *, .flex-line-evenly.vertical > *, .flex-line-start.vertical > * {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.flex-line-around.vertical > :first-child, .flex-line-between.vertical > :first-child, .flex-line-center.vertical > :first-child, .flex-line-end.vertical > :first-child, .flex-line-evenly.vertical > :first-child, .flex-line-start.vertical > :first-child {
    margin-top: 0
}

.flex-line-around.vertical > :last-child, .flex-line-between.vertical > :last-child, .flex-line-center.vertical > :last-child, .flex-line-end.vertical > :last-child, .flex-line-evenly.vertical > :last-child, .flex-line-start.vertical > :last-child {
    margin-bottom: 0
}

.flex-line-around:not(.vertical) > *, .flex-line-between:not(.vertical) > *, .flex-line-center:not(.vertical) > *, .flex-line-end:not(.vertical) > *, .flex-line-evenly:not(.vertical) > *, .flex-line-start:not(.vertical) > * {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.flex-line-around:not(.vertical) > :first-child, .flex-line-between:not(.vertical) > :first-child, .flex-line-center:not(.vertical) > :first-child, .flex-line-end:not(.vertical) > :first-child, .flex-line-evenly:not(.vertical) > :first-child, .flex-line-start:not(.vertical) > :first-child {
    margin-left: 0
}

.flex-line-around:not(.vertical) > :last-child, .flex-line-between:not(.vertical) > :last-child, .flex-line-center:not(.vertical) > :last-child, .flex-line-end:not(.vertical) > :last-child, .flex-line-evenly:not(.vertical) > :last-child, .flex-line-start:not(.vertical) > :last-child {
    margin-right: 0
}

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

.flex-line-around {
    align-items: center;
    display: flex;
    justify-content: space-around
}

.flex-line-start {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.flex-line-end {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.flex-line-center {
    align-items: center;
    display: flex;
    justify-content: center
}

.flex-line-evenly {
    align-items: center;
    display: flex;
    justify-content: space-evenly
}

.no-transition, .no-transition-tree {
    transition: none
}

.no-transition-tree * {
    transition: none !important
}

.absolute-full-center {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.force-absolute-full-center {
    left: 50% !important;
    position: absolute !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important
}

.trash button {
    animation: activing .5s ease-in-out 0s 1 normal forwards;
    background: rgba(35, 35, 37, .333);
    border: 1px solid;
    box-shadow: 0 0 3px currentColor, inset 0 0 3px currentColor;
    color: #5ee9e9;
    font-size: 20px;
    margin: .5em;
    outline: 1px dashed transparent;
    outline-offset: 20px;
    padding: .5em 1em;
    text-shadow: 0 0 3px currentColor;
    transition: all .5s ease
}

.trash button:hover {
    box-shadow: 0 0 6px currentColor, inset 0 0 6px currentColor;
    color: #5ee9e9;
    outline: 1px dashed currentColor;
    outline-offset: -1px;
    text-shadow: 0 0 6px currentColor;
    transition-duration: .2s
}

.trash button:active {
    animation: none
}

@keyframes activing {
    0% {
        outline-offset: -1px
    }
    50% {
        outline-offset: 25px
    }
    to {
        outline-offset: -1px
    }
}

.modal-close-button {
    cursor: pointer;
    height: calc(var(--modal-close-button-size) + var(--modal-close-button-padding) * 2);
    max-height: calc(var(--modal-close-button-size) + var(--modal-close-button-padding) * 2);
    max-width: calc(var(--modal-close-button-size) + var(--modal-close-button-padding) * 2);
    padding: var(--modal-close-button-padding);
    position: absolute;
    right: calc(var(--modal-close-button-pos) - var(--modal-close-button-padding));
    top: calc(var(--modal-close-button-pos) - var(--modal-close-button-padding));
    width: calc(var(--modal-close-button-size) + var(--modal-close-button-padding) * 2)
}

.modal-close-button:hover {
    --svg-color: var(--bright-foreground-color)
}

.modal-close-button svg {
    cursor: pointer;
    height: 100%;
    width: 100%
}

.modal-close-button path, .modal-close-button svg {
    transition: all .35s ease-in-out
}

.modal-close-button:hover path, .modal-close-button:hover svg {
    --svg-color: var(--brightest-foreground-color);
    transition: all .1s ease-in-out
}

.hoverable-icon path, .hoverable-icon svg {
    transition: all .35s ease-in-out
}

.hoverable-icon:focus-visible path, .hoverable-icon:focus-visible svg, .hoverable-icon:hover path, .hoverable-icon:hover svg {
    --svg-color: var(--svg-hover-color);
    transition: all .1s ease-in-out
}

.hoverable-icon:disabled {
    --svg-color: var(--svg-color)
}

.hoverable-icon.active path, .hoverable-icon.active svg {
    --svg-color: var(--svg-hover-color)
}

.hoverable-text {
    --hover-color: var(--bright-foreground-color);
    transition: all .35s ease-in-out
}

.hoverable-text:focus-visible, .hoverable-text:hover {
    color: var(--hover-color);
    transition: all .1s ease-in-out
}

.hoverable-text.active {
    color: var(--hover-color)
}

.hoverable-icon-inset path, .hoverable-icon-inset svg {
    transition: all .35s ease-in-out
}

.hoverable-icon-inset:focus-visible path, .hoverable-icon-inset:focus-visible svg, .hoverable-icon-inset:hover path, .hoverable-icon-inset:hover svg {
    --svg-inset-color: var(--svg-hover-color);
    transition: all .1s ease-in-out
}

.accented-button {
    background: var(--bright-background-color);
    border: none;
    border-radius: 16px;
    color: var(--common-foreground-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 46px;
    letter-spacing: .015em;
    margin-top: 10px;
    outline: 2px solid transparent;
    outline-offset: -2px;
    text-align: center;
    transition-duration: .25s;
    transition-property: border, filter, background-color, color;
    transition-timing-function: ease-in-out;
    width: 100%
}

.accented-button:focus-visible {
    filter: brightness(.9)
}

.accented-button:hover {
    filter: brightness(.9)
}

.accented-button:active {
    filter: brightness(.7)
}

.accented-button.brand {
    background: var(--accent-brand-color);
    color: var(--bright-foreground-color)
}

.accented-button[disabled] {
    cursor: not-allowed;
    filter: grayscale(1) brightness(.5)
}

.common-input {
    background: var(--input-background-color);
    border: 2px solid transparent;
    border-radius: 12px;
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .015em;
    line-height: 1;
    outline: none;
    padding: 13px 9px;
    transition: all .45s ease-in-out;
    width: 100%
}

.common-input::-moz-placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.common-input::placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.common-input:focus {
    border-color: var(--button-background-color-alt);
    transition-duration: .1s
}

.common-input[disabled] {
    opacity: 1
}

.appearing-animation {
    animation: appearing .25s ease 0s 1 normal forwards
}

@keyframes appearing {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes disappearing {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

#chatra:not(.chatra--expanded) {
    opacity: 0 !important;
    pointer-events: none;
    transition: none;
    visibility: hidden !important
}
*[data-v-e6e67c9c]
                      {
                          color: var(--text-color)
                      }

.button-background[data-v-e6e67c9c] {
    fill: #fff;
    background: var(--background-color);
    border-radius: var(--border-radius);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    min-height: var(--size);
    min-width: var(--size);
    overflow: visible;
    padding: var(--padding);
    position: relative
}

@media (max-width: 999px) {
    .button-background[data-v-e6e67c9c] {
        --size: var(--mobile-size);
        padding: var(--mobile-padding)
    }
}

.button-background .notification-detector[data-v-e6e67c9c] {
    background: var(--notification-color);
    border: 4px solid var(--background-color);
    border-radius: 50%;
    height: calc((var(--size) - 10px) * .5);
    position: absolute;
    right: -2px;
    top: -2px;
    width: calc((var(--size) - 10px) * .5)
}

.button-background .content[data-v-e6e67c9c] {
    align-items: center;
    display: flex;
    justify-content: var(--justify-content);
    line-height: 1.375;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.button-background .content svg[data-v-e6e67c9c] {
    height: 22px;
    overflow: visible;
    width: 22px
}

.button-background .button-link[data-v-e6e67c9c] {
    border-radius: 16px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.button-background[disabled][data-v-e6e67c9c] {
    cursor: default
}

                      .dropdown-block-wrapper[data-v-55097421] {
                          --vertical-padding: calc((var(--block-height) - var(--line-size)) / 2);
                          background: var(--background-color);
                          border-radius: var(--border-radius);
                          display: inline-block;
                          font-size: var(--font-size);
                          height: var(--block-height);
                          outline: none;
                          padding: var(--vertical-padding) 0;
                          position: relative
                      }

.dropdown-block-wrapper *[data-v-55097421] {
    outline: none
}

.dropdown-block-wrapper.active .dropdown-block .dropdown[data-v-55097421] {
    border: 1px solid var(--selection-color-transparent);
    opacity: 1;
    transform: scaleY(1)
}

.dropdown-block-wrapper.active .dropdown-block .chevron[data-v-55097421] {
    --svg-color: var(--common-text-color-bright);
    transform: rotate(180deg)
}

.dropdown-block[data-v-55097421] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: var(--flex-direction);
    font-size: var(--font-size);
    justify-content: var(--items-justify-content);
    padding-left: var(--padding-for-chevron-left);
    padding-right: var(--padding-for-chevron-right);
    position: relative;
    width: 100%
}

.dropdown-block .chevron[data-v-55097421], .dropdown-block .current-selection[data-v-55097421] {
    z-index: 2
}

.dropdown-block .chevron[data-v-55097421] {
    height: 100%;
    max-height: var(--font-size);
    max-width: var(--font-size);
    overflow: visible
}

.dropdown-block .chevron[data-v-55097421], .dropdown-block .dropdown[data-v-55097421] {
    position: absolute;
    transition: all .25s ease-in-out;
    width: 100%
}

.dropdown-block .dropdown[data-v-55097421] {
    background: var(--button-background-color);
    border: 1px solid transparent;
    border-radius: var(--border-radius);
    left: 0;
    opacity: 0;
    overflow: hidden;
    padding-top: calc(var(--line-size) + 2px + var(--vertical-padding) * 2);
    text-align: var(--dropdown-text-align);
    top: calc(-2px - var(--vertical-padding));
    transform: scaleY(0);
    transform-origin: top;
    z-index: 1
}

.dropdown-block .dropdown .dropdown-item[data-v-55097421]:hover {
    background: var(--selection-color-transparent)
}

.dropdown-block .dropdown .dropdown-item.selected[data-v-55097421] {
    color: var(--selection-color);
    display: var(--display-selected)
}

.dropdown-block .dropdown .dropdown-item.hidden[data-v-55097421] {
    height: 0;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 0;
    min-width: 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    pointer-events: none;
    white-space: nowrap
}

.dropdown-block .current-selection[data-v-55097421], .dropdown-block .dropdown-item[data-v-55097421] {
    align-items: center;
    display: flex;
    flex-direction: var(--flex-direction);
    height: var(--line-size);
    justify-content: var(--items-justify-content);
    padding: var(--line-paddings)
}

.selectors-hidden .chevron[data-v-55097421] {
    display: none
}

                      .tooltip-wrapper[data-v-1ef372c9] {
                          display: inline-block;
                          isolation: isolate;
                          position: relative;
                          will-change: transform
                      }

.tooltip-wrapper .tooltip-target[data-v-1ef372c9] {
    z-index: 10
}

.align-start[data-v-1ef372c9] {
    --align-offset-self: 0%;
    --align-offset-corner: calc(var(--corner-width) * 2.45)
}

.align-center[data-v-1ef372c9] {
    --align-offset-self: 50%;
    --align-offset-corner: 50%
}

.align-end[data-v-1ef372c9] {
    --align-offset-self: 100%;
    --align-offset-corner: calc(100% - var(--corner-width) * 2.45)
}

.tooltip[data-v-1ef372c9] {
    margin-left: var(--fixing-offset);
    max-height: var(--max-height);
    max-width: var(--max-width);
    min-width: -moz-min-content;
    min-width: min-content;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, -50%);
    transition-duration: 0s;
    width: -moz-max-content;
    width: max-content;
    z-index: 1000
}

.tooltip.top[data-v-1ef372c9] {
    bottom: 50%;
    transform: translate(calc(0px - var(--align-offset-self)), 50%)
}

.tooltip.bottom[data-v-1ef372c9], .tooltip.top[data-v-1ef372c9] {
    left: var(--align-offset-self)
}

.tooltip.bottom[data-v-1ef372c9] {
    top: 50%;
    transform: translate(calc(0px - var(--align-offset-self)), -50%)
}

.tooltip.left[data-v-1ef372c9] {
    right: 50%;
    top: var(--align-offset-self);
    transform: translate(50%, calc(0px - var(--align-offset-self)))
}

.tooltip.right[data-v-1ef372c9] {
    left: 50%;
    top: var(--align-offset-self);
    transform: translate(-50%, calc(0px - var(--align-offset-self)))
}

.tooltip.showed[data-v-1ef372c9] {
    opacity: 1;
    transition: none
}

.tooltip.showed.top[data-v-1ef372c9] {
    bottom: calc(var(--target-height) + var(--offset) + var(--corner-width) * .75);
    transform: translate(calc(0px - var(--align-offset-self)))
}

.tooltip.showed.left[data-v-1ef372c9] {
    right: calc(var(--target-width) + var(--offset) + var(--corner-width) * .75)
}

.tooltip.showed.left[data-v-1ef372c9], .tooltip.showed.right[data-v-1ef372c9] {
    transform: translateY(calc(0px - var(--align-offset-self)))
}

.tooltip.showed.right[data-v-1ef372c9] {
    left: calc(var(--target-width) + var(--offset) + var(--corner-width) * .75)
}

.tooltip.showed.bottom[data-v-1ef372c9] {
    top: calc(var(--target-height) + var(--offset) + var(--corner-width) * .75);
    transform: translate(calc(0px - var(--align-offset-self)))
}

.tooltip.showed.activated[data-v-1ef372c9] {
    pointer-events: auto
}

.standard-tooltip[data-v-1ef372c9] {
    background-color: var(--common-text-color-bright);
    border-radius: 8px;
    color: var(--hover-color);
    padding: 7px;
    position: relative
}

.standard-tooltip .content[data-v-1ef372c9] {
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .015em;
    text-shadow: none
}

.underlayer[data-v-1ef372c9] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.underlayer .corner[data-v-1ef372c9] {
    --svg-color: var(--common-text-color-bright);
    align-items: center;
    display: flex;
    height: var(--corner-width);
    justify-content: center;
    margin-left: calc(0px - var(--fixing-offset));
    position: absolute;
    transition: none;
    width: var(--corner-width)
}

.underlayer .corner svg[data-v-1ef372c9] {
    height: auto;
    overflow: visible;
    width: 100%
}

.top .underlayer .corner[data-v-1ef372c9] {
    bottom: 0;
    left: var(--align-offset-corner);
    transform: translate(calc(0px - var(--align-offset-self)), calc(100% - 1px)) rotate(270deg)
}

.bottom .underlayer .corner[data-v-1ef372c9] {
    left: var(--align-offset-corner);
    top: 0;
    transform: translate(calc(0px - var(--align-offset-self)), calc(-100% + 1px)) rotate(90deg)
}

.left .underlayer .corner[data-v-1ef372c9] {
    right: 0;
    top: var(--align-offset-corner);
    transform: translate(calc(100% - 1px + var(--fixing-offset)), calc(0px - var(--align-offset-self))) rotate(180deg)
}

.right .underlayer .corner[data-v-1ef372c9] {
    left: 0;
    top: var(--align-offset-corner);
    transform: translate(calc(-100% + 1px + var(--fixing-offset)), calc(0px - var(--align-offset-self))) rotate(0deg)
}

                      .secondary-menu[data-v-66995a92] {
                          background: var(--common-background-color);
                          border-radius: 16px;
                          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .25);
                          opacity: 0;
                          padding-top: 16.5px;
                          pointer-events: none;
                          position: absolute;
                          transform: scaleY(0) translate(var(--translate));
                          transform-origin: top;
                          transition: all var(--transition-time) ease-in-out;
                          z-index: 1
                      }

.secondary-menu.mobile[data-v-66995a92] {
    border-radius: 0;
    opacity: 1;
    transform-origin: bottom
}

.secondary-menu.active[data-v-66995a92] {
    opacity: 1;
    pointer-events: auto;
    transform: scaleY(1) translate(var(--translate))
}

.secondary-menu .close-button[data-v-66995a92] {
    --cross-padding: 10px;
    --size: 14px;
    cursor: pointer;
    height: 34px;
    height: calc(var(--size) + var(--cross-padding) * 2);
    max-height: 34px;
    max-height: calc(var(--size) + var(--cross-padding) * 2);
    max-width: 34px;
    max-width: calc(var(--size) + var(--cross-padding) * 2);
    padding: 10px;
    padding: var(--cross-padding);
    position: absolute;
    right: 10px;
    right: calc(20px - var(--cross-padding));
    top: 10px;
    top: calc(20px - var(--cross-padding));
    width: 34px;
    width: calc(var(--size) + var(--cross-padding) * 2)
}

.secondary-menu .close-button[data-v-66995a92]:hover {
    --svg-color: var(--bright-foreground-color)
}

.secondary-menu .close-button svg[data-v-66995a92] {
    cursor: pointer;
    height: 100%;
    width: 100%
}

.secondary-menu .content[data-v-66995a92] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.secondary-menu .bottom-line[data-v-66995a92] {
    border-radius: 0 0 16px 16px
}

.secondary-menu .bottom-std[data-v-66995a92] {
    background: var(--bright-background-color);
    border-radius: 0 0 16px 16px;
    overflow: hidden;
    position: relative
}

.secondary-menu .bottom-std[data-v-66995a92]:after {
    background: var(--dark-background-color);
    content: "";
    height: 80%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scaleX(0);
    transition: all .25s ease-in-out;
    width: 100%
}

.secondary-menu .bottom-std .link-row[data-v-66995a92] {
    justify-content: center;
    padding: 10px 0;
    position: relative;
    z-index: 1
}

.secondary-menu .bottom-std .link-row[data-v-66995a92]:hover {
    background: none
}

.secondary-menu .bottom-std .link-row.hidden[data-v-66995a92] {
    padding: 0
}

.link-row[data-v-66995a92] {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: var(--common-font-weight);
    justify-content: stretch;
    letter-spacing: var(--common-letter-spacing);
    line-height: 24px;
    max-height: 39px;
    padding: 7.5px 25px 7.5px 20px;
    transition: all .45s ease-in-out
}

.link-row[data-v-66995a92]:hover {
    --svg-color: var(--bright-foreground-color);
    color: var(--bright-foreground-color);
    transition-duration: .1s
}

.link-row.hidden[data-v-66995a92] {
    margin-bottom: 0;
    margin-top: 0;
    max-height: 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    pointer-events: none
}

.link-row .text[data-v-66995a92] {
    color: inherit
}

                      .secondary-menu .link-row .icon {
                          align-items: center;
                          display: flex;
                          height: 18px;
                          justify-content: center;
                          margin-right: 10px;
                          width: 24px
                      }

.secondary-menu .link-row .icon > svg {
    height: inherit;
    margin: auto;
    width: auto
}

.link-row path, .link-row svg {
    transition: all .45s ease-in-out
}

.link-row:hover path, .link-row:hover svg {
    transition-duration: .1s
}

                      svg[data-v-011347a2] {
                          overflow: visible
                      }

.notifications[data-v-011347a2] {
    background: var(--common-background-color);
    border-radius: 16px;
    max-height: 351px;
    max-width: 340px;
    padding: 20px 7px 0;
    position: relative;
    width: 100vw
}

.notifications .modal-wrapper.loading[data-v-011347a2] {
    filter: blur(3px) brightness(.9);
    pointer-events: none
}

.notifications .header-line[data-v-011347a2] {
    margin-bottom: 10px;
    position: relative
}

.notifications .header-line h3[data-v-011347a2] {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 14px;
    margin-bottom: 16px;
    text-align: center
}

.notifications hr[data-v-011347a2] {
    background: #424a57;
    border: none;
    height: 1px;
    width: 100%
}

.empty[data-v-011347a2] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 291px
}

.empty span[data-v-011347a2] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 18px;
    margin-top: 8px
}

.track[data-v-011347a2] {
    max-height: 291px;
    min-height: 291px;
    overflow-x: visible;
    overflow-y: auto;
    padding: 0 13px;
    scrollbar-color: var(--dark-foreground-color) var(--body-background-color);
    scrollbar-width: thin
}

.track[data-v-011347a2]::-webkit-scrollbar {
    width: 4px
}

.track .notif-line[data-v-011347a2] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 14px 0;
    position: relative
}

.track .notif-line.new[data-v-011347a2]:after {
    background: var(--accent-brand-color);
    border-radius: 100px;
    content: "";
    height: 6px;
    left: -13px;
    position: absolute;
    top: 28px;
    width: 6px
}

.track .notif-line[data-v-011347a2]:first-child {
    animation: slide-in-011347a2 .5s ease-in-out 0s normal forwards
}

.track .notif-line .left[data-v-011347a2] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .015em;
    line-height: 22px
}

.track .notif-line .left span[data-v-011347a2]:first-child {
    color: var(--bright-foreground-color);
    font-size: 14px
}

.track .notif-line .left span[data-v-011347a2]:last-child {
    font-size: 11px
}

.track .notif-line .right[data-v-011347a2] {
    align-items: center;
    color: var(--bright-foreground-color);
    display: flex;
    justify-content: flex-end
}

.track .notif-line .right[data-v-011347a2] > :last-child {
    margin-left: 5px
}

.track .notif-line .right .button[data-v-011347a2] {
    background: var(--bright-background-color);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 1;
    padding: 12px 16px 14px;
    transition: all .45s ease-in-out
}

.track .notif-line .right .button[data-v-011347a2]:hover {
    color: var(--bright-foreground-color);
    transition-duration: .15s
}

div.mobile-view.notifications[data-v-011347a2] {
    border-radius: 0;
    max-height: calc(100% - 58px - var(--mobile-bottom-offset));
    max-width: 100vw
}

div.mobile-view.notifications .track[data-v-011347a2] {
    max-height: calc(100vh - 109px - var(--mobile-bottom-offset))
}

@keyframes slide-in-011347a2 {
    0% {
        margin-top: -72px;
        opacity: 0
    }
    to {
        margin-top: 0;
        opacity: 1
    }
}

                      .dropping-down-modal[data-v-46c75b10] {
                          position: relative
                      }

.dropping-down-modal .standard-dropping-down-modal-box[data-v-46c75b10] {
    background: var(--common-background-color);
    border-radius: 16px;
    max-width: 340px;
    transform: scaleY(0)
}

.dropping-down-modal .wrapper > *[data-v-46c75b10] {
    position: absolute
}

.dropping-down-modal.appearance-animated .wrapper[data-v-46c75b10] {
    animation: closing-46c75b10 .5s ease-in-out 0s 1 normal forwards
}

.dropping-down-modal .wrapper[data-v-46c75b10] {
    height: 100%;
    left: var(--left);
    opacity: 0;
    position: absolute;
    right: var(--right);
    top: var(--top);
    width: 100%
}

.dropping-down-modal.appearance-animated.active .wrapper[data-v-46c75b10] {
    animation: opening-46c75b10 .5s ease-in-out 0s 1 normal forwards
}

@keyframes opening-46c75b10 {
    0% {
        opacity: 0
    }
    20% {
        height: 100%;
        width: 100%
    }
    45% {
        height: 100%;
        opacity: 1;
        top: calc(100% + var(--opened-top-offset));
        width: 100%
    }
    to {
        height: var(--opened-height);
        opacity: 1;
        top: calc(100% + var(--opened-top-offset));
        width: var(--opened-width)
    }
}

@keyframes closing-46c75b10 {
    0% {
        height: var(--opened-height);
        opacity: 1;
        top: calc(100% + var(--opened-top-offset));
        width: var(--opened-width)
    }
    75% {
        height: 100%;
        width: 100%
    }
    80% {
        opacity: 1;
        top: calc(100% + var(--opened-top-offset))
    }
    to {
        opacity: 0
    }
}

                      svg[data-v-45c2eadb] {
                          overflow: visible
                      }

                      .panel.animated[data-v-1d898156], .panel.animated *[data-v-1d898156] {
                          transition: all .25s ease-in-out
                      }

.panel[data-v-1d898156] {
    background: #16171d;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .149);
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    z-index: 11
}

.panel[data-v-1d898156], .panel .limiter[data-v-1d898156] {
    max-height: 86px;
    min-height: 86px;
    position: relative
}

.panel .limiter[data-v-1d898156] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px;
    width: 100%
}

.panel .limiter .menu[data-v-1d898156] {
    --time: 250ms;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    overflow: hidden
}

.panel .limiter .menu.shrink[data-v-1d898156] {
    --direction: normal;
    animation: shrink-1d898156 var(--time) ease-in-out 0s 1 normal forwards
}

.panel .limiter .menu.grow[data-v-1d898156] {
    --direction: normal;
    animation: grow-1d898156 var(--time) ease-in-out 0s 1 normal forwards
}

@keyframes shrink-1d898156 {
    0% {
        opacity: 1;
        width: 100%
    }
    90% {
        opacity: 1
    }
    to {
        opacity: 0;
        width: 30px
    }
}

@keyframes grow-1d898156 {
    0% {
        opacity: 0;
        width: 30px
    }
    10% {
        opacity: 1
    }
    to {
        opacity: 1;
        width: 100%
    }
}

.panel .limiter .menu .link-row[data-v-1d898156] {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    position: relative
}

.panel .limiter .menu .link-row .link-holder[data-v-1d898156] {
    padding: 31.5px 16px 34.5px
}

.panel .limiter .menu .link-row .link-holder .link-title[data-v-1d898156] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    transition: all .25s ease-in-out;
    white-space: nowrap
}

.panel .limiter .menu .link-row .link-holder .link-title[data-v-1d898156]:hover {
    color: var(--common-text-color-bright);
    transition-duration: .1s
}

.panel .limiter .menu .link-row .link-holder .link-title.selected[data-v-1d898156] {
    color: var(--selection-color)
}

.panel .limiter .menu .link-row .current-page-line[data-v-1d898156] {
    background: var(--selection-color);
    border-radius: 100px;
    bottom: -1px;
    display: inline-block;
    height: 2px;
    left: var(--current-page-line-left);
    min-width: 30px;
    position: absolute;
    transform: scaleX(0);
    transition: all .25s ease-in-out;
    width: var(--current-page-line-width)
}

.panel .limiter .menu .link-row .current-page-line.loaded[data-v-1d898156] {
    transform: scaleX(1)
}

.panel .limiter .menu.hamburger .hamburger-icon:focus ~ .link-row[data-v-1d898156] {
    max-height: 500px
}

.panel .limiter .menu.hamburger .hamburger-icon[data-v-1d898156] {
    border-radius: 50%;
    cursor: pointer;
    padding: 8px 5px 5px
}

.panel .limiter .menu.hamburger .current-page-line[data-v-1d898156], .panel .limiter .menu.hamburger .link-row[data-v-1d898156] {
    display: none
}

.panel .limiter .balance-block[data-v-1d898156] {
    align-items: center;
    background: var(--button-background-color);
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    padding-left: 5px;
    position: relative;
    width: 100%
}

.panel .limiter .balance-block .balance[data-v-1d898156] {
    color: var(--common-text-color-bright);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .015em;
    padding: 0 12px 0 8px;
    position: relative;
    text-align: center
}

.panel .limiter .balance-block .balance[data-v-1d898156], .panel .limiter .balance-block .balance span[data-v-1d898156] {
    font-feature-settings: "liga", "clig", "tnum";
    font-variant: common-ligatures tabular-nums
}

.panel .limiter .balance-block .balance span[data-v-1d898156] {
    color: inherit;
    display: inline-block;
    white-space: nowrap
}

.panel .limiter .balance-block .balance .minus[data-v-1d898156], .panel .limiter .balance-block .balance .plus[data-v-1d898156] {
    font-feature-settings: "liga", "clig", "tnum";
    animation: slide-down-1d898156 var(--plus-minus-time) ease 0s 1 normal forwards;
    border-radius: 4px;
    bottom: 0;
    color: var(--bright-foreground-color);
    font-variant: common-ligatures tabular-nums;
    opacity: 0;
    padding: 0 2px;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 0;
    transform: translateY(var(--start-pos))
}

.panel .limiter .balance-block .balance .plus[data-v-1d898156] {
    --start-pos: -150%;
    background: var(--accent-positive-color)
}

.panel .limiter .balance-block .balance .minus[data-v-1d898156] {
    --start-pos: 0%;
    background: var(--accent-negative-color)
}

@keyframes slide-down-1d898156 {
    0% {
        opacity: 0;
        transform: translateY(var(--start-pos))
    }
    5% {
        opacity: .9
    }
    50% {
        opacity: .9
    }
    to {
        opacity: 0;
        transform: translateY(calc(var(--start-pos) + 150%))
    }
}

.panel .limiter .balance-block .balance-button-text[data-v-1d898156] {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .015em
}

.balance-n-notification-wrapper[data-v-1d898156] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    position: relative
}

.balance-n-notification-wrapper .unauthorized[data-v-1d898156] {
    --local-gap: 20px;
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: flex-end;
    letter-spacing: .015em;
    text-transform: uppercase;
    width: 100%
}

.balance-n-notification-wrapper .unauthorized > *[data-v-1d898156] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.balance-n-notification-wrapper .unauthorized[data-v-1d898156] > :first-child {
    margin-left: 0
}

.balance-n-notification-wrapper .unauthorized[data-v-1d898156] > :last-child {
    margin-right: 0
}

                      .left-menu[data-v-4deae746] {
                          background: var(--menu-background-color);
                          display: flex;
                          justify-content: flex-start;
                          padding: 0;
                          position: relative
                      }

.left-menu .menu[data-v-4deae746] {
    --local-gap: 30px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 41px;
    width: 100%
}

@media (max-height: 700px) {
    .left-menu .menu[data-v-4deae746] {
        --local-gap: 14px
    }
}

@media (max-height: 600px) {
    .left-menu .menu[data-v-4deae746] {
        --local-gap: 6px
    }
}

.left-menu .menu .menu-item[data-v-4deae746] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 60px;
    justify-content: center;
    text-align: center;
    width: 60px
}

.left-menu .menu > *[data-v-4deae746] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.left-menu .menu[data-v-4deae746] > :first-child {
    margin-top: 0
}

.left-menu .menu[data-v-4deae746] > :last-child {
    margin-bottom: 0
}

.left-menu .logo[data-v-4deae746] {
    left: 0;
    padding: 10px 17px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 4
}

                      .left-menu svg {
                          overflow: visible
                      }

                      *[data-v-aab6c73c] {
                          transition: all .25s ease-in-out
                      }

.panel[data-v-aab6c73c] {
    background: #16171d;
    left: 0;
    top: 0;
    width: 100vw
}

.panel[data-v-aab6c73c], .panel .limiter[data-v-aab6c73c] {
    max-height: 58px;
    min-height: 58px;
    position: relative
}

.panel .limiter[data-v-aab6c73c] {
    align-items: flex-end;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 10px 10px
}

.panel .limiter .menu[data-v-aab6c73c] {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.panel .limiter .balance-block[data-v-aab6c73c] {
    align-items: center;
    background: var(--button-background-color);
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    position: relative
}

.panel .limiter .balance-block .balance[data-v-aab6c73c] {
    color: var(--common-text-color-bright);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .015em;
    padding: 0 8px 0 12px;
    position: relative
}

.panel .limiter .balance-block .balance[data-v-aab6c73c], .panel .limiter .balance-block .balance span[data-v-aab6c73c] {
    font-feature-settings: "liga", "clig", "tnum";
    font-variant: common-ligatures tabular-nums
}

.panel .limiter .balance-block .balance span[data-v-aab6c73c] {
    color: inherit;
    display: inline-block;
    white-space: nowrap
}

.panel .limiter .balance-block .balance .minus[data-v-aab6c73c], .panel .limiter .balance-block .balance .plus[data-v-aab6c73c] {
    font-feature-settings: "liga", "clig", "tnum";
    animation: slide-down-aab6c73c var(--plus-minus-time) ease 0s 1 normal forwards;
    border-radius: 4px;
    bottom: 0;
    color: var(--bright-foreground-color);
    font-variant: common-ligatures tabular-nums;
    opacity: 0;
    padding: 0 2px;
    position: absolute;
    right: 6px;
    text-align: right;
    top: 0;
    transform: translateY(var(--start-pos))
}

.panel .limiter .balance-block .balance .plus[data-v-aab6c73c] {
    --start-pos: -150%;
    background: var(--accent-positive-color)
}

.panel .limiter .balance-block .balance .minus[data-v-aab6c73c] {
    --start-pos: 0%;
    background: var(--accent-negative-color)
}

@keyframes slide-down-aab6c73c {
    0% {
        opacity: 0;
        transform: translateY(var(--start-pos))
    }
    5% {
        opacity: .9
    }
    50% {
        opacity: .9
    }
    to {
        opacity: 0;
        transform: translateY(calc(var(--start-pos) + 150%))
    }
}

.panel .limiter .balance-block .balance-button[data-v-aab6c73c] {
    --svg-color: var(--common-text-color-bright)
}

.panel .limiter .logo[data-v-aab6c73c] {
    left: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 4
}

.panel .limiter .logo svg[data-v-aab6c73c] {
    max-height: 38px;
    max-width: 38px;
    overflow: visible
}

.balance-n-notification-wrapper[data-v-aab6c73c] {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    max-width: 340px;
    position: relative;
    width: 100%
}

.balance-n-notification-wrapper .unauthorized[data-v-aab6c73c] {
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    justify-content: flex-end;
    letter-spacing: .015em;
    text-transform: uppercase;
    width: 100%
}

.secret[data-v-aab6c73c] {
    align-items: center;
    color: hsla(0, 0%, 67%, .533);
    display: flex;
    height: 25px;
    justify-content: center;
    left: 0;
    opacity: .75;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 25px;
    z-index: 1000
}

.secret[data-v-aab6c73c]:hover {
    outline: 1px dashed var(--selection-color);
    outline-offset: -1px
}

                      .bottom-menu[data-v-335f8a4c] {
                          background: var(--menu-background-color);
                          border-top: 2px solid var(--common-background-color);
                          bottom: 0;
                          height: 57px;
                          left: 0;
                          max-height: 57px;
                          position: fixed;
                          right: 0;
                          -webkit-user-select: none;
                          -moz-user-select: none;
                          user-select: none
                      }

.bottom-menu[data-v-335f8a4c], .bottom-menu .menu[data-v-335f8a4c] {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.bottom-menu .menu[data-v-335f8a4c] {
    --local-gap: 26px;
    padding-top: 6px;
    width: 100%
}

.bottom-menu .menu > *[data-v-335f8a4c] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.bottom-menu .menu[data-v-335f8a4c] > :first-child {
    margin-left: 0
}

.bottom-menu .menu[data-v-335f8a4c] > :last-child {
    margin-right: 0
}

@media (max-width: 380px) {
    .bottom-menu .menu[data-v-335f8a4c] {
        --local-gap: 0;
        justify-content: space-between;
        padding-left: 6px;
        padding-right: 6px;
        padding-top: 0
    }
}

.bottom-menu .menu .menu-item[data-v-335f8a4c] {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .015em;
    line-height: 1;
    padding: 0 2px 8px;
    position: relative;
    text-align: center
}

.bottom-menu .menu .menu-item svg[data-v-335f8a4c] {
    --size: 18.5px;
    height: 18.5px;
    height: var(--size);
    margin-bottom: 4px;
    min-height: 18.5px;
    min-height: var(--size);
    min-width: 18.5px;
    min-width: var(--size);
    width: 20px
}

@media (max-width: 380px) {
    .bottom-menu .menu .menu-item[data-v-335f8a4c] {
        padding: 0 5px
    }
}

.bottom-menu .menu .menu-item.active[data-v-335f8a4c] {
    --svg-color: var(--bright-foreground-color);
    color: var(--bright-foreground-color)
}

.bottom-menu .menu .menu-item > a[data-v-335f8a4c] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

                      .holder[data-v-9efac5d0] {
                          position: relative;
                          width: 100%
                      }

.holder div[data-v-9efac5d0] {
    transition: opacity .25s ease-in-out
}

                      .hovering-notification .icon.rouble {
                          background-size: contain;
                          display: inline-block;
                          height: 18px;
                          margin: 0 3px;
                          width: 18px
                      }

                      .hovering-notification[data-v-63e8165e] {
                          --svg-color: var(--dark-foreground-color);
                          word-wrap: anywhere;
                          background: var(--brightest-background-color);
                          border-radius: 8px;
                          color: var(--dark-foreground-color);
                          display: grid;
                          grid-template-columns:1fr 82px;
                          grid-template-rows:1fr;
                          max-width: 260px;
                          min-width: 260px;
                          overflow: hidden;
                          position: relative;
                          transform: translateX(var(--offset));
                          -webkit-user-select: none;
                          -moz-user-select: none;
                          user-select: none;
                          width: 100%
                      }

.hovering-notification .content[data-v-63e8165e] {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.hovering-notification *[data-v-63e8165e] {
    color: inherit;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 18px
}

.hovering-notification .bar[data-v-63e8165e] {
    bottom: 0;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0
}

.hovering-notification .content-side[data-v-63e8165e] {
    padding: 5px 0 5px 10px
}

.hovering-notification .content-side h4[data-v-63e8165e] {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    width: calc(100% + 40px)
}

.hovering-notification .image-n-close[data-v-63e8165e] {
    position: relative
}

.hovering-notification .image-n-close .img-field[data-v-63e8165e] {
    position: absolute;
    z-index: -1
}

.hovering-notification .image-n-close .img-field--action[data-v-63e8165e] {
    right: 0
}

.hovering-notification .image-n-close > .go[data-v-63e8165e] {
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    padding: 9px 8px;
    position: absolute;
    right: 12px;
    top: calc(50% - 14px)
}

.hovering-notification .image-n-close > svg[data-v-63e8165e] {
    --cross-padding: 20px;
    --size: 10px;
    cursor: pointer;
    height: 50px;
    height: calc(var(--size) + var(--cross-padding) * 2);
    max-height: 50px;
    max-height: calc(var(--size) + var(--cross-padding) * 2);
    max-width: 50px;
    max-width: calc(var(--size) + var(--cross-padding) * 2);
    padding: 20px;
    padding: var(--cross-padding);
    position: absolute;
    right: 0;
    right: calc(20px - var(--cross-padding));
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    width: calc(var(--size) + var(--cross-padding) * 2)
}

.hovering-notification .image-n-close > svg[data-v-63e8165e]:hover {
    --svg-color: var(--bright-foreground-color)
}

                      .track[data-v-506dbb96] {
                          --gap: 20px;
                          --local-gap: var(--gap);
                          align-items: center;
                          display: flex;
                          flex-direction: column;
                          left: 50%;
                          -webkit-mask-image: linear-gradient(transparent, #000 5%, #000 70%, transparent);
                          mask-image: linear-gradient(transparent, #000 5%, #000 70%, transparent);
                          max-height: 300px;
                          overflow: auto;
                          padding: 20px 500px 180px;
                          padding: var(--gap) 500px 180px;
                          pointer-events: none;
                          position: fixed;
                          scrollbar-width: none;
                          top: 0;
                          transform: translate(-50%);
                          z-index: 102
                      }

.track > *[data-v-506dbb96] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.track[data-v-506dbb96] > :first-child {
    margin-top: 0
}

.track[data-v-506dbb96] > :last-child {
    margin-bottom: 0
}

.track .notif-item[data-v-506dbb96] {
    flex-shrink: 0;
    pointer-events: all;
    width: 100%
}

.track .notif-item.adding[data-v-506dbb96] {
    animation: slide-in-506dbb96 var(--animation-time) ease-in-out 0s 1 normal backwards
}

.track .notif-item.removing-left[data-v-506dbb96] {
    animation: slide-out-left-506dbb96 var(--animation-time) ease-in-out 0s 1 normal forwards;
    pointer-events: none
}

.track .notif-item.removing-right[data-v-506dbb96] {
    animation: slide-out-right-506dbb96 var(--animation-time) ease-in-out 0s 1 normal forwards;
    pointer-events: none
}

.track[data-v-506dbb96]::-webkit-scrollbar {
    display: none
}

@keyframes slide-in-506dbb96 {
    0% {
        margin-top: calc(0px - var(--height) - var(--gap));
        opacity: 0
    }
    to {
        margin-top: 0;
        opacity: 1
    }
}

@keyframes slide-out-left-506dbb96 {
    0% {
        margin-bottom: 0;
        opacity: 1;
        transform: translateX(0);
        transform: translateX(var(--offset, 0))
    }
    to {
        margin-bottom: calc(0px - var(--height) - var(--gap));
        opacity: 0;
        transform: translateX(calc(-150% + var(--offset)))
    }
}

@keyframes slide-out-right-506dbb96 {
    0% {
        margin-bottom: 0;
        opacity: 1;
        transform: translateX(0);
        transform: translateX(var(--offset, 0))
    }
    to {
        margin-bottom: calc(0px - var(--height) - var(--gap));
        opacity: 0;
        transform: translateX(calc(150% + var(--offset)))
    }
}

                      .hidden-avatar[data-v-2428f10a] {
                          background: var(--color);
                          border-radius: 50%;
                          color: #fff;
                          font-size: 14px;
                          font-weight: 600;
                          height: var(--size);
                          letter-spacing: .015em;
                          text-transform: uppercase;
                          width: var(--size)
                      }

                      svg[data-v-976c6570] {
                          overflow: visible
                      }

hr[data-v-976c6570] {
    background: var(--common-background-color);
    border: none;
    height: 1px;
    width: 100%
}

.lang-info[data-v-976c6570] {
    align-items: center;
    border: solid #22262e;
    border-width: 0 0 1px;
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    width: 100%
}

.chat[data-v-976c6570] {
    height: 100%;
    max-height: 100%;
    max-width: 329px;
    position: relative
}

.track[data-v-976c6570] {
    height: 100%;
    max-height: calc(100% - 135px);
    overflow-x: visible;
    overflow-y: auto;
    padding: 0 13px;
    scrollbar-color: var(--dark-foreground-color) var(--body-background-color);
    scrollbar-width: thin
}

.track[data-v-976c6570]::-webkit-scrollbar {
    background-color: var(--common-background-color);
    width: 4px
}

.track[data-v-976c6570]::-webkit-scrollbar-thumb {
    background-color: var(--bright-background-color);
    border-radius: 10px;
    width: 4px
}

.track .message-line[data-v-976c6570] {
    align-items: center;
    display: block;
    justify-content: space-between;
    padding: 10px 0 10px 50px;
    position: relative
}

.track .message-line .img[data-v-976c6570] {
    border-radius: 100px;
    display: block;
    height: 38px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 38px
}

.track .message-line .img.hidden-avatar[data-v-976c6570] {
    display: flex
}

.track .message-line .name-time-n-body[data-v-976c6570] {
    display: flex;
    flex-direction: column;
    letter-spacing: .015em;
    line-height: 24px
}

.track .message-line .name-time-n-body .name[data-v-976c6570] {
    font-size: 13px;
    font-weight: 600;
    padding: 0 0 10px
}

.track .message-line .name-time-n-body .name span[data-v-976c6570] {
    color: inherit;
    display: inline-block;
    max-width: 141px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.track .message-line .name-time-n-body .name svg[data-v-976c6570] {
    height: 1.25em;
    margin-left: .5em;
    max-width: 2em;
    width: auto
}

.track .message-line .name-time-n-body .time[data-v-976c6570] {
    color: rgba(239, 242, 250, .251);
    font-size: 10px;
    font-weight: 400;
    position: absolute;
    right: 12px
}

.track .message-line .name-time-n-body .body[data-v-976c6570] {
    background: var(--common-background-color);
    border-radius: 0 10px 10px 10px;
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 400;
    padding: 4px 8px;
    word-break: break-word
}

.back-to-bottom[data-v-976c6570] {
    background: var(--common-background-color);
    border-radius: 50%;
    bottom: 74px;
    box-shadow: 0 0 5px 1px var(--common-background-color);
    height: 30px;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 20px;
    transition: all .25s ease-in-out;
    width: 30px
}

.back-to-bottom.active[data-v-976c6570] {
    opacity: 1;
    pointer-events: auto
}

.back-to-bottom svg[data-v-976c6570] {
    height: 30%;
    width: auto
}

.back-to-bottom[data-v-976c6570]:hover {
    cursor: pointer
}

.input-field[data-v-976c6570] {
    align-items: flex-start;
    display: flex;
    justify-content: stretch;
    padding: 14px 0 0;
    position: relative
}

.input-field.blocked .chat-available[data-v-976c6570] {
    display: none
}

.input-field.blocked .chat-unavailable[data-v-976c6570] {
    display: block;
    height: 50px;
    width: 100%
}

.input-field .chat-available[data-v-976c6570] {
    align-items: inherit;
    display: inherit;
    justify-content: inherit;
    width: 100%
}

.input-field .chat-unavailable[data-v-976c6570] {
    background: var(--body-background-color);
    border-radius: 16px;
    color: var(--common-background-color-disabled);
    display: none;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 16px;
    padding: 9px 10px 11px;
    text-align: center
}

.input-field .textarea-holder[data-v-976c6570] {
    background: var(--body-background-color);
    border: 2px solid transparent;
    border-radius: 16px;
    display: block;
    height: 100vh;
    margin-right: 10px;
    max-height: calc(var(--textarea-height) + 24px);
    min-height: 50px;
    padding: 10px 0 0;
    position: relative;
    transition: all .1s ease;
    width: 100%
}

.input-field .textarea-holder textarea[data-v-976c6570] {
    background: none;
    border: none;
    bottom: 0;
    color: var(--bright-foreground-color);
    line-height: 24px;
    max-height: 74px;
    max-width: 200px;
    opacity: 1;
    outline: none;
    padding: 2px 0 0 10px;
    position: absolute;
    resize: none;
    scrollbar-width: none;
    top: 10px;
    width: 100%
}

.input-field .textarea-holder textarea[data-v-976c6570]::-moz-placeholder {
    color: var(--bit-darker-foreground-color);
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .015em;
    opacity: 1
}

.input-field .textarea-holder textarea[data-v-976c6570]::placeholder {
    color: var(--bit-darker-foreground-color);
    font-size: 13px;
    font-weight: 300;
    letter-spacing: .015em;
    opacity: 1
}

.input-field .textarea-holder textarea[data-v-976c6570]::-webkit-scrollbar {
    display: none
}

.input-field .textarea-holder .emoji[data-v-976c6570] {
    position: absolute;
    right: 10px;
    top: 15px
}

.input-field .textarea-holder .emoji svg[data-v-976c6570] {
    height: auto;
    width: 15px
}

.input-field button[data-v-976c6570] {
    background: var(--common-background-color);
    border: none;
    border-radius: 16px;
    cursor: pointer;
    flex-shrink: 0;
    height: 50px;
    width: 50px
}

.input-field button[data-v-976c6570]:focus {
    outline: none
}

.input-field.active .textarea-holder[data-v-976c6570] {
    border: 2px solid #2f343e
}

.info-icon[data-v-976c6570] {
    cursor: pointer;
    padding: 5px
}

                      .locale-selector-root[data-v-f2f5c512] {
                          --local-gap: 15px;
                          align-items: flex-start;
                          background-color: var(--button-background-color-alt);
                          border-radius: 12px;
                          padding: 15px
                      }

.locale-selector-root .locale-item[data-v-f2f5c512] {
    color: var(--common-foreground-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 24px;
    letter-spacing: .015em;
    line-height: 24px;
    position: relative
}

.locale-selector-root .locale-item.active[data-v-f2f5c512] {
    color: var(--bright-foreground-color)
}

.locale-selector-root .locale-item .icon[data-v-f2f5c512] {
    height: 100%;
    margin-right: 10px;
    width: auto
}

                      .activator-root[data-v-716eb078] {
                          position: relative
                      }

.activator-root .activator[data-v-716eb078] {
    background: var(--button-background-color);
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    cursor: pointer;
    height: 46px;
    padding: 14px;
    width: 46px
}

.activator-root .activator .icon[data-v-716eb078] {
    border-radius: inherit;
    height: 18px;
    width: auto
}

.activator-root .locale-selector[data-v-716eb078] {
    position: absolute;
    right: 0;
    z-index: 1
}

.activator-root .locale-selector.top[data-v-716eb078] {
    top: 0
}

.activator-root .locale-selector.bottom[data-v-716eb078] {
    bottom: 0
}

                      .localization .localization-text[data-v-2af67f10] {
                          color: var(--common-text-color);
                          font-size: 13px;
                          font-weight: 700;
                          letter-spacing: .015em
                      }

.right-menu[data-v-2af67f10] {
    background: var(--menu-background-color);
    display: flex;
    justify-content: flex-end;
    padding: 20px var(--menu-padding) 20px;
    width: var(--menu-width)
}

.right-menu svg[data-v-2af67f10] {
    overflow: visible
}

.right-menu.animated[data-v-2af67f10], .right-menu.animated .top-row-wrapper .top-row[data-v-2af67f10] {
    transition: width var(--menu-expansion-duration) ease-in-out
}

.right-menu .menu-wrapper[data-v-2af67f10] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 46px
}

.right-menu .menu-wrapper .local-block[data-v-2af67f10] {
    position: relative;
    width: 46px
}

.right-menu .menu-wrapper .top-row-wrapper[data-v-2af67f10] {
    height: 66px;
    position: relative
}

.right-menu .menu-wrapper .top-row-wrapper .top-row[data-v-2af67f10] {
    display: flex;
    justify-content: space-between;
    position: absolute;
    right: 0;
    width: calc(var(--menu-max-width) - var(--menu-expanded-padding) * 2)
}

.right-menu .menu-wrapper .top-row-wrapper .top-row .expand[data-v-2af67f10] {
    min-width: var(--button-size)
}

.right-menu .menu-wrapper .center-menu-btns[data-v-2af67f10] {
    --local-gap: 40px;
    display: flex;
    flex-direction: column
}

.right-menu .menu-wrapper .center-menu-btns > *[data-v-2af67f10] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.right-menu .menu-wrapper .center-menu-btns[data-v-2af67f10] > :first-child {
    margin-top: 0
}

.right-menu .menu-wrapper .center-menu-btns[data-v-2af67f10] > :last-child {
    margin-bottom: 0
}

@media (max-height: 700px) {
    .right-menu .menu-wrapper .center-menu-btns[data-v-2af67f10] {
        --local-gap: 25px
    }
}

@media (max-height: 580px) {
    .right-menu .menu-wrapper .center-menu-btns[data-v-2af67f10] {
        --local-gap: 20px
    }
}

@media (max-height: 560px) {
    .right-menu .menu-wrapper .center-menu-btns[data-v-2af67f10] {
        --local-gap: 15px
    }
}

.right-menu .expand svg[data-v-2af67f10] {
    max-height: 18px;
    max-width: 18px;
    min-height: 18px;
    min-width: 18px
}

.right-menu.expanded[data-v-2af67f10] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 20px 0
}

.right-menu.expanded .menu-wrapper[data-v-2af67f10] {
    width: 100%
}

.right-menu.expanded .local-block[data-v-2af67f10] {
    --local-gap: 20px;
    display: flex;
    width: 112px
}

.right-menu.expanded .local-block > *[data-v-2af67f10] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.right-menu.expanded .local-block[data-v-2af67f10] > :first-child {
    margin-left: 0
}

.right-menu.expanded .local-block[data-v-2af67f10] > :last-child {
    margin-right: 0
}

.right-menu.expanded .top-row-wrapper[data-v-2af67f10] {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .149)
}

.right-menu.expanded .top-row-wrapper .top-row[data-v-2af67f10] {
    right: var(--menu-expanded-padding)
}

.right-menu.expanded .top-row-wrapper .top-row .expand svg[data-v-2af67f10] {
    transform: scaleX(-1)
}

.user-block[data-v-2af67f10] {
    align-items: center;
    background: var(--button-background-color);
    border-radius: 20px 16px 16px 20px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    margin-left: 7px;
    max-height: 46px;
    max-width: 95px;
    padding-right: 14px
}

.user-block .avatar[data-v-2af67f10] {
    border-radius: 50%;
    margin-left: -7px;
    margin-right: 10px;
    max-height: 46px;
    max-width: 46px;
    overflow: hidden;
    position: relative
}

.user-block .avatar img[data-v-2af67f10] {
    height: 100%;
    width: 100%
}

.user-block .avatar img.placeholder[data-v-2af67f10] {
    height: 46px;
    width: 46px
}

.chat-block[data-v-2af67f10] {
    height: calc(100% - 86px);
    min-width: var(--right-menu-width);
    padding: 0 var(--menu-expanded-padding)
}

.track.a[data-v-2af67f10] {
    -webkit-mask-image: none;
    mask-image: none;
    max-height: 100vh;
    padding: var(--gap) 0;
    position: relative
}

.menu-item.hoverable-icon[data-v-2af67f10] {
    transition: all .25s ease
}

.menu-item.hoverable-icon.hidden[data-v-2af67f10] {
    height: 0;
    margin-bottom: 0;
    margin-top: 0;
    max-height: 0;
    min-height: 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    pointer-events: none
}

                      .overlay[data-v-3d9761ba] {
                          background: rgba(0, 0, 0, .502);
                          bottom: 0;
                          left: 0;
                          opacity: 0;
                          pointer-events: none;
                          position: fixed;
                          right: 0;
                          top: 0;
                          transition: opacity var(--open-animation-time) ease-in-out;
                          z-index: 20
                      }

.overlay > *[data-v-3d9761ba] {
    left: calc(50% + var(--offset-h));
    overflow: auto;
    position: absolute;
    top: calc(50% + var(--offset-v));
    transform: translate(-50%, -50%)
}

.overlay.mobile-view > *[data-v-3d9761ba], .overlay > *[data-v-3d9761ba] {
    max-height: calc(100vh - var(--mobile-bottom-offset) * 2);
    max-height: calc(var(--true-screen-height, 100vh) - var(--mobile-bottom-offset) * 2)
}

.overlay.mobile-view > *[data-v-3d9761ba] {
    bottom: var(--mobile-bottom-offset);
    left: 0;
    right: 0;
    top: auto;
    transform: none
}

.overlay .modal-basic[data-v-3d9761ba] {
    background: var(--common-background-color);
    border-radius: 16px;
    overflow: auto;
    padding: 20px
}

.overlay.active[data-v-3d9761ba] {
    opacity: 1;
    pointer-events: all
}

.overlay.closing[data-v-3d9761ba] {
    background: none;
    opacity: 0;
    pointer-events: none;
    transform: scale(0);
    transition: transform var(--close-animation-time) ease-in-out, opacity var(--close-animation-time)
}

.overlay.closed[data-v-3d9761ba] {
    display: none
}

.overlay.mobile-view.active[data-v-3d9761ba] {
    opacity: 1;
    pointer-events: all
}

.overlay.mobile-view.closing[data-v-3d9761ba] {
    background: none;
    opacity: 0;
    transform: none;
    transition: transform var(--close-animation-time) ease-in-out, opacity var(--close-animation-time)
}

                      svg[data-v-44cfa698] {
                          overflow: visible
                      }

.modal[data-v-44cfa698] {
    --first-height: 186px;
    --second-height: 252px;
    background: var(--common-background-color);
    border-radius: 16px;
    max-height: var(--modal-height);
    max-width: 340px;
    overflow: hidden;
    padding: 20px;
    width: 100%
}

.modal .header-line[data-v-44cfa698] {
    margin-bottom: 10px;
    position: relative
}

.modal .header-line h3[data-v-44cfa698] {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 14px;
    text-align: center
}

.modal .header-line svg[data-v-44cfa698] {
    --cross-padding: 10px;
    --size: 14px;
    cursor: pointer;
    height: 34px;
    height: calc(var(--size) + var(--cross-padding) * 2);
    max-height: 34px;
    max-height: calc(var(--size) + var(--cross-padding) * 2);
    max-width: 34px;
    max-width: calc(var(--size) + var(--cross-padding) * 2);
    padding: 10px;
    padding: var(--cross-padding);
    position: absolute;
    right: -10px;
    right: calc(0px - var(--cross-padding));
    top: -10px;
    top: calc(0px - var(--cross-padding));
    width: 34px;
    width: calc(var(--size) + var(--cross-padding) * 2)
}

.modal .header-line svg[data-v-44cfa698]:hover {
    --svg-color: var(--bright-foreground-color)
}

.modal input[type=email][data-v-44cfa698], .modal input[type=password][data-v-44cfa698], .modal input[type=text][data-v-44cfa698] {
    border-radius: 16px;
    margin: 10px 0;
    padding: 15px 9px
}

.modal input[type=email].invalid[data-v-44cfa698], .modal input[type=password].invalid[data-v-44cfa698], .modal input[type=text].invalid[data-v-44cfa698] {
    border-color: var(--accent-negative-color);
    transition-duration: .1s
}

button[data-v-44cfa698] {
    background: var(--accent-brand-color);
    border: none;
    border-radius: 16px;
    color: var(--bright-foreground-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 46px;
    letter-spacing: .015em;
    margin-top: 10px;
    outline: none;
    text-align: center;
    transition: border .25s ease-in-out;
    width: 100%
}

button[data-v-44cfa698]:focus, button[data-v-44cfa698]:hover {
    filter: brightness(.9)
}

button[data-v-44cfa698]:active {
    filter: brightness(.7)
}

                      .header-line[data-v-011a089e] {
                          margin-bottom: 10px;
                          position: relative
                      }

.header-line h3[data-v-011a089e] {
    font-size: 16px;
    font-weight: 600;
    line-height: 14px;
    text-align: center
}

.header-line h3[data-v-011a089e], p[data-v-011a089e] {
    color: var(--bright-foreground-color);
    letter-spacing: .015em
}

p[data-v-011a089e] {
    font-size: 14px;
    font-weight: 700;
    line-height: 22px
}

ul[data-v-011a089e] {
    padding-left: 1em
}

ul li[data-v-011a089e] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px
}

                      svg[data-v-bfd2bcc0] {
                          overflow: visible
                      }

.modal[data-v-bfd2bcc0] {
    height: 632px;
    max-height: calc(100vh - var(--mobile-bottom-offset) * 2);
    max-height: calc(var(--true-screen-height, 100vh) - var(--mobile-bottom-offset) * 2);
    max-width: 480px;
    overflow: hidden;
    padding: 0 8px 20px 20px;
    width: 100vw
}

.modal[data-v-bfd2bcc0], .modal .sliding-up-block[data-v-bfd2bcc0] {
    background: var(--common-background-color);
    border-radius: 16px
}

.modal .sliding-up-block[data-v-bfd2bcc0] {
    bottom: 0;
    box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, .149);
    height: 100%;
    left: 0;
    max-height: 323px;
    padding: 20px;
    position: absolute;
    right: 0;
    transform: translateY(100%);
    transition: all .35s ease-in-out
}

.mobile-view .modal[data-v-bfd2bcc0] {
    border-radius: 0;
    padding: 0 5px 20px 10px
}

                      .modal .chat .lang-info {
                          justify-content: flex-start
                      }

.modal .chat .lang-info > :last-child {
    margin-left: 15px
}

.modal .chat {
    max-width: none
}

.modal .chat .track {
    padding: 0 8px 0 0
}

.chat .track .message-line .name-time-n-body .body {
    background: var(--bright-background-color)
}

.modal .chat .input-field {
    padding-right: 8px
}

.modal .chat .track .message-line .name span {
    max-width: 242px
}

                      svg[data-v-bc0d88ce] {
                          overflow: visible
                      }

.modal[data-v-bc0d88ce] {
    background: var(--common-background-color);
    border-radius: 16px;
    max-height: calc(100vh - var(--mobile-bottom-offset) * 2);
    max-width: 340px;
    padding: 20px;
    width: 100vw
}

                      .modal[data-v-16fd9103] {
                          background: var(--common-background-color);
                          border-radius: 16px;
                          padding: 20px 20px 21px;
                          width: 340px
                      }

.modal .header-text[data-v-16fd9103] {
    font-size: 16px;
    letter-spacing: .24px;
    line-height: 14px;
    margin-bottom: 21px;
    text-align: center
}

.modal .header-text[data-v-16fd9103], .modal .subheader-text[data-v-16fd9103] {
    color: #f0f2f5;
    font-style: normal;
    font-weight: 500
}

.modal .subheader-text[data-v-16fd9103] {
    font-size: 14px;
    letter-spacing: .21px;
    line-height: 20px
}

.modal .info-text[data-v-16fd9103] {
    color: #959aa2;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .18px;
    line-height: 20px;
    margin-bottom: 16px
}

.modal .buttons-row[data-v-16fd9103] {
    display: flex;
    gap: 14px;
    justify-content: flex-end
}

.modal .buttons-row .button[data-v-16fd9103] {
    color: #f0f2f5;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .21px;
    line-height: 22px;
    text-align: center
}

.overlay.mobile-view .modal[data-v-16fd9103] {
    border-radius: 0;
    bottom: auto;
    padding: 15px 10px 22px;
    position: absolute;
    top: 50%;
    translate: 0 -50%;
    width: 100%
}

.overlay.mobile-view .modal .subheader-text[data-v-16fd9103] {
    margin-bottom: 10px
}

                      .lotteries-banner[data-v-0149cecf] {
                          align-items: flex-start;
                          background: linear-gradient(94.32deg, #a391ff, #4d3aaa);
                          border-radius: 12px;
                          letter-spacing: .015em;
                          padding: 16px;
                          position: relative
                      }

.lotteries-banner .title[data-v-0149cecf] {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 800;
    line-height: 16px
}

.lotteries-banner .description[data-v-0149cecf] {
    color: var(--bright-foreground-color);
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 8px;
    max-width: 244px
}

.lotteries-banner .button[data-v-0149cecf] {
    background: var(--bright-foreground-color);
    border-radius: 100px;
    color: var(--darkest-foreground-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    margin-top: 16px;
    padding: 10px 15px
}

.lotteries-banner .chips[data-v-0149cecf] {
    bottom: 0;
    position: absolute;
    right: 0
}
.empty-field[data-v-1bb6f7cc] {
                          --local-gap: 8px;
                          flex-direction: column
                      }

.empty-field span[data-v-1bb6f7cc] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 18px;
    text-align: center
}
.avatar[data-v-2f23d752] {
                          border-radius: 100px;
                          height: 46px;
                          overflow: hidden;
                          position: relative;
                          width: 46px
                      }

.avatar img[data-v-2f23d752] {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto
}

.avatar.vertical img[data-v-2f23d752] {
    height: auto;
    width: 100%
}
.timer[data-v-0d0452a2] {
                          font-feature-settings: "liga", "clig", "tnum";
                          color: var(--bright-foreground-color);
                          display: inline-flex;
                          font-size: 12px;
                          font-variant: common-ligatures tabular-nums;
                          font-weight: 500;
                          line-height: 22px
                      }

.timer > *[data-v-0d0452a2] {
    color: inherit;
    font: inherit
}
.lottery-info-part[data-v-602f3694] {
                          --local-gap: 4px;
                          align-items: flex-start;
                          align-self: center;
                          justify-content: flex-start
                      }

.lottery-info-part .rouble-icon[data-v-602f3694] {
    height: 16px;
    margin-left: .5ch;
    width: 16px
}

.lottery-info-part .from[data-v-602f3694], .lottery-info-part .participants[data-v-602f3694] {
    color: var(--common-foreground-color);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase
}
.lottery-info-part mark {
                          background: none
                      }

.lottery-info-part .fund, .lottery-info-part mark {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 16px
}

.lottery-info-part .from mark {
    font-size: 12px
}
.lottery-card[data-v-0a89db84] {
                          grid-gap: 10px;
                          background: transparent;
                          border: 2px solid var(--bright-background-color);
                          border-radius: 12px;
                          display: grid;
                          gap: 10px;
                          grid-template-columns:60px minmax(0, 1fr) 105px;
                          letter-spacing: .015em;
                          max-height: 109px;
                          padding: 8px;
                          position: relative;
                          width: 100%
                      }

.lottery-card .avatar[data-v-0a89db84] {
    border-radius: 8px;
    height: 60px;
    width: 60px
}

.lottery-card .open-or-participate[data-v-0a89db84] {
    align-items: center;
    background: var(--bright-background-color);
    border-radius: 8px;
    color: var(--bright-foreground-color);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    justify-content: center;
    line-height: 22px;
    padding: 5px
}

.lottery-card .open-or-participate.open[data-v-0a89db84] {
    background: var(--dark-button-background-color)
}

.lottery-card .open-or-participate *[data-v-0a89db84] {
    color: inherit;
    font: inherit
}
.lotteries-container[data-v-51c5a3e5] {
                          --local-gap: 20px;
                          max-height: 480px;
                          overflow-x: hidden;
                          overflow-y: auto;
                          scrollbar-color: var(--button-background-color-alt) var(--background-color);
                          scrollbar-width: thin;
                          width: 100%
                      }

.lotteries-container[data-v-51c5a3e5]::-webkit-scrollbar {
    width: 2px
}

.lotteries-container[data-v-51c5a3e5]::-webkit-scrollbar-thumb {
    background: var(--button-background-color-alt);
    border-radius: 10px
}

.lotteries-container[data-v-51c5a3e5]::-webkit-scrollbar-track {
    background: var(--background-color);
    border-radius: 10px
}

.lotteries-container[data-v-51c5a3e5]:not(.empty) {
    overflow-y: auto;
    padding-right: 14px
}

.lotteries-container.empty[data-v-51c5a3e5] {
    padding-right: 16px
}

.lotteries-container .lottery > *[data-v-51c5a3e5] {
    --local-gap: 0px
}
.modal-content[data-v-36dbd910] {
                          grid-gap: 30px;
                          display: grid;
                          gap: 30px;
                          grid-template-rows:auto auto auto;
                          height: 100%
                      }

.modal-content .banner[data-v-36dbd910], .modal-content .button[data-v-36dbd910] {
    margin-right: 16px;
    width: calc(100% - 16px)
}

@media (max-width: 768px) {
    .modal-content .banner[data-v-36dbd910], .modal-content .button[data-v-36dbd910] {
        margin-right: 6px;
        width: calc(100% - 6px)
    }
}

.modal-content .button--notify[data-v-36dbd910] {
    margin-top: 25px
}
.winner-chips[data-v-174641ce] {
                          display: inline-block;
                          margin-bottom: 10px;
                          margin-right: 10px
                      }

.winner-chips.you .chips[data-v-174641ce] {
    background: #20ef78;
    border: 4px solid #00a932;
    padding: 6px 11px
}

.winner-chips .win-sum[data-v-174641ce] {
    color: inherit;
    font: inherit;
    margin-left: 10px
}

.winner-chips .chips[data-v-174641ce] {
    align-items: center;
    border-radius: 100px;
    color: var(--darkest-foreground-color);
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    height: 40px;
    letter-spacing: .015em;
    line-height: 16px;
    padding: 10px 15px
}

.winner-chips .chips .icon[data-v-174641ce] {
    height: 20px;
    margin-right: 10px;
    width: auto
}

.winner-chips .cashback-status-0[data-v-174641ce] {
    background: #c1c5cd
}

.winner-chips .cashback-status-1[data-v-174641ce] {
    background: #ffe6c8
}

.winner-chips .cashback-status-2[data-v-174641ce] {
    background: #e4e8db
}

.winner-chips .cashback-status-3[data-v-174641ce] {
    background: #ffffd3
}

.winner-chips .cashback-status-4[data-v-174641ce] {
    background: #c1ffe9
}

.winner-chips .cashback-status-5[data-v-174641ce] {
    background: #b8ffff
}

.winner-chips .placeholder[data-v-174641ce] {
    align-items: center;
    border: 2px dashed;
    border-radius: 100px;
    color: #2c3038;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    letter-spacing: .015em;
    line-height: 16px;
    min-width: 80px;
    padding: 8px
}
.lottery-winners[data-v-dadc21e6] {
                          display: flex;
                          flex-wrap: wrap
                      }

.lottery-winners .winner-chips.sliding-in[data-v-dadc21e6] {
    animation: sliding-in-dadc21e6 .5s ease 0s 1 normal forwards
}

@keyframes sliding-in-dadc21e6 {
    0% {
        margin-left: calc(0px - var(--width));
        opacity: 0
    }
    to {
        margin-left: 0;
        opacity: 1
    }
}

.lottery-winners .winner-chips.sliding-out[data-v-dadc21e6] {
    animation: sliding-out-dadc21e6 .5s ease 0s 1 normal forwards
}

@keyframes sliding-out-dadc21e6 {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        opacity: 0;
        transform: translateX(calc(100% + 10px))
    }
}
.lottery-content[data-v-6c50eb2f] {
                          padding-right: 16px
                      }

@media (max-width: 768px) {
    .lottery-content[data-v-6c50eb2f] {
        padding-right: 6px
    }
}

.lottery-content .avatar[data-v-6c50eb2f] {
    border-radius: inherit;
    height: inherit;
    width: inherit
}

.lottery-content .avatar-wrapper[data-v-6c50eb2f] {
    border-radius: 8px;
    height: 60px;
    overflow: hidden;
    position: relative;
    width: 60px
}

.lottery-content .timer[data-v-6c50eb2f] {
    font-size: 36px;
    font-weight: 900;
    line-height: 36px
}

.lottery-content .top-line[data-v-6c50eb2f] {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns:60px minmax(0, 1fr) auto
}

.lottery-content .description[data-v-6c50eb2f] {
    color: var(--common-foreground-color);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 14px;
    margin-bottom: 10px;
    margin-top: 20px
}

.lottery-content .banner[data-v-6c50eb2f] {
    margin-top: 10px
}

.lottery-content .copy-button[data-v-6c50eb2f] {
    --svg-color: var(--bright-foreground-color);
    align-items: center;
    background-color: rgba(0, 0, 0, .8);
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.lottery-content .copy-button[data-v-6c50eb2f]:hover {
    opacity: 1
}

.lottery-content .copy-button .copy-icon[data-v-6c50eb2f] {
    height: auto;
    overflow: visible;
    width: 20px
}

@media (max-width: 768px) {
    .lottery-content .copy-button[data-v-6c50eb2f] {
        height: 17px;
        left: 70%;
        opacity: 1;
        width: 17px
    }

    .lottery-content .copy-button .copy-icon[data-v-6c50eb2f] {
        height: 5px;
        overflow: visible;
        width: 6px
    }
}
.tooltip-wrapper[data-v-f248d00a] {
                          --svg-color: var(--common-text-color-bright);
                          display: flex;
                          left: var(--tooltip-x);
                          margin-left: 0;
                          margin-left: var(--fixer-x, 0);
                          opacity: 0;
                          pointer-events: none;
                          position: absolute;
                          top: var(--tooltip-y);
                          z-index: 1
                      }

.tooltip-wrapper .tooltip[data-v-f248d00a] {
    background-color: var(--common-text-color-bright);
    border-radius: 8px;
    color: var(--hover-color);
    font-size: 14px;
    font-weight: 700;
    height: var(--tooltip-max-height);
    letter-spacing: .015em;
    max-height: var(--tooltip-max-height);
    max-width: min(400px, 100vw - 40px);
    overflow: auto;
    padding: 7px;
    scrollbar-color: currentColor transparent;
    text-align: center;
    width: 100%;
    word-break: break-word
}

.tooltip-wrapper .tooltip[data-v-f248d00a]::-webkit-scrollbar-thumb {
    background: currentColor;
    background-clip: content-box;
    border: 2px solid transparent
}

.tooltip-wrapper .tooltip[data-v-f248d00a]::-webkit-scrollbar {
    width: 8px
}

.tooltip-wrapper.top[data-v-f248d00a] {
    align-items: center;
    flex-direction: column;
    max-width: 400px;
    transform: translateX(-50%);
    width: -moz-max-content;
    width: max-content
}

.tooltip-wrapper.top .tooltip[data-v-f248d00a] {
    margin-top: -1px
}

.tooltip-wrapper.top svg[data-v-f248d00a] {
    transform: rotate(180deg) translateX(0);
    transform: rotate(180deg) translateX(var(--fixer-x, 0))
}

.tooltip-wrapper.bottom[data-v-f248d00a] {
    align-items: center;
    flex-direction: column-reverse;
    max-width: 400px;
    transform: translateX(-50%) translateY(-100%);
    width: -moz-max-content;
    width: max-content
}

.tooltip-wrapper.bottom .tooltip[data-v-f248d00a] {
    margin-bottom: -1px
}

.tooltip-wrapper.bottom svg[data-v-f248d00a] {
    transform: translateX(0);
    transform: translateX(calc(0px - var(--fixer-x, 0px)))
}

.tooltip-wrapper.left[data-v-f248d00a] {
    align-items: center;
    flex-direction: row;
    max-width: 417px;
    transform: translateY(-50%);
    width: -moz-max-content;
    width: max-content
}

.tooltip-wrapper.left .tooltip[data-v-f248d00a] {
    margin-left: -1px
}

.tooltip-wrapper.right[data-v-f248d00a] {
    align-items: center;
    flex-direction: row-reverse;
    max-width: 417px;
    transform: translateY(-50%);
    width: -moz-max-content;
    width: max-content
}

.tooltip-wrapper.right .tooltip[data-v-f248d00a] {
    margin-right: -1px
}

.tooltip-wrapper.right svg[data-v-f248d00a] {
    transform: rotate(180deg)
}

.tooltip-wrapper.active[data-v-f248d00a] {
    opacity: 1;
    pointer-events: auto
}

.tooltip-wrapper.hidden[data-v-f248d00a] {
    display: none
}
.lottery-input[data-v-35347170] {
                          display: block
                      }

.lottery-input .lottery-input-title[data-v-35347170] {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px;
    padding: 5px
}
.lottery-input .common-input[data-v-4045b689] {
                          background-color: var(--background-color)
                      }
.lottery-select .mobile-select[data-v-31b85a8e] {
                          border-radius: 12px;
                          height: 48px;
                          position: relative
                      }

.lottery-select .mobile-select select[data-v-31b85a8e] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--body-background-color);
    border: none;
    border-radius: inherit;
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    letter-spacing: .015em;
    margin-right: 0;
    outline: none;
    padding: 0 10px;
    position: relative;
    width: 100%
}
.create-step-one[data-v-a2cbbee4] {
                          align-items: stretch;
                          position: relative
                      }

.create-step-one .input[data-v-a2cbbee4] {
    margin-bottom: 15px
}

.create-step-one .next-button[data-v-a2cbbee4] {
    margin-top: 10px
}
.chips-selector-item[data-v-1fd79dee] {
                          color: var(--common-foreground-color);
                          cursor: pointer;
                          display: inline-flex;
                          font-size: 12px;
                          font-weight: 500;
                          letter-spacing: .015em;
                          line-height: 22px;
                          position: relative
                      }

.chips-selector-item[readonly][data-v-1fd79dee] {
    cursor: auto
}

.chips-selector-item .select-button[data-v-1fd79dee] {
    border: 2px solid var(--button-background-color-alt);
    border-radius: 12px;
    cursor: inherit;
    padding: 3px 13px
}

.chips-selector-item .select-button[checked][data-v-1fd79dee] {
    background: var(--button-background-color-alt);
    color: var(--bright-foreground-color)
}

.chips-selector-item .deselect-button[data-v-1fd79dee] {
    background: var(--button-background-color-alt);
    border: 1px solid var(--button-background-color);
    border-radius: 100px;
    cursor: inherit;
    display: inline-flex;
    padding: 4px;
    position: absolute;
    right: 3px;
    top: 3px;
    transform: translate(50%, -50%)
}

.chips-selector-item .deselect-button .icon[data-v-1fd79dee] {
    max-height: 8px;
    max-width: 8px
}
.chips-selector-item .select-button, .chips-selector-item .select-button * {
                          color: inherit;
                          font: inherit
                      }
.chips-selector .container[data-v-ea2ab498] {
                          --gap: 10px;
                          display: flex;
                          flex-direction: row;
                          flex-wrap: wrap
                      }

.chips-selector .container .item[data-v-ea2ab498] {
    margin-bottom: var(--gap);
    margin-right: var(--gap)
}
.create-step-three[data-v-81e7c646] {
                          letter-spacing: .015em;
                          padding-bottom: 15px
                      }

.create-step-three .sum-winners-time[data-v-81e7c646] {
    grid-gap: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns:auto 1fr;
    grid-template-rows:auto auto
}

.create-step-three .flex-line-start[data-v-81e7c646] {
    align-items: flex-start
}

.create-step-three hr[data-v-81e7c646] {
    background-color: var(--button-background-color-alt);
    border: none;
    height: 1px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 100%
}

.create-step-three .summary-title[data-v-81e7c646] {
    color: var(--common-foreground-color);
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-transform: uppercase
}

.create-step-three .value[data-v-81e7c646] {
    color: var(--bright-foreground-color);
    font-size: 40px;
    font-weight: 700;
    line-height: 40px
}

.create-step-three .value.min[data-v-81e7c646] {
    font-size: 16px
}
.create-step-three .get-from-balance {
                          align-items: center;
                          display: inline-flex
                      }

.create-step-three .get-from-balance * {
    margin-left: 5px
}
.radio-line[data-v-865420c6] {
                          grid-gap: 10px;
                          background-color: var(--body-background-color);
                          border-radius: 16px;
                          display: grid;
                          gap: 10px;
                          grid-auto-columns: 1fr;
                          grid-auto-flow: column;
                          grid-template-columns:1fr
                      }

.radio-line .radio-item input[data-v-865420c6] {
    display: none
}

.radio-line .radio-item input ~ .radio-item-visual[data-v-865420c6] {
    align-items: center;
    background-color: transparent;
    border-radius: 16px;
    color: var(--common-foreground-color);
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .015em;
    line-height: 22px;
    padding-bottom: 12px;
    padding-top: 12px;
    width: 100%
}

.radio-line .radio-item input:checked ~ .radio-item-visual[data-v-865420c6] {
    background-color: var(--button-background-color-alt);
    color: var(--bright-foreground-color)
}
.create-step-two[data-v-72388d12] {
                          align-items: stretch;
                          position: relative
                      }

.create-step-two .input[data-v-72388d12] {
    margin-bottom: 15px
}

.create-step-two .next-button[data-v-72388d12] {
    margin-top: 10px
}
.create-step-two {
                          padding-bottom: 15px
                      }

.create-step-two mark {
    background: none;
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .21px;
    line-height: 22px
}
.next-button[data-v-a285bbb8] {
                          background-color: var(--accent-positive-color);
                          color: var(--bright-foreground-color)
                      }
.prev-button[data-v-6eae16b7] {
                          color: var(--bright-foreground-color)
                      }
.lottery-create-content[data-v-0b32a9c1] {
                          display: grid;
                          font-weight: 500;
                          grid-template-rows:auto auto 1fr;
                          letter-spacing: .015em;
                          overflow-y: auto;
                          padding: 30px 30px 45px;
                          position: relative;
                          scrollbar-width: none
                      }

@media (max-width: 768px) {
    .lottery-create-content[data-v-0b32a9c1] {
        --padding: 10px
    }
}

.lottery-create-content .close-button[data-v-0b32a9c1] {
    cursor: pointer;
    display: flex;
    margin: -20px;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 2px
}

.lottery-create-content .close-button[data-v-0b32a9c1]:hover {
    --svg-color: var(--bright-foreground-color)
}

.lottery-create-content .close-button[data-v-0b32a9c1]:active {
    --svg-color: var(--brightest-foreground-color)
}

.lottery-create-content header[data-v-0b32a9c1] {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    position: relative
}

.lottery-create-content header span[data-v-0b32a9c1] {
    color: inherit;
    font: inherit
}

.lottery-create-content .progress[data-v-0b32a9c1] {
    --local-gap: 10px;
    margin-bottom: 25px;
    margin-top: 25px
}

.lottery-create-content .progress .progress-step[data-v-0b32a9c1] {
    background-color: #1d2129;
    border: 2px solid #1d2129;
    border-radius: 100px;
    height: 16px;
    transition-duration: .2s;
    transition-property: background-color, border-color, width;
    transition-timing-function: ease;
    width: 16px
}

.lottery-create-content .progress .progress-step[active][data-v-0b32a9c1] {
    border-color: var(--accent-positive-color);
    width: 32px
}

.lottery-create-content .progress .progress-step[passed][data-v-0b32a9c1] {
    background: var(--accent-positive-color);
    border-color: var(--accent-positive-color)
}

.lottery-create-content .prev-next[data-v-0b32a9c1] {
    --local-gap: 10px
}
.lotteries-modal .content[data-v-af1d701a] {
                          background: var(--button-background-color);
                          border-radius: 16px;
                          max-width: 460px;
                          min-height: 300px;
                          overflow: auto;
                          position: relative;
                          width: 100vw
                      }

.lotteries-modal .content .non-create-section[data-v-af1d701a] {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 30px 12px 30px 30px;
    scrollbar-color: var(--dark-foreground-color) var(--body-background-color);
    scrollbar-width: thin
}

.lotteries-modal .content .non-create-section[data-v-af1d701a]::-webkit-scrollbar {
    background-color: var(--common-background-color);
    margin-right: 20px
}

.lotteries-modal .content .non-create-section[data-v-af1d701a]::-webkit-scrollbar-thumb {
    background-color: var(--bright-background-color);
    border-radius: 30px
}

@media (max-width: 768px) {
    .lotteries-modal .content .non-create-section[data-v-af1d701a] {
        padding: 10px 4px 10px 10px
    }
}
.menu[data-v-285cf787] {
                          align-items: center;
                          display: flex;
                          justify-content: center;
                          position: relative
                      }

.menu .item[data-v-285cf787] {
    color: var(--text-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px;
    max-width: var(--width);
    padding: var(--paddings);
    text-align: center;
    transition: all .35s ease-in-out;
    width: var(--width)
}

.menu .item.selected[data-v-285cf787], .menu .item.selected[data-v-285cf787]:hover {
    color: var(--selection-color)
}

.menu .item[data-v-285cf787]:hover {
    color: var(--common-text-color-bright);
    transition-duration: .1s
}

.menu .item.hidden[data-v-285cf787] {
    margin-left: 0;
    margin-right: 0;
    max-width: 0;
    min-width: 0;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
    pointer-events: none;
    white-space: nowrap;
    width: 0
}

.menu-selection-underline[data-v-285cf787] {
    background: var(--selection-color);
    bottom: 0;
    display: inline-block;
    height: 2px;
    left: var(--selected-menu-left);
    min-width: 10px;
    position: absolute;
    transform: scaleX(0);
    transition: none;
    width: var(--selected-menu-width)
}

.menu-selection-underline.loaded[data-v-285cf787] {
    transform: scaleX(1);
    transition: all .25s ease-in-out
}
.dot[data-v-43014fe5] {
                          align-items: center;
                          display: flex;
                          font-size: 14px;
                          height: 30px;
                          justify-content: center;
                          line-height: 14px;
                          line-height: 22px
                      }

.dot[data-v-43014fe5], .dot span[data-v-43014fe5] {
    position: relative
}

.dot span[data-v-43014fe5] {
    background: rgba(var(--accent-positive-text-color-rgb), .5);
    border-radius: 50%;
    display: inline-block;
    height: 18px;
    left: 0;
    margin-top: 6px;
    width: 18px
}

.dot span span[data-v-43014fe5] {
    background: #02ba50;
    height: 10px;
    left: 50%;
    margin-top: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px
}

.dot div[data-v-43014fe5]:last-child {
    margin-left: 10px
}
.full-table[data-v-35d7fe07] {
                          --edge-padding: 28px;
                          border-radius: 16px;
                          position: relative
                      }

.full-table svg[data-v-35d7fe07] {
    min-height: 20px;
    min-width: 20px;
    overflow: visible
}

.full-table *[data-v-35d7fe07] {
    color: var(--common-text-color)
}

.full-table.mobile-view[data-v-35d7fe07] {
    border-radius: 0
}

.full-table .tables-menu[data-v-35d7fe07] {
    align-items: center;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: flex;
    justify-content: space-between;
    margin-bottom: 2px;
    padding: 0 1px 0 20px
}

.full-table .table[data-v-35d7fe07], .full-table .tables-menu[data-v-35d7fe07] {
    background-color: var(--button-background-color)
}

.full-table .table[data-v-35d7fe07] {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    border-spacing: 0;
    font-size: 14px;
    height: 100vh;
    max-height: calc(var(--row-height) * var(--items-limit));
    overflow: hidden;
    padding: 0 0 10px;
    table-layout: fixed;
    width: 100%
}

.full-table .table col[data-v-35d7fe07] {
    width: calc(var(--width) + var(--between))
}

.full-table .table col[data-v-35d7fe07]:first-of-type, .full-table .table col[data-v-35d7fe07]:last-of-type {
    width: calc(var(--width) + var(--between) / 2 + var(--edge-padding))
}

.full-table .table thead th[data-v-35d7fe07] {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .015em;
    padding: 20px 12px;
    text-transform: uppercase
}

.full-table .table thead th[data-v-35d7fe07]:first-child {
    padding-left: 28px;
    text-align: left
}

.full-table .table thead th[data-v-35d7fe07]:last-child {
    padding-right: 28px;
    text-align: right
}

.full-table .table .tr[data-v-35d7fe07] {
    display: flex;
    max-height: var(--row-height);
    overflow: visible;
    transition: all .35s ease-in-out
}

@media (max-width: 999px) {
    .full-table .table .tr[data-v-35d7fe07] {
        justify-content: space-between
    }
}

.full-table .table .tr[data-v-35d7fe07]:first-child {
    animation: none
}

.full-table .table .tr .td[data-v-35d7fe07] {
    align-items: center;
    display: flex;
    height: var(--row-height);
    justify-content: center;
    overflow: visible;
    padding: 14.5px 6px;
    text-align: center;
    width: calc(var(--width) + var(--between))
}

.full-table .table .tr .td[data-v-35d7fe07]:first-of-type {
    justify-content: flex-start;
    width: calc(var(--width) + var(--between) / 2 + var(--edge-padding))
}

.full-table .table .tr .td[data-v-35d7fe07]:last-of-type {
    justify-content: flex-end;
    width: calc(var(--width) + var(--between) / 2 + var(--edge-padding))
}

.full-table .table .tr .td .cell[data-v-35d7fe07] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px;
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap
}

.full-table .table .tr .td[data-v-35d7fe07]:first-child {
    padding-left: 0;
    padding-left: var(--edge-padding)
}

.full-table .table .tr .td[data-v-35d7fe07]:last-child {
    padding-right: 0;
    padding-right: var(--edge-padding)
}

.full-table .table .tr:last-child td[data-v-35d7fe07] {
    border-radius: 0 0 16px 16px;
    padding-bottom: 12px
}

.full-table .table .tr[data-v-35d7fe07]:hover {
    background: var(--hover-color);
    transition-duration: .1s
}

@keyframes slide-in-35d7fe07 {
    0% {
        margin-top: calc(0px - var(--row-height))
    }
    to {
        margin-top: 0
    }
}

.table-head[data-v-35d7fe07] {
    background-color: var(--button-background-color);
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: space-between;
    letter-spacing: .015em;
    padding: 20px var(--edge-padding) 10px;
    position: relative;
    text-transform: uppercase
}

.table-head .table-head-column[data-v-35d7fe07] {
    display: inline-block;
    line-height: 24px;
    text-align: center
}

.table-head .table-head-column[data-v-35d7fe07]:first-child {
    text-align: left
}

.table-head .table-head-column[data-v-35d7fe07]:last-child {
    text-align: right
}

@media (max-width: 1280px) {
    .table-head[data-v-35d7fe07] {
        padding: 20px var(--edge-padding) 10px
    }
}

.full-table .table.suppress-animation .tr[data-v-35d7fe07]:first-child {
    animation: slide-in-35d7fe07 .5s ease-in-out 0s 1 normal forwards
}
.full-table .dropdown-block-wrapper .dropdown-block .dropdown .dropdown-item:hover {
                          --selection-color-transparent: var(--hover-color)
                      }
.wrapper[data-v-366e810a] {
                          max-width: 395px;
                          width: 100vw
                      }

.wrapper .game-block[data-v-366e810a] {
    letter-spacing: .015em;
    line-height: 24px
}

.wrapper .game-block .game-name[data-v-366e810a] {
    color: var(--bright-foreground-color);
    display: block;
    font-size: 14px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    width: calc(var(--between) + var(--width))
}

.wrapper .game-block .go-text[data-v-366e810a] {
    font-size: 12px;
    font-weight: 300
}

.close-button[data-v-366e810a] {
    --cross-padding: 10px;
    --size: 14px;
    cursor: pointer;
    height: 34px;
    height: calc(var(--size) + var(--cross-padding) * 2);
    max-height: 34px;
    max-height: calc(var(--size) + var(--cross-padding) * 2);
    max-width: 34px;
    max-width: calc(var(--size) + var(--cross-padding) * 2);
    padding: 10px;
    padding: var(--cross-padding);
    position: absolute;
    right: 10px;
    right: calc(20px - var(--cross-padding));
    top: 10px;
    top: calc(20px - var(--cross-padding));
    width: 34px;
    width: calc(var(--size) + var(--cross-padding) * 2)
}

.close-button[data-v-366e810a]:hover {
    --svg-color: var(--bright-foreground-color)
}

.close-button svg[data-v-366e810a] {
    cursor: pointer;
    height: 100%;
    width: 100%
}
.mobile-bets-table div.full-table .tables-menu {
                          margin-bottom: 0
                      }
@keyframes sup-627b48f6 {
                           50% {
                               transform: scale(1.3)
                           }
                           to {
                               transform: scale(1)
                           }
                       }

.rectIcon[data-v-627b48f6] {
    animation: sup-627b48f6 .5s;
    animation-timing-function: ease-in-out;
    height: 62.5%;
    width: 62.5%
}

.rectIcon.bomb[data-v-627b48f6] {
    height: auto;
    padding-bottom: 10px;
    width: 62.5%
}

.clicked[data-v-627b48f6] {
    pointer-events: none
}

.hidden[data-v-627b48f6] {
    display: none
}

.rectangle[data-v-627b48f6] {
    align-items: center;
    background: #10baa8;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    height: 80px;
    justify-content: center;
    position: relative;
    width: 80px
}

.rectangle[data-v-627b48f6]:hover {
    background: #058f7c
}

.rectangle.rectangle_active[data-v-627b48f6], .rectangle.rectangle_active[data-v-627b48f6]:hover {
    background: rgba(16, 186, 168, .302)
}

@media (max-width: 480px) {
    .rectIcon[data-v-627b48f6] {
        height: 40px;
        margin: 7px;
        width: 40px
    }
}

@media (max-width: 450px) {
    .rectIcon[data-v-627b48f6] {
        height: 8vmin;
        width: 8vmin
    }
}

@media (max-width: 400px) {
    .rectIcon[data-v-627b48f6] {
        height: 7vmin;
        margin: 8px;
        width: 7vmin
    }
}

@media (max-width: 320px) {
    .rectIcon[data-v-627b48f6] {
        height: 25px;
        margin: 7px;
        width: 25px
    }
}
.icon[data-v-2b3fd104] {
                          height: auto;
                          width: 45px
                      }

.icon[data-v-2b3fd104]:not(.bomb) {
    padding: 0 3px 0 2px
}

.aoao[data-v-2b3fd104] {
    margin: .1px
}

.header__elem[data-v-2b3fd104] {
    align-items: center;
    display: flex
}

.settings[data-v-2b3fd104]:last-child {
    margin-right: 20px
}

.gameIcon[data-v-2b3fd104] {
    margin: 18px 10px 18px 20px
}

.settingsIcon[data-v-2b3fd104] {
    margin: 21px 10px
}

.slider-item[data-v-2b3fd104] {
    margin: auto 0
}

.slider-container[data-v-2b3fd104] {
    display: inline-flex;
    height: 89px;
    overflow: hidden;
    width: 600px
}

.text[data-v-2b3fd104] {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.btn_active[data-v-2b3fd104] {
    background-color: #2c313b;
    border: 1px solid #10baa8;
    border-radius: 16px;
    box-sizing: border-box;
    color: #10baa8;
    height: 46px;
    min-width: 73px;
    width: 73px
}

.btn_active span[data-v-2b3fd104] {
    color: #10baa8;
    left: 10px;
    position: absolute;
    top: 3px
}

.bg[data-v-2b3fd104] {
    align-items: center;
    border-radius: 0 16px 0 0;
    display: flex;
    justify-content: space-evenly;
    position: relative
}

.bg[data-v-2b3fd104], .bgFon[data-v-2b3fd104] {
    height: 100%;
    width: 100%
}

.bgFon[data-v-2b3fd104] {
    background: rgba(0, 0, 0, .4);
    opacity: .4;
    pointer-events: none
}

.iconBlock[data-v-2b3fd104] {
    align-self: flex-end;
    margin-bottom: 201px;
    text-align: center
}

.iconBlock p[data-v-2b3fd104] {
    color: #f0f2f5;
    font-size: 16px;
    line-height: 1;
    margin-top: 6px
}

.game[data-v-2b3fd104] {
    --rect-size: 80px;
    --gap: calc(var(--rect-size) * 0.075);
    grid-gap: 6px;
    grid-gap: var(--gap);
    display: grid;
    gap: 6px;
    gap: var(--gap);
    grid-template-columns:repeat(5, 80px);
    grid-template-columns:repeat(5, var(--rect-size));
    grid-template-rows:repeat(5, 80px);
    grid-template-rows:repeat(5, var(--rect-size))
}

.rectangle[data-v-2b3fd104] {
    background: #10baa8;
    border-radius: 5px;
    height: var(--rect-size);
    width: var(--rect-size)
}

.rectangle.rectangle_active[data-v-2b3fd104] {
    background: rgba(16, 186, 168, .302)
}

.mines[max-width~="1040px"] .bg[data-v-2b3fd104] {
    border-radius: 0
}

.mines[max-width~="1040px"] .bg .game[data-v-2b3fd104] {
    --rect-size: 65px
}

@media (max-width: 1280px) {
    .iconBlock[data-v-2b3fd104] {
        margin-bottom: 160px
    }
}

@media (max-width: 768px) {
    .iconBlock[data-v-2b3fd104] {
        margin-bottom: 160px
    }
}

@media (max-width: 480px) {
    .mines[max-width~="1040px"] .bg .game[data-v-2b3fd104] {
        --rect-size: 60.4px
    }

    .iconBlock[data-v-2b3fd104] {
        margin-bottom: 29.5%
    }

    .iconBlock p[data-v-2b3fd104] {
        margin-top: 7px
    }
}

@media (max-width: 479px) {
    .mines[max-width~="1040px"] .bg .game[data-v-2b3fd104] {
        --rect-size: calc(12.5vw - 2px)
    }
}

@media (max-width: 440px) {
    .mines[max-width~="1040px"] .bg .game[data-v-2b3fd104] {
        --rect-size: calc(12.5vw - 2px)
    }
}

@media (max-width: 400px) {
    .icon[data-v-2b3fd104] {
        width: 10vw
    }
}

.inactive[data-v-2b3fd104] {
    pointer-events: none
}

@media (max-width: 320px) {
    .icon[data-v-2b3fd104] {
        height: 26px;
        width: 26px
    }

    .bomb[data-v-2b3fd104] {
        height: 35px;
        width: 26px
    }

    .iconBlock[data-v-2b3fd104] {
        align-self: flex-end;
        margin-bottom: 97px
    }

    .iconBlock p[data-v-2b3fd104] {
        color: #f0f2f5;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        margin-top: 1px
    }

    .mines[max-width~="1040px"] .bg .game[data-v-2b3fd104] {
        --rect-size: 38.49px
    }
}
*[data-v-19018cf4] {
                          -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
                      }

.modal_hexagon[data-v-19018cf4], .modal_hexagon .hexagon[data-v-19018cf4] {
    --hexa-width: 62px !important;
    --hexa-height: 52px !important
}

.modal_hexagon .iconJump[data-v-19018cf4] {
    animation: none
}

.modal_hexagon .iconJump svg[data-v-19018cf4] {
    transform: scale(.7) !important
}

@media (max-width: 400px) {
    .modal_hexagon[data-v-19018cf4], .modal_hexagon .hexagon[data-v-19018cf4] {
        --hexa-width: 52px !important;
        --hexa-height: 41px !important
    }

    .modal_hexagon .iconJump[data-v-19018cf4] {
        animation: none
    }

    .modal_hexagon .iconJump svg[data-v-19018cf4] {
        transform: scale(.6) !important
    }
}

.shadow[data-v-19018cf4] {
    opacity: .5
}

.clicked[data-v-19018cf4] {
    pointer-events: none
}

@keyframes sup-19018cf4 {
    50% {
        transform: translate(-50%, -70%)
    }
}

.hidden[data-v-19018cf4] {
    display: none;
    pointer-events: none
}

.hexagon[data-v-19018cf4] {
    --hexa-width: 93px;
    --hexa-height: 83px;
    bottom: 0;
    cursor: pointer;
    height: 83px;
    height: var(--hexa-height);
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    top: 0;
    transition: .2s;
    width: 93px;
    width: var(--hexa-width)
}

.hexagon_secondary[data-v-19018cf4] {
    top: 7px;
    z-index: .5
}

.hexagon_empty[data-v-19018cf4], .hexagon_secondary[data-v-19018cf4] {
    pointer-events: none;
    position: absolute
}

.hexagon_empty[data-v-19018cf4] {
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 1;
    right: 0;
    top: 0;
    transition: .4s
}

.icon[data-v-19018cf4] {
    margin: auto;
    overflow: hidden;
    transform: translate(-50%, -55%);
    z-index: 1
}

.icon[data-v-19018cf4], .iconJump[data-v-19018cf4] {
    left: 50%;
    position: absolute;
    top: 50%
}

.iconJump[data-v-19018cf4] {
    animation: sup-19018cf4 .4s ease-in-out;
    height: 60px;
    pointer-events: none;
    transform: translate(-50%, -50%)
}

.hovered[data-v-19018cf4] {
    position: relative;
    transition: .3s;
    z-index: 1
}

.hovered[data-v-19018cf4]:hover {
    transform: translateY(4px);
    transition: .2s;
    z-index: 1
}

@media (max-width: 1400px) {
    .hexagon[data-v-19018cf4] {
        --hexa-width: 82px;
        --hexa-height: 71.5px
    }

    .hexagon_secondary[data-v-19018cf4] {
        top: 6px
    }

    .icon[data-v-19018cf4] {
        height: 35px;
        transform: translate(-50%, -56%);
        width: 31px
    }

    .icon[data-v-19018cf4], .iconJump[data-v-19018cf4] {
        left: 50%;
        position: absolute;
        top: 50%
    }

    .iconJump[data-v-19018cf4] {
        animation: sup-19018cf4 .4s ease-in-out;
        transform: translate(-50%, -50%)
    }

    .iconJump svg[data-v-19018cf4] {
        transform: scale(.85)
    }

    @keyframes sup-19018cf4 {
        50% {
            transform: translate(-50%, -70%)
        }
    }
}

@media (max-width: 1279px) {
    @keyframes sup-19018cf4 {
        50% {
            transform: translate(-50%, -70%)
        }
    }.hexagon[data-v-19018cf4] {
         --hexa-width: 82px;
         --hexa-height: 73px
     }

    .hexagon_secondary[data-v-19018cf4] {
        top: 6px
    }
}

@media (max-width: 999px) {
    .iconJump svg[data-v-19018cf4] {
        transform: scale(1)
    }

    .hexagon[data-v-19018cf4] {
        --hexa-width: 94px;
        --hexa-height: 82px
    }

    .hexagon_secondary[data-v-19018cf4] {
        top: 7px
    }

    .icon[data-v-19018cf4] {
        height: 40px;
        width: 35px
    }

    .hovered[data-v-19018cf4]:hover {
        transform: translateY(4px);
        transition: .2s;
        z-index: 1
    }
}

@media (max-width: 580px) {
    .hexagon[data-v-19018cf4] {
        --hexa-width: 78px;
        --hexa-height: 66px
    }

    .hexagon_secondary[data-v-19018cf4] {
        top: 7px
    }

    .iconJump svg[data-v-19018cf4] {
        transform: scale(.9)
    }

    .hovered[data-v-19018cf4]:hover {
        transform: translateY(4px);
        transition: .2s;
        z-index: 1
    }
}

@media (max-width: 480px) {
    @keyframes sup-19018cf4 {
        50% {
            transform: translate(-50%, -60%)
        }
    }.hexagon[data-v-19018cf4] {
         --hexa-width: 14.8vmin;
         --hexa-height: 12.9vmin
     }

    .hexagon_secondary[data-v-19018cf4] {
        position: absolute;
        top: 7px
    }

    .icon[data-v-19018cf4] {
        height: 31px;
        width: 27px
    }

    .iconJump[data-v-19018cf4] {
        animation: sup-19018cf4 .4s ease-in-out;
        height: 60px;
        width: 52px
    }

    .iconJump svg[data-v-19018cf4] {
        transform: scale(.6)
    }

    .hovered[data-v-19018cf4]:hover {
        transform: translateY(4px);
        transition: .2s;
        z-index: 1
    }
}

@media (max-width: 420px) {
    .hexagon[data-v-19018cf4] {
        --hexa-width: 15.5vmin;
        --hexa-height: 13.5vmin
    }

    .iconJump svg[data-v-19018cf4] {
        transform: scale(.6)
    }

    .hovered[data-v-19018cf4]:hover {
        transition: .2s;
        z-index: 1
    }
}

@media (max-width: 320px) {
    .hexagon[data-v-19018cf4] {
        --hexa-width: 48px;
        --hexa-height: 42px
    }

    .hexagon_secondary[data-v-19018cf4] {
        top: 4px
    }

    .icon[data-v-19018cf4] {
        height: 20px;
        transform: translate(-50%, -60%);
        width: 18px
    }

    .iconJump svg[data-v-19018cf4] {
        transform: scale(.5)
    }

    .hovered[data-v-19018cf4]:hover {
        transform: translateY(2px);
        transition: .2s;
        z-index: 1
    }
}
.modal_column[data-v-79446689] {
                          margin-top: 0
                      }

.modal_column_odd[data-v-79446689] {
    margin-top: 27px
}

.modal_hexagon[data-v-79446689] {
    height: 52px !important;
    margin: 0 -5.5px 9px;
    position: relative;
    width: 62px !important
}

.modal .game[data-v-79446689] {
    margin-top: 0 !important
}

@media (max-width: 400px) {
    .modal_column[data-v-79446689] {
        margin-top: 0
    }

    .modal_column_odd[data-v-79446689] {
        margin-top: 27px
    }

    .modal_hexagon[data-v-79446689] {
        height: 41px !important;
        margin: 0 -6px 9px;
        position: relative;
        width: 52px !important
    }

    .modal .game[data-v-79446689] {
        margin-top: 0 !important
    }
}

.hexagon[data-v-79446689] {
    margin: 0 -8.5px 7px;
    position: relative
}

.text[data-v-79446689] {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.bg[data-v-79446689] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 100%;
    min-height: 100%;
    position: relative
}

.bgFon[data-v-79446689] {
    background: rgba(0, 0, 0, .4);
    height: 100%;
    opacity: .4;
    pointer-events: none;
    width: 100%
}

.iconBlock[data-v-79446689] {
    text-align: center
}

.iconBlock p[data-v-79446689] {
    margin-top: 5px
}

.game[data-v-79446689] {
    margin-top: 19px
}

.game-field[data-v-79446689] {
    display: flex;
    margin: 0 auto;
    overflow-y: clip
}

.column[data-v-79446689] {
    display: flex;
    flex-direction: column
}

.column_odd[data-v-79446689] {
    margin-top: 43px
}

.footer__coef[data-v-79446689] {
    background: #2c313b;
    border-radius: 0 0 16px 0;
    bottom: 0;
    height: 86px;
    max-height: 86px;
    padding: 0 15px;
    position: absolute;
    width: 100%
}

.footer__inner[data-v-79446689] {
    display: -webkit-box;
    height: 80px;
    margin-top: 20px;
    overflow: hidden
}

.inactive[data-v-79446689] {
    pointer-events: none
}

.header__elem[data-v-79446689] {
    align-items: center;
    display: flex
}

.settings[data-v-79446689]:last-child {
    margin-right: 20px
}

.gameIcon[data-v-79446689] {
    margin: 18px 10px 18px 20px
}

.settingsIcon[data-v-79446689] {
    margin: 21px 10px
}

.coefs[data-v-79446689] {
    --local-gap: 26px;
    bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    left: 50%;
    pointer-events: none;
    position: absolute;
    transform: translateX(-50%);
    width: 100%
}

.coefs > *[data-v-79446689] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.coefs[data-v-79446689] > :first-child {
    margin-left: 0
}

.coefs[data-v-79446689] > :last-child {
    margin-right: 0
}

.coefs span[data-v-79446689] {
    align-items: center;
    bottom: 0;
    color: rgba(0, 0, 0, .5);
    font-size: 13px;
    font-weight: 500;
    left: 0;
    letter-spacing: .015em;
    line-height: 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: calc(35% - 1px)
}

.coefs .coef[data-v-79446689] {
    height: 43px;
    position: relative
}

@media (max-width: 1400px) {
    .column[data-v-79446689] {
        margin-right: 0 !important
    }

    .game[data-v-79446689] {
        margin-top: 19px !important
    }

    .hexagon[data-v-79446689] {
        margin: 0 -7.4px 6.23px
    }

    .column_odd[data-v-79446689] {
        margin-right: 0;
        margin-top: 37.54px
    }
}

@media (max-width: 1279px) {
    .hexagon[data-v-79446689] {
        margin: 0 -7.33px 6px !important
    }
}

@media (max-width: 999px) {
    .column_odd[data-v-79446689] {
        margin-right: 0;
        margin-top: 43px !important
    }

    .game[data-v-79446689] {
        margin-top: 19px !important
    }

    .hexagon[data-v-79446689] {
        margin: 0 -9px 7px !important
    }
}

@media (max-width: 580px) {
    .column_odd[data-v-79446689] {
        margin-right: 0 !important;
        margin-top: 38px !important
    }

    .game[data-v-79446689] {
        margin-top: 19px
    }

    .hexagon[data-v-79446689] {
        margin: 0 -7.6px 7px !important
    }
}

@media (max-width: 480px) {
    .column[data-v-79446689], .column_odd[data-v-79446689] {
        margin-right: 0 !important
    }

    .column_odd[data-v-79446689] {
        margin-top: 6.8vw !important
    }

    .hexagon[data-v-79446689] {
        margin: 0 -6.5px 6px !important
    }

    .game[data-v-79446689] {
        left: 53%
    }

    .footer__coef[data-v-79446689] {
        max-height: 66px
    }

    .coefs[data-v-79446689] {
        bottom: 10px
    }
}

@media (max-width: 420px) {
    .hexagon[data-v-79446689] {
        margin: 0 -6px 6px !important
    }

    .column_odd[data-v-79446689] {
        margin-right: 0 !important;
        margin-top: 7.5vw !important
    }
}

@media (max-width: 320px) {
    .game[data-v-79446689] {
        margin-top: 10px !important
    }

    .hexagon[data-v-79446689] {
        margin: 0 -4.5px 3px !important
    }

    .column_odd[data-v-79446689] {
        margin-right: 0 !important;
        margin-top: 7vw !important
    }
}
.dot[data-v-af4d1414] {
                          background: #f0f2f5;
                          height: 18px;
                          left: 56.51%;
                          pointer-events: none;
                          position: absolute;
                          top: 50%;
                          transform: translateY(-50%);
                          transition: none .25s;
                          width: 18px
                      }

.dot[data-v-af4d1414], .dot_inner[data-v-af4d1414] {
    border-radius: 50%
}

.dot_inner[data-v-af4d1414] {
    background-color: #00c7ac;
    bottom: 0;
    height: 8px;
    left: 0;
    margin: auto;
    position: relative;
    right: 0;
    top: 27%;
    transition: .1s;
    width: 8px
}

.bounder[data-v-af4d1414] {
    align-items: stretch;
    display: flex;
    line-height: 1
}

.bounder[data-v-af4d1414], .underlayer[data-v-af4d1414] {
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center
}

.underlayer[data-v-af4d1414] {
    align-items: center;
    display: inline-flex;
    height: calc(var(--track-height) * var(--underlayer-multiplier));
    position: relative;
    width: 100%
}

.underlayer .track[data-v-af4d1414] {
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.underlayer .track[data-v-af4d1414], .underlayer .track .interval-selection[data-v-af4d1414] {
    background: var(--track-primary-color);
    border-radius: 100000px;
    height: var(--track-height)
}

.underlayer .track .interval-selection[data-v-af4d1414] {
    left: calc(var(--current-position-0));
    position: absolute;
    right: 0;
    transition: var(--transition);
    width: auto
}

.underlayer .track .frames[data-v-af4d1414] {
    height: var(--track-height);
    position: absolute;
    width: 100%
}

.underlayer .track .frames .frame[data-v-af4d1414] {
    background: var(--track-sector-edge-color);
    border-radius: 50%;
    height: var(--track-height);
    left: calc(var(--raw-indent) - var(--track-height) / 2);
    position: absolute;
    width: var(--track-height)
}

.underlayer .track .frames .frame .frame-label[data-v-af4d1414] {
    cursor: default;
    font-size: 14px;
    left: 50%;
    margin-top: 4px;
    position: absolute;
    top: calc(var(--track-height) + var(--sector-label-top-offset));
    transform: translateX(-50%)
}

.underlayer .bubble-holder[data-v-af4d1414] {
    cursor: grab;
    height: var(--track-height);
    position: absolute;
    top: 0;
    transition: var(--transition);
    width: var(--bubble-width)
}

.underlayer .bubble-holder.first[data-v-af4d1414] {
    left: calc(var(--current-position-0) - var(--bubble-width) / 2)
}

.underlayer .bubble-holder.second[data-v-af4d1414] {
    left: calc(var(--current-position-1) - var(--bubble-width) / 2)
}

.underlayer .bubble-holder[data-v-af4d1414] > :first-child {
    box-sizing: content-box
}

.underlayer .bubble-holder .bubble[data-v-af4d1414] {
    display: inline-block;
    height: calc(var(--bubble-height));
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(var(--bubble-width))
}

.underlayer .bubble-holder .bubble .bubble-standard[data-v-af4d1414] {
    background: var(--bubble-fill-color);
    border: var(--bubble-border-color) solid var(--bubble-border-width);
    border-radius: 100000px;
    height: 100%;
    width: 100%
}

.underlayer .bubble-holder .bubble-label[data-v-af4d1414] {
    background: #283c4f;
    border-radius: 5px;
    color: #fff;
    left: 50%;
    padding: 2px 4px 1px;
    position: absolute;
    top: -.25rem;
    transform: translate(-50%, -100%)
}

.bounder.enabled-selection-fill .track[data-v-af4d1414] {
    background: var(--track-secondary-color)
}

.bounder.enabled-selection-fill .track .interval-selection[data-v-af4d1414] {
    border-radius: 0 100000px 100000px 0;
    width: calc(var(--current-position-1) - var(--current-position-0) + .5px)
}

.bounder.enabled-bubble-contain .underlayer .interval-selection[data-v-af4d1414] {
    border-radius: 100000px;
    left: calc(var(--current-position-0) - var(--fixer-0));
    min-width: var(--bubble-width);
    right: 0;
    width: auto
}

.bounder.enabled-bubble-contain .underlayer .bubbles[data-v-af4d1414] {
    height: 100%;
    left: calc(var(--bubble-width) / 2);
    position: absolute;
    right: calc(var(--bubble-width) / 2)
}

.bounder.enabled-interval-selection.enabled-bubble-contain .underlayer .interval-selection[data-v-af4d1414] {
    border-radius: 100000px;
    width: calc(var(--current-position-1) - var(--current-position-0) + var(--fixer-0) - var(--fixer-1) + var(--bubble-width))
}

.bounder.enabled-interval-selection .underlayer .interval-selection[data-v-af4d1414] {
    border-radius: 0
}

.bounder.enabled-clickable-labels .frame-label[data-v-af4d1414] {
    cursor: pointer
}
.inactive[data-v-7553e068] {
                          pointer-events: none
                      }

.dice-wrapper[data-v-7553e068] {
    display: flex;
    justify-content: center;
    margin-bottom: 79px;
    margin-top: 85px;
    position: relative
}

.slider[data-v-7553e068] {
    background: var(--button-background-color-alt);
    border-radius: 10000px;
    margin: 0 auto;
    padding: 11px;
    width: calc(100% - 60px)
}

.tooltip[data-v-7553e068] {
    background: #fff;
    border-radius: 2323px;
    color: #ff3955;
    font-size: 13px;
    font-weight: 700;
    height: 24px;
    left: -19px;
    letter-spacing: .015em;
    line-height: 20px;
    padding: 2px 6px 3px;
    text-align: center;
    top: -34px;
    transition: none;
    white-space: nowrap;
    width: 54px
}

.tooltip[data-v-7553e068], .tooltip[data-v-7553e068]:after {
    display: inline-block;
    position: absolute
}

.tooltip[data-v-7553e068]:after {
    border: 6px solid transparent;
    border-bottom: 9px solid #fff;
    bottom: -14px;
    color: gray;
    content: "";
    left: 40%;
    transform: rotate(180deg)
}

[data-title][data-v-7553e068] {
    cursor: help;
    font-size: 30px;
    outline: 1px dotted red;
    position: relative
}

[data-title][data-v-7553e068]:hover:before {
    background: red;
    border-radius: 2px;
    bottom: -26px;
    color: #fff;
    content: attr(data-title);
    display: inline-block;
    font-family: sans-serif;
    font-size: 12px;
    padding: 3px 6px;
    position: absolute;
    white-space: nowrap
}

.hidden[data-v-7553e068] {
    opacity: 0
}

.current_num[data-v-7553e068] {
    align-items: center;
    color: #ff3955;
    display: flex;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 45px;
    position: absolute;
    top: 20.7%;
    transition: .1s
}

.wrapper[data-v-7553e068] {
    flex-direction: column;
    max-width: 100%
}

.dice-slider[data-v-7553e068], .wrapper[data-v-7553e068] {
    display: flex;
    height: 100%
}

.dice-slider[data-v-7553e068] {
    --svg-color: var(--common-text-color-bright);
    --local-gap: 4px;
    align-items: center;
    background: var(--button-background-color-alt);
    border-radius: 16px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .251);
    justify-content: center
}

.dice-slider > *[data-v-7553e068] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.dice-slider[data-v-7553e068] > :first-child {
    margin-left: 0
}

.dice-slider[data-v-7553e068] > :last-child {
    margin-right: 0
}

.dice-slider svg[data-v-7553e068]:first-child {
    transform: rotate(180deg)
}

.dot-wrapper[data-v-7553e068] {
    margin: 0 auto;
    max-width: 100%
}

.dot-holder[data-v-7553e068] {
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 100%
}

.dot[data-v-7553e068], .dot-holder[data-v-7553e068] {
    pointer-events: none;
    position: absolute
}

.dot[data-v-7553e068] {
    align-items: center;
    display: flex;
    height: 18px;
    justify-content: center;
    left: 4%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: .5s;
    width: 18px
}

.dot[data-v-7553e068], .dot_inner[data-v-7553e068] {
    border-radius: 50%
}

.dot_inner[data-v-7553e068] {
    height: 8px;
    margin: auto;
    top: 0;
    transition: .1s;
    width: 8px
}

@media (max-width: 1280px) {
    .slider[data-v-7553e068] {
        padding: 11px 13px 11px 11px;
        width: calc(100% - 40px)
    }

    .dot-wrapper[data-v-7553e068] {
        max-width: 100%
    }
}

@media (max-width: 1279px) {
    .dice-wrapper[data-v-7553e068] {
        margin-top: 40px
    }
}

@media (max-width: 480px) {
    .slider[data-v-7553e068] {
        padding: 11px 12px 11px 11px;
        width: calc(100% - 20px)
    }

    .dot-wrapper[data-v-7553e068] {
        max-width: 100%
    }

    .dice-wrapper[data-v-7553e068] {
        margin-bottom: 43px;
        margin-top: 20px
    }
}
.yellow[data-v-5132c8a8], [color=yellow][data-v-5132c8a8] {
                          --background: var(--catcher-common-yellow)
                      }

.blue[data-v-5132c8a8], [color=blue][data-v-5132c8a8] {
    --background: var(--catcher-common-blue)
}

.purple[data-v-5132c8a8], [color=purple][data-v-5132c8a8] {
    --background: var(--catcher-common-purple)
}

.green[data-v-5132c8a8], [color=green][data-v-5132c8a8] {
    --background: var(--catcher-common-green)
}

.limiter[data-v-5132c8a8] {
    --catcher-color: #fdc731
}

.canvas-holder[data-v-5132c8a8] {
    --size: var(--element-size);
    position: relative
}

.canvas-holder svg[data-v-5132c8a8] {
    max-height: var(--arrow-height);
    top: calc(var(--element-size) / 8.51);
    transform: translate(-50%);
    width: auto
}

.canvas-holder svg[data-v-5132c8a8], .timer[data-v-5132c8a8] {
    left: 50%;
    position: absolute
}

.timer[data-v-5132c8a8] {
    font-feature-settings: "liga", "clig", "tnum";
    background: var(--body-background-color);
    border-radius: 16px;
    color: var(--common-text-color-bright);
    font-size: 32px;
    font-variant: common-ligatures tabular-nums;
    font-weight: 600;
    letter-spacing: .015em;
    max-width: 136px;
    padding: 7px 22px 9px;
    pointer-events: none;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .25s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

canvas[data-v-5132c8a8] {
    border-radius: 50%;
    display: block;
    height: var(--size);
    margin: 11px auto 0;
    outline-offset: 0;
    width: var(--size)
}

.left-controls[data-v-5132c8a8] {
    display: flex
}

.input-panel[data-v-5132c8a8] {
    display: flex;
    flex-direction: column;
    gap: 1em;
    left: 10%;
    max-width: 140px;
    top: 20%;
    z-index: 10000
}

.input-panel.second[data-v-5132c8a8] {
    left: auto;
    max-width: 160px;
    right: 10%
}

.input-panel button[data-v-5132c8a8], .input-panel input[data-v-5132c8a8], .input-panel label[data-v-5132c8a8] {
    color: var(--catcher-color);
    max-width: inherit;
    text-shadow: 0 0 3px var(--catcher-color)
}

.input-panel button[data-v-5132c8a8], .input-panel input[data-v-5132c8a8] {
    -moz-appearance: textfield;
    background: rgba(148, 222, 245, .067);
    border: 1px solid var(--catcher-color);
    border-radius: 5px;
    box-shadow: 0 0 3px var(--catcher-color) inset, 0 0 3px var(--catcher-color);
    padding: 3px;
    transition: all .25s ease-in-out;
    width: -moz-max-content;
    width: max-content
}

.input-panel button[data-v-5132c8a8]:focus, .input-panel input[data-v-5132c8a8]:focus {
    box-shadow: 0 0 3px var(--catcher-color) inset, 0 0 8px var(--catcher-color);
    outline: none
}

.input-panel button[disabled][data-v-5132c8a8], .input-panel input[disabled][data-v-5132c8a8] {
    --catcher-color: #fd2c31
}

.input-panel input[type=number][data-v-5132c8a8], .input-panel input[type=text][data-v-5132c8a8] {
    width: 100%
}
.canvas-holder svg, .canvas-holder svg path {
                          transition: all .25s ease-in-out
                      }
.crash-field[data-v-493bd942] {
                          align-items: center;
                          display: flex;
                          flex-direction: column;
                          font-family: "SF UI Display", sans-serif;
                          font-size: 24px;
                          font-style: normal;
                          font-weight: 600;
                          justify-content: center;
                          letter-spacing: .015em;
                          margin-top: -16px
                      }

.crash-field span[data-v-493bd942]:first-child {
    color: var(--common-foreground-color);
    font-size: 72px
}

.crash-field span[data-v-493bd942]:nth-child(2) {
    color: var(--accent-negative-color)
}

.catcher-coef[data-v-493bd942] {
    align-items: center;
    background: var(--crash-color-1);
    border-radius: 16px;
    color: rgba(0, 0, 0, .5);
    display: flex;
    font-family: "SF UI Display", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    width: 33%
}

.game-wrapper[data-v-493bd942] {
    --crash-color-1: #25e287;
    --crash-color-2: #fff277;
    --crash-color-3: #2571e2;
    --crash-color-4: #c825e2;
    background: var(--body-background-color);
    padding: 20px
}

.game-wrapper.wheel[data-v-493bd942] {
    height: 412px
}

.game-header-info[data-v-493bd942] {
    --local-gap: 8px;
    display: flex;
    flex-direction: column
}

.game-header-info > *[data-v-493bd942] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.game-header-info[data-v-493bd942] > :first-child {
    margin-top: 0
}

.game-header-info[data-v-493bd942] > :last-child {
    margin-bottom: 0
}

.game-header-info span[data-v-493bd942] {
    --local-gap: 5px;
    align-items: center;
    display: flex;
    justify-content: center
}

.game-header-info span > *[data-v-493bd942] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.game-header-info span[data-v-493bd942] > :first-child {
    margin-left: 0
}

.game-header-info span[data-v-493bd942] > :last-child {
    margin-right: 0
}

.game-header-info span[data-v-493bd942]:first-child {
    color: var(--common-foreground-color);
    font-family: "SF UI Display", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px
}

.game-header-info span[data-v-493bd942]:last-child {
    color: var(--brightest-foreground-color);
    font-size: 13px;
    line-height: 24px
}

.long-text[data-v-493bd942] {
    background-color: transparent;
    border: none;
    color: var(--bright-foreground-color);
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 72%
}

.close[data-v-493bd942] {
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 20px;
    top: 25px;
    width: 14px
}

.header-title[data-v-493bd942] {
    align-items: flex-end;
    color: #424a57;
    display: flex;
    font-family: "SF UI Display", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    max-height: 24px;
    position: relative
}

.header-game-title[data-v-493bd942] {
    color: var(--bright-foreground-color);
    display: inline-block;
    font-size: 18px;
    max-height: inherit;
    max-width: 152px;
    overflow: hidden;
    padding-right: 4px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-game-time[data-v-493bd942] {
    color: #424a57;
    display: inline-block;
    padding-bottom: 1px
}

.game-check[data-v-493bd942] {
    align-self: center;
    cursor: pointer;
    font-family: "SF UI Display", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-top: -8px
}

.game-check span[data-v-493bd942] {
    font-size: 16px
}

.icon[data-v-493bd942] {
    --svg-color: var(--bright-foreground-color);
    align-items: center;
    align-self: center;
    display: flex;
    justify-content: center;
    margin-right: 10px;
    max-height: 30px;
    max-width: 30px;
    width: 100%
}

.modal[data-v-493bd942] {
    --game-info-height: 84px;
    --header-height: 64px;
    background: var(--button-background-color);
    border-radius: 16px;
    height: calc(var(--content-scroll-height) + 148px);
    height: calc(var(--content-scroll-height) + var(--game-info-height) + var(--header-height));
    max-height: 900px;
    max-width: 400px;
    overflow: hidden;
    transition: all .25s ease;
    transition-delay: 0ms;
    width: 400px
}

@media (max-width: 1000px) {
    .modal[data-v-493bd942] {
        --game-info-height: 70px
    }
}

@media (max-width: 420px) {
    .modal[data-v-493bd942] {
        --game-info-height: 78px;
        --header-height: 44px
    }
}

.modal.viewing-seeds[data-v-493bd942] {
    height: calc(var(--seeds-height) + var(--game-info-height) + var(--header-height));
    max-height: calc(var(--seeds-height) + var(--game-info-height) + var(--header-height))
}

.modal.external .fair-play-wrapper[data-v-493bd942], .modal.external .game-wrapper[data-v-493bd942] {
    display: none
}

.modal.external .main[data-v-493bd942] {
    min-height: -moz-max-content;
    min-height: max-content;
    padding-bottom: 0
}

.header[data-v-493bd942] {
    background-color: var(--common-background-color);
    display: flex;
    flex-direction: column
}

.game-title[data-v-493bd942] {
    align-items: center;
    display: flex;
    height: var(--header-height);
    padding: 20px
}

.game-info[data-v-493bd942] {
    background-color: var(--dark-background-color);
    color: var(--common-foreground-color);
    display: flex;
    flex-direction: column;
    font-family: "SF UI Display", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    height: var(--game-info-height);
    justify-content: space-between;
    line-height: 22px;
    padding: 15px 20px;
    width: 100%
}

.game-info div[data-v-493bd942] {
    align-items: center;
    display: flex
}

.game-info div span[data-v-493bd942]:nth-child(2) {
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 600
}

.game-info div input[data-v-493bd942] {
    font-weight: 600;
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mobile-view .fair-play-wrapper[data-v-493bd942] {
    height: 100%;
    max-height: calc(var(--true-screen-height) - 236px) !important
}

.modal:not(.loading) .fair-play-wrapper[data-v-493bd942] {
    transition-duration: var(--fp-transition-duration)
}

.main[data-v-493bd942] {
    min-height: 200px;
    padding-bottom: 48px;
    position: relative
}

.main .game-field[data-v-493bd942] {
    background-color: var(--common-background-color);
    width: 100%
}

.main .game-field .game-header[data-v-493bd942] {
    --local-gap: 10px;
    display: flex;
    max-height: 112px;
    padding: 20px
}

@media (min-width: 421px) {
    .main .game-field .game-header > *[data-v-493bd942] {
        margin-left: calc(var(--local-gap) / 2);
        margin-right: calc(var(--local-gap) / 2)
    }

    .main .game-field .game-header[data-v-493bd942] > :first-child {
        margin-left: 0
    }

    .main .game-field .game-header[data-v-493bd942] > :last-child {
        margin-right: 0
    }
}

.main .game-field .game-header-info[data-v-493bd942] {
    align-items: center;
    background: var(--body-background-color);
    border-radius: 16px;
    display: flex;
    justify-content: center;
    padding: 10px;
    width: 100%
}

.fair-play-wrapper[data-v-493bd942] {
    background: var(--common-background-color);
    position: absolute;
    top: calc(var(--content-scroll-height) - 48px + var(--game-info-height) + var(--header-height));
    width: 100%
}

.fair-play-wrapper.opened[data-v-493bd942] {
    top: calc(var(--game-info-height) + var(--header-height))
}

.fair-play-wrapper .check-game[data-v-493bd942] {
    align-items: center;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 48px;
    justify-content: space-between;
    padding: 12px 20px
}

.fair-play-wrapper .check-game-inner[data-v-493bd942] {
    --local-gap: 10px;
    align-items: center;
    display: flex
}

.fair-play-wrapper .check-game-inner > *[data-v-493bd942] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.fair-play-wrapper .check-game-inner[data-v-493bd942] > :first-child {
    margin-left: 0
}

.fair-play-wrapper .check-game-inner[data-v-493bd942] > :last-child {
    margin-right: 0
}

.fair-play-wrapper .check-game .chevron[data-v-493bd942] {
    transform: rotate(180deg);
    transition: all .4s ease-in-out
}

.fair-play-wrapper .fair-play[data-v-493bd942] {
    --local-gap: 20px;
    background-color: var(--common-background-color);
    border-top: 2px solid var(--dark-background-color);
    display: flex;
    flex-direction: column;
    height: 370px;
    max-height: calc(100% - 48px);
    padding: 10px 20px;
    width: 100%
}

.fair-play-wrapper .fair-play > *[data-v-493bd942] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.fair-play-wrapper .fair-play[data-v-493bd942] > :first-child {
    margin-top: 0
}

.fair-play-wrapper .fair-play[data-v-493bd942] > :last-child {
    margin-bottom: 0
}

.fair-play-wrapper .fair-play .input-wrapper[data-v-493bd942] {
    --local-gap: 5px;
    display: flex;
    flex-direction: column;
    position: relative
}

.fair-play-wrapper .fair-play .input-wrapper > *[data-v-493bd942] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.fair-play-wrapper .fair-play .input-wrapper[data-v-493bd942] > :first-child {
    margin-top: 0
}

.fair-play-wrapper .fair-play .input-wrapper[data-v-493bd942] > :last-child {
    margin-bottom: 0
}

.fair-play-wrapper .fair-play .input-wrapper .label[data-v-493bd942] {
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    margin-left: 5px
}

.fair-play-wrapper .fair-play .input-wrapper .input-icon[data-v-493bd942] {
    display: flex
}

.fair-play-wrapper .fair-play .input-wrapper .input-icon input[data-v-493bd942] {
    background: var(--body-background-color);
    border: none;
    border-radius: 16px;
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 500;
    height: 46px;
    line-height: 22px;
    outline: none;
    overflow: visible;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.fair-play-wrapper .fair-play .input-wrapper .input-icon div[data-v-493bd942] {
    align-items: center;
    background: var(--dark-background-color);
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    height: 46px;
    justify-content: center;
    position: absolute;
    right: 0;
    width: 46px
}

.fair-play-wrapper .fair-play .input-wrapper .input-icon .copy-icon[data-v-493bd942] {
    height: 18px;
    width: 16px
}

@media (max-width: 1000px) {
    .game-field[data-v-493bd942] {
        height: -moz-max-content;
        height: max-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
        overflow: auto;
        scrollbar-width: none
    }

    .game-field[data-v-493bd942]::-webkit-scrollbar {
        display: none
    }

    .main .game-field .game-header[data-v-493bd942] {
        max-height: none
    }

    .game-info[data-v-493bd942] {
        height: 70px;
        padding: 10px 20px
    }

    .game-field[data-v-493bd942] {
        height: -moz-fit-content;
        height: fit-content
    }

    .fair-play[data-v-493bd942] {
        --local-gap: 15px !important;
        height: auto;
        padding: 10px !important
    }

    .game-check[data-v-493bd942] {
        margin-top: -5px
    }
}

@media (max-width: 420px) {
    .icon[data-v-493bd942] {
        --svg-color: var(--bright-foreground-color);
        align-items: center;
        align-self: center;
        display: flex;
        justify-content: center;
        margin-right: 10px;
        width: 100%
    }

    .game-field[data-v-493bd942] {
        height: -moz-max-content;
        height: max-content;
        margin-bottom: 0;
        max-height: -moz-fit-content;
        max-height: fit-content;
        overflow: auto;
        scrollbar-width: none
    }

    .game-field[data-v-493bd942]::-webkit-scrollbar {
        display: none
    }

    .modal[data-v-493bd942] {
        border-radius: 0;
        max-width: 100%;
        padding-bottom: 48px;
        transition-delay: 0ms;
        transition-duration: var(--modal-transition-duration);
        width: 100%
    }

    .close[data-v-493bd942] {
        right: 10px;
        top: 15px
    }

    .game-header[data-v-493bd942] {
        --local-gap: 10px;
        display: flex;
        flex-direction: column;
        padding: 10px !important
    }

    .game-header > *[data-v-493bd942] {
        margin-bottom: calc(var(--local-gap) / 2) !important;
        margin-top: calc(var(--local-gap) / 2) !important
    }

    .game-header[data-v-493bd942] > :first-child {
        margin-top: 0 !important
    }

    .game-header[data-v-493bd942] > :last-child {
        margin-bottom: 0 !important
    }

    .game-header-info[data-v-493bd942] {
        align-items: center;
        background: var(--body-background-color);
        border-radius: 16px;
        display: flex;
        justify-content: center;
        padding: 0;
        width: 100%
    }

    .game-wrapper[data-v-493bd942] {
        padding: 10px
    }

    .game-field[data-v-493bd942] {
        max-height: calc(var(--true-screen-height) - 283px)
    }

    .game-title[data-v-493bd942] {
        height: 44px;
        padding: 10px
    }

    .game-info[data-v-493bd942] {
        background-color: var(--dark-background-color);
        color: var(--common-foreground-color);
        display: flex;
        flex-direction: column;
        height: var(--game-info-height);
        justify-content: space-between;
        padding: 10px;
        width: 100%
    }

    .fair-play[data-v-493bd942] {
        --local-gap: 20px !important;
        height: auto;
        overflow: auto;
        padding: 10px !important;
        scrollbar-width: none
    }

    .fair-play[data-v-493bd942]::-webkit-scrollbar {
        display: none
    }

    .game-check[data-v-493bd942] {
        margin-top: 0
    }
}

.icon-wrapper[data-v-493bd942] {
    cursor: pointer
}

.check-game-modal.loading[data-v-493bd942] {
    filter: blur(2px)
}

.loading-overlay[data-v-493bd942] {
    align-items: center;
    animation: fading-out-493bd942 .35s ease-in-out 0s 1 normal forwards;
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.loading-overlay.loading[data-v-493bd942] {
    animation: none;
    display: flex
}

@keyframes fading-out-493bd942 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
.check-game-modal .icon-wrapper path, .check-game-modal .icon-wrapper svg {
                          transition: all .35s ease-in-out
                      }

.check-game-modal .icon-wrapper:hover path, .check-game-modal .icon-wrapper:hover svg {
    --svg-color: var(--common-text-color-bright);
    transition: all .1s ease-in-out
}
.activator-root[data-v-46c06cf0] {
                          --background: var(--button-background-color-alt);
                          --foreground: var(--common-foreground-color);
                          position: relative
                      }

.activator-root .activator[data-v-46c06cf0] {
    --svg-color: var(--foreground);
    background: var(--background);
    border-radius: 15px;
    cursor: pointer;
    height: 28px;
    transition-duration: .45s;
    transition-property: background-color;
    transition-timing-function: ease
}

.activator-root .activator[data-v-46c06cf0]:hover {
    transition-duration: .15s
}

.activator-root .activator .chevron[data-v-46c06cf0] {
    margin: auto 4px
}

.activator-root .activator .icon[data-v-46c06cf0] {
    border-radius: inherit;
    height: 100%;
    width: auto
}

.activator-root .locale-selector[data-v-46c06cf0] {
    bottom: 0;
    position: absolute;
    right: 0;
    z-index: 1
}
.wrapper[data-v-47da6e14] {
                          max-width: 375px;
                          width: 100vw
                      }

.mobile-view .wrapper[data-v-47da6e14] {
    max-width: 100vw
}

.secondary-menu .bottom-line hr[data-v-47da6e14] {
    background-color: var(--bright-background-color);
    border: none;
    height: 1px;
    margin: 7.5px 20px
}

.secondary-menu .bottom-line .link-row[data-v-47da6e14] {
    cursor: pointer
}

.bottom-links[data-v-47da6e14] {
    padding: 12.5px 25px 20px
}

.rounded-icon[data-v-47da6e14] {
    align-items: center;
    background: var(--bright-background-color);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 28px;
    justify-content: center;
    transition: all .45s ease-in-out;
    width: 28px
}

.rounded-icon path[data-v-47da6e14], .rounded-icon svg[data-v-47da6e14] {
    height: 18px;
    transition: all .45s ease-in-out;
    width: 18px
}
.mobile-menu .rounded-icon:hover {
                          background: var(--accent-brand-color);
                          transition: all .15s ease-in-out
                      }

.mobile-menu .rounded-icon:hover path, .mobile-menu .rounded-icon:hover svg {
    --svg-color: var(--button-background-color);
    height: 18px;
    transition: all .15s ease-in-out;
    width: 18px
}

.mobile-menu .bottom-links .dropdown-block .chevron {
    max-height: 10px;
    max-width: 10px
}
svg[data-v-7b3a7dd3] {
                          overflow: visible
                      }

.modal[data-v-7b3a7dd3] {
    background: var(--common-background-color);
    border-radius: 16px;
    max-width: 340px;
    padding: 20px;
    width: 100vw
}

.modal.wrapper.loading[data-v-7b3a7dd3] {
    filter: blur(3px) brightness(.9);
    pointer-events: none
}

.modal .header-line[data-v-7b3a7dd3] {
    margin-bottom: 10px;
    position: relative
}

.modal .header-line h3[data-v-7b3a7dd3] {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 14px;
    text-align: center
}

.modal .line[data-v-7b3a7dd3] {
    align-items: center;
    display: grid;
    grid-template-columns:auto 44px;
    justify-items: flex-start
}

.modal .line span[data-v-7b3a7dd3] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em
}

.modal .line.disabled span[data-v-7b3a7dd3] {
    color: var(--common-background-color-disabled)
}

.mobile-view > .modal[data-v-7b3a7dd3] {
    border-radius: 0;
    max-width: 100vw
}
svg[data-v-a640eb52] {
                          overflow: visible
                      }

.modal[data-v-a640eb52] {
    background: var(--common-background-color);
    border-radius: 16px;
    height: 100%;
    max-height: 800px;
    max-width: 1000px;
    padding: 20px;
    width: 100vw
}

.modal .header-line[data-v-a640eb52] {
    margin-bottom: 20px;
    position: relative
}

.modal .header-line h3[data-v-a640eb52] {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 14px;
    text-align: center
}

.modal .frame[data-v-a640eb52] {
    height: calc(100% - 34px);
    position: relative;
    width: 100%
}

.modal .frame iframe[data-v-a640eb52] {
    border: none;
    border-radius: 8px;
    height: 100%;
    width: 100%
}

.mobile-view > .modal[data-v-a640eb52] {
    border-radius: 0;
    max-width: 100vw;
    padding: 20px 0 0
}
a[data-v-5c906691] {
                          color: var(--selection-color);
                          cursor: pointer
                      }

.mobile-view .modal[data-v-5c906691] {
    border-radius: 0;
    overflow: auto
}

.modal[data-v-5c906691] {
    --min-height: 306px;
    --max-height: 455px;
    --gap: 20px;
    background: var(--common-background-color);
    border: 2px dashed transparent;
    border-radius: 16px;
    color: var(--common-text-color);
    max-width: 340px;
    overflow: auto;
    transition: all .35s ease-in-out;
    width: 100vw
}

.modal .common-input.email[data-v-5c906691] {
    overflow: hidden;
    padding-right: 0;
    text-overflow: ellipsis
}

.modal .header-block[data-v-5c906691] {
    margin: 0 auto calc(var(--gap) / 2);
    position: relative;
    width: -moz-max-content;
    width: max-content
}

.modal .header-block img[data-v-5c906691] {
    border-radius: 150px;
    height: 100px;
    transition: all .45s ease-in-out;
    width: 100px
}

.modal .header-block img path[data-v-5c906691], .modal .header-block img + svg[data-v-5c906691] {
    --svg-color: transparent;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: inherit
}

.modal .header-block .hoverable-icon[data-v-5c906691] {
    border-radius: 500px;
    cursor: pointer
}

.modal .header-block .hoverable-icon:hover img[data-v-5c906691] {
    filter: brightness(.8);
    transition-duration: .15s
}

.modal .header-block .hoverable-icon:hover img path[data-v-5c906691], .modal .header-block .hoverable-icon:hover img + svg[data-v-5c906691] {
    transition-duration: .15s
}

.modal label[data-v-5c906691], .modal p[data-v-5c906691] {
    color: var(--common-text-color);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em
}

.modal label[data-v-5c906691] {
    padding-left: 5px
}

.modal button[data-v-5c906691] {
    align-items: center;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .015em;
    outline: none;
    text-align: center
}

.modal button.change-password[data-v-5c906691] {
    margin: var(--gap) 0 0
}

.modal button.save-password[data-v-5c906691] {
    margin: 0
}

.modal .field[data-v-5c906691] {
    background: var(--input-background-color);
    border-radius: 12px;
    display: flex;
    margin: calc(var(--gap) / 4) 0 calc(var(--gap) / 2) 0;
    position: relative
}

.modal .field button[data-v-5c906691] {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-width: 44px;
    padding: 0 10px;
    transition: all .45s ease-in-out
}

.modal .field button.overlayed[data-v-5c906691] {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0
}

.modal .field button svg[data-v-5c906691] {
    height: 18px;
    overflow: visible;
    width: auto
}

.modal .field button[data-v-5c906691]:hover {
    color: var(--bright-foreground-color);
    transition-duration: .15s
}

.modal .field input[data-v-5c906691] {
    padding-right: 44px
}

.modal .field.concurrent[data-v-5c906691] {
    display: grid;
    grid-template-columns:1fr auto;
    grid-template-rows:1fr
}

.modal .field.concurrent input[data-v-5c906691] {
    border-radius: 12px 0 0 12px
}

.modal .field.concurrent button[data-v-5c906691] {
    background: var(--input-background-color);
    border-radius: 0 12px 12px 0;
    height: 100%
}

.modal-wrapper[data-v-5c906691] {
    overflow: hidden;
    padding: 20px;
    position: relative;
    transition: all .25s ease-in-out
}

.sliding-up-block[data-v-5c906691] {
    background: var(--common-background-color);
    border-radius: 16px;
    bottom: 0;
    box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, .149);
    height: 100%;
    left: 0;
    max-height: 363px;
    padding: 20px;
    position: absolute;
    right: 0;
    transform: translateY(100%);
    transition: all .35s ease-in-out
}

.sliding-up-block .bottom-line[data-v-5c906691] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 1;
    margin-top: 10px;
    text-align: center
}

.sliding-up-block .bottom-line a[data-v-5c906691] {
    color: var(--common-foreground-color);
    padding: 5px 10px;
    transition: all .45s ease-in-out
}

.sliding-up-block .bottom-line a[data-v-5c906691]:hover {
    color: var(--bright-foreground-color);
    transition-duration: .15s
}

.sliding-up-block input[data-v-5c906691] {
    margin: calc(var(--gap) / 4) 0 calc(var(--gap) / 2) 0
}

.sliding-up-block input[data-v-5c906691]:last-of-type {
    margin-bottom: var(--gap)
}

.sliding-up-block .top-line[data-v-5c906691] {
    cursor: pointer;
    height: 20px
}

.drag-n-drop-overlay[data-v-5c906691], .sliding-up-block .top-line[data-v-5c906691] {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.drag-n-drop-overlay[data-v-5c906691] {
    bottom: 0;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    transition: all .25s ease-in-out
}

.drag-n-drop-overlay-hidden[data-v-5c906691] {
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000000
}

.modal.changing-password[data-v-5c906691] {
    --min-height: 363px
}

.modal.changing-password .sliding-up-block[data-v-5c906691] {
    transform: translateY(0)
}

.modal.drag-n-drop[data-v-5c906691] {
    border: 2px dashed var(--common-foreground-color)
}

.modal.drag-n-drop .modal-wrapper[data-v-5c906691] {
    filter: blur(3px) brightness(.8)
}

.modal.drag-n-drop .drag-n-drop-overlay[data-v-5c906691] {
    opacity: 1;
    pointer-events: inherit;
    z-index: 100000
}

.loadbar[data-v-5c906691] {
    border-radius: 10px;
    bottom: 0;
    height: 2px;
    left: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: all .1s ease
}

.loading[data-v-5c906691] {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}
svg[data-v-21ebcd82] {
                          overflow: visible
                      }

.modal[data-v-21ebcd82] {
    background: var(--common-background-color);
    border-radius: 16px;
    max-width: 340px;
    padding: 20px;
    width: 100vw
}

.modal .header-line[data-v-21ebcd82] {
    margin-bottom: 10px;
    position: relative
}

.modal .header-line h3[data-v-21ebcd82] {
    font-size: 16px;
    font-weight: 600;
    line-height: 14px;
    text-align: center
}

.modal .header-line h3[data-v-21ebcd82], .modal .links-row[data-v-21ebcd82] {
    color: var(--bright-foreground-color);
    letter-spacing: .015em
}

.modal .links-row[data-v-21ebcd82] {
    grid-gap: 10px;
    display: grid;
    font-size: 13px;
    font-weight: 500;
    gap: 10px;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    margin: 10px 0
}

.modal .links-row > *[data-v-21ebcd82] {
    align-items: center;
    border-radius: 16px;
    color: inherit;
    display: flex;
    height: 44px;
    justify-content: center
}

.modal .links-row .telegram[data-v-21ebcd82] {
    background: #08c
}

.modal .links-row .telegram[data-v-21ebcd82]:hover {
    filter: brightness(.9)
}

.modal .links-row .telegram[data-v-21ebcd82]:active {
    filter: brightness(.8)
}

.modal input[type=email][data-v-21ebcd82], .modal input[type=password][data-v-21ebcd82], .modal input[type=text][data-v-21ebcd82] {
    background: var(--input-background-color);
    border: 2px solid transparent;
    border-radius: 16px;
    color: var(--common-text-color-bright);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .015em;
    margin: 10px 0;
    outline: none;
    padding: 14px 8px;
    transition: all .45s ease-in-out;
    width: 100%
}

.modal input[type=email][data-v-21ebcd82]::-moz-placeholder, .modal input[type=password][data-v-21ebcd82]::-moz-placeholder, .modal input[type=text][data-v-21ebcd82]::-moz-placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.modal input[type=email][data-v-21ebcd82]::placeholder, .modal input[type=password][data-v-21ebcd82]::placeholder, .modal input[type=text][data-v-21ebcd82]::placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.modal input[type=email][data-v-21ebcd82]:focus, .modal input[type=password][data-v-21ebcd82]:focus, .modal input[type=text][data-v-21ebcd82]:focus {
    border-color: var(--button-background-color-alt);
    transition-duration: .1s
}

.modal input[type=email].invalid[data-v-21ebcd82], .modal input[type=password].invalid[data-v-21ebcd82], .modal input[type=text].invalid[data-v-21ebcd82] {
    border: 2px solid var(--accent-negative-color)
}

button[data-v-21ebcd82] {
    background: var(--accent-brand-color);
    border: none;
    border-radius: 16px;
    color: var(--bright-foreground-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 46px;
    letter-spacing: .015em;
    margin-top: 10px;
    text-align: center;
    transition: border .25s ease-in-out;
    width: 100%
}

button[data-v-21ebcd82]:focus {
    outline: none
}

button[data-v-21ebcd82]:focus, button[data-v-21ebcd82]:hover {
    filter: brightness(.9)
}

button[data-v-21ebcd82]:active {
    filter: brightness(.7)
}

.mobile-view > .modal[data-v-21ebcd82] {
    border-radius: 0;
    max-width: 100vw
}
.wrapper[data-v-159043f2] {
                          cursor: pointer;
                          display: inline-block
                      }

.wrapper[disabled][data-v-159043f2] {
    cursor: not-allowed;
    filter: brightness(.7) grayscale(1)
}

.underlayer[data-v-159043f2] {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    height: calc(var(--bubble-size) * 2);
    justify-content: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.underlayer *[data-v-159043f2] {
    box-sizing: border-box
}

.underlayer .statelabel[data-v-159043f2] {
    padding: 0 .25em
}

.underlayer .statelabel.left[data-v-159043f2] {
    margin: 0 calc(var(--bubble-size) / 2) 0 0
}

.underlayer .statelabel.right[data-v-159043f2] {
    margin: 0 0 0 calc(var(--bubble-size) / 2)
}

.underlayer .block[data-v-159043f2] {
    background: var(--primary-color);
    border-radius: 100000px;
    position: relative;
    width: var(--track-length)
}

.underlayer .block[data-v-159043f2], .underlayer .block .circle[data-v-159043f2] {
    height: calc(var(--bubble-size) + var(--border-width) * 2)
}

.underlayer .block .circle[data-v-159043f2] {
    background: var(--secondary-color);
    border: var(--primary-color) solid var(--border-width);
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    transition: all .15s ease-in-out;
    width: calc(var(--bubble-size) + var(--border-width) * 2)
}
svg[data-v-8804ffea] {
                          overflow: visible
                      }

.modal[data-v-8804ffea] {
    background: var(--common-background-color);
    border-radius: 16px;
    max-width: 340px;
    padding: 20px;
    width: 100vw
}

.modal.wrapper.loading[data-v-8804ffea] {
    filter: blur(3px) brightness(.9);
    pointer-events: none
}

.modal .header-line[data-v-8804ffea] {
    margin-bottom: 10px;
    position: relative
}

.modal .header-line h3[data-v-8804ffea] {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 14px;
    text-align: center
}

.modal .line[data-v-8804ffea] {
    align-items: center;
    display: grid;
    grid-template-columns:auto 44px;
    justify-items: flex-start
}

.modal .line span[data-v-8804ffea] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em
}

.modal .line.disabled span[data-v-8804ffea] {
    color: var(--common-background-color-disabled)
}

.mobile-view > .modal[data-v-8804ffea] {
    border-radius: 0;
    max-width: 100vw
}
.tabs-header[data-v-af384792] {
                          --local-gap: 2px;
                          background: none;
                          overflow: scroll;
                          position: relative;
                          scrollbar-width: none;
                          width: 100%
                      }

.tabs-header[data-v-af384792]::-webkit-scrollbar {
    display: none
}

.tabs-header.start .items[data-v-af384792] {
    justify-content: flex-start
}

.tabs-header.end .items[data-v-af384792] {
    justify-content: flex-end
}

.tabs-header.center .items[data-v-af384792] {
    justify-content: center
}

.tabs-header.stretch .items[data-v-af384792] {
    justify-content: stretch
}

.tabs-header.stretch .item[data-v-af384792] {
    flex-grow: 1
}

.tabs-header .items[data-v-af384792] {
    align-items: stretch;
    display: flex;
    height: 100%;
    min-width: 100%;
    padding-left: var(--items-horizontal-paddings);
    padding-right: var(--items-horizontal-paddings);
    position: relative;
    width: -moz-max-content;
    width: max-content;
    z-index: 1
}

.tabs-header.equal .item[data-v-af384792] {
    flex-basis: calc(100% / var(--items-count));
    max-width: calc(100% / var(--items-count))
}

.tabs-header .item[data-v-af384792] {
    background: transparent;
    border: none;
    color: inherit;
    color: var(--common-foreground-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px;
    outline: 1px solid transparent;
    outline-offset: 10px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.tabs-header .item[disabled][data-v-af384792] {
    color: var(--light-gray);
    cursor: not-allowed
}

.tabs-header .item .std-item[data-v-af384792] {
    background: var(--common-background-color);
    overflow: hidden;
    padding: 11px 20px;
    position: relative;
    text-overflow: ellipsis;
    transition: all .45s ease;
    white-space: nowrap;
    width: 100%
}

.tabs-header .item .std-item.last[data-v-af384792] {
    border-radius: 0 16px 16px 0
}

.tabs-header .item .std-item.first[data-v-af384792] {
    border-radius: 16px 0 0 16px
}

.tabs-header .item .std-item.active[data-v-af384792] {
    background: var(--bright-background-color)
}

.tabs-header .item.active .std-item[data-v-af384792], .tabs-header .item:focus .std-item[data-v-af384792], .tabs-header .item:hover .std-item[data-v-af384792] {
    color: var(--bright-foreground-color);
    transition-duration: .15s
}

.tabs-header .calc-overlay[data-v-af384792] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden
}

.tabs-header.loaded.animated .item[data-v-af384792] {
    transition: all var(--transition-time) ease
}
.__tabs-body[data-v-db33b214] {
                          height: -moz-max-content;
                          height: max-content;
                          position: relative;
                          width: 300px
                      }

.__tabs-body .__tab.max-heighted[data-v-db33b214] {
    max-height: var(--tab-max-height)
}

.__tabs-body:not(.auto-resize).loaded .__tab[data-v-db33b214] {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    max-width: var(--tabs-body-width);
    min-width: var(--tabs-body-width);
    width: var(--tabs-body-width)
}

.__tabs-body.auto-resize.appearing .track .__tab[data-v-db33b214] {
    display: inline-block
}

.__tabs-body.appearing[data-v-db33b214] {
    overflow: hidden
}

.__tabs-body.appearing .track[data-v-db33b214] {
    display: flex;
    height: 100%;
    position: relative
}

.__tabs-body.appearing .__tab[data-v-db33b214] {
    opacity: 0;
    pointer-events: none;
    position: absolute
}

.__tabs-body.appearing .__tab.active[data-v-db33b214] {
    opacity: 1;
    order: -1;
    pointer-events: inherit;
    position: relative
}

.__tabs-body.appearing .__tab.hidden[data-v-db33b214] {
    display: none
}

.__tabs-body.appearing.loaded.animated[data-v-db33b214] {
    transition: all var(--transition-time) ease
}

.__tabs-body.appearing:not(.loaded) .__tab[data-v-db33b214] {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center
}

.__tabs-body.floating[data-v-db33b214] {
    overflow: hidden
}

.__tabs-body.floating .track[data-v-db33b214] {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 150px;
    height: 100%;
    justify-content: flex-start;
    transform: translateX(calc(0px - var(--current-tab-offset)))
}

.__tabs-body.floating.loaded.animated .track[data-v-db33b214] {
    transition: all var(--transition-time) ease
}

.__tabs-body.floating .__tab[data-v-db33b214] {
    visibility: hidden
}

.__tabs-body.floating .__tab.active[data-v-db33b214] {
    visibility: visible
}

.__tabs-body.floating:not(.loaded) .__tab[data-v-db33b214]:not(.active) {
    display: none
}

.__tabs-body.floating:not(.loaded) .__tab.active[data-v-db33b214] {
    position: relative
}

.__tabs-body.loaded.auto-resize[data-v-db33b214] {
    height: var(--tabs-body-height);
    width: var(--tabs-body-width)
}

.__tabs-body.loaded.animated .__tab[data-v-db33b214] {
    transition: all var(--transition-time) ease
}
.__wallet-card[data-v-ff437dc4] {
                          align-items: flex-start;
                          background: var(--button-background-color-alt);
                          border-radius: 12px;
                          cursor: pointer;
                          display: flex;
                          flex-direction: column;
                          justify-content: space-between;
                          padding: 16px 16px 10px;
                          transition-duration: .45s;
                          transition-property: background-color;
                          transition-timing-function: ease;
                          -webkit-user-select: none;
                          -moz-user-select: none;
                          user-select: none
                      }

.__wallet-card[data-v-ff437dc4]:hover {
    background: var(--dark-background-color);
    transition-duration: .15s
}

.__wallet-card .img[data-v-ff437dc4] {
    margin-bottom: 9px
}

.__wallet-card .title[data-v-ff437dc4] {
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 17px
}

.__wallet-card .subtitle[data-v-ff437dc4] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px
}
.__cards-grid[data-v-ed88e570] {
                          grid-gap: 15px;
                          display: grid;
                          gap: 15px;
                          grid-auto-rows: 1fr;
                          grid-template-columns:1fr 1fr 1fr;
                          height: 100%;
                          overflow-y: scroll;
                          padding-bottom: 30px;
                          padding-right: 14px;
                          padding-top: 10px;
                          scrollbar-color: var(--button-background-color-alt) var(--background-color);
                          scrollbar-width: thin;
                          width: 100%
                      }

.__cards-grid[data-v-ed88e570]::-webkit-scrollbar {
    width: 2px
}

.__cards-grid[data-v-ed88e570]::-webkit-scrollbar-thumb {
    background: var(--button-background-color-alt);
    border-radius: 10px
}

.__cards-grid[data-v-ed88e570]::-webkit-scrollbar-track {
    background: var(--background-color);
    border-radius: 10px;
    margin-bottom: 30px
}

@media (max-width: 514px) {
    .__cards-grid[data-v-ed88e570] {
        gap: 10px;
        grid-template-columns:1fr 1fr
    }
}

.__grid-n-tabs[data-v-ed88e570] {
    display: grid;
    grid-template-rows:auto minmax(0, 1fr);
    max-height: inherit;
    position: relative
}

.__grid-n-tabs .menu[data-v-ed88e570] {
    justify-content: flex-start;
    margin-bottom: 5px
}

.__grid-n-tabs.mobile-view[data-v-ed88e570] {
    max-height: calc(var(--tab-max-height) - 10px)
}

.__grid-n-tabs.mobile-view > .__cards-grid[data-v-ed88e570] {
    padding-bottom: 10px;
    padding-right: 10px
}

.__grid-n-tabs.mobile-view > .__cards-grid[data-v-ed88e570]::-webkit-scrollbar-track {
    margin-bottom: 10px;
    margin-top: 10px
}
.inline-loader[data-v-98b989dc], .inline-loader span[data-v-98b989dc] {
                          color: inherit;
                          display: inline-block;
                          font: inherit;
                          letter-spacing: inherit;
                          line-height: inherit
                      }

.inline-loader span[data-v-98b989dc] {
    content: ".";
    font-weight: 900
}

.inline-loader .first[data-v-98b989dc] {
    animation: jump-98b989dc .5s ease 0s infinite normal forwards
}

.inline-loader .second[data-v-98b989dc] {
    animation: jump-98b989dc .5s ease .1s infinite normal forwards
}

.inline-loader .third[data-v-98b989dc] {
    animation: jump-98b989dc .5s ease .2s infinite normal forwards
}

@keyframes jump-98b989dc {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-7px)
    }
    to {
        transform: translateY(0)
    }
}
.crypto-info[data-v-597261ca] {
                          margin-top: 15px
                      }

.crypto-info .course-info[data-v-597261ca] {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px
}

.crypto-info .course-info span[data-v-597261ca] {
    color: inherit;
    font: inherit
}

.crypto-info .course-info .course-text[data-v-597261ca] {
    color: var(--bright-foreground-color)
}

.crypto-info .course-info .last-updated[data-v-597261ca] {
    color: var(--bit-darker-foreground-color)
}

.crypto-info .course-disclaimer[data-v-597261ca] {
    border: 1px solid;
    border-radius: 12px;
    color: var(--common-foreground-color);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 20px;
    margin-top: 15px;
    padding: 10px
}

.crypto-info .course-disclaimer span[data-v-597261ca] {
    color: inherit;
    font: inherit;
    margin-left: 8px
}
.wallet-crypto-replenishment-opened[data-v-2f6e434a] {
                          padding-bottom: 30px;
                          padding-right: 16px
                      }

.wallet-crypto-replenishment-opened.mobile-view[data-v-2f6e434a] {
    overflow-y: scroll;
    padding-bottom: 10px;
    padding-right: 6px
}

.wallet-crypto-replenishment-opened button[data-v-2f6e434a], .wallet-crypto-replenishment-opened input[data-v-2f6e434a] {
    background: none;
    border: none;
    outline: none
}

.wallet-crypto-replenishment-opened .backlink[data-v-2f6e434a] {
    color: var(--common-foreground-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px;
    margin: -10px;
    padding: 10px;
    transition-duration: .45s;
    transition-property: color, background-color;
    transition-timing-function: ease
}

.wallet-crypto-replenishment-opened .backlink.active[data-v-2f6e434a], .wallet-crypto-replenishment-opened .backlink[data-v-2f6e434a]:focus, .wallet-crypto-replenishment-opened .backlink[data-v-2f6e434a]:hover {
    --svg-color: var(--bright-foreground-color);
    color: var(--bright-foreground-color);
    transition-duration: .15s
}

.wallet-crypto-replenishment-opened .backlink .arrow[data-v-2f6e434a] {
    margin-right: 6px
}

.wallet-crypto-replenishment-opened .payment-info-line[data-v-2f6e434a] {
    height: 34px;
    margin-bottom: 10px;
    margin-top: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.wallet-crypto-replenishment-opened .payment-info-line img[data-v-2f6e434a] {
    height: 100%;
    margin-right: 15px
}

.wallet-crypto-replenishment-opened .payment-info-line .title[data-v-2f6e434a] {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 24px
}

.wallet-crypto-replenishment-opened .img-wrapper[data-v-2f6e434a] {
    background-color: #fff;
    border-radius: 12px;
    height: 164px;
    margin: 30px auto;
    overflow: hidden;
    width: 164px
}

.wallet-crypto-replenishment-opened .requirements[data-v-2f6e434a] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015;
    line-height: 24px
}

.wallet-crypto-replenishment-opened .requirements span[data-v-2f6e434a] {
    font: inherit
}

.wallet-crypto-replenishment-opened .network-highlight[data-v-2f6e434a] {
    color: var(--bright-foreground-color)
}

.wallet-crypto-replenishment-opened .wallet-number-wrapper .wallet-number-description-line[data-v-2f6e434a] {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px;
    padding: 5px
}

.wallet-crypto-replenishment-opened .wallet-number-wrapper .wallet-number-description-line span[data-v-2f6e434a] {
    font: inherit
}

.wallet-crypto-replenishment-opened .wallet-number-wrapper .wallet-number-description-line .min-limit[data-v-2f6e434a] {
    color: var(--bit-darker-foreground-color)
}

.wallet-crypto-replenishment-opened .wallet-number-wrapper .wallet-number-line[data-v-2f6e434a] {
    background: var(--body-background-color);
    border-radius: 12px;
    display: block;
    height: 100%;
    height: 46px;
    padding: 11.5px 10px;
    position: relative;
    width: 100%
}

.wallet-crypto-replenishment-opened .wallet-number-wrapper .wallet-number-line .input[data-v-2f6e434a] {
    color: var(--bright-foreground-color);
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 22px;
    width: calc(100% - 48px)
}

.wallet-crypto-replenishment-opened .wallet-number-wrapper .wallet-number-line button[data-v-2f6e434a] {
    background: var(--button-background-color-alt);
    border-radius: 12px;
    cursor: pointer;
    height: 46px;
    position: absolute;
    right: 0;
    top: 0;
    width: 46px
}

.wallet-crypto-replenishment-opened .wallet-number-wrapper .wallet-number-line button[disabled][data-v-2f6e434a] {
    cursor: not-allowed
}

.wallet-crypto-replenishment-opened .wallet-number-wrapper .wallet-number-line button[loading][data-v-2f6e434a] {
    cursor: wait;
    filter: blur(1px) grayscale(.7)
}
.search-input[data-v-4f577b34] {
                          --local-gap: 0;
                          position: relative;
                          transition-duration: .25s;
                          transition-timing-function: ease
                      }

.search-input *[data-v-4f577b34] {
    transition-duration: inherit;
    transition-timing-function: inherit
}

.search-input label[data-v-4f577b34] {
    background: var(--darkest-foreground-color);
    border: 2px solid var(--common-background-color);
    border-radius: 16px;
    padding: 12px 8px;
    transition-property: border-color
}

.search-input label input[data-v-4f577b34] {
    background: none;
    border: none;
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 16px;
    outline: none;
    transition-property: color;
    width: 100%
}

.search-input label input[data-v-4f577b34]::-webkit-autofill, .search-input label input[data-v-4f577b34]::-webkit-contacts-auto-fill-button, .search-input label input[data-v-4f577b34]::-webkit-credentials-auto-fill-button, .search-input label input[data-v-4f577b34]::-webkit-search-cancel-button, .search-input label input[data-v-4f577b34]::-webkit-search-decoration, .search-input label input[data-v-4f577b34]::-webkit-search-results-button, .search-input label input[data-v-4f577b34]::-webkit-search-results-decoration {
    display: none;
    visibility: hidden
}

.search-input label .placeholder[data-v-4f577b34] {
    --local-gap: 8px;
    color: var(--bit-darker-foreground-color-alt);
    pointer-events: none;
    position: absolute;
    transition-duration: .1s;
    transition-property: opacity
}

.search-input label .placeholder span[data-v-4f577b34] {
    color: inherit
}

@media (max-width: 999px) {
    .search-input label[data-v-4f577b34] {
        padding: 8px
    }
}

@media (max-width: 340px) {
    .search-input label input[data-v-4f577b34] {
        font-size: 12px
    }
}

.search-input.placeholder-hidden label .placeholder[data-v-4f577b34] {
    opacity: 0
}
.dropdown-block-wrapper[data-v-41d69558] {
                          --vertical-padding: calc((var(--block-height) - var(--line-size)) / 2);
                          background: var(--background-color);
                          border-radius: var(--border-radius);
                          display: inline-block;
                          font-size: var(--font-size);
                          height: var(--block-height);
                          outline: none;
                          padding: var(--vertical-padding) 0;
                          position: relative
                      }

.dropdown-block-wrapper *[data-v-41d69558] {
    outline: none
}

.dropdown-block-wrapper.active .dropdown-block .dropdown[data-v-41d69558] {
    border: 1px solid var(--selection-color-transparent);
    opacity: 1;
    transform: scaleY(1)
}

.dropdown-block-wrapper.active .dropdown-block .chevron[data-v-41d69558] {
    --svg-color: var(--common-text-color-bright);
    transform: rotate(180deg)
}

.dropdown-block[data-v-41d69558] {
    align-items: center;
    display: inline-flex;
    flex-direction: var(--flex-direction);
    font-size: var(--font-size);
    justify-content: var(--items-justify-content);
    padding-left: var(--padding-for-chevron-left);
    padding-right: var(--padding-for-chevron-right);
    position: relative;
    width: 100%;
    z-index: 1
}

.dropdown-block .chevron[data-v-41d69558], .dropdown-block .current-selection[data-v-41d69558] {
    z-index: 2
}

.dropdown-block .chevron[data-v-41d69558] {
    height: 100%;
    max-height: var(--font-size);
    max-width: var(--font-size);
    overflow: visible
}

.dropdown-block .chevron[data-v-41d69558], .dropdown-block .dropdown[data-v-41d69558] {
    position: absolute;
    transition: all .25s ease-in-out;
    width: 100%
}

.dropdown-block .dropdown[data-v-41d69558] {
    background: var(--dark-background-color);
    border: 1px solid transparent;
    border-radius: var(--border-radius);
    left: 0;
    margin-top: 58px;
    opacity: 0;
    overflow: hidden;
    padding: 16px;
    text-align: var(--dropdown-text-align);
    top: calc(-2px - var(--vertical-padding));
    transform: scaleY(0);
    transform-origin: top;
    z-index: 1
}

.dropdown-block .dropdown .scroll-part[data-v-41d69558] {
    height: var(--drop-items-height);
    overflow-y: auto;
    scrollbar-color: var(--dark-foreground-color) var(--body-background-color);
    scrollbar-width: thin
}

.dropdown-block .dropdown .scroll-part[data-v-41d69558]::-webkit-scrollbar {
    background-color: var(--body-background-color);
    width: 4px
}

.dropdown-block .dropdown .scroll-part[data-v-41d69558]::-webkit-scrollbar-track {
    background-color: var(--body-background-color);
    border-radius: 10px
}

.dropdown-block .dropdown .scroll-part[data-v-41d69558]::-webkit-scrollbar-thumb {
    background-color: var(--bright-background-color);
    border-radius: 10px;
    width: 4px
}

.dropdown-block .dropdown .scroll-part .dropdown-item[data-v-41d69558] {
    cursor: pointer
}

.dropdown-block .dropdown .scroll-part .dropdown-item[data-v-41d69558]:hover {
    background: var(--selection-color-transparent)
}

.dropdown-block .dropdown .scroll-part .dropdown-item.selected[data-v-41d69558] {
    color: #fff
}

.dropdown-block .dropdown .scroll-part .dropdown-item.hidden[data-v-41d69558] {
    height: 0;
    margin-bottom: 0;
    margin-top: 0;
    max-width: 0;
    min-width: 0;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    pointer-events: none;
    white-space: nowrap
}

.dropdown-block .dropdown .scroll-part .dropdown-empty[data-v-41d69558] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 100%
}

.dropdown-block .current-selection[data-v-41d69558], .dropdown-block .dropdown-item[data-v-41d69558] {
    align-items: center;
    display: flex;
    flex-direction: var(--flex-direction);
    justify-content: var(--items-justify-content);
    padding: 0 10px
}

.current-selection[data-v-41d69558] {
    height: var(--line-size)
}

.dropdown-item[data-v-41d69558] {
    height: 35px
}

.selectors-hidden .chevron[data-v-41d69558] {
    display: none
}
.course-disclaimer[data-v-d4686a38] {
                          border: 1px solid;
                          border-radius: 12px;
                          color: var(--common-foreground-color);
                          font-size: 13px;
                          font-weight: 500;
                          letter-spacing: .015em;
                          line-height: 20px;
                          margin-top: 15px;
                          padding: 10px
                      }

.course-disclaimer span[data-v-d4686a38] {
    color: inherit;
    font: inherit;
    margin-left: 8px
}
.commission[data-v-7f0fafb4] {
                          color: #5d5f62;
                          font-size: 13px;
                          letter-spacing: .015em;
                          line-height: 24px;
                          margin-left: 5px;
                          text-align: left
                      }

button[data-v-7f0fafb4], input[data-v-7f0fafb4] {
    background: none;
    border: none;
    outline: none
}

.wallet-opened[data-v-7f0fafb4] {
    padding-bottom: 30px;
    padding-right: 16px;
    position: relative
}

.wallet-opened .amount-input-and-button[data-v-7f0fafb4] {
    grid-gap: 10px 15px;
    display: grid;
    gap: 10px 15px;
    grid-auto-rows: auto;
    grid-template-columns:1fr 141px;
    grid-template-rows:46px 36px;
    margin-top: 15px
}

.wallet-opened.replenishment .amount-input[data-v-7f0fafb4] {
    grid-column: 1;
    grid-row: 1
}

.wallet-opened.replenishment .presets[data-v-7f0fafb4] {
    grid-column: 1/2;
    grid-row: 2
}

.wallet-opened.replenishment .main-button[data-v-7f0fafb4] {
    grid-column: 2;
    grid-row: 1
}

.wallet-opened.withdrawal .amount-input-and-button[data-v-7f0fafb4] {
    grid-template-rows:46px auto 46px auto
}

.wallet-opened.withdrawal .amount-input[data-v-7f0fafb4] {
    grid-column: 1;
    grid-row: 3
}

.wallet-opened.withdrawal .dropdowns[data-v-7f0fafb4] {
    grid-column: 1;
    grid-row: 2
}

.wallet-opened.withdrawal .requisites[data-v-7f0fafb4] {
    grid-column: 1;
    grid-row: 1
}

.wallet-opened.withdrawal .main-button[data-v-7f0fafb4] {
    grid-column: 2;
    grid-row: 3
}

.wallet-opened.withdrawal .crypto-disclaimer[data-v-7f0fafb4] {
    grid-column: 1/3;
    grid-row: 4;
    margin-top: 5px
}

.wallet-opened .payment-info-line[data-v-7f0fafb4] {
    height: 34px;
    margin-bottom: 7px;
    margin-top: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.wallet-opened .payment-info-line img[data-v-7f0fafb4] {
    height: 100%;
    margin-right: 15px
}

.wallet-opened .payment-info-line .title[data-v-7f0fafb4] {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 24px
}

.wallet-opened .amount-input[data-v-7f0fafb4], .wallet-opened .requisites[data-v-7f0fafb4] {
    height: 46px;
    position: relative
}

.wallet-opened .amount-input input[data-v-7f0fafb4], .wallet-opened .requisites input[data-v-7f0fafb4] {
    background: var(--body-background-color);
    border: 2px solid transparent;
    border-radius: 12px;
    color: var(--bright-foreground-color);
    font-size: 18px;
    font-weight: 600;
    height: 100%;
    letter-spacing: .015em;
    line-height: 22px;
    padding: 12px 10px 12px 40px;
    transition-duration: .45s;
    transition-property: border-color;
    transition-timing-function: ease;
    width: 100%
}

.wallet-opened .amount-input input[data-v-7f0fafb4]:focus, .wallet-opened .requisites input[data-v-7f0fafb4]:focus {
    border-color: var(--dark-foreground-color);
    transition-duration: .15s
}

.wallet-opened .amount-input input[data-v-7f0fafb4]::-moz-placeholder, .wallet-opened .requisites input[data-v-7f0fafb4]::-moz-placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.wallet-opened .amount-input input[data-v-7f0fafb4]::placeholder, .wallet-opened .requisites input[data-v-7f0fafb4]::placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.wallet-opened .amount-input .min-max[data-v-7f0fafb4], .wallet-opened .amount-input .rouble-icon[data-v-7f0fafb4], .wallet-opened .requisites .min-max[data-v-7f0fafb4], .wallet-opened .requisites .rouble-icon[data-v-7f0fafb4] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.wallet-opened .amount-input .rouble-icon[data-v-7f0fafb4], .wallet-opened .requisites .rouble-icon[data-v-7f0fafb4] {
    left: 10px
}

.wallet-opened .amount-input .min-max[data-v-7f0fafb4], .wallet-opened .requisites .min-max[data-v-7f0fafb4] {
    color: var(--bit-darker-foreground-color);
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 22px;
    right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.wallet-opened .requisites input[data-v-7f0fafb4] {
    font-size: 13px;
    font-weight: 500;
    padding-left: 10px
}

.wallet-opened .backlink[data-v-7f0fafb4], .wallet-opened .method[data-v-7f0fafb4], .wallet-opened .preset[data-v-7f0fafb4] {
    color: var(--common-foreground-color);
    cursor: pointer;
    font-weight: 500;
    letter-spacing: .015em;
    transition-duration: .45s;
    transition-property: color, background-color;
    transition-timing-function: ease
}

.wallet-opened .backlink.active[data-v-7f0fafb4], .wallet-opened .backlink[data-v-7f0fafb4]:focus, .wallet-opened .backlink[data-v-7f0fafb4]:hover, .wallet-opened .method.active[data-v-7f0fafb4], .wallet-opened .method[data-v-7f0fafb4]:focus, .wallet-opened .method[data-v-7f0fafb4]:hover, .wallet-opened .preset.active[data-v-7f0fafb4], .wallet-opened .preset[data-v-7f0fafb4]:focus, .wallet-opened .preset[data-v-7f0fafb4]:hover {
    --svg-color: var(--bright-foreground-color);
    color: var(--bright-foreground-color);
    transition-duration: .15s
}

.wallet-opened .method[data-v-7f0fafb4], .wallet-opened .preset[data-v-7f0fafb4] {
    border-radius: 12px
}

.wallet-opened .method.active[data-v-7f0fafb4], .wallet-opened .preset.active[data-v-7f0fafb4] {
    background: var(--button-background-color-alt)
}

.wallet-opened .backlink[data-v-7f0fafb4] {
    font-size: 14px;
    line-height: 24px;
    margin: -10px;
    padding: 10px
}

.wallet-opened .backlink .arrow[data-v-7f0fafb4] {
    margin-right: 6px
}

.wallet-opened .method[data-v-7f0fafb4] {
    background: var(--dark-background-color);
    font-size: 14px;
    line-height: 22px;
    padding: 7px 16px
}

.wallet-opened .preset[data-v-7f0fafb4] {
    border: 2px solid var(--button-background-color-alt);
    font-size: 16px;
    line-height: 22px;
    min-width: 68px;
    padding: 5px 10px;
    text-align: center
}

.wallet-opened .presets[data-v-7f0fafb4] {
    --local-gap: 8.33px
}

.wallet-opened .methods[data-v-7f0fafb4] {
    --local-gap: 15px;
    position: relative
}

.wallet-opened .methods select[data-v-7f0fafb4] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--bright-background-color);
    border: none;
    border-radius: 10px;
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 500;
    height: 36px;
    letter-spacing: .015em;
    margin-right: 0;
    padding: 0 10px;
    position: relative;
    width: 100%
}

.wallet-opened .methods select option[data-v-7f0fafb4] {
    width: 100%
}

.wallet-opened .main-button[data-v-7f0fafb4] {
    background: var(--accent-brand-color);
    border-radius: 12px;
    color: var(--bright-foreground-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    height: 46px;
    letter-spacing: .015em;
    line-height: 22px;
    transition-duration: .45s;
    transition-property: filter;
    transition-timing-function: ease
}

.wallet-opened .main-button[data-v-7f0fafb4]:focus, .wallet-opened .main-button[data-v-7f0fafb4]:hover {
    filter: brightness(.9);
    transition-duration: .15s
}

.wallet-opened .main-button[data-v-7f0fafb4]:active {
    filter: brightness(.8);
    transition-duration: .05s
}

.wallet-opened .main-button.disabled[data-v-7f0fafb4] {
    background: var(--button-background-color-alt);
    cursor: not-allowed
}

.wallet-opened .tooltip-content[data-v-7f0fafb4] {
    color: var(--hover-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.wallet-opened .tooltip-content svg[data-v-7f0fafb4] {
    margin-left: 8px;
    margin-right: 8px
}

.wallet-opened .tooltip-content svg[data-v-7f0fafb4]:last-child {
    margin-right: 0
}

.wallet-opened.mobile-view[data-v-7f0fafb4] {
    padding-right: 6px
}

.wallet-opened.mobile-view .amount-input-and-button[data-v-7f0fafb4] {
    grid-gap: 0;
    display: grid;
    gap: 0;
    grid-template-columns:1fr;
    grid-template-rows:auto auto auto auto auto;
    margin-top: 15px
}

.wallet-opened.mobile-view.replenishment .amount-input[data-v-7f0fafb4] {
    grid-column: 1;
    grid-row: 1
}

.wallet-opened.mobile-view.replenishment .presets[data-v-7f0fafb4] {
    --local-gap: 6px;
    grid-column: 1;
    grid-row: 2;
    justify-content: space-between;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
    scrollbar-width: none
}

.wallet-opened.mobile-view.replenishment .presets[data-v-7f0fafb4]::-webkit-scrollbar {
    display: none
}

.wallet-opened.mobile-view.replenishment .main-button[data-v-7f0fafb4], .wallet-opened.mobile-view.withdrawal .amount-input[data-v-7f0fafb4] {
    grid-column: 1;
    grid-row: 3;
    margin-top: 15px
}

.wallet-opened.mobile-view.withdrawal .dropdowns[data-v-7f0fafb4] {
    grid-column: 1;
    grid-row: 2;
    margin-top: 15px
}

.wallet-opened.mobile-view.withdrawal .requisites[data-v-7f0fafb4] {
    grid-column: 1;
    grid-row: 1
}

.wallet-opened.mobile-view.withdrawal .main-button[data-v-7f0fafb4] {
    grid-column: 1;
    grid-row: 4;
    margin-top: 15px
}

.wallet-opened.mobile-view.withdrawal .crypto-disclaimer[data-v-7f0fafb4] {
    grid-column: 1;
    grid-row: 5
}
.replenishment-section[data-v-3bdd965d] {
                          max-height: var(--tab-max-height);
                          width: 100%
                      }

.replenishment-section.crypto[data-v-3bdd965d]:not(.mobile-view) {
    max-height: none
}

.replenishment-section.crypto.mobile-view[data-v-3bdd965d] {
    overflow-y: auto
}

.replenishment-section.mobile-view[data-v-3bdd965d] {
    padding: 10px 4px 0 10px
}
.history[data-v-15a53afc] {
                          --history-height: 370px;
                          display: flex;
                          flex-direction: column;
                          max-height: 370px;
                          max-height: var(--history-height);
                          min-height: 370px;
                          min-height: var(--history-height);
                          width: 100%
                      }

.history .menu[data-v-15a53afc] {
    justify-content: flex-start;
    margin-bottom: 13px;
    position: sticky;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.history .tabs-body[data-v-15a53afc] {
    width: 100%
}

.history .tabs-body .history-tab[data-v-15a53afc] {
    height: 100vh;
    max-height: calc(var(--history-height) - 37px);
    padding-bottom: 30px;
    padding-right: 14px;
    width: 100%
}

.history .tabs-body .history-tab.no-empty[data-v-15a53afc] {
    --local-gap: 15px;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: scroll;
    padding-right: 3px;
    scrollbar-color: var(--bright-background-color) var(--body-background-color);
    scrollbar-width: thin;
    width: 100%
}

.history .tabs-body .history-tab.no-empty[data-v-15a53afc]:last-child {
    margin-bottom: 10px
}

.history .tabs-body .history-tab.no-empty[data-v-15a53afc]::-webkit-scrollbar-button {
    display: none
}

.history .tabs-body .history-tab.no-empty[data-v-15a53afc]::-webkit-scrollbar {
    width: 2px
}

.history .tabs-body .history-tab.no-empty[data-v-15a53afc]::-webkit-scrollbar-thumb {
    background: var(--bright-background-color);
    border-radius: 10px;
    width: 2px
}

.history .tabs-body .history-tab.no-empty[data-v-15a53afc]::-webkit-scrollbar-track {
    background: var(--body-background-color);
    border-radius: 10px;
    margin-bottom: 30px
}

.history .card[data-v-15a53afc] {
    background: var(--dark-background-color);
    border-radius: 12px;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 14px;
    padding: 10px 15px;
    transition: all .25s ease
}

.history .card .paddings[data-v-15a53afc] {
    padding: 11px 15px
}

.history .card .card-chevron[data-v-15a53afc] {
    cursor: pointer;
    margin-right: -15px;
    padding: 15px;
    position: absolute;
    right: 5px;
    top: 15px;
    transition: all .25s ease-in-out
}

.history .card.opened hr[data-v-15a53afc] {
    background: #424a57
}

.history .card.opened .hoverable-icon[data-v-15a53afc] {
    transform: rotate(-.5turn)
}

.history .card .underline[data-v-15a53afc] {
    margin-top: 7px;
    max-height: 48px;
    transition: all .25s ease-in-out
}

@media (max-width: 479px) {
    .history .card .card .card-chevron[data-v-15a53afc] {
        right: 15px
    }

    .history .card .card .underline[data-v-15a53afc] {
        max-height: 80px
    }
}

.history .card .card-top-line[data-v-15a53afc] {
    --local-gap: 8px
}

.history .card .card-top-line span[data-v-15a53afc] {
    color: var(--bright-foreground-color);
    font-weight: 500;
    height: 22px;
    letter-spacing: .015em;
    line-height: 22px
}

.history .card .card-top-line span[data-v-15a53afc]:nth-child(2) {
    font-weight: 900
}

.history .card .card-text[data-v-15a53afc] {
    display: inline-block
}

.history .card .card-text[data-v-15a53afc]:first-letter {
    text-transform: uppercase
}

.history .card .bottom-line[data-v-15a53afc], .history .card .right-side[data-v-15a53afc] {
    height: 22px;
    line-height: 22px
}

.history .card .right-side[data-v-15a53afc] {
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 600;
    gap: 5px;
    letter-spacing: .015em
}

.history .card.successful .right-side[data-v-15a53afc] {
    color: var(--accent-positive-color)
}

.history .card.rejected .right-side[data-v-15a53afc] {
    color: var(--accent-negative-color)
}

.history .card.replenishment[data-v-15a53afc] {
    height: 100vh;
    max-height: -moz-fit-content;
    max-height: fit-content
}

.history .card.replenishment .right-side[data-v-15a53afc] {
    color: var(--accent-positive-color)
}

.history .card.withdrawal[data-v-15a53afc] {
    --height: 83px;
    height: -moz-max-content;
    height: max-content;
    max-height: 83px;
    max-height: var(--height);
    overflow: hidden;
    padding: 0;
    transition: all .25s ease
}

.history .card.withdrawal.removed[data-v-15a53afc] {
    animation: removing-15a53afc .25s ease .1s 1 normal forwards
}

.history .card.withdrawal.removed + .card[data-v-15a53afc] {
    margin-top: 0
}

@keyframes removing-15a53afc {
    0% {
        height: var(--height);
        max-height: var(--height)
    }
    99.999% {
        height: 0;
        margin: 0;
        max-height: 0
    }
    to {
        display: none;
        height: 0;
        margin: 0;
        max-height: 0
    }
}

.history .card.withdrawal > .paddings[data-v-15a53afc] {
    padding: 11px 15px
}

.history .card.withdrawal > *[data-v-15a53afc] {
    position: relative
}

.history .card.withdrawal hr[data-v-15a53afc] {
    background: transparent;
    border: none;
    bottom: 0;
    height: 1px;
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    transition: all .25s ease-in-out
}

.history .card.withdrawal .hoverable-icon[data-v-15a53afc]:last-child {
    transform: rotate(0turn);
    transition: all .25s ease-in-out
}

.history .card.withdrawal.opened[data-v-15a53afc] {
    --height: 100%
}

.history .card.withdrawal.opened hr[data-v-15a53afc] {
    background: #424a57
}

.history .card.withdrawal.opened .hoverable-icon[data-v-15a53afc]:last-child {
    transform: rotate(-.5turn)
}

.history .card.withdrawal .underline[data-v-15a53afc] {
    margin-top: 7px;
    max-height: 48px
}

.history .card.withdrawal .underline .requisites[data-v-15a53afc] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 1;
    max-width: 72%
}

.history .card.withdrawal .underline .requisites > span:nth-child(2).requisites-number[data-v-15a53afc] {
    overflow: hidden;
    position: relative
}

.history .card.withdrawal .underline .requisites > span:nth-child(2).requisites-number span[data-v-15a53afc] {
    font-feature-settings: "liga", "clig", "tnum";
    color: var(--bright-foreground-color);
    font-variant: common-ligatures tabular-nums;
    transition: all .25s ease-in-out;
    white-space: nowrap
}

.history .card.withdrawal .underline .requisites > span:nth-child(2).requisites-number span.hidden[data-v-15a53afc] {
    display: flex;
    justify-content: space-between;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0
}

.history .card.withdrawal .underline .requisites > span:nth-child(2).requisites-number span.hidden span[data-v-15a53afc]:last-child {
    transition-delay: .25s;
    transition-duration: .1s
}

.history .card.withdrawal .underline .requisites > span:nth-child(2).requisites-number span.showed[data-v-15a53afc] {
    display: inline-block;
    margin-bottom: -2px;
    max-width: 100%;
    opacity: 0;
    overflow-x: auto;
    overflow-y: visible;
    pointer-events: none;
    scrollbar-width: none
}

.history .card.withdrawal .underline .requisites > span:nth-child(2).requisites-number span.showed[data-v-15a53afc]::-webkit-scrollbar {
    display: none
}

.history .card.withdrawal .underline .requisites > span[data-v-15a53afc]:nth-child(3) {
    font-size: 11px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.history .card.withdrawal .underline .requisites.show > span:nth-child(2).requisites-number span[data-v-15a53afc] {
    color: var(--bright-foreground-color)
}

.history .card.withdrawal .underline .requisites.show > span:nth-child(2).requisites-number span.hidden[data-v-15a53afc] {
    opacity: 0;
    pointer-events: none
}

.history .card.withdrawal .underline .requisites.show > span:nth-child(2).requisites-number span.showed[data-v-15a53afc] {
    opacity: 1;
    pointer-events: auto
}

.history .card.withdrawal .underline button[data-v-15a53afc] {
    background: var(--bright-background-color);
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    height: 28px;
    letter-spacing: .015em;
    width: 130px
}

@media (max-width: 479px) {
    .history .card .card-chevron[data-v-15a53afc] {
        right: 15px
    }

    .history .card.withdrawal[data-v-15a53afc] {
        --height: 88px
    }

    .history .card.withdrawal.opened[data-v-15a53afc] {
        --height: 168px
    }

    .history .card.withdrawal .underline[data-v-15a53afc] {
        max-height: 80px
    }

    .history .card.withdrawal .underline button[data-v-15a53afc] {
        margin: 15px 0 0;
        width: 100%
    }

    .history .card.withdrawal > .flex-line-between.paddings[data-v-15a53afc] {
        align-items: flex-start;
        flex-direction: column;
        line-height: 22px;
        padding: 10px
    }

    .history .card.withdrawal > .flex-line-between.paddings > .right-side[data-v-15a53afc] {
        margin-left: 0;
        margin-top: 5px
    }

    .history.mobile-view[data-v-15a53afc] {
        --history-height: var(--tab-max-height);
        margin-top: 10px;
        max-height: auto;
        min-height: auto
    }

    .history.mobile-view .menu[data-v-15a53afc] {
        margin-left: 10px;
        margin-right: 10px
    }

    .history.mobile-view .tabs-body .history-tab.no-empty[data-v-15a53afc] {
        margin-left: 10px;
        margin-right: 3px;
        max-height: calc(var(--tab-max-height) - 39px);
        overflow-y: auto;
        padding-right: 7px
    }

    .history.mobile-view .tabs-body .history-tab[data-v-15a53afc] {
        padding-bottom: 10px
    }

    .history.mobile-view .tabs-body[data-v-15a53afc] .track {
        max-height: inherit
    }

    .history.mobile-view .card[data-v-15a53afc] {
        margin-right: 0
    }

    .history.mobile-view .card.withdrawal .underline .requisites[data-v-15a53afc] {
        max-width: 100%
    }
}
.previous-withdrawal[data-v-1d13251c] {
                          align-items: center;
                          background: var(--button-background-color-alt);
                          border-radius: 12px;
                          display: flex;
                          padding: 12px;
                          width: -moz-max-content;
                          width: max-content
                      }

.previous-withdrawal .title[data-v-1d13251c] {
    font-weight: 700;
    line-height: 24px;
    margin-right: 12px;
    text-transform: capitalize
}

.previous-withdrawal .bill[data-v-1d13251c], .previous-withdrawal .title[data-v-1d13251c] {
    color: var(--bright-foreground-color);
    font-size: 14px;
    letter-spacing: .015em
}

.previous-withdrawal .bill[data-v-1d13251c] {
    background: var(--common-background-color);
    border-radius: 8px;
    font-weight: 500;
    grid-column: 1;
    grid-row: 2;
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    padding: 0 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.previous-withdrawal img[data-v-1d13251c] {
    grid-column: 1;
    grid-row: 1;
    justify-self: start
}

.previous-withdrawal button[data-v-1d13251c] {
    --svg-color: var(--bright-foreground-color);
    background: var(--accent-brand-color);
    border: none;
    border-radius: 8px;
    cursor: pointer;
    grid-column: 2;
    grid-row: 2;
    height: 28px;
    position: relative;
    width: 28px
}

@media (max-width: 999px) {
    .previous-withdrawal button[data-v-1d13251c]:before {
        bottom: -16px;
        content: "";
        left: -16px;
        position: absolute;
        right: -16px;
        top: -16px
    }
}
.withdrawal-section[data-v-1add639e] {
                          display: grid;
                          grid-template-rows:auto minmax(0, 1fr);
                          max-height: var(--tab-max-height);
                          position: relative;
                          width: 100%
                      }

.withdrawal-section .previous[data-v-1add639e] {
    margin-bottom: 15px
}

.withdrawal-section.mobile-view[data-v-1add639e] {
    padding: 10px 4px 0 10px
}

.withdrawal-section.mobile-view .previous[data-v-1add639e] {
    margin-bottom: 10px
}
svg[data-v-cd72402c] {
                          overflow: visible
                      }

.modal[data-v-cd72402c] {
    grid-gap: 15px;
    background: var(--common-background-color);
    border-radius: 16px;
    display: grid;
    gap: 15px;
    grid-template-columns:1fr;
    grid-template-rows:44px minmax(0, 1fr);
    height: auto;
    max-width: 514px;
    overflow: auto;
    padding: 30px 14px 0 30px;
    transition: all .3s ease-in-out;
    width: 100vw
}

.modal > *[data-v-cd72402c] {
    max-width: inherit
}

.modal .tabs-body[data-v-cd72402c] {
    height: var(--current-tab-height);
    max-height: 100%;
    min-height: 100px;
    transition: height .3s ease;
    width: 100%
}

.modal .tabs-header[data-v-cd72402c] {
    --local-gap: 15px;
    flex-shrink: 0;
    height: 44px;
    padding-right: 16px;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1
}

.modal .tabs-header .header-item[data-v-cd72402c] {
    background: var(--dark-background-color);
    border-radius: 12px;
    color: var(--common-foreground-color);
    flex-shrink: 1;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px;
    padding-bottom: 10px;
    padding-top: 10px;
    transition-duration: .45s;
    transition-property: color, background-color;
    transition-timing-function: ease
}

.modal .tabs-header .header-item.active[data-v-cd72402c] {
    background: var(--button-background-color-alt);
    color: var(--bright-foreground-color);
    transition-duration: .15s
}

.mobile-view > .modal[data-v-cd72402c] {
    border-radius: 0;
    gap: 0;
    height: -moz-min-content;
    height: min-content;
    max-width: 100vw;
    padding: 0;
    top: calc(50% + var(--offset-v));
    transform: translateY(-50%)
}

.mobile-view > .modal .tabs-header[data-v-cd72402c] {
    --local-gap: 0;
    padding-right: 0
}

.mobile-view > .modal .tabs-header .header-item[data-v-cd72402c] {
    border-radius: 0
}
.wallet.modal svg {
                          overflow: visible
                      }
.logo[data-v-f3ecbeca] {
                          --local-gap: 18px
                      }

.logo svg[data-v-f3ecbeca] {
    max-height: 60px;
    max-width: 60px;
    min-height: 60px;
    min-width: 60px;
    overflow: visible
}

.logo span[data-v-f3ecbeca] {
    color: var(--bright-foreground-color);
    font-size: 41px;
    font-weight: 600;
    letter-spacing: .2px;
    line-height: 1
}
.novaspin[data-v-41252704] {
                          color: var(--common-foreground-color);
                          font-size: 12px;
                          font-weight: 400;
                          letter-spacing: .015em;
                          line-height: 24px
                      }
.currencies[data-v-0165b46b] {
                          --svg-color: var(--menu-background-color);
                          width: 100%
                      }
.socials[data-v-719be752] {
                          gap: 20px;
                          padding-top: 8px
                      }

.socials .inset.hoverable-icon[data-v-719be752] {
    background: var(--common-background-color);
    border-radius: 50px;
    height: 28px;
    transition: all .45s ease-in-out;
    width: 28px
}

.socials .inset.hoverable-icon[data-v-719be752]:hover {
    background: var(--bright-foreground-color);
    transition-duration: .15s
}

.socials .inset.hoverable-icon .icon-inner[data-v-719be752] {
    height: 28px
}

.socials .inset.hoverable-icon .icon-inner svg[data-v-719be752] {
    max-height: 18px;
    max-width: 18px;
    overflow: visible
}

.socials .locale-selector[data-v-719be752] {
    --foreground: var(--menu-background-color);
    --background: var(--button-background-color)
}

.socials .locale-selector[data-v-719be752]:hover {
    --background: var(--bright-foreground-color)
}
.copyright[data-v-8a99968c] {
                          font-size: 12px;
                          font-weight: 500;
                          letter-spacing: .015em;
                          line-height: 30px
                      }
.footer-root[data-v-3e11e12c] {
                          grid-gap: 20px;
                          display: grid;
                          gap: 20px;
                          grid-auto-flow: row;
                          grid-template-columns:minmax(0, 1fr);
                          justify-items: center;
                          margin: 0 auto;
                          max-width: var(--max-width);
                          padding: 28px 20px;
                          position: relative;
                          text-align: center
                      }

.footer-root.mobile[data-v-3e11e12c] {
    padding: 20px 10px 10px
}

.footer-root .novaspin-text[data-v-3e11e12c] {
    max-width: 648px
}

.footer-root .casher-logo[data-v-3e11e12c]:after {
    background: var(--common-background-color);
    content: "";
    height: 30px;
    margin-left: 22px;
    margin-right: 13px;
    width: 2px
}

.links[data-v-3e11e12c] {
    --local-gap: 40px;
    height: -moz-max-content;
    height: max-content
}

.links a[data-v-3e11e12c] {
    display: inline;
    flex-basis: max-content;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px
}

.links.mobile[data-v-3e11e12c] {
    --local-gap: 10px;
    flex-direction: column;
    padding: 10px 0
}

.links.mobile a[data-v-3e11e12c] {
    color: var(--bright-foreground-color)
}
.inset.hoverable-icon .icon-inner, .inset.hoverable-icon .icon-inner path, .inset.hoverable-icon .icon-inner svg {
                          --svg-color: var(--menu-background-color)
                      }
html {
                          scrollbar-width: none
                      }

html::-webkit-scrollbar {
    display: none
}

html.modal-opened {
    overflow: hidden
}

body {
    background: var(--background-color)
}

div.layout {
    position: relative
}

.left-menu, .right-menu {
    height: 100vh;
    max-height: 100vh;
    min-height: 100vh;
    min-width: 100px;
    position: fixed;
    top: 0;
    z-index: 2
}

.footer {
    background: var(--menu-background-color);
    margin-left: 100px;
    margin-right: var(--right-menu-width);
    transition: all .25s ease-in-out;
    z-index: 1
}

.footer.mobile {
    margin: 0
}

.right-menu {
    max-width: 330px;
    right: 0
}

.left-menu {
    left: 0;
    max-width: 100px
}

.central-line {
    margin: 0 var(--right-menu-width) 0 100px;
    position: relative
}

.central-line.animated {
    transition: margin .25s ease-in-out
}

#content-limiter {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 80px;
    padding-top: 40px;
    scrollbar-width: none
}

#content-limiter::-webkit-scrollbar {
    display: none
}

@media (max-width: 1100px) {
    #content-limiter {
        padding-top: 20px
    }
}

@media (max-width: 999px) {
    #content-limiter {
        padding: 0
    }

    .central-line {
        margin: 0
    }

    .left-menu, .right-menu {
        display: none
    }
}

.central-line .mobile-header {
    width: auto;
    z-index: 3
}

.layout {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}



@media (min-width: 1000px) {
    .layout {
        min-height: var(--true-screen-height)
    }
}

@media (max-width: 999px) {
    #content-limiter {
        overflow: scroll
    }
}
.limiter[data-v-71010a5a] {
                          margin: 0 auto;
                          max-width: 1200px;
                          position: relative
                      }

.game-table[data-v-71010a5a] {
    margin: auto;
    max-width: 1160px;
    width: calc(100% - 40px)
}

@media (max-width: 1400px) {
    .game-table[data-v-71010a5a] {
        margin: 0 20px;
        max-width: 1160px
    }
}

.game-block[data-v-71010a5a] {
    --local-gap: 10px;
    align-items: stretch;
    display: flex;
    height: 39px;
    justify-content: flex-start
}

.game-block > .icon[data-v-71010a5a] {
    align-items: center;
    align-self: center;
    display: flex;
    justify-content: center;
    margin-right: var(--local-gap);
    max-height: 30px;
    max-width: 30px;
    width: 100%
}

.game-block > div[data-v-71010a5a] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: -4.5px 0
}

.game-block > div > span[data-v-71010a5a] {
    font-weight: 600;
    text-transform: capitalize
}

.game-block > div .go-text[data-v-71010a5a], .game-block > div > span[data-v-71010a5a] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(var(--between) - 68px + var(--width))
}

.game-block > div .go-text[data-v-71010a5a] {
    color: #5d5f62;
    cursor: pointer;
    font-size: 12px;
    font-weight: 300
}
a[data-v-383ecee9] {
                          color: var(--selection-color);
                          cursor: pointer
                      }

@media (max-width: 768px) {
    .scroll-wrapper[data-v-383ecee9] {
        max-height: calc(var(--max-height) - 89px);
        overflow: auto;
        scrollbar-width: none
    }

    .scroll-wrapper[data-v-383ecee9]::-webkit-scrollbar {
        display: none
    }
}

.modal[data-v-383ecee9] {
    --width: 720px;
    --reg-height: 590px;
    --log-height: 484px;
    --gap: 20px;
    --modal-padding: 30px 40px;
    --modal-width: var(--width);
    --modal-height: var(--reg-height);
    color: var(--common-text-color);
    display: flex;
    height: 100%;
    max-height: 590px;
    max-height: var(--modal-height);
    max-width: 720px;
    max-width: var(--modal-width);
    overflow: hidden;
    transition: all .25s ease-in-out;
    width: 100%
}

@media (max-width: 768px) {
    .modal[data-v-383ecee9] {
        --width: 310px;
        --reg-height: 496px;
        --log-height: 404px;
        --gap: 15px;
        --modal-padding: 15px 10px;
        --max-height: calc(var(--true-screen-height) - var(--mobile-bottom-offset) * 2);
        height: var(--modal-height);
        max-height: calc(var(--true-screen-height) - var(--mobile-bottom-offset) * 2);
        max-height: var(--max-height)
    }
}

@media (max-height: 500px) {
    .modal .fields button[data-v-383ecee9] {
        margin-bottom: 10px
    }
}

.modal .left-side[data-v-383ecee9] {
    background: var(--button-background-color);
    border-radius: 16px 0 0 16px;
    padding: var(--modal-padding);
    width: 394px
}

@media (max-width: 768px) {
    .modal .left-side[data-v-383ecee9] {
        border-radius: 16px;
        width: 100%
    }
}

.modal .left-side label[data-v-383ecee9], .modal .left-side p[data-v-383ecee9] {
    color: var(--common-text-color);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em
}

.modal .left-side .header[data-v-383ecee9] {
    border-color: var(--button-background-color-alt);
    border-style: solid;
    border-width: 0 0 1px
}

.modal .left-side .header h2[data-v-383ecee9] {
    color: var(--common-text-color-bright);
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 1;
    margin: -2px 0 0;
    text-align: center
}

@media (max-width: 768px) {
    .modal .left-side .header h2[data-v-383ecee9] {
        font-size: 20px;
        line-height: 1
    }
}

.modal .left-side .header p[data-v-383ecee9] {
    line-height: 18px;
    margin: var(--gap) 0;
    text-align: center
}

@media (max-width: 768px) {
    .modal .left-side .header p[data-v-383ecee9] {
        margin: calc(var(--gap) / 3 * 2) 0
    }
}

.modal .left-side .socials[data-v-383ecee9] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: var(--gap) 0
}

.modal .left-side .socials > div[data-v-383ecee9] {
    align-items: center;
    background: var(--button-background-color-alt);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 54px
}

.modal .left-side .fields[data-v-383ecee9] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.modal .left-side .fields p[data-v-383ecee9] {
    line-height: 18px;
    margin: 0 0 calc(var(--gap) / 2) 0
}

@media (max-width: 768px) {
    .modal .left-side .fields p[data-v-383ecee9] {
        margin: 0 0 calc(var(--gap) / 3)
    }
}

.modal .left-side .fields button[data-v-383ecee9] {
    flex-shrink: 0
}

.modal .left-side .fields .input[data-v-383ecee9] {
    margin: calc(var(--gap) / 2) 0;
    width: 100%
}

@media (max-width: 768px) {
    .modal .left-side .fields .input[data-v-383ecee9] {
        margin: calc(var(--gap) / 3 * 2) 0 0
    }
}

.modal .left-side .fields .input .input-tooltip-content-wrapper[data-v-383ecee9] {
    color: var(--hover-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    max-width: 300px;
    width: 100vw
}

.modal .left-side .fields .input .input-tooltip-content-wrapper *[data-v-383ecee9] {
    color: inherit
}

@media (max-width: 768px) {
    .modal .left-side .fields .input .input-tooltip-content-wrapper[data-v-383ecee9] {
        max-width: 276px
    }
}

.modal .left-side .fields input[type=password][data-v-383ecee9], .modal .left-side .fields input[type=text][data-v-383ecee9] {
    background: var(--input-background-color);
    border-radius: 8px;
    color: var(--bright-foreground-color);
    font-size: 14px;
    letter-spacing: .015em;
    outline: none;
    padding: 13px 10px;
    width: 100%
}

.modal .left-side .fields input[type=password][data-v-383ecee9]::-moz-placeholder, .modal .left-side .fields input[type=text][data-v-383ecee9]::-moz-placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.modal .left-side .fields input[type=password][data-v-383ecee9]::placeholder, .modal .left-side .fields input[type=text][data-v-383ecee9]::placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.modal .left-side .fields .reg-confirmation[data-v-383ecee9] {
    --local-gap: var(--gap);
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    margin: calc(var(--gap) / 5) 0 0;
    width: 100%
}

.modal .left-side .fields .reg-confirmation *[data-v-383ecee9] {
    transition-duration: .1s
}

@media (max-width: 768px) {
    .modal .left-side .fields .reg-confirmation[data-v-383ecee9] {
        --local-gap: calc(var(--gap) / 4 - 0.5px);
        margin: calc(var(--gap) / 3 * 2) 0 0
    }
}

.modal .left-side .fields .reg-confirmation label[data-v-383ecee9] {
    font-size: 13px;
    line-height: 24px;
    margin-left: var(--local-gap);
    margin-top: -1px;
    max-width: 274px
}

@media (max-width: 768px) {
    .modal .left-side .fields .reg-confirmation label[data-v-383ecee9] {
        max-width: 274px
    }
}

.modal .left-side .fields .reg-confirmation .checkbox[data-v-383ecee9] {
    margin-top: 5px;
    position: relative
}

.modal .left-side .fields .reg-confirmation .checkbox svg[data-v-383ecee9] {
    height: 100%;
    left: 50%;
    opacity: 0;
    overflow: visible;
    pointer-events: none;
    position: absolute;
    top: 42%;
    transform: translate(-50%, -50%);
    width: 13px
}

.modal .left-side .fields .reg-confirmation .checkbox input[data-v-383ecee9] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: var(--input-background-color);
    border-radius: 4px;
    cursor: pointer;
    height: 18px;
    width: 18px
}

.modal .left-side .fields .reg-confirmation .checkbox input[data-v-383ecee9]:checked {
    background: var(--selection-color)
}

.modal .left-side .fields .reg-confirmation .checkbox input:checked + svg[data-v-383ecee9] {
    opacity: 1
}

.modal .left-side .fields .reg-confirmation .checkbox input + svg[data-v-383ecee9] {
    --svg-color: var(--common-background-color)
}

.modal .left-side .fields button[data-v-383ecee9] {
    background: var(--selection-color);
    border: none;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    height: 60px;
    letter-spacing: .015em;
    line-height: 22px;
    margin: calc(var(--gap) / 3 * 2 + .5px) 0 0;
    outline: none;
    text-align: center;
    width: 100%
}

@media (max-width: 768px) {
    .modal .left-side .fields button[data-v-383ecee9] {
        margin-top: calc(var(--gap) / 2 + 1.5px)
    }
}

.modal .left-side .fields button[custom-disabled][data-v-383ecee9] {
    filter: brightness(.8)
}

.modal.login .left-side .fields button[data-v-383ecee9] {
    margin: calc(var(--gap) / 2 + .5px) 0
}

@media (max-width: 768px) {
    .modal.login .left-side .fields button[data-v-383ecee9] {
        margin: calc(var(--gap) - .5px) 0
    }
}

.modal .right[data-v-383ecee9] {
    border-radius: 0 16px 16px 0;
    overflow: hidden;
    position: relative;
    width: 326px
}

.modal .right svg[data-v-383ecee9] {
    border-bottom-right-radius: 16px;
    border-top-right-radius: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.modal .forgot-password[data-v-383ecee9] {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em;
    margin-top: calc(var(--gap) / 2)
}

@media (max-width: 768px) {
    .modal .forgot-password[data-v-383ecee9] {
        margin-top: 2px
    }
}

.modal .cross-icon[data-v-383ecee9] {
    --svg-color: var(--bright-foreground-color);
    height: calc(14px + var(--gap));
    overflow: visible;
    position: absolute;
    right: calc(var(--gap) / 2);
    top: calc(var(--gap) / 2);
    transition: all .35s ease-in-out;
    width: calc(14px + var(--gap))
}

@media (max-width: 768px) {
    .modal .cross-icon[data-v-383ecee9] {
        right: calc(var(--gap) / 5);
        top: calc(var(--gap) / 5 - 1px)
    }
}

.modal .cross-icon svg[data-v-383ecee9] {
    height: inherit;
    overflow: visible;
    padding: calc(var(--gap) / 2);
    width: inherit
}
<style>@-webkit-keyframes chatra-chat-appear-from-bottom {
           from {
               opacity: 0;
               -webkit-transform: translateY(20px) scale(.97);
               transform: translateY(20px) scale(.97);
           }

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

@keyframes chatra-chat-appear-from-bottom {
    from {
        opacity: 0;
        -webkit-transform: translateY(20px) scale(.97);
        transform: translateY(20px) scale(.97);
    }

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

@-webkit-keyframes chatra-chat-appear-from-top {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20px) scale(.97);
        transform: translateY(-20px) scale(.97);
    }

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

@keyframes chatra-chat-appear-from-top {
    from {
        opacity: 0;
        -webkit-transform: translateY(-20px) scale(.97);
        transform: translateY(-20px) scale(.97);
    }

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

@-webkit-keyframes chatra-chat-appear {
    from {
        opacity: 0;
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

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

@keyframes chatra-chat-appear {
    from {
        opacity: 0;
        -webkit-transform: scale(.95);
        transform: scale(.95);
    }

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

@-webkit-keyframes chatra-round-button-appear {
    from {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }

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

@keyframes chatra-round-button-appear {
    from {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5);
    }

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

@-webkit-keyframes chatra-tab-button-appear {
    from {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

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

@keyframes chatra-tab-button-appear {
    from {
        opacity: 0;
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

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

@-webkit-keyframes chatra-transparent-appear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes chatra-transparent-appear {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

html.chatra-mobile-widget-expanded,
body.chatra-mobile-widget-expanded {
    overflow: hidden !important;
    height: 100% !important;
    width: 100% !important;
    position: fixed !important;
    margin: 0 !important;
    top: 0 !important;
    left: 0 !important;
}

#chatra {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    max-height: calc(100% - 40px);
    max-width: calc(100% - 40px);
    -webkit-transition: .2s linear;
    transition: .2s linear;
    -webkit-transition-property: visibility, opacity;
    transition-property: visibility, opacity;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: auto;
    height: auto;
    min-height: 0;
    min-width: 0;
    display: block;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    margin: 0;
}

@media print {
    #chatra {
        display: none;
    }
}

#chatra__iframe-wrapper,
#chatra__iframe {
    left: 0 !important;
    top: 0 !important;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    background: transparent !important;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

#chatra__iframe-wrapper {
    position: absolute;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0 10px rgba(0, 0, 0, 0.3);
    overflow: hidden !important;
}

#chatra #chatra__iframe-wrapper,
#chatra.chatra--safari #chatra__iframe,
#chatra.chatra--webkit.chatra--expanded #chatra__iframe {
    border-radius: 12px;
}

#chatra.chatra--mobile-widget:not(.chatra--expanded),
#chatra.chatra--mobile-widget:not(.chatra--expanded) * {
    cursor: pointer;
}

#chatra.chatra--safari #chatra__iframe {
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    -webkit-mask-image: linear-gradient(#000, #000);
    mask-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    mask-image: linear-gradient(#000, #000);
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

#chatra:not(.chatra--expanded) #chatra__iframe-wrapper {
    -webkit-transition: .2s linear;
    transition: .2s linear;
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
}

#chatra:not(.chatra--expanded):hover #chatra__iframe-wrapper {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0 15px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 0 15px rgba(0, 0, 0, 0.4);
}

#chatra.chatra--visible {
    visibility: visible;
    opacity: 1;
}

#chatra.chatra--animating {
    -webkit-transition: 350ms cubic-bezier(.25, .1, 0, 1);
    transition: 350ms cubic-bezier(.25, .1, 0, 1);
    -webkit-transition-property: height, width, max-width, max-height, top, bottom, left, right, -webkit-transform;
    transition-property: height, width, max-width, max-height, top, bottom, left, right, -webkit-transform;
    transition-property: height, width, max-width, max-height, top, bottom, left, right, transform;
    transition-property: height, width, max-width, max-height, top, bottom, left, right, transform, -webkit-transform;
}

#chatra.chatra--style-round:not(.chatra--expanded) #chatra__iframe-wrapper,
#chatra.chatra--style-round.chatra--safari:not(.chatra--expanded) #chatra__iframe {
    border-radius: 50%;
}

#chatra.chatra--custom-button:not(.chatra--expanded) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none;
    -webkit-transition: none;
    transition: none;
}

#chatra.chatra--fast-toggle.chatra--style-round:not(.chatra--expanded) #chatra__iframe-wrapper {
    -webkit-animation: chatra-round-button-appear 150ms ease-out 50ms both;
    animation: chatra-round-button-appear 150ms ease-out 50ms both;
}

#chatra.chatra--fast-toggle.chatra--style-tab:not(.chatra--expanded) #chatra__iframe-wrapper {
    -webkit-animation: chatra-tab-button-appear 150ms ease-out 50ms both;
    animation: chatra-tab-button-appear 150ms ease-out 50ms both;
}

#chatra.chatra--fast-toggle.chatra--expanded #chatra__iframe-wrapper {
    -webkit-animation: chatra-chat-appear 150ms ease-out 50ms both;
    animation: chatra-chat-appear 150ms ease-out 50ms both;
}

#chatra.chatra--fast-toggle.chatra--transparent #chatra__iframe-wrapper {
    -webkit-animation-name: chatra-transparent-appear;
    animation-name: chatra-transparent-appear;
}

#chatra.chatra--fast-toggle.chatra--expanded:not(.chatra--mobile-widget):not(.chatra--transparent) #chatra__iframe-wrapper {
    -webkit-animation-name: chatra-chat-appear-from-bottom;
    animation-name: chatra-chat-appear-from-bottom;
}

#chatra.chatra--fast-toggle.chatra--pos-top.chatra--expanded:not(.chatra--mobile-widget):not(.chatra--transparent) #chatra__iframe-wrapper {
    -webkit-animation-name: chatra-chat-appear-from-top;
    animation-name: chatra-chat-appear-from-top;
}

#chatra.chatra--expanded #chatra__iframe-wrapper {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 5px 50px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1), 0 5px 50px rgba(0, 0, 0, 0.2);
}

#chatra.chatra--side-bottom {
    bottom: 20px;
}

#chatra.chatra--side-left {
    left: 20px;
}

#chatra.chatra--side-left.chatra--style-tab:not(.chatra--expanded) {
    left: 10px;
}

#chatra.chatra--side-right {
    right: 20px;
}

#chatra.chatra--side-right.chatra--style-tab:not(.chatra--expanded) {
    right: 10px;
}

#chatra.chatra--side-left.chatra--expanded {
    bottom: 20px;
    left: 20px;
}

#chatra.chatra--side-right.chatra--expanded {
    bottom: 20px;
    right: 20px;
}

#chatra.chatra--pos-right {
    right: 20px;
}

#chatra.chatra--pos-left {
    left: 20px;
}

#chatra.chatra--pos-center {
    left: 50%;
}

#chatra.chatra--pos-top.chatra--style-tab:not(.chatra--expanded) {
    bottom: 100%;
    margin-bottom: -20px;
}

#chatra.chatra--pos-top.chatra--style-round:not(.chatra--expanded) {
    top: 20px;
}

#chatra.chatra--pos-bottom:not(.chatra--expanded) {
    bottom: 20px;
}

#chatra.chatra--pos-middle:not(.chatra--expanded) {
    bottom: 50%;
}

#chatra.chatra--mobile-widget.chatra--expanded:not(.chatra--transparent) {
    max-width: none;
    max-height: none;
    top: 0 !important;
    bottom: 0 !important;
}

#chatra.chatra--mobile-widget.chatra--expanded #chatra__iframe-wrapper,
#chatra.chatra--safari.chatra--mobile-widget.chatra--expanded #chatra__iframe,
#chatra.chatra--webkit.chatra--mobile-widget.chatra--expanded #chatra__iframe {
    border-radius: .1px;
}

#chatra.chatra--mobile-widget.chatra--expanded.chatra--pos-right:not(.chatra--transparent) {
    right: 0;
}

#chatra.chatra--mobile-widget.chatra--expanded.chatra--pos-left:not(.chatra--transparent) {
    left: 0;
}

#chatra.chatra--mobile-widget.chatra--expanded.chatra--pos-center:not(.chatra--transparent) {
    left: 0;
}

#chatra.chatra--mobile-widget.chatra--expanded.chatra--side-right:not(.chatra--transparent) {
    right: 0;
}

#chatra.chatra--mobile-widget.chatra--expanded.chatra--side-left:not(.chatra--transparent) {
    left: 0;
}

#chatra.chatra--transparent.chatra--expanded {
    bottom: 10px;
}

#chatra.chatra--transparent.chatra--expanded #chatra__iframe-wrapper {
    -webkit-box-shadow: none;
    box-shadow: none;
}

#chatra.chatra--side-left.chatra--transparent,
#chatra.chatra--pos-left.chatra--transparent {
    left: 10px;
}

#chatra.chatra--side-right.chatra--transparent,
#chatra.chatra--pos-right.chatra--transparent {
    right: 10px;
}

#chatra.chatra--mobile-widget.chatra--transparent {
    max-height: 300px;
}

#chatra.chatra--bg-white {
    background: #fff;
}

.__collapsible[data-v-1c86eda6] {
                          animation: prolapsing-1c86eda6 .35s ease 0s 1 normal forwards;
                          overflow: hidden;
                          padding: 0 !important;
                          will-change: height, max-height
                      }

.__collapsible.hidden[data-v-1c86eda6] {
    display: none
}

.__collapsible.hiding[data-v-1c86eda6] {
    animation-name: collapsing-1c86eda6
}

@keyframes prolapsing-1c86eda6 {
    0% {
        height: 0;
        max-height: 0;
        opacity: 0
    }
    80% {
        opacity: 1
    }
    99.99999% {
        height: 0;
        height: var(--items-height, 0);
        max-height: 0;
        max-height: var(--items-height, 0);
        opacity: 1
    }
    to {
        height: auto
    }
}

@keyframes collapsing-1c86eda6 {
    0% {
        height: 0;
        height: var(--items-height, 0);
        max-height: 0;
        max-height: var(--items-height, 0);
        opacity: 1
    }
    20% {
        opacity: 1
    }
    to {
        height: 0;
        max-height: 0;
        opacity: 0
    }
}
.loading-placeholder[data-v-662df65c] {
                          animation: placeholder-loading-662df65c 2s ease 0s infinite normal forwards;
                          background: #22242c;
                          border-radius: 16px;
                          height: 1em;
                          will-change: opacity
                      }

.loading-placeholder[type=image][data-v-662df65c] {
    background: #32343f
}

@keyframes placeholder-loading-662df65c {
    0% {
        opacity: 1
    }
    40% {
        opacity: .6
    }
    60% {
        opacity: .6
    }
    to {
        opacity: 1
    }
}
.search-line-suggest[data-v-537490e3] {
                          background: var(--common-background-color);
                          border-radius: 16px;
                          display: grid;
                          grid-auto-rows: auto;
                          max-height: 300px;
                          overflow: auto;
                          padding: 10px;
                          scrollbar-width: none
                      }

.search-line-suggest[data-v-537490e3]::-webkit-scrollbar {
    display: none
}

.search-line-suggest.any-items[data-v-537490e3] {
    grid-auto-rows: 56px
}

.search-line-suggest .item[data-v-537490e3] {
    grid-column-gap: 10px;
    border-radius: 13px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: grid;
    grid-template-columns:68px 1fr;
    grid-template-rows:minmax(0, 1fr);
    max-height: 56px;
    padding: 5px;
    position: relative;
    transition: background-color .5s ease
}

.search-line-suggest .item .img[data-v-537490e3] {
    border-radius: 8px;
    display: flex;
    grid-column: 1;
    grid-row: 1/3;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.search-line-suggest .item .img .background[data-v-537490e3] {
    filter: blur(10px);
    height: 100%;
    position: absolute;
    transform: scale(1.2);
    transform-origin: center;
    width: 100%
}

.search-line-suggest .item .img .background.hidden[data-v-537490e3] {
    display: none
}

.search-line-suggest .item .img .foreground[data-v-537490e3] {
    height: 100%;
    position: absolute;
    z-index: 1
}

.search-line-suggest .item .img .placeholder[data-v-537490e3] {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.search-line-suggest .item .img .placeholder.hidden[data-v-537490e3] {
    display: none
}

.search-line-suggest .item .name[data-v-537490e3] {
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .015em;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-line-suggest .item .provider[data-v-537490e3] {
    color: var(--bit-darker-foreground-color);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 16px
}

.search-line-suggest .item.loading .img[data-v-537490e3] {
    height: 100%
}

.search-line-suggest .item.loading .name[data-v-537490e3] {
    height: 24px;
    width: 80%
}

.search-line-suggest .item.loading .provider[data-v-537490e3] {
    height: 16px;
    width: 40%
}

.search-line-suggest .item[data-v-537490e3]:hover {
    background: #2f343e;
    transition-duration: .1s
}

.search-line-suggest .empty[data-v-537490e3] {
    height: 190px;
    max-width: 100%
}

.search-line-suggest .first-hint-box[data-v-537490e3] {
    align-items: center;
    display: flex;
    height: 96px;
    justify-content: center;
    width: 100%
}

.search-line-suggest .first-hint-box .first-hint[data-v-537490e3] {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 18px;
    max-width: 220px;
    text-align: center
}
.search-line[data-v-0ab8f085] {
                          --local-gap: 0;
                          position: relative;
                          transition-duration: .25s;
                          transition-timing-function: ease
                      }

.search-line *[data-v-0ab8f085] {
    transition-duration: inherit;
    transition-timing-function: inherit
}

.search-line .suggest[data-v-0ab8f085] {
    margin-top: 5px;
    position: absolute;
    width: 100%;
    z-index: 1
}

.search-line label[data-v-0ab8f085] {
    background: var(--common-background-color);
    border: 2px solid var(--common-background-color);
    border-radius: 16px;
    padding: 12px 8px;
    transition-property: border-color
}

.search-line label input[data-v-0ab8f085] {
    background: none;
    border: none;
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 16px;
    outline: none;
    transition-property: color;
    width: 100%
}

.search-line label input[data-v-0ab8f085]::-webkit-autofill, .search-line label input[data-v-0ab8f085]::-webkit-contacts-auto-fill-button, .search-line label input[data-v-0ab8f085]::-webkit-credentials-auto-fill-button, .search-line label input[data-v-0ab8f085]::-webkit-search-cancel-button, .search-line label input[data-v-0ab8f085]::-webkit-search-decoration, .search-line label input[data-v-0ab8f085]::-webkit-search-results-button, .search-line label input[data-v-0ab8f085]::-webkit-search-results-decoration {
    display: none;
    visibility: hidden
}

.search-line label .placeholder[data-v-0ab8f085] {
    --local-gap: 8px;
    color: var(--bit-darker-foreground-color-alt);
    pointer-events: none;
    position: absolute;
    transition-duration: .1s;
    transition-property: opacity
}

.search-line label .placeholder span[data-v-0ab8f085] {
    color: inherit
}

@media (max-width: 999px) {
    .search-line label[data-v-0ab8f085] {
        padding: 8px
    }
}

@media (max-width: 340px) {
    .search-line label input[data-v-0ab8f085] {
        font-size: 12px
    }
}

.search-line.focused label[data-v-0ab8f085] {
    border-color: #2f343e
}

.search-line.placeholder-hidden label .placeholder[data-v-0ab8f085] {
    opacity: 0
}

.search-line.suggest-hidden .suggest[data-v-0ab8f085] {
    display: none
}
.game-card[data-v-2ac16ab6] {
                          --max-image-height: calc(var(--item-width, 100px) / 1.45);
                          --brad: 16px;
                          display: flex;
                          height: 100%;
                          max-height: auto;
                          max-width: auto;
                          max-width: var(--item-width, auto);
                          min-width: auto;
                          min-width: var(--item-width, auto);
                          overflow: hidden;
                          position: relative
                      }

.game-card .info-icon svg[data-v-2ac16ab6], .game-card .play-icon[data-v-2ac16ab6] {
    --svg-color: currentColor;
    color: hsla(0, 0%, 100%, 0);
    transition: color .35s ease-in-out
}

.game-card .play-icon[data-v-2ac16ab6] {
    height: 30px
}

.game-card .image-part[data-v-2ac16ab6] {
    height: 100%;
    height: var(--max-image-height);
    max-height: var(--max-image-height)
}

.game-card .image-part[data-v-2ac16ab6], .game-card .image-part .logos[data-v-2ac16ab6] {
    border-radius: var(--brad);
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.game-card .image-part .logos[data-v-2ac16ab6] {
    height: 100%;
    max-height: inherit;
    width: 100%
}

.game-card .image-part .logos .placeholder[data-v-2ac16ab6] {
    border-radius: var(--brad);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.game-card .text-part[data-v-2ac16ab6] {
    letter-spacing: .015em;
    margin-left: 10px;
    margin-top: 5px
}

.game-card .text-part .title[data-v-2ac16ab6] {
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 800;
    line-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.game-card .text-part .description[data-v-2ac16ab6] {
    color: var(--bit-darker-foreground-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.game-card:hover .game .image-part .logos[data-v-2ac16ab6] {
    filter: brightness(.6)
}

.game-card:hover .game .play-icon[data-v-2ac16ab6], .game-card:hover .info-icon svg[data-v-2ac16ab6] {
    color: #fff;
    transition-duration: .1s
}

.game-card.loading[data-v-2ac16ab6] {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 146px
}

.game-card.loading .image[data-v-2ac16ab6] {
    height: var(--max-image-height);
    max-height: var(--max-image-height)
}

.info-icon[data-v-2ac16ab6] {
    background: none;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    line-height: 0;
    margin: -7px;
    padding: 7px;
    position: absolute;
    right: 10px;
    top: 10px
}

.info-icon.active[data-v-2ac16ab6] {
    opacity: 1
}

.game[data-v-2ac16ab6] {
    display: inline-block;
    max-height: 100%;
    width: 100%
}

.game[data-v-2ac16ab6], .game .foreground[data-v-2ac16ab6] {
    height: 100%;
    position: relative
}

.game .foreground[data-v-2ac16ab6] {
    max-height: inherit
}

.game .background-blur[data-v-2ac16ab6] {
    filter: blur(10px);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    transform: scale(1.2);
    transform-origin: center;
    width: 100%
}
.game-card .info-icon path, .game-card .play-icon path {
                          color: inherit
                      }
.group-carousel[data-v-4c8427e4] {
                          background: none;
                          max-width: 100%;
                          width: 100vw
                      }

.group-carousel .track[data-v-4c8427e4] {
    display: flex;
    justify-content: flex-start;
    transform: translateX(calc(0px - var(--track-offset)))
}

.group-carousel .track.animated[data-v-4c8427e4] {
    transition: transform .35s ease
}

.group-carousel .track.animated .item[data-v-4c8427e4] {
    transition: width .15s ease
}

.group-carousel .track .item[data-v-4c8427e4] {
    max-width: var(--item-width);
    min-width: var(--item-width);
    position: relative;
    width: var(--item-width)
}

.group-carousel .track .item .std-item-content[data-v-4c8427e4] {
    display: flex;
    flex-direction: column;
    height: auto;
    position: relative;
    width: 100%
}

.group-carousel .track .item .std-item-content img[data-v-4c8427e4] {
    border-radius: 16px;
    height: inherit;
    width: 100%
}

.group-carousel .track .item[data-v-4c8427e4]:not(.visible) {
    visibility: hidden
}

.group-carousel .track .item:not(.visible) > *[data-v-4c8427e4] {
    display: none
}
.wrapped-group-carousel[data-v-6a354491] {
                          position: relative;
                          width: 100%
                      }

.wrapped-group-carousel .header-line[data-v-6a354491] {
    align-items: center;
    display: flex;
    height: 38px;
    justify-content: space-between;
    margin-bottom: 10px
}

.wrapped-group-carousel .header-line .buttons[data-v-6a354491] {
    display: flex;
    margin-right: -10px
}

.wrapped-group-carousel .header-line .buttons button[data-v-6a354491] {
    background: none;
    border: none;
    cursor: pointer;
    padding: 5px 10px
}
.games-group .header {
                          --svg-color: var(--bright-foreground-color);
                          align-items: center;
                          color: var(--bright-foreground-color);
                          display: flex;
                          font-size: 18px;
                          font-weight: 500;
                          letter-spacing: .015em;
                          line-height: 24px
                      }

.games-group .header svg {
    height: 20px;
    margin-right: 8px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    width: 20px
}

@media (max-width: 999px) {
    .games-group .header {
        font-size: 16px
    }
}
.load-more-button[data-v-b43f01a0] {
                          background: var(--common-background-color);
                          border: none;
                          border-radius: 16px;
                          color: var(--common-foreground-color);
                          cursor: pointer;
                          font-size: 14px;
                          font-weight: 500;
                          letter-spacing: .015em;
                          line-height: 24px;
                          padding: 12px 20px;
                          position: relative;
                          transition-duration: .25s;
                          transition-property: color, opacity;
                          transition-timing-function: ease
                      }

.load-more-button span[data-v-b43f01a0] {
    color: inherit;
    transition: inherit
}

.load-more-button[data-v-b43f01a0]:not([disabled]):hover {
    color: var(--bright-foreground-color)
}

.load-more-button .loader[data-v-b43f01a0] {
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: inherit
}

.load-more-button.loading span[data-v-b43f01a0] {
    opacity: 0
}

.load-more-button.loading .loader[data-v-b43f01a0] {
    opacity: 1
}

.load-more-button[disabled][data-v-b43f01a0]:not(.loading) {
    cursor: not-allowed;
    filter: brightness(.7)
}
.games-grid[data-v-5437081c] {
                          position: relative
                      }

.games-grid .inner-grid[data-v-5437081c] {
    grid-gap: var(--gap);
    display: grid;
    gap: var(--gap);
    grid-template-columns:repeat(var(--items-in-row), 1fr)
}

.games-grid .load-more-line[data-v-5437081c] {
    display: flex;
    justify-content: center;
    margin-top: 40px
}
.games .header[data-v-488e97cb] {
                          align-items: center;
                          color: var(--bright-foreground-color);
                          display: flex;
                          font-size: 18px;
                          font-weight: 500;
                          gap: 8px;
                          letter-spacing: .015em;
                          line-height: 24px
                      }

.games .header svg[data-v-488e97cb] {
    height: 20px;
    max-height: 20px;
    max-width: 20px;
    min-height: 20px;
    min-width: 20px;
    width: 20px
}
.simple-drop-down[data-v-112cd7e4] {
                          display: inline-block;
                          position: relative;
                          z-index: 10
                      }

.simple-drop-down[direction=bottom] .collapsible[data-v-112cd7e4] {
    top: 100%
}

.simple-drop-down[direction=top] .collapsible[data-v-112cd7e4] {
    bottom: 100%
}

.simple-drop-down .collapsible[data-v-112cd7e4] {
    background-color: var(--dark-background-color);
    margin-top: 5px;
    min-width: 100%;
    z-index: 1
}

.simple-drop-down .activator[data-v-112cd7e4] {
    background: inherit;
    border: none;
    width: 100%
}

.simple-drop-down.popover .collapsible[data-v-112cd7e4] {
    border-radius: 10px;
    box-shadow: 0 8px 12px rgba(0, 0, 0, .25);
    position: absolute
}
.dropdown-template .activator[data-v-1bab8f50] {
                          background: var(--dark-background-color);
                          border-radius: 10px;
                          cursor: pointer;
                          font-size: 14px;
                          font-weight: 500;
                          letter-spacing: .015em;
                          line-height: 22px;
                          padding: 6px 21px 6px 10px;
                          text-align: left
                      }

.dropdown-template .activator .selected[data-v-1bab8f50] {
    color: var(--bright-foreground-color);
    margin-right: 6px
}

.dropdown-template .activator .title[data-v-1bab8f50] {
    color: var(--common-foreground-color)
}

.dropdown-template .activator .chevron[data-v-1bab8f50] {
    margin-top: 1px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: center;
    transition: transform .25s ease
}

.dropdown-template.active .activator .chevron[data-v-1bab8f50] {
    transform: translateY(-50%) rotate(.5turn)
}
.provider-dropdown .options-wrapper[data-v-5435c1b9] {
                          max-height: 277px;
                          max-width: 322px;
                          overflow: hidden;
                          overflow-y: auto;
                          padding: 10px;
                          scrollbar-color: var(--dark-foreground-color) var(--body-background-color)
                      }

.provider-dropdown .options-wrapper[data-v-5435c1b9]::-webkit-scrollbar {
    background-color: var(--common-background-color);
    width: 4px
}

.provider-dropdown .options-wrapper[data-v-5435c1b9]::-webkit-scrollbar-thumb {
    background-color: var(--bright-background-color);
    border-radius: 10px;
    width: 4px
}

.provider-dropdown .options-wrapper .item[data-v-5435c1b9] {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px;
    margin-left: 5px;
    text-align: left;
    transition: color .5s ease
}

.provider-dropdown .options-wrapper .item.selected[data-v-5435c1b9], .provider-dropdown .options-wrapper .item[data-v-5435c1b9]:focus, .provider-dropdown .options-wrapper .item[data-v-5435c1b9]:hover {
    color: var(--bright-foreground-color);
    transition-duration: .1s
}

.provider-dropdown .options-wrapper .grouped-block[data-v-5435c1b9] {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.provider-dropdown .options-wrapper .group[data-v-5435c1b9] {
    display: inline-flex
}

.provider-dropdown .options-wrapper .group .items[data-v-5435c1b9] {
    display: flex;
    flex-direction: column;
    width: -moz-max-content;
    width: max-content
}

.provider-dropdown .options-wrapper .group .items .item[data-v-5435c1b9] {
    margin-bottom: 3px;
    padding-top: 2px
}

.provider-dropdown .options-wrapper .letter-wrapper[data-v-5435c1b9] {
    margin-bottom: 3px;
    max-width: 16px;
    min-width: 16px;
    padding-top: 1px
}

.provider-dropdown .options-wrapper .letter-wrapper .letter[data-v-5435c1b9] {
    color: var(--bit-darker-foreground-color);
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 24px;
    min-height: 24px;
    text-align: center;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 500px) {
    .provider-dropdown .options-wrapper[data-v-5435c1b9] {
        height: calc(var(--true-screen-height) - var(--dropdown-top-offset) - 67px);
        max-height: 265px;
        overflow-y: scroll;
        width: 161px
    }

    .provider-dropdown .options-wrapper .grouped-block[data-v-5435c1b9] {
        -moz-column-count: 1;
        column-count: 1
    }
}
.sort-dropdown .items[data-v-5e2f0886] {
                          align-items: flex-start;
                          display: flex;
                          flex-direction: column;
                          padding: 10px;
                          width: 100%
                      }

.sort-dropdown .items .item[data-v-5e2f0886] {
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px;
    text-align: left;
    transition: color .5s ease
}

.sort-dropdown .items .item.selected[data-v-5e2f0886], .sort-dropdown .items .item[data-v-5e2f0886]:focus, .sort-dropdown .items .item[data-v-5e2f0886]:hover {
    color: var(--bright-foreground-color);
    transition-duration: .1s
}

.sort-dropdown .items .item[data-v-5e2f0886]:not(:first-child) {
    margin-top: 5px
}
.game-warning-modal .mobile-view.content[data-v-903580e0] {
                          border-radius: 0;
                          max-width: 100vw;
                          min-height: calc(100% - 57px - var(--mobile-bottom-offset))
                      }

.game-warning-modal .content[data-v-903580e0] {
    background: var(--button-background-color);
    border-radius: 16px;
    max-width: 410px;
    min-height: 364px;
    padding: 30px;
    position: relative;
    width: 100vw
}

.game-warning-modal .content .title[data-v-903580e0] {
    color: #ed9017;
    font-size: 20px;
    font-weight: 700
}

.game-warning-modal .content .description[data-v-903580e0] {
    color: #f0f2f5;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 20px;
    margin-top: 24px
}

.game-warning-modal .content .mark[data-v-903580e0] {
    color: #959aa2;
    font-size: 12px;
    font-weight: 500
}
.central-content[data-v-e3c71218] {
                          margin-top: 40px;
                          position: relative
                      }

.central-content .tabs-header[data-v-e3c71218] {
    max-width: -moz-max-content;
    max-width: max-content
}

.central-content .tabs-body[data-v-e3c71218] {
    height: var(--current-tab-height);
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    max-width: 1190px;
    min-height: 150px;
    width: 100%
}

.central-content .tabs-body .slide[data-v-e3c71218] {
    padding-bottom: 50px;
    width: 100%
}

.central-content .tabs-body .slide.casher-games[data-v-e3c71218] {
    padding-bottom: 60px
}

.central-content .tooltip[data-v-e3c71218] {
    z-index: 10
}

.central-content.loaded .tabs-body[data-v-e3c71218] {
    transition: all .25s ease
}

.central-content .games-group[data-v-e3c71218]:not(:first-child) {
    margin-top: 30px
}

.central-content .games-group.grid[data-v-e3c71218] {
    margin-top: 20px
}

.central-content .dropdowns[data-v-e3c71218] {
    display: flex
}

.central-content .header-n-search[data-v-e3c71218] {
    width: 100%
}

.central-content .header-n-search .search-line[data-v-e3c71218] {
    max-width: calc(100vw - 20px);
    width: 350px
}

@media (max-width: 1300px) {
    .central-content[data-v-e3c71218] {
        margin-top: 20px
    }

    .central-content .tabs-body[data-v-e3c71218] {
        margin-top: 20px;
        width: 100%
    }

    .central-content .tabs-header[data-v-e3c71218] {
        max-width: 100vw;
        width: 100%
    }

    .central-content .tabs-header .std-item[data-v-e3c71218] {
        padding: 11px 0
    }

    .central-content .header-n-search[data-v-e3c71218] {
        align-items: stretch;
        flex-direction: column
    }

    .central-content .header-n-search .search-line[data-v-e3c71218] {
        margin-top: 20px;
        width: 100%
    }
}

@media (max-width: 999px) {
    .central-content[data-v-e3c71218] {
        margin-bottom: 30px;
        margin-top: 15px
    }

    .central-content .games-group[data-v-e3c71218]:not(:first-child) {
        margin-top: 15px
    }

    .central-content .tabs-body[data-v-e3c71218] {
        margin-top: 15px;
        width: calc(100% - 30px)
    }

    .central-content .tabs-body .slide[data-v-e3c71218] {
        padding-bottom: 0
    }

    .central-content .tabs-header[data-v-e3c71218] {
        max-width: 100vw;
        width: 100%
    }

    .central-content .tabs-header .std-item[data-v-e3c71218] {
        font-size: 12px;
        line-height: 24px;
        padding: 7px 0
    }

    .central-content .dropdowns[data-v-e3c71218] {
        justify-content: space-between
    }

    .central-content .header-n-search[data-v-e3c71218] {
        padding-left: 15px;
        padding-right: 15px
    }

    .central-content .header-n-search .search-line[data-v-e3c71218] {
        margin-top: 15px
    }
}

@media (max-width: 540px) {
    .central-content .tabs-body[data-v-e3c71218] {
        width: calc(100% - 20px)
    }

    .central-content .header-n-search[data-v-e3c71218] {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width: 440px) {
    .central-content[data-v-e3c71218] {
        --items-horizontal-paddings: 10px;
        margin-top: 10px
    }

    .central-content .games-group[data-v-e3c71218], .central-content .tabs-body[data-v-e3c71218] {
        margin-top: 10px
    }

    .central-content .tabs-header[data-v-e3c71218] {
        --local-gap: 5px;
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 0;
        padding-right: 0;
        width: calc(100% + 20px)
    }

    .central-content .tabs-header .std-item[data-v-e3c71218] {
        border-radius: 16px;
        padding: 7px 20px
    }

    .central-content .tabs-header .std-item.first[data-v-e3c71218], .central-content .tabs-header .std-item.last[data-v-e3c71218] {
        border-radius: 16px
    }

    .central-content .header-n-search .search-line[data-v-e3c71218] {
        margin-top: 10px
    }
}

@media (max-width: 340px) {
    .central-content[data-v-e3c71218] {
        margin-bottom: 20px
    }

    .central-content .games-group[data-v-e3c71218]:not(:first-child) {
        margin-top: 10px
    }
}
.carousel[data-v-6a644c48] {
                          display: flex !important;
                          height: 100%;
                          justify-content: var(--start-justify) !important;
                          max-height: 100%;
                          overflow: hidden;
                          position: relative;
                          transition: all .05s ease-in-out;
                          width: auto
                      }

.track[data-v-6a644c48] {
    --carousel-local-gap: var(--slides-gap);
    align-items: center;
    display: flex;
    justify-content: center;
    max-height: 100%;
    transform-style: preserve-3d;
    will-change: transform
}

.track > *[data-v-6a644c48] {
    flex-shrink: 0;
    margin-left: calc(var(--carousel-local-gap) / 2);
    margin-right: calc(var(--carousel-local-gap) / 2);
    width: var(--carousel-width)
}

.track[data-v-6a644c48] > :first-child {
    margin-left: 0
}

.track[data-v-6a644c48] > :last-child {
    margin-right: 0
}

div.overlay[data-v-6a644c48] {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}
div.carousel > div.track + div.overlay > * {
                          pointer-events: all
                      }
.limiter[data-v-ff6ba136] {
                          --paddings: 20px;
                          --gap: 40px;
                          --local-gap: var(--gap);
                          --limiter-content-width: calc(var(--limiter-width) - var(--paddings) * 2);
                          --limiter-content-percent: calc(var(--limiter-content-width) / 100);
                          align-items: stretch;
                          display: flex;
                          flex-direction: column;
                          justify-content: flex-start;
                          margin: 0 auto;
                          max-width: 1200px;
                          padding: 20px 20px 0;
                          padding: var(--paddings) var(--paddings) 0
                      }

.limiter .carousel-limiter[data-v-ff6ba136] {
    align-items: stretch;
    display: flex;
    justify-content: center;
    margin: 1px auto 0;
    max-height: 208px;
    max-width: 100%;
    position: relative;
    width: 100%
}

@media (max-width: 500px) {
    .limiter .carousel-limiter[data-v-ff6ba136] {
        max-height: 208px;
        padding: 0
    }
}

@media (min-width: 801px) {
    .limiter .carousel-limiter[data-v-ff6ba136] {
        margin-top: 20px;
        max-height: 229px
    }
}

@media (max-width: 800px) {
    .limiter .carousel-limiter[data-v-ff6ba136] {
        margin: 0;
        max-height: 208px;
        max-width: 100vw;
        padding: 0;
        width: 100vw
    }
}

.limiter .carousel-limiter .arrow[data-v-ff6ba136] {
    --size: 20px;
    --offset: var(--size);
    cursor: pointer;
    height: 20px;
    height: var(--size);
    overflow: visible;
    position: absolute;
    top: 50%;
    transition: all .25s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 20px;
    width: var(--size)
}

.limiter .carousel-limiter .arrow[data-v-ff6ba136]:hover {
    filter: brightness(.8)
}

.limiter .carousel-limiter .arrow[data-v-ff6ba136]:active {
    filter: brightness(.6);
    transition-duration: .01s
}

.limiter .carousel-limiter .arrow.left[data-v-ff6ba136] {
    left: var(--offset);
    transform: translateY(-50%)
}

.limiter .carousel-limiter .arrow.right[data-v-ff6ba136] {
    right: var(--offset);
    transform: translateY(-50%) rotate(180deg)
}

@media (max-width: 1280px) {
    .limiter .carousel-limiter .arrow[data-v-ff6ba136] {
        --size: 18px
    }
}

@media (max-width: 1100px) {
    .limiter .carousel-limiter .arrow[data-v-ff6ba136] {
        --size: 18px
    }
}

@media (max-width: 800px) {
    .limiter .carousel-limiter .arrow[data-v-ff6ba136] {
        --size: 20px
    }
}

@media (max-width: 520px) {
    .limiter .carousel-limiter .arrow[data-v-ff6ba136] {
        --offset: 10px
    }
}

@media (max-width: 360px) {
    .limiter .carousel-limiter .arrow[data-v-ff6ba136] {
        --size: 18px
    }
}

.limiter .carousel-limiter .slide[data-v-ff6ba136] {
    align-items: center;
    aspect-ratio: 452/168;
    border-radius: 16px;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0 10px;
    max-height: 208px;
    max-width: 560px;
    overflow: hidden;
    position: relative;
    width: auto;
    width: 100%
}

.limiter .carousel-limiter .slide svg[data-v-ff6ba136] {
    max-height: 100%;
    max-width: 100%
}

.limiter .carousel-limiter .slide img[data-v-ff6ba136] {
    max-height: 100%;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 1280px) {
    .limiter .carousel-limiter .slide[data-v-ff6ba136] {
        height: auto;
        width: calc(var(--limiter-content-percent) * 48.27)
    }
}

@media (max-width: 800px) {
    .limiter .carousel-limiter .slide[data-v-ff6ba136] {
        height: auto;
        max-width: 73.5vw;
        width: 100%
    }
}

@media (max-width: 520px) {
    .limiter .carousel-limiter .slide[data-v-ff6ba136] {
        margin: 0 6.25px;
        width: 72.917vw
    }
}

@media (max-width: 360px) {
    .limiter .carousel-limiter .slide[data-v-ff6ba136] {
        margin: 0 4.3px;
        max-width: 75.71875vw
    }
}

.limiter .carousel-limiter .dots[data-v-ff6ba136] {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 16px;
    justify-content: center;
    left: 0;
    overflow: visible;
    pointer-events: none;
    position: absolute;
    right: 0
}

.limiter .carousel-limiter .dots .dot[data-v-ff6ba136] {
    --size: calc(var(--limiter-content-percent) * 0.855);
    background: hsla(217, 7%, 61%, .502);
    border-radius: 50%;
    cursor: pointer;
    height: calc(var(--limiter-content-percent) * .855);
    height: var(--size);
    margin: 0 calc(var(--limiter-content-percent) * 1.03445 / 2) calc(var(--limiter-content-percent) * 1.207);
    overflow: visible;
    pointer-events: auto;
    transition: all .25s ease-in-out;
    width: calc(var(--limiter-content-percent) * .855);
    width: var(--size)
}

.limiter .carousel-limiter .dots .dot[data-v-ff6ba136]:hover {
    background: rgba(16, 186, 168, .6)
}

.limiter .carousel-limiter .dots .dot.active[data-v-ff6ba136] {
    background: #10baa8;
    box-shadow: 0 0 0 calc(var(--limiter-content-percent) * .345) hsla(217, 7%, 61%, .502)
}

@media (max-width: 768px) {
    .limiter .carousel-limiter .dots[data-v-ff6ba136] {
        display: none
    }
}

@media (max-width: 999px) {
    body .limiter[data-v-ff6ba136] {
        --paddings: 0 10px 0
    }
}

@media (max-width: 800px) {
    .limiter[data-v-ff6ba136] {
        --local-gap: 20px
    }
}

@media (max-width: 520px) {
    .limiter[data-v-ff6ba136] {
        --local-gap: 10px
    }
}
<link data-n-head="1" data-hid="i18n-alt-en" rel="alternate" href="/en" hreflang="en">
<link data-n-head="1" data-hid="i18n-alt-en-US" rel="alternate" href="/en" hreflang="en-US">
<link data-n-head="1" data-hid="i18n-alt-ru" rel="alternate" href="/" hreflang="ru">
<link data-n-head="1" data-hid="i18n-alt-ru-RU" rel="alternate" href="/" hreflang="ru-RU">
<link data-n-head="1" data-hid="i18n-xd" rel="alternate" href="/" hreflang="x-default">
<link data-n-head="1" data-hid="i18n-can" rel="canonical" href="/">
<meta data-n-head="1" data-hid="i18n-og" property="og:locale" content="ru_RU">
<meta data-n-head="1" data-hid="i18n-og-alt-en-US" property="og:locale:alternate" content="en_US">
.header[data-v-446d0151] {
                          font-size: 13px;
                          font-weight: 500;
                          line-height: 13px;
                          margin-bottom: 4px
                      }

@media (max-width: 1279px) {
    .header[data-v-446d0151] {
        font-size: 13px;
        font-weight: 500;
        line-height: 13px;
        margin-bottom: 5px
    }
}

.wrapper[data-v-446d0151] {
    position: relative;
    width: 100%
}

.focused .labelzone[data-v-446d0151] {
    border: 2px solid var(--button-background-color-alt);
    transition-duration: .1s
}

.labelzone[data-v-446d0151] {
    background: #15151a;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--common-text-color-bright);
    font-size: var(--font-size);
    font-style: normal;
    font-weight: var(--font-weight);
    letter-spacing: .015em;
    line-height: 1;
    padding: var(--paddings);
    position: relative;
    transition: all .35s ease-in-out
}

.labelzone .placeholder[data-v-446d0151], .labelzone[disabled][data-v-446d0151] {
    color: var(--common-text-color)
}

.labelzone .placeholder[data-v-446d0151] {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    left: var(--placeholder-offset-left);
    letter-spacing: inherit;
    line-height: inherit;
    opacity: .76;
    pointer-events: none;
    position: absolute;
    top: var(--placeholder-offset-top);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.labelzone .placeholder.hidden[data-v-446d0151] {
    opacity: 0
}

.labelzone .inputfield[data-v-446d0151] {
    color: inherit;
    display: flex;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit
}

.labelzone .additional[data-v-446d0151], .labelzone .input[data-v-446d0151] {
    color: inherit;
    display: inline-block;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit
}

.labelzone .input[data-v-446d0151] {
    background: transparent;
    border: none;
    min-width: var(--min-length);
    outline: none;
    width: var(--input-width)
}

.labelzone .input[data-v-446d0151]::-moz-placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.labelzone .input[data-v-446d0151]::placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.labelzone input.input[data-v-446d0151] {
    width: var(--input-width)
}

.labelzone .hidden-width-former[data-v-446d0151] {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    height: 0;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: pre
}

.overlay[data-v-446d0151] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 768px) {
    .labelzone input[data-v-446d0151] {
        font-size: 14px;
        line-height: 18px !important
    }
}

.wrapper.error .input[data-v-446d0151] {
    color: #e02f03
}
.wrapper .labelzone .overlay {
                          pointer-events: none
                      }

.wrapper .labelzone .overlay :not(.overlay-content) {
    pointer-events: auto
}
.field[data-v-6cf5623c] {
                          background: var(--input-background-color);
                          border-radius: 12px;
                          display: flex;
                          margin: calc(var(--gap) / 4) 0 calc(var(--gap) / 2) 0;
                          position: relative
                      }

.field button[data-v-6cf5623c] {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-width: 44px;
    padding: 0 10px;
    transition: all .45s ease-in-out
}

.field button.overlayed[data-v-6cf5623c] {
    bottom: 0;
    position: absolute;
    right: 0;
    top: 0
}

.field button svg[data-v-6cf5623c] {
    height: 18px;
    overflow: visible;
    width: auto
}

.field button[data-v-6cf5623c]:hover {
    color: var(--bright-foreground-color);
    transition-duration: .15s
}

.field input[data-v-6cf5623c] {
    padding-right: 44px
}

.blocked[data-v-6cf5623c] {
    filter: brightness(.6);
    pointer-events: none
}

.close[data-v-6cf5623c] {
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 20px;
    width: 14px
}

.modal[data-v-6cf5623c] {
    background: var(--button-background-color);
    border-radius: 16px;
    max-width: 400px;
    overflow: auto;
    padding: 20px 20px 10px;
    width: 400px
}

.input-wrapper[data-v-6cf5623c] {
    --local-gap: 5px;
    display: flex;
    flex-direction: column
}

.input-wrapper .label[data-v-6cf5623c] {
    margin-left: 5px
}

.input-wrapper > *[data-v-6cf5623c] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.input-wrapper[data-v-6cf5623c] > :first-child {
    margin-top: 0
}

.input-wrapper[data-v-6cf5623c] > :last-child {
    margin-bottom: 0
}

.input-wrapper div[data-v-6cf5623c] {
    color: #959aa2;
    font-family: "SF UI Display", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px
}

.input-icon[data-v-6cf5623c] {
    position: relative
}

.input-icon .edit-icon[data-v-6cf5623c] {
    cursor: pointer;
    right: 10px
}

.input-icon .edit-icon[data-v-6cf5623c], .input-icon > div[data-v-6cf5623c] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.input-icon > div[data-v-6cf5623c] {
    right: 0
}

.input-icon .copy-button[data-v-6cf5623c] {
    align-items: center;
    background: #2c313b;
    border-radius: 16px;
    cursor: pointer;
    display: flex;
    height: 46px;
    justify-content: center;
    width: 46px
}

.input-icon .copy-icon[data-v-6cf5623c] {
    height: 18px;
    width: 16px
}

.input-block[data-v-6cf5623c] {
    --local-gap: 20px;
    display: flex;
    flex-direction: column;
    width: 100%
}

.input-block > *[data-v-6cf5623c] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.input-block[data-v-6cf5623c] > :first-child {
    margin-top: 0
}

.input-block[data-v-6cf5623c] > :last-child {
    margin-bottom: 0
}

.game-check[data-v-6cf5623c] {
    color: #959aa2;
    cursor: pointer;
    font-family: "SF UI Display", sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-top: 10px
}

.game-check span[data-v-6cf5623c] {
    font-size: 16px
}

button[data-v-6cf5623c] {
    background: #10baa8;
    border: none;
    border-radius: 16px;
    cursor: pointer;
    margin-top: 20px;
    padding: 12px;
    text-align: center
}

button[data-v-6cf5623c], input[data-v-6cf5623c] {
    color: #f0f2f5;
    font-family: "SF UI Display", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px;
    width: 100%
}

input[data-v-6cf5623c] {
    background: #16171d;
    border-radius: 16px;
    height: 46px;
    margin: auto;
    outline: none;
    padding: 10px
}

.main[data-v-6cf5623c] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 400px) {
    .modal[data-v-6cf5623c] {
        background: var(--button-background-color);
        border-radius: 0;
        max-height: calc(100vh - 115px);
        overflow: auto;
        padding: 10px;
        width: 100%
    }

    .modal-close-button[data-v-6cf5623c] {
        --modal-close-button-padding: 10px;
        --modal-close-button-pos: 10px
    }
}
button[data-v-83cc2ec4]:disabled {
                          pointer-events: none
                      }

.game-wrapper[data-v-83cc2ec4] {
    --left-side-width: 332px;
    --right-side-width: 826px;
    --top-row-height: 64px;
    --center-row-height: 403px;
    --bottom-row-height: 86px;
    --gap: 2px;
    --history-height: var(--bottom-row-height);
    grid-gap: 2px;
    grid-gap: var(--gap);
    --padding: 20px;
    display: grid;
    gap: 2px;
    gap: var(--gap);
    grid-template-columns:332px 1fr;
    grid-template-rows:64px 403px 86px;
    grid-template-rows:var(--top-row-height) var(--center-row-height) var(--bottom-row-height);
    margin: 0 auto;
    max-width: 1160px;
    min-width: 300px;
    width: calc(100% - 40px)
}

.bottom-line .expanding[data-v-83cc2ec4] {
    background: var(--game-template-secondary-color);
    border-radius: 0 0 16px 0;
    bottom: 0;
    height: 300%;
    max-height: 100%;
    position: absolute;
    width: 100%
}

.game-title[data-v-83cc2ec4] {
    color: var(--common-text-color-bright);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .015em;
    text-transform: capitalize
}

@media (max-width: 1279px) {
    .game-wrapper[max-width~="1040px"][data-v-83cc2ec4] {
        --top-row-height: 60px;
        --center-row-height: 470px;
        --bottom-row-height: 228fr;
        --history-height: 86px;
        --right-side-width: 218fr;
        --gap: 0px;
        grid-template-columns:1fr;
        grid-template-rows:60px 470px 228fr;
        grid-template-rows:var(--top-row-height) var(--center-row-height) var(--bottom-row-height)
    }

    .game-wrapper[max-width~="1040px"] .bet-panel[data-v-83cc2ec4] {
        margin-top: 10px
    }

    .game-wrapper[max-width~="1040px"] .header[data-v-83cc2ec4] {
        background: var(--button-background-color-alt);
        border-radius: 16px 16px 0 0;
        grid-column: 1/1;
        grid-row: 1/2
    }

    .game-wrapper[max-width~="1040px"] .right-side[data-v-83cc2ec4] {
        border-radius: 0 0 16px 16px;
        grid-column: 1/1;
        grid-row: 2/3
    }

    .game-wrapper[max-width~="1040px"] .right-side .game-panel[data-v-83cc2ec4] {
        border-radius: 0 0 16px 16px
    }

    .game-wrapper[max-width~="1040px"] .right-side .game-panel .underlayer[data-v-83cc2ec4] {
        border-radius: inherit
    }

    .game-wrapper[max-width~="1040px"] .right-side .bottom-line[data-v-83cc2ec4], .game-wrapper[max-width~="1040px"] .right-side .bottom-line .expanding[data-v-83cc2ec4] {
        border-radius: 0 0 16px 16px
    }

    .game-wrapper[max-width~="1040px"] .bet-panel[data-v-83cc2ec4] {
        grid-gap: 0 10px;
        border-radius: 16px;
        display: grid;
        gap: 0 10px;
        grid-column: 1/1;
        grid-row: 3/4;
        grid-template-columns:1fr 1fr;
        grid-template-rows:1fr auto
    }

    .game-wrapper[max-width~="1040px"] .bet-panel .bet-input[data-v-83cc2ec4] {
        grid-column: 1/1;
        grid-row: 1/1
    }

    .game-wrapper[max-width~="1040px"] .bet-panel .play-button-holder[data-v-83cc2ec4] {
        grid-column: 2/2;
        grid-row: 1/1;
        height: 59px;
        margin: 0
    }

    .game-wrapper[max-width~="1040px"] .bet-panel .play-button-holder .glue[data-v-83cc2ec4] {
        bottom: 0;
        position: absolute;
        width: 100%
    }

    .game-wrapper[max-width~="1040px"] .bet-panel .play-button-holder button.play[data-v-83cc2ec4] {
        bottom: -2px;
        height: 44px;
        position: relative
    }

    .game-wrapper[max-width~="1040px"] .bet-panel .bet-slot[data-v-83cc2ec4] {
        grid-column: 1/3;
        grid-row: 2/2
    }
}

@media (max-width: 999px) {
    .game-wrapper[max-width~="1040px"][data-v-83cc2ec4] {
        --top-row-height: 447px;
        --center-row-height: 1fr;
        --bottom-row-height: 60px;
        --history-height: 66px;
        width: 100%
    }

    .game-wrapper[max-width~="1040px"] .header[data-v-83cc2ec4] {
        border-radius: 0 0 16px 16px;
        grid-column: 1/1;
        grid-row: 3/3;
        margin-top: calc(var(--padding) / 2)
    }

    .game-wrapper[max-width~="1040px"] .right-side[data-v-83cc2ec4] {
        border-radius: 16px;
        grid-column: 1/1;
        grid-row: 1/1;
        height: 100%
    }

    .game-wrapper[max-width~="1040px"] .right-side .bottom-line[data-v-83cc2ec4] {
        border-radius: 0
    }

    .game-wrapper[max-width~="1040px"] .right-side .bottom-line .expanding[data-v-83cc2ec4] {
        border-radius: 0 0 16px 16px
    }

    .game-wrapper[max-width~="1040px"] .bet-panel[data-v-83cc2ec4] {
        border-radius: 16px 16px 0 0;
        grid-column: 1/1;
        grid-row: 2/2;
        height: 100%;
        padding: calc(var(--padding) / 2)
    }

    .game-wrapper[max-width~="1040px"] .bet-panel .play-button-holder[data-v-83cc2ec4] {
        grid-column: 2/2;
        grid-row: 1/1;
        margin: 0
    }

    .game-wrapper[max-width~="1040px"] .bet-panel .play-button-holder .glue[data-v-83cc2ec4] {
        position: absolute;
        width: 100%
    }

    .game-wrapper[max-width~="1040px"] .bet-panel .play-button-holder button.play[data-v-83cc2ec4] {
        height: 44px
    }

    .game-wrapper[max-width~="1040px"] .bet-panel .bet-slot[data-v-83cc2ec4] {
        margin-top: calc(0px - var(--padding))
    }
}

@media (max-width: 999px)and (max-width: 480px) {
    .game-wrapper[max-width~="1040px"] .input-overlay-buttons:not(.force-keep) .div2[data-v-83cc2ec4], .game-wrapper[max-width~="1040px"] .input-overlay-buttons:not(.force-keep) .mul2[data-v-83cc2ec4] {
        display: none
    }
}

@media (max-width: 480px) {
    .bet-panel[data-v-83cc2ec4], .header[data-v-83cc2ec4], .right-side[data-v-83cc2ec4] {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important
    }

    .game-wrapper[max-width~="1040px"][data-v-83cc2ec4] {
        --top-row-height: 371px;
        --center-row-height: 1fr;
        --bottom-row-height: 60px;
        --history-height: 66px
    }

    .game-wrapper[max-width~="1040px"] .header[data-v-83cc2ec4] {
        border-radius: 0;
        grid-column: 1/1;
        grid-row: 3/3;
        margin-top: calc(var(--padding) / 2)
    }

    .game-wrapper[max-width~="1040px"] .right-side[data-v-83cc2ec4] {
        border-radius: 0;
        grid-column: 1/1;
        grid-row: 1/1;
        height: 100%
    }

    .game-wrapper[max-width~="1040px"] .right-side .bottom-line[data-v-83cc2ec4], .game-wrapper[max-width~="1040px"] .right-side .bottom-line .expanding[data-v-83cc2ec4] {
        border-radius: 0
    }

    .game-wrapper[max-width~="1040px"] .bet-panel[data-v-83cc2ec4] {
        border-radius: 0;
        grid-column: 1/1;
        grid-row: 2/2;
        height: 100%;
        padding: calc(var(--padding) / 2)
    }

    .game-wrapper[max-width~="1040px"] .input-overlay-buttons:not(.force-keep) .div2[data-v-83cc2ec4], .game-wrapper[max-width~="1040px"] .input-overlay-buttons:not(.force-keep) .mul2[data-v-83cc2ec4] {
        display: none
    }
}

.header[data-v-83cc2ec4] {
    align-items: center;
    background: var(--button-background-color);
    border-top-left-radius: 16px;
    display: flex;
    grid-column: 1/1;
    grid-row: 1/1;
    justify-content: space-between;
    padding: var(--padding)
}

.header > *[data-v-83cc2ec4] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.header[data-v-83cc2ec4] > :first-child {
    margin-left: 0
}

.header[data-v-83cc2ec4] > :last-child {
    margin-right: 0
}

.header[data-v-83cc2ec4] > :first-child {
    --local-gap: calc(var(--padding) / 2);
    align-items: center;
    display: inherit
}

.header > :first-child > *[data-v-83cc2ec4] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.header[data-v-83cc2ec4] > :first-child > :first-child {
    margin-left: 0
}

.header[data-v-83cc2ec4] > :first-child > :last-child {
    margin-right: 0
}

.header[data-v-83cc2ec4] > :last-child {
    --local-gap: var(--padding);
    align-items: center;
    display: inherit;
    margin-top: 4px
}

.header > :last-child > *[data-v-83cc2ec4] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2 - 1)
}

.header[data-v-83cc2ec4] > :last-child > :first-child {
    margin-left: 0
}

.header[data-v-83cc2ec4] > :last-child > :last-child {
    margin-right: 0
}

.header > :last-child svg[data-v-83cc2ec4] {
    cursor: pointer;
    overflow: visible
}

.bet-panel[data-v-83cc2ec4] {
    align-items: stretch;
    background: var(--button-background-color);
    border-bottom-left-radius: 16px;
    display: flex;
    flex-direction: column;
    grid-column: 1/1;
    grid-row: 2/4;
    height: 100%;
    justify-content: stretch;
    max-height: calc(var(--bottom-row-height) + var(--center-row-height) + var(--gap));
    padding: var(--padding)
}

.input-head[data-v-83cc2ec4] {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 15px;
    position: absolute;
    top: 18px
}

.input-head.right[data-v-83cc2ec4] {
    right: 20px
}

.input-head.left[data-v-83cc2ec4] {
    left: 20px
}

@media (max-width: 1279px) {
    .game-title[data-v-83cc2ec4] {
        font-size: 16px
    }

    .input-head.right[data-v-83cc2ec4] {
        right: calc(50% + 4px)
    }
}

@media (max-width: 999px) {
    .input-head[data-v-83cc2ec4] {
        margin-bottom: -12px;
        top: 10px
    }

    .input-head.right[data-v-83cc2ec4] {
        right: 10px
    }

    .input-head.left[data-v-83cc2ec4] {
        left: 10px
    }

    .game-wrapper[max-width~="1040px"] .header[data-v-83cc2ec4] {
        padding: calc(var(--padding) / 2);
        padding-top: calc(var(--padding) / 2 - 1px);
        z-index: 1
    }
}

.play-button-holder[data-v-83cc2ec4] {
    margin-top: calc(var(--padding) * 1.5);
    position: relative
}

.play-button-holder button.play[data-v-83cc2ec4] {
    font-feature-settings: "liga", "clig", "tnum";
    font-variant: common-ligatures tabular-nums;
    height: 60px;
    letter-spacing: .015em;
    outline: none;
    padding-left: 1px;
    transition: all .25s ease-in-out
}

.play-button-holder button.play[disabled][data-v-83cc2ec4] {
    cursor: default;
    filter: brightness(.6)
}

button[data-v-83cc2ec4] {
    cursor: pointer;
    transition-duration: 75ms
}

button.play[data-v-83cc2ec4] {
    background: var(--accent-positive-text-color);
    border: none;
    border-radius: 8px;
    color: var(--common-text-color-bright);
    font-size: 16px;
    font-weight: 700;
    height: 100%;
    width: 100%
}

button.play[data-v-83cc2ec4]:active {
    filter: brightness(.8)
}

.right-side[data-v-83cc2ec4] {
    background: var(--button-background-color);
    border-bottom-right-radius: 16px;
    display: flex;
    flex-direction: column;
    grid-column: 2/2;
    grid-row: 1/4;
    height: 100%;
    max-width: var(--right-side-width);
    width: 100%
}

.game-panel[data-v-83cc2ec4], .right-side[data-v-83cc2ec4] {
    border-top-right-radius: 16px
}

.game-panel[data-v-83cc2ec4] {
    height: calc(100% - var(--history-height));
    position: relative
}

.game-panel .underlayer[data-v-83cc2ec4] {
    border-top-right-radius: 16px;
    overflow: hidden
}

.game-panel .game[data-v-83cc2ec4], .game-panel .underlayer[data-v-83cc2ec4] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bottom-line[data-v-83cc2ec4] {
    border-bottom-right-radius: 16px;
    height: 100%;
    max-height: var(--history-height);
    position: relative
}

.input-overlay-buttons[data-v-83cc2ec4] {
    --local-gap: 10px;
    padding: 7px 7.5px 8px 8px
}

@media (max-width: 1280px) {
    .game-wrapper[data-v-83cc2ec4] {
        --center-row-height: 403px;
        grid-template-columns:288px 1fr
    }

    .input-overlay-buttons[data-v-83cc2ec4] {
        padding: 7px 8px 8px
    }

    .play-button-holder button.play[data-v-83cc2ec4] {
        padding-left: 0
    }
}

@media (max-width: 1060px) {
    .play-button-holder[data-v-83cc2ec4] {
        grid-column: 2/2;
        grid-row: 1/1;
        margin: 0
    }

    .play-button-holder .glue[data-v-83cc2ec4] {
        position: absolute;
        width: 100%
    }

    .play-button-holder button.play[data-v-83cc2ec4] {
        height: 44px;
        padding-left: .5px
    }

    .input-overlay-buttons[data-v-83cc2ec4] {
        padding: 7px 7.5px 8px 8px
    }
}

@media (max-width: 999px) {
    .bet-panel[data-v-83cc2ec4], .header[data-v-83cc2ec4], .right-side[data-v-83cc2ec4] {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px)
    }

    .input-overlay-buttons[data-v-83cc2ec4] {
        padding: 7px 8px 8px
    }
}

@media (max-width: 768px) {
    .input-head[data-v-83cc2ec4] {
        top: 8px
    }

    .input-head.right[data-v-83cc2ec4] {
        right: 10px
    }

    .input-head.left[data-v-83cc2ec4] {
        left: 10px
    }
}

@media (max-width: 767px) {
    .game-wrapper[data-v-83cc2ec4] {
        grid-template-columns:1fr 1fr
    }
}

.win-popup[data-v-83cc2ec4] {
    --translate: translate(-50%, -50%);
    align-items: center;
    background: var(--dark-background-color);
    border: 5px solid var(--bright-background-color);
    border-radius: 16px;
    box-shadow: 0 6px 4px rgba(0, 0, 0, .3);
    display: none;
    flex-direction: column;
    height: 118px;
    justify-content: space-between;
    left: 50%;
    letter-spacing: .015em;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transform: var(--translate) scale(0);
    transition: all .5s ease-in-out;
    width: 188px
}

.win-popup.showed[data-v-83cc2ec4] {
    opacity: 1;
    transform: var(--translate) scale(1)
}

.win-popup.hiding[data-v-83cc2ec4] {
    opacity: 0;
    transform: var(--translate) scale(0)
}

.win-popup .top-line[data-v-83cc2ec4] {
    color: var(--accent-positive-color);
    font-size: 26px;
    font-weight: 800
}

.win-popup .center-line[data-v-83cc2ec4] {
    color: var(--common-foreground-color);
    font-size: 14px;
    font-weight: 500;
    padding: 10px 0 6px
}

.win-popup .bottom-line[data-v-83cc2ec4] {
    --local-gap: 6px;
    align-items: center;
    color: var(--accent-positive-color);
    display: flex;
    font-size: 18px;
    font-weight: 600;
    justify-content: center
}

.win-popup .bottom-line > *[data-v-83cc2ec4] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.win-popup .bottom-line[data-v-83cc2ec4] > :first-child {
    margin-left: 0
}

.win-popup .bottom-line[data-v-83cc2ec4] > :last-child {
    margin-right: 0
}

.win-popup .bottom-line span[data-v-83cc2ec4] {
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

svg[data-v-83cc2ec4] {
    overflow: visible
}

.right-icons[data-v-83cc2ec4] {
    z-index: 1
}
.button-background:not([disabled]).div2:hover path, .button-background:not([disabled]).div2:hover svg, .button-background:not([disabled]).mul2:hover path, .button-background:not([disabled]).mul2:hover svg, .button-background:not([disabled]).trashcan:hover path, .button-background:not([disabled]).trashcan:hover svg {
                          --svg-color: var(--common-text-color-bright);
                          transition: all .1s ease-in-out
                      }

.button-background:not([disabled]).div2 path, .button-background:not([disabled]).div2 svg, .button-background:not([disabled]).mul2 path, .button-background:not([disabled]).mul2 svg, .button-background:not([disabled]).trashcan path, .button-background:not([disabled]).trashcan svg {
    transition: all .25s ease-in-out
}

.game-wrapper .header .icon-place {
    align-items: center;
    display: flex;
    justify-content: center;
    max-height: 25px
}

.game-wrapper .header .icon-place svg {
    max-height: 25px;
    overflow: visible;
    width: auto
}
.pagination-line[data-v-29f530e1] {
                          height: 100%;
                          margin: 0 auto;
                          max-width: 100%;
                          -webkit-user-select: none;
                          -moz-user-select: none;
                          user-select: none
                      }

.track[data-v-29f530e1] {
    --local-gap: 15px;
    width: -moz-max-content;
    width: max-content
}

.limiter[data-v-29f530e1] {
    overflow: hidden;
    transition: all .25s ease-in-out;
    width: 100%
}
.dice-game[data-v-1717c14b] {
                          --center-row-height: 399px
                      }

.input-wrapper[data-v-1717c14b] {
    align-items: flex-end;
    display: flex
}

.input-wrapper[data-v-1717c14b], .input-wrapper[data-v-1717c14b]:first-child {
    margin-top: 19px
}

.input-head-dice[data-v-1717c14b] {
    margin-bottom: 5px
}

.input-orientation[data-v-1717c14b] {
    margin-right: 2px;
    width: 100%
}

.icon_flip[data-v-1717c14b] {
    transform: rotate(180deg)
}

.orientation_button[data-v-1717c14b] {
    align-items: center;
    background: #15151a;
    border: none;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 46px
}

.input-tooltip-content-wrapper[data-v-1717c14b] {
    color: var(--hover-color);
    font-size: 14px;
    font-weight: 700;
    line-height: 16px
}

.input-tooltip-content-wrapper *[data-v-1717c14b] {
    color: inherit
}

@keyframes trans-1717c14b {
    0% {
        transform: translate(-100%)
    }
}

@keyframes firstAnim-1717c14b {
    0% {
        margin-left: -75px;
        opacity: 0
    }
    to {
        margin-left: 10px;
        opacity: 1
    }
}

.win-lose[data-v-1717c14b] {
    align-items: center;
    border: 2px solid #02ba50;
    border-radius: 16px;
    box-sizing: border-box;
    color: #02ba50;
    font-family: "SF UI Display", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 46px;
    letter-spacing: .015em;
    padding-top: 12px;
    text-align: center;
    vertical-align: center;
    width: 65px
}

.win-lose[data-v-1717c14b]:first-child {
    animation: firstAnim-1717c14b var(--transition-time) ease 0s 1 normal forwards
}

.win-lose[data-v-1717c14b]:last-child {
    margin-right: 10px
}

@media (max-width: 1400px) {
    .input-wrapper[data-v-1717c14b]:first-child {
        margin-top: 20px
    }
}

@media (max-width: 1280px) {
    .input-wrapper[data-v-1717c14b]:first-child {
        margin-top: 19px
    }
}

@media (max-width: 1279px) {
    .input-wrapper[data-v-1717c14b]:first-child {
        margin-top: 9px
    }

    .dice-game[max-width~="1040px"][data-v-1717c14b] {
        --center-row-height: 467px
    }
}

@media (max-width: 999px) {
    .input-wrapper[data-v-1717c14b] {
        margin-top: 10px
    }

    .input-wrapper[data-v-1717c14b]:first-child {
        margin-top: 20px
    }

    .dice-game[max-width~="1040px"][data-v-1717c14b] {
        --center-row-height: 1fr
    }
}

@media (max-width: 768px) {
    .input-wrapper[data-v-1717c14b] {
        align-items: flex-end;
        display: flex;
        margin-top: 9px
    }

    .input-wrapper[data-v-1717c14b]:first-child {
        margin-top: 19px
    }

    .win-lose[data-v-1717c14b] {
        margin-left: 8px
    }

    .orientation_button[data-v-1717c14b] {
        height: 40px
    }
}

@media (max-width: 600px) {
    .win-lose[data-v-1717c14b] {
        margin-left: 10px
    }
}

@media (max-width: 479px) {
    .win-lose[data-v-1717c14b] {
        margin-left: 10px
    }

    .game-wrapper[max-width~="1040px"][data-v-1717c14b] {
        --top-row-height: 371px
    }
}

@media (max-width: 420px) {
    .win-lose[data-v-1717c14b] {
        margin-left: 6px
    }
}
.dice-game.animating .slider * {
                          transition: all .25s ease-in-out !important;
                          transition: background-color 0s !important
                      }

.orientation_button {
    width: 46px
}

.orientation_button:hover path, .orientation_button:hover svg {
    --svg-color: var(--common-text-color-bright);
    transition: fill .1s ease-in-out, transform .25s ease-in-out
}

.orientation_button path, .orientation_button svg {
    transition: fill .25s ease-in-out
}

.orientation_button:disabled {
    pointer-events: none
}
.central-line .yellow[data-v-00a247f2], .central-line [color=yellow][data-v-00a247f2] {
                          --background: var(--catcher-common-yellow)
                      }

.central-line .blue[data-v-00a247f2], .central-line [color=blue][data-v-00a247f2] {
    --background: var(--catcher-common-blue)
}

.central-line .purple[data-v-00a247f2], .central-line [color=purple][data-v-00a247f2] {
    --background: var(--catcher-common-purple)
}

.central-line * [color=green][data-v-00a247f2], .central-line .green[data-v-00a247f2] {
    --background: var(--catcher-common-green)
}

.limiter[data-v-00a247f2] {
    --catcher-color: #fdc731
}

.coeffs-buttons[data-v-00a247f2] {
    grid-gap: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr;
    margin: 20px 0 0
}

@media (max-width: 1340px) {
    .coeffs-buttons[data-v-00a247f2] {
        gap: 20px 12px
    }
}

@media (max-width: 1100px) {
    .coeffs-buttons[data-v-00a247f2] {
        gap: 10px;
        margin-top: 10px
    }
}

.coeffs-buttons .coeff-button[data-v-00a247f2] {
    --already-set-height: 0px;
    background: var(--background);
    border-radius: 16px;
    cursor: default;
    height: 80px;
    opacity: .5;
    overflow: hidden;
    position: relative;
    transition: opacity .35s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.coeffs-buttons .coeff-button.active[data-v-00a247f2] {
    --already-set-height: 35px;
    opacity: 1
}

.coeffs-buttons .coeff-button.active .container > span[data-v-00a247f2] {
    left: 0;
    transform: translateY(-50%)
}

.coeffs-buttons .coeff-button .already-set[data-v-00a247f2] {
    align-items: center;
    background: rgba(0, 0, 0, .502);
    border-radius: 0 0 16px 16px;
    bottom: 0;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    height: var(--already-set-height);
    justify-content: flex-start;
    left: 0;
    letter-spacing: .015em;
    overflow: hidden;
    padding: 0 11px;
    position: absolute;
    right: 0;
    transition: height .5s cubic-bezier(.24, .02, 0, 1.63)
}

.coeffs-buttons .coeff-button .already-set span[data-v-00a247f2] {
    color: var(--common-text-color-bright)
}

.coeffs-buttons .coeff-button .already-set svg[data-v-00a247f2] {
    --size: 16px;
    margin-left: 5px;
    max-height: 16px;
    max-height: var(--size);
    max-width: 16px;
    max-width: var(--size)
}

.coeffs-buttons .coeff-button .container[data-v-00a247f2] {
    bottom: calc(var(--already-set-height));
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .35s cubic-bezier(.24, .02, 0, 1.63)
}

.coeffs-buttons .coeff-button .container span[data-v-00a247f2] {
    color: rgba(0, 0, 0, .502);
    font-size: 32px;
    font-weight: 500;
    left: 50%;
    letter-spacing: .015em;
    padding: 0 9px 1px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .25s ease-in-out
}

.coeffs-buttons svg[data-v-00a247f2] {
    overflow: visible
}

.coeffs-buttons:not([disabled]) div.coeff-button[data-v-00a247f2] {
    cursor: pointer
}

.coeffs-buttons:not([disabled]) div.coeff-button[data-v-00a247f2]:not(.active):hover {
    opacity: .75;
    transition: opacity .15s ease-in-out
}

.coeffs-buttons:not([disabled]) div.coeff-button:not(.active):hover .already-set[data-v-00a247f2] {
    transition: height .35s cubic-bezier(.24, .02, 0, 1.7)
}

.timer[data-v-00a247f2] {
    font-feature-settings: "liga", "clig", "tnum";
    background: var(--body-background-color);
    border-radius: 16px;
    color: var(--common-text-color-bright);
    font-size: 32px;
    font-variant: common-ligatures tabular-nums;
    font-weight: 600;
    left: 50%;
    letter-spacing: .015em;
    max-width: 136px;
    padding: 7px 22px 9px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .25s ease-in-out;
    width: 100%
}

div.game-wrapper.catcher[data-v-00a247f2] {
    --center-row-height: 446px
}

@media (max-width: 1340px) {
    div.game-wrapper.catcher[data-v-00a247f2] {
        --center-row-height: 510px
    }

    div.game-wrapper[max-width~="1040px"].catcher[data-v-00a247f2] {
        --center-row-height: 664px
    }
}

@media (max-width: 999px) {
    div.game-wrapper[max-width~="1040px"].catcher[data-v-00a247f2] {
        --top-row-height: 644px;
        --center-row-height: 261px
    }
}

@media (max-width: 500px) {
    div.game-wrapper[max-width~="1040px"].catcher[data-v-00a247f2] {
        --top-row-height: 396px;
        --center-row-height: 315px
    }
}

@media (max-width: 360px) {
    div.game-wrapper[max-width~="1040px"].catcher[data-v-00a247f2] {
        --top-row-height: 306px;
        --center-row-height: 315px
    }
}

.bet-actions-buttons[data-v-00a247f2] {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-template-rows:1fr
}

.bet-actions-buttons:not([disabled]) .bet-action[data-v-00a247f2] {
    cursor: pointer
}

.bet-actions-buttons .revert[data-v-00a247f2] {
    grid-column: 1/1;
    justify-self: flex-start
}

.bet-actions-buttons .rollback[data-v-00a247f2] {
    grid-column: 2/2;
    justify-self: center;
    margin-left: 1px
}

.bet-actions-buttons .cancel[data-v-00a247f2] {
    grid-column: 3/3;
    justify-self: flex-end;
    margin-right: 1px;
    position: relative
}

.bet-actions-buttons .cancel .bet-action[data-v-00a247f2] {
    --padding-width: 14px;
    --padding-height: 16px;
    --size: 14px;
    border-radius: 16px 0 0 16px;
    padding-top: 14px;
    padding-top: calc(var(--padding-height) - 2px)
}

.bet-actions-buttons .bet-fullsum[data-v-00a247f2] {
    grid-column: 4/4
}

.bet-actions-buttons .bet-action[data-v-00a247f2] {
    --size: 18px;
    --padding-height: 14px;
    --padding-width: 14px;
    background: #15151a;
    border-radius: 16px;
    max-height: 46px;
    max-height: calc(var(--size) + var(--padding-height) * 2);
    max-width: 46px;
    max-width: calc(var(--size) + var(--padding-width) * 2);
    padding: 14px;
    padding: var(--padding-height) var(--padding-width)
}

.bet-actions-buttons .bet-action svg[data-v-00a247f2] {
    height: var(--size);
    max-height: var(--size);
    max-width: var(--size);
    overflow: visible;
    width: var(--size)
}

.bet-actions-buttons .bet-fullsum[data-v-00a247f2] {
    --local-gap: 5px;
    --width: 116px;
    align-items: center;
    background: #15151a;
    border-radius: 0 16px 16px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 116px;
    max-width: var(--width);
    width: 116px;
    width: var(--width)
}

.bet-actions-buttons .bet-fullsum > *[data-v-00a247f2] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.bet-actions-buttons .bet-fullsum[data-v-00a247f2] > :first-child {
    margin-top: 0
}

.bet-actions-buttons .bet-fullsum[data-v-00a247f2] > :last-child {
    margin-bottom: 0
}

.bet-actions-buttons .bet-fullsum .top-row[data-v-00a247f2] {
    color: #4c4c53;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em
}

.bet-actions-buttons .bet-fullsum .bot-row[data-v-00a247f2] {
    --local-gap: 3px;
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .015em
}

.bet-actions-buttons .bet-fullsum .bot-row > *[data-v-00a247f2] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.bet-actions-buttons .bet-fullsum .bot-row[data-v-00a247f2] > :first-child {
    margin-left: 0
}

.bet-actions-buttons .bet-fullsum .bot-row[data-v-00a247f2] > :last-child {
    margin-right: 0
}

.bet-actions-buttons .bet-fullsum .bot-row svg[data-v-00a247f2] {
    --size: 16px;
    max-height: 16px;
    max-height: var(--size);
    max-width: 16px;
    max-width: var(--size);
    overflow: visible
}

@media (max-width: 1340px) {
    .bet-actions-buttons[data-v-00a247f2] {
        gap: 2px;
        grid-template-columns:1fr 42px 42px 42px
    }

    .bet-actions-buttons .cancel[data-v-00a247f2] {
        margin-right: 1px
    }

    .bet-actions-buttons .cancel .bet-action[data-v-00a247f2] {
        padding-left: calc(var(--padding-width) - 1px)
    }

    .bet-actions-buttons .bet-fullsum[data-v-00a247f2] {
        --width: 109px;
        grid-column: 1/1
    }

    .bet-actions-buttons .cancel[data-v-00a247f2] {
        grid-column: 2/2;
        justify-self: flex-end;
        order: 1
    }

    .bet-actions-buttons .rollback[data-v-00a247f2] {
        grid-column: 3/3;
        justify-self: flex-end;
        order: 2
    }

    .bet-actions-buttons .revert[data-v-00a247f2] {
        grid-column: 4/4;
        justify-self: flex-end;
        order: 3
    }

    .bet-actions-buttons .cancel[data-v-00a247f2], .bet-actions-buttons .revert[data-v-00a247f2], .bet-actions-buttons .rollback[data-v-00a247f2] {
        margin: 0
    }

    .bet-actions-buttons .cancel .bet-action[data-v-00a247f2], .bet-actions-buttons .revert .bet-action[data-v-00a247f2], .bet-actions-buttons .rollback .bet-action[data-v-00a247f2] {
        --size: 18px;
        --padding-width: 12px;
        --padding-height: 13px;
        border-radius: 0;
        padding: 13px 12px;
        padding: var(--padding-height) var(--padding-width)
    }

    .bet-actions-buttons .cancel .bet-action.revert[data-v-00a247f2], .bet-actions-buttons .revert .bet-action.revert[data-v-00a247f2], .bet-actions-buttons .rollback .bet-action.revert[data-v-00a247f2] {
        border-radius: 0 8px 8px 0
    }

    .bet-actions-buttons .bet-fullsum[data-v-00a247f2] {
        --width: 100%;
        border-radius: 8px 0 0 8px
    }
}

@media (max-width: 500px) {
    .bet-actions-buttons[data-v-00a247f2] {
        gap: 2px;
        grid-template-columns:calc(50% - 5px) 6px 1fr 1fr 1fr
    }

    .bet-actions-buttons .bet-fullsum[data-v-00a247f2] {
        grid-column: 1/1
    }

    .bet-actions-buttons .cancel[data-v-00a247f2] {
        grid-column: 3/3
    }

    .bet-actions-buttons .rollback[data-v-00a247f2] {
        grid-column: 4/4
    }

    .bet-actions-buttons .revert[data-v-00a247f2] {
        grid-column: 5/5
    }

    .bet-actions-buttons .bet-fullsum[data-v-00a247f2] {
        --width: 100%;
        border-radius: 8px
    }

    .bet-actions-buttons .cancel[data-v-00a247f2], .bet-actions-buttons .revert[data-v-00a247f2], .bet-actions-buttons .rollback[data-v-00a247f2] {
        margin: 0;
        width: 100%
    }

    .bet-actions-buttons .cancel .bet-action[data-v-00a247f2], .bet-actions-buttons .revert .bet-action[data-v-00a247f2], .bet-actions-buttons .rollback .bet-action[data-v-00a247f2] {
        --size: 18px;
        --padding-width: 12px;
        --padding-height: 13px;
        border-radius: 0;
        max-width: 100%;
        padding: 13px 12px;
        padding: var(--padding-height) var(--padding-width);
        text-align: center;
        width: 100%
    }

    .bet-actions-buttons .cancel .bet-action.revert[data-v-00a247f2], .bet-actions-buttons .revert .bet-action.revert[data-v-00a247f2], .bet-actions-buttons .rollback .bet-action.revert[data-v-00a247f2] {
        border-radius: 0 8px 8px 0
    }

    .bet-actions-buttons .cancel .bet-action.cancel[data-v-00a247f2], .bet-actions-buttons .revert .bet-action.cancel[data-v-00a247f2], .bet-actions-buttons .rollback .bet-action.cancel[data-v-00a247f2] {
        border-radius: 8px 0 0 8px
    }
}

.bets-statistic[data-v-00a247f2] {
    grid-gap: 20px;
    --svg-color: rgba(0, 0, 0, .698);
    align-items: center;
    bottom: 0;
    display: grid;
    gap: 20px;
    grid-template-columns:1fr 1fr 1fr 1fr;
    justify-content: stretch;
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0
}

@media (max-width: 1340px) {
    .bets-statistic[data-v-00a247f2] {
        gap: 10px 20px;
        grid-template-columns:1fr 1fr;
        grid-template-rows:1fr 1fr
    }
}

@media (max-width: 999px) {
    .bets-statistic[data-v-00a247f2] {
        gap: 10px;
        padding: 10px 10px 20px
    }
}

.bets-statistic > div[data-v-00a247f2] {
    align-items: center;
    background: var(--background);
    border-radius: 16px;
    display: flex;
    height: 54px;
    justify-content: space-between;
    padding: 10px;
    width: 100%
}

.bets-statistic > div div.guys[data-v-00a247f2] {
    align-items: center;
    display: flex;
    justify-content: center;
    justify-self: flex-end
}

.bets-statistic > div div.guys span[data-v-00a247f2] {
    color: rgba(0, 0, 0, .698);
    font-weight: 500;
    margin-left: 5px
}

.bets-statistic > div div.value[data-v-00a247f2] {
    align-items: center;
    background: var(--common-background-color);
    border-radius: 16px;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: center;
    justify-self: flex-end;
    letter-spacing: .015em;
    padding: 8.5px 10px
}

.bets-statistic > div div.value span[data-v-00a247f2] {
    color: var(--common-text-color-bright)
}

.bets-statistic > div div.value svg[data-v-00a247f2] {
    margin-left: 3.5px;
    max-height: 16px;
    max-width: 16px;
    overflow: visible
}

@keyframes slide-in-bottom-00a247f2 {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.players-n-bets[data-v-00a247f2] {
    --local-gap: 10px;
    align-items: flex-start;
    background: var(--body-background-color);
    border: 2px solid var(--background);
    border-radius: 16px;
    display: flex;
    height: 100%;
    justify-content: space-between;
    max-height: 0;
    max-width: 0;
    min-height: 0;
    min-width: 0;
    opacity: 0;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: all .25s ease-in-out;
    width: -moz-min-content;
    width: min-content
}

.players-n-bets > *[data-v-00a247f2] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.players-n-bets[data-v-00a247f2] > :first-child {
    margin-left: 0
}

.players-n-bets[data-v-00a247f2] > :last-child {
    margin-right: 0
}

.players-n-bets hr[data-v-00a247f2] {
    background: var(--hover-color);
    border: none;
    height: 1px
}

.players-n-bets .online-bets[data-v-00a247f2], .players-n-bets .online-players[data-v-00a247f2] {
    --local-gap: 4px;
    align-items: center;
    display: flex;
    justify-content: center
}

.players-n-bets .online-bets > *[data-v-00a247f2], .players-n-bets .online-players > *[data-v-00a247f2] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.players-n-bets .online-bets[data-v-00a247f2] > :first-child, .players-n-bets .online-players[data-v-00a247f2] > :first-child {
    margin-left: 0
}

.players-n-bets .online-bets[data-v-00a247f2] > :last-child, .players-n-bets .online-players[data-v-00a247f2] > :last-child {
    margin-right: 0
}

.players-n-bets .online-players[data-v-00a247f2] {
    color: var(--common-text-color)
}

.players-n-bets .online-bets[data-v-00a247f2] {
    background: rgba(0, 0, 0, .3);
    border-radius: 16px;
    font-size: 13px;
    letter-spacing: .015em;
    line-height: 1;
    padding: 9px 10px
}

.players-n-bets .online-bets[data-v-00a247f2], .players-n-bets .online-bets span[data-v-00a247f2] {
    color: var(--common-text-color-bright)
}

.players-n-bets .user-n-bet[data-v-00a247f2] {
    animation: slide-in-bottom-00a247f2 .35s ease-in-out 0s 1 normal backwards;
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: space-between;
    max-height: 60px;
    max-width: 100%;
    min-height: 60px;
    width: 174px
}

.players-n-bets .user-n-bet .first-line[data-v-00a247f2] {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: flex-start;
    max-height: 24px;
    position: relative
}

.players-n-bets .user-n-bet .first-line .avatar[data-v-00a247f2] {
    border-radius: 50%;
    height: 100%;
    height: 24px;
    overflow: hidden;
    position: relative;
    width: 24px
}

.players-n-bets .user-n-bet .first-line .avatar img[data-v-00a247f2] {
    height: 100%;
    width: 100%
}

.players-n-bets .user-n-bet .first-line .name[data-v-00a247f2] {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .015em;
    margin-left: 5px;
    max-height: 20px;
    max-width: calc(100% - 29px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.players-n-bets .user-n-bet .second-line[data-v-00a247f2] {
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: .015em
}

.players-n-bets .user-n-bet .second-line .coefficient[data-v-00a247f2] {
    transition: all .1s ease-in-out
}

.players-n-bets .user-n-bet .second-line .bet[data-v-00a247f2] {
    align-items: center;
    color: var(--common-text-color-bright);
    display: flex;
    justify-content: flex-end
}

.players-n-bets .user-n-bet .second-line .bet svg[data-v-00a247f2] {
    height: 16px;
    width: 16px
}

.players-n-bets .user-n-bet .second-line .bet span[data-v-00a247f2] {
    color: inherit
}

.players-n-bets .empty[data-v-00a247f2] {
    left: 50%;
    position: absolute;
    text-align: center;
    top: calc(50% - 1px);
    transform: translate(-50%, -50%)
}

.players-n-bets .empty span[data-v-00a247f2] {
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .015em;
    line-height: 14px;
    margin-top: 8px;
    max-height: 14px
}

.players-n-bets .list[data-v-00a247f2] {
    --local-gap: 10px;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    max-height: 100%;
    max-width: 100%;
    overflow-y: auto;
    padding-right: 4px;
    scrollbar-color: var(--button-background-color-alt) var(--background-color);
    scrollbar-width: thin
}

.players-n-bets .list[data-v-00a247f2]::-webkit-scrollbar {
    background-color: var(--background-color);
    border-radius: 10px;
    width: 2px
}

.players-n-bets .list[data-v-00a247f2]::-webkit-scrollbar-thumb {
    background: var(--button-background-color-alt);
    border-radius: 10px
}

.players-n-bets .list > *[data-v-00a247f2] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.players-n-bets .list[data-v-00a247f2] > :first-child {
    margin-left: 0
}

.players-n-bets .list[data-v-00a247f2] > :last-child {
    margin-right: 0
}

.players-n-bets.opened[data-v-00a247f2] {
    align-items: flex-start;
    max-height: calc(100% - 40px);
    min-width: 174px;
    opacity: 1;
    overflow: hidden;
    padding-right: 4px
}

.players-n-bets.opened .user-n-bet[data-v-00a247f2] {
    animation: slide-in-bottom-00a247f2 .35s ease-in-out 0s 1 normal forwards
}

@media (max-width: 500px) {
    .field[data-v-00a247f2] {
        margin-left: 3px;
        margin-top: 14px
    }
}

@media (max-width: 360px) {
    .field[data-v-00a247f2] {
        margin-left: 0;
        margin-top: 17px
    }
}

.mobile-bets-statistic[data-v-00a247f2] {
    background: var(--common-background-color);
    border-radius: 16px;
    margin-top: 10px;
    position: relative
}

.mobile-bets-statistic .bets-statistic[data-v-00a247f2] {
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr 1fr 1fr;
    padding: 10px;
    position: relative
}

.mobile-bets-statistic .players-n-bets[data-v-00a247f2] {
    max-height: calc(100% - 20px);
    right: 10px;
    top: 10px
}

.last-statistic[data-v-00a247f2] {
    --local-gap: 21px;
    --padding: 21px;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-start;
    padding: 21px 0;
    padding: var(--padding) 0
}

@media (max-width: 1280px) {
    .last-statistic[data-v-00a247f2] {
        --local-gap: 29px
    }
}

@media (max-width: 1100px) {
    .last-statistic[data-v-00a247f2] {
        --local-gap: 10.6px
    }
}

@media (max-width: 999px) {
    .last-statistic[data-v-00a247f2] {
        --padding: 10px;
        --local-gap: 8.8px
    }
}

@media (max-width: 500px) {
    .last-statistic[data-v-00a247f2] {
        --local-gap: 18.8px
    }
}

@media (max-width: 360px) {
    .last-statistic[data-v-00a247f2] {
        --local-gap: 30.4px
    }
}

.last-statistic .coeff-block[data-v-00a247f2] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.last-statistic .coeff-block[data-v-00a247f2]:first-child {
    margin-left: 0
}

.last-statistic .coeff-block[data-v-00a247f2]:last-child {
    margin-right: 0
}

.coeff-block[data-v-00a247f2] {
    --background: var(--common-text-color);
    align-items: center;
    background: var(--common-text-color);
    background: var(--background);
    border: 3px solid rgba(0, 0, 0, .5);
    border-radius: 16px;
    display: flex;
    flex-basis: 46px;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 600;
    height: 46px;
    justify-content: center;
    letter-spacing: .015em;
    line-height: 24px;
    overflow: hidden;
    transition: all .25s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 46px
}

.coeff-block span[data-v-00a247f2] {
    color: rgba(0, 0, 0, .5);
    display: inline-block;
    text-align: center;
    width: 73px
}

@keyframes slide-in-left-00a247f2 {
    0% {
        margin-left: -50px;
        opacity: 0
    }
    to {
        margin-left: 10px;
        opacity: 1
    }
}

.last-statistic.animated .coeff-block[data-v-00a247f2]:first-child {
    animation: slide-in-left-00a247f2 .25s ease 0s 1 normal forwards
}

.last-statistic .coeff-block[data-v-00a247f2]:first-child {
    height: 56px;
    margin-left: 10px
}

.last-statistic .coeff-block[data-v-00a247f2]:last-child {
    margin-right: 10px
}
.game-wrapper .play-button-holder {
                          margin-top: 20px
                      }

@media (max-width: 500px) {
    div.game-wrapper.catcher[max-width~="1040px"] .bet-panel {
        grid-template-rows:1fr 1fr 1fr
    }

    div.game-wrapper.catcher[max-width~="1040px"] .bet-panel .play-button-holder {
        grid-column: 1/3;
        grid-row: 2/2
    }

    div.game-wrapper.catcher[max-width~="1040px"] .bet-panel > .tooltip-wrapper:first-of-type {
        grid-column: 1/3
    }

    div.game-wrapper.catcher[max-width~="1040px"] .bet-panel .bet-slot {
        grid-row: 3/3
    }
}

@media (max-width: 1279px)and (max-width: 1100px) {
    div.game-wrapper.catcher[max-width~="1040px"] .bet-panel .play-button-holder .glue {
        bottom: -2px
    }
}

@media (max-width: 1279px)and (max-width: 500px) {
    div.game-wrapper.catcher[max-width~="1040px"] .bet-panel .play-button-holder .glue {
        bottom: 12px
    }
}
.text[data-v-738bfad2] {
                          font-family: "SF UI Display", sans-serif;
                          font-size: 16px;
                          font-style: normal;
                          font-weight: 500;
                          letter-spacing: .015em;
                          text-align: center
                      }

.btn[data-v-738bfad2] {
    background-color: #2c313b;
    border: 2px solid #959aa2;
    border-radius: 16px;
    box-sizing: border-box;
    height: 46px;
    min-width: 73px;
    position: relative;
    width: 73px
}

.btn span.idx[data-v-738bfad2] {
    left: 6px;
    position: absolute;
    top: 3px
}

.btn_active[data-v-738bfad2] {
    background-color: #2c313b;
    border: 2px solid #10baa8;
    border-radius: 16px;
    box-sizing: border-box;
    color: #10baa8;
    height: 46px;
    min-width: 73px;
    width: 73px
}

.btn_active span.idx[data-v-738bfad2] {
    color: #10baa8;
    left: 6px;
    position: absolute;
    top: 3px
}

.btn_active .text[data-v-738bfad2] {
    color: #10baa8;
    font-family: "SF UI Display", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .015em;
    text-align: center
}
.toggle_bg[data-v-1b527e60] {
                          align-items: center;
                          background-color: #15151a;
                          border-radius: 8px 0 0 8px;
                          cursor: pointer;
                          display: flex;
                          height: 44px;
                          justify-content: space-around;
                          position: relative;
                          transition: .3s;
                          width: 176px
                      }

.toggle_bg[disabled] .toggle-item span[data-v-1b527e60] {
    color: var(--common-text-color) !important
}

.toggle-item[data-v-1b527e60] {
    height: 100%;
    justify-content: center;
    transition: .2s;
    width: 100%
}

.toggle-item[data-v-1b527e60], .toggle-item .text[data-v-1b527e60] {
    align-items: center;
    display: flex;
    text-align: center
}

.toggle-item .text[data-v-1b527e60] {
    color: #f0f2f5;
    font-family: "SF UI Display", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 16px;
    margin-top: .1em;
    pointer-events: none
}

.toggle_btn[data-v-1b527e60] {
    background-color: #10baa8;
    border-radius: 8px;
    height: 44px;
    left: 0;
    position: absolute;
    transition: .2s;
    width: 25%
}

.toggle_btn.selected-last[data-v-1b527e60] {
    border-radius: 8px 0 0 8px
}

.wrapper[data-v-1b527e60] {
    width: 100%
}

.labelzone[data-v-1b527e60], .wrapper[data-v-1b527e60] {
    position: relative;
    transition: .2s
}

.labelzone label[data-v-1b527e60] {
    background: #15151a;
    border-radius: 8px;
    display: block;
    padding: 10px
}
input[data-v-047b7528] {
                          background: var(--input-alt-background-color);
                          border: 2px solid transparent;
                          color: var(--bright-foreground-color);
                          outline: none;
                          text-align: center;
                          transition: all .45s ease-in-out
                      }

input.mines-count[data-v-047b7528] {
    align-self: flex-end;
    border-radius: 0 8px 8px 0;
    font-size: "13px";
    font-weight: 500;
    height: 44px;
    letter-spacing: "0.015em";
    line-height: 1;
    min-width: 70px;
    padding: 12.5px 0 10.5px;
    text-align: "center";
    width: 100%
}

input.mines-count[data-v-047b7528]:focus::-moz-placeholder {
    color: transparent
}

input.mines-count[data-v-047b7528]:focus::placeholder {
    color: transparent
}

input[data-v-047b7528]:focus {
    border-color: var(--dark-foreground-color);
    transition-duration: .15s
}

input[data-v-047b7528]::-moz-placeholder {
    color: var(--common-foreground-color);
    opacity: 1
}

input[data-v-047b7528]::placeholder {
    color: var(--common-foreground-color);
    opacity: 1
}

.input-wrapper[data-v-047b7528] {
    margin-top: 20px
}

.dropdown[data-v-047b7528] {
    background: var(--input-alt-background-color);
    border: none;
    border-radius: 8px;
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    height: 44px;
    letter-spacing: .015em;
    line-height: 24px;
    padding-left: 6px;
    width: 100%
}

.dropdown[data-v-047b7528]:focus {
    outline: none
}

.inactive[data-v-047b7528] {
    pointer-events: none
}

.wrapper[data-v-047b7528] {
    display: flex;
    flex-direction: column
}

@media (max-width: 999px) {
    .wrapper[data-v-047b7528] {
        display: flex;
        flex-direction: column;
        margin-top: 20px
    }
}

.dropdown-wrapper[data-v-047b7528] {
    background-color: var(--input-alt-background-color);
    border: none;
    border-radius: 8px;
    height: 44px;
    padding: 0 7px 0 0;
    position: relative;
    width: 100%
}

.slider[data-v-047b7528] {
    padding: 20px 26px
}

@media (min-width: 1281px) {
    .mines[data-v-047b7528] {
        --center-row-height: 396px;
        --right-side-width: 826px
    }
}

@media (max-width: 999px) {
    .mines.game-wrapper[data-v-047b7528] {
        --top-row-height: 450px
    }
}

.mines[max-width~="1040px"][data-v-047b7528] {
    --left-side-width: 1fr
}

@media (max-width: 999px) {
    .slider[data-v-047b7528] {
        padding: 10px 26px
    }
}

@media (max-width: 480px) {
    .mines[max-width~="1040px"][data-v-047b7528] {
        --top-row-height: 88.75vw;
        --center-row-height: 152px
    }
}

@media (max-width: 320px) {
    .mines[max-width~="1040px"][data-v-047b7528] {
        --top-row-height: 310px;
        --center-row-height: 152px;
        --bottom-row-height: 60px;
        --history-height: 66px
    }
}

.arrow[data-v-047b7528] {
    position: absolute
}

.arrow__prev[data-v-047b7528] {
    left: 10px
}

.arrow__next[data-v-047b7528] {
    right: 10px
}

.input-head_mines[data-v-047b7528] {
    align-items: flex-end;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 1;
    margin-bottom: 5px
}

.input-wrapper[data-v-047b7528] {
    display: flex;
    margin-top: 19px
}

@media (max-width: 1279px) {
    .input-wrapper[data-v-047b7528] {
        margin-top: 9px
    }
}

@media (max-width: 999px) {
    .input-wrapper[data-v-047b7528] {
        margin-top: 19px
    }
}

.dropdown-wrapper .chevron[data-v-047b7528] {
    --svg-color: var(--bright-foreground-color);
    display: none
}

@media (max-width: 768px) {
    .dropdown[data-v-047b7528] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-size: 14px
    }

    .dropdown-wrapper .chevron[data-v-047b7528] {
        display: block
    }
}
.splide .splide__list {
                          display: flex
                      }

.splide__slide {
    margin-right: .91%
}
.wrapp[data-v-d9677e9a] {
                          background-color: red;
                          border: 3px solid red;
                          border-radius: 15px;
                          display: flex;
                          height: 46px;
                          justify-content: center;
                          min-width: 46px;
                          position: relative
                      }

.block[data-v-d9677e9a] {
    position: absolute
}

.left[data-v-d9677e9a] {
    align-items: center;
    display: flex;
    justify-content: center
}

.icon[data-v-d9677e9a] {
    --svg-opacity: 0.5;
    height: 28px
}

.coefss[data-v-d9677e9a] {
    align-items: center;
    display: flex;
    margin-right: 20px;
    min-width: 46px
}

.coefss:first-child .wrapp[data-v-d9677e9a] {
    justify-content: normal;
    width: 105px
}

.coefss:first-child .left[data-v-d9677e9a] {
    background-color: red;
    border: 3px solid red;
    border-radius: 15px;
    display: flex;
    height: 46px;
    left: -3px;
    min-width: 46px;
    position: relative;
    top: -3px
}

.coefss:first-child .right[data-v-d9677e9a] {
    left: -3px;
    margin: auto;
    position: relative;
    text-align: center;
    top: -1px;
    width: 100%
}

.coefss:first-child .icon[data-v-d9677e9a] {
    --svg-opacity: 0.5;
    height: 28px;
    margin: auto
}

.coefss:first-child span[data-v-d9677e9a] {
    color: rgba(0, 0, 0, .5);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .015em
}

@media (max-width: 320px) {
    .coefss[data-v-d9677e9a] {
        height: 46px;
        margin-right: 40px
    }
}
.blocked[data-v-169ac547] {
                          pointer-events: none
                      }

.blocked *[data-v-169ac547] {
    color: var(--commmon-text-color) !important
}

.text[data-v-169ac547] {
    color: #f0f2f5;
    font-weight: 500;
    z-index: 1
}

.toggle_bg[data-v-169ac547] {
    align-items: center;
    background-color: #15151a;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 46px;
    justify-content: space-around;
    position: relative;
    transition: .3s;
    width: 100%
}

.wrapper:not([disabled]) .toggle_bg[data-v-169ac547]:hover {
    background-color: #2c303a;
    transition: .3s
}

.toggle_btn[data-v-169ac547] {
    background-color: #363c47;
    border-radius: 8px;
    height: 46px;
    left: 0;
    position: absolute;
    transition: .25s;
    width: 50%
}

.wrapper[data-v-169ac547] {
    width: 100%
}

.labelzone[data-v-169ac547], .wrapper[data-v-169ac547] {
    position: relative
}

.labelzone label[data-v-169ac547] {
    background: #15151a;
    border-radius: 8px;
    display: block;
    padding: 10px
}

.overlay[data-v-169ac547] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media (max-width: 1280px) {
    .toggle_bg[data-v-169ac547], .toggle_btn[data-v-169ac547] {
        height: 44px
    }
}
.input-wrapper[data-v-1bfff421] {
                          margin-top: 18px
                      }

.input-head_frutto[data-v-1bfff421] {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 15px;
    margin-top: 0
}

.game-wrapper.frutto[data-v-1bfff421] {
    --frutto-height: 390px;
    --center-row-height: var(--frutto-height)
}

.game-wrapper.frutto .fruit_line[data-v-1bfff421] {
    background-color: orange;
    border: none;
    border-radius: 8px;
    height: 4px;
    width: 100%
}

.game-wrapper.frutto .visual_difficult[data-v-1bfff421] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 22%
}

.game-wrapper.frutto .frutto_difficult[data-v-1bfff421] {
    align-items: normal;
    background: #15151a;
    border-radius: 8px;
    display: flex;
    height: 74px;
    justify-content: space-between;
    margin-top: 10px;
    padding: 10px;
    width: 100%
}

.game-wrapper.frutto .footer__coef[data-v-1bfff421] {
    border-radius: 0 0 16px 0;
    bottom: 0;
    height: 86px;
    max-height: 86px;
    padding: 0 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 100%
}

.game-wrapper.frutto .input-head_frutto[data-v-1bfff421] {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 4px
}

@media (min-width: 1281px) {
    .game-wrapper.frutto[data-v-1bfff421] {
        --frutto-height: 387px;
        --center-row-height: var(--frutto-height)
    }
}

@media (max-width: 1280px) {
    .game-wrapper.frutto[data-v-1bfff421] {
        --frutto-height: 342px;
        --center-row-height: var(--frutto-height)
    }
}

@media (max-width: 1279px) {
    .game-wrapper.frutto .slot[data-v-1bfff421] {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 4px
    }

    .game-wrapper.frutto .frutto_difficult[data-v-1bfff421] {
        margin-top: 0
    }

    .game-wrapper.frutto .visual_difficult[data-v-1bfff421] {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 23.7%
    }

    .game-wrapper.frutto .input-head_frutto[data-v-1bfff421] {
        margin-bottom: 4px;
        margin-top: 18px
    }

    .game-wrapper.frutto .toggle[data-v-1bfff421] {
        margin-top: 10px
    }

    .game-wrapper.frutto .input-wrapper[data-v-1bfff421] {
        height: 44px;
        margin-top: 10px
    }

    .game-wrapper.frutto .toggle[data-v-1bfff421] {
        margin: 0
    }
}

@media (max-width: 768px) {
    .game-wrapper.frutto .visual_difficult[data-v-1bfff421] {
        width: 24.1%
    }
}

@media (max-width: 999px) {
    .game-wrapper.frutto .input-head_frutto[data-v-1bfff421] {
        margin-bottom: 4px;
        margin-top: 0
    }

    .game-wrapper.frutto .slot[data-v-1bfff421] {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 0
    }
}

@media (max-width: 480px) {
    .game-wrapper.frutto .input-head_frutto[data-v-1bfff421] {
        margin-bottom: 4px;
        margin-top: 0
    }

    .game-wrapper.frutto .visual_difficult[data-v-1bfff421] {
        width: 23.4%
    }
}

@media (max-width: 320px) {
    .game-wrapper.frutto .visual_difficult[data-v-1bfff421] {
        width: 22.307%
    }

    .game-wrapper.frutto .footer__coef[data-v-1bfff421] {
        padding: 10px
    }
}

@media (max-width: 1279px) {
    .frutto[max-width~="1040px"][data-v-1bfff421] {
        --top-row-height: 60px;
        --center-row-height: 503px;
        --bottom-row-height: 268px
    }
}

@media (max-width: 999px) {
    .frutto[max-width~="1040px"][data-v-1bfff421] {
        --top-row-height: 521px;
        --center-row-height: 236px;
        --bottom-row-height: 60px;
        --history-height: 66px
    }

    .frutto[max-width~="1040px"] .footer__coef[data-v-1bfff421] {
        height: 66px
    }
}

@media (max-width: 480px) {
    .frutto[max-width~="1040px"][data-v-1bfff421] {
        --top-row-height: 418px;
        --center-row-height: 236px;
        --bottom-row-height: 60px;
        --history-height: 66px
    }
}

@media (max-width: 320px) {
    .frutto[max-width~="1040px"][data-v-1bfff421] {
        --top-row-height: 318px;
        --center-row-height: 236px;
        --bottom-row-height: 60px;
        --history-height: 66px
    }
}

.footer__inner[data-v-1bfff421] {
    align-items: center;
    display: -webkit-box;
    height: 100%;
    overflow: hidden
}
svg[data-v-676a9746] {
                          overflow: visible
                      }

.slide.rakeback .example[data-v-676a9746] {
    height: 264px
}

@media (max-width: 340px) {
    .slide.rakeback .example[data-v-676a9746] {
        height: auto;
        max-width: 100vw
    }
}

.modal[data-v-676a9746] {
    --header-height: 88px;
    --modal-height-0: 404px;
    --modal-height-1: 404px;
    --modal-height-2: 708px;
    background: var(--common-background-color);
    border-radius: 16px;
    height: var(--modal-height);
    max-height: calc(100vh - 116px);
    max-width: 340px;
    padding: 0;
    transition: all .5s ease-in-out;
    width: 100vw
}

@media (max-width: 400px) {
    .modal[data-v-676a9746] {
        border-radius: 0;
        max-width: 400px
    }
}

.modal .header-line[data-v-676a9746] {
    align-items: center;
    display: flex;
    height: 54px;
    justify-content: center
}

.modal .header-line h3[data-v-676a9746] {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 1;
    text-align: center
}

.modal .content[data-v-676a9746] {
    border-radius: 0 0 16px 16px;
    height: calc(100% - var(--header-height));
    max-height: calc(var(--modal-height) - var(--header-height));
    overflow: hidden;
    position: relative;
    transition: all .5s ease-in-out
}

@media (max-width: 400px) {
    .modal .content[data-v-676a9746] {
        border-radius: 0
    }
}

.modal .content p[data-v-676a9746] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 20px;
    padding: 15px 20px 10px
}

.modal .content .cashback .available-statuses[data-v-676a9746], .modal .content .rakeback .available-statuses[data-v-676a9746] {
    gap: 1px;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:1fr 1fr;
    height: 166px
}

.modal .content .statuses .available-statuses[data-v-676a9746] {
    gap: 1px;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr 1fr;
    height: 250px
}

.modal .content .available-statuses[data-v-676a9746] {
    display: grid
}

.modal .content .available-statuses .status[data-v-676a9746] {
    align-items: center;
    background: var(--body-background-color);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.modal .content .available-statuses .status span[data-v-676a9746] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px;
    text-transform: capitalize
}

.modal .content .available-statuses .status span.title[data-v-676a9746] {
    font-weight: 700
}

.tabs[data-v-676a9746] {
    background: var(--bright-background-color)
}

.slide[data-v-676a9746] {
    max-height: calc(100vh - var(--fixer) / 2 - var(--header-height) * 2);
    max-height: calc(var(--vh, 1vh) * 100 - var(--fixer) / 2 - var(--header-height) * 2);
    scrollbar-width: none;
    transition: all .5s ease-in-out
}

@media (max-height: 825px) {
    .slide[data-v-676a9746] {
        overflow: hidden
    }
}

.slide[data-v-676a9746]::-webkit-scrollbar {
    display: none
}

@media (max-width: 999px) {
    .slide[data-v-676a9746] {
        overflow: auto;
        scrollbar-width: none
    }

    .slide[data-v-676a9746]::-webkit-scrollbar {
        display: none
    }
}

.imgbox[data-v-676a9746] {
    background: var(--body-background-color)
}

.imgbox img[data-v-676a9746] {
    margin: 0 auto
}
input[data-v-766c82ca] {
                          background: var(--brightest-background-color);
                          border: 2px solid var(--dark-foreground-color);
                          border-radius: 20px;
                          color: var(--dark-foreground-color);
                          margin: 10px;
                          padding: 10px
                      }

a[data-v-766c82ca] {
    color: #6024ce
}

.carousel-holder[data-v-766c82ca] {
    background: var(--carousel-static-part-color);
    border-radius: 16px;
    display: grid;
    grid-column: 1/3;
    grid-row: 1;
    grid-template-columns:1fr 1fr;
    height: 100vh;
    margin: 0 auto;
    max-height: 195px;
    max-width: 1100px;
    overflow: hidden;
    transition: all .5s ease-in-out
}

.carousel-holder .static-part[data-v-766c82ca] {
    align-items: flex-start;
    color: var(--darkest-foreground-color);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px 40px 23px 30px;
    position: relative
}

.carousel-holder .static-part *[data-v-766c82ca] {
    color: inherit;
    letter-spacing: .015em
}

.carousel-holder .static-part h3[data-v-766c82ca] {
    font-size: 24px;
    font-weight: 700
}

.carousel-holder .static-part p[data-v-766c82ca] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.carousel-holder .static-part button[data-v-766c82ca] {
    background: var(--button-background-color);
    border: none;
    border-radius: 16px;
    color: var(--common-foreground-color);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 12px 20px
}

.carousel-holder .static-part button[data-v-766c82ca]:hover {
    color: var(--bright-foreground-color)
}

.carousel-holder .static-part button[data-v-766c82ca]:active {
    filter: brightness(1.5)
}

@media (max-width: 479px) {
    .carousel-holder .static-part button[data-v-766c82ca] {
        width: calc(100vw - 60px)
    }
}

@media (max-width: 1000px) {
    .carousel-holder .static-part[data-v-766c82ca] {
        padding: 20px 4px 20px 20px
    }

    .carousel-holder .static-part h3[data-v-766c82ca] {
        font-size: 16px;
        font-weight: 700
    }

    .carousel-holder .static-part p[data-v-766c82ca] {
        font-size: 14px;
        font-weight: 500
    }
}

@media (max-width: 840px) {
    .carousel-holder[data-v-766c82ca] {
        max-height: 168px
    }
}

@media (max-width: 660px) {
    .carousel-holder[data-v-766c82ca] {
        max-height: 192px
    }
}

@media (max-width: 479px) {
    .carousel-holder[data-v-766c82ca] {
        max-height: 300px
    }
}

.carousel .sliding-carousel-slide[data-v-766c82ca] {
    --local-gap: 10px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: var(--carousel-height);
    justify-content: flex-start
}

.carousel .sliding-carousel-slide > *[data-v-766c82ca] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.carousel .sliding-carousel-slide[data-v-766c82ca] > :first-child {
    margin-top: 0
}

.carousel .sliding-carousel-slide[data-v-766c82ca] > :last-child {
    margin-bottom: 0
}

.sliding-carousel-slide[data-v-766c82ca] {
    background: var(--carousel-slide-background);
    color: var(--carousel-slide-foreground);
    height: var(--carousel-height);
    padding: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: var(--carousel-width)
}

@media (max-width: 1000px) {
    .sliding-carousel-slide[data-v-766c82ca] {
        padding: 20px
    }
}

@media (max-width: 479px) {
    .sliding-carousel-slide[data-v-766c82ca] {
        padding: 10px 20px
    }
}

.sliding-carousel-slide .background[data-v-766c82ca] {
    bottom: 0;
    left: 153px;
    margin: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0
}

.sliding-carousel-slide h3[data-v-766c82ca], .sliding-carousel-slide span[data-v-766c82ca] {
    color: var(--carousel-slide-foreground)
}

.sliding-carousel-slide span[data-v-766c82ca] {
    font-size: 18px;
    font-weight: 600;
    line-height: 1
}

.sliding-carousel-slide h3[data-v-766c82ca] {
    font-size: 24px;
    font-weight: 700;
    text-transform: capitalize
}

.sliding-carousel-slide .bonus-balls[data-v-766c82ca] {
    max-height: 74px;
    position: relative
}

.sliding-carousel-slide .bonus-balls .percents[data-v-766c82ca] {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.sliding-carousel-slide .bonus-balls .percents span[data-v-766c82ca] {
    display: inline-block;
    text-align: center;
    width: 72px
}

.sliding-carousel-slide .bonus-balls span[data-v-766c82ca]:first-of-type {
    margin-left: 2px
}

.sliding-carousel-slide .bonus-balls span[data-v-766c82ca]:last-of-type {
    margin-left: -10px
}

.sliding-carousel-slide .bonus-balls svg[data-v-766c82ca] {
    height: auto;
    width: 100%
}

.current-progress-block[data-v-766c82ca] {
    align-items: flex-start;
    background: var(--background);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    grid-column: 1/3;
    grid-row: 2;
    height: 100%;
    justify-content: space-between;
    max-height: 135px;
    max-width: 1100px;
    min-height: 135px;
    overflow: hidden;
    padding: 10px 15px 24px;
    position: relative;
    width: 100%
}

.current-progress-block.new span.status-line[data-v-766c82ca], .current-progress-block.new span.title[data-v-766c82ca] {
    color: var(--common-text-color-bright)
}

.current-progress-block .status-line[data-v-766c82ca] {
    color: var(--body-background-color)
}

.current-progress-block span[data-v-766c82ca] {
    color: var(--common-text-color-bright);
    font-weight: 500
}

.current-progress-block .title[data-v-766c82ca] {
    color: var(--foreground);
    font-weight: 700;
    text-transform: capitalize
}

.current-progress-block .steps[data-v-766c82ca] {
    font-feature-settings: "liga", "clig", "tnum";
    background: var(--body-background-color);
    border-radius: 16px;
    color: var(--common-text-color-bright);
    font-variant: common-ligatures tabular-nums;
    padding: 7px 10px
}

.current-progress-block svg.background[data-v-766c82ca] {
    bottom: 0;
    left: 250px;
    position: absolute;
    top: 0
}

.bonuses-page[data-v-766c82ca] {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 20px
}

.bonuses-block[data-v-766c82ca] {
    grid-gap: 30px 20px;
    background: var(--common-background-color);
    border-radius: 16px;
    display: grid;
    gap: 30px 20px;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:repeat(3, auto);
    line-height: 1;
    margin: 0 auto;
    padding: 30px;
    width: 100%
}

.cashback-block[data-v-766c82ca], .rakeback-block[data-v-766c82ca] {
    background: var(--body-background-color);
    border-radius: 16px;
    position: relative
}

.cashback-block .header[data-v-766c82ca], .rakeback-block .header[data-v-766c82ca] {
    grid-gap: 10px;
    align-items: center;
    background: var(--game-template-secondary-color);
    border-radius: 16px;
    display: grid;
    gap: 10px;
    grid-template-columns:auto 1fr auto;
    height: 100%;
    justify-content: stretch;
    max-height: 66px;
    padding: 10px;
    position: relative
}

.cashback-block .header .title[data-v-766c82ca], .rakeback-block .header .title[data-v-766c82ca] {
    color: var(--common-text-color-bright);
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px
}

.cashback-block .header .progress[data-v-766c82ca], .rakeback-block .header .progress[data-v-766c82ca] {
    align-self: flex-start;
    background: #15151a;
    border-radius: 16px;
    height: 100%;
    justify-self: flex-end;
    max-height: 46px;
    overflow: hidden;
    position: relative
}

.cashback-block .header .progress .loadbar[data-v-766c82ca], .rakeback-block .header .progress .loadbar[data-v-766c82ca] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.cashback-block .header .progress .time-to-cashback[data-v-766c82ca], .rakeback-block .header .progress .time-to-cashback[data-v-766c82ca] {
    font-feature-settings: "liga", "clig", "tnum";
    align-items: center;
    color: var(--common-text-color-bright);
    display: flex;
    font-variant: common-ligatures tabular-nums;
    height: 100%;
    justify-content: center;
    padding: 10px;
    position: relative;
    z-index: 1
}

.cashback-block .header .value[data-v-766c82ca], .rakeback-block .header .value[data-v-766c82ca] {
    align-items: center;
    align-self: flex-start;
    background: var(--body-background-color);
    border-radius: 16px;
    display: flex;
    font-size: 14px;
    height: 100%;
    justify-content: stretch;
    max-height: 46px;
    min-width: 128px;
    padding: 0 10px
}

.cashback-block .header .value span[data-v-766c82ca], .rakeback-block .header .value span[data-v-766c82ca] {
    color: var(--common-text-color-bright);
    display: block;
    flex-grow: 1;
    font-weight: 600;
    text-align: center
}

.cashback-block .header .value svg[data-v-766c82ca], .rakeback-block .header .value svg[data-v-766c82ca] {
    flex-shrink: 0
}

.cashback-block .text[data-v-766c82ca], .rakeback-block .text[data-v-766c82ca] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px;
    padding: 10px 15px
}

.cashback-block[data-v-766c82ca] {
    grid-column: 1;
    grid-row: 3
}

.rakeback-block[data-v-766c82ca] {
    grid-column: 2;
    grid-row: 3
}

.rakeback-block button[data-v-766c82ca] {
    align-items: center;
    background: var(--accent-brand-color);
    border: none;
    border-radius: 16px;
    color: var(--common-text-color-bright);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .015em;
    margin-left: 10px;
    padding: 14px 10px
}

.rakeback-block button[data-v-766c82ca]:not([disabled]):hover {
    filter: brightness(.85)
}

.rakeback-block button[data-v-766c82ca]:active {
    filter: brightness(.7)
}

.rakeback-block button[disabled][data-v-766c82ca] {
    cursor: default;
    filter: brightness(.6)
}

.rakeback-block div.header div.value[data-v-766c82ca] {
    grid-column: 3;
    min-width: 204px;
    padding: 0 0 0 10px
}

.dots[data-v-766c82ca] {
    align-items: center;
    bottom: 13px;
    display: flex;
    height: 16px;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.dots .dot[data-v-766c82ca] {
    background: var(--bright-background-color);
    border-radius: 50%;
    cursor: pointer;
    margin: 0 9px;
    pointer-events: auto;
    transition: all .25s ease-in-out
}

.dots .dot[data-v-766c82ca], .dots .dot[data-v-766c82ca]:hover {
    border: 3px solid var(--bright-background-color);
    height: 14px;
    width: 14px
}

.dots .dot.active[data-v-766c82ca], .dots .dot[data-v-766c82ca]:hover {
    background: var(--accent-brand-color)
}

.dots .dot.active[data-v-766c82ca] {
    border: 3px solid var(--bright-background-color);
    height: 16px;
    margin: 0 8px;
    width: 16px
}

@media (max-width: 1280px) {
    .bonuses-block[data-v-766c82ca] {
        gap: 20px 0;
        grid-template-columns:1fr;
        grid-template-rows:auto auto 1fr 1fr
    }

    .cashback-block[data-v-766c82ca] {
        grid-column: 1;
        grid-row: 3
    }

    .cashback-block .value[data-v-766c82ca] {
        justify-self: flex-end
    }

    .rakeback-block[data-v-766c82ca] {
        grid-column: 1;
        grid-row: 4
    }
}

@media (max-width: 999px) {
    .bonuses-page[data-v-766c82ca] {
        padding: 0
    }

    .bonuses-block[data-v-766c82ca] {
        border-radius: 0;
        padding: 10px
    }
}

@media (max-width: 480px) {
    .bonuses-block[data-v-766c82ca] {
        grid-template-columns:calc(100vw - 20px);
        grid-template-rows:auto
    }

    .cashback-block[data-v-766c82ca] {
        height: -moz-max-content;
        height: max-content
    }

    .cashback-block .header[data-v-766c82ca] {
        grid-template-columns:auto auto;
        grid-template-rows:1fr 1fr;
        max-height: 122px
    }

    .cashback-block .header .progress[data-v-766c82ca] {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-row: 2;
        height: 46px;
        justify-self: stretch
    }

    .rakeback-block div.header div.value[data-v-766c82ca] {
        min-width: 150px
    }
}

@media (max-width: 479px) {
    .carousel-holder[data-v-766c82ca] {
        grid-template-columns:1fr;
        grid-template-rows:167px 1fr;
        max-height: 300px
    }
}
.hidden[data-v-60980090] {
                          display: none
                      }

.iframe-wrapper[data-v-60980090] {
    height: 100%;
    width: 100%
}

.slot-game-wrapper[data-v-60980090] {
    --demo-mode-secondary-color: var(--button-background-color-alt);
    --demo-mode-primary-color: var(--common-background-color);
    background: var(--body-background-color);
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    min-height: 654px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    transition-duration: .25s;
    transition-property: min-height, max-width;
    transition-timing-function: ease;
    width: 100%
}

.slot-game-wrapper.demo-disabled .header[data-v-60980090] {
    grid-template-columns:1fr auto
}

.slot-game-wrapper.landscape[data-v-60980090] {
    max-width: 1471px;
    min-height: 817px
}

.slot-game-wrapper .placeholdered-game[data-v-60980090] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    position: relative
}

.slot-game-wrapper .game_wrapper[data-v-60980090] {
    border: none;
    flex-grow: 1;
    height: 614px;
    position: relative;
    width: 100%
}

.slot-game-wrapper .placeholder[data-v-60980090] {
    border-radius: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.slot-game-wrapper .header[data-v-60980090] {
    display: grid;
    flex-grow: 0;
    grid-template-columns:1fr 1fr 1fr;
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px
}

.slot-game-wrapper .header .demo-mode[data-v-60980090] {
    align-items: center;
    display: flex
}

.slot-game-wrapper .header .demo-mode span[data-v-60980090] {
    color: var(--bit-darker-foreground-color);
    margin-right: 10px;
    transition: all .25s ease
}

.slot-game-wrapper .header .demo-mode.active[data-v-60980090] {
    --demo-mode-primary-color: var(--accent-brand-color)
}

.slot-game-wrapper .header .demo-mode.active span[data-v-60980090] {
    color: var(--common-foreground-color)
}

.slot-game-wrapper .header[data-v-60980090] > :first-child {
    justify-self: flex-start
}

.slot-game-wrapper .header[data-v-60980090] > :nth-child(2) {
    justify-self: center
}

.slot-game-wrapper .header[data-v-60980090] > :nth-child(3) {
    justify-self: flex-end
}

.slot-game-wrapper .header .buttons[data-v-60980090] {
    --local-gap: 12px;
    margin-right: -4px
}

.slot-game-wrapper .header .buttons button[data-v-60980090] {
    line-height: 0;
    min-height: 32px;
    padding: 7px
}

.slot-game-wrapper a[data-v-60980090], .slot-game-wrapper button[data-v-60980090] {
    background: none;
    border: none;
    cursor: pointer
}

.slot-game-wrapper a span[data-v-60980090], .slot-game-wrapper button span[data-v-60980090] {
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px
}

.slot-game-wrapper a[disabled][data-v-60980090], .slot-game-wrapper button[disabled][data-v-60980090] {
    --svg-color: var(--dark-background-color);
    --svg-hover-color: var(--dark-background-color);
    cursor: not-allowed
}

.slot-game-wrapper a.active[data-v-60980090], .slot-game-wrapper button.active[data-v-60980090] {
    --svg-fill-color: var(--bright-foreground-color);
    --svg-color: var(--bright-foreground-color)
}

@media (max-width: 999px) {
    .slot-game-wrapper[data-v-60980090] {
        height: 100vh
    }
}

.mobile-preview[data-v-60980090] {
    flex-direction: column;
    height: var(--true-screen-height);
    max-height: var(--height);
    min-height: var(--height);
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: 100vw
}

.mobile-preview[data-v-60980090], .mobile-preview .header[data-v-60980090] {
    display: flex;
    justify-content: space-between
}

.mobile-preview .header[data-v-60980090] {
    align-items: center
}

.mobile-preview .header h1[data-v-60980090] {
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .015em;
    line-height: 24px;
    text-align: right
}

.mobile-preview .header p[data-v-60980090] {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 16px;
    text-align: right
}

.mobile-preview .background[data-v-60980090] {
    filter: blur(3px) brightness(.3);
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translate(-50%);
    z-index: -1
}

.mobile-preview button[data-v-60980090] {
    background: none;
    border: none
}

.mobile-preview button *[data-v-60980090] {
    color: inherit
}

.mobile-preview button[disabled][data-v-60980090] {
    filter: brightness(.5)
}

.mobile-preview .play-button[data-v-60980090] {
    left: 50%;
    padding: 53px 60px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

.mobile-preview .play-button[data-v-60980090]:active, .mobile-preview .play-button[data-v-60980090]:hover {
    --svg-color: var(--brightest-foreground-color)
}

.mobile-preview .buttons[data-v-60980090] {
    display: flex;
    justify-content: space-between
}

.mobile-preview .buttons.demo-disabled[data-v-60980090] {
    justify-content: center
}

.mobile-preview .buttons button[data-v-60980090] {
    --svg-color: var(--brightest-foreground-color);
    align-items: center;
    border: 1px solid var(--brightest-foreground-color);
    border-radius: 100px;
    color: var(--brightest-foreground-color);
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    letter-spacing: .015em;
    line-height: 24px;
    padding: 4px 8px 4px 14px
}

.mobile-preview .buttons button.active[data-v-60980090] {
    --svg-fill-color: var(--bright-foreground-color)
}

.mobile-preview .buttons button svg[data-v-60980090] {
    height: 16px;
    margin-right: 8px;
    max-height: 16px;
    width: auto
}
.slots-page[data-v-50f299ba] {
                          position: relative
                      }
.auto-take[disabled][data-v-2e4ba12c] {
                          pointer-events: none
                      }

.last-statistic[data-v-2e4ba12c] {
    --local-gap: 16.2px;
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-start
}

@media (max-width: 1280px) {
    .last-statistic[data-v-2e4ba12c] {
        --local-gap: 29px
    }
}

@media (max-width: 1100px) {
    .last-statistic[data-v-2e4ba12c] {
        --local-gap: 10.6px
    }
}

@media (max-width: 999px) {
    .last-statistic[data-v-2e4ba12c] {
        --local-gap: 8.8px
    }
}

@media (max-width: 500px) {
    .last-statistic[data-v-2e4ba12c] {
        --local-gap: 18.8px
    }
}

@media (max-width: 360px) {
    .last-statistic[data-v-2e4ba12c] {
        --local-gap: 30.4px
    }
}

.last-statistic.animated .coeff-block[data-v-2e4ba12c]:first-child {
    animation: slide-in-2e4ba12c var(--animation-time) ease-in-out 0s 1 normal forwards
}

.last-statistic .coeff-block[data-v-2e4ba12c]:last-child {
    margin-right: 10px
}

.last-statistic .coeff-block[data-v-2e4ba12c]:first-child {
    margin-left: 10px
}

.last-statistic .coeff-block[data-v-2e4ba12c] {
    --background: var(--common-text-color);
    align-items: center;
    background: var(--common-text-color);
    background: var(--background);
    border: 3px solid rgba(0, 0, 0, .5);
    border-radius: 16px;
    display: flex;
    flex-basis: 73px;
    flex-shrink: 0;
    font-size: 16px;
    font-weight: 500;
    height: 46px;
    justify-content: center;
    letter-spacing: .015em;
    line-height: 24px;
    overflow: hidden;
    transition: all .25s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 73px
}

.last-statistic .coeff-block span[data-v-2e4ba12c] {
    color: rgba(0, 0, 0, .5);
    display: inline-block;
    text-align: center;
    width: 73px
}

.last-statistic .coeff-block[data-v-2e4ba12c]:first-child {
    height: 56px
}

.last-statistic .coeff-block.red[data-v-2e4ba12c] {
    --background: var(--accent-negative-color)
}

.last-statistic .coeff-block.cyan[data-v-2e4ba12c] {
    --background: #00c7ac
}

.last-statistic .coeff-block.blue[data-v-2e4ba12c] {
    --background: #00cbe7
}

.last-statistic .coeff-block.deep-blue[data-v-2e4ba12c] {
    --background: #227aff
}

.last-statistic .coeff-block.purple[data-v-2e4ba12c] {
    --background: #9858ff
}

.last-statistic .coeff-block.violet[data-v-2e4ba12c] {
    --background: #b84eec
}

.last-statistic .coeff-block.pink[data-v-2e4ba12c] {
    --background: #cf28a0
}

.last-statistic .coeff-block.green[data-v-2e4ba12c] {
    --background: var(--accent-positive-color)
}

@keyframes slide-in-2e4ba12c {
    0% {
        margin-left: -88px
    }
    to {
        margin-left: 10px
    }
}

.crash-background[data-v-2e4ba12c] {
    background: linear-gradient(180deg, #111217, #1e222b);
    height: 100%;
    width: 100%
}

.crash-background .stars-track[data-v-2e4ba12c] {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    transition: none;
    will-change: transform
}

.crash-background .stars-track *[data-v-2e4ba12c] {
    transition: none
}

.crash-background .stars-track .stars-center[data-v-2e4ba12c], .crash-background .stars-track .stars-end[data-v-2e4ba12c], .crash-background .stars-track .stars-start[data-v-2e4ba12c], .crash-locker[data-v-2e4ba12c] {
    position: relative
}

.crash-locker[data-v-2e4ba12c] {
    height: 100%;
    overflow: hidden;
    width: 100%
}

.rocket[data-v-2e4ba12c] {
    --offset-x: 0%;
    --offset-y: 0%;
    --hidden-top: 120%;
    --visible-top: 48.5%;
    left: 50%;
    left: calc(50% + var(--offset-x));
    position: absolute;
    top: 120%;
    top: var(--hidden-top);
    transform: translate(-50%)
}

.rocket.flying-in[data-v-2e4ba12c] {
    animation: flying-in-2e4ba12c var(--flying-in-time) ease-in-out 0s 1 normal forwards
}

.rocket.running[data-v-2e4ba12c] {
    top: calc(var(--visible-top) + var(--offset-y))
}

@media (max-width: 1100px) {
    .rocket[data-v-2e4ba12c] {
        --visible-top: 37%
    }
}

@media (max-width: 999px) {
    .rocket[data-v-2e4ba12c] {
        --visible-top: 51%;
        --hidden-top: 150%;
        transform: translate(-50%, -50%)
    }
}

@media (max-width: 500px) {
    .rocket[data-v-2e4ba12c] {
        --visible-top: 50.75%;
        transform: translate(calc(-50% + .5px), -50%) scale(.815)
    }
}

@media (max-width: 360px) {
    .rocket[data-v-2e4ba12c] {
        --visible-top: 51.25%
    }
}

@keyframes flying-in-2e4ba12c {
    0% {
        top: var(--hidden-top)
    }
    99.99999% {
        top: var(--visible-top)
    }
    to {
        top: calc(var(--visible-top) + var(--offset-y))
    }
}

.star[data-v-2e4ba12c] {
    --delay: 1s;
    animation: brightening-2e4ba12c 2s ease 1s infinite;
    animation: brightening-2e4ba12c 2s ease var(--delay) infinite;
    background: var(--color);
    border-radius: 100px;
    height: var(--rad);
    position: absolute;
    width: var(--rad)
}

@keyframes brightening-2e4ba12c {
    0% {
        filter: brightness(1)
    }
    50% {
        filter: brightness(1.8)
    }
    to {
        filter: brightness(1)
    }
}

.limiter[data-v-2e4ba12c] {
    margin: 0 auto;
    max-width: 1200px
}

.input-head[data-v-2e4ba12c] {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .015em;
    padding-left: .5px
}

.auto-take[data-v-2e4ba12c] {
    margin-bottom: -.5px;
    margin-top: var(--padding)
}

@media (max-width: 1100px) {
    .auto-take[data-v-2e4ba12c] {
        --padding: 9.5px
    }
}

@media (max-width: 999px) {
    .auto-take[data-v-2e4ba12c] {
        --padding: 19.5px
    }
}

.underline-content[data-v-2e4ba12c] {
    background: #2c313b;
    border-radius: 0 0 8px 8px;
    font-size: 13px;
    font-weight: 500;
    margin-top: -22px;
    transition: color .35s ease-in-out
}

.underline-content:not([disabled]) span[data-v-2e4ba12c] {
    cursor: pointer
}

.underline-content:not([disabled]) span[data-v-2e4ba12c]:hover {
    color: var(--common-text-color-bright);
    transition: color .1s ease-in-out
}

.underline-content span[data-v-2e4ba12c] {
    cursor: default
}

.multiplier[data-v-2e4ba12c] {
    font-feature-settings: "liga", "clig", "tnum";
    color: var(--common-text-color-bright);
    font-size: 72px;
    font-variant: common-ligatures tabular-nums;
    font-weight: 600;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 12.8%;
    transform: translateX(-50%);
    transition: all .25s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 1280px) {
    .multiplier[data-v-2e4ba12c] {
        top: 17%
    }
}

@media (max-width: 1100px) {
    .multiplier[data-v-2e4ba12c] {
        top: 11.5%
    }
}

@media (max-width: 999px) {
    .multiplier[data-v-2e4ba12c] {
        top: 8.7%
    }
}

@media (max-width: 500px) {
    .multiplier[data-v-2e4ba12c] {
        top: 9.5%
    }
}

@media (max-width: 360px) {
    .multiplier[data-v-2e4ba12c] {
        top: 10%
    }
}

.next-time[data-v-2e4ba12c] {
    color: var(--common-text-color-bright);
    font-size: 22px;
    font-weight: 600;
    left: 50%;
    letter-spacing: .015em;
    line-height: 38px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: calc(50% - 2.5px);
    transform: translate(-50%, -50%);
    transition: all .25s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.next-time span[data-v-2e4ba12c] {
    font-feature-settings: "liga", "clig", "tnum";
    color: inherit;
    display: inline-block;
    font-size: 32px;
    font-variant: common-ligatures tabular-nums;
    font-weight: inherit;
    line-height: 38px;
    margin-top: 26.5px
}

.players-n-bets[data-v-2e4ba12c] {
    --local-gap: 10px;
    align-items: center;
    background: var(--button-background-color);
    border-radius: 16px;
    display: flex;
    height: 100%;
    justify-content: space-between;
    max-height: 54px;
    max-width: 174px;
    min-height: 54px;
    min-width: 146px;
    padding: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: all .25s ease-in-out;
    width: -moz-min-content;
    width: min-content
}

.players-n-bets > *[data-v-2e4ba12c] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.players-n-bets[data-v-2e4ba12c] > :first-child {
    margin-left: 0
}

.players-n-bets[data-v-2e4ba12c] > :last-child {
    margin-right: 0
}

.players-n-bets hr[data-v-2e4ba12c] {
    background: var(--hover-color);
    border: none;
    height: 1px
}

.players-n-bets .online-bets[data-v-2e4ba12c], .players-n-bets .online-players[data-v-2e4ba12c] {
    --local-gap: 4px;
    align-items: center;
    display: flex;
    justify-content: center
}

.players-n-bets .online-bets > *[data-v-2e4ba12c], .players-n-bets .online-players > *[data-v-2e4ba12c] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.players-n-bets .online-bets[data-v-2e4ba12c] > :first-child, .players-n-bets .online-players[data-v-2e4ba12c] > :first-child {
    margin-left: 0
}

.players-n-bets .online-bets[data-v-2e4ba12c] > :last-child, .players-n-bets .online-players[data-v-2e4ba12c] > :last-child {
    margin-right: 0
}

.players-n-bets .online-players[data-v-2e4ba12c] {
    color: var(--common-text-color)
}

.players-n-bets .online-bets[data-v-2e4ba12c] {
    background: rgba(0, 0, 0, .3);
    border-radius: 16px;
    font-size: 13px;
    letter-spacing: .015em;
    line-height: 1;
    padding: 9px 10px
}

.players-n-bets .online-bets[data-v-2e4ba12c], .players-n-bets .online-bets span[data-v-2e4ba12c] {
    color: var(--common-text-color-bright)
}

.players-n-bets.opened[data-v-2e4ba12c] {
    align-items: flex-start;
    max-height: calc(100% - 40px);
    min-width: 174px;
    overflow: hidden;
    padding-right: 4px
}

.players-n-bets.opened .empty-bets[data-v-2e4ba12c] {
    --local-gap: 12px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    right: 0;
    top: calc(50% - 1px);
    transform: translateY(-50%)
}

.players-n-bets.opened .empty-bets > *[data-v-2e4ba12c] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.players-n-bets.opened .empty-bets[data-v-2e4ba12c] > :first-child {
    margin-top: 0
}

.players-n-bets.opened .empty-bets[data-v-2e4ba12c] > :last-child {
    margin-bottom: 0
}

.players-n-bets.opened .empty-bets span[data-v-2e4ba12c] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .015em
}

@keyframes slide-in-bottom-2e4ba12c {
    0% {
        opacity: 0;
        transform: translateY(100%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.players-n-bets.opened .list[data-v-2e4ba12c] {
    --local-gap: 10px;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    overflow-y: auto;
    padding-right: 4px;
    scrollbar-color: var(--button-background-color-alt) var(--background-color);
    scrollbar-width: thin
}

.players-n-bets.opened .list[data-v-2e4ba12c]::-webkit-scrollbar {
    background-color: var(--background-color);
    border-radius: 10px;
    width: 2px
}

.players-n-bets.opened .list[data-v-2e4ba12c]::-webkit-scrollbar-thumb {
    background: var(--button-background-color-alt);
    border-radius: 10px
}

.players-n-bets.opened .list > *[data-v-2e4ba12c] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.players-n-bets.opened .list[data-v-2e4ba12c] > :first-child {
    margin-left: 0
}

.players-n-bets.opened .list[data-v-2e4ba12c] > :last-child {
    margin-right: 0
}

.players-n-bets.opened .user-n-bet[data-v-2e4ba12c] {
    animation: slide-in-bottom-2e4ba12c .35s ease-in-out 0s 1 normal backwards;
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: space-between;
    max-height: 60px;
    max-width: 100%;
    min-height: 60px;
    width: 174px
}

.players-n-bets.opened .user-n-bet .first-line[data-v-2e4ba12c] {
    align-items: center;
    display: flex;
    height: 24px;
    justify-content: flex-start;
    max-height: 24px;
    position: relative
}

.players-n-bets.opened .user-n-bet .first-line .avatar[data-v-2e4ba12c] {
    border-radius: 50%;
    max-height: 24px;
    max-width: 24px;
    overflow: hidden;
    position: relative;
    width: auto
}

.players-n-bets.opened .user-n-bet .first-line .avatar img[data-v-2e4ba12c] {
    height: 100%;
    width: 100%
}

.players-n-bets.opened .user-n-bet .first-line .name[data-v-2e4ba12c] {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .015em;
    margin-left: 5px;
    max-height: 20px;
    max-width: calc(100% - 29px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.players-n-bets.opened .user-n-bet .second-line[data-v-2e4ba12c] {
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: space-between;
    letter-spacing: .015em
}

.players-n-bets.opened .user-n-bet .second-line .coefficient[data-v-2e4ba12c] {
    transition: all .1s ease-in-out
}

.players-n-bets.opened .user-n-bet .second-line .coefficient span[data-v-2e4ba12c] {
    color: inherit
}

.players-n-bets.opened .user-n-bet .second-line .bet[data-v-2e4ba12c] {
    align-items: center;
    color: var(--common-text-color-bright);
    display: flex;
    justify-content: flex-end
}

.players-n-bets.opened .user-n-bet .second-line .bet svg[data-v-2e4ba12c] {
    height: 16px;
    width: 16px
}

.players-n-bets.opened .user-n-bet .second-line .bet span[data-v-2e4ba12c] {
    color: inherit
}

.players-n-bets.opened .user-n-bet.won .second-line .coefficient[data-v-2e4ba12c] {
    color: var(--accent-positive-color)
}

.players-n-bets.opened .user-n-bet.lost .second-line .coefficient[data-v-2e4ba12c] {
    color: var(--accent-negative-color)
}

.explosion[data-v-2e4ba12c] {
    left: 50%;
    position: absolute;
    top: 60%;
    transform: translate(-50%, -50%)
}

@keyframes frame-fading-2e4ba12c {
    0% {
        opacity: .8
    }
    1% {
        opacity: 1
    }
    99% {
        opacity: .7
    }
    to {
        opacity: 0
    }
}

.explosion-container[data-v-2e4ba12c] {
    --animation-duration: 1s;
    height: 100%;
    left: 50%;
    max-width: 50%;
    min-width: 50%;
    pointer-events: none;
    position: absolute;
    top: 65%;
    transform: translate(-50%, -50%);
    width: auto
}

@media (max-width: 999px) {
    .explosion-container[data-v-2e4ba12c] {
        max-width: 70%
    }
}

@media (max-width: 768px) {
    .explosion-container[data-v-2e4ba12c] {
        top: 50%
    }
}

.explosion-container.exploding .frame[data-v-2e4ba12c] {
    animation: frame-fading-2e4ba12c var(--one-frame-time) cubic-bezier(0, 0, 0, 0) var(--delay) 1 normal forwards
}

.explosion-container .frame[data-v-2e4ba12c] {
    --one-frame-time: calc(var(--animation-duration) / 9 * 1.01);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.explosion-container .frame.\#1[data-v-2e4ba12c] {
    --delay: 0s;
    transform: translate(-20px)
}

.explosion-container .frame.\#2[data-v-2e4ba12c] {
    --delay: calc(var(--one-frame-time));
    transform: translate(-10px)
}

.explosion-container .frame.\#3[data-v-2e4ba12c] {
    --delay: calc(var(--one-frame-time) * 2);
    transform: translate(0) scale(1.3)
}

.explosion-container .frame.\#4[data-v-2e4ba12c] {
    --delay: calc(var(--one-frame-time) * 3);
    transform: translate(0) scale(1.5)
}

.explosion-container .frame.\#5[data-v-2e4ba12c] {
    --delay: calc(var(--one-frame-time) * 4);
    transform: translate(0) scale(1.15)
}

.explosion-container .frame.\#6[data-v-2e4ba12c] {
    --delay: calc(var(--one-frame-time) * 5);
    transform: translate(10px, 20px) scale(1.25)
}

.explosion-container .frame.\#7[data-v-2e4ba12c] {
    --delay: calc(var(--one-frame-time) * 6);
    transform: translate(20px, 20px) scale(1.5)
}

.explosion-container .frame.\#8[data-v-2e4ba12c] {
    --delay: calc(var(--one-frame-time) * 7);
    transform: translate(0) scale(1.45)
}

.explosion-container .frame.\#9[data-v-2e4ba12c] {
    --delay: calc(var(--one-frame-time) * 8);
    transform: translate(0) scale(1.5)
}

body #__nuxt #__layout .game-wrapper[max-width~="1040px"] .multiplier[data-v-2e4ba12c] {
    font-size: 48px
}

@media (max-width: 1000px) {
    body #__nuxt #__layout .game-wrapper[max-width~="820px"] .players-n-bets[data-v-2e4ba12c] {
        bottom: 10px;
        max-width: none;
        right: 10px;
        top: auto;
        width: calc(100% - 20px)
    }

    body #__nuxt #__layout .game-wrapper[max-width~="820px"] .players-n-bets.opened[data-v-2e4ba12c] {
        max-height: calc(100% - 20px);
        width: 0
    }
}

@media (max-width: 480px) {
    body #__nuxt #__layout .game-wrapper[max-width~="820px"] .multiplier[data-v-2e4ba12c] {
        font-size: 36px
    }
}

@media (min-width: 1201px) {
    body #__nuxt #__layout .game-wrapper[data-v-2e4ba12c] {
        --center-row-height: 418px
    }
}

@media (max-width: 1200px) {
    body #__nuxt #__layout .game-wrapper[data-v-2e4ba12c] {
        --center-row-height: 572px
    }
}

@media (max-width: 999px) {
    body #__nuxt #__layout .game-wrapper[data-v-2e4ba12c] {
        --top-row-height: 483px;
        --center-row-height: 1fr
    }
}

@media (max-width: 500px) {
    body #__nuxt #__layout .game-wrapper[data-v-2e4ba12c] {
        --top-row-height: 424px
    }
}

@media (max-width: 360px) {
    body #__nuxt #__layout .game-wrapper[data-v-2e4ba12c] {
        --top-row-height: 402px
    }
}
.table-wrapper[data-v-0d954409] {
                          overflow-x: auto;
                          padding: 0 20px
                      }

.table-wrapper .multiplier-number-col[data-v-0d954409] {
    min-width: 74px
}

@media (max-width: 500px) {
    .table-wrapper[data-v-0d954409] {
        margin-left: -20px;
        margin-right: -20px;
        overflow-x: scroll
    }
}

@media (max-width: 455px) {
    .table-wrapper .multiplier-col[data-v-0d954409], .table-wrapper .result-col[data-v-0d954409] {
        height: 90px;
        transform: rotate(270deg)
    }
}

.crash-field[data-v-0d954409] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-family: "SF UI Display", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    letter-spacing: .015em;
    margin-bottom: 18px;
    padding: 40px
}

.crash-field span[data-v-0d954409]:first-child {
    color: #959aa2;
    font-size: 72px
}

.crash-field span[data-v-0d954409]:nth-child(2) {
    color: #ff3955
}

.nonce-update[data-v-0d954409] {
    --local-gap: 10px;
    bottom: 10px;
    display: flex;
    position: absolute;
    right: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.nonce-update > *[data-v-0d954409] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.nonce-update[data-v-0d954409] > :first-child {
    margin-left: 0
}

.nonce-update[data-v-0d954409] > :last-child {
    margin-right: 0
}

.nonce-update div[data-v-0d954409] {
    align-content: center;
    background-color: #2f343e;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 26px;
    justify-content: center;
    width: 26px
}

.nonce-update div span[data-v-0d954409] {
    color: inherit;
    font-size: 20px !important;
    font-weight: 700;
    line-height: 1px;
    padding-bottom: 4px
}

.nonce-update div:last-child span[data-v-0d954409] {
    padding-bottom: 3px
}

h4[data-v-0d954409] {
    margin-bottom: 10px
}

table[data-v-0d954409] {
    border-collapse: collapse;
    border-spacing: 0;
    color: #f0f2f5;
    font-family: "SF UI Display", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-align: center
}

table td[data-v-0d954409], table th[data-v-0d954409] {
    border: 1px solid #363c47;
    box-sizing: border-box;
    color: #f0f2f5;
    padding: 2px 5px
}

.header div[data-v-0d954409] {
    color: #959aa2;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px
}

.header div[data-v-0d954409], h3[data-v-0d954409] {
    font-family: "SF UI Display", sans-serif;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .015em
}

h3[data-v-0d954409] {
    align-items: center;
    color: #f0f2f5;
    display: flex;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 22px
}

.main[data-v-0d954409] {
    background: #22262e;
    border-radius: 16px;
    margin: auto;
    max-width: 1160px;
    padding: 30px;
    width: calc(100% - 80px)
}

@media (max-width: 640px) {
    .main[data-v-0d954409] {
        padding: 20px;
        width: calc(100% - 40px)
    }
}

@media (max-width: 420px) {
    .main[data-v-0d954409] {
        border-radius: 0;
        width: 100%
    }
}

.dropdown[data-v-0d954409] {
    background: #16171d;
    border-radius: 16px;
    height: 100%;
    margin-top: 10px;
    width: 100%
}

.game-field-wrapper[data-v-0d954409] {
    transition: all .2s ease-in-out
}

.game-field-wrapper.loading[data-v-0d954409] {
    filter: blur(3px);
    pointer-events: none;
    transition-duration: .4s
}

.input-fields[data-v-0d954409] {
    margin: auto;
    max-width: 600px;
    transition: all .1s ease-in-out
}

.input-fields.loading[data-v-0d954409] {
    filter: blur(3px);
    pointer-events: none;
    transition-duration: .4s
}

.input-fields .input-wrapper[data-v-0d954409] {
    margin-top: 20px
}

.input-fields .input-wrapper span[data-v-0d954409] {
    align-items: center;
    color: inherit;
    display: flex;
    font-family: "SF UI Display", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 13px;
    line-height: 1
}

.input-fields .input-wrapper input[data-v-0d954409] {
    background: #16171d;
    border: 2px solid transparent;
    border-radius: 16px;
    font-size: 14px;
    letter-spacing: .015em;
    margin-top: 5px;
    outline: none;
    padding: 12px 9px;
    transition: all .45s ease-in-out;
    width: 100%
}

.input-fields .input-wrapper input[type=number][data-v-0d954409]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.input-fields .input-wrapper input[data-v-0d954409]::-moz-placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.input-fields .input-wrapper input[data-v-0d954409]::placeholder {
    color: var(--bit-darker-foreground-color);
    opacity: 1
}

.input-fields .input-wrapper input[data-v-0d954409]:focus {
    border-color: var(--button-background-color-alt);
    transition-duration: .1s
}

.game-info h4[data-v-0d954409] {
    color: #959aa2;
    font-family: "SF UI Display", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 16px;
    margin-top: 30px
}

.loading .hmac-wrapper[data-v-0d954409] {
    --local-gap: 10px;
    display: flex;
    flex-direction: column
}

.loading .hmac-wrapper > *[data-v-0d954409] {
    margin-bottom: calc(var(--local-gap) / 2);
    margin-top: calc(var(--local-gap) / 2)
}

.loading .hmac-wrapper[data-v-0d954409] > :first-child {
    margin-top: 0
}

.loading .hmac-wrapper[data-v-0d954409] > :last-child {
    margin-bottom: 0
}

.hmac[data-v-0d954409] {
    color: #fb7b52
}

.hash[data-v-0d954409], .hmac[data-v-0d954409] {
    font-family: "SF UI Display", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 16px
}

.hash[data-v-0d954409] {
    --local-gap: 10px;
    display: flex;
    overflow-x: scroll;
    white-space: nowrap;
    width: 100%
}

.hash > *[data-v-0d954409] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.hash[data-v-0d954409] > :first-child {
    margin-left: 0
}

.hash[data-v-0d954409] > :last-child {
    margin-right: 0
}

.hash[data-v-0d954409]::-webkit-scrollbar-thumb {
    border-radius: 100px;
    height: 5px;
    visibility: hidden;
    width: 5px
}

.hash[data-v-0d954409]:hover::-webkit-scrollbar-thumb {
    visibility: visible
}

.hash[data-v-0d954409]::-webkit-scrollbar, .hash[data-v-0d954409]:hover::-webkit-scrollbar-thumb {
    border-radius: 100px;
    height: 5px;
    width: 5px
}

.hash[data-v-0d954409]::-webkit-scrollbar-thumb {
    background-color: #434a5d;
    border-radius: 30px;
    opacity: 0
}

.hash[data-v-0d954409]::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    border-radius: 30px;
    visibility: visible
}

.hash .nums-wrap[data-v-0d954409] {
    text-wrap: normal;
    display: inline-block;
    margin-top: 5px;
    padding-bottom: 2px;
    text-align: center
}

.hash .nums-wrap .nums span[data-v-0d954409] {
    color: #f0f2f5 !important
}

.byte-to-num-wrapper[data-v-0d954409] {
    --local-gap: 60px;
    display: flex;
    overflow-x: scroll
}

.byte-to-num-wrapper > *[data-v-0d954409] {
    margin-left: calc(var(--local-gap) / 2);
    margin-right: calc(var(--local-gap) / 2)
}

.byte-to-num-wrapper[data-v-0d954409] > :first-child {
    margin-left: 0
}

.byte-to-num-wrapper[data-v-0d954409] > :last-child {
    margin-right: 0
}

.byte-to-num-wrapper[data-v-0d954409]::-webkit-scrollbar-thumb {
    border-radius: 100px;
    height: 5px;
    visibility: hidden;
    width: 5px
}

.byte-to-num-wrapper[data-v-0d954409]:hover::-webkit-scrollbar-thumb {
    border-radius: 100px;
    height: 5px;
    visibility: visible;
    width: 5px
}

.byte-to-num-wrapper[data-v-0d954409]::-webkit-scrollbar {
    border-radius: 100px;
    height: 5px;
    width: 5px
}

.byte-to-num-wrapper[data-v-0d954409]::-webkit-scrollbar-thumb {
    background-color: #434a5d;
    border-radius: 30px;
    opacity: 0
}

.byte-to-num-wrapper[data-v-0d954409]::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    border-radius: 30px;
    visibility: visible
}

.byte-to-num[data-v-0d954409] {
    display: flex;
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content
}

.byte-to-num .byte-header[data-v-0d954409] {
    color: #f0f2f5;
    display: inline-block;
    font-family: "SF UI Display", sans-serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 500;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
    word-spacing: 5px
}

.byte-to-num .byte-wrapper[data-v-0d954409] {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.byte-to-num .byte-wrapper .left-part p[data-v-0d954409] {
    font-feature-settings: "liga", "clig", "tnum";
    align-items: center;
    color: #f0f2f5;
    display: flex;
    font-family: "SF UI Display", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-variant: common-ligatures tabular-nums;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 18px
}

.byte-to-num .byte-wrapper .left-part p[data-v-0d954409]:before {
    content: "+   "
}

.byte-to-num .byte-wrapper .left-part p[data-v-0d954409]:first-child:before {
    content: "+   ";
    visibility: hidden
}

.byte-to-num .byte-wrapper .left-part p[data-v-0d954409]:last-child:before, .byte-to-num .byte-wrapper .left-part p[data-v-0d954409]:nth-child(n+2):before {
    content: "=   "
}

.byte-to-num .byte-wrapper .right-part[data-v-0d954409] {
    font-feature-settings: "liga", "clig", "tnum";
    display: flex;
    flex-direction: column;
    font-variant: common-ligatures tabular-nums;
    justify-content: flex-start
}

.byte-to-num .byte-wrapper .right-part p[data-v-0d954409] {
    color: #363c47;
    font-family: "SF UI Display", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .09em;
    line-height: 18px
}
.header .marked-text, .header mark {
                          background: none;
                          color: #f0f2f5;
                          font: inherit
                      }
svg[data-v-0765133a] {
                          overflow: visible
                      }

.modal[data-v-0765133a] {
    background: var(--common-background-color);
    border-radius: 16px;
    max-width: 340px;
    padding: 20px 0 0;
    width: 100vw
}

.modal .header-line[data-v-0765133a] {
    margin-bottom: 10px;
    position: relative
}

.modal .header-line h3[data-v-0765133a] {
    color: var(--bright-foreground-color);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .015em;
    line-height: 14px;
    text-align: center
}

.modal .text[data-v-0765133a] {
    padding: 10px 20px
}

.modal .text p[data-v-0765133a]:not(:first-child) {
    margin-top: 20px
}

.modal .text p[data-v-0765133a] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 20px
}

.modal img[data-v-0765133a] {
    display: block;
    margin: 0 auto
}

.modal .imgbox[data-v-0765133a] {
    background: var(--body-background-color)
}

.modal .imgbox .example[data-v-0765133a] {
    width: 100%
}

.mobile-view > .modal[data-v-0765133a] {
    border-radius: 0;
    max-width: 100vw
}
.limiter[data-v-e2fcf94a] {
                          padding: 0 20px
                      }

@media (max-width: 999px) {
    .limiter[data-v-e2fcf94a] {
        padding: 0
    }
}

.info-holder[data-v-e2fcf94a] {
    align-items: flex-start;
    background: linear-gradient(#ae67ff, #a985e5 80%, #a682eb);
    border-radius: 16px;
    color: var(--darkest-foreground-color);
    display: flex;
    flex-direction: column;
    grid-column: 1;
    grid-row: 1;
    height: 100vh;
    justify-content: flex-start;
    margin: 0 auto;
    max-height: 194px;
    max-width: 1100px;
    overflow: hidden;
    padding: 30px 40px 23px 30px;
    position: relative;
    transition: all .5s ease-in-out;
    width: 100%
}

.info-holder *[data-v-e2fcf94a] {
    color: inherit;
    letter-spacing: .015em
}

.info-holder .background[data-v-e2fcf94a] {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    left: 0;
    margin-left: 223px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: calc(100% - 223px)
}

@media (max-width: 479px) {
    .info-holder .background[data-v-e2fcf94a] {
        justify-content: center;
        margin-left: 0;
        width: 100%
    }
}

@media (max-width: 1300px) {
    .info-holder .background svg[data-v-e2fcf94a] {
        transform: translateX(45%)
    }
}

@media (max-width: 479px) {
    .info-holder .background svg[data-v-e2fcf94a] {
        transform: translateX(-2.5%)
    }
}

.info-holder h3[data-v-e2fcf94a] {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px
}

.info-holder p[data-v-e2fcf94a] {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 12px;
    max-width: 306px
}

.info-holder button[data-v-e2fcf94a] {
    background: var(--button-background-color);
    border: none;
    border-radius: 16px;
    color: var(--common-foreground-color);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 12px 20px
}

.info-holder button[data-v-e2fcf94a]:hover {
    color: var(--bright-foreground-color)
}

.info-holder button[data-v-e2fcf94a]:active {
    filter: brightness(1.5)
}

@media (max-width: 479px) {
    .info-holder button[data-v-e2fcf94a] {
        width: 100%
    }
}

@media (max-width: 1000px) {
    .info-holder[data-v-e2fcf94a] {
        padding: 20px
    }

    .info-holder h3[data-v-e2fcf94a] {
        font-size: 16px;
        font-weight: 700
    }

    .info-holder p[data-v-e2fcf94a] {
        font-size: 14px;
        font-weight: 500
    }
}

@media (max-width: 479px) {
    .info-holder[data-v-e2fcf94a] {
        max-height: 300px
    }
}

.referral-block[data-v-e2fcf94a] {
    grid-gap: 30px;
    background: var(--common-background-color);
    border-radius: 16px;
    display: grid;
    gap: 30px;
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
    line-height: 1;
    margin: 0 auto;
    max-width: 1160px;
    padding: 30px
}

@media (max-width: 1400px) {
    .referral-block[data-v-e2fcf94a] {
        gap: 20px
    }
}

@media (max-width: 999px) {
    .referral-block[data-v-e2fcf94a] {
        gap: 15px
    }
}

.bottom-block[data-v-e2fcf94a] {
    background: var(--body-background-color)
}

.bottom-block[data-v-e2fcf94a], .bottom-block > .header[data-v-e2fcf94a] {
    border-radius: 16px;
    position: relative
}

.bottom-block > .header[data-v-e2fcf94a] {
    grid-gap: 10px;
    align-items: center;
    background: var(--game-template-secondary-color);
    display: grid;
    gap: 10px;
    grid-template-columns:auto 1fr auto;
    height: 100%;
    justify-content: stretch;
    max-height: 66px;
    padding: 10px
}

.bottom-block > .header .title[data-v-e2fcf94a] {
    color: var(--common-text-color-bright);
    font-size: 16px;
    font-weight: 500;
    margin-left: 5px
}

.bottom-block > .header .referral-link[data-v-e2fcf94a] {
    align-self: flex-start;
    background: #15151a;
    border-radius: 16px;
    display: flex;
    height: 100%;
    justify-content: space-between;
    justify-self: stretch;
    max-height: 46px;
    overflow: hidden;
    position: relative
}

.bottom-block > .header .referral-link .referral-link-text[data-v-e2fcf94a] {
    align-items: center;
    color: var(--common-text-color-bright);
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 100%;
    justify-content: flex-start;
    letter-spacing: .015em;
    padding: 10px 0 10px 10px;
    position: relative;
    z-index: 1
}

.bottom-block > .header .referral-link button[data-v-e2fcf94a] {
    align-items: center;
    background: var(--button-background-color-alt);
    border: none;
    border-radius: 16px;
    color: var(--common-foreground-color);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 46px;
    justify-content: center;
    width: 46px
}

.bottom-block > .header .referral-link button[data-v-e2fcf94a]:hover {
    --svg-color: var(--bright-foreground-color)
}

.bottom-block > .header .referral-link button[data-v-e2fcf94a]:active {
    filter: brightness(1.5)
}

.bottom-block > .header .referral-bonus[data-v-e2fcf94a] {
    align-items: center;
    background: var(--body-background-color);
    border-radius: 16px;
    display: grid;
    font-size: 14px;
    grid-template-columns:1fr auto;
    height: 100%;
    justify-content: stretch;
    justify-self: flex-end;
    max-height: 46px;
    max-width: 204px;
    min-width: 204px;
    padding: 0 0 0 10px
}

.bottom-block > .header .referral-bonus .disabled[data-v-e2fcf94a] {
    background: var(--button-background-color-alt)
}

.bottom-block > .header .referral-bonus > span > span[data-v-e2fcf94a] {
    color: var(--common-text-color-bright);
    font-weight: 600;
    text-align: center;
    width: -moz-min-content;
    width: min-content
}

.bottom-block > .header .referral-bonus svg[data-v-e2fcf94a] {
    flex-shrink: 0
}

.bottom-block > .header .referral-bonus button[data-v-e2fcf94a] {
    align-items: center;
    background: var(--accent-brand-color);
    border: none;
    border-radius: 16px;
    color: var(--common-text-color-bright);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    justify-content: center;
    justify-self: flex-end;
    letter-spacing: .015em;
    margin-left: 10px;
    padding: 14px 10px
}

.bottom-block > .header .referral-bonus button[data-v-e2fcf94a]:not([disabled]):hover {
    filter: brightness(.85)
}

.bottom-block > .header .referral-bonus button[data-v-e2fcf94a]:active {
    filter: brightness(.7)
}

.bottom-block > .header .referral-bonus button[disabled][data-v-e2fcf94a] {
    cursor: default;
    filter: brightness(.6)
}

.bottom-block .text[data-v-e2fcf94a] {
    grid-gap: 15px;
    display: grid;
    gap: 15px;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    padding: 15px
}

.bottom-block .text .info-block[data-v-e2fcf94a] {
    grid-gap: 5px;
    border: 2px solid var(--dark-background-color);
    border-radius: 16px;
    display: grid;
    gap: 5px;
    grid-template-rows:1fr 1fr;
    padding: 10px;
    text-align: center
}

.bottom-block .text .info-block .header[data-v-e2fcf94a] {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 24px
}

.bottom-block .text .info-block .value[data-v-e2fcf94a] {
    color: var(--bright-foreground-color);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .015em;
    line-height: 22px
}

@media (max-width: 479px) {
    .bottom-block .text[data-v-e2fcf94a] {
        grid-template-columns:1fr;
        grid-template-rows:1fr 1fr
    }
}

.bottom-block[data-v-e2fcf94a] {
    grid-column: 1;
    grid-row: 2
}

@media (max-width: 1260px) {
    .bottom-block[data-v-e2fcf94a] {
        height: -moz-max-content;
        height: max-content
    }

    .bottom-block .header[data-v-e2fcf94a] {
        grid-template-columns:auto auto;
        grid-template-rows:1fr 1fr;
        max-height: 122px
    }

    .bottom-block .header .referral-link[data-v-e2fcf94a] {
        grid-column-end: 3;
        grid-column-start: 1;
        grid-row: 2;
        height: 46px;
        justify-self: stretch
    }
}

@media (max-width: 999px) {
    .referral-block[data-v-e2fcf94a] {
        border-radius: 0;
        padding: 10px
    }
}

@media (max-width: 479px) {
    .bottom-block .header[data-v-e2fcf94a] {
        grid-template-columns:1fr;
        grid-template-rows:auto 1fr 1fr;
        justify-content: stretch;
        max-height: none
    }

    .bottom-block .header .title[data-v-e2fcf94a] {
        grid-row: 1;
        max-height: 24px
    }

    .bottom-block .header .referral-link[data-v-e2fcf94a] {
        grid-column: 1;
        grid-row: 2
    }

    .bottom-block .header .referral-bonus[data-v-e2fcf94a] {
        grid-row: 3;
        max-width: none;
        padding: 0;
        width: 100%
    }
}

svg[data-v-e2fcf94a] {
    overflow: visible
}
.pagination-line[data-v-227bd920] {
                          --local-gap: 4px;
                          margin: 0 auto;
                          max-width: 90vw;
                          padding: 19px 10px;
                          -webkit-user-select: none;
                          -moz-user-select: none;
                          user-select: none
                      }

.pagination-line .arrow[data-v-227bd920], .pagination-line span.pagination-link[data-v-227bd920] {
    border-radius: 50px;
    cursor: pointer;
    flex-grow: 0;
    flex-shrink: 0;
    font-weight: 500;
    min-height: var(--min-width);
    min-width: var(--min-width);
    padding: 0 4px
}

.pagination-line .arrow svg[data-v-227bd920], .pagination-line span.pagination-link[data-v-227bd920] {
    transition: all .45s ease-in-out
}

.pagination-line .arrow[data-v-227bd920] {
    padding: 6px 10px
}

.pagination-line span.pagination-link[data-v-227bd920]:hover {
    color: var(--bright-foreground-color);
    transition-duration: .15s
}

.pagination-line span.pagination-link.active[data-v-227bd920] {
    background: var(--brightest-background-color);
    color: var(--dark-foreground-color);
    transition-duration: .15s
}

.pagination-line .start[data-v-227bd920] {
    margin-right: calc(var(--local-gap) / 2)
}

.pagination-line .start > *[data-v-227bd920] {
    --local-gap: 0
}

.pagination-line .end[data-v-227bd920] {
    margin-left: calc(var(--local-gap) / 2)
}

.pagination-line .end > *[data-v-227bd920] {
    --local-gap: 0
}

.track[data-v-227bd920] {
    width: -moz-max-content;
    width: max-content
}

.dots[data-v-227bd920] {
    font-weight: 500;
    min-height: var(--min-width);
    min-width: var(--min-width);
    opacity: 0
}

.dots.visible[data-v-227bd920] {
    opacity: 1
}

.limiter[data-v-227bd920] {
    --count: 9;
    max-width: calc(var(--min-width) * 9 + 36px);
    max-width: calc(var(--min-width) * var(--count) + 4px * var(--count));
    overflow: hidden;
    transition: all .25s ease-in-out
}

@media (max-width: 480px) {
    .limiter[data-v-227bd920] {
        --count: 8;
        max-width: 100%;
        width: calc(var(--min-width) * 8 + 32px);
        width: calc(var(--min-width) * var(--count) + 4px * var(--count))
    }
}
.limiter[data-v-d53ff772] {
                          margin: 0 auto;
                          max-width: 1240px;
                          padding: 0 20px;
                          position: relative
                      }

@media (max-width: 999px) {
    .limiter[data-v-d53ff772] {
        padding: 0
    }
}

.date-time[data-v-d53ff772] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.date-time span[data-v-d53ff772] {
    color: var(--bright-foreground-color)
}

.pagination-wrapper[data-v-d53ff772] {
    height: 60px
}

.game-table[data-v-d53ff772] {
    margin: auto;
    max-width: 1160px;
    width: calc(100% - 40px)
}

@media (max-width: 1400px) {
    .game-table[data-v-d53ff772] {
        margin: 0 20px;
        max-width: 1160px
    }
}

.game-block[data-v-d53ff772] {
    --local-gap: 10px;
    align-items: stretch;
    display: flex;
    height: 39px;
    justify-content: flex-start
}

.game-block > .icon[data-v-d53ff772] {
    align-items: center;
    align-self: center;
    display: flex;
    justify-content: center;
    margin-right: var(--local-gap);
    max-height: 30px;
    max-width: 30px;
    width: 100%
}

.game-block > div[data-v-d53ff772] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: -4.5px 0
}

.game-block > div > span[data-v-d53ff772] {
    font-weight: 600;
    text-transform: capitalize;
    width: calc(var(--between) - 68px + var(--width))
}

.game-block > div .go-text[data-v-d53ff772], .game-block > div > span[data-v-d53ff772] {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis
}

.game-block > div .go-text[data-v-d53ff772] {
    color: #5d5f62;
    cursor: pointer;
    font-size: 12px;
    font-weight: 300;
    max-width: calc(var(--between) - 68px + var(--width))
}

.wrapper[data-v-d53ff772] {
    background: var(--button-background-color);
    border-radius: 16px
}

@media (max-width: 999px) {
    .wrapper[data-v-d53ff772] {
        border-radius: 0
    }
}

.wrapper .general-statistics[data-v-d53ff772] {
    grid-gap: 20px;
    display: grid;
    gap: 20px;
    grid-template-columns:1fr 1fr 1fr;
    max-height: 104px;
    overflow: hidden;
    padding: 20px;
    transition: max-height .25s ease-in-out
}

.wrapper .general-statistics .stat[data-v-d53ff772] {
    grid-gap: 8px;
    align-items: center;
    background: var(--body-background-color);
    border-radius: 16px;
    display: grid;
    font-size: 14px;
    font-weight: 500;
    gap: 8px;
    grid-template-rows:1fr 1fr;
    justify-content: center;
    letter-spacing: .015em;
    padding: 10px;
    text-align: center
}

.wrapper .general-statistics .stat .bottom-row[data-v-d53ff772] {
    color: var(--bright-foreground-color)
}
.limiter.statistic div.full-table .tables-menu {
                          margin-bottom: 0
                      }

@media (max-width: 1200px) {
    #content-limiter[max-width~="640px"] .limiter.statistic .general-statistics {
        gap: 10px;
        grid-template-columns:1fr;
        grid-template-rows:1fr 1fr 1fr;
        max-height: 252px
    }
}
                      @media (max-width: 820px){
                          #table-wins{
                              display: none;
                          }
                          #top-sections{
                              display:none;
                          }
                      }
#top-menu{
    left: 100px; top: 0px; right: 100px;
}
                      .layout{
                          --right-menu-width: 100px;
                      }
@media (max-width: 1000px) {
    #top-menu{
        left: 0px; top: 0px; right: 0px;

    }

    .layout{

        --right-menu-width: 0px;
    }

    .footer{
        margin-left: 0px;
    }

    #banners-site{
        margin-top: 120px;
    }
    .content-limiter{
        margin-top: 56px;
    }
}
                      .content-limiter{
                          margin-top: 86px;
                      }

                      #main-div{
                          --current-tab-height: 790.859375px;
                      }

                      .inner-grid{
                          --item-width: 216px;
                      }
                        .group-carousel{
                            --item-width: 216px;
                        }

                      @media (max-width: 470px) {
                          .inner-grid{
                              --item-width: 146px;
                          }
                          .group-carousel{
                              --item-width: 146px;
                          }
                          #main-div{
                                --current-tab-height:580px;
                            }

                          #btn-bottom-section{
                              display: none;
                          }
                          #18plus{
                              display:none;
                          }
                      }