@font-face {
    font-family: PP-Pangram-Sans-Rounded;
    src: url(../fonts/PPPangramSansRounded-Medium-88ae5566.woff2);
    font-weight: 400;
}
@font-face {
    font-family: PP-Pangram-Sans-Rounded;
    src: url(../fonts/PPPangramSansRounded-Semibold-18316fde.woff2);
    font-weight: 500;
}
@font-face {
    font-family: PP-Pangram-Sans-Rounded;
    src: url(../fonts/PPPangramSansRounded-Bold-53745bf2.woff2);
    font-weight: 700;
}
*,
:after,
:before {
    box-sizing: border-box;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
a {
    text-decoration: none;
    background-color: transparent;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
svg {
    overflow: hidden;
    vertical-align: middle;
}
img {
    vertical-align: middle;
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
button,
select {
    text-transform: none;
}
button,
input {
    overflow: visible;
}
html,
body {
    min-height: 100vh;
    margin: 0;
    padding: 0;
    font-family: PP-Pangram-Sans-Rounded, sans-serif;
    font-weight: 500;
    overflow-x: hidden;
    line-height: 1.5;
    scrollbar-width: thin;
    scrollbar-color: rgba(65, 61, 102, 0.5) transparent;
}
@media screen and (min-width: 1001px) {
    html ::-webkit-scrollbar {
        width: 5px;
    }
    html ::-webkit-scrollbar-track {
        background: var(--general-background);
    }
    html ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: var(--bdrop-scroll-thumb);
    }
    html ::-webkit-scrollbar-thumb:hover {
        background: var(--bdrop-scroll-thumb-hover);
    }
}
html.is-locked,
html.is-locked body {
    height: calc(var(100vh));
    overflow: hidden;
    box-sizing: border-box;
}
body {
    padding: env(safe-area-inset-top, 68px) env(safe-area-inset-right, 20px) env(safe-area-inset-bottom, 20px) env(safe-area-inset-left, 20px);
}
@media screen and (max-width: 1100px) {
    body {
        padding-left: 0;
    }
}
#app {
    padding-top: 68px;
    color: var(--general-white);
    position: relative;
}
.popup-enter-from,
.popup-leave-to {
    opacity: 0;
}
.popup-enter-active,
.popup-leave-active {
    transition: 0.25s;
}
.result-popup-leave-to {
    opacity: 0;
    transform: translateY(-200px);
}
.result-popup-leave-active {
    transition: 0.5s;
}
.bottom-sheet-enter-active,
.bottom-sheet-leave-active {
    transition: transform 0.25s ease-out;
}
.bottom-sheet-enter-from,
.bottom-sheet-leave-to {
    transform: translateY(100%);
}
.v-enter-active,
.v-leave-active {
    transition: opacity 0.2s linear;
}
.v-enter-from,
.v-leave-to {
    opacity: 0;
}
.phone-input,
.phone-input .iti__flag-container {
    width: 100%;
}
.phone-input .iti__selected-flag {
    position: absolute;
    left: 12px;
    top: 50%;
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px;
    transform: translateY(-50%);
    transition: 0.25s;
}
.phone-input .iti__arrow {
    border-top-color: var(--general-white);
}
.phone-input .iti__arrow--up {
    border-bottom-color: var(--general-white);
}
.phone-input .iti__country-list {
    top: calc(100% + 5px);
    width: 100%;
    border-radius: 10px;
    background: var(--general-transparent-dark-75);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border: none;
}
.phone-input .iti__country {
    padding: 15px;
    transition: 0.15s;
}
.phone-input .iti__highlight {
    background-color: var(--button-tonal-hover) !important;
}
.phone-input .iti__flag-box {
    margin-right: 15px;
}
.phone-input .iti__country-name {
    color: #e3e3e5 !important;
}
.phone-input input {
    display: block;
    width: 100%;
    padding: 18px 16px;
    padding-left: 75px !important;
    border-radius: 10px;
    outline: none;
    border: none;
    font-size: 1rem;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: var(--general-white);
    background: var(--input-default);
}
.phone-input input::-moz-placeholder {
    color: var(--general-white);
}
.phone-input input::placeholder {
    color: var(--general-white);
}
.phone-input input:-ms-input-placeholder {
    color: var(--general-white);
    opacity: 1;
}
.phone-input input:hover {
    border-color: var(--general-white);
}
.phone-input input:focus {
    border-color: var(--general-white);
}
.ptr--ptr {
    background: #fff;
    transform: translateY(64px);
}
.ptr--icon {
    font-size: 19px;
}
.ptr--text {
    display: none;
}
.tippy-box[data-theme~="bd-tooltip-theme"] {
    padding: 8px 16px 12px;
    border-radius: 10px;
    background-color: var(--general-underlay-2-lvl);
}
.tippy-box[data-theme~="bd-tooltip-theme"] > .tippy-content {
    padding: 0;
}
.tippy-box[data-theme~="bd-tooltip-theme"][data-placement^="top"] > .tippy-arrow:before {
    border-top-color: var(--general-underlay-2-lvl);
    transform: scale(0.65);
}
.tippy-box[data-theme~="bd-tooltip-theme"][data-placement^="bottom"] > .tippy-arrow:before {
    border-bottom-color: var(--general-underlay-2-lvl);
    transform: scale(0.65);
}
.tippy-box[data-theme~="bd-tooltip-theme"][data-placement^="left"] > .tippy-arrow:before {
    border-left-color: var(--general-underlay-2-lvl);
    transform: scale(0.65);
}
.tippy-box[data-theme~="bd-tooltip-theme"][data-placement^="right"] > .tippy-arrow:before {
    border-right-color: var(--general-underlay-2-lvl);
    transform: scale(0.65);
}
.w-100 {
    width: 100%;
}
.general-text {
    color: var(--general-white);
}
a.general-text {
    text-decoration: underline;
}
.bdrop-theme-standoff {
    background: var(--general-background);
    --general-accident: #ff595f;
    --general-bullcoin: #cad5e0;
    --general-background: #1a1b1f;
    --general-transparent-light-35: rgba(245, 245, 250, 0.35);
    --button-tonal-default: #33353b;
    --button-tonal-hover: #4b4e57;
    --button-tonal-pressed: #5c606b;
    --button-tonal-active: #e5e8eb;
    --button-tonal-disabled: #56585c1f;
    --general-grey: #7d8091;
    --general-dark-grey: #4d505c;
    --general-grey-light: #aeb3cc;
    --general-red: #ff595f;
    --general-transparent-mid-35: rgba(73, 74, 82, 0.35);
    --general-transparent-mid-55: rgba(82, 82, 92, 0.55);
    --general-transparent-dark-35: rgba(35, 35, 41, 0.35);
    --general-transparent-dark-75: rgba(34, 35, 38, 0.75);
    --general-transparent-dark-95: rgba(34, 35, 38, 0.95);
    --general-transparent-dark-100: rgba(34, 35, 38, 1);
    --general-blackout-blue-70: rgba(19, 17, 41, 0.76);
    --general-stroke: #3e404a;
    --button-ghost-active: rgba(125, 128, 145, 0.12);
    --button-ghost-hover: rgba(125, 128, 145, 0.08);
    --button-functional-hover: #528cff;
    --button-functional-pressed: #6b9dff;
    --button-functional-active: #3f80ff;
    --button-functional-disabled: rgba(86, 88, 92, 0.12);
    --button-functional-default: #4282ff;
    --button-accident-default: #4282ff;
    --button-accident-hover: #528cff;
    --button-accident-pressed: #6b9dff;
    --button-accident-disabled: rgba(86, 88, 92, 0.12);
    --text-disabled: #6a7c8c;
    --general-underlay-1-lvl: #232429;
    --general-underlay-2-lvl: #292a30;
    --general-underlay-3-lvl: #1d1e21;
    --functional-grey-transparent: rgba(81, 84, 103, 0.38);
    --functional-mint-transparent: rgba(31, 74, 57, 0.38);
    --functional-mint-additional: #5aed90;
    --functional-blue-additional: #47a6ff;
    --functional-mint: #36c971;
    --general-white: #f5f5fa;
    --input-default: #15161a;
    --functional-yellow: #ffc654;
    --functional-red: #ff595f;
    --functional-purple: #ab80ff;
    --functional-purple-light: #c7abff;
    --functional-yellow-transparent: rgba(108, 88, 53, 0.38);
    --functional-red-transparent: rgba(100, 55, 50, 0.38);
    --functional-purple-transparent: rgba(77, 55, 119, 0.38);
    --functional-blue-transparent: rgba(40, 63, 105, 0.38);
    --new-colors-fade-horizontal-right: linear-gradient(270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --new-colors-fade-horizontal-left: linear-gradient(-270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --button-filled-default: #f5f5fa;
    --button-filled-disabled: rgba(86, 88, 92, 0.12);
    --button-filled-hover: rgba(245, 245, 250, 0.75);
    --button-filled-pressed: rgba(245, 245, 250, 0.75);
    --button-filled-active: #fff;
    --functional-grey-transparent-additional: rgba(85, 88, 103, 0.1);
    --tab-menu-control-background: rgba(125, 128, 145, 0.12);
    --general-blur-bg-blur-mid-35: rgba(73, 74, 82, 0.35);
    --general-blur-bg-blur-dark-75: rgba(34, 35, 38, 0.75);
    --button-accident-active: #3f80ff;
    --general-disabled: #4c4e52;
    --button-outlined-stroke-default: #3e404a;
    --toggle-switch-off: rgba(132, 125, 145, 0.12);
    --toggle-switch-on: #4282ff;
    --button-text-default: #878787;
    --button-text-hover: #fff;
    --button-text-disabled: rgba(89, 89, 89, 0.32);
    --button-text-2-default: #f5f5fa;
    --button-text-2-hover: #7d8091;
    --button-text-2-disabled: #56585c52;
    --button-outlined-fill-default: rgba(125, 128, 145, 0);
    --button-outlined-fill-hover: rgba(125, 128, 145, 0.08);
    --button-outlined-fill-pressed: rgba(125, 128, 145, 0.12);
    --bdrop-game-cell-active: var(--general-grey);
    --bdrop-footer-counter-bg: transparent;
    --bdrop-footer-counter-icon-color: var(--general-grey);
    --bdrop-case-btn-bg-hover: var(--general-red);
    --bdrop-footer-nav-color: var(--general-grey);
    --bdrop-case-amount-hover: var(--tab-menu-control-background);
    --bdrop-scroll-thumb: var(--general-transparent-mid-55);
    --bdrop-scroll-thumb-hover: var(--general-transparent-mid-35);
    --bdrop-chat-area: var(--general-underlay-3-lvl);
    --bdrop-ribbon-item-red: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(212, 50, 93, 0.2) 53.65%, rgba(255, 0, 66, 0.2) 100%);
    --bdrop-ribbon-item-pink: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(192, 57, 219, 0.2) 52.37%, rgba(213, 0, 255, 0.2) 100%);
    --bdrop-ribbon-item-violet: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(105, 64, 186, 0.2) 45.94%, rgba(135, 75, 255, 0.2) 100%);
    --bdrop-ribbon-item-blue: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(86, 107, 215, 0.2) 49.12%, rgba(52, 85, 255, 0.2) 97.22%);
    --bdrop-ribbon-item-light-blue: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(42, 147, 192, 0.2) 50.52%, rgba(0, 179, 255, 0.2) 100%);
    --bdrop-ribbon-item-gold: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(191, 147, 31, 0.2) 54.17%, rgba(255, 185, 0, 0.2) 100%);
    --bdrop-ribbon-item-grey: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(177, 181, 206, 0.2) 49.12%, rgba(202, 208, 246, 0.2) 97.22%);
    --bdrop-tooltip: var(--general-blur-bg-blur-mid-35);
    --bdrop-desktop-nav: #c7c7ff;
    --bdrop-desktop-nav-hover: #e3e3e5;
    --bdrop-logo: #ff4d55;
    --bdrop-theme-switcher-standoff: radial-gradient(162.53% 167.98% at -37.08% -37.97%, #ff7366 0%, rgba(255, 115, 102, 0) 100%);
    --bdrop-theme-switcher-genshin: radial-gradient(215.02% 221.63% at -74.23% -76.68%, #9cf 0%, rgba(153, 204, 255, 0) 100%);
    --bdrop-theme-switcher-pubg: radial-gradient(152.02% 157.03% at -29.17% -30.39%, #ffbb5c 0%, rgba(255, 187, 92, 0) 100%);
    --bdrop-theme-switcher-roblox: radial-gradient(152.02% 157.03% at -29.17% -30.39%, #d6ff5c 0%, rgba(113, 255, 89, 0) 100%);
    --bdrop-theme-switcher-placeholder-text-bg: var(--general-transparent-mid-35);
    --bdrop-theme-switcher-placeholder-text: var(--general-grey);
    --bdrop-balance-color: #ffc259;
    --bdrop-balance-arrow: #423e6b;
    --bdrop-bullpass-prize-cancel-open: linear-gradient(
        90deg,
        #3866ff 0%,
        #3866ff 11.79%,
        #3a67ff 21.38%,
        #3c69ff 29.12%,
        #3e6bff 35.34%,
        #416dff 40.37%,
        #4570ff 44.56%,
        #4973ff 48.24%,
        #4d76ff 51.76%,
        #517aff 55.44%,
        #567dff 59.63%,
        #5a80ff 64.66%,
        #5f84ff 70.88%,
        #6387ff 78.62%,
        #678aff 88.21%,
        #6b8dff 100%
    );
    --bdrop-bullpass-info-popup: #c7c7ff;
    --bdrop-case-bg: #2d2a4f;
    --bdrop-case-item-bg: #252246;
    --bdrop-case-btn-bg: #2d2a4f;
    --bdrop-case-btn-bg-active: #ff4d55;
    --bdrop-case-btn-color: #e3e3e5;
    --bdrop-case-bg-hover: rgba(37, 34, 70, 0.25);
    --bdrop-horizontal-roulette-left-shadow: linear-gradient(-270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --bdrop-horizontal-roulette-right-shadow: linear-gradient(270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --bdrop-horizontal-roulette-bottom-shadow: linear-gradient(to bottom, transparent, #131129 95%);
    --bdrop-tooltip-second-color: var(--bdrop-balance-color);
    --bdrop-block-bg4: #2d2a4f;
    --bdrop-block-bg5: rgba(244, 233, 220, 0.2);
    --bdrop-block-bl: blur(20px);
    --bdrop-burger: #c7c7ff;
    --button-accident-content: #f5f5fa;
    --bdrop-lk-btn-active2: #ff4d55;
    --bdrop-sorter-color: #c7c7ff;
    --bdrop-check-bg: transparent;
    --bdrop-check: #c1c1c1;
    --bdrop-stattrack: #ffc259;
    --bdrop-price: #e3e3e5;
    --bdrop-price2: var(--bdrop-price);
    --bdrop-input-bg: rgba(0, 1, 5, 0.15);
    --bdrop-input-border: #423e6b;
    --bdrop-input-border-hover: #c7c7ff;
    --bdrop-input-color-hover: var(--general-white);
    --bdrop-input-border-focus: #afabc5;
    --bdrop-input-border-completed: var(--general-white);
    --bdrop-banner-btn: rgba(19, 17, 41, 0.66);
    --bdrop-link-active: #e1e1ff;
    --bdrop-checkbox-bg-active: #423e6b;
    --bdrop-checkbox-color: #e3e3e5;
    --bdrop-checkbox-border: #6e6794;
    --bdrop-popup-marked-color: #ffc259;
    --bdrop-popup-title: #3e404a;
    --bdrop-popup-verify-check-mark-background: #2c403b;
    --bdrop-popup-verify-check-mark-fill: #54d971;
    --bdrop-tab-color: #e3e3e5;
    --bdrop-tab-bg-active: #2d2a4f;
    --bdrop-tab-active-color: #afabc5;
    --bdrop-game-view: #2d2a4f;
    --bdrop-game-cell: #423e6b;
    --bdrop-game-color-hover: #363360;
    --bdrop-chat-btn2-hover: #423e6b;
    --bdrop-chat-header-bg: rgba(22, 23, 51, 0.75);
    --bdrop-chat-color: #c7c7ff;
    --bdrop-chat-accident-color: rgb(66, 130, 255);
    --bdrop-chat-red-color: rgb(255, 115, 102);
    --bdrop-chat-button-hover: rgba(199, 199, 255, 0.08);
    --bdrop-chat-button-active: rgba(199, 199, 255, 0.12);
    --bdrop-chat-color2: #e3e3e5;
    --bdrop-chat-input-button: rgb(75, 77, 91);
    --bdrop-chat-avatar: #1e1f45;
    --bdrop-chat-reply-bg: #423e6b;
    --bdrop-chat-separator: rgb(60, 56, 105);
    --bdrop-filter-shadow: #14161a4d;
    --bdrop-icons-color: #ff4d55;
    --bdrop-select-bg-hover: #363360;
    --bdrop-spinner: #ff1d5e;
    --bdrop-no-messages: #767699;
    --bdrop-input-button-svg-color: #c7c7ff;
    --general-linear-horiz: linear-gradient(270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --bdrop-red-prize: #e52a5b;
    --bdrop-pink-prize: #d766ed;
    --bdrop-violet-prize: #8a5ce5;
    --bdrop-blue-prize: #667fff;
    --bdrop-light-blue-prize: #209dd2;
    --bdrop-gold-prize: #e7a800;
    --bdrop-grey-prize: #666770;
    --bdrop-overlay: var(--general-transparent-dark-75);
    --bdrop-exchange-scene-bg: linear-gradient(0deg, #1a1b1f 0%, rgba(26, 27, 31, 0) 100%);
    --bdrop-exchange-btn: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #6955f7 61%, #5d4afb 82.5%, #5141ff 100%);
    --bdrop-exhcange-btn-hover: linear-gradient(135deg, #a98bff -76%, #8b71fb 0.5%, #6955f7 68%, #5d4afb 82.5%, #5141ff 104%);
    --bdrop-exhcange-btn-active: linear-gradient(135deg, #a98bff -84%, #8b71fb -20%, #6955f7 80%, #5d4afb 89.5%, #5141ff 110%);
    --bdrop-exchange-event-rule: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #6955f7 61%, #5d4afb 82.5%, #5141ff 100%);
    --bdrop-exchange-event-rule-hover: linear-gradient(135deg, #a98bff 0%, #8b71fb 45.5%, #6955f7 70%, #5d4afb 84%, #5141ff 100%);
    --bdrop-exchange-event-rule-active: linear-gradient(135deg, #a98bff 0%, #8b71fb 17.5%, #6955f7 45%, #5d4afb 64%, #5141ff 100%);
    --bdrop-skrigal: linear-gradient(90deg, rgba(125, 118, 204, 0.2) 16.61%, rgba(125, 118, 204, 0) 97.65%);
    --bdrop-timer-item: #7d76cc33;
    --bdrop-main-scene-bg: linear-gradient(0deg, #131129 0%, rgba(19, 17, 41, 0) 100%);
    --bdrop-info-popup-title: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #5141ff 100%);
    --bdrop-dragon-blood-descr: linear-gradient(265.17deg, #ff9159 -15.56%, #993d3d 26.03%, #4d1f36 64.24%, #1c1c3a 97.1%);
    --bdrop-dragon-blood-descr-hover: linear-gradient(265.34deg, #ff9159 -3.41%, #993d3d 35.52%, #4d1f36 71.29%, #1c1c3a 102.04%);
    --bdrop-dragon-blood-descr-active: linear-gradient(265.34deg, #ff9159 -3.41%, #993d3d 35.52%, #4d1f36 71.29%, #1c1c3a 102.04%);
    --bdrop-exhcange-how-it-works: #c7c7ff;
    --bdrop-banner-merlin-bg: linear-gradient(94.94deg, #ff9159 -5.22%, #993d3d 19.65%, #4b1d30 56.41%, #1c1f3a 106.04%);
    --bdrop-input-bg: #161733;
    --bdrop-error: #ff7366;
    --bdrop-success: #5aed90;
    --bdrop-dragon-king-health: #dee2eb;
    --bdrop-boss-battle-border: rgba(149, 151, 161, 0.42);
    --bdrop-boss-battle-btn-bg: rgba(20, 20, 20, 0.35);
    --bdrop-contracts-skins-shadow: 0px 8px 6px 0px rgba(21, 22, 26, 0.25);
    --bdrop-contracts-win-controls: #23232959;
    --bdrop-contracts-win-stroke: #3e404a;
    --bdrop-contracts-skins-block: var(--general-blur-bg-blur-dark-75);
    --bdrop-contracts-skins-header: var(--general-blur-bg-blur-dark-75);
    --bdrop-contracts-empty: var(--general-transparent-dark-35);
    --bdrop-contracts-empty-icon: var(--general-transparent-mid-55);
    --bdrop-contracts-left-gradient: linear-gradient(90deg, #1a1b1f 0%, rgba(26, 27, 31, 0) 100%);
    --bdrop-contracts-right-gradient: linear-gradient(270deg, #1a1b1f 0%, rgba(26, 27, 31, 0) 100%);
    --tab-menu-control-disabled: rgba(86, 88, 92, 0.12);
    --payment-background-disabled: var(--tab-menu-control-disabled);
    --general-transparent-dark-100-temp: #222326;
}
.bdrop-theme-genshinImpact {
    background: var(--general-background);
    --general-accident: #6896c3;
    --general-dark-grey: #2e4254;
    --general-grey: #6896c3;
    --general-red: #ff595f;
    --button-functional-default: #2e4254;
    --button-functional-hover: #435565;
    --button-functional-pressed: #6896c3;
    --button-functional-active: #6896c3;
    --button-functional-disabled: #2e4254;
    --button-accident-default: hsl(210, 43%, 62%);
    --button-accident-hover: #435565;
    --button-accident-pressed: #6896c3;
    --button-accident-active: #6896c3;
    --button-accident-disabled: #2e4254;
    --button-functional-disabled: #3f4850;
    --text-disabled: #6a7c8c;
    --general-grey-light: #aeb3cc;
    --button-outlined-stroke-default: #3e404a;
    --button-accident-active: #3f80ff;
    --general-disabled: #6a7c8c;
    --button-filled-disabled: hsl(208, 29%, 25%);
    --button-tonal-default: #2e4254;
    --general-transparent-mid-55: #2e4254;
    --general-transparent-dark-35: rgba(35, 35, 41, 0.35);
    --general-transparent-dark-75: #2e4254;
    --general-blackout-blue-70: rgba(19, 17, 41, 0.76);
    --general-stroke: #435565;
    --bdrop-game-cell-active: #99ccff;
    --general-transparent-dark-100: #1f2733;
    --general-bullcoin: #cad5e0;
    --general-background: #191e26;
    --general-transparent-dark-95: #1f2733;
    --general-transparent-light-35: rgba(245, 245, 250, 0.35);
    --button-tonal-hover: #3e5366;
    --button-tonal-pressed: #6896c3;
    --button-tonal-active: #e5e8eb;
    --button-tonal-disabled: #34434f1f;
    --general-transparent-mid-35: rgba(46, 66, 84, 0.4);
    --general-transparent-dark-75: #202d40e0;
    --button-ghost-active: #6896c3;
    --button-ghost-hover: #2e4254;
    --general-underlay-1-lvl: #232d3b;
    --general-underlay-2-lvl: #2e4254;
    --general-underlay-3-lvl: #1f2733;
    --functional-grey-transparent: rgba(81, 84, 103, 0.38);
    --functional-mint-transparent: rgba(31, 74, 57, 0.38);
    --functional-mint-additional: #5aed90;
    --functional-blue-additional: #47a6ff;
    --functional-mint: #36c971;
    --general-white: #f5f5fa;
    --input-default: #161a21;
    --functional-yellow: #ffc654;
    --functional-red: #ff595f;
    --functional-purple: #ab80ff;
    --functional-purple-light: #c7abff;
    --functional-yellow-transparent: rgba(108, 88, 53, 0.38);
    --functional-red-transparent: rgba(100, 55, 50, 0.38);
    --functional-purple-transparent: rgba(77, 55, 119, 0.38);
    --functional-blue-transparent: rgba(40, 63, 105, 0.38);
    --new-colors-fade-horizontal-right: linear-gradient(270deg, #1b2126 0%, rgba(27, 33, 38, 0) 100%);
    --new-colors-fade-horizontal-left: linear-gradient(-270deg, #1b2126 0%, rgba(27, 33, 38, 0) 100%);
    --button-filled-default: #f5f5fa;
    --button-filled-hover: rgba(245, 245, 250, 0.75);
    --button-filled-pressed: rgba(245, 245, 250, 0.75);
    --button-filled-active: #fff;
    --functional-grey-transparent-additional: rgba(85, 88, 103, 0.1);
    --tab-menu-control-background: hsl(208, 29%, 25%);
    --toggle-switch-off: #2e4254;
    --toggle-switch-on: #6896c3;
    --button-text-default: #878787;
    --button-text-hover: #fff;
    --button-text-disabled: rgba(89, 89, 89, 0.32);
    --button-text-2-default: #f5f5fa;
    --button-text-2-hover: #7d8091;
    --button-text-2-disabled: #56585c52;
    --button-outlined-fill-default: rgba(125, 128, 145, 0);
    --button-outlined-fill-hover: rgba(125, 128, 145, 0.08);
    --button-outlined-fill-pressed: rgba(125, 128, 145, 0.12);
    --bdrop-case-btn-bg: #2e4254;
    --bdrop-desktop-nav: #f2f8fd;
    --bdrop-desktop-nav-hover: #99ccff;
    --bdrop-logo: #f2f8fd;
    --bdrop-theme-switcher-standoff: radial-gradient(162.53% 167.98% at -37.08% -37.97%, #ff7366 0%, rgba(255, 115, 102, 0) 100%);
    --bdrop-theme-switcher-genshin: radial-gradient(215.02% 221.63% at -74.23% -76.68%, #9cf 0%, rgba(153, 204, 255, 0) 100%);
    --bdrop-theme-switcher-pubg: radial-gradient(152.02% 157.03% at -29.17% -30.39%, #ffbb5c 0%, rgba(255, 187, 92, 0) 100%);
    --bdrop-theme-switcher-roblox: radial-gradient(152.02% 157.03% at -29.17% -30.39%, #d6ff5c 0%, rgba(113, 255, 89, 0) 100%);
    --bdrop-theme-switcher-placeholder-text-bg: #28374a;
    --bdrop-theme-switcher-placeholder-text: #56697a;
    --bdrop-balance-color: #f2f8fd;
    --bdrop-balance-arrow: var(--bdrop-balance-color);
    --bdrop-bullpass-prize-cancel-open: #232d3b;
    --bdrop-bullpass-info-popup: #fff;
    --bdrop-side-panel: #232d3b;
    --general-grey: #f2f8fd;
    --bdrop-case-bg: #232d3b;
    --bdrop-case-item-bg: var(--bdrop-case-bg);
    --bdrop-case-btn-bg-hover: #6896c3;
    --bdrop-case-btn-bg-active: #6896c3;
    --bdrop-case-btn-color: #f2f8fd;
    --bdrop-case-amount-hover: var(--bdrop-case-btn-bg-hover);
    --bdrop-case-bg-hover: rgba(25, 30, 38, 0.3);
    --bdrop-horizontal-roulette-left-shadow: linear-gradient(90deg, #191e26 0%, rgba(27, 33, 38, 0) 100%, rgba(25, 30, 38, 0) 100%);
    --bdrop-horizontal-roulette-right-shadow: linear-gradient(270deg, #191e26 0%, rgba(27, 33, 38, 0) 100%, rgba(25, 30, 38, 0) 100%);
    --bdrop-horizontal-roulette-bottom-shadow: linear-gradient(0deg, #191e26 0%, rgba(27, 33, 38, 0) 100%, rgba(25, 30, 38, 0) 100%);
    --bdrop-tooltip: var(--bdrop-case-btn-bg);
    --bdrop-tooltip-second-color: var(--bdrop-balance-color);
    --bdrop-block-bg: #232d3b;
    --bdrop-block-bg4: #435565;
    --bdrop-block-bg5: rgba(244, 233, 220, 0.2);
    --bdrop-block-bl: blur(20px);
    --general-grey: #56697a;
    --bdrop-footer-nav-color: #f2f8fd;
    --bdrop-footer-bg: #232d3b;
    --bdrop-footer-counter-bg: #99ccff;
    --bdrop-footer-counter-icon-color: var(--bdrop-footer-bg);
    --bdrop-burger: #f2f8fd;
    --bdrop-lk-btn: hsl(208, 29%, 25%);
    --bdrop-lk-btn-color: #f2f8fd;
    --button-accident-content: #ffffff;
    --bdrop-lk-btn-active2: #99ccff;
    --bdrop-sorter-color: #f2f8fd;
    --bdrop-check-bg: #3e5366;
    --bdrop-check: #f2f8fd;
    --bdrop-stattrack: var(--bdrop-check);
    --bdrop-price: #99ccff;
    --bdrop-price2: #f2f8fd;
    --bdrop-input-border: #2e4254;
    --bdrop-input-border-hover: #435565;
    --bdrop-input-color-hover: #bbbfc2;
    --bdrop-input-border-focus: #6896c3;
    --bdrop-input-border-completed: var(--bdrop-input-border-focus);
    --bdrop-banner-btn: hsl(208, 29%, 25%);
    --bdrop-link-active: var(--general-white);
    --bdrop-checkbox-bg-active: #2e4254;
    --bdrop-checkbox-color: #f2f8fd;
    --bdrop-checkbox-border: var(--bdrop-checkbox-color);
    --bdrop-popup-bg: #1f2733;
    --bdrop-popup-marked-color: #99ccff;
    --bdrop-popup-title: #3e404a;
    --bdrop-popup-verify-check-mark-background: #37495c;
    --bdrop-popup-verify-check-mark-fill: #99ccff;
    --bdrop-tab-bg: #2e4254;
    --bdrop-tab-color: #f2f8fd;
    --bdrop-tab-bg-active: #3e5366;
    --bdrop-tab-active-color: var(--bdrop-tab-color);
    --bdrop-scroll-thumb: #2e4254;
    --bdrop-scroll-thumb-hover: #3e5366;
    --bdrop-game-view: #2e4254;
    --bdrop-game-cell: #435565;
    --bdrop-game-btn: #232d3b;
    --bdrop-game-color-hover: #3e5366;
    --bdrop-game-color-selected: #191e26;
    --bdrop-game-wheel: #1f2733;
    --bdrop-chat-btn2-hover: #6896c3;
    --bdrop-chat-header-bg: rgba(33, 39, 50, 0.75);
    --bdrop-chat-color: #f2f8fd;
    --bdrop-chat-red-color: rgb(255, 115, 102);
    --bdrop-chat-button-hover: rgba(242, 248, 255, 0.08);
    --bdrop-chat-button-active: rgba(242, 248, 255, 0.12);
    --bdrop-chat-color2: var(--bdrop-chat-color);
    --bdrop-chat-input-button: rgb(75, 77, 91);
    --bdrop-chat-accident-color: rgb(66, 130, 255);
    --bdrop-chat-area: #1f2733;
    --bdrop-chat-avatar: transparent;
    --bdrop-chat-reply-bg: #3e5366;
    --bdrop-chat-separator: #2e4254;
    --bdrop-filter-shadow: #14171a4d;
    --bdrop-icons-color: #f2f8fd;
    --bdrop-select-bg-hover: #3e5366;
    --bdrop-spinner: #6896c3;
    --bdrop-no-messages: var(--bdrop-chat-color);
    --bdrop-input-button-svg-color: #f2f8fd;
    --bdrop-ribbon-item-red: linear-gradient(to bottom, #411e45, #242041);
    --bdrop-ribbon-item-pink: linear-gradient(to bottom, #3c205d, #221f42);
    --bdrop-ribbon-item-violet: linear-gradient(360deg, rgba(35, 45, 59, 0) 0%, rgba(120, 32, 155, 0.3) 100%), #232d3b;
    --bdrop-ribbon-item-blue: linear-gradient(0deg, rgba(35, 45, 59, 0) 0%, rgba(82, 159, 201, 0.3) 100%), #232d3b;
    --bdrop-ribbon-item-gold: linear-gradient(360deg, rgba(35, 45, 59, 0) 0%, rgba(227, 145, 36, 0.3) 100%), #232d3b;
    --bdrop-ribbon-item-grey: linear-gradient(17.53deg, rgba(19, 17, 41, 0.25) 12%, rgba(98, 99, 109, 0.25) 49.33%, rgba(171, 176, 209, 0.25) 85.89%), #232d3b;
    --bdrop-ribbon-item-green: linear-gradient(360deg, rgba(35, 45, 59, 0) 0%, rgba(9, 133, 76, 0.3) 100%), #232d3b;
    --general-linear-horiz: linear-gradient(to right, transparent, #191e26 95%, #191e26 100%);
    --bdrop-green-prize: #56bf8f;
    --bdrop-violet-prize: #c67ae5;
    --bdrop-blue-prize: #46ace3;
    --bdrop-gold-prize: #e9ae3c;
    --bdrop-grey-prize: #666770;
    --bdrop-red-prize: #e52a5b;
    --bdrop-pink-prize: #d766ed;
    --bdrop-light-blue-prize: #209dd2;
    --bdrop-overlay: #202d40a8;
    --bdrop-exchange-scene-bg: linear-gradient(0deg, #191e26 0%, rgba(25, 30, 38, 0) 100%);
    --bdrop-exchange-btn: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #6955f7 61%, #5d4afb 82.5%, #5141ff 100%);
    --bdrop-exhcange-btn-hover: linear-gradient(135deg, #a98bff -76%, #8b71fb 0.5%, #6955f7 68%, #5d4afb 82.5%, #5141ff 104%);
    --bdrop-exhcange-btn-active: linear-gradient(135deg, #a98bff -84%, #8b71fb -20%, #6955f7 80%, #5d4afb 89.5%, #5141ff 110%);
    --bdrop-exchange-event-rule: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #6955f7 61%, #5d4afb 82.5%, #5141ff 100%);
    --bdrop-exchange-event-rule-hover: linear-gradient(135deg, #a98bff 0%, #8b71fb 45.5%, #6955f7 70%, #5d4afb 84%, #5141ff 100%);
    --bdrop-exchange-event-rule-active: linear-gradient(135deg, #a98bff 0%, #8b71fb 17.5%, #6955f7 45%, #5d4afb 64%, #5141ff 100%);
    --bdrop-skrigal: linear-gradient(90deg, rgba(118, 164, 204, 0.2) 16.61%, rgba(118, 164, 204, 0) 90.47%);
    --bdrop-timer-item: #76a4cc33;
    --bdrop-main-scene-bg: linear-gradient(0deg, #191e26 0%, rgba(25, 30, 38, 0) 100%);
    --bdrop-info-popup-title: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #5141ff 100%);
    --bdrop-dragon-blood-descr: linear-gradient(265.17deg, #ff9159 -15.56%, #993d3d 26.03%, #4d1f36 64.24%, #1c1c3a 97.1%);
    --bdrop-dragon-blood-descr-hover: linear-gradient(265.34deg, #ff9159 -3.41%, #993d3d 35.52%, #4d1f36 71.29%, #1c1c3a 102.04%);
    --bdrop-dragon-blood-descr-active: linear-gradient(265.34deg, #ff9159 -3.41%, #993d3d 35.52%, #4d1f36 71.29%, #1c1c3a 102.04%);
    --bdrop-exhcange-how-it-works: #e3e3e5;
    --bdrop-banner-merlin-bg: linear-gradient(94.94deg, #ff9159 -5.22%, #993d3d 19.65%, #4b1d30 56.41%, #1c1f3a 106.04%);
    --bdrop-input-bg: #1f2733;
    --bdrop-error: #ff7366;
    --bdrop-success: #5aed90;
    --bdrop-dragon-king-health: #dee2eb;
    --bdrop-boss-battle-border: rgba(149, 151, 161, 0.42);
    --bdrop-boss-battle-btn-bg: rgba(20, 20, 20, 0.35);
    --bdrop-contracts-win-controls: #191e264d;
    --bdrop-contracts-win-stroke: #2e4254;
    --bdrop-contracts-skins-shadow: 0px 8px 6px 0px rgba(21, 22, 26, 0.25);
    --bdrop-contracts-skins-header: var(--bdrop-side-panel);
    --bdrop-contracts-skins-block: var(--bdrop-side-panel);
    --bdrop-contracts-empty: var(--general-underlay-1-lvl);
    --bdrop-contracts-empty-icon: var(--general-stroke);
    --bdrop-contracts-left-gradient: linear-gradient(90deg, #191e26 0%, rgba(25, 30, 38, 0) 100%);
    --bdrop-contracts-right-gradient: linear-gradient(270deg, #191e26 0%, rgba(25, 30, 38, 0) 100%);
    --tab-menu-control-disabled: rgb(63, 72, 80);
    --payment-background-disabled: #384c5d;
    --general-transparent-dark-100-temp: #242429;
}
.bdrop-theme-pubg {
    background: var(--general-background);
    --general-bullcoin: #cad5e0;
    --general-background: #121212;
    --general-transparent-light-35: rgba(245, 245, 250, 0.35);
    --button-tonal-default: #383838;
    --button-tonal-hover: #515151;
    --button-tonal-pressed: #5c606b;
    --button-tonal-active: #e5e8eb;
    --button-tonal-disabled: #5959591f;
    --general-grey: #878787;
    --general-dark-grey: #555;
    --general-grey-light: #9a9a9a;
    --general-red: #ff595f;
    --general-transparent-mid-35: rgba(77, 77, 77, 0.35);
    --general-transparent-mid-55: rgba(82, 82, 92, 0.55);
    --general-transparent-dark-75: rgba(38, 38, 38, 0.75);
    --general-transparent-dark-95: rgba(38, 38, 38, 0.95);
    --general-transparent-dark-100: #262626;
    --general-blackout-blue-70: rgba(19, 17, 41, 0.76);
    --general-stroke: #424242;
    --button-ghost-active: rgba(140, 140, 140, 0.12);
    --button-ghost-hover: rgba(125, 128, 145, 0.08);
    --button-functional-default: #4282ff;
    --button-functional-hover: #528cff;
    --button-functional-pressed: #6b9dff;
    --button-functional-active: #3f80ff;
    --button-functional-disabled: rgba(86, 88, 92, 0.12);
    --button-accident-default: #ffbb5c;
    --button-accident-hover: #fcc170;
    --button-accident-pressed: #ffcb83;
    --button-accident-active: #fcc170;
    --button-accident-disabled: rgba(89, 89, 89, 0.12);
    --general-underlay-1-lvl: #212121;
    --general-underlay-2-lvl: #262626;
    --general-underlay-3-lvl: #1e1e1e;
    --functional-grey-transparent: rgba(81, 84, 103, 0.38);
    --functional-mint-transparent: rgba(31, 74, 57, 0.38);
    --functional-mint-additional: #5aed90;
    --functional-blue-additional: #47a6ff;
    --functional-mint: #36c971;
    --general-white: #f5f5fa;
    --input-default: #181817;
    --functional-yellow: #ffc654;
    --functional-red: #ff595f;
    --functional-purple: #ab80ff;
    --functional-purple-light: #c7abff;
    --functional-yellow-transparent: rgba(108, 88, 53, 0.38);
    --functional-red-transparent: rgba(100, 55, 50, 0.38);
    --functional-purple-transparent: rgba(77, 55, 119, 0.38);
    --functional-blue-transparent: rgba(40, 63, 105, 0.38);
    --new-colors-fade-horizontal-right: linear-gradient(270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --new-colors-fade-horizontal-left: linear-gradient(-270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --button-filled-default: #f5f5fa;
    --button-filled-disabled: rgba(86, 88, 92, 0.12);
    --button-filled-hover: rgba(245, 245, 250, 0.75);
    --button-filled-pressed: rgba(245, 245, 250, 0.75);
    --button-filled-active: #fff;
    --functional-grey-transparent-additional: rgba(85, 88, 103, 0.1);
    --tab-menu-control-background: rgba(135, 135, 135, 0.12);
    --general-blur-bg-blur-mid-35: rgba(73, 74, 82, 0.35);
    --general-disabled: #4c4e52;
    --button-outlined-stroke-default: #3e404a;
    --general-accident: #ffbb5c;
    --toggle-switch-off: rgba(125, 128, 145, 0.12);
    --toggle-switch-on: #4282ff;
    --button-text-default: #878787;
    --button-text-hover: #fff;
    --button-text-disabled: rgba(89, 89, 89, 0.32);
    --button-text-2-default: #f5f5fa;
    --button-text-2-hover: #7d8091;
    --button-text-2-disabled: #56585c52;
    --button-outlined-fill-default: rgba(125, 128, 145, 0);
    --button-outlined-fill-hover: rgba(125, 128, 145, 0.08);
    --button-outlined-fill-pressed: rgba(125, 128, 145, 0.12);
    --bdrop-game-cell-active: var(--general-grey);
    --bdrop-footer-counter-bg: transparent;
    --bdrop-footer-counter-icon-color: var(--general-grey);
    --bdrop-case-btn-bg-hover: var(--general-red);
    --bdrop-footer-nav-color: var(--general-grey-light);
    --bdrop-case-amount-hover: var(--tab-menu-control-background);
    --bdrop-scroll-thumb: var(--general-transparent-mid-55);
    --bdrop-scroll-thumb-hover: var(--general-transparent-mid-35);
    --bdrop-chat-area: var(--general-underlay-3-lvl);
    --bdrop-ribbon-item-red: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(212, 50, 93, 0.2) 53.65%, rgba(255, 0, 66, 0.2) 100%);
    --bdrop-ribbon-item-pink: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(192, 57, 219, 0.2) 52.37%, rgba(213, 0, 255, 0.2) 100%);
    --bdrop-ribbon-item-violet: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(105, 64, 186, 0.2) 45.94%, rgba(135, 75, 255, 0.2) 100%);
    --bdrop-ribbon-item-blue: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(86, 107, 215, 0.2) 49.12%, rgba(52, 85, 255, 0.2) 97.22%);
    --bdrop-ribbon-item-light-blue: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(42, 147, 192, 0.2) 50.52%, rgba(0, 179, 255, 0.2) 100%);
    --bdrop-ribbon-item-gold: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(191, 147, 31, 0.2) 54.17%, rgba(255, 185, 0, 0.2) 100%);
    --bdrop-ribbon-item-grey: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(177, 181, 206, 0.2) 49.12%, rgba(202, 208, 246, 0.2) 97.22%);
    --bdrop-ribbon-item-green: linear-gradient(360deg, rgba(35, 45, 59, 0) 0%, rgba(9, 133, 76, 0.3) 100%), #232d3b;
    --bdrop-tooltip: var(--general-blur-bg-blur-mid-35);
    --bdrop-desktop-nav: #c7c7ff;
    --bdrop-desktop-nav-hover: #e3e3e5;
    --bdrop-logo: var(--general-accident);
    --bdrop-theme-switcher-standoff: radial-gradient(162.53% 167.98% at -37.08% -37.97%, #ff7366 0%, rgba(255, 115, 102, 0) 100%);
    --bdrop-theme-switcher-genshin: radial-gradient(215.02% 221.63% at -74.23% -76.68%, #9cf 0%, rgba(153, 204, 255, 0) 100%);
    --bdrop-theme-switcher-pubg: radial-gradient(152.02% 157.03% at -29.17% -30.39%, #ffbb5c 0%, rgba(255, 187, 92, 0) 100%);
    --bdrop-theme-switcher-roblox: radial-gradient(152.02% 157.03% at -29.17% -30.39%, #d6ff5c 0%, rgba(113, 255, 89, 0) 100%);
    --bdrop-theme-switcher-placeholder-text-bg: var(--general-transparent-mid-35);
    --bdrop-theme-switcher-placeholder-text: var(--general-grey);
    --bdrop-balance-color: #ffc259;
    --bdrop-balance-arrow: #423e6b;
    --bdrop-bullpass-prize-cancel-open: linear-gradient(90deg, #e99e35 0%, #febf67 100%);
    --bdrop-bullpass-info-popup: #c7c7ff;
    --bdrop-case-bg: #2d2a4f;
    --bdrop-case-item-bg: #252246;
    --bdrop-case-btn-bg: #2d2a4f;
    --bdrop-case-btn-bg-active: #ff4d55;
    --bdrop-case-btn-color: #e3e3e5;
    --bdrop-case-bg-hover: rgba(37, 34, 70, 0.25);
    --bdrop-horizontal-roulette-left-shadow: linear-gradient(-270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --bdrop-horizontal-roulette-right-shadow: linear-gradient(270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --bdrop-horizontal-roulette-bottom-shadow: linear-gradient(to bottom, transparent, #131129 95%);
    --bdrop-tooltip-second-color: var(--bdrop-balance-color);
    --bdrop-block-bg4: #2d2a4f;
    --bdrop-block-bg5: rgba(244, 233, 220, 0.2);
    --bdrop-block-bl: blur(20px);
    --bdrop-burger: #c7c7ff;
    --button-accident-content: #121212;
    --bdrop-lk-btn-active2: #ff4d55;
    --bdrop-sorter-color: #c7c7ff;
    --bdrop-check-bg: transparent;
    --bdrop-check: #c1c1c1;
    --bdrop-stattrack: #ffc259;
    --bdrop-price: #e3e3e5;
    --bdrop-price2: var(--bdrop-price);
    --bdrop-input-bg: rgba(0, 1, 5, 0.15);
    --bdrop-input-border: #423e6b;
    --bdrop-input-border-hover: #c7c7ff;
    --bdrop-input-color-hover: var(--general-white);
    --bdrop-input-border-focus: #afabc5;
    --bdrop-input-border-completed: var(--general-white);
    --bdrop-banner-btn: rgba(19, 17, 41, 0.66);
    --bdrop-link-active: #e1e1ff;
    --bdrop-checkbox-bg-active: #423e6b;
    --bdrop-checkbox-primary-bg-active: #3f80ff;
    --bdrop-checkbox-color: #e3e3e5;
    --bdrop-checkbox-border: #6e6794;
    --bdrop-popup-marked-color: #ffc259;
    --bdrop-popup-title: #3e404a;
    --bdrop-popup-verify-check-mark-background: #2c403b;
    --bdrop-popup-verify-check-mark-fill: #54d971;
    --bdrop-tab-color: #e3e3e5;
    --bdrop-tab-bg-active: #2d2a4f;
    --bdrop-tab-active-color: #afabc5;
    --bdrop-game-view: #2d2a4f;
    --bdrop-game-cell: #423e6b;
    --bdrop-game-color-hover: #363360;
    --bdrop-chat-btn2-hover: #423e6b;
    --bdrop-chat-header-bg: rgba(22, 23, 51, 0.75);
    --bdrop-chat-color: #c7c7ff;
    --bdrop-chat-accident-color: rgb(66, 130, 255);
    --bdrop-chat-red-color: rgb(255, 115, 102);
    --bdrop-chat-button-hover: rgba(199, 199, 255, 0.08);
    --bdrop-chat-button-active: rgba(199, 199, 255, 0.12);
    --bdrop-chat-color2: #e3e3e5;
    --bdrop-chat-input-button: rgb(75, 77, 91);
    --bdrop-chat-avatar: #1e1f45;
    --bdrop-chat-reply-bg: #423e6b;
    --bdrop-chat-separator: rgb(60, 56, 105);
    --bdrop-filter-shadow: #1a14144d;
    --bdrop-icons-color: #ff4d55;
    --bdrop-select-bg-hover: #363360;
    --bdrop-spinner: #ff1d5e;
    --bdrop-no-messages: #767699;
    --bdrop-input-button-svg-color: #c7c7ff;
    --general-linear-horiz: linear-gradient(270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --bdrop-red-prize: #e52a5b;
    --bdrop-pink-prize: #d766ed;
    --bdrop-violet-prize: #8a5ce5;
    --bdrop-blue-prize: #667fff;
    --bdrop-light-blue-prize: #209dd2;
    --bdrop-gold-prize: #e7a800;
    --bdrop-grey-prize: #666770;
    --bdrop-overlay: var(--general-transparent-dark-75);
    --bdrop-exchange-btn: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #6955f7 61%, #5d4afb 82.5%, #5141ff 100%);
    --bdrop-exhcange-btn-hover: linear-gradient(135deg, #a98bff -76%, #8b71fb 0.5%, #6955f7 68%, #5d4afb 82.5%, #5141ff 104%);
    --bdrop-exhcange-btn-active: linear-gradient(135deg, #a98bff -84%, #8b71fb -20%, #6955f7 80%, #5d4afb 89.5%, #5141ff 110%);
    --bdrop-exchange-event-rule: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #6955f7 61%, #5d4afb 82.5%, #5141ff 100%);
    --bdrop-exchange-event-rule-hover: linear-gradient(135deg, #a98bff 0%, #8b71fb 45.5%, #6955f7 70%, #5d4afb 84%, #5141ff 100%);
    --bdrop-exchange-event-rule-active: linear-gradient(135deg, #a98bff 0%, #8b71fb 17.5%, #6955f7 45%, #5d4afb 64%, #5141ff 100%);
    --bdrop-skrigal: linear-gradient(90deg, rgba(125, 118, 204, 0.2) 16.61%, rgba(125, 118, 204, 0) 97.65%);
    --bdrop-timer-item: #7d76cc33;
    --bdrop-main-scene-bg: linear-gradient(0deg, #131129 0%, rgba(19, 17, 41, 0) 100%);
    --bdrop-info-popup-title: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #5141ff 100%);
    --bdrop-dragon-blood-descr: linear-gradient(265.17deg, #ff9159 -15.56%, #993d3d 26.03%, #4d1f36 64.24%, #1c1c3a 97.1%);
    --bdrop-dragon-blood-descr-hover: linear-gradient(265.34deg, #ff9159 -3.41%, #993d3d 35.52%, #4d1f36 71.29%, #1c1c3a 102.04%);
    --bdrop-dragon-blood-descr-active: linear-gradient(265.34deg, #ff9159 -3.41%, #993d3d 35.52%, #4d1f36 71.29%, #1c1c3a 102.04%);
    --bdrop-exhcange-how-it-works: #c7c7ff;
    --bdrop-banner-merlin-bg: linear-gradient(94.94deg, #ff9159 -5.22%, #993d3d 19.65%, #4b1d30 56.41%, #1c1f3a 106.04%);
    --bdrop-input-bg: #161733;
    --bdrop-error: #ff7366;
    --bdrop-success: #5aed90;
    --bdrop-dragon-king-health: #dee2eb;
    --bdrop-boss-battle-border: rgba(149, 151, 161, 0.42);
    --bdrop-boss-battle-btn-bg: rgba(20, 20, 20, 0.35);
    --bdrop-contracts-skins-shadow: 0px 8px 6px 0px rgba(21, 22, 26, 0.25);
    --bdrop-contracts-win-controls: #23232959;
    --bdrop-contracts-win-stroke: #3e404a;
    --bdrop-contracts-skins-block: var(--general-transparent-dark-75);
    --bdrop-contracts-skins-header: var(--general-transparent-dark-75);
    --bdrop-contracts-empty: var(--general-transparent-dark-35);
    --bdrop-contracts-empty-icon: var(--general-transparent-mid-55);
    --bdrop-contracts-left-gradient: linear-gradient(90deg, #1a1b1f 0%, rgba(26, 27, 31, 0) 100%);
    --bdrop-contracts-right-gradient: linear-gradient(270deg, #1a1b1f 0%, rgba(26, 27, 31, 0) 100%);
    --bdrop-popup-bg: var(--general-underlay-3-lvl);
    --general-grey-light: #aeb3cc;
    --tab-menu-control-disabled: rgba(89, 89, 89, 0.12);
    --payment-background-disabled: var(--tab-menu-control-disabled);
    --general-transparent-dark-100-temp: #262626;
}
.bdrop-theme-roblox {
    background: var(--general-background);
    --general-bullcoin: #cacee0;
    --general-background: #19181b;
    --general-transparent-light-35: rgba(245, 245, 250, 0.35);
    --button-tonal-default: #36333b;
    --button-tonal-hover: #4f4b57;
    --button-tonal-pressed: #615c6b;
    --button-tonal-active: #e6e5eb;
    --button-tonal-disabled: #58565c1f;
    --general-grey: #857d91;
    --general-dark-grey: #524d5c;
    --general-grey-light: #b8aecc;
    --general-red: #ff595f;
    --general-transparent-mid-35: rgba(76, 73, 82, 0.35);
    --general-transparent-mid-55: rgba(85, 82, 92, 0.55);
    --general-transparent-dark-75: rgba(35, 34, 38, 0.75);
    --general-transparent-dark-95: rgba(35, 34, 38, 0.95);
    --general-transparent-dark-100: #242326;
    --general-blackout-blue-70: rgba(19, 17, 41, 0.76);
    --general-stroke: #423e4a;
    --button-ghost-active: rgba(132, 125, 145, 0.12);
    --button-ghost-hover: rgba(132, 125, 145, 0.08);
    --button-functional-default: #4282ff;
    --button-functional-hover: #528cff;
    --button-functional-pressed: #6b9dff;
    --button-functional-active: #3f80ff;
    --button-functional-disabled: rgba(86, 88, 82, 0.12);
    --button-accident-default: #c4ed5c;
    --button-accident-hover: #cff471;
    --button-accident-pressed: #d4f288;
    --button-accident-active: #c1ec55;
    --button-accident-disabled: rgba(86, 88, 92, 0.12);
    --general-underlay-1-lvl: #252329;
    --general-underlay-2-lvl: #2b2930;
    --general-underlay-3-lvl: #1e1d21;
    --functional-grey-transparent: rgba(81, 84, 103, 0.38);
    --functional-mint-transparent: rgba(31, 74, 57, 0.38);
    --functional-mint-additional: #5aed90;
    --functional-blue-additional: #47a6ff;
    --functional-mint: #36c971;
    --general-white: #dfdce4;
    --input-default: #17151a;
    --functional-yellow: #ffc654;
    --functional-red: #ff595f;
    --functional-purple: #ab80ff;
    --functional-purple-light: #c7abff;
    --functional-yellow-transparent: rgba(108, 88, 53, 0.38);
    --functional-red-transparent: rgba(100, 55, 50, 0.38);
    --functional-purple-transparent: rgba(77, 55, 119, 0.38);
    --functional-blue-transparent: rgba(40, 63, 105, 0.38);
    --new-colors-fade-horizontal-right: linear-gradient(270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --new-colors-fade-horizontal-left: linear-gradient(-270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --button-filled-default: #f5f5fa;
    --button-filled-disabled: rgba(86, 88, 92, 0.12);
    --button-filled-hover: rgba(245, 245, 250, 0.75);
    --button-filled-pressed: rgba(245, 245, 250, 0.75);
    --button-filled-active: #fff;
    --functional-grey-transparent-additional: rgba(85, 88, 103, 0.1);
    --tab-menu-control-background: rgba(132, 125, 145, 0.12);
    --general-blur-bg-blur-mid-35: rgba(73, 74, 82, 0.35);
    --general-disabled: #4e4c52;
    --button-outlined-stroke-default: #3e404a;
    --general-accident: #c4ed5c;
    --toggle-switch-off: rgba(125, 128, 145, 0.12);
    --toggle-switch-on: #4282ff;
    --button-text-default: #847d91;
    --button-text-hover: #f7f5fa;
    --button-text-disabled: rgba(88, 86, 92, 0.32);
    --button-text-2-default: #f7f5fa;
    --button-text-2-hover: #847d91;
    --button-text-2-disabled: #58565c;
    --button-outlined-fill-default: rgba(125, 128, 145, 0);
    --button-outlined-fill-hover: rgba(125, 128, 145, 0.08);
    --button-outlined-fill-pressed: rgba(125, 128, 145, 0.12);
    --bdrop-game-cell-active: var(--general-grey);
    --bdrop-footer-counter-bg: transparent;
    --bdrop-footer-counter-icon-color: var(--general-grey);
    --bdrop-case-btn-bg-hover: var(--general-red);
    --bdrop-footer-nav-color: var(--general-grey-light);
    --bdrop-case-amount-hover: var(--tab-menu-control-background);
    --bdrop-scroll-thumb: var(--general-transparent-mid-55);
    --bdrop-scroll-thumb-hover: var(--general-transparent-mid-35);
    --bdrop-chat-area: var(--general-underlay-3-lvl);
    --bdrop-ribbon-item-red: linear-gradient(0deg, rgba(37, 36, 40, 0.8) 0%, #cc2946 100%);
    --bdrop-ribbon-item-pink: linear-gradient(0deg, rgba(37, 36, 40, 0.8) 0%, #9a34b1 100%);
    --bdrop-ribbon-item-violet: linear-gradient(0deg, rgba(37, 36, 40, 0.8) 0%, #5c30b3 100%);
    --bdrop-ribbon-item-blue: linear-gradient(2deg, rgba(37, 36, 40, 0.8) 1.61%, #368ed6 98.42%);
    --bdrop-ribbon-item-gold: linear-gradient(0deg, rgba(37, 36, 40, 0.8) 0%, #c69519 100%);
    --bdrop-ribbon-item-grey: linear-gradient(0deg, rgba(77, 80, 92, 0.2) 0%, rgba(177, 181, 206, 0.2) 49.12%, rgba(202, 208, 246, 0.2) 97.22%);
    --bdrop-ribbon-item-green: linear-gradient(0deg, rgba(37, 36, 40, 0.8) 0%, #73b812 100%);
    --bdrop-tooltip: var(--general-blur-bg-blur-mid-35);
    --bdrop-desktop-nav: #c7c7ff;
    --bdrop-desktop-nav-hover: #e3e3e5;
    --bdrop-logo: var(--general-accident);
    --bdrop-theme-switcher-standoff: radial-gradient(162.53% 167.98% at -37.08% -37.97%, #ff7366 0%, rgba(255, 115, 102, 0) 100%);
    --bdrop-theme-switcher-genshin: radial-gradient(215.02% 221.63% at -74.23% -76.68%, #9cf 0%, rgba(153, 204, 255, 0) 100%);
    --bdrop-theme-switcher-pubg: radial-gradient(152.02% 157.03% at -29.17% -30.39%, #ffbb5c 0%, rgba(255, 187, 92, 0) 100%);
    --bdrop-theme-switcher-roblox: radial-gradient(152.02% 157.03% at -29.17% -30.39%, #d6ff5c 0%, rgba(113, 255, 89, 0) 100%);
    --bdrop-theme-switcher-placeholder-text-bg: var(--general-transparent-mid-35);
    --bdrop-theme-switcher-placeholder-text: var(--general-grey);
    --bdrop-balance-color: #ffc259;
    --bdrop-balance-arrow: #423e6b;
    --bdrop-bullpass-prize-cancel-open: linear-gradient(90deg, #543493 0%, #8a5ce5 100%);
    --bdrop-bullpass-info-popup: #c7c7ff;
    --bdrop-case-bg: #2d2a4f;
    --bdrop-case-item-bg: #252246;
    --bdrop-case-btn-bg: #2d2a4f;
    --bdrop-case-btn-bg-active: #ff4d55;
    --bdrop-case-btn-color: #e3e3e5;
    --bdrop-case-bg-hover: rgba(37, 34, 70, 0.25);
    --bdrop-horizontal-roulette-left-shadow: linear-gradient(-270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --bdrop-horizontal-roulette-right-shadow: linear-gradient(270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --bdrop-horizontal-roulette-bottom-shadow: linear-gradient(0deg, #1d1926 0%, rgba(29, 25, 38, 0) 80%);
    --bdrop-tooltip-second-color: var(--bdrop-balance-color);
    --bdrop-block-bg4: #2d2a4f;
    --bdrop-block-bg5: rgba(244, 233, 220, 0.2);
    --bdrop-block-bl: blur(20px);
    --bdrop-burger: #c7c7ff;
    --button-accident-content: #1e1d21;
    --bdrop-lk-btn-active2: #ff4d55;
    --bdrop-sorter-color: #c7c7ff;
    --bdrop-check-bg: transparent;
    --bdrop-check: #c1c1c1;
    --bdrop-stattrack: #ffc259;
    --bdrop-price: #e3e3e5;
    --bdrop-price2: var(--bdrop-price);
    --bdrop-input-bg: rgba(0, 1, 5, 0.15);
    --bdrop-input-border: #423e6b;
    --bdrop-input-border-hover: #c7c7ff;
    --bdrop-input-color-hover: var(--general-white);
    --bdrop-input-border-focus: #afabc5;
    --bdrop-input-border-completed: var(--general-white);
    --bdrop-banner-btn: rgba(19, 17, 41, 0.66);
    --bdrop-link-active: #e1e1ff;
    --bdrop-checkbox-bg-active: #423e6b;
    --bdrop-checkbox-primary-bg-active: #3f80ff;
    --bdrop-checkbox-color: #e3e3e5;
    --bdrop-checkbox-border: #6e6794;
    --bdrop-popup-marked-color: #ffc259;
    --bdrop-popup-title: #3e404a;
    --bdrop-popup-verify-check-mark-background: #2c403b;
    --bdrop-popup-verify-check-mark-fill: #54d971;
    --bdrop-tab-color: #e3e3e5;
    --bdrop-tab-bg-active: #2d2a4f;
    --bdrop-tab-active-color: #afabc5;
    --bdrop-game-view: #2d2a4f;
    --bdrop-game-cell: #423e6b;
    --bdrop-game-color-hover: #363360;
    --bdrop-chat-btn2-hover: #423e6b;
    --bdrop-chat-header-bg: rgba(22, 23, 51, 0.75);
    --bdrop-chat-color: #c7c7ff;
    --bdrop-chat-accident-color: rgb(66, 130, 255);
    --bdrop-chat-red-color: rgb(255, 115, 102);
    --bdrop-chat-button-hover: rgba(199, 199, 255, 0.08);
    --bdrop-chat-button-active: rgba(199, 199, 255, 0.12);
    --bdrop-chat-color2: #e3e3e5;
    --bdrop-chat-input-button: rgb(75, 77, 91);
    --bdrop-chat-avatar: #1e1f45;
    --bdrop-chat-reply-bg: #423e6b;
    --bdrop-chat-separator: rgb(60, 56, 105);
    --bdrop-filter-shadow: #16141a4d;
    --bdrop-icons-color: #ff4d55;
    --bdrop-select-bg-hover: #363360;
    --bdrop-spinner: #ff1d5e;
    --bdrop-no-messages: #767699;
    --bdrop-input-button-svg-color: #c7c7ff;
    --general-linear-horiz: linear-gradient(270deg, #1a1b1f 0%, rgba(29, 30, 35, 0) 100%);
    --bdrop-pink-prize: #ed65fc;
    --bdrop-violet-prize: #a869ff;
    --bdrop-blue-prize: #6ec0ff;
    --bdrop-red-prize: #ff5574;
    --bdrop-gold-prize: #ffc430;
    --bdrop-grey-prize: #666770;
    --bdrop-green-prize: #b4fa28;
    --bdrop-overlay: var(--general-transparent-dark-75);
    --bdrop-exchange-scene-bg: linear-gradient(0deg, #19181b 0%, rgba(25, 24, 27, 0) 99.99%, rgba(26, 27, 31, 0) 100%);
    --bdrop-exchange-btn: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #6955f7 61%, #5d4afb 82.5%, #5141ff 100%);
    --bdrop-exhcange-btn-hover: linear-gradient(135deg, #a98bff -76%, #8b71fb 0.5%, #6955f7 68%, #5d4afb 82.5%, #5141ff 104%);
    --bdrop-exhcange-btn-active: linear-gradient(135deg, #a98bff -84%, #8b71fb -20%, #6955f7 80%, #5d4afb 89.5%, #5141ff 110%);
    --bdrop-exchange-event-rule: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #6955f7 61%, #5d4afb 82.5%, #5141ff 100%);
    --bdrop-exchange-event-rule-hover: linear-gradient(135deg, #a98bff 0%, #8b71fb 45.5%, #6955f7 70%, #5d4afb 84%, #5141ff 100%);
    --bdrop-exchange-event-rule-active: linear-gradient(135deg, #a98bff 0%, #8b71fb 17.5%, #6955f7 45%, #5d4afb 64%, #5141ff 100%);
    --bdrop-skrigal: linear-gradient(90deg, rgba(125, 118, 204, 0.2) 16.61%, rgba(125, 118, 204, 0) 97.65%);
    --bdrop-timer-item: #7d76cc33;
    --bdrop-main-scene-bg: linear-gradient(0deg, #131129 0%, rgba(19, 17, 41, 0) 100%);
    --bdrop-info-popup-title: linear-gradient(135deg, #a98bff 0%, #8b71fb 27.5%, #5141ff 100%);
    --bdrop-dragon-blood-descr: linear-gradient(265.17deg, #ff9159 -15.56%, #993d3d 26.03%, #4d1f36 64.24%, #1c1c3a 97.1%);
    --bdrop-dragon-blood-descr-hover: linear-gradient(265.34deg, #ff9159 -3.41%, #993d3d 35.52%, #4d1f36 71.29%, #1c1c3a 102.04%);
    --bdrop-dragon-blood-descr-active: linear-gradient(265.34deg, #ff9159 -3.41%, #993d3d 35.52%, #4d1f36 71.29%, #1c1c3a 102.04%);
    --bdrop-exhcange-how-it-works: #c7c7ff;
    --bdrop-banner-merlin-bg: linear-gradient(94.94deg, #ff9159 -5.22%, #993d3d 19.65%, #4b1d30 56.41%, #1c1f3a 106.04%);
    --bdrop-input-bg: #161733;
    --bdrop-error: #ff7366;
    --bdrop-success: #5aed90;
    --bdrop-dragon-king-health: #dee2eb;
    --bdrop-boss-battle-border: rgba(149, 151, 161, 0.42);
    --bdrop-boss-battle-btn-bg: rgba(20, 20, 20, 0.35);
    --bdrop-contracts-skins-shadow: 0px 8px 6px 0px rgba(21, 22, 26, 0.25);
    --bdrop-contracts-win-controls: #23232959;
    --bdrop-contracts-win-stroke: #3e404a;
    --bdrop-contracts-skins-block: var(--general-transparent-dark-75);
    --bdrop-contracts-skins-header: var(--general-transparent-dark-75);
    --bdrop-contracts-empty: var(--general-transparent-dark-35);
    --bdrop-contracts-empty-icon: var(--general-transparent-mid-55);
    --bdrop-contracts-left-gradient: linear-gradient(90deg, #1a1b1f 0%, rgba(26, 27, 31, 0) 100%);
    --bdrop-contracts-right-gradient: linear-gradient(270deg, #1a1b1f 0%, rgba(26, 27, 31, 0) 100%);
    --bdrop-popup-bg: var(--general-underlay-3-lvl);
    --general-grey-light: #aeb3cc;
    --tab-menu-control-disabled: rgba(89, 89, 89, 0.12);
    --payment-background-disabled: var(--tab-menu-control-disabled);
    --general-transparent-dark-100-temp: #242326;
    --general-transparent-light-10: rgba(245, 245, 250, 0.1);
}
._page-content_cd7vq_24 {
    min-height: 100vh;
    /* padding-left: 80px; */
}
@media screen and (max-width: 1100px) {
    ._page-content_cd7vq_24 {
        padding-left: 0;
    }
}
[data-v-b8bc0f14]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-b8bc0f14]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-b8bc0f14]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-b8bc0f14]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.close-button[data-v-b8bc0f14] {
    cursor: pointer;
    position: absolute;
    right: 32px;
    top: 24px;
    padding: 0;
    background-color: transparent;
    outline: none;
    border: none;
}
.close-button svg[data-v-b8bc0f14] {
    width: 25px;
    fill: var(--general-white);
    transition: 0.25s;
}
[data-v-c8bde25f]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-c8bde25f]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-c8bde25f]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-c8bde25f]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.popup[data-v-c8bde25f] {
    position: relative;
    padding: 1.65rem 2rem 2rem;
    width: 460px;
    margin-top: 30px;
    background-color: var(--general-underlay-3-lvl);
    border-radius: 20px;
}
.popup-title[data-v-c8bde25f] {
    margin: 0;
}
.popup-header[data-v-c8bde25f] {
    width: 100%;
    align-items: center;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
    font-size: 2rem;
    color: var(--general-white);
}
@media screen and (max-width: 640px) {
    .popup-header[data-v-c8bde25f] {
        font-size: 1.25rem;
    }
}
.popup-body[data-v-c8bde25f] {
    width: 100%;
    color: var(--general-white);
}
[data-v-c181af41]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-c181af41]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-c181af41]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-c181af41]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.form-wrapper[data-v-c181af41] {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    z-index: 1200;
    width: 100%;
    background-color: #0f0f1554;
    -webkit-backdrop-filter: blur(19px);
    backdrop-filter: blur(19px);
    overflow: auto;
}
@media screen and (max-width: 500px) {
    .form-wrapper[data-v-c181af41] {
        height: 100dvh;
    }
}
.form-container[data-v-c181af41] {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}
[data-v-a4f9febc]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-a4f9febc]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-a4f9febc]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-a4f9febc]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
h3[data-v-a4f9febc] {
    margin: 0;
    font-size: 24px;
    text-align: left;
    letter-spacing: -0.01em;
    line-height: 28px;
}
[data-v-eca77af9]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-eca77af9]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-eca77af9]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-eca77af9]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.submit-button[data-v-eca77af9] {
    position: relative;
    display: block;
    width: 100%;
    margin: 24px auto auto;
    padding: 16px;
    border-radius: 10px;
    border: none;
    outline: none;
    font-size: 1rem;
    font-weight: 500;
    color: var(--button-accident-content);
    background-color: var(--button-accident-default);
    transition: 0.25s;
    text-align: center;
}
.submit-button[data-v-eca77af9]:not(.inactive):not(:disabled):hover {
    background-color: var(--button-accident-hover);
}
.submit-button[data-v-eca77af9]:not(.inactive):not(:disabled):active {
    background-color: var(--button-accident-active);
}
.submit-button[data-v-eca77af9]:disabled {
    color: var(--general-disabled);
    background-color: var(--button-accident-disabled);
}
.inactive[data-v-eca77af9] {
    cursor: not-allowed;
    background-color: var(--button-functional-disabled);
    opacity: 0.5;
}
.get_won_item[data-v-eca77af9] {
    background: var(--button-outlined-fill-default);
    border: 0.6px solid var(--button-outlined-stroke-default);
    color: var(--general-white);
}
.get_won_item[data-v-eca77af9]:hover {
    background-color: var(--button-outlined-fill-hover) !important;
}
.get_won_item[data-v-eca77af9]:active {
    background-color: var(--button-outlined-fill-active) !important;
}
[data-v-e4708f28]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-e4708f28]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-e4708f28]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-e4708f28]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.bullcoin-svg[data-v-e4708f28] {
    display: inline-flex !important;
    align-items: center !important;
    flex-direction: row;
    justify-content: center;
    position: relative;
    top: 0.125em;
    height: 1em;
}
.bullcoin-svg svg[data-v-e4708f28] {
    height: 1em;
}
[data-v-25bc5d1d]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-25bc5d1d]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-25bc5d1d]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-25bc5d1d]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.general-prize-modal-form[data-v-25bc5d1d] {
    width: 436px;
}
.general-prize-modal-info[data-v-25bc5d1d] {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    flex-direction: row;
    background: #2d2a4f;
    border-radius: 10px;
    color: var(--general-white);
    gap: 12px;
    line-height: 20px;
    margin-bottom: 24px;
}
.general-prize-modal-info[data-v-25bc5d1d] svg {
    flex: 0 0 20px;
    fill: var(--general-white);
}
.general-prize-modal-image[data-v-25bc5d1d] {
    width: 100%;
}
.general-prize-modal-prize[data-v-25bc5d1d] {
    text-align: center;
    color: #ffc259;
}
.general-prize-modal-button[data-v-25bc5d1d] {
    font-size: 14px;
    line-height: 16px;
}
[data-v-452b9536]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-452b9536]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-452b9536]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-452b9536]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.loading-spinner-container[data-v-452b9536],
.loading-spinner[data-v-452b9536] {
    display: block;
}
.loading-spinner-container[data-v-452b9536] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
}
.loading-spinner[data-v-452b9536] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    border-right: 2px solid transparent;
    border-bottom: 2px solid transparent;
    animation: spin-452b9536 0.5s infinite linear;
}
@keyframes spin-452b9536 {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
[data-v-9d6207f5]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-9d6207f5]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-9d6207f5]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-9d6207f5]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.page-header[data-v-9d6207f5] {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    width: 100%;
    background-color: var(--general-transparent-dark-100);
    padding: 0;
    border-bottom: 0.6px solid var(--general-stroke);
    padding-top: env(safe-area-inset-top, 68px) !important;
}
.inner-container[data-v-9d6207f5] {
    display: flex;
    justify-content: space-between;
    padding-left: 80px;
    padding-right: 60px;
    align-items: center;
    height: 68px;
    margin: auto;
}
@media screen and (max-width: 1300px) {
    .inner-container[data-v-9d6207f5] {
        padding: 0 25px;
    }
}
@media screen and (max-width: 475px) {
    .inner-container[data-v-9d6207f5] {
        padding: 0 16px;
    }
}
.left-side[data-v-9d6207f5],
.right-side[data-v-9d6207f5] {
    display: flex;
    align-items: center;
    justify-content: center;
}
.center-side[data-v-9d6207f5] {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.right-side[data-v-9d6207f5] {
    position: relative;
    min-width: 40px;
}
[data-v-8020b8a3]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-8020b8a3]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-8020b8a3]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-8020b8a3]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.pc[data-v-8020b8a3] {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 1300px) {
    .pc[data-v-8020b8a3] {
        display: none;
    }
}
[data-v-bb82f345]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-bb82f345]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-bb82f345]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-bb82f345]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.pc-and-tablet[data-v-bb82f345] {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width: 800px) {
    .pc-and-tablet[data-v-bb82f345] {
        display: none;
    }
}
[data-v-f8fe7f61]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-f8fe7f61]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-f8fe7f61]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-f8fe7f61]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.mobile[data-v-f8fe7f61] {
    display: none;
}
@media screen and (max-width: 1300px) {
    .mobile[data-v-f8fe7f61] {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
[data-v-e5fec8e1]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-e5fec8e1]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-e5fec8e1]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-e5fec8e1]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.notification-button[data-v-e5fec8e1] {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
}
.notification-button:hover svg[data-v-e5fec8e1] {
    fill: #f0f0f1;
}
.notification-button svg[data-v-e5fec8e1] {
    width: 15px;
    fill: var(--general-grey);
    transition: all 0.25s;
}
.dot[data-v-e5fec8e1] {
    position: absolute;
    right: 7px;
    top: 2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ff4d55;
}
[data-v-fac84005]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-fac84005]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-fac84005]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-fac84005]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.volume-button[data-v-fac84005] {
    cursor: pointer;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30x;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
    margin-right: 12px;
}
.volume-button svg[data-v-fac84005] {
    width: 18px;
    fill: var(--general-grey);
    transform: 0.25s;
}
[data-v-ed5fead3]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-ed5fead3]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-ed5fead3]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-ed5fead3]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.balance-button[data-v-ed5fead3] {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    margin: 0 25px;
    padding: 0 20px;
    border-radius: 10px;
    background: var(--button-outlined-fill-default);
    border: 1px solid var(--general-stroke);
    outline: none !important;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--general-white);
    transition: 0.25s;
}
.balance-button[data-v-ed5fead3]:hover {
    background-color: var(--button-outlined-fill-hover);
}
.balance-button[data-v-ed5fead3]:active {
    background-color: var(--button-outlined-fill-pressed);
}
@media screen and (max-width: 800px) {
    .balance-button[data-v-ed5fead3] {
        margin: 0;
    }
}
@media screen and (max-width: 475px) {
    .balance-button[data-v-ed5fead3] {
        font-size: 14px;
        height: 32px;
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media screen and (max-width: 375px) {
    .balance-button[data-v-ed5fead3] {
        font-size: 12px;
        white-space: nowrap;
    }
}
.balance-button svg.plus-icon[data-v-ed5fead3] {
    fill: var(--general-white);
    width: 12px;
    margin-left: 5px;
}
.gain[data-v-ed5fead3] {
    animation: gain-ed5fead3 2s forwards;
}
.decrease[data-v-ed5fead3] {
    animation: decrease-ed5fead3 2s forwards;
}
@keyframes gain-ed5fead3 {
    0% {
        color: #00ff72;
        fill: #00ff72;
    }
    to {
        color: var(--bdrop-price2);
    }
}
@keyframes decrease-ed5fead3 {
    0% {
        color: red;
        fill: red;
    }
    to {
        color: var(--bdrop-price2);
    }
}
[data-v-300b393d]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-300b393d]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-300b393d]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-300b393d]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.avatar-wrapper[data-v-300b393d] {
    position: relative;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.frame[data-v-300b393d],
.avatar[data-v-300b393d] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.avatar[data-v-300b393d] {
    border-radius: 4px;
}
.frame[data-v-300b393d] {
    position: absolute;
    transform: scale(1.2);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
[data-v-f58fbbb1]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-f58fbbb1]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-f58fbbb1]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-f58fbbb1]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.burger-button[data-v-f58fbbb1] {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
}
@media screen and (max-width: 1300px) {
    .burger-button[data-v-f58fbbb1] {
        margin-left: 0;
    }
}
.burger-button svg[data-v-f58fbbb1] {
    width: 100%;
    fill: var(--general-white);
    transform: 0.25;
}
.active[data-v-f58fbbb1] {
    transform: rotate(180deg);
}
[data-v-9830a7ab]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-9830a7ab]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-9830a7ab]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-9830a7ab]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.burger-button-mobile[data-v-9830a7ab] {
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
}
@media screen and (max-width: 1300px) {
    .burger-button-mobile[data-v-9830a7ab] {
        margin-left: 0;
    }
}
@media screen and (max-width: 800px) {
    .burger-button-mobile[data-v-9830a7ab] {
        margin-left: 16px;
    }
}
@media screen and (max-width: 475px) {
    .burger-button-mobile[data-v-9830a7ab] {
        margin-left: 10px;
    }
}
.burger-button-mobile:hover svg[data-v-9830a7ab] {
    fill: var(--bdrop-desktop-nav-hover);
}
.burger-button-mobile svg[data-v-9830a7ab] {
    width: 100%;
    fill: var(--general-white);
    transform: 0.25;
}
[data-v-ca0d4cbd]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-ca0d4cbd]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-ca0d4cbd]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-ca0d4cbd]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.big-logo-link[data-v-ca0d4cbd] {
    margin-right: 16px;
}
svg[data-v-ca0d4cbd] {
    fill: var(--bdrop-logo);
}
[data-v-5f9d9946]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-5f9d9946]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-5f9d9946]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-5f9d9946]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.small-logo-link[data-v-5f9d9946] {
    margin-right: 20px;
}
svg[data-v-5f9d9946] {
    fill: var(--bdrop-logo);
}
[data-v-e874bf13]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-e874bf13]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-e874bf13]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-e874bf13]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.desktop-nav[data-v-e874bf13] {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
}
a[data-v-e874bf13],
button[data-v-e874bf13],
svg[data-v-e874bf13] {
    transition: 0.25s;
}
a[data-v-e874bf13],
button[data-v-e874bf13] {
    margin: 0 6px;
    padding: 0 16px;
    font-size: 0.875rem;
    color: #c7c7ff;
    letter-spacing: 0.01em;
    font-weight: 500;
    border-radius: 10px;
    color: var(--general-grey);
}
a svg[data-v-e874bf13],
button svg[data-v-e874bf13] {
    fill: var(--general-grey);
}
a[data-v-e874bf13]:not(.router-link-exact-active):hover,
button[data-v-e874bf13]:not(.router-link-exact-active):hover {
    background-color: var(--button-ghost-hover);
}
a:not(.router-link-exact-active):hover svg[data-v-e874bf13],
button:not(.router-link-exact-active):hover svg[data-v-e874bf13] {
    fill: var(--general-grey);
}
a[data-v-e874bf13] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
a[data-v-e874bf13]:hover {
    text-decoration: none;
}
button[data-v-e874bf13] {
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
}
svg[data-v-e874bf13] {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    fill: #c7c7ff;
}
.router-link-exact-active[data-v-e874bf13] {
    color: var(--general-white);
    background-color: var(--button-ghost-active);
}
.router-link-exact-active svg[data-v-e874bf13] {
    fill: var(--general-white);
}
[data-v-d1628a52]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-d1628a52]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-d1628a52]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-d1628a52]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.close-button[data-v-d1628a52] {
    padding-top: env(safe-area-inset-top, 68px);
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 10px;
    border: none;
    outline: none;
    background-color: transparent;
}
.close-button svg[data-v-d1628a52] {
    width: 25px;
    height: 25px;
    fill: var(--general-white);
}
[data-v-8419d056]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-8419d056]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-8419d056]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-8419d056]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.bubble_gum[data-v-8419d056] {
    color: #ff548d !important;
}
.sun_beams[data-v-8419d056] {
    color: #ffce5a !important;
}
.heaven_blue[data-v-8419d056] {
    color: #8fb2f7 !important;
}
.lavender[data-v-8419d056] {
    color: #bb96e0 !important;
}
.coral_reef[data-v-8419d056] {
    color: #fc7965 !important;
}
.olive_green[data-v-8419d056] {
    color: #ac6 !important;
}
.topaz[data-v-8419d056] {
    color: #57d9ce !important;
}
.admin[data-v-8419d056] {
    color: #ff4d55 !important;
}
.pacific_gradient_fallback[data-v-8419d056] {
    color: #2cd7ff !important;
}
.club_gradient_fallback[data-v-8419d056] {
    color: #ec60d0 !important;
}
.morning_gradient_fallback[data-v-8419d056] {
    color: #ffc298 !important;
}
.highest_standard_fallback[data-v-8419d056] {
    color: #ffcb66 !important;
}
.pacific_gradient[data-v-8419d056],
.club_gradient[data-v-8419d056],
.morning_gradient[data-v-8419d056],
.highest_standard[data-v-8419d056] {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pacific_gradient[data-v-8419d056] {
    background-image: linear-gradient(90deg, #2c6ef1 0%, #23f4f4 100%, #23f4f4 100%);
}
.club_gradient[data-v-8419d056] {
    background-image: linear-gradient(90deg, #9832ff 0%, #ff73a2 100%);
}
.morning_gradient[data-v-8419d056] {
    background-image: linear-gradient(90deg, #ff8473 0%, #ffe3ac 100%);
}
.highest_standard[data-v-8419d056] {
    background-image: linear-gradient(135deg, #ffcb66 48%, #ffe9bd, #ffcb66 52%);
    background-size: 1000% 100%;
    animation: highest_standard_animation-8419d056 100s linear infinite;
}
@keyframes highest_standard_animation-8419d056 {
    0% {
        background-position: 1000% 0;
    }
    to {
        background-position: -1000% 0;
    }
}
[data-v-89636202]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-89636202]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-89636202]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-89636202]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.nickname[data-v-89636202] {
    margin-bottom: 5px;
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--general-white);
    text-transform: uppercase;
}
[data-v-f5d917ed]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-f5d917ed]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-f5d917ed]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-f5d917ed]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.copy-button[data-v-f5d917ed] {
    cursor: pointer;
    margin-left: 5px;
    padding: 0;
    border: none;
    outline: none;
    background-color: transparent;
}
.copy-button:hover svg[data-v-f5d917ed] {
    fill: #e1e1ff;
}
.copy-button svg[data-v-f5d917ed] {
    width: 13px;
    fill: var(--general-white);
    transition: 0.25s;
}
[data-v-505c253a]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-505c253a]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-505c253a]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-505c253a]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.id[data-v-505c253a] {
    margin-top: 12px;
    color: var(--general-white);
    font-size: 0.875rem;
    text-transform: uppercase;
}
[data-v-b1767ed1]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-b1767ed1]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-b1767ed1]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-b1767ed1]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
@media screen and (min-width: 1301px) {
    .mobile[data-v-b1767ed1] {
        display: none;
    }
}
.user-data[data-v-b1767ed1] {
    display: flex;
    align-items: flex-start;
    margin-top: 24px;
    padding-left: 24px;
    line-height: 100%;
}
.menu-avatar[data-v-b1767ed1] {
    margin-right: 15px;
}
[data-v-72e8b1ef]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-72e8b1ef]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-72e8b1ef]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-72e8b1ef]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
a[data-v-72e8b1ef],
button[data-v-72e8b1ef],
svg[data-v-72e8b1ef] {
    transition: 0.25s;
}
a[data-v-72e8b1ef],
button[data-v-72e8b1ef] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13px 0 13px 24px;
    font-size: 0.875rem;
    color: var(--general-white);
    font-weight: 500;
    background-color: transparent;
    border: none;
    outline: none;
    text-decoration: none;
    gap: 8px;
}
a.active[data-v-72e8b1ef],
a[data-v-72e8b1ef]:hover,
button.active[data-v-72e8b1ef],
button[data-v-72e8b1ef]:hover {
    background: var(--button-ghost-active);
}
[data-v-7fe500b6]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-7fe500b6]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-7fe500b6]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-7fe500b6]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.desktop-language[data-v-7fe500b6] {
    position: relative;
}
.desktop-language-menu[data-v-7fe500b6] {
    padding: 16px 0;
    border-radius: 10px;
    background-color: var(--general-transparent-dark-75);
    width: 240px;
    position: absolute;
    left: -250px;
    top: -16px;
}
a[data-v-7fe500b6],
button[data-v-7fe500b6],
svg[data-v-7fe500b6] {
    transition: 0.25s;
}
a[data-v-7fe500b6],
button[data-v-7fe500b6] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13px 0 13px 24px;
    font-size: 0.875rem;
    color: var(--general-white);
    font-weight: 500;
    background-color: transparent;
    border: none;
    outline: none;
    text-decoration: none;
    gap: 8px;
    border-radius: 14px;
}
a[data-v-7fe500b6]:hover,
button[data-v-7fe500b6]:hover {
    background: var(--button-ghost-active);
}
[data-v-e0a83a65]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-e0a83a65]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-e0a83a65]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-e0a83a65]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.desktop-language-menu[data-v-e0a83a65] {
    padding: 16px 0;
    border-radius: 10px;
    background-color: var(--general-transparent-dark-75);
    width: 240px;
    position: absolute;
    left: -250px;
    top: -16px;
}
a[data-v-e0a83a65],
button[data-v-e0a83a65],
svg[data-v-e0a83a65] {
    transition: 0.25s;
}
a[data-v-e0a83a65],
button[data-v-e0a83a65] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13px 0 13px 24px;
    font-size: 0.875rem;
    color: var(--general-white);
    font-weight: 500;
    background-color: transparent;
    border: none;
    outline: none;
    text-decoration: none;
    gap: 8px;
}
a[data-v-e0a83a65]:hover,
button[data-v-e0a83a65]:hover {
    background: var(--button-ghost-active);
}
[data-v-24c142d2]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-24c142d2]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-24c142d2]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-24c142d2]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.toggle[data-v-24c142d2] {
    cursor: pointer;
    flex-shrink: 0;
    width: 52px;
    height: 32px;
    padding: 5px;
    border-radius: 20px;
    background-color: var(--toggle-switch-off);
    transition: 0.25s;
}
.toggle:hover .circle[data-v-24c142d2] {
    opacity: 0.75;
}
.toggle .circle[data-v-24c142d2] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: var(--general-white);
    transition: 0.25s;
}
.toggle input[type="checkbox"][data-v-24c142d2] {
    display: none;
}
.checked[data-v-24c142d2] {
    background-color: var(--toggle-switch-on);
}
.checked .circle[data-v-24c142d2] {
    transform: translate(20px);
}
._volume_1x8l0_24 {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 24px;
}
._label_1x8l0_32 {
    display: flex;
    gap: 8px;
    color: var(--general-white);
    font-size: 0.875rem;
}
._label_1x8l0_32 svg {
    fill: var(--general-white);
}
[data-v-f255695c]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-f255695c]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-f255695c]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-f255695c]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.controls[data-v-f255695c] {
    margin-top: 16px;
    padding-top: env(safe-area-inset-top, 68px);
}
a[data-v-f255695c],
button[data-v-f255695c],
svg[data-v-f255695c] {
    transition: 0.25s;
}
a[data-v-f255695c],
button[data-v-f255695c],
.volume[data-v-f255695c] {
    position: relative;
    display: flex;
    align-items: center;
    width: 95%;
    margin: auto;
    padding: 13px 0 13px 24px;
    font-size: 0.875rem;
    color: var(--general-white);
    font-weight: 500;
    background-color: transparent;
    border: none;
    outline: none;
    text-decoration: none;
    border-radius: 14px;
}
@media screen and (max-width: 1300px) {
    a[data-v-f255695c],
    button[data-v-f255695c],
    .volume[data-v-f255695c] {
        width: 100%;
    }
}
a[data-v-f255695c]:hover,
button[data-v-f255695c]:hover,
.volume[data-v-f255695c]:hover {
    background: var(--button-ghost-active);
}
svg[data-v-f255695c] {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    fill: var(--general-white);
}
.desktop[data-v-f255695c] {
    width: 95%;
    margin: auto;
}
@media screen and (max-width: 1300px) {
    .desktop[data-v-f255695c] {
        display: none !important;
    }
}
@media screen and (min-width: 1301px) {
    .mobile[data-v-f255695c] {
        display: none;
    }
}
.chapter[data-v-f255695c] {
    font-size: 12px;
    color: var(--general-white);
    margin-top: 25px;
    margin-bottom: 8px;
    padding-left: 24px;
}
.dot[data-v-f255695c] {
    position: absolute;
    left: 12px;
    top: 16px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #ff4d55;
}
[data-v-7aa5f883]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-7aa5f883]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-7aa5f883]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-7aa5f883]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.menu[data-v-7aa5f883] {
    position: absolute;
    right: 56px;
    top: calc(100% + 5px);
    color: #afabc5;
    background-color: var(--general-transparent-dark-35);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    transition: all 0.1s linear;
    border-radius: 20px;
    transform: translateX(-200%);
    display: none;
}


.menu[data-v-7aa5f883].active{
    transform: translateX(0%);
}

@media screen and (max-width: 1300px) {
    .menu[data-v-7aa5f883] {
        right: auto;
        left: 0;
        top: 0;
        width: 100%;
        height: 100dvh;
        background-color: #00000059;
        display: block;
    }
}
.inner-container[data-v-7aa5f883] {
    display: flex;
    flex-direction: column;
    width: 311px;
    border-radius: 15px;
    background: var(--general-transparent-dark-75);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    box-shadow: 2px 4px 10px #14161a4d;
    padding-bottom: 20px;
}
@media screen and (max-width: 1300px) {
    .inner-container[data-v-7aa5f883] {
        width: 320px;
        height: 100%;
        border-radius: 0;
        overflow: auto;
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px);
    }
    .inner-container[data-v-7aa5f883]::-webkit-scrollbar {
        display: none;
    }
}
@media screen and (min-width: 1301px) {
    .hidden-on-pc[data-v-7aa5f883] {
        display: none;
    }
}
.login-button {
    cursor: pointer;
    height: 48px;
    padding: 10px 20px;
    border-radius: 10px;
    background-color: var(--button-accident-default);
    border: none;
    outline: none !important;
    font-size: 1rem;
    font-weight: 500;
    color: var(--button-accident-content);
    letter-spacing: -1%;
    transition: 0.25s;
}
.login-button:hover {
    background-color: var(--button-accident-hover);
}
@media screen and (max-width: 1100px) {
    .login-button {
        margin: 0;
    }
}
.login-button svg {
    width: 8px;
    margin-left: 5px;
    fill: #c7c7ff;
}
[data-v-8dc2af46]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-8dc2af46]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-8dc2af46]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-8dc2af46]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.themes[data-v-8dc2af46] {
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    display: flex;
    border-radius: 10px;
    overflow: hidden;
}
.themes__title[data-v-8dc2af46] {
    max-width: 100px;
    line-height: 24px;
}
.themes__item[data-v-8dc2af46] {
    position: relative;
    background: var(--general-transparent-mid-35);
    width: 100%;
    line-height: 1.125rem;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s linear;
    overflow: hidden;
}
.themes__item + .themes__item--sm[data-v-8dc2af46] {
    margin-left: 10px;
}
.themes__item + .themes__item--md[data-v-8dc2af46] {
    margin-left: 16px;
}
.themes__item[data-v-8dc2af46]:hover {
    filter: saturate(1.3);
}
.themes__item:hover .card__img[data-v-8dc2af46] {
    transform: scale(1.1);
}
.themes__item .card__img[data-v-8dc2af46] {
    position: absolute;
    right: 0;
    bottom: 0;
    transition: all 0.2s linear;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
}
.themes__item .card__img--standoff[data-v-8dc2af46] {
    background-image: url(/assets/switcher-2f4db949.png);
}
.themes__item .card__img--genshin[data-v-8dc2af46] {
    background-image: url(/assets/switcher-81db23b8.png);
}
.themes__item .card__img--pubg[data-v-8dc2af46] {
    background-image: url(/assets/switcher-1bb899a3.png);
}
.themes__item .card__img--roblox[data-v-8dc2af46] {
    background-image: url(/assets/switcher-d5b083a2.png);
}
.themes__item .card__img--sm[data-v-8dc2af46] {
    width: 112px;
    height: 119px;
}
.themes__item .card__img--md[data-v-8dc2af46] {
    width: 162px;
    height: 169px;
    right: 6%;
}
@media screen and (max-width: 475px) {
    .themes__item .card__img--md[data-v-8dc2af46] {
        right: 0;
    }
}
@media screen and (max-width: 360px) {
    .themes__item .card__img--md[data-v-8dc2af46] {
        width: 112px;
        height: 119px;
    }
}
.themes__item--sm[data-v-8dc2af46] {
    width: 120px;
    height: 153px;
    font-size: 16px;
}
.themes__item--md[data-v-8dc2af46] {
    width: 100%;
    height: 208px;
    font-size: 20px;
}
@media screen and (max-width: 360px) {
    .themes__item--md[data-v-8dc2af46] {
        width: 100%;
        height: 153px;
        font-size: 16px;
    }
}
.themes__placeholder[data-v-8dc2af46] {
    display: none;
}
.themes__wrapper[data-v-8dc2af46] {
    width: 100%;
    height: 100%;
}
.themes__wrapper--sm[data-v-8dc2af46] {
    padding: 8px;
}
.themes__wrapper--md[data-v-8dc2af46] {
    padding: 10px;
}
.themes .standoff[data-v-8dc2af46] {
    background: var(--bdrop-theme-switcher-standoff);
}
.themes .genshin[data-v-8dc2af46] {
    background: var(--bdrop-theme-switcher-genshin);
}
.themes .pubg[data-v-8dc2af46] {
    background: var(--bdrop-theme-switcher-pubg);
}
.themes .roblox[data-v-8dc2af46] {
    background: var(--bdrop-theme-switcher-roblox);
}
@media screen and (max-width: 550px) {
    .themes[data-v-8dc2af46] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 16px;
        grid-column-gap: 16px;
    }
    .themes--sm[data-v-8dc2af46] {
        grid-row-gap: 10px;
        grid-column-gap: 10px;
    }
    .themes__item[data-v-8dc2af46] {
        margin: auto;
    }
    .themes__item + .themes__item--sm[data-v-8dc2af46] {
        margin-left: 0;
    }
    .themes__item + .themes__item--md[data-v-8dc2af46] {
        margin-left: 0;
    }
    .themes__placeholder[data-v-8dc2af46] {
        display: flex;
        justify-content: center;
        border-radius: 10px;
        background: var(--general-underlay-2-lvl);
        align-items: center;
        padding: 5px;
    }
    .themes__placeholder__text[data-v-8dc2af46] {
        background: var(--bdrop-theme-switcher-placeholder-text-bg);
        opacity: 0.6;
        border-radius: 8px;
        max-width: 115px;
        width: 100%;
        text-align: center;
        font-size: 12px;
        padding: 6px 10px;
        color: var(--bdrop-theme-switcher-placeholder-text);
    }
}
.choosenCard[data-v-8dc2af46] {
    filter: saturate(1.3);
}
.choosenCard .card__img[data-v-8dc2af46] {
    transform: scale(1.1);
}
.choosenCardNone[data-v-8dc2af46] {
    background-color: #000;
    opacity: 0.2;
}
[data-v-994a3c38]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-994a3c38]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-994a3c38]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-994a3c38]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.wrapper[data-v-994a3c38] {
    margin-right: 28px;
    position: relative;
}
@media screen and (max-width: 475px) {
    .wrapper[data-v-994a3c38] {
        margin-left: -10px;
        margin-right: 16px;
    }
}
.button[data-v-994a3c38] {
    transition: background 0.25s linear;
    font-weight: 500;
    background: var(--button-tonal-default);
    border: 0;
    color: var(--general-white);
    border-radius: 10px;
    white-space: nowrap;
    position: relative;
    height: 40px;
    padding: 0 35px 0 16px;
    text-overflow: ellipsis;
    overflow: hidden;
}
@media screen and (max-width: 475px) {
    .button[data-v-994a3c38] {
        font-size: 14px;
        width: 106px;
        height: 32px;
    }
}
@media (hover: hover) {
    .button[data-v-994a3c38]:hover {
        background: var(--button-tonal-hover);
    }
}
.arrow[data-v-994a3c38] {
    fill: var(--general-white);
    margin-left: 11px;
    transition: transform 0.2s linear;
    position: absolute;
    right: 16px;
    width: 12px;
    top: 16px;
}
@media screen and (max-width: 475px) {
    .arrow[data-v-994a3c38] {
        top: 12px;
    }
}
.arrow--up[data-v-994a3c38] {
    transform: rotate(180deg);
}
.theme-enter-from,
.theme-leave-to {
    opacity: 0;
    transform: translateY(15px);
}
.theme-enter-active,
.theme-leave-active {
    transition: 0.25s;
}
._themes_zvupe_24 {
    box-shadow: 2px 4px 10px #1311294d;
    position: absolute;
    margin-top: 12px;
    padding: 8px;
    background: var(--general-transparent-dark-75);
}
@media screen and (max-width: 1200px) {
    ._themes_zvupe_24 {
        padding: 10px;
    }
}
@media screen and (max-width: 475px) {
    ._themes_zvupe_24 {
        left: -36%;
    }
}
._overlay_sa9lg_24 {
    background: var(--general-transparent-dark-75);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
._overlay_c4l85_2 {
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}
._popup_txic8_24 {
    background: var(--general-underlay-1-lvl);
    border-radius: 20px;
    padding: 24px;
    color: var(--general-white);
    position: relative;
}
._close_txic8_32 {
    position: absolute;
    right: 20px;
    top: 24px;
    cursor: pointer;
    fill: var(--general-grey);
    transition: fill linear 0.05s;
}
._close_txic8_32:hover {
    fill: var(--general-white);
}
._popup_b31s0_24 {
    max-width: 671px;
    width: 100%;
}
@media screen and (max-width: 475px) {
    ._popup_b31s0_24 {
        max-width: 384px;
        margin: 0 20px;
    }
}
._header_b31s0_35 {
    font-size: 24px;
    line-height: 28px;
    padding-right: 30px;
}
._caption_b31s0_41 {
    font-size: 16px;
    margin-top: 12px;
    line-height: 16px;
}
._items_b31s0_47,
._button_b31s0_51 {
    margin-top: 24px;
}
[data-v-f10f4365]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-f10f4365]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-f10f4365]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-f10f4365]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
a[data-v-f10f4365] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    transition: background-color 0.2s linear;
}
a[data-v-f10f4365]:not(:last-of-type) {
    margin-bottom: 12px;
}
a[data-v-f10f4365]:hover {
    background-color: var(--button-tonal-hover);
}
a:hover svg[data-v-f10f4365] {
    fill: var(--general-white);
}
a.router-link-exact-active[data-v-f10f4365] {
    background: var(--general-accident);
}
a.router-link-exact-active svg[data-v-f10f4365] {
    fill: var(--button-accident-content);
}
a svg[data-v-f10f4365] {
    width: 24px;
    fill: var(--general-dark-grey);
    transition: 0.25s;
}
.game-links[data-v-f10f4365] {
    position: relative;
    height: 100%;
}
.game-links-inner[data-v-f10f4365] {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--general-transparent-dark-75);
    border-radius: 20px;
    padding: 12px;
    width: 100%;
    border: 0.6px solid var(--general-stroke);
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.game-links-inner[data-v-f10f4365]::-webkit-scrollbar {
    display: none;
    width: 3px;
    border-radius: 5px;
}
.game-links-inner[data-v-f10f4365]::-webkit-scrollbar-track {
    background-color: transparent;
    margin: 20px 0;
}
.game-links-inner[data-v-f10f4365]::-webkit-scrollbar-thumb {
    background-color: #423e6b;
}
.game-links-inner[data-v-f10f4365]::-webkit-scrollbar-thumb:hover {
    background-color: #4c477b;
}
.game-name[data-v-f10f4365] {
    position: absolute;
    z-index: 1000;
    left: 70px;
    transform: translateY(-50%);
    width: 100px;
    padding: 8px;
    border-radius: 10px;
    background-color: var(--general-transparent-mid-55);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    font-size: 0.8125rem;
    color: var(--general-white);
    text-align: center;
    box-shadow: 0 5px 5px #00000040;
}
.game-name-enter-from[data-v-f10f4365],
.game-name-leave-to[data-v-f10f4365] {
    opacity: 0;
    transform: translate(20px, -50%);
}
.game-name-enter-active[data-v-f10f4365],
.game-name-leave-active[data-v-f10f4365] {
    transition: 0.15s;
}
._side-panel_jtsnj_24 {
    position: fixed;
    top: 50%;
    top: max(200px, 50%);
    left: 16px;
    z-index: 10;
    height: 70vh;
    max-height: 480px;
    width: 64px;
    transform: translateY(-50%);
}
@media screen and (max-height: 830px) {
    ._side-panel_jtsnj_24 {
        top: calc(50% + 100px);
    }
}
._side-panel_jtsnj_24._stopped_jtsnj_40 {
    position: absolute;
    top: unset;
    bottom: 450px;
    transform: none;
}
@media screen and (max-width: 1100px) {
    ._side-panel_jtsnj_24 {
        transform: translate(-100%);
        opacity: 0;
    }
}
[data-v-c9a4d609]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-c9a4d609]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-c9a4d609]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-c9a4d609]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.ribbon[data-v-c9a4d609],
.ribbon-inner-container[data-v-c9a4d609] {
    position: relative;
}
.ribbon[data-v-c9a4d609] {
    display: flex;
    height: 132px;
}
.ribbon[data-v-c9a4d609]:after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 15%;
    background-image: var(--general-linear-horiz);
}
.ribbon-inner-wrapper[data-v-c9a4d609] {
    overflow: hidden;
}
.ribbon-bunch-container[data-v-c9a4d609],
.ribbon-items-container[data-v-c9a4d609] {
    display: flex;
}
.ribbon-bunch-container[data-v-c9a4d609] {
    position: absolute;
    left: 0;
    top: 0;
    height: 120px;
    transform: translate(-100%);
}
.ribbon-items-container[data-v-c9a4d609] {
    width: 99999px;
}
.hidden[data-v-c9a4d609] {
    display: none;
}
[data-v-b2d19671]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-b2d19671]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-b2d19671]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-b2d19671]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.bar[data-v-b2d19671] {
    position: absolute;
    left: 50%;
    top: 0;
    height: 4px;
    width: 72px;
    border-radius: 10px;
    transform: translate(-50%);
}
.red-bar[data-v-b2d19671] {
    background-color: var(--bdrop-red-prize);
    box-shadow: 0 0 20px var(--bdrop-red-prize);
}
.pink-bar[data-v-b2d19671] {
    background-color: var(--bdrop-pink-prize);
    box-shadow: 0 0 20px var(--bdrop-pink-prize);
}
.violet-bar[data-v-b2d19671] {
    background-color: var(--bdrop-violet-prize);
    box-shadow: 0 0 20px var(--bdrop-violet-prize);
}
.blue-bar[data-v-b2d19671] {
    background-color: var(--bdrop-blue-prize);
    box-shadow: 0 0 20px var(--bdrop-blue-prize);
}
.light-blue-bar[data-v-b2d19671] {
    background-color: var(--bdrop-light-blue-prize);
    box-shadow: 0 0 20px var(--bdrop-light-blue-prize);
}
.gold-bar[data-v-b2d19671] {
    background-color: var(--bdrop-gold-prize);
    box-shadow: 0 0 20px var(--bdrop-gold-prize);
}
.green-bar[data-v-b2d19671] {
    background-color: var(--bdrop-green-prize);
    box-shadow: 0 0 20px var(--bdrop-green-prize);
}
.grey-bar[data-v-b2d19671] {
    background-color: var(--bdrop-grey-prize);
    box-shadow: 0 0 20px var(--bdrop-grey-prize);
}
[data-v-78efdb44]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-78efdb44]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-78efdb44]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-78efdb44]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.nickname-block[data-v-78efdb44] {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    color: var(--general-transparent-light-35);
    transition: 0.25s;
}
[data-v-e04c918c]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-e04c918c]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-e04c918c]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-e04c918c]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.avatar[data-v-e04c918c] {
    display: none;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    border-radius: 4px;
    background-color: #bfbfff40;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
[data-v-b444526f]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-b444526f]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-b444526f]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-b444526f]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.item-image[data-v-b444526f] {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 65%;
    max-height: 65%;
    transform: translate(-50%, -50%);
    transition: 0.25s;
}
.lazyload[data-v-b444526f],
.lazyloading[data-v-b444526f] {
    opacity: 0;
}
.lazyloaded[data-v-b444526f] {
    opacity: 1;
    transition: opacity 0.25s;
}
[data-v-f4679561]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-f4679561]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-f4679561]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-f4679561]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.case-image[data-v-f4679561] {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 65%;
    max-height: 65%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: 0.25s;
}
[data-v-82954e13]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-82954e13]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-82954e13]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-82954e13]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.item-name-block[data-v-82954e13] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 1;
    color: var(--general-white);
    transition: 0.25s;
}
[data-v-f417d9f4]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-f417d9f4]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-f417d9f4]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-f417d9f4]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.item-type[data-v-f417d9f4] {
    font-size: 0.75rem;
    color: var(--general-transparent-light-35);
}
[data-v-a60fca8d]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-a60fca8d]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-a60fca8d]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-a60fca8d]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.stattrack[data-v-a60fca8d] {
    margin-right: 5px;
    color: #ffc259;
}
[data-v-b075a2b9]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-b075a2b9]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-b075a2b9]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-b075a2b9]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.case-name-block[data-v-b075a2b9] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 1;
    color: var(--general-white);
    opacity: 0;
    transition: 0.25s;
}
[data-v-fc35fdb9]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-fc35fdb9]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-fc35fdb9]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-fc35fdb9]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.case-name-label[data-v-fc35fdb9] {
    font-size: 0.75rem;
    color: var(--general-transparent-light-35);
}
[data-v-11dd0714]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-11dd0714]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-11dd0714]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-11dd0714]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.top-item-price[data-v-11dd0714] {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 16px;
    color: #ffc259;
    line-height: 1;
    border: 1px solid #ffc259;
    transition: 0.25s;
}
.crown[data-v-11dd0714],
.bullcoin[data-v-11dd0714] {
    fill: #ffc259;
}
.crown[data-v-11dd0714] {
    width: 15px;
    margin-right: 6px;
    transform: translateY(-1px);
}
.bullcoin[data-v-11dd0714] {
    width: 10px;
    margin-left: 6px;
}
[data-v-15482a9f]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-15482a9f]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-15482a9f]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-15482a9f]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.time-circle[data-v-15482a9f] {
    position: absolute;
    right: 10px;
    top: 16px;
    z-index: 1;
    width: 16px;
    height: 16px;
}
.white-scale[data-v-15482a9f],
.translucent-scale[data-v-15482a9f] {
    position: absolute;
    width: 100%;
    height: 100%;
    stroke-width: 15px;
    stroke-linecap: round;
    stroke-dasharray: var(--1425685a);
    fill: transparent;
    transition: 0.25s;
    transform: rotate(-90deg);
}
.white-scale[data-v-15482a9f] {
    stroke: var(--general-white);
}
.translucent-scale[data-v-15482a9f] {
    stroke: #e3e3e540;
    stroke-dashoffset: 0;
}
[data-v-b8111c0f]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-b8111c0f]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-b8111c0f]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-b8111c0f]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.item[data-v-b8111c0f] {
    cursor: pointer;
    position: relative;
    flex-shrink: 0;
    width: 170px;
    height: 130px;
    margin: 0 2px;
    border-radius: 12px;
    color: var(--general-white);
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
}
.item:hover .item-image[data-v-b8111c0f],
.item:hover .item-name-block[data-v-b8111c0f],
.item:hover .top-item-price[data-v-b8111c0f],
.item:hover .time-circle[data-v-b8111c0f] {
    opacity: 0 !important;
}
.item:hover .case-image[data-v-b8111c0f],
.item:hover .case-name-block[data-v-b8111c0f],
.item:hover .nickname-block[data-v-b8111c0f] {
    opacity: 1 !important;
}
.item:hover .nickname-block[data-v-b8111c0f] {
    color: var(--general-white) !important;
}
.item:hover .avatar[data-v-b8111c0f] {
    display: block;
}
.top-item[data-v-b8111c0f] {
    width: 210px;
}
.red-item[data-v-b8111c0f] {
    background: var(--bdrop-ribbon-item-red);
}
.pink-item[data-v-b8111c0f] {
    background: var(--bdrop-ribbon-item-pink);
}
.violet-item[data-v-b8111c0f] {
    background: var(--bdrop-ribbon-item-violet);
}
.blue-item[data-v-b8111c0f] {
    background: var(--bdrop-ribbon-item-blue);
}
.light-blue-item[data-v-b8111c0f] {
    background: var(--bdrop-ribbon-item-light-blue);
}
.gold-item[data-v-b8111c0f] {
    background: var(--bdrop-ribbon-item-gold);
}
.grey-item[data-v-b8111c0f] {
    background: var(--bdrop-ribbon-item-grey);
}
.green-item[data-v-b8111c0f] {
    background: var(--bdrop-ribbon-item-green);
}
[data-v-ba6c9180]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-ba6c9180]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-ba6c9180]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-ba6c9180]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.footer-legal[data-v-ba6c9180] {
    display: flex;
    gap: 48px;
}
.footer-legal-link[data-v-ba6c9180] {
    color: var(--general-grey);
    text-decoration: none;
}
.footer-legal-link[data-v-ba6c9180]:hover {
    filter: brightness(130%);
}
.footer-legal-link[data-v-ba6c9180]:active {
    filter: brightness(300%);
}
@media screen and (max-width: 1360px) {
    .footer-legal[data-v-ba6c9180] {
        justify-content: space-between;
    }
    .footer-legal-link[data-v-ba6c9180] {
        display: none;
    }
}
@media screen and (max-width: 395px) {
    .footer-legal-copyright[data-v-ba6c9180] {
        text-align: center;
    }
}
@media screen and (max-width: 395px) {
    .text[data-v-ba6c9180] {
        display: block;
    }
}
[data-v-cb082ae4]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-cb082ae4]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-cb082ae4]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-cb082ae4]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.footer-nav .footer-nav-column[data-v-cb082ae4] {
    display: flex;
    gap: 48px;
}
.footer-nav .legal-link[data-v-cb082ae4],
.footer-nav .social-links[data-v-cb082ae4] {
    display: none;
}
.footer-nav a[data-v-cb082ae4] {
    color: var(--general-grey);
    text-decoration: none;
}
.footer-nav a[data-v-cb082ae4]:hover {
    filter: brightness(130%);
}
.footer-nav a[data-v-cb082ae4]:active {
    filter: brightness(300%);
}
@media screen and (max-width: 1360px) {
    .footer-nav[data-v-cb082ae4] {
        display: flex;
        justify-content: space-between;
    }
    .footer-nav .legal-link[data-v-cb082ae4] {
        display: inline;
    }
    .footer-nav .footer-nav-column[data-v-cb082ae4] {
        min-width: 140px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
}
[data-v-2a85eff4]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-2a85eff4]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-2a85eff4]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-2a85eff4]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.stat-block[data-v-2a85eff4] {
    flex: 0 0;
    display: flex;
    gap: 12px;
}
@media screen and (max-width: 330px) {
    .stat-block[data-v-2a85eff4] {
        gap: 13px;
    }
}
.stat-block-icon[data-v-2a85eff4] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--bdrop-footer-counter-bg);
    border: 1px solid var(--general-stroke);
    border-radius: 10px;
    flex: 0 0 40px;
}
.stat-block-icon[data-v-2a85eff4] svg {
    height: 20px;
    fill: var(--bdrop-footer-counter-icon-color);
}
.stat-block-value[data-v-2a85eff4] {
    color: var(--general-white);
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.01em;
    white-space: nowrap;
}
.stat-block-name[data-v-2a85eff4] {
    color: var(--general-grey);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.01em;
    white-space: nowrap;
}
@media screen and (max-width: 360px) {
    .stat-block-name[data-v-2a85eff4],
    .stat-block-value[data-v-2a85eff4] {
        white-space: normal;
    }
}
[data-v-68eaee1e]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-68eaee1e]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-68eaee1e]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-68eaee1e]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.footer-stats[data-v-68eaee1e] {
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    gap: 25px;
    max-width: 1070px;
}
/* @media screen and (max-width: 1360px) {
    .footer-stats[data-v-68eaee1e] {
        justify-content: space-between;
        display: grid;
        grid-template-rows: repeat(2, auto);
        grid-template-columns: repeat(3, auto);
        grid-row-gap: 42px;
    }
}
@media screen and (max-width: 680px) {
    .footer-stats[data-v-68eaee1e] {
        display: grid;
        grid-template-rows: repeat(3, auto);
        grid-template-columns: repeat(2, auto);
        grid-row-gap: 42px;
    }
} */
[data-v-b9da047f]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-b9da047f]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-b9da047f]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-b9da047f]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.social-links-container[data-v-b9da047f] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    gap: 16px;
}
.social-link[data-v-b9da047f] {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    background-color: transparent;
    transition: 0.25s;
}
.social-link[data-v-b9da047f]:hover {
    background-color: var(--button-ghost-hover);
}
.social-link svg[data-v-b9da047f] {
    width: 20px;
    fill: var(--bdrop-footer-nav-color);
}
._scene_1lt3i_24 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 47%;
}
._case_1lt3i_33 {
    width: 53%;
    position: absolute;
    animation: _float_1lt3i_1 5s infinite ease-in-out;
    top: 10%;
}
._case-light_1lt3i_39 {
    animation: _float_1lt3i_1 5s infinite ease-in-out, _light_1lt3i_1 5s infinite ease-in-out;
}
._platform_1lt3i_43 {
    position: absolute;
    width: 100%;
    bottom: 0;
}
@keyframes _float_1lt3i_1 {
    0% {
        transform: translateY(7px);
    }
    25% {
        transform: translateY(-7px) rotate(-1deg);
    }
    50% {
        transform: translateY(7px);
    }
    75% {
        transform: translateY(-7px) rotate(1deg);
    }
    to {
        transform: translateY(7px);
    }
}
@keyframes _light_1lt3i_1 {
    0% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    75% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
[data-v-df021ccf]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-df021ccf]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-df021ccf]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-df021ccf]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.footer[data-v-df021ccf] {
    position: relative;
    display: flex;
    flex-direction: row;
    background-color: var(--general-underlay-1-lvl);
    border-radius: 20px 20px 0 0;
    color: var(--general-grey);
}
.footer-picture[data-v-df021ccf] {
    max-width: 569px;
    width: 30%;
    position: relative;
}
.footer-picture-canvas[data-v-df021ccf] {
    position: absolute;
    width: 100%;
    min-width: 475px;
    max-width: 700px;
    bottom: 0;
}
.footer-inner-wrapper[data-v-df021ccf] {
    padding: 50px 60px;
    width: calc(100vw - 32.07%);
    min-width: 1130px;
    max-width: 1800px;
}
.footer-inner-container[data-v-df021ccf] {
    display: grid;
    grid-template: "logo nav nav" 45px "stats stats stats" 45px "legal legal social" 45px/136px auto 150px;
    grid-row-gap: 66px;
    grid-column-gap: 48px;
}
.footer-logo[data-v-df021ccf] {
    grid-area: logo;
    fill: var(--general-grey);
    align-self: center;
}
.footer-legal[data-v-df021ccf] {
    grid-area: legal;
    align-self: center;
}
.footer-nav[data-v-df021ccf] {
    grid-area: nav;
    align-self: center;
}
.footer-stats[data-v-df021ccf] {
    grid-area: stats;
}
.footer-social[data-v-df021ccf] {
    grid-area: social;
    justify-self: end;
    align-self: center;
}
@media screen and (min-width: 1921px) {
    .footer[data-v-df021ccf] {
        justify-content: center;
    }
    .footer-picture[data-v-df021ccf] {
        width: 569px;
    }
}
@media screen and (max-width: 1360px) {
    .footer[data-v-df021ccf] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-inner-wrapper[data-v-df021ccf] {
        padding: 48px 62px 0;
        width: 100vw;
        min-width: unset;
    }
    .footer-inner-container[data-v-df021ccf] {
        grid-template: "logo nav" 36px "legal nav" auto "stats stats" auto/173px auto;
        grid-row-gap: 22px;
        grid-column-gap: 90px;
    }
    .footer-extra-info[data-v-df021ccf] {
        margin-top: 32px;
    }
    .footer-social[data-v-df021ccf] {
        display: none;
    }
    .footer-legal[data-v-df021ccf] {
        align-self: start;
    }
    .footer-stats[data-v-df021ccf] {
        margin-top: 20px;
    }
    .footer-picture[data-v-df021ccf] {
        margin-top: 32px;
        width: 475px;
        display: flex;
    }
    .footer-picture-canvas[data-v-df021ccf] {
        position: static;
    }
}
@media screen and (max-width: 680px) {
    .footer[data-v-df021ccf] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-inner-wrapper[data-v-df021ccf] {
        padding: 44px 41px 0;
        width: 100vw;
    }
    .footer-inner-container[data-v-df021ccf] {
        display: flex;
        flex-direction: column;
        align-items: center;
        grid-row-gap: 0;
        grid-column-gap: 0;
    }
    .footer-nav[data-v-df021ccf] {
        min-width: 100%;
    }
    .footer-stats[data-v-df021ccf] {
        min-width: 100%;
        margin-top: 44px;
    }
    .footer-logo[data-v-df021ccf] {
        margin-top: 48px;
        align-self: center;
    }
    .footer-logo[data-v-df021ccf] svg {
        fill: var(--general-grey);
    }
    .footer-legal[data-v-df021ccf] {
        margin-top: 26px;
        align-self: center;
    }
    .footer-social[data-v-df021ccf] {
        display: none;
    }
}
@media screen and (max-width: 400px) {
    .footer-picture-canvas[data-v-df021ccf] {
        min-width: auto;
    }
}
@media screen and (max-width: 400px) {
    .footer-inner-wrapper[data-v-df021ccf] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer-picture[data-v-df021ccf] {
        width: 375px;
    }
    .footer-picture-canvas[data-v-df021ccf] {
        position: static;
    }
}
@media screen and (max-width: 320px) {
    .footer-inner-wrapper[data-v-df021ccf] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .footer-picture[data-v-df021ccf] {
        width: 320px;
    }
    .footer-picture-canvas[data-v-df021ccf] {
        position: static;
    }
}
[data-v-e270ca17]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-e270ca17]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-e270ca17]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-e270ca17]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.close[data-v-e270ca17] {
    position: absolute;
    right: 10px;
    top: 10px;
}
.bottom-sheet-container[data-v-e270ca17] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    inset: 0 0 0 0;
    background-color: var(--bdrop-backdrop-sheet);
    z-index: 1000;
    background-color: #0f0f1554;
    -webkit-backdrop-filter: blur(19px);
    backdrop-filter: blur(19px);
}
.bottom-sheet[data-v-e270ca17] {
    position: absolute;
    background-color: var(--general-transparent-dark-75);
    border-radius: 12px 12px 0 0;
    bottom: 0;
    width: calc(100vw - 16px);
    max-width: 720px;
    z-index: 1000;
    transition: height 0.05s;
    padding-top: 14px;
}
.bottom-sheet-drag[data-v-e270ca17] {
    display: flex;
    width: 100%;
    height: 30px;
    justify-content: center;
    align-items: center;
}
.bottom-sheet-drag-marker[data-v-e270ca17] {
    background-color: var(--bdrop-sheet-drag);
    width: 32px;
    height: 6px;
    border-radius: 2px;
}
[data-v-4e4a75ca]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-4e4a75ca]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-4e4a75ca]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-4e4a75ca]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.notification[data-v-4e4a75ca] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 24px 16px;
    background: linear-gradient(92.11deg, rgba(72, 232, 184, 0.64) -12.88%, rgba(11, 158, 114, 0.64) 102.35%);
    box-sizing: border-box;
    position: fixed;
    right: 15px;
    top: 80px;
    z-index: 9999;
    width: 300px;
    border-radius: 10px;
    color: var(--general-white);
    overflow: hidden;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    box-shadow: 2px 4px 10px #1311294d;
}
@media screen and (max-width: 1300px) {
    .notification[data-v-4e4a75ca] {
        top: 60px;
    }
}
@media screen and (max-width: 425px) {
    .notification[data-v-4e4a75ca] {
        width: auto;
        right: 15px;
        left: 15px;
    }
}
.error[data-v-4e4a75ca] {
    background: linear-gradient(90deg, rgba(229, 42, 91, 0.64) 0%, rgba(148, 9, 46, 0.64) 126.98%);
}
.animate[data-v-4e4a75ca] {
    animation: disappear-animation-4e4a75ca ease forwards;
}
.animate[data-v-4e4a75ca]:hover {
    animation: none;
}
.notification-text[data-v-4e4a75ca] {
    margin-left: 12px;
}
.notification-icon[data-v-4e4a75ca] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bdrop-banner-btn);
    border-radius: 10px;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
}
.notification-icon svg[data-v-4e4a75ca] {
    fill: #fff;
}
.notification-icon-error[data-v-4e4a75ca] {
    width: 26px;
}
.notification-icon-success[data-v-4e4a75ca] {
    width: 16px;
}
.notification-close-button[data-v-4e4a75ca] {
    background-color: transparent;
    border: none;
    width: auto;
    height: auto;
    padding: 0;
    margin-left: auto;
}
.notification-close-button:hover svg[data-v-4e4a75ca] {
    fill: #fff;
}
.notification-close-button[data-v-4e4a75ca]:focus {
    outline: none;
}
@keyframes disappear-animation-4e4a75ca {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
[data-v-c61a67c1]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-c61a67c1]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-c61a67c1]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-c61a67c1]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.bar[data-v-c61a67c1] {
    position: absolute;
    left: 50%;
    top: 0;
    height: 4px;
    width: 72px;
    border-radius: 10px;
    transform: translate(-50%);
}
.red-bar[data-v-c61a67c1] {
    background-color: var(--bdrop-red-prize);
    box-shadow: 0 0 20px var(--bdrop-red-prize);
}
.pink-bar[data-v-c61a67c1] {
    background-color: var(--bdrop-pink-prize);
    box-shadow: 0 0 20px var(--bdrop-pink-prize);
}
.violet-bar[data-v-c61a67c1] {
    background-color: var(--bdrop-violet-prize);
    box-shadow: 0 0 20px var(--bdrop-violet-prize);
}
.blue-bar[data-v-c61a67c1] {
    background-color: var(--bdrop-blue-prize);
    box-shadow: 0 0 20px var(--bdrop-blue-prize);
}
.light-blue-bar[data-v-c61a67c1] {
    background-color: var(--bdrop-light-blue-prize);
    box-shadow: 0 0 20px var(--bdrop-light-blue-prize);
}
.gold-bar[data-v-c61a67c1] {
    background-color: var(--bdrop-gold-prize);
    box-shadow: 0 0 20px var(--bdrop-gold-prize);
}
.green-bar[data-v-c61a67c1] {
    background-color: var(--bdrop-green-prize);
    box-shadow: 0 0 20px var(--bdrop-green-prize);
}
.grey-bar[data-v-c61a67c1] {
    background-color: var(--bdrop-grey-prize);
    box-shadow: 0 0 20px #666770;
}
[data-v-f320ed54]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-f320ed54]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-f320ed54]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-f320ed54]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.image[data-v-f320ed54] {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 65%;
    max-height: 65%;
    transform: translate(-50%, -50%);
    transition: 0.25s;
}
[data-v-e4523fa7]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-e4523fa7]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-e4523fa7]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-e4523fa7]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.name-block[data-v-e4523fa7] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 1;
}
[data-v-ab5764fd]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-ab5764fd]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-ab5764fd]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-ab5764fd]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.type[data-v-ab5764fd] {
    font-size: 0.75rem;
    color: #bfbfff40;
}
[data-v-f981bee8]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-f981bee8]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-f981bee8]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-f981bee8]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.stattrack[data-v-f981bee8] {
    margin-right: 5px;
    color: #ffc259;
}
[data-v-ad77bae1]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-ad77bae1]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-ad77bae1]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-ad77bae1]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.price[data-v-ad77bae1] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
}
[data-v-e3cc6475]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-e3cc6475]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-e3cc6475]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-e3cc6475]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.reward-skin[data-v-e3cc6475] {
    position: relative;
    width: 100%;
    height: 230px;
    padding: 10px;
    border-radius: 12px;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
}
@media screen and (max-width: 834px) {
    .reward-skin[data-v-e3cc6475] {
        height: 122px;
    }
}
@media screen and (max-width: 475px) {
    .reward-skin[data-v-e3cc6475] {
        height: 117px;
    }
}
.red-skin[data-v-e3cc6475] {
    background: var(--bdrop-ribbon-item-red);
}
.pink-skin[data-v-e3cc6475] {
    background: var(--bdrop-ribbon-item-pink);
}
.violet-skin[data-v-e3cc6475] {
    background: var(--bdrop-ribbon-item-violet);
}
.blue-skin[data-v-e3cc6475] {
    background: var(--bdrop-ribbon-item-blue);
}
.light-blue-skin[data-v-e3cc6475] {
    background: var(--bdrop-ribbon-item-light-blue);
}
.gold-skin[data-v-e3cc6475] {
    background: var(--bdrop-ribbon-item-gold);
}
.grey-skin[data-v-e3cc6475] {
    background: var(--bdrop-ribbon-item-grey);
}
.green-skin[data-v-e3cc6475] {
    background: var(--bdrop-ribbon-item-green);
}
[data-v-d952d605]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-d952d605]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-d952d605]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-d952d605]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.general-exchanger-modal[data-v-d952d605] {
    background-color: #1a1b1d;
    overflow: hidden;
}
.general-exchanger-modal-form[data-v-d952d605] {
    width: 436px;
}
.general-exchanger-modal-info[data-v-d952d605] {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    flex-direction: row;
    background: var(--button-tonal-default);
    border-radius: 10px;
    color: var(--general-white);
    gap: 12px;
    line-height: 20px;
    margin-bottom: 24px;
}
.general-exchanger-modal-info[data-v-d952d605] svg {
    flex: 0 0 20px;
    fill: var(--general-white);
}
.general-exchanger-modal-image[data-v-d952d605] {
    width: 100%;
}
.general-exchanger-modal-prise[data-v-d952d605] {
    text-align: center;
    color: #ffc259;
}
.general-exchanger-modal-button[data-v-d952d605] {
    font-size: 14px;
    line-height: 16px;
}
.general-exchanger-modal .skin-wrapper[data-v-d952d605] {
    margin: 0 32px;
    width: auto;
}
.general-exchanger-modal .skin-wrapper[data-v-d952d605] .bar {
    width: 100px;
}
.general-exchanger-modal .ellipse[data-v-d952d605] {
    width: 1416px;
    height: 540px;
    position: absolute;
    margin: auto 0;
    border-radius: 1416px;
    background: rgba(255, 255, 255, 0.3);
    mix-blend-mode: overlay;
    filter: blur(160px);
}
[data-v-ed887fa7]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-ed887fa7]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-ed887fa7]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-ed887fa7]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.bar[data-v-ed887fa7] {
    position: absolute;
    left: 50%;
    top: 0;
    height: 4px;
    width: 72px;
    border-radius: 10px;
    transform: translate(-50%);
}
.red-bar[data-v-ed887fa7] {
    background-color: var(--bdrop-red-prize);
    box-shadow: 0 0 20px var(--bdrop-red-prize);
}
.pink-bar[data-v-ed887fa7] {
    background-color: var(--bdrop-pink-prize);
    box-shadow: 0 0 20px var(--bdrop-pink-prize);
}
.violet-bar[data-v-ed887fa7] {
    background-color: var(--bdrop-violet-prize);
    box-shadow: 0 0 20px var(--bdrop-violet-prize);
}
.blue-bar[data-v-ed887fa7] {
    background-color: var(--bdrop-blue-prize);
    box-shadow: 0 0 20px var(--bdrop-blue-prize);
}
.light-blue-bar[data-v-ed887fa7] {
    background-color: var(--bdrop-light-blue-prize);
    box-shadow: 0 0 20px var(--bdrop-light-blue-prize);
}
.gold-bar[data-v-ed887fa7] {
    background-color: var(--bdrop-gold-prize);
    box-shadow: 0 0 20px var(--bdrop-gold-prize);
}
.green-bar[data-v-ed887fa7] {
    background-color: var(--bdrop-green-prize);
    box-shadow: 0 0 20px var(--bdrop-green-prize);
}
.grey-bar[data-v-ed887fa7] {
    background-color: var(--bdrop-grey-prize);
    box-shadow: 0 0 20px var(--bdrop-grey-prize);
}
[data-v-c9ab0aa3]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-c9ab0aa3]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-c9ab0aa3]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-c9ab0aa3]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.image[data-v-c9ab0aa3] {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 65%;
    max-height: 65%;
    transform: translate(-50%, -50%);
    transition: 0.25s;
}
[data-v-f8815851]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-f8815851]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-f8815851]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-f8815851]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.name-block[data-v-f8815851] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 1;
}
[data-v-0c62f5da]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-0c62f5da]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-0c62f5da]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-0c62f5da]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.type[data-v-0c62f5da] {
    font-size: 0.75rem;
    color: #bfbfff40;
}
[data-v-44118283]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-44118283]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-44118283]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-44118283]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.stattrack[data-v-44118283] {
    margin-right: 5px;
    color: #ffc259;
}
[data-v-268db2c9]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-268db2c9]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-268db2c9]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-268db2c9]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.price[data-v-268db2c9] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 1;
}
[data-v-6f60f903]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-6f60f903]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-6f60f903]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-6f60f903]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.reward-skin[data-v-6f60f903] {
    position: relative;
    width: 100%;
    height: 150px;
    padding: 10px;
    border-radius: 12px;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
}
@media screen and (max-width: 834px) {
    .reward-skin[data-v-6f60f903] {
        height: 122px;
    }
}
@media screen and (max-width: 475px) {
    .reward-skin[data-v-6f60f903] {
        height: 102px;
    }
}
.red-skin[data-v-6f60f903] {
    background: var(--bdrop-ribbon-item-red);
}
.pink-skin[data-v-6f60f903] {
    background: var(--bdrop-ribbon-item-pink);
}
.violet-skin[data-v-6f60f903] {
    background: var(--bdrop-ribbon-item-violet);
}
.blue-skin[data-v-6f60f903] {
    background: var(--bdrop-ribbon-item-blue);
}
.light-blue-skin[data-v-6f60f903] {
    background: var(--bdrop-ribbon-item-light-blue);
}
.gold-skin[data-v-6f60f903] {
    background: var(--bdrop-ribbon-item-gold);
}
.grey-skin[data-v-6f60f903] {
    background: var(--bdrop-ribbon-item-grey);
}
.green-skin[data-v-6f60f903] {
    background: var(--bdrop-ribbon-item-green);
}
[data-v-e4db9247]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-e4db9247]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-e4db9247]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-e4db9247]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.reward-wrapper[data-v-e4db9247] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}
@media screen and (max-width: 475px) {
    .reward-wrapper[data-v-e4db9247] {
        grid-template-columns: 1fr;
    }
}
.reward-wrapper[data-v-e4db9247] .reward-skin,
.reward-wrapper[data-v-e4db9247] .reward-popup-gold {
    height: 126px !important;
}
@media screen and (max-width: 475px) {
    .reward-wrapper[data-v-e4db9247] .reward-skin,
    .reward-wrapper[data-v-e4db9247] .reward-popup-gold {
        height: auto;
    }
}
.reward-wrapper[data-v-e4db9247] .reward-skin {
    margin: 0;
}
[data-v-c1f67774]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-c1f67774]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-c1f67774]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-c1f67774]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.popup-title[data-v-c1f67774] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 36px;
}
@media screen and (max-width: 475px) {
    .popup-title[data-v-c1f67774] {
        font-size: 1.5rem;
        line-height: 28px;
    }
}
.gradient-title[data-v-c1f67774] {
    max-width: 90%;
    background: linear-gradient(135deg, #5cfaed 0%, #45a9e1 69%, #2c72ee 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gradient-title-fallback[data-v-c1f67774] {
    color: #6779d7;
}
[data-v-5f292e1a]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-5f292e1a]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-5f292e1a]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-5f292e1a]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.main-message[data-v-5f292e1a] {
    margin-bottom: 2rem;
    font-size: 1.125rem;
    line-height: 20px;
    letter-spacing: -0.18px;
}
@media screen and (max-width: 475px) {
    .main-message[data-v-5f292e1a] {
        font-size: 0.875rem;
    }
}
[data-v-2deedf5b]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-2deedf5b]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-2deedf5b]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-2deedf5b]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.reward-popup-submit-button[data-v-2deedf5b] {
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 16px;
    border-radius: 10px;
    border: none;
    outline: none;
    font-size: 1rem;
    font-weight: 500;
    color: var(--general-white);
    background: linear-gradient(135deg, #54e5e5 0%, #45a9e1 48%, #2c72ee 100%);
}
.reward-popup-submit-button[data-v-2deedf5b]:hover {
    background: linear-gradient(135deg, #54e5e5 10%, #45a9e1 68%, #2c72ee 91%);
}
.reward-popup-submit-button[data-v-2deedf5b]:active {
    background: linear-gradient(135deg, #54e5e5 20%, #45a9e1 48%, #2c72ee 91%);
}
[data-v-a22bddd2]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-a22bddd2]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-a22bddd2]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-a22bddd2]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.reward-popup-gold[data-v-a22bddd2] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    border-radius: 12px;
    background-color: var(--general-background);
}
.reward-popup-gold img[data-v-a22bddd2] {
    display: block;
    max-width: 200px;
    max-height: 100%;
    margin: auto;
    transition: 0.25s;
}
[data-v-6ccc10e6]:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    [data-v-6ccc10e6]:root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    [data-v-6ccc10e6]:root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    [data-v-6ccc10e6]:root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.cash-reward[data-v-6ccc10e6] {
    margin: 15px auto;
    font-size: 1.5rem;
    color: var(--bdrop-balance-color);
    text-align: center;
}
._overlay_cx200_24 {
    z-index: 1000;
}
._bottomSheet_cx200_28 {
    z-index: 1001;
    position: fixed;
    bottom: 0;
    padding: 32px 20px;
    border-radius: 20px 20px 0 0;
    background: var(--general-background);
    width: 100%;
}
._title_cx200_38 {
    text-align: center;
    font-size: 18px;
    line-height: 20px;
}
._body_cx200_44 {
    margin-top: 32px;
}
._button_1ac5g_24 {
    position: relative;
    background: var(--general-underlay-1-lvl);
    color: var(--general-grey);
    border: 0;
    transition: 0.25s;
}
._button_1ac5g_24:hover {
    background-color: var(--button-functional-active);
    color: var(--general-white);
}
._button_1ac5g_24:disabled {
    background: var(--button-tonal-disabled);
}
._wide_1ac5g_39 {
    width: 100%;
}
._lg_1ac5g_43 {
    height: 72px;
    line-height: 24px;
    font-size: 20px;
    padding: 0 32px;
    border-radius: 18px;
    background-color: var(--button-functional-default);
    color: var(--general-white);
}
._lg_1ac5g_43:hover {
    background-color: var(--button-functional-hover);
}
@media screen and (max-width: 475px) {
    ._lg_1ac5g_43 {
        line-height: 20px;
        font-size: 16px;
        height: 60px;
    }
}
._md_1ac5g_63 {
    padding: 0 16px;
    font-size: 16px;
    border-radius: 10px;
    height: 48px;
}
._sm_1ac5g_70 {
    height: 40px;
    padding: 0 12px;
    font-size: 14px;
    border-radius: 12px;
    min-width: 118px;
}
._xs_1ac5g_78 {
    height: 28px;
    padding: 0 12px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 8px;
}
@media screen and (max-width: 375px) {
    ._xs_1ac5g_78 {
        padding: 0 1px;
    }
}
._disabled_1ac5g_91 {
    opacity: 0.5;
    pointer-events: none;
}
._transparent_1ac5g_96:not(hover) {
    background: 0 0;
}
._wrapper_2rgwe_24 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
._checkbox_2rgwe_32 {
    position: relative;
    padding-left: 28px;
    height: 25px;
}
._checkbox_2rgwe_32:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    border: solid 1.5px #3e404a;
    border-radius: 6px;
    display: inline-block;
    overflow: hidden;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
._input_2rgwe_51 {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}
._checked_2rgwe_61:after {
    content: "";
    position: absolute;
    left: 10px;
    top: 12px;
    width: 10px;
    height: 6px;
    border-left: 2px solid var(--bdrop-checkbox-color);
    border-bottom: 2px solid var(--bdrop-checkbox-color);
    transform: translate(-50%, -75%) rotate(-45deg);
}
._item_1vw2k_24 {
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
}
._area_1vw2k_30 {
    display: flex;
    margin-right: 10px;
    align-items: center;
}
._icon_1vw2k_36 {
    border-radius: 10px;
    background: var(--general-underlay-2-lvl);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    margin-right: 10px;
}
._popup_1bv8o_24 {
    border-radius: 24px;
    background: var(--general-underlay-3-lvl);
    width: 100%;
    min-height: 100px;
    position: relative;
    max-width: 475px;
    overflow: hidden;
    padding-bottom: 32px;
}
._mobile_1bv8o_35 {
    position: absolute;
    bottom: 0;
    border-radius: 24px 24px 0 0;
}
._close_1bv8o_41 {
    border-radius: 20px;
    background: rgba(245, 245, 250, 0.1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 32px;
    height: 32px;
    position: absolute;
    top: 16px;
    right: 16px;
    border: 0;
    z-index: 100;
}
._icon_1bv8o_54 {
    fill: var(--general-white);
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
._title_1bv8o_64 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    margin-top: 0;
    margin-bottom: 8px;
}
._wrapper_1bv8o_74 {
    padding: 0 16px 32px 0;
    max-width: 320px;
    margin: 0 auto;
}
._inverted_1bv8o_80 {
    background: rgba(245, 245, 250, 0.7);
}
._inverted_1bv8o_80 svg {
    fill: var(--general-background);
}
._footer_1bv8o_87 {
    margin-top: 26px;
}
._m_vmlat_24 {
    font-size: 14px;
}
._s_vmlat_28 {
    font-size: 12px;
}
._caption_vmlat_32 {
    color: var(--general-grey);
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
}
@media screen and (max-width: 475px) {
    ._caption_vmlat_32 {
        font-size: 12px;
    }
}
._title_1gfrc_24 {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-align: center;
    margin-top: 0;
    padding-top: 12px;
    margin-bottom: 16px;
}
._content_1gfrc_35 {
    max-width: 320px;
    margin: 0 auto;
    position: relative;
}
._wrapper_1gfrc_41 {
    padding: 0 16px;
}
._indents_1gfrc_45 {
    margin-top: 46px;
}
._caption_1gfrc_49 {
    text-align: center;
}
._media_1gfrc_53 {
    -webkit-clip-path: ellipse(155% 100% at 50% 0%);
    clip-path: ellipse(155% 100% at 50% 0%);
    height: 300px;
    overflow: hidden;
    margin-bottom: 12px;
    position: relative;
}
._media_1gfrc_53 video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 115%;
    top: 0;
    left: 0;
    z-index: 0;
}
._media_1gfrc_53 img {
    width: 100%;
}
._m_1gfrc_53 {
    height: 300px;
}
._l_1gfrc_77 {
    height: 39vh;
    max-height: 320px;
}
@font-face {
    font-family: swiper-icons;
    src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA)
        format("woff");
    font-weight: 400;
    font-style: normal;
}
:root {
    --swiper-theme-color: #007aff;
}
.swiper,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}
.swiper-vertical > .swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0);
}
.swiper-horizontal {
    touch-action: pan-y;
}
.swiper-vertical {
    touch-action: pan-x;
}
.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}
.swiper-3d {
    perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-centered > .swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}
._button_vnflx_24 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    border: none;
    outline: none;
    font-weight: 500;
    color: var(--general-white);
    transition: 0.25s;
}
._button_vnflx_24 svg {
    fill: var(--general-white);
}
._functional_vnflx_41 {
    background-color: var(--button-functional-default);
}
._functional_vnflx_41:not(._inactive_vnflx_44):not(:disabled):hover {
    background-color: var(--button-functional-hover);
}
._functional_vnflx_41:not(._inactive_vnflx_44):not(:disabled):active {
    background-color: var(--button-functional-active);
}
._functional_vnflx_41:disabled {
    background-color: var(--button-functional-disabled);
    color: var(--general-disabled);
}
._functional_vnflx_41:disabled svg {
    fill: var(--general-disabled);
}
._ghost_vnflx_58 {
    background-color: transparent;
    color: var(--general-grey);
}
._ghost_vnflx_58 svg {
    fill: var(--general-grey);
}
._ghost_vnflx_58:not(._inactive_vnflx_44):not(:disabled):hover {
    background-color: var(--button-ghost-hover);
}
._ghost_vnflx_58:not(._inactive_vnflx_44):not(:disabled):active {
    background-color: var(--button-ghost-active);
    color: var(--general-white);
}
._ghost_vnflx_58:not(._inactive_vnflx_44):not(:disabled):active svg {
    fill: var(--general-white);
}
._ghost_vnflx_58:disabled {
    background-color: var(--button-functional-disabled);
    color: var(--general-disabled);
}
._ghost_vnflx_58:disabled svg {
    fill: var(--general-disabled);
}
._tonal_vnflx_83 {
    background-color: var(--button-tonal-default);
}
._tonal_vnflx_83:not(._inactive_vnflx_44):not(:disabled):hover {
    background-color: var(--button-tonal-hover);
}
._tonal_vnflx_83:not(._inactive_vnflx_44):not(:disabled):active {
    background-color: var(--button-tonal-pressed);
}
._tonal_vnflx_83:disabled {
    background-color: var(--button-functional-disabled);
    color: var(--general-disabled);
}
._tonal_vnflx_83:disabled svg {
    fill: var(--general-disabled);
}
._xl_vnflx_100 {
    padding: 20px 24px;
    font-size: 20px;
}
._xl_vnflx_100 svg {
    height: 22px;
}
._xl_vnflx_100._square_vnflx_107 {
    padding: 20px;
}
._l_vnflx_111 {
    padding: 20px 12px;
    font-size: 18px;
}
._l_vnflx_111._square_vnflx_107 {
    padding: 20px;
}
._l_vnflx_111 svg {
    height: 20px;
}
._m_vnflx_122 {
    padding: 16px 12px;
    font-size: 16px;
    line-height: 16px;
    border-radius: 14px;
}
._m_vnflx_122._square_vnflx_107 {
    padding: 14px;
}
._m_vnflx_122 svg {
    height: 18px;
}
._s_vnflx_107 {
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 12px;
}
._s_vnflx_107._square_vnflx_107 {
    padding: 10px;
}
._s_vnflx_107 svg {
    height: 16px;
}
._xs_vnflx_147 {
    padding: 9px 12px;
    font-size: 12px;
    border-radius: 10px;
}
._xs_vnflx_147._square_vnflx_107 {
    padding: 9px;
}
._xs_vnflx_147 svg {
    width: 14px;
    height: 14px;
}
._inactive_vnflx_44 {
    cursor: not-allowed;
    background-color: var(--button-functional-disabled);
    opacity: 0.5;
}
._wide_vnflx_166 {
    width: 100%;
}
._prev_107p3_2 {
    visibility: hidden;
}
._visible_107p3_6 {
    visibility: visible;
}
._counter_107p3_10 {
    margin: 20px auto auto;
    text-align: center;
}
._footer_107p3_16 {
    margin: 26px auto 0;
    max-width: 320px;
    display: flex;
    justify-content: space-between;
}
:root {
    --indentX: 80px;
    --indentY: 56px;
}
@media screen and (max-width: 1000px) {
    :root {
        --indentX: 24px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 475px) {
    :root {
        --indentX: 20px;
        --indentY: 48px;
    }
}
@media screen and (max-width: 375px) {
    :root {
        --indentX: 20px;
        --indentY: 40px;
    }
}
.notification-enter-from,
.notification-leave-to {
    transform: translate(200%);
}
.notification-enter-active,
.notification-leave-active {
    transition: 0.15s;
}
@media screen and (min-width: 1301px) {
    .mobile {
        display: none !important;
    }
}
.online-chat-root.online-chat-root-TalkMe:not(.inline-mode) {
    display: none !important;
}
.footer {
    margin-top: 120px;
}
@media screen and (max-width: 1800px) {
    .footer {
        margin-top: 80px;
    }
}
@media screen and (max-width: 1600px) {
    .footer {
        margin-top: 50px;
    }
}
@media screen and (max-width: 1200px) {
    .footer {
        margin-top: 20px;
    }
}
.tippy-box[data-animation="fade"][data-state="hidden"] {
    opacity: 0;
}
[data-tippy-root] {
    max-width: calc(100vw - 10px);
}
.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^="top"] > .tippy-arrow {
    bottom: 0;
}
.tippy-box[data-placement^="top"] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow {
    top: 0;
}
.tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom;
}
.tippy-box[data-placement^="left"] > .tippy-arrow {
    right: 0;
}
.tippy-box[data-placement^="left"] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left;
}
.tippy-box[data-placement^="right"] > .tippy-arrow {
    left: 0;
}
.tippy-box[data-placement^="right"] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right;
}
.tippy-box[data-inertia][data-state="visible"] {
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333;
}
.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
}
.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1;
}