@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700;900&display=swap";
        .chub-btn-text[data-v-49c236c1] {
            position: relative;
            z-index: 15;
            display: inline-block;
            font-weight: 900;
            max-width: 100%;
            --color1: #511c14;
            --color2: #ff000050;
            --color-yellow: #fdec01;
            --size: 24px;
            --text-stroke: 4px;
            --shadow-val1: 2px;
            --shadow-val2: 4px;
        }
        .is-full .chub-btn-text[data-v-49c236c1] {
            max-width: calc(100% - 12px);
            margin: 0 auto;
        }
        .is-x-small .chub-btn-text[data-v-49c236c1],
        .is-xx-small .chub-btn-text[data-v-49c236c1],
        .is-xxx-small .chub-btn-text[data-v-49c236c1] {
            max-width: 100%;
        }
        .chub-btn-text.is-blue[data-v-49c236c1] {
            --color1: #00175b;
            --color2: #00175b33;
        }
        .chub-btn-text.is-yellow .chub-btn-text__front[data-v-49c236c1] {
            color: var(--color-yellow);
        }
        .chub-btn-text.is-big[data-v-49c236c1] {
            --size: 44px;
            --text-stroke: 8px;
            --shadow-val1: 4px;
            --shadow-val2: 8px;
        }
        .chub-btn-text.is-medium[data-v-49c236c1] {
            --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-49c236c1] {
            --size: 28px;
            --text-stroke: 5px;
            --shadow-val1: 3px;
            --shadow-val2: 6px;
        }
        .chub-btn-text.is-normal[data-v-49c236c1] {
            --size: calc(24px * var(--adaptiveText));
            --text-stroke: calc(3px * var(--adaptiveText));
            --shadow-val1: 2px;
            --shadow-val2: 3px;
        }
        .chub-btn-text.is-small[data-v-49c236c1] {
            --size: 16px;
            --text-stroke: 3px;
            --shadow-val1: 1px;
            --shadow-val2: 1px;
        }
        .chub-btn-text.is-x-small[data-v-49c236c1] {
            --size: 12px;
            --text-stroke: 3px;
            --shadow-val1: 1px;
            --shadow-val2: 1px;
        }
        .chub-btn-text.is-xx-small[data-v-49c236c1] {
            --size: 10px;
            --text-stroke: 3px;
            --shadow-val1: 1px;
            --shadow-val2: 1px;
        }
        .chub-btn-text.is-xx-small[data-v-49c236c1] {
            --size: 8px;
            --text-stroke: 3px;
            --shadow-val1: 1px;
            --shadow-val2: 1px;
        }
        .chub-btn-text.is-amount[data-v-49c236c1] {
            --size: 20px;
            max-width: 100%;
        }
        .chub-btn-text.is-amount .chub-btn-text__bg[data-v-49c236c1],
        .chub-btn-text.is-amount .chub-btn-text__front[data-v-49c236c1] {
            text-transform: none;
        }
        .chub-btn-text__bg[data-v-49c236c1],
        .chub-btn-text__front[data-v-49c236c1] {
            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-49c236c1],
        .is-full .chub-btn-text__front[data-v-49c236c1] {
            overflow: hidden;
            white-space: nowrap;
            padding: 0 4px;
        }
        .chub-btn-text__bg[data-v-49c236c1] {
            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-49c236c1] {
            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(0.8, 0, 0.4, 0.8) infinite;
        }
        .chub-btn.is-small .md-preloader svg circle[data-v-c655857e] {
            transform: scale(0.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-b92fbf0f] {
            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-b92fbf0f] {
            border-radius: 50%;
        }
        .chub-btn-promo[data-v-b92fbf0f]:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-image: var(--bg);
            background-position: center top;
            background-repeat: no-repeat;
            background-size: 160px auto;
        }
        .is-crab-desktop .chub-btn:active .chub-btn-promo[data-v-b92fbf0f]:before {
            opacity: 0.1;
        }
        .is-crab-mobile .chub-btn.is-touched .chub-btn-promo[data-v-b92fbf0f]:before {
            opacity: 0.1;
        }
        .chub-btn-promo i[data-v-b92fbf0f] {
            position: absolute;
            overflow: hidden;
            width: 50%;
            height: 100%;
            top: 0;
        }
        .chub-btn-promo i.is-l[data-v-b92fbf0f] {
            left: 0;
        }
        .chub-btn-promo i.is-r[data-v-b92fbf0f] {
            right: 0;
            transform-origin: 50% 50%;
            transform: rotate(180deg);
        }
        .chub-btn-promo i[data-v-b92fbf0f]:before,
        .chub-btn-promo i[data-v-b92fbf0f]: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, 0.4) 100%);
        }
        .chub-btn-promo i[data-v-b92fbf0f]:before {
            transform: translateY(-50%) translate(-70%) rotate(-45deg);
            animation: btn-promo1-b92fbf0f 4s infinite;
            border-radius: 20px;
        }
        .chub-btn-promo i[data-v-b92fbf0f]:after {
            transform: translateY(-50%) translate(-90%) rotate(-45deg);
            animation: btn-promo2-b92fbf0f 4s infinite;
            animation-delay: 0.1s;
            border-radius: 16px;
        }
        @keyframes btn-promo1-b92fbf0f {
            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-b92fbf0f {
            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-599e6623] {
            --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-border-player-available: #7cfc18;
            --btn-wrap-bg1: #fc6601;
            --btn-wrap-bg2: #de3601;
            --btn-wrap-shadow: rgba(255, 92, 0, 0.6);
            --btn-bg1: #ffe901;
            --btn-bg2: #f8b601;
            --btn-bg3: #ee6801;
            --btn-bg4: rgba(255, 255, 255, 0.9);
            --btn-bg5: #f49201;
            --btn-bg6: rgba(238, 105, 1, 0.5);
            -webkit-tap-highlight-color: transparent;
            touch-action: manipulation;
            transition: opacity 0.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-599e6623]:not(:disabled) {
            --btn-bg1: #ffee45;
            --btn-bg2: #f9c505;
            --btn-bg6: rgba(238, 105, 1, 0.3);
        }
        .chub-btn.is-selected[data-v-599e6623],
        .chub-btn.is-touched[data-v-599e6623]: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-599e6623] {
            --btn-border: #00175b;
            --btn-wrap-bg1: #1a88f9;
            --btn-wrap-bg2: #0e4adb;
            --btn-wrap-shadow: rgba(0, 141, 255, 0.6);
            --btn-bg1: #01c0ff;
            --btn-bg2: #01a3ff;
            --btn-bg3: #01a3ff;
            --btn-bg4: #01ddff;
            --btn-bg5: #01adff;
            --btn-bg6: rgba(2, 97, 234, 0.3);
        }
        .chub-btn.is-blue.is-touched[data-v-599e6623]:not(:disabled) {
            --btn-bg1: #22c8ff;
            --btn-bg2: #19abff;
            --btn-bg3: #019aff;
            --btn-bg6: rgba(2, 97, 234, 0.2);
        }
        .chub-btn.is-blue.is-touched[data-v-599e6623]:not(:disabled),
        .chub-btn.is-blue.is-selected[data-v-599e6623] {
            --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-599e6623] {
            --btn-border: #00175b;
            --btn-wrap-bg1: #17a117;
            --btn-wrap-bg2: #0f7410;
            --btn-wrap-shadow: rgba(0, 141, 255, 0.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-599e6623]:hover {
            --btn-bg1: #7cfc18;
            --btn-bg2: #59c90e;
            --btn-bg3: #2e8a01;
            --btn-bg6: #50c40130;
        }
        .chub-btn.is-green.is-touched[data-v-599e6623]:not(:disabled),
        .chub-btn.is-green.is-selected[data-v-599e6623] {
            --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-pvp[data-v-599e6623] {
            --btn-border: #00175b;
            --btn-wrap-bg1: #17a117;
            --btn-wrap-bg2: #0f7410;
            --btn-wrap-shadow: rgba(0, 141, 255, 0.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-pvp[data-v-599e6623]:hover {
            --btn-bg1: #7cfc18;
            --btn-bg2: #59c90e;
            --btn-bg3: #2e8a01;
            --btn-bg6: #50c40130;
        }
        .chub-btn.is-pvp.is-touched[data-v-599e6623]:not(:disabled),
        .chub-btn.is-pvp.is-selected[data-v-599e6623] {
            --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-599e6623] {
            --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-599e6623]:not(.is-blue),
        .chub-btn.is-big-circle[data-v-599e6623]:not(.is-blue) {
            --btn-bg1: #ffe701;
            --btn-bg2: #f59c01;
            --btn-bg3: #ed6400;
            --btn-bg4: rgba(255, 255, 255, 0.9);
            --btn-bg6: rgba(238, 105, 1, 0);
        }
        .chub-btn.is-big:not(.is-blue).is-touched[data-v-599e6623]:not(:disabled),
        .chub-btn.is-big-circle:not(.is-blue).is-touched[data-v-599e6623]:not(:disabled) {
            --btn-bg1: #cd680e;
            --btn-bg2: #b94d0e;
            --btn-bg3: #b94d0e;
            --btn-bg4: #d1731b;
            --btn-bg5: #b02e01;
        }
        .chub-btn.is-big-circle[data-v-599e6623] {
            --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-599e6623] {
            --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-599e6623] {
            --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-599e6623],
        .chub-btn.is-x-small[data-v-599e6623],
        .chub-btn.is-xx-small[data-v-599e6623],
        .chub-btn.is-xxx-small[data-v-599e6623] {
            --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-599e6623] {
            --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-599e6623] {
            --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-599e6623] {
            --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-599e6623]:not(.is-blue) {
            --btn-bg6: rgba(0, 0, 0, 0);
        }
        .chub-btn.is-icon-circle.is-blue[data-v-599e6623] {
            --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-599e6623]:not(:disabled) {
            --btn-bg1: #014fa7;
            --btn-bg2: #0142a7;
            --btn-bg3: #0134a7;
        }
        .chub-btn[data-v-599e6623]:disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: default;
        }
        .chub-btn[data-v-599e6623]:disabled * {
            pointer-events: none;
        }
        .chub-btn[data-v-599e6623] img {
            position: relative;
            z-index: 12;
            flex-shrink: 0;
        }
        .chub-btn.is-touched:not(:disabled) .chub-btn-text[data-v-599e6623],
        .chub-btn.is-touched:not(:disabled) img[data-v-599e6623] {
            transform: translateY(-1px);
            transition: 0.1s ease;
        }
        .chub-btn[data-v-599e6623]: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, 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-599e6623] {
            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 0.1s;
            max-width: 100%;
        }
        .chub-btn.is-selected .chub-btn__wrap[data-v-599e6623],
        .chub-btn.is-touched:not(:disabled) .chub-btn__wrap[data-v-599e6623] {
            height: calc(var(--btn-size-wrap) - var(--btn-size-offset));
        }
        .chub-btn.is-selected:not(.is-big) .chub-btn__wrap[data-v-599e6623],
        .chub-btn.is-touched:not(.is-big) .chub-btn__wrap[data-v-599e6623] {
            background: var(--btn-border);
        }
        .chub-btn.is-selected:disabled .chub-btn__wrap[data-v-599e6623],
        .chub-btn.is-touched:disabled .chub-btn__wrap[data-v-599e6623] {
            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-599e6623] {
            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-599e6623] {
            overflow: hidden;
        }
        .is-icon .chub-btn__bg[data-v-599e6623] {
            width: 48px;
        }
        .is-icon-small .chub-btn__bg[data-v-599e6623] {
            width: 30px;
        }
        .is-icon-circle .chub-btn__bg[data-v-599e6623] {
            width: 48px;
        }
        .is-icon-circle .chub-btn__bg[data-v-599e6623]: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-599e6623] {
            width: 100%;
        }
        .chub-btn.is-full[data-v-599e6623] .chub-btn-text {
            display: flex;
            justify-content: center;
        }
        .chub-btn.is-full .chub-btn__wrap[data-v-599e6623],
        .chub-btn.is-full .chub-btn__bg[data-v-599e6623] {
            width: 100%;
            padding: 0;
        }
        .chub-btn[data-v-10780cfe] {
            --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-border-player-available: #7cfc18;
            --btn-wrap-bg1: #fc6601;
            --btn-wrap-bg2: #de3601;
            --btn-wrap-shadow: rgba(255, 92, 0, 0.6);
            --btn-bg1: #ffe901;
            --btn-bg2: #f8b601;
            --btn-bg3: #ee6801;
            --btn-bg4: rgba(255, 255, 255, 0.9);
            --btn-bg5: #f49201;
            --btn-bg6: rgba(238, 105, 1, 0.5);
            --hoverFilter: 0px -6px 12px #ffec3950;
            -webkit-tap-highlight-color: transparent;
            transition: opacity 0.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-10780cfe] * {
            cursor: pointer;
        }
        .chub-btn[data-v-10780cfe]:hover {
            --btn-bg1: #ffee45;
            --btn-bg2: #f9c505;
            --btn-bg6: rgba(238, 105, 1, 0.3);
        }
        .chub-btn[data-v-10780cfe]: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-10780cfe] {
            --btn-border: #00175b;
            --btn-wrap-bg1: #1a88f9;
            --btn-wrap-bg2: #0e4adb;
            --btn-wrap-shadow: rgba(0, 141, 255, 0.6);
            --btn-bg1: #01c0ff;
            --btn-bg2: #01a3ff;
            --btn-bg3: #01a3ff;
            --btn-bg4: #01ddff;
            --btn-bg5: #01adff;
            --btn-bg6: rgba(2, 97, 234, 0.3);
            --hoverFilter: 0px -6px 12px #22c8ff50;
        }
        .chub-btn.is-blue[data-v-10780cfe]:hover {
            --btn-bg1: #22c8ff;
            --btn-bg2: #19abff;
            --btn-bg3: #019aff;
            --btn-bg6: rgba(2, 97, 234, 0.2);
        }
        .chub-btn.is-blue[data-v-10780cfe]: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-pvp[data-v-10780cfe] {
            --btn-border: #00175b;
            --btn-wrap-bg1: #17a117;
            --btn-wrap-bg2: #0f7410;
            --btn-wrap-shadow: rgba(0, 141, 255, 0.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-pvp[data-v-10780cfe]:hover {
            --btn-bg1: #7cfc18;
            --btn-bg2: #59c90e;
            --btn-bg3: #2e8a01;
            --btn-bg6: #50c40130;
        }
        .chub-btn.is-pvp.is-touched[data-v-10780cfe]:not(:disabled),
        .chub-btn.is-pvp.is-selected[data-v-10780cfe] {
            --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-green[data-v-10780cfe] {
            --btn-border: #00175b;
            --btn-wrap-bg1: #17a117;
            --btn-wrap-bg2: #0f7410;
            --btn-wrap-shadow: rgba(0, 141, 255, 0.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-10780cfe]:hover {
            --btn-bg1: #7cfc18;
            --btn-bg2: #59c90e;
            --btn-bg3: #2e8a01;
            --btn-bg6: #50c40130;
        }
        .chub-btn.is-green[data-v-10780cfe]: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-10780cfe] {
            --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-10780cfe]:not(.is-blue),
        .chub-btn.is-big-circle[data-v-10780cfe]:not(.is-blue) {
            --btn-bg1: #ffe701;
            --btn-bg2: #f59c01;
            --btn-bg3: #ed6400;
            --btn-bg4: rgba(255, 255, 255, 0.9);
            --btn-bg6: rgba(238, 105, 1, 0);
        }
        .chub-btn.is-big[data-v-10780cfe]:not(.is-blue):active,
        .chub-btn.is-big-circle[data-v-10780cfe]: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-10780cfe] {
            --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-10780cfe] {
            --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-10780cfe] {
            --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-10780cfe],
        .chub-btn.is-x-small[data-v-10780cfe],
        .chub-btn.is-xx-small[data-v-10780cfe],
        .chub-btn.is-xxx-small[data-v-10780cfe] {
            --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-10780cfe],
        .chub-btn.is-x-small.is-blue[data-v-10780cfe],
        .chub-btn.is-xx-small.is-blue[data-v-10780cfe],
        .chub-btn.is-xxx-small.is-blue[data-v-10780cfe] {
            --hoverFilter: 0px -4px 8px #22c8ff50;
        }
        .chub-btn.is-icon[data-v-10780cfe] {
            --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-10780cfe] {
            --hoverFilter: 0px -4px 8px #22c8ff50;
        }
        .chub-btn.is-icon-small[data-v-10780cfe] {
            --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-10780cfe] {
            --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-10780cfe] {
            --hoverFilter: 0px -4px 8px #22c8ff50;
        }
        .chub-btn.is-icon-circle[data-v-10780cfe]:not(.is-blue) {
            --btn-bg6: rgba(0, 0, 0, 0);
        }
        .chub-btn.is-icon-circle.is-blue[data-v-10780cfe] {
            --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-10780cfe]:active {
            --btn-bg1: #014fa7;
            --btn-bg2: #0142a7;
            --btn-bg3: #0134a7;
        }
        .chub-btn[data-v-10780cfe]:disabled {
            pointer-events: none;
            opacity: 0.4;
            cursor: default;
        }
        .chub-btn[data-v-10780cfe]:disabled * {
            cursor: default;
            pointer-events: none;
        }
        .chub-btn[data-v-10780cfe] img {
            position: relative;
            z-index: 12;
            flex-shrink: 0;
        }
        .chub-btn[data-v-10780cfe]:hover .chub-btn-icon,
        .chub-btn[data-v-10780cfe]:hover .chub-btn-text,
        .chub-btn:hover img[data-v-10780cfe] {
            transform: translateY(-1px);
            transition: 0.1s ease;
        }
        .chub-btn[data-v-10780cfe]: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, 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-10780cfe] {
            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 0.1s;
            max-width: 100%;
        }
        .chub-btn:active .chub-btn__wrap[data-v-10780cfe] {
            height: calc(var(--btn-size-wrap) - var(--btn-size-offset));
        }
        .chub-btn:active:not(.is-big) .chub-btn__wrap[data-v-10780cfe] {
            background: var(--btn-border);
        }
        .chub-btn__wrap[data-v-10780cfe]:hover {
            box-shadow: var(--hoverFilter);
        }
        .chub-btn:active .chub-btn__wrap[data-v-10780cfe] {
            box-shadow: none;
        }
        .chub-btn__bg[data-v-10780cfe] {
            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-10780cfe] {
            overflow: hidden;
        }
        .is-icon .chub-btn__bg[data-v-10780cfe] {
            width: 48px;
        }
        .is-icon-small .chub-btn__bg[data-v-10780cfe] {
            width: 30px;
        }
        .is-icon-circle .chub-btn__bg[data-v-10780cfe] {
            width: 48px;
        }
        .is-icon-circle .chub-btn__bg[data-v-10780cfe]: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-10780cfe] {
            width: 100%;
        }
        .chub-btn.is-full[data-v-10780cfe] .chub-btn-text {
            display: flex;
            justify-content: center;
        }
        .chub-btn.is-full .chub-btn__wrap[data-v-10780cfe],
        .chub-btn.is-full .chub-btn__bg[data-v-10780cfe] {
            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-7960afcc] {
            width: 228px;
            height: 130px;
        }
        .chub-btn-icon[data-v-2b80a05b] {
            position: relative;
        }
        [data-v-54ac1552] * {
            font-family: "M PLUS Rounded 1c" !important;
        }
        .ext-popup-FR872[data-v-54ac1552] {
            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, 0.6705882353);
            align-items: center;
            flex-direction: column;
        }
        .ext-popup-FR872[data-v-54ac1552] > * {
            margin: auto;
        }
        .ext-popup-FR872[data-v-54ac1552]:after,
        .ext-popup-FR872[data-v-54ac1552]:before {
            content: none;
            display: none;
        }
        .popup-notify-FR872[data-v-54ac1552] {
            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-54ac1552] {
            width: 100%;
            height: 120px;
            background: var(--head-default) no-repeat center/contain;
            margin-bottom: 20px;
            filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.5));
        }
        .popup-notify-FR872__head-piggy[data-v-54ac1552] {
            width: 100%;
            height: 260px;
            background: var(--head-piggy) no-repeat center/contain;
            margin: -10px auto 10px;
            filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.5));
        }
        .popup-notify-FR872__head-soccer_machine[data-v-54ac1552] {
            width: 100%;
            height: 260px;
            background: var(--head-soccer-machine) no-repeat center/contain;
            margin: -30px auto -10px;
            filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.5));
        }
        .popup-notify-FR872__head-balls[data-v-54ac1552] {
            width: 100%;
            height: 180px;
            background:
                var(--head-balls1) no-repeat center bottom/auto 120px,
                var(--head-balls2) no-repeat calc(50% - 75px) 80px / auto 84px,
                var(--head-balls3) no-repeat calc(50% + 75px) 80px / auto 84px,
                var(--head-balls4) no-repeat top center/180px auto;
            margin-bottom: 20px;
            filter: drop-shadow(0 20px 20px rgba(0, 0, 0, 0.5));
        }
        .popup-notify-FR872__inside[data-v-54ac1552] {
            background-image: var(--inside), 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-54ac1552] {
            font-weight: 900;
            font-size: 32px;
            line-height: 40px;
            text-align: center;
            max-width: 90%;
        }
        .popup-notify-FR872__message[data-v-54ac1552] {
            margin: 20px 0;
            font-weight: 500;
            font-size: 20px;
            line-height: 24px;
            text-align: center;
            color: #2ab4fe;
        }
        .popup-notify-FR872__message[data-v-54ac1552] a {
            color: #fff;
            text-decoration: underline;
        }
        .popup-notify-FR872__link[data-v-54ac1552] {
            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-54ac1552]:hover {
            opacity: 0.8;
        }
        .popup-notify-FR872__close[data-v-54ac1552] {
            position: absolute !important;
            top: -25px;
            right: -25px;
        }
        .animation-container[data-v-a7bd04f8] {
            all: initial;
            width: 500px;
            min-width: 500px;
            height: 360px;
            transform: scale(0.7);
            position: relative;
            z-index: -1;
        }
        @media (min-width: 450px) {
            .animation-container[data-v-a7bd04f8] {
                transform: scale(1);
            }
        }
        .animation-container__layer1[data-v-a7bd04f8] {
            position: absolute;
            width: 462px;
            height: 276px;
            top: 43px;
            left: 17px;
            background: var(--l1) no-repeat center/contain;
        }
        .animation-container__layer2[data-v-a7bd04f8] {
            position: absolute;
            width: 115px;
            height: 126px;
            top: 89px;
            left: 299px;
            background: var(--l2) no-repeat center/contain;
        }
        .animation-container__layer3[data-v-a7bd04f8] {
            position: absolute;
            width: 100px;
            height: 102px;
            top: 89px;
            left: 104px;
            background: var(--l3) no-repeat center/contain;
        }
        .animation-container__layer4[data-v-a7bd04f8] {
            position: absolute;
            width: 136px;
            height: 129px;
            top: 47px;
            left: 183px;
            background: var(--l4) no-repeat center/contain;
        }
        .animation-container__layer5[data-v-a7bd04f8] {
            position: absolute;
            width: 264px;
            height: 154px;
            top: 136px;
            left: 118px;
            background: var(--l5) no-repeat center/contain;
        }
        .animation-container__layer6[data-v-a7bd04f8] {
            position: absolute;
            width: 341px;
            height: 138px;
            top: 160px;
            left: 77px;
            background: var(--l6) no-repeat center/contain;
        }
        .animation-container[data-v-ba505dee] {
            all: initial;
            display: block;
            width: 458px;
            height: 439px;
            margin-bottom: -91px;
            margin-top: 12px;
            position: relative;
            z-index: -1;
            transform: scale(0.65);
        }
        @media (min-width: 400px) {
            .animation-container[data-v-ba505dee] {
                transform: scale(0.8);
            }
        }
        @media (min-width: 500px) {
            .animation-container[data-v-ba505dee] {
                transform: scale(1);
            }
        }
        .animation-container__layer1[data-v-ba505dee] {
            width: 342px;
            height: 363px;
            position: absolute;
            top: 0;
            left: 0;
            background: var(--l1) no-repeat center/contain;
        }
        .animation-container__layer2[data-v-ba505dee] {
            width: 432px;
            height: 310px;
            position: absolute;
            top: 0;
            right: 0;
            background: var(--l2) no-repeat center/contain;
        }
        .animation-container__layer3[data-v-ba505dee] {
            position: absolute;
            width: 193px;
            height: 111px;
            top: 110px;
            left: 27px;
            background: var(--l3) no-repeat center/contain;
        }
        .animation-container__layer4[data-v-ba505dee] {
            position: absolute;
            width: 438px;
            height: 419px;
            top: 20px;
            left: 1px;
            background: var(--l4) no-repeat center/contain;
        }
        .animation-container__layer5[data-v-ba505dee] {
            position: absolute;
            width: 203px;
            height: 303px;
            top: 57px;
            left: 73px;
            background: var(--l4) no-repeat center/contain;
        }
        .animation-container[data-v-b36528c2] {
            all: initial;
            width: 500px;
            min-width: 500px;
            height: 360px;
            transform: scale(0.6);
            position: relative;
            z-index: -1;
        }
        @media (min-width: 450px) {
            .animation-container[data-v-b36528c2] {
                transform: none;
            }
        }
        .animation-container__layer1[data-v-b36528c2] {
            width: 50px;
            height: 37px;
            position: absolute;
            top: 200px;
            left: 26px;
            background: var(--l1) no-repeat center/contain;
        }
        .animation-container__layer2[data-v-b36528c2] {
            width: 422px;
            height: 179px;
            position: absolute;
            top: 39px;
            left: 13px;
            background: var(--l2) no-repeat center/contain;
        }
        .animation-container__layer3[data-v-b36528c2] {
            width: 425px;
            height: 139px;
            position: absolute;
            top: 35px;
            left: 39px;
            background: var(--l3) no-repeat center/contain;
        }
        .animation-container__layer4[data-v-b36528c2] {
            width: 60px;
            height: 60px;
            position: absolute;
            top: 68px;
            left: 325px;
            background: var(--l4) no-repeat center/contain;
        }
        .animation-container__layer5[data-v-b36528c2] {
            width: 264px;
            height: 153px;
            position: absolute;
            top: 65px;
            left: 108px;
            background: var(--l5) no-repeat center/contain;
        }
        .animation-container__layer6[data-v-b36528c2] {
            width: 87px;
            height: 84px;
            position: absolute;
            top: 90px;
            left: 30px;
            background: var(--l6) no-repeat center/contain;
        }
        .animation-container__layer7[data-v-b36528c2] {
            width: 471px;
            height: 312px;
            position: absolute;
            top: 28px;
            left: 11px;
            background: var(--l7) no-repeat center/contain;
        }
        .animation-container__layer8[data-v-b36528c2] {
            width: 468px;
            height: 212px;
            position: absolute;
            top: 96px;
            left: 38px;
            background: var(--l8) no-repeat center/contain;
        }
        .animation-container__layer9[data-v-b36528c2] {
            width: 50px;
            height: 37px;
            position: absolute;
            top: 252px;
            left: 58px;
            background: var(--l9) no-repeat center/contain;
        }
        .animation-container__layer10[data-v-b36528c2] {
            width: 130px;
            height: 130px;
            position: absolute;
            top: 100px;
            left: 15px;
            background: var(--l10) no-repeat center/contain;
        }
        .animation-container__layer10[data-v-b36528c2]:after {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 99;
            background: var(--l10-a) no-repeat center/contain;
        }
        .animation-container__layer10[data-v-b36528c2]:before {
            content: "";
            position: absolute;
            top: 22px;
            left: 34px;
            width: 96px;
            height: 127px;
            z-index: 100;
            background: var(--l10-b) no-repeat center/contain;
        }
        .animation-container__layer10-box[data-v-b36528c2] {
            position: absolute;
            top: 4%;
            left: 4%;
            width: 92%;
            height: 92%;
            border-radius: 50%;
            overflow: hidden;
            z-index: 98;
        }
        .animation-container__layer12[data-v-b36528c2] {
            width: 50px;
            height: 37px;
            position: absolute;
            top: 106px;
            left: 76px;
            background: var(--l12) no-repeat center/contain;
        }
        .animation-container__layer13[data-v-b36528c2] {
            width: 50px;
            height: 37px;
            position: absolute;
            top: 146px;
            left: 52px;
            background: var(--l13) no-repeat center/contain;
        }
        .animation-container[data-v-5a856867] {
            all: initial;
            display: block;
            width: 458px;
            height: 439px;
            margin-bottom: -91px;
            margin-top: 12px;
            position: relative;
            z-index: -1;
            transform: scale(0.65);
        }
        @media (min-width: 400px) {
            .animation-container[data-v-5a856867] {
                transform: scale(0.8);
            }
        }
        @media (min-width: 500px) {
            .animation-container[data-v-5a856867] {
                transform: scale(1);
            }
        }
        .animation-container__layer1[data-v-5a856867] {
            width: 342px;
            height: 363px;
            position: absolute;
            top: 0;
            left: 0;
            background: var(--l1) no-repeat center/contain;
        }
        .animation-container__layer2[data-v-5a856867] {
            width: 432px;
            height: 310px;
            position: absolute;
            top: 0;
            right: 0;
            background: var(--l2) no-repeat center/contain;
        }
        .animation-container__layer3[data-v-5a856867] {
            position: absolute;
            width: 193px;
            height: 111px;
            top: 110px;
            left: 27px;
            background: var(--l3) no-repeat center/contain;
        }
        .animation-container__layer4[data-v-5a856867] {
            position: absolute;
            width: 438px;
            height: 419px;
            top: 20px;
            left: 1px;
            background: var(--l4) no-repeat center/contain;
        }
        .animation-container__layer5[data-v-5a856867] {
            position: absolute;
            width: 203px;
            height: 303px;
            top: 57px;
            left: 73px;
            background: var(--l5) 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 0.5s infinite linear !important;
            border: 2px solid rgba(255, 255, 255, 0.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);
            }
        }
        .crab-layout-column[data-v-df7390d5] {
            opacity: 0;
        }
        .pagination-kdl31[data-v-df7390d5] {
            display: flex;
            width: 40px;
            justify-content: space-between;
            margin: 20px auto 0;
            position: absolute;
            bottom: 110px;
            z-index: 99;
            left: calc(50% - 20px);
        }
        .pagination-kdl31-bullet[data-v-df7390d5] {
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #6e3923;
            opacity: 0.5;
        }
        .pagination-kdl31-bullet-active[data-v-df7390d5] {
            transform: scale(1.3);
            opacity: 1;
        }
        .ext-popup-kdl31__description[data-v-df7390d5] {
            min-height: 44px;
        }
        .ext-timer-kdl31[data-v-9835c94f] {
            margin: 50px 0;
        }
        .ext-timer-kdl31__time[data-v-9835c94f] {
            display: block;
            width: 273px;
            height: 81px;
            text-align: center;
            background-image: var(--time);
            background-size: 260px 270px;
            background-position: center bottom;
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .ext-timer-kdl31__time[data-v-9835c94f] strong {
            display: inline-block;
            font-weight: 800;
            font-size: 36px;
            line-height: 44px;
            letter-spacing: 0.05em;
            color: #fff;
            width: 54px;
            text-align: center;
        }
        .ext-timer-kdl31__time[data-v-9835c94f] span {
            font-weight: 800;
            font-size: 22px;
            line-height: 44px;
            text-align: center;
            letter-spacing: 0.05em;
            color: #fff;
            margin: 0 6px;
        }
        .ext-popup-kdl31__btns[data-v-9835c94f] {
            margin-top: 20px;
        }
        .ext-popup-kdl31[data-v-f2e99956] {
            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-color: #220802f2;
            align-items: center;
            flex-direction: column;
        }
        .ext-popup-kdl31[data-v-f2e99956] > * {
            margin: auto;
        }
        .ext-popup-kdl31[data-v-f2e99956]:after,
        .ext-popup-kdl31[data-v-f2e99956]:before {
            content: none;
            display: none;
        }
        .ext-popup-kdl31 [crabimation-id="ext-popup-wrapper"][data-v-f2e99956] {
            opacity: 0;
        }
        .ext-popup-kdl31__wrap[data-v-f2e99956] {
            width: 100%;
            min-height: 200px;
            max-width: 500px;
            padding: 0 0 10px;
            box-sizing: border-box;
            position: relative;
            background-image: var(--wrap1), var(--wrap2), var(--wrap3);
            background-size: 100% auto;
            background-clip: padding-box, padding-box, content-box;
            background-repeat: no-repeat, no-repeat, repeat-y;
            background-position:
                center top,
                center bottom,
                center bottom;
        }
        @media (min-width: 540px) {
            .ext-popup-kdl31__wrap[data-v-f2e99956] {
                min-height: 200px;
                border-radius: 20px;
            }
        }
        .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__content {
            display: block;
            padding: 30px 34px;
        }
        .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__title {
            font-weight: 800;
            font-size: 32px;
            line-height: 38px;
            letter-spacing: 0.05em;
            color: #fff;
            text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
            overflow: hidden;
            text-overflow: ellipsis;
            text-align: center;
            text-transform: uppercase;
            padding: 0 10px;
            margin-bottom: 16px;
        }
        @media (min-width: 540px) {
            .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__title {
                font-size: 36px;
                line-height: 44px;
            }
        }
        .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__description {
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
            text-align: center;
            letter-spacing: 0.05em;
            color: #6e3923;
        }
        .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__description span {
            color: #6e3923;
            margin-right: 4px;
        }
        .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__description strong {
            color: #6e3923;
            font-weight: 800;
        }
        .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__description2 {
            font-weight: 700;
            font-size: 18px;
            line-height: 22px;
            text-align: center;
            letter-spacing: 0.05em;
            color: #fff;
            text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
        }
        .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__close {
            box-sizing: border-box;
            position: absolute;
            top: -24px;
            right: 0px;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            cursor: pointer;
            background-image: linear-gradient(#ff7800, #f97600), linear-gradient(#f90, #f2a268);
            background-clip: padding-box, border-box;
            background-size:
                cover,
                calc(100% + 20px) calc(100% + 20px);
            background-repeat: no-repeat, no-repeat;
            background-position:
                center top,
                left -10px top -10px;
            border: 5px solid transparent;
            text-align: center;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
        }
        .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__close:hover,
        .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__close.is-touched {
            background-image: linear-gradient(to top, #ff4d00, #ff7800), linear-gradient(#ffad32, #fdc399 95%);
        }
        .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__close:before {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9InllcyI/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNnB4IDM2cHgiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yNC42IDI2LjVsMi45LTIuN2MuNy0uNy43LTEuOSAwLTIuNmwtNC0zLjcgNC0zLjdjLjctLjcuNy0xLjkgMC0yLjZsLTMtMi43YTIgMiAwIDAgMC0yLjYgMEwxOCAxMi4zbC00LTMuOGEyIDIgMCAwIDAtMi42IDBsLTIuOSAyLjdjLS43LjctLjcgMS45IDAgMi42bDQgMy43LTQgMy43Yy0uNy43LS43IDEuOSAwIDIuNmwzIDIuN2MuNy43IDEuOC43IDIuNiAwbDMuOS0zLjggNCAzLjhjLjcuNyAxLjguNyAyLjYgMHoiIHN0eWxlPSIiLz48L3N2Zz4=);
            background-position: center;
            background-repeat: no-repeat;
        }
        @media (min-width: 540px) {
            .ext-popup-kdl31[data-v-f2e99956] .ext-popup-kdl31__close {
                top: -24px;
                right: -20px;
            }
        }
        [data-v-f2e99956] .popup-button-kdl31 button {
            font-family: Montserrat;
            box-sizing: border-box;
            display: inline-block;
            height: 52px;
            min-width: 200px;
            border-radius: 80px;
            cursor: pointer;
            max-width: 100%;
            border: 5px solid transparent;
            text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
            font-size: 22px;
            font-weight: 800;
            font-style: normal;
            font-stretch: normal;
            letter-spacing: 1.2px;
            color: #fff;
            line-height: 43px;
            padding: 0 25px;
            text-align: center;
            white-space: nowrap;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            overflow: hidden;
            background-image: linear-gradient(#3ed70b, #3ed70b), linear-gradient(#a0ff00, #68f284);
            background-clip: padding-box, border-box;
            background-size:
                cover,
                calc(100% + 20px) calc(100% + 20px);
            background-repeat: no-repeat, no-repeat;
            background-position:
                center top,
                left -10px top -10px;
            -webkit-box-shadow:
                inset 0 0 3px 0 rgba(0, 0, 0, 0.25),
                0 4px 0 0 #37b751,
                0 2px 15px 3px #a0ff00;
            box-shadow:
                inset 0 0 3px #00000040,
                0 4px #37b751,
                0 2px 15px 3px #a0ff00;
        }
        [data-v-f2e99956] .popup-button-kdl31 button:hover,
        [data-v-f2e99956] .popup-button-kdl31 button.is-touched {
            background-image: linear-gradient(to top, #2db200, #3ed70b), linear-gradient(#c9ff6e, #b6ffc5 95%);
        }
        [data-v-f2e99956] .popup-button-kdl31 button.is-orange {
            background-image: linear-gradient(#ff7800, #f97600), linear-gradient(#f90, #f2a268);
            box-shadow:
                inset 0 0 3px #00000040,
                0 4px #b75637;
        }
        [data-v-f2e99956] .popup-button-kdl31 button.is-orange:hover,
        [data-v-f2e99956] .popup-button-kdl31 button.is-orange.is-touched {
            background-image: linear-gradient(to top, #ff4d00, #ff7800), linear-gradient(#ffad32, #fdc399 95%);
        }
        [data-v-f2e99956] .popup-row-kdl31 {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 360px;
        }
        [data-v-f2e99956] .popup-row-kdl31.is-dep {
            height: 260px;
        }
        [data-v-f2e99956] .popup-row-kdl31 .popup-row-kdl31__item {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 45%;
        }
        [data-v-f2e99956] .popup-row-kdl31 .popup-row-kdl31__item img {
            width: 100px;
            height: 100px;
            margin-bottom: 20px;
            object-fit: contain;
        }
        [data-v-f2e99956] .popup-row-kdl31 .popup-row-kdl31__description {
            height: 40px;
            font-weight: 900;
            font-size: 16px;
            line-height: 19px;
            text-align: center;
            letter-spacing: 0.02em;
            color: #fff;
            text-shadow:
                0px 0px 10px rgba(0, 0, 0, 0.25),
                0px 1px 1px rgba(85, 44, 43, 0.15);
        }
        [data-v-f2e99956] .popup-row-kdl31 .popup-row-kdl31__symbol {
            color: #fff;
            font-weight: 900;
            font-size: 32px;
        }
        [data-v-f2e99956] .popup-row-kdl31 .popup-row-kdl31__new {
            background: #ff0000;
            box-shadow: 0 3.77778px #990101;
            border-radius: 4px;
            padding: 0 8px;
            font-weight: 900;
            font-size: 18px;
            line-height: 23px;
            display: flex;
            align-items: center;
            text-align: center;
            letter-spacing: 0.02em;
            text-transform: uppercase;
            color: #fff;
        }
        [data-v-f2e99956] .crab-layout-column {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        [data-v-f2e99956] *:not(button) {
            animation: none !important;
            transition: 0s !important;
        }
        [data-v-f2e99956] * {
            all: initial;
            font-family: Montserrat, sans-serif;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }