@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700;900&display=swap";

.chub-btn-text[data-v-b959ddd2] {
    position: relative;
    z-index: 15;
    display: inline-block;
    font-weight: 900;
    max-width: 100%;
    --color1:#511c14;
    --color2:#ff000050;
    --size: 24px;
    --text-stroke: 4px;
    --shadow-val1:2px;
    --shadow-val2:4px
}

.is-full .chub-btn-text[data-v-b959ddd2] {
    max-width: calc(100% - 12px);
    margin: 0 auto
}

.is-x-small .chub-btn-text[data-v-b959ddd2], .is-xx-small .chub-btn-text[data-v-b959ddd2], .is-xxx-small .chub-btn-text[data-v-b959ddd2] {
    max-width: 100%
}

.chub-btn-text.is-blue[data-v-b959ddd2] {
    --color1:#00175b;
    --color2:#00175b33
}

.chub-btn-text.is-big[data-v-b959ddd2] {
    --size: 44px;
    --text-stroke: 8px;
    --shadow-val1:4px;
    --shadow-val2:8px
}

.chub-btn-text.is-normal[data-v-b959ddd2] {
    --size: calc(24px * var(--adaptiveText));
    --text-stroke: calc(3px * var(--adaptiveText));
    --shadow-val1:2px;
    --shadow-val2:3px
}

.chub-btn-text.is-medium[data-v-b959ddd2] {
    --size: calc(32px * var(--adaptiveText));
    --text-stroke: calc(6px * var(--adaptiveText));
    --shadow-val1:3px;
    --shadow-val2:6px
}

.chub-btn-text.is-big-circle[data-v-b959ddd2] {
    --size: 28px;
    --text-stroke: 5px;
    --shadow-val1:3px;
    --shadow-val2:6px
}

.chub-btn-text.is-small[data-v-b959ddd2] {
    --size: 16px;
    --text-stroke: 3px;
    --shadow-val1:1px;
    --shadow-val2:1px
}

.chub-btn-text.is-x-small[data-v-b959ddd2] {
    --size: 12px;
    --text-stroke: 3px;
    --shadow-val1:1px;
    --shadow-val2:1px
}

.chub-btn-text.is-xx-small[data-v-b959ddd2] {
    --size: 10px;
    --text-stroke: 3px;
    --shadow-val1:1px;
    --shadow-val2:1px
}

.chub-btn-text.is-xx-small[data-v-b959ddd2] {
    --size: 8px;
    --text-stroke: 3px;
    --shadow-val1:1px;
    --shadow-val2:1px
}

.chub-btn-text.is-amount[data-v-b959ddd2] {
    --size: 20px;
    max-width: 100%
}

.chub-btn-text.is-amount .chub-btn-text__bg[data-v-b959ddd2], .chub-btn-text.is-amount .chub-btn-text__front[data-v-b959ddd2] {
    text-transform: none
}

.chub-btn-text__bg[data-v-b959ddd2], .chub-btn-text__front[data-v-b959ddd2] {
    font-family: "M PLUS Rounded 1c";
    max-width: 100%;
    text-overflow: ellipsis;
    font-size: calc(var(--size) * var(--adaptiveText));
    text-transform: uppercase !important;
    white-space: nowrap
}

.is-full .chub-btn-text__bg[data-v-b959ddd2], .is-full .chub-btn-text__front[data-v-b959ddd2] {
    overflow: hidden;
    white-space: nowrap;
    padding: 0 4px
}

.chub-btn-text__bg[data-v-b959ddd2] {
    font-weight: 900;
    -webkit-text-stroke: calc(var(--text-stroke) * var(--adaptiveText)) var(--color1);
    filter: drop-shadow(0px var(--shadow-val1) 0px var(--color1)) drop-shadow(0px var(--shadow-val2) 0px var(--color2))
}

.chub-btn-text__front[data-v-b959ddd2] {
    color: #fff;
    font-weight: 900;
    position: absolute;
    top: 0;
    left: 0
}

.md-preloader[data-v-c655857e] {
    font-size: 0;
    position: absolute;
    display: inline-block;
    animation: outer-c655857e 6.6s linear infinite
}

.md-preloader svg[data-v-c655857e] {
    animation: inner-c655857e 1.32s linear infinite;
    width: 40px;
    height: 40px
}

.is-small .md-preloader svg[data-v-c655857e] {
    width: 20px;
    height: 20px
}

.md-preloader svg circle[data-v-c655857e] {
    fill: none;
    stroke: #ffffff82;
    stroke-linecap: square;
    animation: arc-c655857e 1.32s cubic-bezier(.8, 0, .4, .8) infinite
}

.chub-btn.is-small .md-preloader svg circle[data-v-c655857e] {
    transform: scale(.5)
}

@keyframes outer-c655857e {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }

}

@keyframes inner-c655857e {
    0% {
        transform: rotate(-100.8deg)
    }

    to {
        transform: rotate(0)
    }

}

@keyframes arc-c655857e {
    0% {
        stroke-dasharray: 1 113.04px;
        stroke-dashoffset: 0
    }

    40% {
        stroke-dasharray: 81.3888px, 113.04px;
        stroke-dashoffset: 0
    }

    to {
        stroke-dasharray: 1 113.04px;
        stroke-dashoffset: -81.3888px
    }

}

.chub-btn-promo[data-v-625c04f5] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    overflow: hidden;
    border-radius: 16px
}

.is-big-circle .chub-btn-promo[data-v-625c04f5] {
    border-radius: 50%
}

.chub-btn-promo[data-v-625c04f5]:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://static2.elaapi.com/crab/themes/chub-m/elements/btn-dots.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 160px auto
}

.is-crab-desktop .chub-btn:active .chub-btn-promo[data-v-625c04f5]:before {
    opacity: .1
}

.is-crab-mobile .chub-btn.is-touched .chub-btn-promo[data-v-625c04f5]:before {
    opacity: .1
}

.chub-btn-promo i[data-v-625c04f5] {
    position: absolute;
    overflow: hidden;
    width: 50%;
    height: 100%;
    top: 0
}

.chub-btn-promo i.is-l[data-v-625c04f5] {
    left: 0
}

.chub-btn-promo i.is-r[data-v-625c04f5] {
    right: 0;
    transform-origin: 50% 50%;
    transform: rotate(180deg)
}

.chub-btn-promo i[data-v-625c04f5]:before, .chub-btn-promo i[data-v-625c04f5]:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100px;
    height: 100px;
    transform-origin: 50% 50%;
    box-shadow: inset -10px -10px 10px #f9c80120;
    background: linear-gradient(133deg, rgba(254, 243, 1, 0) 58.48%, rgba(254, 243, 1, .4) 100%)
}

.chub-btn-promo i[data-v-625c04f5]:before {
    transform: translateY(-50%) translate(-70%) rotate(-45deg);
    animation: btn-promo1-625c04f5 4s infinite;
    border-radius: 20px
}

.chub-btn-promo i[data-v-625c04f5]:after {
    transform: translateY(-50%) translate(-90%) rotate(-45deg);
    animation: btn-promo2-625c04f5 4s infinite;
    animation-delay: .1s;
    border-radius: 16px
}

@keyframes btn-promo1-625c04f5 {
    0% {
        transform: translateY(-50%) translate(-120%) rotate(-45deg);
        opacity: 0
    }

    20% {
        transform: translateY(-50%) translate(-70%) rotate(-45deg);
        opacity: 1
    }

    70% {
        transform: translateY(-50%) translate(-70%) rotate(-45deg);
        opacity: 1
    }

    90% {
        transform: translateY(-50%) translate(0) rotate(-45deg);
        opacity: 0
    }

    to {
        transform: translateY(-50%) translate(0) rotate(-45deg);
        opacity: 0
    }

}

@keyframes btn-promo2-625c04f5 {
    0% {
        transform: translateY(-50%) translate(-120%) rotate(-45deg);
        opacity: 0
    }

    20% {
        transform: translateY(-50%) translate(-90%) rotate(-45deg);
        opacity: 1
    }

    70% {
        transform: translateY(-50%) translate(-90%) rotate(-45deg);
        opacity: 1
    }

    90% {
        transform: translateY(-50%) translate(0) rotate(-45deg);
        opacity: 0
    }

    to {
        transform: translateY(-50%) translate(0) rotate(-45deg);
        opacity: 0
    }

}

.chub-btn[data-v-8bc7b52a] {
    --btn-size-bg: 45px;
    --btn-size-wrap: 53px;
    --btn-size-shadow: -20px;
    --btn-size-shadow-deltaX: 2px;
    --btn-size-shadow-deltaY: 4px;
    --btn-size-offset: 3px;
    --btn-size-padding: 40px;
    --btn-size-botton-shadow: 2px;
    --btn-radius1:10px;
    --btn-radius2:8px;
    --btn-border: #511b14;
    --btn-wrap-bg1:#fc6601;
    --btn-wrap-bg2:#de3601;
    --btn-wrap-shadow: rgba(255, 92, 0, .6);
    --btn-bg1:#ffe901;
    --btn-bg2:#f8b601;
    --btn-bg3:#ee6801;
    --btn-bg4:rgba(255, 255, 255, .9);
    --btn-bg5:#f49201;
    --btn-bg6:rgba(238, 105, 1, .5);
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    transition: opacity .2s;
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
    height: calc(var(--btn-size-wrap) + var(--btn-size-shadow-deltaY));
    padding-bottom: var(--btn-size-shadow-deltaY);
    cursor: pointer;
    max-width: 100%;
    white-space: nowrap
}

.chub-btn.is-touched[data-v-8bc7b52a]:not(:disabled) {
    --btn-bg1:#ffee45;
    --btn-bg2:#f9c505;
    --btn-bg6:rgba(238, 105, 1, .3)
}

.chub-btn.is-selected[data-v-8bc7b52a], .chub-btn.is-touched[data-v-8bc7b52a]:not(:disabled) {
    --btn-wrap-bg1:#bc2301;
    --btn-wrap-bg2:#701b01;
    --btn-bg1:#cd680e;
    --btn-bg2:#b94d0e;
    --btn-bg3:#b94d0e;
    --btn-bg4:#d1731b;
    --btn-bg5:#b02e01;
    --btn-bg6:#a42e01
}

.chub-btn.is-blue[data-v-8bc7b52a] {
    --btn-border: #00175b;
    --btn-wrap-bg1:#1a88f9;
    --btn-wrap-bg2:#0e4adb;
    --btn-wrap-shadow: rgba(0, 141, 255, .6);
    --btn-bg1:#01c0ff;
    --btn-bg2:#01a3ff;
    --btn-bg3:#01a3ff;
    --btn-bg4:#01ddff;
    --btn-bg5:#01adff;
    --btn-bg6:rgba(2, 97, 234, .3)
}

.chub-btn.is-blue.is-touched[data-v-8bc7b52a]:not(:disabled) {
    --btn-bg1:#22c8ff;
    --btn-bg2:#19abff;
    --btn-bg3:#019aff;
    --btn-bg6:rgba(2, 97, 234, .2)
}

.chub-btn.is-blue.is-touched[data-v-8bc7b52a]:not(:disabled), .chub-btn.is-blue.is-selected[data-v-8bc7b52a] {
    --btn-wrap-bg1:#00175b;
    --btn-wrap-bg2:#00175b;
    --btn-bg1:#0e58ab;
    --btn-bg2:#0e4bab;
    --btn-bg3:#0e4bab;
    --btn-bg4:#1f74bf;
    --btn-bg5:#0256c1;
    --btn-bg6:#0134a7
}

.chub-btn.is-green[data-v-8bc7b52a] {
    --btn-border: #00175b;
    --btn-wrap-bg1:#17a117;
    --btn-wrap-bg2:#0f7410;
    --btn-wrap-shadow: rgba(0, 141, 255, .6);
    --btn-bg1:#6efb01;
    --btn-bg2:#50c401;
    --btn-bg3:#277701;
    --btn-bg4:#adee7e90;
    --btn-bg5:#478927;
    --btn-bg6:#50c40140;
    --hoverFilter: 0px -6px 12px #11e20b50
}

.chub-btn.is-green[data-v-8bc7b52a]:hover {
    --btn-bg1:#7cfc18;
    --btn-bg2:#59c90e;
    --btn-bg3:#2e8a01;
    --btn-bg6:#50c40130
}

.chub-btn.is-green.is-touched[data-v-8bc7b52a]:not(:disabled), .chub-btn.is-green.is-selected[data-v-8bc7b52a] {
    --btn-wrap-bg1:#00175b;
    --btn-wrap-bg2:#00175b;
    --btn-bg1:#098303;
    --btn-bg2:#098303;
    --btn-bg3:#098303;
    --btn-bg4:#1bb402;
    --btn-bg5:#1bb402
}

.chub-btn.is-big[data-v-8bc7b52a] {
    --btn-size-bg: 96px;
    --btn-size-wrap: 116px;
    --btn-size-shadow: -50px;
    --btn-size-shadow-deltaX: 3px;
    --btn-size-shadow-deltaY: 8px;
    --btn-size-padding: 60px;
    --btn-radius1:16px;
    --btn-radius2:16px
}

.chub-btn.is-big[data-v-8bc7b52a]:not(.is-blue), .chub-btn.is-big-circle[data-v-8bc7b52a]:not(.is-blue) {
    --btn-bg1:#ffe701;
    --btn-bg2:#f59c01;
    --btn-bg3:#ed6400;
    --btn-bg4:rgba(255, 255, 255, .9);
    --btn-bg6:rgba(238, 105, 1, 0)
}

.chub-btn.is-big:not(.is-blue).is-touched[data-v-8bc7b52a]:not(:disabled), .chub-btn.is-big-circle:not(.is-blue).is-touched[data-v-8bc7b52a]:not(:disabled) {
    --btn-bg1:#cd680e;
    --btn-bg2:#b94d0e;
    --btn-bg3:#b94d0e;
    --btn-bg4:#d1731b;
    --btn-bg5:#b02e01
}

.chub-btn.is-big-circle[data-v-8bc7b52a] {
    --btn-size-bg: 100px;
    --btn-size-wrap: 124px;
    --btn-size-shadow: -50px;
    --btn-size-shadow-deltaX: 3px;
    --btn-size-shadow-deltaY: 4px;
    --btn-size-padding: 8px;
    --btn-radius1:94px / 60px;
    --btn-radius2:90px / 60px;
    min-width: 152px
}

.chub-btn.is-normal[data-v-8bc7b52a] {
    --btn-size-bg: 46px;
    --btn-size-wrap: 57px;
    --btn-size-shadow: -23px;
    --btn-size-shadow-deltaX: 1px;
    --btn-size-shadow-deltaY: 3px;
    --btn-size-padding: 30px;
    --btn-radius1:12px;
    --btn-radius2:12px
}

.chub-btn.is-medium[data-v-8bc7b52a] {
    --btn-size-bg: 66px;
    --btn-size-wrap: 78px;
    --btn-size-shadow: -36px;
    --btn-size-shadow-deltaX: 3px;
    --btn-size-shadow-deltaY: 8px;
    --btn-size-padding: 30px;
    --btn-radius1:12px;
    --btn-radius2:12px
}

.chub-btn.is-small[data-v-8bc7b52a], .chub-btn.is-x-small[data-v-8bc7b52a], .chub-btn.is-xx-small[data-v-8bc7b52a], .chub-btn.is-xxx-small[data-v-8bc7b52a] {
    --btn-size-bg: 30px;
    --btn-size-wrap: 38px;
    --btn-size-shadow: -16px;
    --btn-size-shadow-deltaX: 1px;
    --btn-size-shadow-deltaY: 2px;
    --btn-size-padding: 10px;
    --btn-size-botton-shadow: 1px;
    --btn-radius1:6px;
    --btn-radius2:6px
}

.chub-btn.is-icon[data-v-8bc7b52a] {
    --btn-size-bg: 40px;
    --btn-size-wrap: 48px;
    --btn-size-shadow: -20px;
    --btn-size-shadow-deltaX: 0px;
    --btn-size-shadow-deltaY: 3px;
    --btn-size-padding: 0px;
    --btn-size-botton-shadow: 0px
}

.chub-btn.is-icon-small[data-v-8bc7b52a] {
    --btn-size-bg: 27px;
    --btn-size-wrap: 36px;
    --btn-size-shadow: -20px;
    --btn-size-shadow-deltaX: 0px;
    --btn-size-shadow-deltaY: 0px;
    --btn-size-padding: 0px;
    --btn-size-botton-shadow: 0px
}

.chub-btn.is-icon-circle[data-v-8bc7b52a] {
    --btn-size-bg: 48px;
    --btn-size-wrap: 56px;
    --btn-size-shadow: -20px;
    --btn-size-shadow-deltaX: 0px;
    --btn-size-shadow-deltaY: 3px;
    --btn-size-padding: 0px;
    --btn-size-botton-shadow: 0px;
    --btn-radius1:50%;
    --btn-radius2:50%
}

.chub-btn.is-icon-circle[data-v-8bc7b52a]:not(.is-blue) {
    --btn-bg6:rgba(0, 0, 0, 0)
}

.chub-btn.is-icon-circle.is-blue[data-v-8bc7b52a] {
    --btn-bg1:#01b0ff;
    --btn-bg2:#018eff;
    --btn-bg3:#0169ff;
    --btn-bg6:rgba(0, 0, 0, 0)
}

.chub-btn.is-icon-circle.is-blue.is-touched[data-v-8bc7b52a]:not(:disabled) {
    --btn-bg1:#014fa7;
    --btn-bg2:#0142a7;
    --btn-bg3:#0134a7
}

.chub-btn[data-v-8bc7b52a]:disabled {
    pointer-events: none;
    opacity: .4;
    cursor: default
}

.chub-btn:disabled *[data-v-8bc7b52a] {
    pointer-events: none
}

.chub-btn[data-v-8bc7b52a] img {
    position: relative;
    z-index: 12;
    flex-shrink: 0
}

.chub-btn.is-touched:not(:disabled) .chub-btn-text[data-v-8bc7b52a], .chub-btn.is-touched:not(:disabled) img[data-v-8bc7b52a] {
    transform: translateY(-1px);
    transition: .1s ease
}

.chub-btn[data-v-8bc7b52a]:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + var(--btn-size-shadow-deltaX) * 2);
    height: 80%;
    left: calc(var(--btn-size-shadow-deltaX) * -1);
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    box-shadow: 0 var(--btn-size-botton-shadow) 0 #fff3;
    border-radius: var(--btn-radius1);
    z-index: 1
}

.chub-btn__wrap[data-v-8bc7b52a] {
    box-sizing: border-box;
    position: relative;
    top: 0;
    z-index: 10;
    border: solid 2px var(--btn-border);
    border-radius: var(--btn-radius1);
    height: var(--btn-size-wrap);
    background: linear-gradient(270deg, var(--btn-wrap-bg1) 0%, var(--btn-wrap-bg2) 11.98%, var(--btn-wrap-bg2) 87.5%, var(--btn-wrap-bg1) 100%);
    transition: height .1s;
    max-width: 100%
}

.chub-btn.is-selected .chub-btn__wrap[data-v-8bc7b52a], .chub-btn.is-touched:not(:disabled) .chub-btn__wrap[data-v-8bc7b52a] {
    height: calc(var(--btn-size-wrap) - var(--btn-size-offset))
}

.chub-btn.is-selected:not(.is-big) .chub-btn__wrap[data-v-8bc7b52a], .chub-btn.is-touched:not(.is-big) .chub-btn__wrap[data-v-8bc7b52a] {
    background: var(--btn-border)
}

.chub-btn.is-selected:disabled .chub-btn__wrap[data-v-8bc7b52a], .chub-btn.is-touched:disabled .chub-btn__wrap[data-v-8bc7b52a] {
    background: linear-gradient(270deg, var(--btn-wrap-bg1) 0%, var(--btn-wrap-bg2) 11.98%, var(--btn-wrap-bg2) 87.5%, var(--btn-wrap-bg1) 100%)
}

.chub-btn__bg[data-v-8bc7b52a] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: 100%;
    height: var(--btn-size-bg);
    line-height: var(--btn-size-bg);
    padding: 0 var(--btn-size-padding);
    border-radius: var(--btn-radius2);
    background: linear-gradient(180deg, var(--btn-bg1) 0%, var(--btn-bg2) 50%, var(--btn-bg3) 100%);
    box-shadow: inset 0 1px 0 var(--btn-bg4), inset 0 0 0 1px var(--btn-bg5), inset 0 var(--btn-size-shadow) 0 var(--btn-bg6)
}

.is-big-circle .chub-btn__bg[data-v-8bc7b52a] {
    overflow: hidden
}

.is-icon .chub-btn__bg[data-v-8bc7b52a] {
    width: 48px
}

.is-icon-small .chub-btn__bg[data-v-8bc7b52a] {
    width: 30px
}

.is-icon-circle .chub-btn__bg[data-v-8bc7b52a] {
    width: 48px
}

.is-icon-circle .chub-btn__bg[data-v-8bc7b52a]:before {
    content: "";
    position: absolute;
    top: 3px;
    left: calc(50% - 14px);
    display: block;
    width: 28px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff3
}

.chub-btn.is-full[data-v-8bc7b52a] {
    width: 100%
}

.chub-btn.is-full[data-v-8bc7b52a] .chub-btn-text {
    display: flex;
    justify-content: center
}

.chub-btn.is-full .chub-btn__wrap[data-v-8bc7b52a], .chub-btn.is-full .chub-btn__bg[data-v-8bc7b52a] {
    width: 100%;
    padding: 0
}

.chub-btn[data-v-24fb463c] {
    --btn-size-bg: 45px;
    --btn-size-wrap: 53px;
    --btn-size-shadow: -20px;
    --btn-size-shadow-deltaX: 2px;
    --btn-size-shadow-deltaY: 4px;
    --btn-size-offset: 3px;
    --btn-size-padding: 40px;
    --btn-size-botton-shadow: 2px;
    --btn-radius1:10px;
    --btn-radius2:8px;
    --btn-border: #511b14;
    --btn-wrap-bg1:#fc6601;
    --btn-wrap-bg2:#de3601;
    --btn-wrap-shadow: rgba(255, 92, 0, .6);
    --btn-bg1:#ffe901;
    --btn-bg2:#f8b601;
    --btn-bg3:#ee6801;
    --btn-bg4:rgba(255, 255, 255, .9);
    --btn-bg5:#f49201;
    --btn-bg6:rgba(238, 105, 1, .5);
    --hoverFilter: 0px -6px 12px #ffec3950;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .2s;
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    z-index: 2;
    height: calc(var(--btn-size-wrap) + var(--btn-size-shadow-deltaY));
    padding-bottom: var(--btn-size-shadow-deltaY);
    cursor: pointer;
    max-width: 100%;
    white-space: nowrap
}

.chub-btn[data-v-24fb463c] * {
    cursor: pointer
}

.chub-btn[data-v-24fb463c]:hover {
    --btn-bg1:#ffee45;
    --btn-bg2:#f9c505;
    --btn-bg6:rgba(238, 105, 1, .3)
}

.chub-btn[data-v-24fb463c]:active {
    --btn-wrap-bg1:#bc2301;
    --btn-wrap-bg2:#701b01;
    --btn-bg1:#cd680e;
    --btn-bg2:#b94d0e;
    --btn-bg3:#b94d0e;
    --btn-bg4:#d1731b;
    --btn-bg5:#b02e01;
    --btn-bg6:#a42e01
}

.chub-btn.is-blue[data-v-24fb463c] {
    --btn-border: #00175b;
    --btn-wrap-bg1:#1a88f9;
    --btn-wrap-bg2:#0e4adb;
    --btn-wrap-shadow: rgba(0, 141, 255, .6);
    --btn-bg1:#01c0ff;
    --btn-bg2:#01a3ff;
    --btn-bg3:#01a3ff;
    --btn-bg4:#01ddff;
    --btn-bg5:#01adff;
    --btn-bg6:rgba(2, 97, 234, .3);
    --hoverFilter: 0px -6px 12px #22c8ff50
}

.chub-btn.is-blue[data-v-24fb463c]:hover {
    --btn-bg1:#22c8ff;
    --btn-bg2:#19abff;
    --btn-bg3:#019aff;
    --btn-bg6:rgba(2, 97, 234, .2)
}

.chub-btn.is-blue[data-v-24fb463c]:active {
    --btn-wrap-bg1:#00175b;
    --btn-wrap-bg2:#00175b;
    --btn-bg1:#0e58ab;
    --btn-bg2:#0e4bab;
    --btn-bg3:#0e4bab;
    --btn-bg4:#1f74bf;
    --btn-bg5:#0256c1;
    --btn-bg6:#0134a7
}

.chub-btn.is-green[data-v-24fb463c] {
    --btn-border: #00175b;
    --btn-wrap-bg1:#17a117;
    --btn-wrap-bg2:#0f7410;
    --btn-wrap-shadow: rgba(0, 141, 255, .6);
    --btn-bg1:#6efb01;
    --btn-bg2:#50c401;
    --btn-bg3:#277701;
    --btn-bg4:#adee7e90;
    --btn-bg5:#478927;
    --btn-bg6:#50c40140;
    --hoverFilter: 0px -6px 12px #11e20b50
}

.chub-btn.is-green[data-v-24fb463c]:hover {
    --btn-bg1:#7cfc18;
    --btn-bg2:#59c90e;
    --btn-bg3:#2e8a01;
    --btn-bg6:#50c40130
}

.chub-btn.is-green[data-v-24fb463c]:active {
    --btn-wrap-bg1:#00175b;
    --btn-wrap-bg2:#00175b;
    --btn-bg1:#098303;
    --btn-bg2:#098303;
    --btn-bg3:#098303;
    --btn-bg4:#1bb402;
    --btn-bg5:#1bb402
}

.chub-btn.is-big[data-v-24fb463c] {
    --btn-size-bg: 96px;
    --btn-size-wrap: 116px;
    --btn-size-shadow: -50px;
    --btn-size-shadow-deltaX: 3px;
    --btn-size-shadow-deltaY: 8px;
    --btn-size-padding: 60px;
    --btn-radius1:16px;
    --btn-radius2:16px
}

.chub-btn.is-big[data-v-24fb463c]:not(.is-blue), .chub-btn.is-big-circle[data-v-24fb463c]:not(.is-blue) {
    --btn-bg1:#ffe701;
    --btn-bg2:#f59c01;
    --btn-bg3:#ed6400;
    --btn-bg4:rgba(255, 255, 255, .9);
    --btn-bg6:rgba(238, 105, 1, 0)
}

.chub-btn.is-big[data-v-24fb463c]:not(.is-blue):active, .chub-btn.is-big-circle[data-v-24fb463c]:not(.is-blue):active {
    --btn-bg1:#cd680e;
    --btn-bg2:#b94d0e;
    --btn-bg3:#b94d0e;
    --btn-bg4:#d1731b;
    --btn-bg5:#b02e01
}

.chub-btn.is-big-circle[data-v-24fb463c] {
    --btn-size-bg: 108px;
    --btn-size-wrap: 128px;
    --btn-size-shadow: -50px;
    --btn-size-shadow-deltaX: 3px;
    --btn-size-shadow-deltaY: 8px;
    --btn-size-padding: 8px;
    --btn-radius1:80px / 60px;
    --btn-radius2:80px / 60px;
    min-width: 152px
}

.chub-btn.is-normal[data-v-24fb463c] {
    --btn-size-bg: 46px;
    --btn-size-wrap: 57px;
    --btn-size-shadow: -23px;
    --btn-size-shadow-deltaX: 1px;
    --btn-size-shadow-deltaY: 3px;
    --btn-size-padding: 30px;
    --btn-radius1:12px;
    --btn-radius2:12px
}

.chub-btn.is-medium[data-v-24fb463c] {
    --btn-size-bg: 66px;
    --btn-size-wrap: 78px;
    --btn-size-shadow: -36px;
    --btn-size-shadow-deltaX: 3px;
    --btn-size-shadow-deltaY: 8px;
    --btn-size-padding: 30px;
    --btn-radius1:12px;
    --btn-radius2:12px
}

.chub-btn.is-small[data-v-24fb463c], .chub-btn.is-x-small[data-v-24fb463c], .chub-btn.is-xx-small[data-v-24fb463c], .chub-btn.is-xxx-small[data-v-24fb463c] {
    --btn-size-bg: 30px;
    --btn-size-wrap: 38px;
    --btn-size-shadow: -16px;
    --btn-size-shadow-deltaX: 1px;
    --btn-size-shadow-deltaY: 2px;
    --btn-size-padding: 10px;
    --btn-size-botton-shadow: 1px;
    --btn-radius1:6px;
    --btn-radius2:6px;
    --hoverFilter: 0px -4px 8px #ffec3950
}

.chub-btn.is-small.is-blue[data-v-24fb463c], .chub-btn.is-x-small.is-blue[data-v-24fb463c], .chub-btn.is-xx-small.is-blue[data-v-24fb463c], .chub-btn.is-xxx-small.is-blue[data-v-24fb463c] {
    --hoverFilter: 0px -4px 8px #22c8ff50
}

.chub-btn.is-icon[data-v-24fb463c] {
    --btn-size-bg: 40px;
    --btn-size-wrap: 48px;
    --btn-size-shadow: -20px;
    --btn-size-shadow-deltaX: 0px;
    --btn-size-shadow-deltaY: 3px;
    --btn-size-padding: 0px;
    --btn-size-botton-shadow: 0px;
    --hoverFilter: 0px -4px 8px #ffec3950
}

.chub-btn.is-icon.is-blue[data-v-24fb463c] {
    --hoverFilter: 0px -4px 8px #22c8ff50
}

.chub-btn.is-icon-small[data-v-24fb463c] {
    --btn-size-bg: 27px;
    --btn-size-wrap: 36px;
    --btn-size-shadow: -20px;
    --btn-size-shadow-deltaX: 0px;
    --btn-size-shadow-deltaY: 0px;
    --btn-size-padding: 0px;
    --btn-size-botton-shadow: 0px;
    --hoverFilter: 0px -4px 8px #ffec3950
}

.chub-btn.is-icon-circle[data-v-24fb463c] {
    --btn-size-bg: 48px;
    --btn-size-wrap: 56px;
    --btn-size-shadow: -20px;
    --btn-size-shadow-deltaX: 0px;
    --btn-size-shadow-deltaY: 3px;
    --btn-size-padding: 0px;
    --btn-size-botton-shadow: 0px;
    --btn-radius1:50%;
    --btn-radius2:50%;
    --hoverFilter: 0px -4px 8px #ffec3950
}

.chub-btn.is-icon-circle.is-blue[data-v-24fb463c] {
    --hoverFilter: 0px -4px 8px #22c8ff50
}

.chub-btn.is-icon-circle[data-v-24fb463c]:not(.is-blue) {
    --btn-bg6:rgba(0, 0, 0, 0)
}

.chub-btn.is-icon-circle.is-blue[data-v-24fb463c] {
    --btn-bg1:#01b0ff;
    --btn-bg2:#018eff;
    --btn-bg3:#0169ff;
    --btn-bg6:rgba(0, 0, 0, 0)
}

.chub-btn.is-icon-circle.is-blue[data-v-24fb463c]:active {
    --btn-bg1:#014fa7;
    --btn-bg2:#0142a7;
    --btn-bg3:#0134a7
}

.chub-btn[data-v-24fb463c]:disabled {
    pointer-events: none;
    opacity: .4;
    cursor: default
}

.chub-btn[data-v-24fb463c]:disabled * {
    cursor: default;
    pointer-events: none
}

.chub-btn[data-v-24fb463c] img {
    position: relative;
    z-index: 12;
    flex-shrink: 0
}

.chub-btn[data-v-24fb463c]:hover .chub-btn-icon, .chub-btn[data-v-24fb463c]:hover .chub-btn-text, .chub-btn:hover img[data-v-24fb463c] {
    transform: translateY(-1px);
    transition: .1s ease
}

.chub-btn[data-v-24fb463c]:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + var(--btn-size-shadow-deltaX) * 2);
    height: 80%;
    left: calc(var(--btn-size-shadow-deltaX) * -1);
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    box-shadow: 0 var(--btn-size-botton-shadow) 0 #fff3;
    border-radius: var(--btn-radius1);
    z-index: 1
}

.chub-btn__wrap[data-v-24fb463c] {
    box-sizing: border-box;
    position: relative;
    top: 0;
    z-index: 10;
    border: solid 2px var(--btn-border);
    border-radius: var(--btn-radius1);
    height: var(--btn-size-wrap);
    background: linear-gradient(270deg, var(--btn-wrap-bg1) 0%, var(--btn-wrap-bg2) 11.98%, var(--btn-wrap-bg2) 87.5%, var(--btn-wrap-bg1) 100%);
    transition: height .1s;
    max-width: 100%
}

.chub-btn:active .chub-btn__wrap[data-v-24fb463c] {
    height: calc(var(--btn-size-wrap) - var(--btn-size-offset))
}

.chub-btn:active:not(.is-big) .chub-btn__wrap[data-v-24fb463c] {
    background: var(--btn-border)
}

.chub-btn__wrap[data-v-24fb463c]:hover {
    box-shadow: var(--hoverFilter)
}

.chub-btn:active .chub-btn__wrap[data-v-24fb463c] {
    box-shadow: none
}

.chub-btn__bg[data-v-24fb463c] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    max-width: 100%;
    height: var(--btn-size-bg);
    line-height: var(--btn-size-bg);
    padding: 0 var(--btn-size-padding);
    border-radius: var(--btn-radius2);
    background: linear-gradient(180deg, var(--btn-bg1) 0%, var(--btn-bg2) 50%, var(--btn-bg3) 100%);
    box-shadow: inset 0 1px 0 var(--btn-bg4), inset 0 0 0 1px var(--btn-bg5), inset 0 var(--btn-size-shadow) 0 var(--btn-bg6)
}

.is-big-circle .chub-btn__bg[data-v-24fb463c] {
    overflow: hidden
}

.is-icon .chub-btn__bg[data-v-24fb463c] {
    width: 48px
}

.is-icon-small .chub-btn__bg[data-v-24fb463c] {
    width: 30px
}

.is-icon-circle .chub-btn__bg[data-v-24fb463c] {
    width: 48px
}

.is-icon-circle .chub-btn__bg[data-v-24fb463c]:before {
    content: "";
    position: absolute;
    top: 3px;
    left: calc(50% - 14px);
    display: block;
    width: 28px;
    height: 16px;
    border-radius: 50%;
    background-color: #fff3
}

.chub-btn.is-full[data-v-24fb463c] {
    width: 100%
}

.chub-btn.is-full[data-v-24fb463c] .chub-btn-text {
    display: flex;
    justify-content: center
}

.chub-btn.is-full .chub-btn__wrap[data-v-24fb463c], .chub-btn.is-full .chub-btn__bg[data-v-24fb463c] {
    width: 100%;
    padding: 0
}

.chub-text[data-v-4966465e] {
    --text-stroke-size: 6px;
    --text-stroke-color: #00175bff;
    --text-color: #ffffff;
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-style: normal;
    font-weight: 900
}

.chub-text[data-v-4966465e]:before {
    content: attr(data-text);
    -webkit-text-stroke: var(--text-stroke-size) var(--text-stroke-color);
    filter: drop-shadow(0px 1px 0px var(--text-stroke-color));
    font-weight: 900
}

.chub-text[data-v-4966465e]:after {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    color: var(--text-color);
    font-weight: 900
}

canvas[data-v-3394d824] {
    width: 228px;
    height: 130px
}

.chub-btn-icon[data-v-2b80a05b] {
    position: relative
}

[data-v-78f0784e] * {
    font-family: "M PLUS Rounded 1c" !important
}

.ext-popup-FR872[data-v-78f0784e] {
    display: none;
    z-index: -1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    background: rgba(6, 42, 105, .6705882353);
    align-items: center;
    flex-direction: column
}

.ext-popup-FR872>*[data-v-78f0784e] {
    margin: auto
}

.ext-popup-FR872[data-v-78f0784e]:after, .ext-popup-FR872[data-v-78f0784e]:before {
    content: none;
    display: none
}

.popup-notify-FR872[data-v-78f0784e] {
    display: none;
    font-family: "M PLUS Rounded 1c" !important;
    width: 100%;
    max-width: 432px;
    border-radius: 28px;
    padding: 8px;
    background-color: #082c89;
    box-shadow: inset 0 0 8px #0255dd;
    margin: auto;
    transform: var(--scale);
    transform-origin: 50% 0;
    position: relative;
    box-sizing: border-box
}

.popup-notify-FR872__head-default[data-v-78f0784e] {
    width: 100%;
    height: 120px;
    background: url(https://static2.elaapi.com/crab/popup-notification/icons/logo.png) no-repeat center/contain;
    margin-bottom: 20px;
    filter: drop-shadow(0 20px 20px rgba(0, 0, 0, .5))
}

.popup-notify-FR872__head-piggy[data-v-78f0784e] {
    width: 100%;
    height: 260px;
    background: url(https://static2.elaapi.com/crab/themes/chub-m/piggy/piggy-default.png) no-repeat center/contain;
    margin: -10px auto 10px;
    filter: drop-shadow(0 20px 20px rgba(0, 0, 0, .5))
}

.popup-notify-FR872__head-soccer_machine[data-v-78f0784e] {
    width: 100%;
    height: 260px;
    background: url(https://static2.elaapi.com/crab/popup-notification/icons/logo-soccer-machine.png) no-repeat center/contain;
    margin: -30px auto -10px;
    filter: drop-shadow(0 20px 20px rgba(0, 0, 0, .5))
}

.popup-notify-FR872__head-balls[data-v-78f0784e] {
    width: 100%;
    height: 180px;
    background: url(https://static2.elaapi.com/crab/toys/all/discoball.png) no-repeat center bottom/auto 120px, url(https://static2.elaapi.com/crab/toys/all/football4.png) no-repeat calc(50% - 75px) 80px/auto 84px, url(https://static2.elaapi.com/crab/toys/all/football2.png) no-repeat calc(50% + 75px) 80px/auto 84px, url(https://static2.elaapi.com/crab/popup-notification/icons/logo.png) no-repeat top center/180px auto;
    margin-bottom: 20px;
    filter: drop-shadow(0 20px 20px rgba(0, 0, 0, .5))
}

.popup-notify-FR872__inside[data-v-78f0784e] {
    background-image: url(https://static2.elaapi.com/crab/themes/chub-m/patterns/pattern1.png), linear-gradient(180deg, #0050c9 6.47%, #002299 100%);
    border-radius: 20px;
    box-shadow: 3px 0 6px #0063f8;
    padding: 20px 24px 40px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.popup-notify-FR872__title[data-v-78f0784e] {
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    max-width: 90%
}

.popup-notify-FR872__message[data-v-78f0784e] {
    margin: 20px 0;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #2ab4fe
}

.popup-notify-FR872__message[data-v-78f0784e] a {
    color: #fff;
    text-decoration: underline
}

.popup-notify-FR872__link[data-v-78f0784e] {
    display: inline-block;
    margin: 30px auto 0;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #2ab4fe;
    padding: 0 1px;
    cursor: pointer;
    text-decoration: underline
}

.popup-notify-FR872__link[data-v-78f0784e]:hover {
    opacity: .8
}

.popup-notify-FR872__close[data-v-78f0784e] {
    position: absolute !important;
    top: -25px;
    right: -25px
}

.animation-container[data-v-caf04875] {
    all: initial;
    width: 500px;
    min-width: 500px;
    height: 360px;
    transform: scale(.7);
    position: relative;
    z-index: -1
}

@media (min-width:450px) {
    .animation-container[data-v-caf04875] {
        transform: scale(1)
    }

}

.animation-container__layer1[data-v-caf04875] {
    position: absolute;
    width: 462px;
    height: 276px;
    top: 43px;
    left: 17px;
    background: url(https://static2.elaapi.com/crab/animations/bonus-crab-promo1/coins.png) no-repeat center/contain
}

.animation-container__layer2[data-v-caf04875] {
    position: absolute;
    width: 115px;
    height: 126px;
    top: 89px;
    left: 299px;
    background: url(https://static2.elaapi.com/crab/animations/bonus-crab-promo1/toy-3.png) no-repeat center/contain
}

.animation-container__layer3[data-v-caf04875] {
    position: absolute;
    width: 100px;
    height: 102px;
    top: 89px;
    left: 104px;
    background: url(https://static2.elaapi.com/crab/animations/bonus-crab-promo1/toy-2.png) no-repeat center/contain
}

.animation-container__layer4[data-v-caf04875] {
    position: absolute;
    width: 136px;
    height: 129px;
    top: 47px;
    left: 183px;
    background: url(https://static2.elaapi.com/crab/animations/bonus-crab-promo1/toy-1.png) no-repeat center/contain
}

.animation-container__layer5[data-v-caf04875] {
    position: absolute;
    width: 264px;
    height: 154px;
    top: 136px;
    left: 118px;
    background: url(https://static2.elaapi.com/crab/animations/bonus-crab-promo1/bonuscrab-logo.png) no-repeat center/contain
}

.animation-container__layer6[data-v-caf04875] {
    position: absolute;
    width: 341px;
    height: 138px;
    top: 160px;
    left: 77px;
    background: url(https://static2.elaapi.com/crab/animations/bonus-crab-promo1/coins-top.png) no-repeat center/contain
}

.animation-container[data-v-ba917b61] {
    all: initial;
    display: block;
    width: 458px;
    height: 439px;
    margin-bottom: -91px;
    margin-top: 12px;
    position: relative;
    z-index: -1;
    transform: scale(.65)
}

@media (min-width:400px) {
    .animation-container[data-v-ba917b61] {
        transform: scale(.8)
    }

}

@media (min-width:500px) {
    .animation-container[data-v-ba917b61] {
        transform: scale(1)
    }

}

.animation-container__layer1[data-v-ba917b61] {
    width: 342px;
    height: 363px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://static2.elaapi.com/crab/animations/bonus-crab-promo2/coins-2.png) no-repeat center/contain
}

.animation-container__layer2[data-v-ba917b61] {
    width: 432px;
    height: 310px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://static2.elaapi.com/crab/animations/bonus-crab-promo2/confetti-2.png) no-repeat center/contain
}

.animation-container__layer3[data-v-ba917b61] {
    position: absolute;
    width: 193px;
    height: 111px;
    top: 110px;
    left: 27px;
    background: url(https://static2.elaapi.com/crab/animations/bonus-crab-promo2/bonuscrab-logo-2.png) no-repeat center/contain
}

.animation-container__layer4[data-v-ba917b61] {
    position: absolute;
    width: 438px;
    height: 419px;
    top: 20px;
    left: 1px;
    background: url(https://static2.elaapi.com/crab/animations/bonus-crab-promo2/claw-machine-bonuscrab.png) no-repeat center/contain
}

.animation-container__layer5[data-v-ba917b61] {
    position: absolute;
    width: 203px;
    height: 303px;
    top: 57px;
    left: 73px;
    background: url(https://static2.elaapi.com/crab/animations/bonus-crab-promo2/coins-top-2.png) no-repeat center/contain
}

.animation-container[data-v-f1dd8894] {
    all: initial;
    width: 500px;
    min-width: 500px;
    height: 360px;
    transform: scale(.6);
    position: relative;
    z-index: -1
}

@media (min-width:450px) {
    .animation-container[data-v-f1dd8894] {
        transform: none
    }

}

.animation-container__layer1[data-v-f1dd8894] {
    width: 50px;
    height: 37px;
    position: absolute;
    top: 200px;
    left: 26px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/coin.png) no-repeat center/contain
}

.animation-container__layer2[data-v-f1dd8894] {
    width: 422px;
    height: 179px;
    position: absolute;
    top: 39px;
    left: 13px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/cash.png) no-repeat center/contain
}

.animation-container__layer3[data-v-f1dd8894] {
    width: 425px;
    height: 139px;
    position: absolute;
    top: 35px;
    left: 39px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/coins-3.png) no-repeat center/contain
}

.animation-container__layer4[data-v-f1dd8894] {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 68px;
    left: 325px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/basketball-ball.png) no-repeat center/contain
}

.animation-container__layer5[data-v-f1dd8894] {
    width: 264px;
    height: 153px;
    position: absolute;
    top: 65px;
    left: 108px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/cashscrab-logo-1.png) no-repeat center/contain
}

.animation-container__layer6[data-v-f1dd8894] {
    width: 87px;
    height: 84px;
    position: absolute;
    top: 90px;
    left: 30px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/football-ball.png) no-repeat center/contain
}

.animation-container__layer7[data-v-f1dd8894] {
    width: 471px;
    height: 312px;
    position: absolute;
    top: 28px;
    left: 11px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/confetti-3.png) no-repeat center/contain
}

.animation-container__layer8[data-v-f1dd8894] {
    width: 468px;
    height: 212px;
    position: absolute;
    top: 96px;
    left: 38px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/line.png) no-repeat center/contain
}

.animation-container__layer9[data-v-f1dd8894] {
    width: 50px;
    height: 37px;
    position: absolute;
    top: 252px;
    left: 58px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/coin.png) no-repeat center/contain
}

.animation-container__layer10[data-v-f1dd8894] {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 100px;
    left: 15px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/megaball-bg.png) no-repeat center/contain
}

.animation-container__layer10[data-v-f1dd8894]:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/megaball-top.png) no-repeat center/contain
}

.animation-container__layer10[data-v-f1dd8894]:before {
    content: "";
    position: absolute;
    top: 22px;
    left: 34px;
    width: 96px;
    height: 127px;
    z-index: 100;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/lable.png) no-repeat center/contain
}

.animation-container__layer10-box[data-v-f1dd8894] {
    position: absolute;
    top: 4%;
    left: 4%;
    width: 92%;
    height: 92%;
    border-radius: 50%;
    overflow: hidden;
    z-index: 98
}

.animation-container__layer12[data-v-f1dd8894] {
    width: 50px;
    height: 37px;
    position: absolute;
    top: 106px;
    left: 76px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/coin.png) no-repeat center/contain
}

.animation-container__layer13[data-v-f1dd8894] {
    width: 50px;
    height: 37px;
    position: absolute;
    top: 146px;
    left: 52px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo1/coin.png) no-repeat center/contain
}

.animation-container[data-v-215a0e0b] {
    all: initial;
    display: block;
    width: 458px;
    height: 439px;
    margin-bottom: -91px;
    margin-top: 12px;
    position: relative;
    z-index: -1;
    transform: scale(.65)
}

@media (min-width:400px) {
    .animation-container[data-v-215a0e0b] {
        transform: scale(.8)
    }

}

@media (min-width:500px) {
    .animation-container[data-v-215a0e0b] {
        transform: scale(1)
    }

}

.animation-container__layer1[data-v-215a0e0b] {
    width: 342px;
    height: 363px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo2/coins-2.png) no-repeat center/contain
}

.animation-container__layer2[data-v-215a0e0b] {
    width: 432px;
    height: 310px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo2/confetti-2.png) no-repeat center/contain
}

.animation-container__layer3[data-v-215a0e0b] {
    position: absolute;
    width: 193px;
    height: 111px;
    top: 110px;
    left: 27px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo2/cashscrab-logo-2.png) no-repeat center/contain
}

.animation-container__layer4[data-v-215a0e0b] {
    position: absolute;
    width: 438px;
    height: 419px;
    top: 20px;
    left: 1px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo2/claw-machine-cashcrab.png) no-repeat center/contain
}

.animation-container__layer5[data-v-215a0e0b] {
    position: absolute;
    width: 203px;
    height: 303px;
    top: 57px;
    left: 73px;
    background: url(https://static2.elaapi.com/crab/animations/cash-crab-promo2/coins-top-2.png) no-repeat center/contain
}

[data-v-a4a87f29] .animation-preloader-245la {
    position: absolute;
    z-index: 9999;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    animation: spinAround-a4a87f29 .5s infinite linear !important;
    border: 2px solid rgba(255, 255, 255, .5019607843);
    border-radius: 9999px;
    border-right-color: #00000080;
    border-top-color: #00000080;
    width: 20px;
    height: 20px
}

@keyframes spinAround-a4a87f29 {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }

}

[data-v-a763b303] .animation-container, [data-v-3d3783c4] .animation-container {
    height: 480px !important
}

.crab-layout-column[data-v-4b09b330] {
    opacity: 0
}

.pagination-kdl31[data-v-4b09b330] {
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 20px auto 0;
    position: relative;
    z-index: 99
}

.pagination-kdl31-bullet[data-v-4b09b330] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ff8128;
    margin: 0 4px;
    opacity: .5
}

.pagination-kdl31-bullet-active[data-v-4b09b330] {
    opacity: 1
}

.popup-row-kdl31[data-v-62c726fd] {
    height: 280px !important
}

.ext-timer-kdl31[data-v-15dbabbe] {
    margin: 50px 0;
    text-align: center;
    background: #ffffff;
    border-radius: 40px;
    padding: 20px 10px 28px;
    width: 300px;
    max-width: 100%
}

@media (min-width:540px) {
    .ext-timer-kdl31[data-v-15dbabbe] {
        width: 320px
    }

}

.ext-timer-kdl31__text[data-v-15dbabbe] {
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    letter-spacing: .02em;
    color: #24d0c6
}

.ext-timer-kdl31__time[data-v-15dbabbe] {
    margin-top: 16px;
    display: block;
    text-align: center
}

.ext-timer-kdl31__time[data-v-15dbabbe] strong, .ext-timer-kdl31__time[data-v-15dbabbe] span {
    font-weight: 900;
    font-size: 48px;
    line-height: 58px;
    color: #fd3307;
    text-shadow: 0 0 5px rgba(253, 51, 7, .3137254902);
    margin: 0 2px
}

.ext-popup-kdl31__btns[data-v-15dbabbe] {
    margin-top: 20px
}

.ext-popup-kdl31[data-v-a8f8fd73] {
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4745098039);
    align-items: center;
    flex-direction: column
}

.ext-popup-kdl31>*[data-v-a8f8fd73] {
    margin: auto
}

.ext-popup-kdl31[data-v-a8f8fd73]:after, .ext-popup-kdl31[data-v-a8f8fd73]:before {
    content: none;
    display: none
}

.ext-popup-kdl31 [crabimation-id=ext-popup-wrapper][data-v-a8f8fd73] {
    opacity: 0
}

.ext-popup-kdl31__wrap[data-v-a8f8fd73] {
    display: block;
    width: 100%;
    min-height: 100%;
    padding: 30px 20px;
    box-sizing: border-box;
    background: white;
    position: relative;
    background: linear-gradient(90deg, #f1fffe 0, #f6fff0 35.94%, #eefffe 71.88%, #fff9ee 100%)
}

@media (min-width:540px) {
    .ext-popup-kdl31__wrap[data-v-a8f8fd73] {
        min-height: 200px;
        max-width: 500px;
        padding: 30px 60px;
        border-radius: 30px;
        border: 6px solid #fff;
        box-shadow: inset 0 0 10px #1ed0b4b3, 0 0 10px #1ed0b4
    }

}

.ext-popup-kdl31[data-v-a8f8fd73] .ext-popup-kdl31__content {
    display: block;
    background: linear-gradient(90deg, #f1fffe 0, #f6fff0 35.94%, #eefffe 71.88%, #fff9ee 100%);
    text-align: center
}

.ext-popup-kdl31[data-v-a8f8fd73] .ext-popup-kdl31__title {
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #3d4241;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center
}

.ext-popup-kdl31[data-v-a8f8fd73] .ext-popup-kdl31__description {
    margin-top: 26px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    letter-spacing: .02em;
    color: #3d4241
}

.ext-popup-kdl31[data-v-a8f8fd73] .ext-popup-kdl31__description strong, .ext-popup-kdl31[data-v-a8f8fd73] .ext-popup-kdl31__description span {
    color: #3d4241
}

.ext-popup-kdl31[data-v-a8f8fd73] .ext-popup-kdl31__description strong {
    font-weight: 800
}

.ext-popup-kdl31[data-v-a8f8fd73] .ext-popup-kdl31__close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background-color: #4986821a;
    position: absolute;
    top: 25px;
    right: 25px;
    border-radius: 4px
}

.ext-popup-kdl31[data-v-a8f8fd73] .ext-popup-kdl31__close:hover, .ext-popup-kdl31[data-v-a8f8fd73] .ext-popup-kdl31__close.is-touched {
    background-color: #4986824d
}

.ext-popup-kdl31[data-v-a8f8fd73] .ext-popup-kdl31__close:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxwYXRoIGQ9Ik05Ljk4ODg5IDcuNzM5MzVMMTUuMTA4NiAyLjY0MDc1QzE1LjMzNTMgMi40MDYyMiAxNS41OTYxIDIuMjAxODMgMTUuODcyOSAyLjA0MTc1QzE2LjE0OTcgMS44ODE2OCAxNi40MzU5IDEuNzY5NzUgMTYuNzExNyAxLjcxMzczQzE2Ljk4NzUgMS42NTc3MSAxNy4yNDYzIDEuNjU4OTQgMTcuNDcgMS43MTczM0MxNy42OTM4IDEuNzc1NzIgMTcuODc3MyAxLjg4OTg4IDE4LjAwNzcgMi4wNTE4OEMxOC4yODg0IDIuNDAwNDggMTguMzY2IDIuOTAwNDUgMTguMjI2NCAzLjQ2MTAzQzE4LjA4NjkgNC4wMjE2MSAxNy43Mzk0IDQuNjA1NjEgMTcuMjQ3MSA1LjEwN0wxMi4zMTkyIDEwLjAxNDRMMTcuNDU2NiAxNS4wM0MxNy42OTQzIDE1LjI1MzMgMTcuOTAyNCAxNS41MTEyIDE4LjA2NjMgMTUuNzg1OEMxOC4yMzAzIDE2LjA2MDMgMTguMzQ2MiAxNi4zNDQ5IDE4LjQwNjEgMTYuNjE5OUMxOC40NjYgMTYuODk0OSAxOC40Njg0IDE3LjE1MzYgMTguNDEzMiAxNy4zNzgyQzE4LjM1NzkgMTcuNjAyOCAxOC4yNDY0IDE3Ljc4NzggMTguMDg2MiAxNy45MjA1QzE3Ljc0MTYgMTguMjA2IDE3LjI0MjggMTguMjkwNyAxNi42ODAzIDE4LjE1OUMxNi4xMTc4IDE4LjAyNzQgMTUuNTI5IDE3LjY4ODIgMTUuMDIwNyAxNy4yMDNMMTAuMDExNiAxMi4zMTI1TDQuODg5NzMgMTcuNDEzMUM0LjY2MzAzIDE3LjY0NzMgNC40MDIzNCAxNy44NTEzIDQuMTI1NyAxOC4wMTFDMy44NDkwNyAxOC4xNzA4IDMuNTYzMSAxOC4yODI0IDMuMjg3NTggMTguMzM4MkMzLjAxMjA3IDE4LjM5NDEgMi43NTM1OSAxOC4zOTI3IDIuNTMwMDUgMTguMzM0NEMyLjMwNjUgMTguMjc2IDIuMTIzMjIgMTguMTYxOSAxLjk5Mjg5IDE4LjAwMDFDMS43MTIxOCAxNy42NTE1IDEuNjM0NTUgMTcuMTUxNSAxLjc3NDEgMTYuNTkwOUMxLjkxMzY1IDE2LjAzMDQgMi4yNjExMSAxNS40NDYzIDIuNzUzNDEgMTQuOTQ1TDcuNjgxMjcgMTAuMDM3NEwyLjU0MTk3IDUuMDE5OUMyLjMwNDY0IDQuNzk2NTIgMi4wOTY5OCA0LjUzODcyIDEuOTMzMzYgNC4yNjQzNkMxLjc2OTc1IDMuOTkgMS42NTQxIDMuNzA1NjMgMS41OTQ0IDMuNDMwOTNDMS41MzQ3MSAzLjE1NjIzIDEuNTMyNCAyLjg5Nzc2IDEuNTg3NjQgMi42NzM0MUMxLjY0Mjg4IDIuNDQ5MDcgMS43NTQzNCAyLjI2NDIgMS45MTQzMiAyLjEzMTYxQzIuMjU4OTMgMS44NDYwMiAyLjc1Nzc3IDEuNzYxMzcgMy4zMjAyNSAxLjg5MzAyQzMuODgyNzQgMi4wMjQ2NiA0LjQ3MTU3IDIuMzYzODggNC45Nzk4MyAyLjg0OTA4TDkuOTg4ODkgNy43MzkzNVoiIHN0eWxlPSIiLz48L3N2Zz4=) no-repeat center/18px;
    filter: invert(37%) sepia(68%) saturate(460%) hue-rotate(127deg) brightness(90%) contrast(99%)
}

[data-v-a8f8fd73] .popup-button-kdl31 {
    display: flex;
    justify-content: center
}

[data-v-a8f8fd73] .popup-button-kdl31 button {
    display: inline-block;
    height: 42px;
    min-width: 120px;
    padding: 0 16px;
    background: #24d0c6;
    box-shadow: 0 0 4px #0edfd3;
    border-radius: 8px;
    font-weight: 900;
    font-size: 16px;
    line-height: 42px;
    text-align: center;
    color: #fff;
    border: none;
    cursor: pointer
}

[data-v-a8f8fd73] .popup-button-kdl31 button:hover, [data-v-a8f8fd73] .popup-button-kdl31 button.is-touched {
    background-image: radial-gradient(50% 50% at 50% 50%, #04b0a6 0, #13be9f 100%);
    box-shadow: 0 0 4px #0edfd3
}

[data-v-a8f8fd73] .popup-button-kdl31 button.is-red {
    background: linear-gradient(to top, #ff5a0e, #fd3307, #fe500c);
    box-shadow: 0 0 4px #fd4707b3
}

[data-v-a8f8fd73] .popup-button-kdl31 button.is-red:hover, [data-v-a8f8fd73] .popup-button-kdl31 button.is-red.is-touched {
    background: linear-gradient(to top, #ff8c00, #ff5c00, #f80)
}

[data-v-a8f8fd73] .popup-button-kdl31 button.is-gr {
    padding: 2px;
    background-image: linear-gradient(#f6fff1, #f6fff1), linear-gradient(to bottom, #05bbaf, #0bbe93, #ff785a);
    background-clip: content-box, border-box;
    background-repeat: no-repeat;
    box-shadow: none;
    border-radius: 10px;
    color: #0abe99
}

[data-v-a8f8fd73] .popup-button-kdl31 button.is-gr:hover, [data-v-a8f8fd73] .popup-button-kdl31 button.is-gr.is-touched {
    background-image: radial-gradient(50% 50% at 50% 50%, #04b0a6 0, #13be9f 100%);
    box-shadow: 0 0 4px #0edfd3;
    background-clip: border-box;
    color: #fff
}

[data-v-a8f8fd73] .popup-row-kdl31 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 360px
}

[data-v-a8f8fd73] .popup-row-kdl31 .popup-row-kdl31__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 45%
}

[data-v-a8f8fd73] .popup-row-kdl31 .popup-row-kdl31__item .ext-popup-kdl31__description {
    height: 40px
}

[data-v-a8f8fd73] .popup-row-kdl31 .popup-row-kdl31__item img {
    width: 124px;
    height: 120px;
    object-fit: contain
}

[data-v-a8f8fd73] .popup-row-kdl31 .popup-row-kdl31__item img.is-1 {
    width: 90px;
    height: 90px
}

[data-v-a8f8fd73] .popup-row-kdl31 .popup-row-kdl31__text {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #3d4241
}

[data-v-a8f8fd73] .popup-row-kdl31 .popup-row-kdl31__symbol {
    font-weight: 700;
    font-size: 24px;
    color: #3d4241
}

[data-v-a8f8fd73] .crab-layout-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

[data-v-a8f8fd73] *:not(button) {
    animation: none !important;
    transition: 0s !important
}

[data-v-a8f8fd73] * {
    all: initial;
    font-family: Montserrat Alternates;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}