@keyframes card-linear-gradient-animation {
    0% {
        background-position: 150% 0;
    }
    25% {
        background-position: 150% 0;
    }
    75% {
        background-position: -50% 0;
    }
    to {
        background-position: -50% 0;
    }
}
body {
    --app__container__pl: var(--padding-xl);
    --app__container__pl-neg: calc(var(--app__container__pl) * -1);
    --app__container__pr: var(--padding-xl);
    --app__container__pr-neg: calc(var(--app__container__pr) * -1);
    --header-top-height: 64px;
    --notification-panel-height: 0px;
    --header-height: calc(
            var(--header-top-height) + var(--notification-panel-height)
    );
    --sidebar-pos-top: 20px;
    --sidebar-pos-bottom: var(--spaces-s);
    --sidebar-max-width: 352px;
    --sidebar-max-height: calc(100dvh - var(--header-height) - 32px);
    --container-width: 1920px;
    --get-bonus-button-bottom: auto;
}
@media (min-width: 800px) {
    body {
        --header-top-height: 72px;
        --sidebar-pos-top: calc(var(--header-height) + var(--spaces-xl));
        --sidebar-pos-bottom: 32px;
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    body {
        --app__container__pl: var(--padding-xl);
        --sidebar-pos-top: 20px;
    }
}
@media (min-width: 1200px) {
    body {
        --app__container__pl: 114px;
        --header-top-height: 88px;
        --sidebar-pos-bottom: auto;
        --get-bonus-button-bottom: 32px;
    }
}
@media screen and (min-width: 2100px) {
    body {
        --app__container__pr: var(--padding-xl);
        --app__container__pl: var(--padding-xl);
    }
}
body.panel {
    --notification-panel-height: 44px;
}
a,
article,
b,
body,
div,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
iframe,
img,
label,
li,
ol,
p,
section,
span,
strong,
table,
tbody,
td,
th,
thead,
tr,
u,
ul,
video {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: initial;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    margin: 0;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: none;
    appearance: none;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    appearance: button;
    font: inherit;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Inter/Inter-Regular.woff2) format("woff2");
    unicode-range:
    u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
    u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Inter/Inter-Regular-Cyrillic.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(fonts/Inter/Inter-SemiBold.woff2) format("woff2");
    unicode-range:
    u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
    u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(fonts/Inter/Inter-SemiBold-Cyrillic.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Inter/Inter-Bold.woff2) format("woff2");
    unicode-range:
    u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
    u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Inter/Inter-Bold-Cyrillic.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: italic;
    font-weight: 700;
    src: url(fonts/Inter/Inter-BoldItalic.woff2) format("woff2");
    unicode-range:
    u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
    u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: italic;
    font-weight: 700;
    src: url(fonts/Inter/Inter-BoldItalic-Cyrillic.woff2) format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
    font-display: swap;
    font-family: Alumni Sans;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Alumni_Sans/Alumni-Sans-Bold.woff2) format("woff2");
    unicode-range:
    u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
    u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
    font-display: swap;
    font-family: Alumni Sans;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Alumni_Sans/Alumni-Sans-Bold-Cyrillic.woff2)
    format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
@font-face {
    font-display: swap;
    font-family: Alumni Sans;
    font-style: italic;
    font-weight: 700;
    src: url(fonts/Alumni_Sans/Alumni-Sans-BoldItalic.woff2) format("woff2");
    unicode-range:
    u+00??, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc,
    u+0304, u+0308, u+0329, u+2000-206f, u+20ac, u+2122, u+2191, u+2193,
    u+2212, u+2215, u+feff, u+fffd;
}
@font-face {
    font-display: swap;
    font-family: Alumni Sans;
    font-style: italic;
    font-weight: 700;
    src: url(fonts/Alumni_Sans/Alumni-Sans-BoldItalic-Cyrillic.woff2)
    format("woff2");
    unicode-range: u+0301, u+0400-045f, u+0490-0491, u+04b0-04b1, u+2116;
}
* {
    -webkit-font-smoothing: subpixel-antialiased;
}
*,
:after,
:before {
    box-sizing: border-box;
}
:focus {
    outline: none;
}
html {
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #000;
}
body {
    background-color: var(--general-bg-general);
    font-family: Helvetica, sans-serif;
    font-weight: 400;
    min-height: 100vh;
    position: relative;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
img,
svg {
    max-width: 100%;
}
svg {
    display: block;
}
img {
    color: #0000;
}
img:not([src]) {
    opacity: 0;
}
button {
    cursor: pointer;
}
a,
a:hover {
    text-decoration: none;
}
em,
i {
    font-style: italic;
}
b,
strong {
    font-weight: 700;
}
::-webkit-scrollbar {
    height: 2px;
    width: 2px;
}
@media (min-width: 768px) {
    ::-webkit-scrollbar {
        width: 4px;
    }
}
::-webkit-scrollbar-track {
    background-color: var(--general-bg-general);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: var(--general-bg-navi);
    border-radius: 10px;
}
.container {
    margin: 0 auto;
    max-width: var(--container-width);
    padding-left: var(--app__container__pl);
    padding-right: var(--app__container__pr);
    width: 100%;
}
.container .full-width {
    --app__container__pl: calc(var(--padding-xl) * -1);
    --app__container__pr: calc(var(--padding-xl) * -1);
    width: calc(100% + var(--padding-xl) * 2);
}
input {
    box-shadow: none !important;
}
.loadingBlock {
    align-items: center;
    background-color: var(--general-bg-backdrop);
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
body.no-scroll {
    overflow: hidden;
}
html.is-embla-dragging,
html.is-embla-dragging * {
    cursor: grabbing;
    -webkit-user-select: none;
    user-select: none;
}
.fade-enter-from,
.fade-leave-to {
    opacity: 0;
}
.fade-enter-active,
.fade-leave-active {
    transition: opacity 50ms linear;
}
.fade-enter-to,
.fade-leave-from {
    opacity: 1;
}
.fade-tab-enter-from,
.fade-tab-leave-to {
    opacity: 0;
}
.fade-tab-enter-active {
    transition: opacity 0.4s ease-out;
}
.fade-tab-leave-active {
    transition: opacity 0.1s ease-in;
}
.fade-tab-enter-to,
.fade-tab-leave-from {
    opacity: 1;
}
.fade-page-enter-from,
.fade-page-leave-to {
    opacity: 0;
}
.fade-page-enter-active,
.fade-page-leave-active {
    transition: opacity 0.15s linear;
}
.fade-page-enter-to,
.fade-page-leave-from {
    opacity: 1;
}
.accordion-enter-from,
.accordion-leave-to {
    height: 0;
    overflow: hidden;
}
.accordion-enter-active,
.accordion-leave-active {
    overflow: hidden;
    transition: height 0.7s ease;
}
.accordion-enter-to,
.accordion-leave-from {
    height: 100vh;
    overflow: hidden;
}
@keyframes logoSlideRight {
    0% {
        clip-path: inset(0 70% 0 0);
        transform: translate(35%);
    }
    to {
        clip-path: inset(0 0 0 0);
        transform: translate(0);
    }
}
[lazy="loading"] {
    background-image: url(img/loaders/loader.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 36px auto;
}
.v-badge {
    border-radius: 50%;
    opacity: 1;
    position: absolute;
    transition-duration: 0.2s;
    transition-property:
            top, left, right, bottom, size, background-color, opacity;
    transition-timing-function: ease-in;
}
.v-badge.hidden {
    opacity: 0;
}
:root {
    --pure-01: #fff;
    --pure-02: #000;
    --primary-100: #fdfff2;
    --primary-200: #f9ffaa;
    --primary-300: #f3ff55;
    --primary-400: #eeff1e;
    --primary-500: #e8ff00;
    --primary-600: #c4e000;
    --primary-700: #9cbc00;
    --primary-800: #6d8500;
    --primary-900: #3e4e00;
    --secondary-100: #f4f1fb;
    --secondary-200: #ddd3f7;
    --secondary-300: #b3a5eb;
    --secondary-400: #8d76e0;
    --secondary-500: #6c4ac2;
    --secondary-600: #593aa1;
    --secondary-700: #462c82;
    --secondary-800: #311d61;
    --secondary-900: #1d0f3f;
    --neutral-b10: #f4f7fb;
    --neutral-100: #f2f4f8;
    --neutral-200: #d9dde5;
    --neutral-300: #b3bac8;
    --neutral-400: #6f778b;
    --neutral-500: #4b5369;
    --neutral-600: #232734;
    --neutral-700: #1e222d;
    --neutral-800: #191c25;
    --neutral-900: #12141a;
    --neutral-b01: #0d0f15;
    --neutral-b02: #070707;
    --neutral-b03: #12141a;
    --neutral-b04: #191c25;
    --info-100: #d8f6fa;
    --info-300: #7de4ec;
    --info-500: #1fcbe0;
    --info-700: #127384;
    --info-900: #052a35;
    --warning-100: #fff5d9;
    --warning-300: #ffdb77;
    --warning-500: #fb0;
    --warning-700: #997200;
    --warning-900: #332900;
    --error-100: #ffe5e5;
    --error-300: #ff8686;
    --error-500: #ff2a2a;
    --error-700: #a81616;
    --error-900: #4d0505;
    --transparency-primary-p10: #e8ff001a;
    --transparency-primary-p50: #e8ff0080;
    --transparency-primary-p80: #e8ff00cc;
    --transparency-primary-s20: #3e4e0033;
    --transparency-primary-s50: #3e4e0080;
    --transparency-secondary-p10: #6c4ac21a;
    --transparency-secondary-p50: #6c4ac280;
    --transparency-secondary-p80: #6c4ac2cc;
    --transparency-secondary-s20: #1d0f3f33;
    --transparency-secondary-s50: #1d0f3f80;
    --transparency-neutral-p00: #4b536900;
    --transparency-neutral-p10: #4b53691a;
    --transparency-neutral-p24: #4b53693d;
    --transparency-neutral-p50: #4b536980;
    --transparency-neutral-p64: #4b5369a3;
    --transparency-neutral-p80: #4b5369cc;
    --transparency-neutral-s20: #12141a33;
    --transparency-neutral-s50: #12141a80;
    --transparency-neutral-s70: #12141ab3;
    --transparency-neutral-s80: #12141acc;
    --transparency-neutral-d90: #070707e6;
    --transparency-info-p10: #1fcbe01a;
    --transparency-info-p50: #1fcbe080;
    --transparency-info-p80: #1fcbe0cc;
    --transparency-info-s20: #052a3533;
    --transparency-info-s50: #052a3580;
    --transparency-warning-p10: #ffbb001a;
    --transparency-warning-p50: #ffbb0080;
    --transparency-warning-p80: #fb0c;
    --transparency-warning-s20: #4c2e0033;
    --transparency-warning-s50: #4c2e0080;
    --transparency-error-p10: #ff2a2a1a;
    --transparency-error-p50: #ff2a2a80;
    --transparency-error-p80: #ff2a2acc;
    --transparency-error-s20: #4d050533;
    --transparency-error-s50: #4d050580;
    --size-0: 0px;
    --size-01: 2px;
    --size-02: 4px;
    --size-03: 6px;
    --size-04: 8px;
    --size-05: 10px;
    --size-06: 12px;
    --size-07: 14px;
    --size-08: 16px;
    --size-09: 18px;
    --size-10: 20px;
    --size-11: 22px;
    --size-12: 24px;
    --size-13: 28px;
    --size-14: 32px;
    --size-15: 36px;
    --size-16: 40px;
    --size-17: 44px;
    --size-18: 48px;
    --size-19: 56px;
    --size-20: 64px;
    --size-21: 72px;
    --size-22: 80px;
    --size-23: 96px;
    --size-24: 106px;
    --size-25: 120px;
    --size-26: 128px;
    --size-27: 144px;
    --size-28: 160px;
    --size-29: 176px;
    --size-30: 192px;
    --size-31: 208px;
    --size-32: 224px;
    --size-33: 240px;
    --size-34: 256px;
    --size-35: 288px;
    --size-36: 320px;
    --size-37: 360px;
    --size-38: 375px;
    --size-39: 400px;
    --size-40: 412px;
    --size-41: 428px;
    --size-42: 480px;
    --size-43: 560px;
    --size-44: 640px;
    --size-45: 720px;
    --size-46: 800px;
    --size-47: 844px;
    --size-48: 900px;
    --size-49: 920px;
    --size-50: 1080px;
    --size-51: 1200px;
    --size-52: 1440px;
    --size-53: 1920px;
    --size-54: 2560px;
    --spaces-none: var(--size-0);
    --spaces-xxs: var(--size-01);
    --spaces-xs: var(--size-02);
    --spaces-s: var(--size-04);
    --spaces-m: var(--size-06);
    --spaces-l: var(--size-08);
    --spaces-xl: var(--size-12);
    --spaces-2xl: var(--size-14);
    --spaces-3xl: var(--size-16);
    --spaces-4xl: var(--size-19);
    --padding-none: var(--size-0);
    --padding-xxs: var(--size-01);
    --padding-xs: var(--size-02);
    --padding-s: var(--size-03);
    --padding-m: var(--size-04);
    --padding-l: var(--size-06);
    --padding-xl: var(--size-08);
    --padding-2xl: var(--size-12);
    --padding-3xl: var(--size-14);
    --padding-4xl: var(--size-27);
    --radius-none: var(--size-0);
    --radius-xxs: var(--size-02);
    --radius-xs: var(--size-04);
    --radius-s: var(--size-06);
    --radius-m: var(--size-08);
    --radius-l: var(--size-12);
    --radius-xl: var(--size-14);
    --radius-2xl: var(--size-17);
    --radius-3xl: var(--size-19);
    --radius-4xl: var(--size-21);
    --radius-5xl: var(--size-23);
    --font-size-8: var(--size-04);
    --font-size-10: var(--size-05);
    --font-size-12: var(--size-06);
    --font-size-14: var(--size-07);
    --font-size-16: var(--size-08);
    --font-size-18: var(--size-09);
    --font-size-20: var(--size-10);
    --font-size-22: var(--size-11);
    --font-size-24: var(--size-12);
    --font-size-32: var(--size-14);
    --font-size-40: var(--size-16);
    --font-size-64: var(--size-20);
    --font-size-80: var(--size-22);
    --font-size-106: var(--size-24);
    --font-size-144: var(--size-27);
    --letter-spacing-xs: -1px;
    --letter-spacing-s: -0.5px;
    --letter-spacing-none: 0px;
    --letter-spacing-m: 0.5px;
    --line-height-12: var(--size-06);
    --line-height-14: var(--size-07);
    --line-height-16: var(--size-08);
    --line-height-18: var(--size-09);
    --line-height-20: var(--size-10);
    --line-height-22: var(--size-11);
    --line-height-24: var(--size-12);
    --line-height-32: var(--size-14);
    --line-height-40: var(--size-16);
    --line-height-64: var(--size-20);
    --line-height-80: var(--size-22);
    --line-height-106: var(--size-24);
    --line-height-120: var(--size-25);
    --font-weight-black: 900;
    --font-weight-heavy: 800;
    --font-weight-bold: 700;
    --font-weight-semi-bold: 600;
    --font-weight-medium: 500;
    --font-weight-regular: 400;
    --font-style-italic: italic;
    --family-alumni-sans: "Alumni Sans", sans-serif;
    --family-inter: "Inter", sans-serif;
}
:root .theme-dark {
    --general-bg-general: var(--neutral-b02);
    --general-bg-section: var(--neutral-b02);
    --general-bg-inverse: var(--neutral-b10);
    --general-bg-modal: var(--neutral-900);
    --general-bg-card: var(--neutral-b04);
    --general-logo-color: var(--primary-500);
    --general-logo-color-inverse: var(--neutral-b02);
    --general-sys-border-color: var(--neutral-700);
    --general-bg-navi: var(--transparency-neutral-p64);
    --general-bg-navi-open: var(--transparency-neutral-p64);
    --general-bg-navi-inverse: var(--transparency-neutral-s50);
    --general-bg-backdrop: var(--transparency-neutral-d90);
    --general-bg-dark: var(--neutral-800);
    --general-bg-black: var(--neutral-900);
    --button-disable-fill: var(--neutral-600);
    --button-default-bg-color: var(--neutral-500);
    --button-default-bg-color-hover: var(--neutral-800);
    --button-default-bg-color-active: var(--neutral-600);
    --button-default-text-color: var(--neutral-100);
    --button-default-text-color-hover: var(--neutral-100);
    --button-default-text-color-active: var(--neutral-100);
    --button-default-icon-color: var(--neutral-200);
    --button-default-icon-color-hover: var(--neutral-200);
    --button-default-icon-color-active: var(--neutral-200);
    --button-default-icon-only-color: var(--neutral-200);
    --button-default-icon-only-color-hover: var(--neutral-200);
    --button-default-icon-only-color-active: var(--neutral-200);
    --button-primary-bg-color: var(--secondary-600);
    --button-primary-bg-color-hover: var(--secondary-700);
    --button-primary-bg-color-active: var(--secondary-500);
    --button-primary-text-color: var(--secondary-100);
    --button-primary-text-color-hover: var(--secondary-100);
    --button-primary-text-color-active: var(--secondary-100);
    --button-primary-icon-color: var(--secondary-200);
    --button-primary-icon-color-hover: var(--secondary-200);
    --button-primary-icon-color-active: var(--secondary-200);
    --button-primary-icon-only-color: var(--secondary-200);
    --button-primary-icon-only-color-hover: var(--secondary-200);
    --button-primary-icon-only-color-active: var(--secondary-200);
    --button-disable-text: var(--neutral-500);
    --button-secondary-bg-color: var(--primary-500);
    --button-secondary-bg-color-hover: var(--primary-700);
    --button-grey-bg-color: var(--neutral-600);
    --button-white-bg-color: var(--neutral-b10);
    --button-line-bg-color: var(--transparency-neutral-p00);
    --button-transparent-bg-color: var(--transparency-neutral-p00);
    --button-error-bg-color: var(--error-700);
    --button-error-bg-color-hover: var(--error-500);
    --button-error-bg-color-active: var(--error-500);
    --button-error-text-color: var(--error-100);
    --button-error-text-color-hover: var(--error-100);
    --button-error-text-color-active: var(--error-100);
    --button-error-icon-color: var(--error-100);
    --button-error-icon-color-hover: var(--error-100);
    --button-error-icon-color-active: var(--error-100);
    --button-error-icon-only-color: var(--error-100);
    --button-error-icon-only-color-hover: var(--error-100);
    --button-error-icon-only-color-active: var(--error-100);
    --button-transparent-bg-color-hover: var(--neutral-600);
    --button-transparent-bg-color-active: var(--secondary-500);
    --button-transparent-text-color: var(--neutral-100);
    --button-transparent-text-color-hover: var(--neutral-100);
    --button-transparent-text-color-active: var(--neutral-100);
    --button-transparent-icon-color: var(--neutral-200);
    --button-transparent-icon-color-hover: var(--neutral-200);
    --button-transparent-icon-color-active: var(--neutral-200);
    --button-transparent-icon-only-color: var(--neutral-200);
    --button-transparent-icon-only-color-hover: var(--neutral-200);
    --button-transparent-icon-only-color-active: var(--neutral-200);
    --button-line-bg-color-hover: var(--transparency-neutral-p10);
    --button-line-bg-color-active: var(--neutral-b10);
    --button-line-border-default: var(--neutral-500);
    --button-line-border-active: var(--neutral-b10);
    --button-line-text-color: var(--neutral-300);
    --button-line-text-color-hover: var(--neutral-300);
    --button-line-text-color-active: var(--neutral-800);
    --button-line-icon-color: var(--neutral-300);
    --button-line-icon-color-hover: var(--neutral-300);
    --button-line-icon-color-active: var(--neutral-800);
    --button-line-icon-only-color: var(--neutral-300);
    --button-line-icon-only-color-hover: var(--neutral-300);
    --button-line-icon-only-color-active: var(--neutral-800);
    --button-grey-bg-color-hover: var(--neutral-500);
    --button-secondary-bg-color-active: var(--neutral-b10);
    --button-white-bg-color-hover: var(--neutral-300);
    --button-secondary-text-color: var(--primary-900);
    --button-white-bg-color-active: var(--secondary-500);
    --button-grey-bg-color-active: var(--neutral-b10);
    --button-secondary-text-color-hover: var(--primary-900);
    --button-secondary-text-color-active: var(--neutral-900);
    --button-grey-text-color: var(--neutral-100);
    --button-secondary-icon-color: var(--primary-900);
    --button-white-text-color: var(--neutral-900);
    --button-white-text-color-hover: var(--neutral-b10);
    --button-secondary-icon-color-hover: var(--primary-900);
    --button-secondary-icon-color-active: var(--neutral-900);
    --button-secondary-icon-only-color: var(--primary-900);
    --button-secondary-icon-only-color-hover: var(--primary-900);
    --button-secondary-icon-only-color-active: var(--neutral-900);
    --button-white-text-color-active: var(--neutral-b10);
    --button-grey-text-color-hover: var(--neutral-100);
    --button-grey-text-color-active: var(--neutral-900);
    --button-grey-icon-color: var(--neutral-200);
    --button-white-icon-color: var(--neutral-500);
    --button-disable-icon: var(--neutral-500);
    --button-white-icon-color-hover: var(--neutral-500);
    --button-white-icon-color-active: var(--neutral-100);
    --button-white-icon-only-color: var(--neutral-500);
    --button-white-icon-only-color-hover: var(--neutral-500);
    --button-white-icon-only-color-active: var(--neutral-100);
    --typography-title01: var(--general-bg-inverse);
    --typography-body01: var(--neutral-400);
    --form-input-cursor: var(--primary-500);
    --typography-body02: var(--neutral-300);
    --typography-body03: var(--neutral-300);
    --typography-title02: var(--neutral-100);
    --typography-title03: var(--neutral-900);
    --typography-title04: var(--primary-500);
    --form-label-text-color: var(--neutral-400);
    --form-input-bg-default: var(--neutral-900);
    --form-input-bg-disabled: var(--transparency-neutral-p10);
    --form-input-border-default: var(--neutral-500);
    --form-input-border-disable: var(--neutral-600);
    --form-input-border-focused: var(--primary-700);
    --form-input-border-hover: var(--primary-700);
    --form-input-border-error: var(--error-500);
    --form-input-icon-default: var(--neutral-500);
    --form-input-icon-warning: var(--warning-500);
    --form-input-icon-error: var(--error-300);
    --form-input-icon-active: var(--primary-500);
    --form-input-icon-disabled: var(--transparency-neutral-p64);
    --form-input-text-placeholder: var(--neutral-500);
    --form-input-text-default: var(--neutral-300);
    --form-input-text-disabled: var(--transparency-neutral-p64);
    --form-hint-icon-color-warning: var(--warning-500);
    --form-hint-text-color-warning: var(--warning-500);
    --form-hint-icon-color-error: var(--error-500);
    --form-hint-text-color-error: var(--error-500);
    --form-hint-icon-color-succes: var(--primary-600);
    --form-hint-text-color-succes: var(--primary-600);
    --form-hint-icon-color-link: var(--primary-600);
    --form-hint-text-color-link: var(--primary-600);
    --form-hint-icon-color-info: var(--neutral-400);
    --form-hint-text-color-info: var(--neutral-400);
    --form-checkbox-checkbox: var(--primary-500);
    --form-radio-radio: var(--primary-500);
    --form-radio-radio-disabled: var(--neutral-700);
    --form-radio-radio-inner-disabled: var(--neutral-500);
    --button-warning-bg-color: var(--warning-500);
    --button-warning-bg-color-hover: var(--warning-700);
    --button-warning-bg-color-active: var(--warning-700);
    --button-warning-text-color: var(--warning-900);
    --button-warning-text-color-hover: var(--warning-900);
    --button-warning-text-color-active: var(--warning-900);
    --button-warning-icon-color: var(--warning-900);
    --button-warning-icon-color-hover: var(--warning-900);
    --button-warning-icon-color-active: var(--warning-900);
    --button-warning-icon-only-color: var(--warning-900);
    --button-warning-icon-only-color-hover: var(--warning-900);
    --button-warning-icon-only-color-active: var(--warning-900);
    --button-info-bg-color: var(--info-500);
    --button-info-bg-color-hover: var(--info-700);
    --button-info-bg-color-active: var(--info-700);
    --button-info-text-color: var(--info-900);
    --button-info-text-color-hover: var(--info-900);
    --button-info-text-color-active: var(--info-900);
    --button-info-icon-color: var(--info-900);
    --button-info-icon-color-hover: var(--info-900);
    --button-info-icon-color-active: var(--info-900);
    --button-info-icon-only-color: var(--info-900);
    --button-info-icon-only-color-hover: var(--info-900);
    --button-info-icon-only-color-active: var(--info-900);
    --tooltip-bg-color: var(--neutral-700);
    --tooltip-text-color: var(--neutral-100);
    --tooltip-bg-color-light: var(--neutral-500);
    --alert-warning-transparent-bg-color: var(--transparency-warning-p10);
    --alert-warning-transparent-icon-color: var(--warning-500);
    --alert-warning-transparent-text-color: var(--warning-500);
    --alert-warning-solid-bg-color: var(--warning-500);
    --alert-warning-solid-icon-color: var(--warning-900);
    --alert-warning-solid-text-color: var(--warning-900);
    --alert-error-transparent-bg-color: var(--transparency-error-p10);
    --alert-error-transparent-icon-color: var(--error-500);
    --alert-error-transparent-text-color: var(--error-500);
    --alert-info-transparent-bg-color: var(--transparency-info-p10);
    --alert-error-solid-bg-color: var(--error-500);
    --alert-info-transparent-icon-color: var(--info-500);
    --alert-error-solid-icon-color: var(--error-100);
    --alert-info-transparent-text-color: var(--info-500);
    --alert-error-solid-text-color: var(--error-100);
    --alert-success-transparent-bg-color: var(--transparency-primary-p10);
    --alert-info-solid-bg-color: var(--info-500);
    --alert-success-transparent-icon-color: var(--primary-600);
    --alert-info-solid-icon-color: var(--info-900);
    --alert-info-solid-text-color: var(--info-900);
    --alert-success-transparent-text-color: var(--primary-600);
    --alert-grey-transparent-bg-color: var(--transparency-neutral-p10);
    --alert-success-solid-bg-color: var(--primary-600);
    --alert-success-solid-icon-color: var(--primary-900);
    --alert-grey-transparent-icon-color: var(--neutral-400);
    --alert-success-solid-text-color: var(--primary-900);
    --alert-grey-transparent-text-color: var(--neutral-400);
    --alert-grey-solid-bg-color: var(--neutral-600);
    --badge-default-bg-solid-color: var(--neutral-600);
    --alert-grey-solid-icon-color: var(--neutral-300);
    --badge-default-bg-grey-color: var(--neutral-600);
    --alert-grey-solid-text-color: var(--neutral-300);
    --badge-default-bg-light-color: var(--transparency-neutral-p24);
    --badge-default-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-default-icon-color: var(--neutral-400);
    --badge-default-icon-dot-color: var(--neutral-400);
    --badge-default-text-color: var(--neutral-400);
    --button-grey-icon-color-hover: var(--neutral-200);
    --button-grey-icon-color-active: var(--neutral-600);
    --button-grey-icon-only-color: var(--neutral-200);
    --button-grey-icon-only-color-hover: var(--neutral-200);
    --button-grey-icon-only-color-active: var(--neutral-600);
    --badge-primary-bg-solid-color: var(--secondary-800);
    --badge-primary-bg-grey-color: var(--neutral-600);
    --badge-primary-bg-light-color: var(--transparency-neutral-p24);
    --badge-primary-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-primary-icon-color: var(--secondary-300);
    --badge-primary-icon-dot-color: var(--secondary-300);
    --badge-primary-text-color: var(--secondary-300);
    --badge-secondary-bg-solid-color: var(--neutral-700);
    --badge-secondary-bg-grey-color: var(--neutral-600);
    --badge-secondary-bg-light-color: var(--transparency-neutral-p24);
    --badge-secondary-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-secondary-icon-color: var(--primary-500);
    --badge-secondary-icon-dot-color: var(--primary-500);
    --badge-secondary-text-color: var(--primary-500);
    --badge-light-bg-solid-color: var(--neutral-500);
    --badge-light-bg-grey-color: var(--neutral-600);
    --badge-light-bg-light-color: var(--transparency-neutral-p24);
    --badge-light-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-light-icon-color: var(--neutral-200);
    --badge-light-icon-dot-color: var(--neutral-200);
    --badge-light-text-color: var(--neutral-200);
    --tabs-darken-bg-general: var(--transparency-neutral-d90);
    --divider-line-color: var(--neutral-600);
    --divider-label-text-color: var(--neutral-500);
    --banner-mobile-kicker-color: var(--neutral-600);
    --banner-mobile-heading-color: var(--neutral-900);
    --banner-mobile-bg-color: var(--primary-500);
    --banner-mobile-sportbook-bg-color: var(--neutral-700);
    --tabs-darken-bg-color-active: var(--neutral-500);
    --tabs-darken-bg-color-active-hover: var(--neutral-600);
    --tabs-darken-bg-color-default: var(--transparency-neutral-p00);
    --tabs-darken-bg-color-default-hover: var(--neutral-700);
    --tabs-darken-text-color-active: var(--neutral-100);
    --tabs-darken-text-color-default: var(--neutral-300);
    --tabs-darken-icon-color-active: var(--neutral-300);
    --tabs-darken-icon-color-default: var(--neutral-300);
    --tabs-lighten-bg-general: var(--neutral-900);
    --tabs-lighten-bg-color-active: var(--neutral-600);
    --tabs-lighten-bg-color-active-hover: var(--neutral-700);
    --tabs-lighten-bg-color-default: var(--transparency-neutral-p00);
    --tabs-lighten-bg-color-default-hover: var(--neutral-800);
    --tabs-lighten-text-color-active: var(--neutral-100);
    --tabs-lighten-text-color-default: var(--neutral-300);
    --tabs-lighten-icon-color-active: var(--neutral-300);
    --tabs-lighten-icon-color-default: var(--neutral-300);
    --links-grey-text-color: var(--neutral-500);
    --links-grey-text-color-hover: var(--primary-500);
    --links-grey-text-color-active: var(--primary-500);
    --links-green-text-color: var(--primary-500);
    --links-green-text-color-hover: var(--primary-700);
    --links-green-text-color-active: var(--primary-700);
    --badge-warning-bg-solid-color: var(--warning-900);
    --badge-warning-bg-grey-color: var(--neutral-600);
    --badge-warning-bg-light-color: var(--transparency-neutral-p24);
    --badge-warning-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-warning-icon-color: var(--warning-500);
    --badge-warning-icon-dot-color: var(--warning-500);
    --badge-warning-text-color: var(--warning-500);
    --badge-error-bg-solid-color: var(--error-900);
    --badge-error-bg-grey-color: var(--neutral-600);
    --badge-error-bg-light-color: var(--transparency-neutral-p24);
    --badge-error-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-error-icon-color: var(--error-300);
    --badge-error-icon-dot-color: var(--error-300);
    --badge-error-text-color: var(--error-300);
    --navdots-active-text-color: var(--neutral-900);
    --navdots-active-bg-color: var(--primary-500);
    --navdots-default-text-color: var(--transparency-primary-p50);
    --banner-desktop-kicker-color: var(--primary-500);
    --banner-desktop-heading-color: var(--neutral-100);
    --banner-desktop-bg-color: var(--neutral-b04);
    --list-number-text-color: var(--primary-500);
    --list-bulllet-fill-color: var(--primary-500);
    --row-active-text-color: var(--primary-500);
    --row-default-text-color: var(--neutral-100);
    --tofc-bg-color: var(--neutral-900);
    --footer-payment-bg-color: var(--pure-01);
    --icon-warning: var(--warning-500);
    --bg-color: var(--pure-01);
    --welcomepack-tabs-bg-color: var(--neutral-800);
    --welcomepack-tabs-bg-color-recived: var(--neutral-700);
    --welcomepack-tabs-bg-color-hover: var(--neutral-700);
    --welcomepack-tabs-text-color: var(--neutral-400);
    --welcomepack-tabs-text-color-recived: var(--primary-500);
    --welcomepack-tabs-text-color-hover: var(--neutral-200);
    --welcomepack-tabs-icon-color: var(--neutral-400);
    --welcomepack-tabs-icon-color-active: var(--neutral-200);
    --welcomepack-tabs-icon-color-recived: var(--primary-500);
    --modals-icon-error: var(--error-500);
    --modals-icon-warning: var(--warning-500);
    --modals-icon-success: var(--primary-500);
    --timer-border-color: var(--transparency-primary-p50);
    --modals-steper-progress-line: var(--primary-500);
    --timer-small-text-color-unit: var(--neutral-100);
    --timer-small-text-color-label: var(--neutral-300);
    --timer-small-text-color-time: var(--neutral-100);
    --timer-small-bg-color-dark: var(--neutral-600);
    --timer-small-icon-color: var(--neutral-300);
    --timer-small-bg-color-light: var(--transparency-neutral-p50);
    --timer-small-text-color-time-green: var(--primary-600);
    --timer-big-text-color-label: var(--primary-100);
    --timer-big-text-color-time: var(--primary-500);
    --timer-big-bg-color: var(--general-bg-general);
    --timer-big-border-color: var(--transparency-primary-p50);
    --menu-category-bg-color-active: var(--transparency-neutral-s80);
    --menu-category-border-active: var(--transparency-neutral-p80);
    --menu-category-border-color: var(--transparency-neutral-p24);
    --menu-category-bg-color-hover: var(--transparency-neutral-s70);
    --menu-button-icon-color: var(--neutral-100);
    --menu-button-icon-color-hover: var(--neutral-100);
    --menu-button-icon-color-active: var(--neutral-900);
    --menu-button-text-color: var(--neutral-100);
    --menu-button-text-color-hover: var(--neutral-200);
    --menu-button-text-color-active: var(--neutral-900);
    --menu-button-bg-color: var(--transparency-neutral-s50);
    --menu-button-bg-color-hover: var(--neutral-500);
    --menu-button-bg-color-active: var(--neutral-100);
    --notification-bg-color-new: var(--neutral-800);
    --notification-bg-color: var(--neutral-900);
    --notification-bg-color-new-hover: var(--neutral-800);
    --notification-bg-color-hover: var(--neutral-700);
}
:root .theme-light {
    --general-bg-general: var(--neutral-200);
    --general-bg-section: var(--neutral-b10);
    --general-bg-inverse: var(--neutral-b02);
    --general-bg-modal: var(--neutral-b10);
    --general-bg-card: var(--neutral-b10);
    --general-logo-color: var(--neutral-b02);
    --general-logo-color-inverse: var(--neutral-b02);
    --general-sys-border-color: var(--neutral-200);
    --general-bg-navi: var(--transparency-neutral-s80);
    --general-bg-navi-open: var(--transparency-neutral-s50);
    --general-bg-navi-inverse: var(--transparency-neutral-s50);
    --general-bg-backdrop: var(--transparency-neutral-p64);
    --general-bg-dark: var(--neutral-800);
    --general-bg-black: var(--neutral-900);
    --button-disable-fill: var(--neutral-200);
    --button-default-bg-color: var(--neutral-300);
    --button-default-bg-color-hover: var(--neutral-200);
    --button-default-bg-color-active: var(--neutral-400);
    --button-default-text-color: var(--neutral-500);
    --button-default-text-color-hover: var(--neutral-500);
    --button-default-text-color-active: var(--neutral-200);
    --button-default-icon-color: var(--neutral-500);
    --button-default-icon-color-hover: var(--neutral-500);
    --button-default-icon-color-active: var(--neutral-200);
    --button-default-icon-only-color: var(--neutral-500);
    --button-default-icon-only-color-hover: var(--neutral-500);
    --button-default-icon-only-color-active: var(--neutral-200);
    --button-primary-bg-color: var(--secondary-500);
    --button-primary-bg-color-hover: var(--secondary-700);
    --button-primary-bg-color-active: var(--secondary-600);
    --button-primary-text-color: var(--secondary-100);
    --button-primary-text-color-hover: var(--secondary-100);
    --button-primary-text-color-active: var(--secondary-100);
    --button-primary-icon-color: var(--secondary-200);
    --button-primary-icon-color-hover: var(--secondary-200);
    --button-primary-icon-color-active: var(--secondary-200);
    --button-primary-icon-only-color: var(--secondary-200);
    --button-primary-icon-only-color-hover: var(--secondary-200);
    --button-primary-icon-only-color-active: var(--secondary-200);
    --button-disable-text: var(--neutral-300);
    --button-secondary-bg-color: var(--primary-600);
    --button-secondary-bg-color-hover: var(--primary-500);
    --button-grey-bg-color: var(--neutral-300);
    --button-white-bg-color: var(--neutral-600);
    --button-line-bg-color: var(--transparency-neutral-p00);
    --button-transparent-bg-color: var(--transparency-neutral-p00);
    --button-error-bg-color: var(--error-500);
    --button-error-bg-color-hover: var(--error-700);
    --button-error-bg-color-active: var(--error-700);
    --button-error-text-color: var(--error-100);
    --button-error-text-color-hover: var(--error-100);
    --button-error-text-color-active: var(--error-100);
    --button-error-icon-color: var(--error-100);
    --button-error-icon-color-hover: var(--error-100);
    --button-error-icon-color-active: var(--error-100);
    --button-error-icon-only-color: var(--error-100);
    --button-error-icon-only-color-hover: var(--error-100);
    --button-error-icon-only-color-active: var(--error-100);
    --button-transparent-bg-color-hover: var(--neutral-200);
    --button-transparent-bg-color-active: var(--primary-600);
    --button-transparent-text-color: var(--neutral-500);
    --button-transparent-text-color-hover: var(--neutral-500);
    --button-transparent-text-color-active: var(--primary-900);
    --button-transparent-icon-color: var(--neutral-500);
    --button-transparent-icon-color-hover: var(--neutral-500);
    --button-transparent-icon-color-active: var(--primary-900);
    --button-transparent-icon-only-color: var(--neutral-500);
    --button-transparent-icon-only-color-hover: var(--neutral-500);
    --button-transparent-icon-only-color-active: var(--primary-900);
    --button-line-bg-color-hover: var(--transparency-neutral-p10);
    --button-line-bg-color-active: var(--neutral-500);
    --button-line-border-default: var(--neutral-400);
    --button-line-border-active: var(--neutral-500);
    --button-line-text-color: var(--neutral-400);
    --button-line-text-color-hover: var(--neutral-800);
    --button-line-text-color-active: var(--neutral-100);
    --button-line-icon-color: var(--neutral-400);
    --button-line-icon-color-hover: var(--neutral-800);
    --button-line-icon-color-active: var(--neutral-100);
    --button-line-icon-only-color: var(--neutral-400);
    --button-line-icon-only-color-hover: var(--neutral-800);
    --button-line-icon-only-color-active: var(--neutral-100);
    --button-grey-bg-color-hover: var(--neutral-100);
    --button-secondary-bg-color-active: var(--neutral-400);
    --button-white-bg-color-hover: var(--neutral-500);
    --button-secondary-text-color: var(--primary-900);
    --button-white-bg-color-active: var(--secondary-600);
    --button-grey-bg-color-active: var(--neutral-400);
    --button-secondary-text-color-hover: var(--primary-900);
    --button-secondary-text-color-active: var(--neutral-200);
    --button-grey-text-color: var(--neutral-500);
    --button-secondary-icon-color: var(--primary-900);
    --button-white-text-color: var(--neutral-b10);
    --button-white-text-color-hover: var(--neutral-b10);
    --button-secondary-icon-color-hover: var(--primary-900);
    --button-secondary-icon-color-active: var(--neutral-200);
    --button-secondary-icon-only-color: var(--primary-900);
    --button-secondary-icon-only-color-hover: var(--primary-900);
    --button-secondary-icon-only-color-active: var(--neutral-100);
    --button-white-text-color-active: var(--neutral-b10);
    --button-grey-text-color-hover: var(--neutral-500);
    --button-grey-text-color-active: var(--neutral-200);
    --button-grey-icon-color: var(--neutral-600);
    --button-white-icon-color: var(--neutral-300);
    --button-disable-icon: var(--neutral-300);
    --button-white-icon-color-hover: var(--neutral-300);
    --button-white-icon-color-active: var(--neutral-300);
    --button-white-icon-only-color: var(--neutral-300);
    --button-white-icon-only-color-hover: var(--neutral-300);
    --button-white-icon-only-color-active: var(--neutral-300);
    --typography-title01: var(--general-bg-inverse);
    --typography-body01: var(--neutral-500);
    --form-input-cursor: var(--primary-800);
    --typography-body02: var(--neutral-600);
    --typography-body03: var(--neutral-300);
    --typography-title02: var(--neutral-100);
    --typography-title03: var(--neutral-900);
    --typography-title04: var(--primary-500);
    --form-label-text-color: var(--neutral-400);
    --form-input-bg-default: var(--neutral-100);
    --form-input-bg-disabled: var(--transparency-neutral-p10);
    --form-input-border-default: var(--neutral-300);
    --form-input-border-disable: var(--neutral-200);
    --form-input-border-focused: var(--primary-700);
    --form-input-border-hover: var(--primary-700);
    --form-input-border-error: var(--error-500);
    --form-input-icon-default: var(--neutral-400);
    --form-input-icon-warning: var(--warning-700);
    --form-input-icon-error: var(--error-500);
    --form-input-icon-active: var(--primary-700);
    --form-input-icon-disabled: var(--neutral-300);
    --form-input-text-placeholder: var(--neutral-300);
    --form-input-text-default: var(--neutral-500);
    --form-input-text-disabled: var(--neutral-300);
    --form-hint-icon-color-warning: var(--warning-700);
    --form-hint-text-color-warning: var(--warning-700);
    --form-hint-icon-color-error: var(--error-500);
    --form-hint-text-color-error: var(--error-500);
    --form-hint-icon-color-succes: var(--primary-700);
    --form-hint-text-color-succes: var(--primary-700);
    --form-hint-icon-color-link: var(--primary-700);
    --form-hint-text-color-link: var(--primary-700);
    --form-hint-icon-color-info: var(--neutral-400);
    --form-hint-text-color-info: var(--neutral-400);
    --form-checkbox-checkbox: var(--primary-700);
    --form-radio-radio: var(--primary-700);
    --form-radio-radio-disabled: var(--neutral-700);
    --form-radio-radio-inner-disabled: var(--neutral-500);
    --button-warning-bg-color: var(--warning-500);
    --button-warning-bg-color-hover: var(--warning-700);
    --button-warning-bg-color-active: var(--warning-700);
    --button-warning-text-color: var(--warning-900);
    --button-warning-text-color-hover: var(--warning-900);
    --button-warning-text-color-active: var(--warning-900);
    --button-warning-icon-color: var(--warning-900);
    --button-warning-icon-color-hover: var(--warning-900);
    --button-warning-icon-color-active: var(--warning-900);
    --button-warning-icon-only-color: var(--warning-900);
    --button-warning-icon-only-color-hover: var(--warning-900);
    --button-warning-icon-only-color-active: var(--warning-900);
    --button-info-bg-color: var(--info-500);
    --button-info-bg-color-hover: var(--info-700);
    --button-info-bg-color-active: var(--info-700);
    --button-info-text-color: var(--info-900);
    --button-info-text-color-hover: var(--info-900);
    --button-info-text-color-active: var(--info-900);
    --button-info-icon-color: var(--info-900);
    --button-info-icon-color-hover: var(--info-900);
    --button-info-icon-color-active: var(--info-900);
    --button-info-icon-only-color: var(--info-900);
    --button-info-icon-only-color-hover: var(--info-900);
    --button-info-icon-only-color-active: var(--info-900);
    --tooltip-bg-color: var(--neutral-200);
    --tooltip-text-color: var(--neutral-800);
    --tooltip-bg-color-light: var(--neutral-300);
    --alert-warning-transparent-bg-color: var(--transparency-warning-p10);
    --alert-warning-transparent-icon-color: var(--warning-500);
    --alert-warning-transparent-text-color: var(--warning-700);
    --alert-warning-solid-bg-color: var(--warning-500);
    --alert-warning-solid-icon-color: var(--warning-700);
    --alert-warning-solid-text-color: var(--warning-900);
    --alert-error-transparent-bg-color: var(--transparency-error-p10);
    --alert-error-transparent-icon-color: var(--error-500);
    --alert-error-transparent-text-color: var(--error-700);
    --alert-info-transparent-bg-color: var(--transparency-info-p10);
    --alert-error-solid-bg-color: var(--error-500);
    --alert-info-transparent-icon-color: var(--info-500);
    --alert-error-solid-icon-color: var(--warning-100);
    --alert-info-transparent-text-color: var(--info-700);
    --alert-error-solid-text-color: var(--warning-100);
    --alert-success-transparent-bg-color: var(--transparency-primary-p10);
    --alert-info-solid-bg-color: var(--info-500);
    --alert-success-transparent-icon-color: var(--primary-700);
    --alert-info-solid-icon-color: var(--info-700);
    --alert-info-solid-text-color: var(--info-900);
    --alert-success-transparent-text-color: var(--primary-900);
    --alert-grey-transparent-bg-color: var(--transparency-neutral-p10);
    --alert-success-solid-bg-color: var(--primary-600);
    --alert-success-solid-icon-color: var(--primary-900);
    --alert-grey-transparent-icon-color: var(--neutral-400);
    --alert-success-solid-text-color: var(--primary-900);
    --alert-grey-transparent-text-color: var(--neutral-400);
    --alert-grey-solid-bg-color: var(--neutral-500);
    --badge-default-bg-solid-color: var(--neutral-300);
    --alert-grey-solid-icon-color: var(--neutral-300);
    --badge-default-bg-grey-color: var(--neutral-200);
    --alert-grey-solid-text-color: var(--neutral-300);
    --badge-default-bg-light-color: var(--transparency-neutral-p10);
    --badge-default-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-default-icon-color: var(--neutral-400);
    --badge-default-icon-dot-color: var(--neutral-400);
    --badge-default-text-color: var(--neutral-400);
    --button-grey-icon-color-hover: var(--neutral-500);
    --button-grey-icon-color-active: var(--neutral-200);
    --button-grey-icon-only-color: var(--neutral-600);
    --button-grey-icon-only-color-hover: var(--neutral-500);
    --button-grey-icon-only-color-active: var(--neutral-200);
    --badge-primary-bg-solid-color: var(--secondary-500);
    --badge-primary-bg-grey-color: var(--neutral-200);
    --badge-primary-bg-light-color: var(--transparency-secondary-p10);
    --badge-primary-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-primary-icon-color: var(--secondary-400);
    --badge-primary-icon-dot-color: var(--secondary-400);
    --badge-primary-text-color: var(--secondary-400);
    --badge-secondary-bg-solid-color: var(--neutral-700);
    --badge-secondary-bg-grey-color: var(--neutral-200);
    --badge-secondary-bg-light-color: var(--transparency-primary-p10);
    --badge-secondary-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-secondary-icon-color: var(--primary-700);
    --badge-secondary-icon-dot-color: var(--primary-700);
    --badge-secondary-text-color: var(--primary-700);
    --badge-light-bg-solid-color: var(--neutral-200);
    --badge-light-bg-grey-color: var(--neutral-200);
    --badge-light-bg-light-color: var(--transparency-neutral-p10);
    --badge-light-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-light-icon-color: var(--neutral-500);
    --badge-light-icon-dot-color: var(--neutral-500);
    --badge-light-text-color: var(--neutral-500);
    --tabs-darken-bg-general: var(--transparency-neutral-p50);
    --divider-line-color: var(--neutral-200);
    --divider-label-text-color: var(--neutral-400);
    --banner-mobile-kicker-color: var(--neutral-600);
    --banner-mobile-heading-color: var(--neutral-900);
    --banner-mobile-bg-color: var(--primary-500);
    --banner-mobile-sportbook-bg-color: var(--neutral-700);
    --tabs-darken-bg-color-active: var(--neutral-100);
    --tabs-darken-bg-color-active-hover: var(--neutral-200);
    --tabs-darken-bg-color-default: var(--transparency-neutral-p00);
    --tabs-darken-bg-color-default-hover: var(--neutral-300);
    --tabs-darken-text-color-active: var(--neutral-500);
    --tabs-darken-text-color-default: var(--neutral-100);
    --tabs-darken-icon-color-active: var(--neutral-300);
    --tabs-darken-icon-color-default: var(--neutral-300);
    --tabs-lighten-bg-general: var(--transparency-neutral-p10);
    --tabs-lighten-bg-color-active: var(--neutral-100);
    --tabs-lighten-bg-color-active-hover: var(--neutral-200);
    --tabs-lighten-bg-color-default: var(--transparency-neutral-p00);
    --tabs-lighten-bg-color-default-hover: var(--neutral-100);
    --tabs-lighten-text-color-active: var(--neutral-500);
    --tabs-lighten-text-color-default: var(--neutral-400);
    --tabs-lighten-icon-color-active: var(--neutral-300);
    --tabs-lighten-icon-color-default: var(--neutral-300);
    --links-grey-text-color: var(--neutral-500);
    --links-grey-text-color-hover: var(--primary-700);
    --links-grey-text-color-active: var(--primary-700);
    --links-green-text-color: var(--primary-700);
    --links-green-text-color-hover: var(--primary-800);
    --links-green-text-color-active: var(--primary-800);
    --badge-warning-bg-solid-color: var(--warning-700);
    --badge-warning-bg-grey-color: var(--neutral-200);
    --badge-warning-bg-light-color: var(--transparency-warning-p10);
    --badge-warning-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-warning-icon-color: var(--warning-500);
    --badge-warning-icon-dot-color: var(--warning-500);
    --badge-warning-text-color: var(--warning-500);
    --badge-error-bg-solid-color: var(--error-500);
    --badge-error-bg-grey-color: var(--neutral-200);
    --badge-error-bg-light-color: var(--transparency-error-p10);
    --badge-error-bg-transparent-color: var(--transparency-neutral-p00);
    --badge-error-icon-color: var(--error-300);
    --badge-error-icon-dot-color: var(--error-300);
    --badge-error-text-color: var(--error-300);
    --navdots-active-text-color: var(--neutral-100);
    --navdots-active-bg-color: var(--primary-700);
    --navdots-default-text-color: var(--transparency-secondary-s20);
    --banner-desktop-kicker-color: var(--primary-500);
    --banner-desktop-heading-color: var(--neutral-100);
    --banner-desktop-bg-color: var(--neutral-b04);
    --list-number-text-color: var(--primary-700);
    --list-bulllet-fill-color: var(--primary-700);
    --row-active-text-color: var(--primary-700);
    --row-default-text-color: var(--neutral-900);
    --tofc-bg-color: var(--neutral-b10);
    --footer-payment-bg-color: var(--pure-01);
    --icon-warning: var(--warning-500);
    --bg-color: var(--pure-01);
    --welcomepack-tabs-bg-color: var(--neutral-800);
    --welcomepack-tabs-bg-color-recived: var(--neutral-700);
    --welcomepack-tabs-bg-color-hover: var(--neutral-700);
    --welcomepack-tabs-text-color: var(--neutral-400);
    --welcomepack-tabs-text-color-recived: var(--primary-500);
    --welcomepack-tabs-text-color-hover: var(--neutral-200);
    --welcomepack-tabs-icon-color: var(--neutral-400);
    --welcomepack-tabs-icon-color-active: var(--neutral-200);
    --welcomepack-tabs-icon-color-recived: var(--primary-500);
    --modals-icon-error: var(--error-500);
    --modals-icon-warning: var(--warning-500);
    --modals-icon-success: var(--primary-600);
    --timer-border-color: var(--primary-700);
    --modals-steper-progress-line: var(--primary-600);
    --timer-small-text-color-unit: var(--primary-100);
    --timer-small-text-color-label: var(--neutral-300);
    --timer-small-text-color-time: var(--neutral-100);
    --timer-small-bg-color-dark: var(--neutral-600);
    --timer-small-icon-color: var(--neutral-300);
    --timer-small-bg-color-light: var(--transparency-neutral-p80);
    --timer-small-text-color-time-green: var(--primary-600);
    --timer-big-text-color-label: var(--neutral-900);
    --timer-big-text-color-time: var(--primary-700);
    --timer-big-bg-color: var(--general-bg-general);
    --timer-big-border-color: var(--transparency-primary-s50);
    --menu-category-bg-color-active: var(--transparency-neutral-s80);
    --menu-category-border-active: var(--transparency-neutral-p80);
    --menu-category-border-color: var(--transparency-neutral-p24);
    --menu-category-bg-color-hover: var(--transparency-neutral-s70);
    --menu-button-icon-color: var(--neutral-100);
    --menu-button-icon-color-hover: var(--neutral-500);
    --menu-button-icon-color-active: var(--neutral-900);
    --menu-button-text-color: var(--neutral-100);
    --menu-button-text-color-hover: var(--neutral-500);
    --menu-button-text-color-active: var(--neutral-900);
    --menu-button-bg-color: var(--transparency-neutral-s50);
    --menu-button-bg-color-hover: var(--neutral-100);
    --menu-button-bg-color-active: var(--neutral-100);
    --notification-bg-color-new: var(--neutral-300);
    --notification-bg-color: var(--neutral-100);
    --notification-bg-color-new-hover: var(--neutral-200);
    --notification-bg-color-hover: var(--neutral-300);
}
:root {
    --link-big-font-family: var(--family-inter);
    --link-big-font-weight-01: var(--font-weight-regular);
    --link-big-font-weight-02: var(--font-weight-bold);
    --link-big-font-size: var(--font-size-16);
    --link-big-line-height: var(--line-height-20);
    --link-big-letter-spacing: var(--letter-spacing-none);
    --section-hero-font-family: var(--family-alumni-sans);
    --section-hero-font-style: var(--font-style-italic-bold);
    --section-hero-font-size: var(--font-size-80);
    --section-hero-line-height: var(--line-height-64);
    --section-hero-letter-spacing: var(--letter-spacing-none);
    --section-title-font-family: var(--family-alumni-sans);
    --section-title-font-style: var(--font-style-italic-bold);
    --section-title-font-size: var(--font-size-24);
    --section-title-line-height: var(--line-height-24);
    --section-title-letter-spacing: var(--letter-spacing-none);
    --link-medium-font-family: var(--family-inter);
    --link-medium-font-weight-01: var(--font-weight-regular);
    --link-medium-font-weight-02: var(--font-weight-bold);
    --link-medium-font-size: var(--font-size-14);
    --link-medium-line-height: var(--line-height-18);
    --link-medium-letter-spacing: var(--letter-spacing-none);
    --card-title-font-family: var(--family-alumni-sans);
    --card-title-font-style: var(--font-style-italic-bold);
    --card-title-font-size: var(--font-size-24);
    --card-title-line-height: var(--line-height-24);
    --card-title-letter-spacing: var(--letter-spacing-none);
    --badge-small-font-family: var(--family-inter);
    --badge-small-font-weight: var(--font-weight-regular);
    --badge-small-bold-font-weight: var(--font-weight-bold);
    --badge-small-font-size: var(--font-size-12);
    --badge-small-line-height: var(--line-height-16);
    --badge-small-letter-spacing: var(--letter-spacing-none);
    --badge-medium-font-family: var(--family-inter);
    --badge-small-italic-font-family: var(--family-alumni-sans);
    --badge-small-italic-font-style: var(--font-style-italic-bold);
    --badge-small-italic-font-size: var(--font-size-16);
    --badge-small-italic-line-height: var(--line-height-16);
    --badge-small-italic-letter-spacing: var(--letter-spacing-none);
    --badge-medium-font-weight: var(--font-weight-regular);
    --badge-medium-bold-font-weight: var(--font-weight-bold);
    --badge-medium-font-size: var(--font-size-14);
    --badge-medium-line-height: var(--line-height-18);
    --badge-medium-letter-spacing: var(--letter-spacing-none);
    --buttons-micro-font-family: var(--family-inter);
    --buttons-micro-font-weight: var(--font-weight-bold);
    --buttons-micro-font-size: var(--font-size-10);
    --buttons-micro-line-height: var(--line-height-14);
    --buttons-micro-letter-spacing: var(--letter-spacing-none);
    --buttons-small-font-family: var(--family-inter);
    --buttons-small-font-weight: var(--font-weight-bold);
    --buttons-small-font-size: var(--font-size-12);
    --buttons-small-line-height: var(--line-height-16);
    --buttons-small-letter-spacing: var(--letter-spacing-none);
    --buttons-medium-font-family: var(--family-inter);
    --buttons-medium-font-weight: var(--font-weight-bold);
    --buttons-medium-font-size: var(--font-size-14);
    --buttons-medium-line-height: var(--line-height-20);
    --buttons-medium-letter-spacing: var(--letter-spacing-none);
    --buttons-large-font-family: var(--family-inter);
    --buttons-large-font-weight: var(--font-weight-bold);
    --buttons-large-font-size: var(--font-size-18);
    --buttons-large-line-height: var(--line-height-24);
    --buttons-large-letter-spacing: var(--letter-spacing-none);
    --slider-kicker-font-family: var(--family-alumni-sans);
    --slider-kicker-font-size: var(--font-size-20);
    --slider-kicker-font-style: var(--font-style-italic-bold);
    --slider-kicker-line-height: var(--line-height-20);
    --slider-kicker-letter-spacing: var(--letter-spacing-none);
    --slider-heading-font-family: var(--family-alumni-sans);
    --slider-heading-font-size: var(--font-size-40);
    --slider-heading-font-style: var(--font-style-italic-bold);
    --slider-heading-line-height: var(--line-height-40);
    --slider-heading-letter-spacing: var(--letter-spacing-none);
    --divider-label-font-size: var(--font-size-14);
    --divider-label-font-weight: var(--font-weight-regular);
    --divider-label-font-family: var(--family-inter);
    --divider-label-letter-spacing: var(--letter-spacing-none);
    --divider-label-line-height: var(--line-height-18);
    --banner-kicker-letter-spacing: var(--letter-spacing-none);
    --banner-kicker-line-height: var(--line-height-18);
    --banner-kicker-font-family: var(--family-inter);
    --banner-kicker-font-weight: var(--font-weight-regular);
    --banner-kicker-font-size: var(--font-size-14);
    --banner-heading-font-family: var(--family-alumni-sans);
    --banner-heading-font-size: var(--font-size-32);
    --banner-heading-font-style: var(--font-style-italic-bold);
    --banner-heading-letter-spacing: var(--letter-spacing-none);
    --banner-heading-line-height: var(--line-height-32);
    --link-small-font-family: var(--family-inter);
    --link-small-font-weight-01: var(--font-weight-regular);
    --link-small-font-weight-02: var(--font-weight-bold);
    --link-small-font-size: var(--font-size-12);
    --link-small-line-height: var(--line-height-16);
    --link-small-letter-spacing: var(--letter-spacing-none);
    --badge-medium-italic-font-family: var(--family-alumni-sans);
    --badge-medium-italic-font-style: var(--font-style-italic-bold);
    --badge-medium-italic-font-size: var(--font-size-18);
    --badge-medium-italic-line-height: var(--line-height-18);
    --badge-medium-italic-letter-spacing: var(--letter-spacing-none);
    --navdots-active-font-family: var(--family-inter);
    --navdots-active-font-size: var(--font-size-14);
    --navdots-active-font-weight: var(--font-weight-black);
    --navdots-active-letter-spacing: var(--letter-spacing-none);
    --navdots-active-line-height: var(--line-height-12);
    --navdots-default-font-family: var(--family-inter);
    --navdots-default-font-size: var(--font-size-12);
    --navdots-default-font-weight: var(--font-weight-black);
    --navdots-default-letter-spacing: var(--letter-spacing-none);
    --navdots-default-line-height: var(--line-height-12);
    --bonus-title-font-family: var(--family-alumni-sans);
    --promo-title-font-family: var(--family-alumni-sans);
    --bonus-title-font-style: var(--font-style-italic-bold);
    --bonus-title-font-size: var(--font-size-32);
    --promo-title-font-size: var(--font-size-40);
    --bonus-title-line-height: var(--line-height-32);
    --promo-title-line-height: var(--line-height-40);
    --bonus-title-letter-spacing: var(--letter-spacing-none);
    --bonus-card-descr-font-family: var(--family-alumni-sans);
    --otpinput-font-family: var(--family-inter);
    --lists-h1-font-family: var(--family-alumni-sans);
    --lists-h1-font-size: var(--font-size-22);
    --lists-h1-font-weight: var(--font-weight-medium);
    --lists-h1-letter-spacing: var(--letter-spacing-none);
    --lists-h1-line-height: var(--line-height-22);
    --otpinput-font-size: var(--font-size-24);
    --otpinput-font-weight: var(--font-weight-semi-bold);
    --otpinput-letter-spacing: var(--letter-spacing-none);
    --otpinput-line-height: var(--line-height-24);
    --bonus-card-descr-font-size: var(--font-size-40);
    --bonus-card-descr-font-style: var(--font-style-italic-bold);
    --bonus-card-descr-letter-spacing: var(--letter-spacing-none);
    --bonus-card-descr-line-height: var(--line-height-32);
    --lists-h1-par-spacing: var(--par-spacing-None);
    --bonus-card-sign-font-family: var(--family-alumni-sans);
    --bonus-card-sign-font-size: var(--font-size-32);
    --bonus-card-sign-font-style: var(--font-style-italic-bold);
    --bonus-card-sign-letter-spacing: var(--letter-spacing-none);
    --bonus-card-sign-line-height: var(--line-height-32);
    --lists-h1-v2-font-family: var(--family-inter);
    --lists-h1-v2-font-size: var(--font-size-14);
    --lists-h1-v2-font-weight: var(--font-weight-regular);
    --lists-h1-v2-letter-spacing: var(--letter-spacing-none);
    --lists-h1-v2-line-height: var(--line-height-20);
    --tofc-font-family: var(--family-alumni-sans);
    --tofc-font-size: var(--font-size-22);
    --tofc-font-style: var(--font-style-italic-bold);
    --tofc-letter-spacing: var(--letter-spacing-none);
    --tofc-line-height: var(--line-height-22);
    --rules-h1-font-family: var(--family-alumni-sans);
    --rules-h1-font-size: var(--font-size-64);
    --rules-h1-font-style: var(--font-style-italic-bold);
    --rules-h1-letter-spacing: var(--letter-spacing-none);
    --rules-h1-line-height: var(--line-height-64);
    --rules-h1-par-spacing: var(--par-spacing-None);
    --lists-h2-font-family: var(--family-alumni-sans);
    --lists-h2-font-size: var(--font-size-32);
    --lists-h2-font-weight: var(--font-weight-medium);
    --lists-h2-letter-spacing: var(--letter-spacing-none);
    --lists-h2-line-height: var(--line-height-32);
    --lists-h2-par-spacing: var(--par-spacing-None);
    --timer-small-label-font-family: var(--family-inter);
    --timer-small-label-font-size: var(--font-size-12);
    --timer-small-label-font-weight: var(--font-weight-regular);
    --timer-small-label-letter-spacing: var(--letter-spacing-none);
    --timer-small-label-line-height: var(--line-height-16);
    --timer-small-label-par-spacing: var(--par-spacing-None);
    --timer-small-unit-font-family: var(--family-alumni-sans);
    --timer-small-unit-font-size: var(--font-size-12);
    --timer-small-unit-font-style: var(--font-style-italic-bold);
    --timer-small-unit-letter-spacing: var(--letter-spacing-s);
    --timer-small-unit-line-height: var(--line-height-14);
    --timer-small-unit-par-spacing: var(--par-spacing-None);
    --timer-small-time-font-family: var(--family-alumni-sans);
    --timer-small-time-font-size: var(--font-size-16);
    --timer-small-time-font-weight: var(--font-style-italic-bold);
    --timer-small-time-letter-spacing: var(--letter-spacing-m);
    --timer-small-time-line-height: var(--line-height-16);
    --timer-small-time-par-spacing: var(--par-spacing-None);
    --timer-big-label-font-family: var(--family-inter);
    --timer-big-label-font-size: var(--font-size-12);
    --timer-big-label-font-weight: var(--font-weight-regular);
    --timer-big-label-par-spacing: var(--par-spacing-None);
    --timer-big-label-letter-spacing: var(--letter-spacing-none);
    --timer-big-label-line-height: var(--line-height-16);
    --timer-big-time-font-family: var(--family-alumni-sans);
    --timer-big-time-line-height: var(--line-height-32);
    --timer-big-time-font-style: var(--font-style-italic-bold);
    --timer-big-time-letter-spacing: var(--letter-spacing-none);
    --timer-big-time-font-size: var(--font-size-40);
    --timer-big-time-par-spacing: var(--par-spacing-None);
    --font-weight: var(--font-weight-bold-italic);
    --font-size: var(--font-size-40);
    --line-height: var(--line-height-32);
    --letter-spacing: var(--letter-spacing-none);
    --balance-total-number-font-family: var(--family-inter);
    --balance-total-number-font-weight: var(--font-weight-bold);
    --balance-total-number-font-size: var(--font-size-24);
    --balance-total-number-line-height: var(--line-height-24);
    --balance-total-number-letter-spacing: var(--letter-spacing-none);
    --balance-total-sign-font-family: var(--family-inter);
    --balance-total-sign-font-weight: var(--font-weight-bold);
    --balance-total-sign-font-size: var(--font-size-20);
    --balance-total-sign-line-height: var(--line-height-20);
    --balance-total-sign-letter-spacing: var(--letter-spacing-none);
    --balance-cards-number-font-family: var(--family-inter);
    --balance-cards-number-font-weight: var(--font-weight-bold);
    --balance-cards-number-font-size: var(--font-size-12);
    --balance-cards-number-line-height: var(--line-height-14);
    --balance-cards-number-letter-spacing: var(--letter-spacing-none);
    --balance-cards-sign-font-family: var(--family-inter);
    --balance-cards-sign-font-weight: var(--font-weight-bold);
    --balance-cards-sign-font-size: var(--font-size-12);
    --balance-cards-sign-line-height: var(--line-height-14);
    --balance-cards-sign-letter-spacing: var(--letter-spacing-none);
    --balance-total-title-font-family: var(--family-inter);
    --balance-total-title-font-weight: var(--font-weight-regular);
    --balance-total-title-font-size: var(--font-size-14);
    --balance-total-title-line-height: var(--line-height-16);
    --balance-total-title-letter-spacing: var(--letter-spacing-none);
    --balance-cards-title-font-family: var(--family-inter);
    --balance-cards-title-font-weight: var(--font-weight-regular);
    --balance-cards-title-font-size: var(--font-size-10);
    --balance-cards-title-line-height: var(--line-height-12);
    --balance-cards-title-letter-spacing: var(--letter-spacing-none);
    --game-font-family-name: var(--family-inter);
    --game-slot-big-line-height-label: var(--line-height-16);
    --game-slot-big-font-weight-label: var(--font-weight-bold);
    --game-slot-big-letter-spacing-label: var(--letter-spacing-none);
    --game-slot-big-font-size-label: var(--font-size-12);
    --game-slot-big-font-size-name: var(--font-size-32);
    --game-slot-big-letter-spacing-name: var(--letter-spacing-none);
    --game-slot-big-font-weight-name: var(--font-weight-medium-italic);
    --game-slot-big-line-height-name: var(--line-height-40);
    --game-font-family-label: var(--family-inter);
    --promo-font-family: var(--family-alumni-sans);
    --promo-font-style: var(--font-style-italic-bold);
    --promo-letter-spacing: var(--letter-spacing-none);
    --promo-line-height: var(--line-height-40);
    --promo-font-size: var(--font-size-40);
    --notification-font-family: var(--family-inter);
    --notification-line-height: var(--line-height-20);
    --notification-letter-spacing: var(--letter-spacing-none);
    --notification-font-weight: var(--font-weight-regular);
    --notification-font-size: var(--font-size-14);
}
@media (min-width: 1200px) {
    :root {
        --link-big-font-family: var(--family-inter);
        --link-big-font-weight-01: var(--font-weight-regular);
        --link-big-font-weight-02: var(--font-weight-bold);
        --link-big-font-size: var(--font-size-16);
        --link-big-line-height: var(--line-height-20);
        --link-big-letter-spacing: var(--letter-spacing-none);
        --section-hero-font-family: var(--family-alumni-sans);
        --section-hero-font-style: var(--font-style-italic-bold);
        --section-hero-font-size: var(--font-size-106);
        --section-hero-line-height: var(--line-height-80);
        --section-hero-letter-spacing: var(--letter-spacing-none);
        --section-title-font-family: var(--family-alumni-sans);
        --section-title-font-style: var(--font-style-italic-bold);
        --section-title-font-size: var(--font-size-40);
        --section-title-line-height: var(--line-height-40);
        --section-title-letter-spacing: var(--letter-spacing-none);
        --link-medium-font-family: var(--family-inter);
        --link-medium-font-weight-01: var(--font-weight-regular);
        --link-medium-font-weight-02: var(--font-weight-bold);
        --link-medium-font-size: var(--font-size-14);
        --link-medium-line-height: var(--line-height-18);
        --link-medium-letter-spacing: var(--letter-spacing-none);
        --card-title-font-family: var(--family-alumni-sans);
        --card-title-font-style: var(--font-style-italic-bold);
        --card-title-font-size: var(--font-size-40);
        --card-title-line-height: var(--line-height-32);
        --card-title-letter-spacing: var(--letter-spacing-none);
        --badge-small-font-family: var(--family-inter);
        --badge-small-font-weight: var(--font-weight-regular);
        --badge-small-bold-font-weight: var(--font-weight-bold);
        --badge-small-font-size: var(--font-size-12);
        --badge-small-line-height: var(--line-height-16);
        --badge-small-letter-spacing: var(--letter-spacing-none);
        --badge-medium-font-family: var(--family-inter);
        --badge-small-italic-font-family: var(--family-alumni-sans);
        --badge-small-italic-font-style: var(--font-style-italic-bold);
        --badge-small-italic-font-size: var(--font-size-16);
        --badge-small-italic-line-height: var(--line-height-16);
        --badge-small-italic-letter-spacing: var(--letter-spacing-none);
        --badge-medium-font-weight: var(--font-weight-regular);
        --badge-medium-bold-font-weight: var(--font-weight-bold);
        --badge-medium-font-size: var(--font-size-14);
        --badge-medium-line-height: var(--line-height-18);
        --badge-medium-letter-spacing: var(--letter-spacing-none);
        --buttons-micro-font-family: var(--family-inter);
        --buttons-micro-font-weight: var(--font-weight-bold);
        --buttons-micro-font-size: var(--font-size-10);
        --buttons-micro-line-height: var(--line-height-14);
        --buttons-micro-letter-spacing: var(--letter-spacing-none);
        --buttons-small-font-family: var(--family-inter);
        --buttons-small-font-weight: var(--font-weight-bold);
        --buttons-small-font-size: var(--font-size-12);
        --buttons-small-line-height: var(--line-height-16);
        --buttons-small-letter-spacing: var(--letter-spacing-none);
        --buttons-medium-font-family: var(--family-inter);
        --buttons-medium-font-weight: var(--font-weight-bold);
        --buttons-medium-font-size: var(--font-size-14);
        --buttons-medium-line-height: var(--line-height-20);
        --buttons-medium-letter-spacing: var(--letter-spacing-none);
        --buttons-large-font-family: var(--family-inter);
        --buttons-large-font-weight: var(--font-weight-bold);
        --buttons-large-font-size: var(--font-size-18);
        --buttons-large-line-height: var(--line-height-24);
        --buttons-large-letter-spacing: var(--letter-spacing-none);
        --slider-kicker-font-family: var(--family-alumni-sans);
        --slider-kicker-font-size: var(--font-size-40);
        --slider-kicker-font-style: var(--font-style-italic-bold);
        --slider-kicker-line-height: var(--line-height-40);
        --slider-kicker-letter-spacing: var(--letter-spacing-none);
        --slider-heading-font-family: var(--family-alumni-sans);
        --slider-heading-font-size: var(--font-size-80);
        --slider-heading-font-style: var(--font-style-italic-bold);
        --slider-heading-line-height: var(--line-height-80);
        --slider-heading-letter-spacing: var(--letter-spacing-none);
        --divider-label-font-size: var(--font-size-14);
        --divider-label-font-weight: var(--font-weight-regular);
        --divider-label-font-family: var(--family-inter);
        --divider-label-letter-spacing: var(--letter-spacing-none);
        --divider-label-line-height: var(--line-height-18);
        --banner-kicker-letter-spacing: var(--letter-spacing-none);
        --banner-kicker-line-height: var(--line-height-32);
        --banner-kicker-font-family: var(--family-alumni-sans);
        --banner-kicker-font-weight: var(--font-weight-bold-italic);
        --banner-kicker-font-size: var(--font-size-40);
        --banner-heading-font-family: var(--family-alumni-sans);
        --banner-heading-font-size: var(--font-size-106);
        --banner-heading-font-style: var(--font-style-italic-bold);
        --banner-heading-letter-spacing: var(--letter-spacing-none);
        --banner-heading-line-height: var(--line-height-80);
        --link-small-font-family: var(--family-inter);
        --link-small-font-weight-01: var(--font-weight-regular);
        --link-small-font-weight-02: var(--font-weight-bold);
        --link-small-font-size: var(--font-size-12);
        --link-small-line-height: var(--line-height-16);
        --link-small-letter-spacing: var(--letter-spacing-none);
        --badge-medium-italic-font-family: var(--family-alumni-sans);
        --badge-medium-italic-font-style: var(--font-style-italic-bold);
        --badge-medium-italic-font-size: var(--font-size-16);
        --badge-medium-italic-line-height: var(--line-height-18);
        --badge-medium-italic-letter-spacing: var(--letter-spacing-none);
        --navdots-active-font-family: var(--family-inter);
        --navdots-active-font-size: var(--font-size-14);
        --navdots-active-font-weight: var(--font-weight-black);
        --navdots-active-letter-spacing: var(--letter-spacing-none);
        --navdots-active-line-height: var(--line-height-12);
        --navdots-default-font-family: var(--family-inter);
        --navdots-default-font-size: var(--font-size-12);
        --navdots-default-font-weight: var(--font-weight-black);
        --navdots-default-letter-spacing: var(--letter-spacing-none);
        --navdots-default-line-height: var(--line-height-12);
        --bonus-title-font-family: var(--family-alumni-sans);
        --promo-title-font-family: var(--family-alumni-sans);
        --bonus-title-font-style: var(--font-style-italic-bold);
        --bonus-title-font-size: var(--font-size-40);
        --promo-title-font-size: var(--font-size-64);
        --bonus-title-line-height: var(--line-height-32);
        --promo-title-line-height: var(--line-height-64);
        --bonus-title-letter-spacing: var(--letter-spacing-none);
        --bonus-card-descr-font-family: var(--family-alumni-sans);
        --otpinput-font-family: var(--family-inter);
        --lists-h1-font-family: var(--family-alumni-sans);
        --lists-h1-font-size: var(--font-size-32);
        --lists-h1-font-weight: var(--font-weight-medium);
        --lists-h1-letter-spacing: var(--letter-spacing-none);
        --lists-h1-line-height: var(--line-height-32);
        --otpinput-font-size: var(--font-size-24);
        --otpinput-font-weight: var(--font-weight-semi-bold);
        --otpinput-letter-spacing: var(--letter-spacing-none);
        --otpinput-line-height: var(--line-height-24);
        --bonus-card-descr-font-size: var(--font-size-64);
        --bonus-card-descr-font-style: var(--font-style-italic-bold);
        --bonus-card-descr-letter-spacing: var(--letter-spacing-none);
        --bonus-card-descr-line-height: var(--line-height-64);
        --lists-h1-par-spacing: var(--par-spacing-None);
        --bonus-card-sign-font-family: var(--family-alumni-sans);
        --bonus-card-sign-font-size: var(--font-size-40);
        --bonus-card-sign-font-style: var(--font-style-italic-bold);
        --bonus-card-sign-letter-spacing: var(--letter-spacing-none);
        --bonus-card-sign-line-height: var(--line-height-40);
        --lists-h1-v2-font-family: var(--family-alumni-sans);
        --lists-h1-v2-font-size: var(--font-size-32);
        --lists-h1-v2-font-weight: var(--font-weight-medium);
        --lists-h1-v2-letter-spacing: var(--letter-spacing-none);
        --lists-h1-v2-line-height: var(--line-height-32);
        --tofc-font-family: var(--family-alumni-sans);
        --tofc-font-size: var(--font-size-40);
        --tofc-font-style: var(--font-style-italic-bold);
        --tofc-letter-spacing: var(--letter-spacing-none);
        --tofc-line-height: var(--line-height-32);
        --rules-h1-font-family: var(--family-alumni-sans);
        --rules-h1-font-size: var(--font-size-106);
        --rules-h1-font-style: var(--font-style-italic-bold);
        --rules-h1-letter-spacing: var(--letter-spacing-none);
        --rules-h1-line-height: var(--line-height-80);
        --rules-h1-par-spacing: var(--par-spacing-None);
        --lists-h2-font-family: var(--family-alumni-sans);
        --lists-h2-font-size: var(--font-size-32);
        --lists-h2-font-weight: var(--font-weight-medium);
        --lists-h2-letter-spacing: var(--letter-spacing-none);
        --lists-h2-line-height: var(--line-height-32);
        --lists-h2-par-spacing: var(--par-spacing-None);
        --timer-small-label-font-family: var(--family-inter);
        --timer-small-label-font-size: var(--font-size-14);
        --timer-small-label-font-weight: var(--font-weight-regular);
        --timer-small-label-letter-spacing: var(--letter-spacing-none);
        --timer-small-label-line-height: var(--line-height-20);
        --timer-small-label-par-spacing: var(--par-spacing-None);
        --timer-small-unit-font-family: var(--family-alumni-sans);
        --timer-small-unit-font-size: var(--font-size-14);
        --timer-small-unit-font-style: var(--font-style-italic-bold);
        --timer-small-unit-letter-spacing: var(--letter-spacing-s);
        --timer-small-unit-line-height: var(--line-height-18);
        --timer-small-unit-par-spacing: var(--par-spacing-None);
        --timer-small-time-font-family: var(--family-alumni-sans);
        --timer-small-time-font-size: var(--font-size-18);
        --timer-small-time-font-weight: var(--font-style-italic-bold);
        --timer-small-time-letter-spacing: var(--letter-spacing-m);
        --timer-small-time-line-height: var(--line-height-20);
        --timer-small-time-par-spacing: var(--par-spacing-None);
        --timer-big-label-font-family: var(--family-inter);
        --timer-big-label-font-size: var(--font-size-18);
        --timer-big-label-font-weight: var(--font-weight-regular);
        --timer-big-label-par-spacing: var(--par-spacing-None);
        --timer-big-label-letter-spacing: var(--letter-spacing-none);
        --timer-big-label-line-height: var(--line-height-24);
        --timer-big-time-font-family: var(--family-alumni-sans);
        --timer-big-time-line-height: var(--line-height-64);
        --timer-big-time-font-style: var(--font-style-italic-bold);
        --timer-big-time-letter-spacing: var(--letter-spacing-none);
        --timer-big-time-font-size: var(--font-size-80);
        --timer-big-time-par-spacing: var(--par-spacing-None);
        --font-weight: var(--font-weight-bold-italic);
        --font-size: var(--font-size-40);
        --line-height: var(--line-height-32);
        --letter-spacing: var(--letter-spacing-none);
        --balance-total-number-font-family: var(--family-inter);
        --balance-total-number-font-weight: var(--font-weight-bold);
        --balance-total-number-font-size: var(--font-size-24);
        --balance-total-number-line-height: var(--line-height-24);
        --balance-total-number-letter-spacing: var(--letter-spacing-none);
        --balance-total-sign-font-family: var(--family-inter);
        --balance-total-sign-font-weight: var(--font-weight-bold);
        --balance-total-sign-font-size: var(--font-size-20);
        --balance-total-sign-line-height: var(--line-height-20);
        --balance-total-sign-letter-spacing: var(--letter-spacing-none);
        --balance-cards-number-font-family: var(--family-inter);
        --balance-cards-number-font-weight: var(--font-weight-bold);
        --balance-cards-number-font-size: var(--font-size-12);
        --balance-cards-number-line-height: var(--line-height-14);
        --balance-cards-number-letter-spacing: var(--letter-spacing-none);
        --balance-cards-sign-font-family: var(--family-inter);
        --balance-cards-sign-font-weight: var(--font-weight-bold);
        --balance-cards-sign-font-size: var(--font-size-12);
        --balance-cards-sign-line-height: var(--line-height-14);
        --balance-cards-sign-letter-spacing: var(--letter-spacing-none);
        --balance-total-title-font-family: var(--family-inter);
        --balance-total-title-font-weight: var(--font-weight-regular);
        --balance-total-title-font-size: var(--font-size-14);
        --balance-total-title-line-height: var(--line-height-16);
        --balance-total-title-letter-spacing: var(--letter-spacing-none);
        --balance-cards-title-font-family: var(--family-inter);
        --balance-cards-title-font-weight: var(--font-weight-regular);
        --balance-cards-title-font-size: var(--font-size-10);
        --balance-cards-title-line-height: var(--line-height-12);
        --balance-cards-title-letter-spacing: var(--letter-spacing-none);
        --game-font-family-name: var(--family-inter);
        --game-slot-big-line-height-label: var(--line-height-16);
        --game-slot-big-font-weight-label: var(--font-weight-bold);
        --game-slot-big-letter-spacing-label: var(--letter-spacing-none);
        --game-slot-big-font-size-label: var(--font-size-12);
        --game-slot-big-font-size-name: var(--font-size-32);
        --game-slot-big-letter-spacing-name: var(--letter-spacing-none);
        --game-slot-big-font-weight-name: var(--font-weight-medium-italic);
        --game-slot-big-line-height-name: var(--line-height-40);
        --game-font-family-label: var(--family-inter);
        --promo-font-family: var(--family-alumni-sans);
        --promo-font-style: var(--font-style-italic-bold);
        --promo-letter-spacing: var(--letter-spacing-none);
        --promo-line-height: var(--line-height-64);
        --promo-font-size: var(--font-size-64);
        --notification-font-family: var(--family-inter);
        --notification-line-height: var(--line-height-22);
        --notification-letter-spacing: var(--letter-spacing-none);
        --notification-font-weight: var(--font-weight-regular);
        --notification-font-size: var(--font-size-16);
    }
}
.t {
    font-family: var(--t-family);
    font-size: var(--t-size);
    font-style: var(--t-style, normal);
    font-weight: var(--t-weight, 400);
    letter-spacing: var(--t-letter, normal);
    line-height: var(--t-lh);
    text-transform: var(--t-transform, none);
}
@media (min-width: 360px) {
    .t {
        font-family: var(--t-family--mobile-s, var(--t-family));
        font-size: var(--t-size--mobile-s, var(--t-size));
        font-style: var(--t-style--mobile-s, var(--t-style));
        font-weight: var(--t-weight--mobile-s, var(--t-weight));
        letter-spacing: var(--t-letter--mobile-s, var(--t-letter));
        line-height: var(--t-lh--mobile-s, var(--t-lh));
        text-transform: var(--t-transform--mobile-s, var(--t-transform));
    }
}
@media (min-width: 375px) {
    .t {
        font-family: var(--t-family--mobile-md, var(--t-family));
        font-size: var(--t-size--mobile-md, var(--t-size));
        font-style: var(--t-style--mobile-md, var(--t-style));
        font-weight: var(--t-weight--mobile-md, var(--t-weight));
        letter-spacing: var(--t-letter--mobile-md, var(--t-letter));
        line-height: var(--t-lh--mobile-md, var(--t-lh));
        text-transform: var(--t-transform--mobile-md, var(--t-transform));
    }
}
@media (min-width: 414px) {
    .t {
        font-family: var(--t-family--mobile-lg, var(--t-family));
        font-size: var(--t-size--mobile-lg, var(--t-size));
        font-style: var(--t-style--mobile-lg, var(--t-style));
        font-weight: var(--t-weight--mobile-lg, var(--t-weight));
        letter-spacing: var(--t-letter--mobile-lg, var(--t-letter));
        line-height: var(--t-lh--mobile-lg, var(--t-lh));
        text-transform: var(--t-transform--mobile-lg, var(--t-transform));
    }
}
@media (min-width: 480px) {
    .t {
        font-family: var(--t-family--sm, var(--t-family));
        font-size: var(--t-size--sm, var(--t-size));
        font-style: var(--t-style--sm, var(--t-style));
        font-weight: var(--t-weight--sm, var(--t-weight));
        letter-spacing: var(--t-letter--sm, var(--t-letter));
        line-height: var(--t-lh--sm, var(--t-lh));
        text-transform: var(--t-transform--sm, var(--t-transform));
    }
}
@media (min-width: 576px) {
    .t {
        font-family: var(--t-family--mobile-last, var(--t-family));
        font-size: var(--t-size--mobile-last, var(--t-size));
        font-style: var(--t-style--mobile-last, var(--t-style));
        font-weight: var(--t-weight--mobile-last, var(--t-weight));
        letter-spacing: var(--t-letter--mobile-last, var(--t-letter));
        line-height: var(--t-lh--mobile-last, var(--t-lh));
        text-transform: var(--t-transform--mobile-last, var(--t-transform));
    }
}
@media (min-width: 640px) {
    .t {
        font-family: var(--t-family--tablet-sm, var(--t-family));
        font-size: var(--t-size--tablet-sm, var(--t-size));
        font-style: var(--t-style--tablet-sm, var(--t-style));
        font-weight: var(--t-weight--tablet-sm, var(--t-weight));
        letter-spacing: var(--t-letter--tablet-sm, var(--t-letter));
        line-height: var(--t-lh--tablet-sm, var(--t-lh));
        text-transform: var(--t-transform--tablet-sm, var(--t-transform));
    }
}
@media (min-width: 768px) {
    .t {
        font-family: var(--t-family--tablet, var(--t-family));
        font-size: var(--t-size--tablet, var(--t-size));
        font-style: var(--t-style--tablet, var(--t-style));
        font-weight: var(--t-weight--tablet, var(--t-weight));
        letter-spacing: var(--t-letter--tablet, var(--t-letter));
        line-height: var(--t-lh--tablet, var(--t-lh));
        text-transform: var(--t-transform--tablet, var(--t-transform));
    }
}
@media (min-width: 800px) {
    .t {
        font-family: var(--t-family--new-tablet, var(--t-family));
        font-size: var(--t-size--new-tablet, var(--t-size));
        font-style: var(--t-style--new-tablet, var(--t-style));
        font-weight: var(--t-weight--new-tablet, var(--t-weight));
        letter-spacing: var(--t-letter--new-tablet, var(--t-letter));
        line-height: var(--t-lh--new-tablet, var(--t-lh));
        text-transform: var(--t-transform--new-tablet, var(--t-transform));
    }
}
@media (min-width: 1024px) {
    .t {
        font-family: var(--t-family--tablet-album, var(--t-family));
        font-size: var(--t-size--tablet-album, var(--t-size));
        font-style: var(--t-style--tablet-album, var(--t-style));
        font-weight: var(--t-weight--tablet-album, var(--t-weight));
        letter-spacing: var(--t-letter--tablet-album, var(--t-letter));
        line-height: var(--t-lh--tablet-album, var(--t-lh));
        text-transform: var(--t-transform--tablet-album, var(--t-transform));
    }
}
@media (min-width: 1200px) {
    .t {
        font-family: var(--t-family--desktop, var(--t-family));
        font-size: var(--t-size--desktop, var(--t-size));
        font-style: var(--t-style--desktop, var(--t-style));
        font-weight: var(--t-weight--desktop, var(--t-weight));
        letter-spacing: var(--t-letter--desktop, var(--t-letter));
        line-height: var(--t-lh--desktop, var(--t-lh));
        text-transform: var(--t-transform--desktop, var(--t-transform));
    }
}
@media (min-width: 1380px) {
    .t {
        font-family: var(--t-family--sidebar, var(--t-family));
        font-size: var(--t-size--sidebar, var(--t-size));
        font-style: var(--t-style--sidebar, var(--t-style));
        font-weight: var(--t-weight--sidebar, var(--t-weight));
        letter-spacing: var(--t-letter--sidebar, var(--t-letter));
        line-height: var(--t-lh--sidebar, var(--t-lh));
        text-transform: var(--t-transform--sidebar, var(--t-transform));
    }
}
@media (min-width: 1440px) {
    .t {
        font-family: var(--t-family--desktop-mid, var(--t-family));
        font-size: var(--t-size--desktop-mid, var(--t-size));
        font-style: var(--t-style--desktop-mid, var(--t-style));
        font-weight: var(--t-weight--desktop-mid, var(--t-weight));
        letter-spacing: var(--t-letter--desktop-mid, var(--t-letter));
        line-height: var(--t-lh--desktop-mid, var(--t-lh));
        text-transform: var(--t-transform--desktop-mid, var(--t-transform));
    }
}
@media (min-width: 1920px) {
    .t {
        font-family: var(--t-family--desktop-big, var(--t-family));
        font-size: var(--t-size--desktop-big, var(--t-size));
        font-style: var(--t-style--desktop-big, var(--t-style));
        font-weight: var(--t-weight--desktop-big, var(--t-weight));
        letter-spacing: var(--t-letter--desktop-big, var(--t-letter));
        line-height: var(--t-lh--desktop-big, var(--t-lh));
        text-transform: var(--t-transform--desktop-big, var(--t-transform));
    }
}


.font-bold[data-v-e0b66e2f] {
    font-weight: 700;
}
.align-center[data-v-e0b66e2f] {
    text-align: center;
}
.uppercase[data-v-e0b66e2f] {
    text-transform: uppercase;
}
.no-wrap[data-v-e0b66e2f] {
    white-space: nowrap;
}


.buttonio {
    --transition-duration: 0.5s;
    --disabled-bg-color: var(--button-disable-fill);
    --disabled-text-color: var(--button-disable-text);
    --disabled-icon-color: var(--button-disable-text);
    --animation-duration: 0.5s;
    font-family: var(--family-inter);
    font-size: var(--font-size-14);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-none);
    line-height: var(--line-height-20);
    --button-size: 44px;
    --icon-size: 20px;
    --grid-gap: var(--spaces-s);
    --button-padding: 0 var(--padding-l);
}
.buttonio.size-xs {
    font-size: var(--font-size-10);
    line-height: var(--line-height-14);
    --button-size: 26px;
    --icon-size: 12px;
    --grid-gap: var(--spaces-xxs);
    --button-padding: 0 var(--padding-s);
}
.buttonio.size-s,
.buttonio.size-xs {
    font-family: var(--family-inter);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-none);
}
.buttonio.size-s {
    font-size: var(--font-size-12);
    line-height: var(--line-height-16);
    --button-size: 32px;
    --icon-size: 16px;
    --grid-gap: var(--spaces-xxs);
    --button-padding: 0 var(--padding-m);
}
.buttonio.size-m {
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
    --button-size: 44px;
    --icon-size: 20px;
    --grid-gap: var(--spaces-s);
    --button-padding: 0 var(--padding-l);
}
.buttonio.size-l,
.buttonio.size-m {
    font-family: var(--family-inter);
    font-weight: var(--font-weight-bold);
    letter-spacing: var(--letter-spacing-none);
}
.buttonio.size-l {
    font-size: var(--font-size-18);
    line-height: var(--line-height-24);
    --button-size: 56px;
    --icon-size: 24px;
    --button-padding: 0 var(--padding-xl);
}
@media (min-width: 360px) {
    .buttonio.responsive-size-mobile-s-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-mobile-s-s,
    .buttonio.responsive-size-mobile-s-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-mobile-s-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-mobile-s-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-mobile-s-l,
    .buttonio.responsive-size-mobile-s-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-mobile-s-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 375px) {
    .buttonio.responsive-size-mobile-md-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-mobile-md-s,
    .buttonio.responsive-size-mobile-md-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-mobile-md-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-mobile-md-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-mobile-md-l,
    .buttonio.responsive-size-mobile-md-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-mobile-md-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 414px) {
    .buttonio.responsive-size-mobile-lg-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-mobile-lg-s,
    .buttonio.responsive-size-mobile-lg-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-mobile-lg-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-mobile-lg-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-mobile-lg-l,
    .buttonio.responsive-size-mobile-lg-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-mobile-lg-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 480px) {
    .buttonio.responsive-size-sm-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-sm-s,
    .buttonio.responsive-size-sm-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-sm-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-sm-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-sm-l,
    .buttonio.responsive-size-sm-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-sm-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 576px) {
    .buttonio.responsive-size-mobile-last-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-mobile-last-s,
    .buttonio.responsive-size-mobile-last-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-mobile-last-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-mobile-last-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-mobile-last-l,
    .buttonio.responsive-size-mobile-last-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-mobile-last-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 640px) {
    .buttonio.responsive-size-tablet-sm-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-tablet-sm-s,
    .buttonio.responsive-size-tablet-sm-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-tablet-sm-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-tablet-sm-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-tablet-sm-l,
    .buttonio.responsive-size-tablet-sm-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-tablet-sm-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 768px) {
    .buttonio.responsive-size-tablet-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-tablet-s,
    .buttonio.responsive-size-tablet-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-tablet-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-tablet-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-tablet-l,
    .buttonio.responsive-size-tablet-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-tablet-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 800px) {
    .buttonio.responsive-size-new-tablet-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-new-tablet-s,
    .buttonio.responsive-size-new-tablet-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-new-tablet-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-new-tablet-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-new-tablet-l,
    .buttonio.responsive-size-new-tablet-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-new-tablet-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 1024px) {
    .buttonio.responsive-size-tablet-album-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-tablet-album-s,
    .buttonio.responsive-size-tablet-album-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-tablet-album-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-tablet-album-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-tablet-album-l,
    .buttonio.responsive-size-tablet-album-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-tablet-album-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 1200px) {
    .buttonio.responsive-size-desktop-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-desktop-s,
    .buttonio.responsive-size-desktop-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-desktop-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-desktop-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-desktop-l,
    .buttonio.responsive-size-desktop-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-desktop-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 1380px) {
    .buttonio.responsive-size-sidebar-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-sidebar-s,
    .buttonio.responsive-size-sidebar-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-sidebar-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-sidebar-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-sidebar-l,
    .buttonio.responsive-size-sidebar-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-sidebar-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 1440px) {
    .buttonio.responsive-size-desktop-mid-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-desktop-mid-s,
    .buttonio.responsive-size-desktop-mid-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-desktop-mid-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-desktop-mid-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-desktop-mid-l,
    .buttonio.responsive-size-desktop-mid-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-desktop-mid-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
@media (min-width: 1920px) {
    .buttonio.responsive-size-desktop-big-xs {
        font-size: var(--font-size-10);
        line-height: var(--line-height-14);
        --button-size: 26px;
        --icon-size: 12px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-s);
    }
    .buttonio.responsive-size-desktop-big-s,
    .buttonio.responsive-size-desktop-big-xs {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-desktop-big-s {
        font-size: var(--font-size-12);
        line-height: var(--line-height-16);
        --button-size: 32px;
        --icon-size: 16px;
        --grid-gap: var(--spaces-xxs);
        --button-padding: 0 var(--padding-m);
    }
    .buttonio.responsive-size-desktop-big-m {
        font-size: var(--font-size-14);
        line-height: var(--line-height-20);
        --button-size: 44px;
        --icon-size: 20px;
        --grid-gap: var(--spaces-s);
        --button-padding: 0 var(--padding-l);
    }
    .buttonio.responsive-size-desktop-big-l,
    .buttonio.responsive-size-desktop-big-m {
        font-family: var(--family-inter);
        font-weight: var(--font-weight-bold);
        letter-spacing: var(--letter-spacing-none);
    }
    .buttonio.responsive-size-desktop-big-l {
        font-size: var(--font-size-18);
        line-height: var(--line-height-24);
        --button-size: 56px;
        --icon-size: 24px;
        --button-padding: 0 var(--padding-xl);
    }
}
.buttonio {
    background-color: var(--bg-color);
    border: none;
    border-radius: var(--radius-xl);
    color: var(--text-color);
    cursor: pointer;
    flex-shrink: 0;
    height: var(--button-size);
    padding: 0;
    transition-duration: var(--animation-duration);
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}
.buttonio,
.buttonio__content {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: var(--button-size);
    position: relative;
}
.buttonio__content {
    z-index: 2;
    grid-gap: var(--grid-gap);
    border-radius: inherit;
    height: 100%;
    min-height: var(--button-size);
    padding: var(--button-padding);
    pointer-events: none;
    white-space: nowrap;
    width: 100%;
}
.buttonio__content.icon-right {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
}
.buttonio__svg {
    color: var(--icon-color);
    height: var(--icon-size);
    transition-duration: var(--animation-duration);
    width: var(--icon-size);
}
@media (min-width: 1024px) and (hover: hover) {
    .buttonio:hover {
        --text-color: var(--text-color-hover);
        --bg-color: var(--bg-color-hover);
        --icon-color: var(--icon-color-hover);
    }
    .buttonio:hover.icon-only {
        --icon-color: var(--icon-only-color-hover);
        justify-content: center;
    }
}
.buttonio.active,
.buttonio:active,
.buttonio[class*="exact-active"] {
    --text-color: var(--text-color-active);
    --bg-color: var(--bg-color-active);
    --icon-color: var(--icon-color-active);
    --transition-duration: none;
    cursor: default;
}
.buttonio.active img.buttonio__svg,
.buttonio:active img.buttonio__svg,
.buttonio[class*="exact-active"] img.buttonio__svg {
    filter: brightness(0);
}
.buttonio.active.icon-only,
.buttonio:active.icon-only,
.buttonio[class*="exact-active"].icon-only {
    --icon-color: var(--icon-only-color-active);
}
.buttonio.disabled,
.buttonio:disabled,
.buttonio[class*="disabled"] {
    --text-color: var(--button-disable-text) !important;
    --bg-color: var(--button-disable-fill) !important;
    --icon-color: var(--disabled-icon-color) !important;
    pointer-events: none;
}
.buttonio.disabled:after,
.buttonio.disabled:before,
.buttonio:disabled:after,
.buttonio:disabled:before,
.buttonio[class*="disabled"]:after,
.buttonio[class*="disabled"]:before {
    display: none;
}
.buttonio.disabled-style {
    --text-color: var(--disabled-text-color) !important;
    --bg-color: var(--disabled-bg-color) !important;
    --icon-color: var(--disabled-icon-color) !important;
}
.buttonio.icon-left {
    align-items: center;
    display: flex;
    justify-content: center;
}
.buttonio.icon-only {
    --button-padding: 0;
    --icon-color: var(--icon-only-color);
}
.buttonio.buttonio-small {
    height: 32px;
    min-width: 32px;
}
.buttonio.buttonio-small.icon-only {
    width: 32px;
    --button-padding: 0;
}
.buttonio.buttonio-small .buttonio__svg {
    height: 20px;
    width: 20px;
}
@media (min-width: 768px) {
    .buttonio.buttonio-small-mobile {
        height: var(--button-size);
        min-width: var(--button-size);
    }
    .buttonio.buttonio-small-mobile.icon-only {
        width: var(--button-size);
    }
    .buttonio.buttonio-small-mobile .buttonio__svg {
        height: var(--icon-size);
        width: var(--icon-size);
    }
}
.buttonio.full-width {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.buttonio.signal {
    position: relative;
}
.buttonio.signal:after {
    background-color: var(--red-500);
    border: 1px solid var(--gray-500);
    border-radius: 50%;
    content: "";
    height: 10px;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 10px;
}
.buttonio__image {
    margin: 0;
}
.buttonio-vip:before {
    animation: fadeInVip 0.3s ease-out 0.3s forwards;
    background: linear-gradient(
            93deg,
            #fff0 -2.21%,
            #ffffff80 41.81%,
            #fff0 78.94%
    );
    height: 100%;
    inset: 0;
    width: 100%;
    z-index: 0;
}
.buttonio-vip:after,
.buttonio-vip:before {
    border-radius: inherit;
    content: "";
    opacity: 0;
    position: absolute;
}
.buttonio-vip:after {
    animation: fadeInVip 0.3s ease-out forwards;
    background-color: var(--bg-color);
    box-shadow:
            inset 0 -4px 4px #ffffff29,
            inset 0 4px 4px #00000040;
    height: calc(100% - 2px);
    inset: 1px;
    transition-duration: var(--animation-duration);
    width: calc(100% - 2px);
    z-index: 1;
}
@keyframes fadeInVip {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.buttonio-line {
    --text-color: var(--button-line-text-color);
    --text-color-hover: var(--button-line-text-color-hover);
    --text-color-active: var(--button-line-text-color-active);
    --bg-color: var(--button-line-bg-color);
    --bg-color-hover: var(--button-line-bg-color-hover);
    --bg-color-active: var(--button-line-bg-color-active);
    --icon-color: var(--button-line-icon-color);
    --icon-color-hover: var(--button-line-icon-color-hover);
    --icon-color-active: var(--button-line-icon-color-active);
    --icon-only-color: var(--button-line-icon-only-color);
    --icon-only-color-hover: var(--button-line-icon-only-color-hover);
    --icon-only-color-active: var(--button-line-icon-only-color-active);
    border: 1px solid var(--button-line-border-default);
}
.buttonio-line.active,
.buttonio-line:active {
    border-color: var(--button-line-border-active);
}
.buttonio-primary {
    --text-color: var(--button-primary-text-color);
    --text-color-hover: var(--button-primary-text-color-hover);
    --text-color-active: var(--button-primary-text-color-active);
    --bg-color: var(--button-primary-bg-color);
    --bg-color-hover: var(--button-primary-bg-color-hover);
    --bg-color-active: var(--button-primary-bg-color-active);
    --icon-color: var(--button-primary-icon-color);
    --icon-color-hover: var(--button-primary-icon-color-hover);
    --icon-color-active: var(--button-primary-icon-color-active);
    --icon-only-color: var(--button-primary-icon-only-color);
    --icon-only-color-hover: var(--button-primary-icon-only-color-hover);
    --icon-only-color-active: var(--button-primary-icon-only-color-active);
}
.buttonio-secondary {
    --text-color: var(--button-secondary-text-color);
    --text-color-hover: var(--button-secondary-text-color-hover);
    --text-color-active: var(--button-secondary-text-color-active);
    --bg-color: var(--button-secondary-bg-color);
    --bg-color-hover: var(--button-secondary-bg-color-hover);
    --bg-color-active: var(--button-secondary-bg-color-active);
    --icon-color: var(--button-secondary-icon-color);
    --icon-color-hover: var(--button-secondary-icon-color-hover);
    --icon-color-active: var(--button-secondary-icon-color-active);
    --icon-only-color: var(--button-secondary-icon-only-color);
    --icon-only-color-hover: var(--button-secondary-icon-only-color-hover);
    --icon-only-color-active: var(
            --button-secondary-icon-only-color-active
    );
}
.buttonio-default {
    --text-color: var(--button-default-text-color);
    --text-color-hover: var(--button-default-text-color-hover);
    --text-color-active: var(--button-default-text-color-active);
    --bg-color: var(--button-default-bg-color);
    --bg-color-hover: var(--button-default-bg-color-hover);
    --bg-color-active: var(--button-default-bg-color-active);
    --icon-color: var(--button-default-icon-color);
    --icon-color-hover: var(--button-default-icon-color-hover);
    --icon-color-active: var(--button-default-icon-color-active);
    --icon-only-color: var(--button-default-icon-only-color);
    --icon-only-color-hover: var(--button-default-icon-only-color-hover);
    --icon-only-color-active: var(--button-default-icon-only-color-active);
}
.buttonio-error {
    --text-color: var(--button-error-text-color);
    --text-color-hover: var(--button-error-text-color-hover);
    --text-color-active: var(--button-error-text-color-active);
    --bg-color: var(--button-error-bg-color);
    --bg-color-hover: var(--button-error-bg-color-hover);
    --bg-color-active: var(--button-error-bg-color-active);
    --icon-color: var(--button-error-icon-color);
    --icon-color-hover: var(--button-error-icon-color-hover);
    --icon-color-active: var(--button-error-icon-color-active);
    --icon-only-color: var(--button-error-icon-only-color);
    --icon-only-color-hover: var(--button-error-icon-only-color-hover);
    --icon-only-color-active: var(--button-error-icon-only-color-active);
}
.buttonio-info {
    --text-color: var(--button-info-text-color);
    --text-color-hover: var(--button-info-text-color-hover);
    --text-color-active: var(--button-info-text-color-active);
    --bg-color: var(--button-info-bg-color);
    --bg-color-hover: var(--button-info-bg-color-hover);
    --bg-color-active: var(--button-info-bg-color-active);
    --icon-color: var(--button-info-icon-color);
    --icon-color-hover: var(--button-info-icon-color-hover);
    --icon-color-active: var(--button-info-icon-color-active);
    --icon-only-color: var(--button-info-icon-only-color);
    --icon-only-color-hover: var(--button-info-icon-only-color-hover);
    --icon-only-color-active: var(--button-info-icon-only-color-active);
}
.buttonio-warning {
    --text-color: var(--button-warning-text-color);
    --text-color-hover: var(--button-warning-text-color-hover);
    --text-color-active: var(--button-warning-text-color-active);
    --bg-color: var(--button-warning-bg-color);
    --bg-color-hover: var(--button-warning-bg-color-hover);
    --bg-color-active: var(--button-warning-bg-color-active);
    --icon-color: var(--button-warning-icon-color);
    --icon-color-hover: var(--button-warning-icon-color-hover);
    --icon-color-active: var(--button-warning-icon-color-active);
    --icon-only-color: var(--button-warning-icon-only-color);
    --icon-only-color-hover: var(--button-warning-icon-only-color-hover);
    --icon-only-color-active: var(--button-warning-icon-only-color-active);
}
.buttonio-white {
    --text-color: var(--button-white-text-color);
    --text-color-hover: var(--button-white-text-color);
    --text-color-active: var(--button-white-text-color-active);
    --bg-color: var(--button-white-bg-color);
    --bg-color-hover: var(--button-white-bg-color-hover);
    --bg-color-active: var(--button-white-bg-color-active);
    --icon-color: var(--button-white-icon-color);
    --icon-color-hover: var(--button-white-icon-color-hover);
    --icon-color-active: var(--button-white-icon-color-active);
    --icon-only-color: var(--button-white-icon-only-color);
    --icon-only-color-hover: var(--button-white-icon-only-color-hover);
    --icon-only-color-active: var(--button-white-icon-only-color-active);
}
.buttonio-gray {
    --text-color: var(--button-grey-text-color);
    --text-color-hover: var(--button-grey-text-color-hover);
    --text-color-active: var(--button-grey-text-color-active);
    --bg-color: var(--button-grey-bg-color);
    --bg-color-hover: var(--button-grey-bg-color-hover);
    --bg-color-active: var(--button-grey-bg-color-active);
    --icon-color: var(--button-grey-icon-color);
    --icon-color-hover: var(--button-grey-icon-color-hover);
    --icon-color-active: var(--button-grey-icon-color-active);
    --icon-only-color: var(--button-grey-icon-only-color);
    --icon-only-color-hover: var(--button-grey-icon-only-color-hover);
    --icon-only-color-active: var(--button-grey-icon-only-color-active);
}
.buttonio-transparent {
    --text-color: var(--button-transparent-text-color);
    --text-color-hover: var(--button-transparent-text-color-hover);
    --text-color-active: var(--button-transparent-text-color-active);
    --bg-color: var(--button-transparent-bg-color);
    --bg-color-hover: var(--button-transparent-bg-color-hover);
    --bg-color-active: var(--button-transparent-bg-color-active);
    --icon-color: var(--button-transparent-icon-color);
    --icon-color-hover: var(--button-transparent-icon-color-hover);
    --icon-color-active: var(--button-transparent-icon-color-active);
    --icon-only-color: var(--button-transparent-icon-only-color);
    --icon-only-color-hover: var(
            --button-transparent-icon-only-color-hover
    );
    --icon-only-color-active: var(
            --button-transparent-icon-only-color-active
    );
}


.alertio[data-v-95134970] {
    --min-height: 44px;
    --grid-gap: var(--spaces-s);
    --padding: var(--spaces-xxs) var(--spaces-m);
    --description-padding: var(--spaces-s);
    --radius: var(--radius-s);
    --icon-size: 24px;
    --position-close: static;
    --transform-close: none;
    --close-icon-size: 20px;
    --flex-grow: 1;
    display: flex;
    grid-gap: var(--grid-gap);
    align-items: center;
    background-color: var(--bg-color);
    border-radius: var(--radius);
    min-height: var(--min-height);
    padding: var(--padding);
    pointer-events: auto;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}
.alertio.warning[data-v-95134970] {
    --bg-color: var(--alert-warning-solid-bg-color);
    --text-color: var(--alert-warning-solid-text-color);
    --icon-color: var(--alert-warning-solid-icon-color);
}
.alertio.warning.no-bg[data-v-95134970],
.alertio.warning.transparent[data-v-95134970] {
    --bg-color: var(--alert-warning-transparent-bg-color);
    --text-color: var(--alert-warning-transparent-text-color);
    --icon-color: var(--alert-warning-transparent-icon-color);
}
.alertio.error[data-v-95134970] {
    --bg-color: var(--alert-error-solid-bg-color);
    --text-color: var(--alert-error-solid-text-color);
    --icon-color: var(--alert-error-solid-icon-color);
}
.alertio.error.no-bg[data-v-95134970],
.alertio.error.transparent[data-v-95134970] {
    --bg-color: var(--alert-error-transparent-bg-color);
    --text-color: var(--alert-error-transparent-text-color);
    --icon-color: var(--alert-error-transparent-icon-color);
}
.alertio.info[data-v-95134970] {
    --bg-color: var(--alert-info-solid-bg-color);
    --text-color: var(--alert-info-solid-text-color);
    --icon-color: var(--alert-info-solid-icon-color);
}
.alertio.info.no-bg[data-v-95134970],
.alertio.info.transparent[data-v-95134970] {
    --bg-color: var(--alert-info-transparent-bg-color);
    --text-color: var(--alert-info-transparent-text-color);
    --icon-color: var(--alert-info-transparent-icon-color);
}
.alertio.success[data-v-95134970] {
    --bg-color: var(--alert-success-solid-bg-color);
    --text-color: var(--alert-success-solid-text-color);
    --icon-color: var(--alert-success-solid-icon-color);
}
.alertio.success.no-bg[data-v-95134970],
.alertio.success.transparent[data-v-95134970] {
    --bg-color: var(--alert-success-transparent-bg-color);
    --text-color: var(--alert-success-transparent-text-color);
    --icon-color: var(--alert-success-transparent-icon-color);
}
.alertio.gray[data-v-95134970] {
    --bg-color: var(--alert-grey-solid-bg-color);
    --text-color: var(--alert-grey-solid-text-color);
    --icon-color: var(--alert-grey-solid-icon-color);
}
.alertio.gray.no-bg[data-v-95134970],
.alertio.gray.transparent[data-v-95134970] {
    --bg-color: var(--alert-grey-transparent-bg-color);
    --text-color: var(--alert-grey-transparent-text-color);
    --icon-color: var(--alert-grey-transparent-icon-color);
}
.alertio.no-bg[data-v-95134970] {
    --min-height: 34px;
    --padding: var(--spaces-xs) var(--spaces-m);
    --description-padding: 0;
    --bg-color: #0000 !important;
    --icon-size: 16px;
}
.alertio.full-size[data-v-95134970] {
    border-radius: 0;
}
.alertio.align-center[data-v-95134970] {
    --position-close: absolute;
    --transform-close: translateY(-50%);
    --flex-grow: unset;
    justify-content: center;
    text-align: center;
}
.alertio__icon[data-v-95134970] {
    color: var(--icon-color);
    cursor: pointer;
    flex: 0 0 auto;
    height: var(--close-icon-size);
    width: var(--close-icon-size);
}
.alertio__description[data-v-95134970] {
    display: flex;
    flex-grow: var(--flex-grow);
    grid-gap: var(--grid-gap);
    align-items: center;
    padding-bottom: var(--description-padding);
    padding-top: var(--description-padding);
}
.alertio__text[data-v-95134970] {
    color: var(--text-color);
}
.alertio__buttons[data-v-95134970] {
    display: flex;
    grid-gap: var(--grid-gap);
    align-items: center;
}
.alertio__close-icon[data-v-95134970] {
    color: var(--icon-color);
    cursor: pointer;
    flex: 0 0 auto;
    height: var(--close-icon-size);
    position: var(--position-close);
    right: var(--spaces-m);
    top: 50%;
    transform: var(--transform-close);
    width: var(--close-icon-size);
}


.chip[data-v-0fb6c803] {
    --grid-gap: var(--spaces-xxs);
    --padding: var(--padding-xxs) var(--padding-xs);
    --icon-size: 16px;
    display: flex;
    grid-gap: var(--grid-gap);
    align-items: center;
    background-color: var(--bg-color);
    border-radius: var(--radius-5xl);
    padding: var(--padding);
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}
.chip.size-small[data-v-0fb6c803] {
    font-weight: var(--font-weight-regular);
}
.chip.size-small[data-v-0fb6c803],
.chip.size-small-bold[data-v-0fb6c803] {
    font-family: var(--family-inter);
    font-size: var(--font-size-12);
    line-height: var(--line-height-16);
}
.chip.size-small-bold[data-v-0fb6c803],
.chip.size-small-italic[data-v-0fb6c803] {
    font-weight: var(--font-weight-bold);
}
.chip.size-small-italic[data-v-0fb6c803] {
    font-family: var(--family-alumni-sans);
    font-size: var(--font-size-16);
    font-style: var(--font-style-italic);
    line-height: var(--line-height-16);
}
.chip.size-medium[data-v-0fb6c803] {
    --grid-gap: var(--spaces-xs);
    --padding: var(--padding-xs) var(--padding-m);
}
.chip.size-medium[data-v-0fb6c803]:not(.size-medium-bold):not(
          .size-medium-italic
        ) {
    font-weight: var(--font-weight-regular);
}
.chip.size-medium-bold[data-v-0fb6c803],
.chip.size-medium[data-v-0fb6c803]:not(.size-medium-bold):not(
          .size-medium-italic
        ) {
    font-family: var(--family-inter);
    font-size: var(--font-size-14);
    line-height: var(--line-height-18);
}
.chip.size-medium-bold[data-v-0fb6c803],
.chip.size-medium-italic[data-v-0fb6c803] {
    font-weight: var(--font-weight-bold);
}
.chip.size-medium-italic[data-v-0fb6c803] {
    font-family: var(--family-alumni-sans);
    font-size: var(--font-size-18);
    font-style: var(--font-style-italic);
    line-height: var(--line-height-18);
}
.chip.type-default[data-v-0fb6c803] {
    --dot-color: var(--badge-default-icon-dot-color);
    --icon-color: var(--badge-default-icon-color);
    --text-color: var(--badge-default-text-color);
}
.chip.type-primary[data-v-0fb6c803] {
    --dot-color: var(--badge-primary-icon-dot-color);
    --icon-color: var(--badge-primary-icon-color);
    --text-color: var(--badge-primary-text-color);
}
.chip.type-secondary[data-v-0fb6c803] {
    --dot-color: var(--badge-secondary-icon-dot-color);
    --icon-color: var(--badge-secondary-icon-color);
    --text-color: var(--badge-secondary-text-color);
}
.chip.type-light[data-v-0fb6c803] {
    --dot-color: var(--badge-light-icon-dot-color);
    --icon-color: var(--badge-light-icon-color);
    --text-color: var(--badge-light-text-color);
}
.chip.type-warning[data-v-0fb6c803] {
    --dot-color: var(--badge-warning-icon-dot-color);
    --icon-color: var(--badge-warning-icon-color);
    --text-color: var(--badge-warning-text-color);
}
.chip.type-error[data-v-0fb6c803] {
    --dot-color: var(--badge-error-icon-dot-color);
    --icon-color: var(--badge-error-icon-color);
    --text-color: var(--badge-error-text-color);
}
.chip.background-light.type-default[data-v-0fb6c803] {
    --bg-color: var(--badge-default-bg-light-color);
}
.chip.background-light.type-primary[data-v-0fb6c803] {
    --bg-color: var(--badge-primary-bg-light-color);
}
.chip.background-light.type-secondary[data-v-0fb6c803] {
    --bg-color: var(--badge-secondary-bg-light-color);
}
.chip.background-light.type-light[data-v-0fb6c803] {
    --bg-color: var(--badge-light-bg-light-color);
}
.chip.background-light.type-warning[data-v-0fb6c803] {
    --bg-color: var(--badge-warning-bg-light-color);
}
.chip.background-light.type-error[data-v-0fb6c803] {
    --bg-color: var(--badge-error-bg-light-color);
}
.chip.background-solid.type-default[data-v-0fb6c803] {
    --bg-color: var(--badge-default-bg-solid-color);
}
.chip.background-solid.type-primary[data-v-0fb6c803] {
    --bg-color: var(--badge-primary-bg-solid-color);
}
.chip.background-solid.type-secondary[data-v-0fb6c803] {
    --bg-color: var(--badge-secondary-bg-solid-color);
}
.chip.background-solid.type-light[data-v-0fb6c803] {
    --bg-color: var(--badge-light-bg-solid-color);
}
.chip.background-solid.type-warning[data-v-0fb6c803] {
    --bg-color: var(--badge-warning-bg-solid-color);
}
.chip.background-solid.type-error[data-v-0fb6c803] {
    --bg-color: var(--badge-error-bg-solid-color);
}
.chip.background-transparent.type-default[data-v-0fb6c803] {
    --bg-color: var(--badge-default-bg-transparent-color);
}
.chip.background-transparent.type-primary[data-v-0fb6c803] {
    --bg-color: var(--badge-primary-bg-transparent-color);
}
.chip.background-transparent.type-secondary[data-v-0fb6c803] {
    --bg-color: var(--badge-secondary-bg-transparent-color);
}
.chip.background-transparent.type-light[data-v-0fb6c803] {
    --bg-color: var(--badge-light-bg-transparent-color);
}
.chip.background-transparent.type-warning[data-v-0fb6c803] {
    --bg-color: var(--badge-warning-bg-transparent-color);
}
.chip.background-transparent.type-error[data-v-0fb6c803] {
    --bg-color: var(--badge-error-bg-transparent-color);
}
.chip__dot[data-v-0fb6c803] {
    height: 12px;
    position: relative;
    width: 12px;
}
.chip__dot[data-v-0fb6c803]:before {
    background-color: var(--dot-color);
    border-radius: 50%;
    content: "";
    height: 5px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
}
.chip__icon[data-v-0fb6c803] {
    color: var(--icon-color);
    height: var(--icon-size);
    width: var(--icon-size);
}
.chip__text[data-v-0fb6c803] {
    color: var(--text-color);
    max-width: calc(100% - 20px);
    white-space: nowrap;
}


.embla {
    overflow: hidden;
}
.embla__container {
    display: flex;
    list-style: none;
}


.tabs.darken[data-v-1dfe1399] {
    --buttons-bg-color: var(--tabs-darken-bg-general);
    --item-bg-color: var(--tabs-darken-bg-color-default);
    --item-bg-color-hover: var(--tabs-darken-bg-color-default-hover);
    --item-bg-color-active: var(--tabs-darken-bg-color-active);
    --item-outline-color-active: #0000;
    --item-bg-color-active-hover: var(--tabs-darken-bg-color-active-hover);
    --item-text-color: var(--tabs-darken-text-color-default);
    --item-text-color-active: var(--tabs-darken-text-color-active);
    --item-icon-color: var(--tabs-darken-icon-color-default);
    --item-icon-color-active: var(--tabs-darken-icon-color-active);
}
.tabs.lighten[data-v-1dfe1399] {
    --buttons-bg-color: var(--tabs-lighten-bg-general);
    --item-bg-color: var(--tabs-lighten-bg-color-default);
    --item-bg-color-hover: var(--tabs-lighten-bg-color-default-hover);
    --item-bg-color-active: var(--tabs-lighten-bg-color-active);
    --item-outline-color-active: #0000;
    --item-bg-color-active-hover: var(--tabs-lighten-bg-color-active-hover);
    --item-text-color: var(--tabs-lighten-text-color-default);
    --item-text-color-active: var(--tabs-lighten-text-color-active);
    --item-icon-color: var(--tabs-lighten-icon-color-default);
    --item-icon-color-active: var(--tabs-lighten-icon-color-active);
}
.tabs.size-xs[data-v-1dfe1399] {
    --button-size: 26px;
    --button-padding: var(--padding-l);
    --button-icon-size: 12px;
    --button-grid-gap: var(--spaces-xxs);
}
.tabs.size-s[data-v-1dfe1399] {
    --button-size: 32px;
    --button-padding: var(--padding-xl);
    --button-icon-size: 16px;
    --button-grid-gap: var(--spaces-xxs);
}
.tabs.size-m[data-v-1dfe1399] {
    --button-size: 44px;
    --button-padding: var(--padding-2xl);
    --button-icon-size: 20px;
    --button-grid-gap: var(--spaces-s);
}
.tabs.size-l[data-v-1dfe1399] {
    --button-size: 56px;
    --button-padding: var(--padding-3xl);
    --button-icon-size: 24px;
    --button-grid-gap: var(--spaces-s);
}
.tabs[data-v-1dfe1399] {
    max-width: 100%;
}
.tabs__controls[data-v-1dfe1399] {
    border-radius: inherit;
    display: flex;
    justify-content: center;
    width: inherit;
}
.tabs__wrapper[data-v-1dfe1399] {
    background-color: var(--buttons-bg-color);
    border-radius: var(--radius-xl);
    display: flex;
    overflow: hidden;
    padding: var(--padding-xs);
    width: inherit;
}
.tabs__wrapper.soon[data-v-1dfe1399] {
    padding-right: 16px;
}
.tabs__wrapper.b-full-width[data-v-1dfe1399] {
    width: 100%;
}
.tabs__item[data-v-1dfe1399] {
    display: flex;
    position: relative;
    grid-gap: var(--button-grid-gap);
    align-items: center;
    background-color: var(--item-bg-color);
    border-radius: var(--radius-xl);
    color: var(--item-text-color);
    cursor: pointer;
    height: var(--button-size);
    justify-content: center;
    padding-left: var(--button-padding);
    padding-right: var(--button-padding);
    transition: 0.3s;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-user-drag: none;
}
.tabs__item[data-v-1dfe1399]:not(:last-of-type) {
    margin-right: var(--spaces-xs);
}
@media (min-width: 1024px) and (hover: hover) {
    .tabs__item[data-v-1dfe1399]:hover {
        --item-bg-color: var(--item-bg-color-hover);
    }
}
.tabs__item.active[data-v-1dfe1399] {
    --item-text-color: var(--item-text-color-active);
    --item-icon-color: var(--item-icon-color-active);
    --item-bg-color: var(--item-bg-color-active);
    outline: 3px solid var(--item-outline-color-active);
}
@media (min-width: 1024px) and (hover: hover) {
    .tabs__item.active[data-v-1dfe1399]:hover {
        --item-bg-color: var(--item-bg-color-active-hover);
    }
}
.tabs__item.disabled[data-v-1dfe1399] {
    pointer-events: none;
}
.tabs__icon[data-v-1dfe1399] {
    color: var(--item-icon-color);
}
.tabs__icon[data-v-1dfe1399],
.tabs__image[data-v-1dfe1399] {
    height: var(--button-icon-size);
    width: var(--button-icon-size);
}
.tabs__image[data-v-1dfe1399] {
    transition: filter 0.3s ease;
}
.tabs__image.inactive-grayscale[data-v-1dfe1399] {
    filter: grayscale(100%);
}
.tabs__amount[data-v-1dfe1399] {
    align-items: center;
    background: var(--general-bg-navi-inverse);
    border-radius: var(--radius-xl);
    display: flex;
    height: 20px;
    justify-content: center;
    margin-left: var(--spaces-s);
    min-width: 24px;
    padding: 0 var(--padding-m);
}
.tabs__amount.b-full-width[data-v-1dfe1399] {
    width: 100%;
}
.tabs__soon[data-v-1dfe1399] {
    position: absolute;
    right: 0;
    top: -4px;
}
.tabs__content[data-v-1dfe1399] {
    margin-top: 24px;
    width: 100%;
}
@media (min-width: 768px) {
    .tabs__content[data-v-1dfe1399] {
        margin-top: 32px;
    }
}
.tabs[data-v-1dfe1399] .embla__viewport {
    width: 100%;
}


.register-bonuses__fog-bg-container[data-v-bed61a88] {
    bottom: -50px;
    height: 100%;
    left: 50%;
    max-width: 100%;
    min-height: 224px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%);
    width: 100%;
}
.register-bonuses__fog-bg[data-v-bed61a88] {
    height: 100%;
    inset: 0;
    object-fit: contain;
    opacity: 0.4;
    position: absolute;
    width: 100%;
}
.scale-fade-enter-active[data-v-bed61a88],
.scale-fade-leave-active[data-v-bed61a88] {
    transition: all 0.6s ease-in;
}
.scale-fade-enter[data-v-bed61a88],
.scale-fade-leave-to[data-v-bed61a88] {
    opacity: 0;
}
.scale-fade-enter[data-v-bed61a88] {
    transform: scaleX(1.4) rotateY(30deg);
}
.scale-fade-leave-to[data-v-bed61a88] {
    transform: scaleY(1.8) rotateY(30deg);
}


.nav-button[data-v-6ed22b8c] {
    align-items: center;
    background-color: var(--general-bg-navi);
    border: none;
    border-radius: 50%;
    color: var(--secondary-100);
    display: flex;
    height: 72px;
    justify-content: center;
    width: 72px;
}
.nav-button__icon[data-v-6ed22b8c] {
    display: flex;
    height: 56px;
    padding: var(--padding-xl);
    width: 56px;
}


.pagination[data-v-9df30ff2] {
    grid-gap: var(--spaces-xs);
    margin: 0 auto var(--spaces-xl);
    width: auto !important;
}
.pagination[data-v-9df30ff2],
.pagination__button[data-v-9df30ff2] {
    align-items: center;
    display: flex;
    justify-content: center;
}
.pagination__button[data-v-9df30ff2] {
    background-color: initial;
    border: none;
    border-radius: var(--radius-xl);
    box-shadow: none;
    color: var(--navdots-default-text-color);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    outline: none;
    padding: var(--spaces-xs) var(--padding-m);
}
.pagination__button.active[data-v-9df30ff2] {
    background-color: var(--navdots-active-bg-color);
    color: var(--navdots-active-text-color);
}


.bonuses-slider[data-v-37ff94c7] {
    --card__w: 180px;
    --card-img__w-multiplier: 2/3;
    --slider-margin: 0;
    margin-bottom: auto;
    margin-top: var(--slider-margin);
    padding-bottom: var(--padding-l);
    padding-top: var(--padding-xl);
}
.bonuses-slider__wrap[data-v-37ff94c7] {
    width: 100%;
}
.bonuses-slider__block[data-v-37ff94c7] {
    contain: layout style;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
}
.bonuses-slider__block[data-v-37ff94c7],
.bonuses-slider__carousel[data-v-37ff94c7] {
    overflow: visible;
    position: relative;
    z-index: 1;
}
.bonuses-slider__card[data-v-37ff94c7] {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: var(--card__w);
    justify-content: center;
    min-width: var(--card__w);
    width: var(--card__w);
}
.bonuses-slider__card.active[data-v-37ff94c7] {
    --card-img__w-multiplier: 1;
}
.bonuses-slider__img[data-v-37ff94c7] {
    display: flex;
    height: calc(var(--card__w) * var(--card-img__w-multiplier));
    transition: all 0.6s;
    width: calc(var(--card__w) * var(--card-img__w-multiplier));
}
.bonuses-slider__nav-button[data-v-37ff94c7] {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
@media (min-width: 768px) {
    .bonuses-slider__nav-button[data-v-37ff94c7] {
        display: flex;
    }
}
.bonuses-slider__nav-button.prev[data-v-37ff94c7] {
    right: calc(50% + 64px + var(--card__w) / 2);
}
.bonuses-slider__nav-button.next[data-v-37ff94c7] {
    left: calc(50% + 64px + var(--card__w) / 2);
}


.base-modal[data-v-4fd8d848] {
    --modal-backdrop-bg: var(--general-bg-backdrop);
    --modal-body-height: auto;
    --modal-body-max-height: 100%;
    --modal-body-bg: #0000;
    --modal-body-max-width: auto;
    --modal-body-radius: 8px;
    --modal-body-padding: 0;
    --modal-body-width: 100%;
    --modal-close-offset: 16px;
    --modal-inner-border: 1px solid var(--general-sys-border-color);
    --modal-inner-border-radius: var(--radius-xl);
    align-items: center;
    animation: show-modal-4fd8d848 0.3s ease-out forwards;
    display: flex;
    justify-content: center;
    inset: 0;
    opacity: 0;
    overflow: hidden;
    padding: 16px;
    position: fixed;
    transition: opacity 0.3s ease-out;
    z-index: 9999;
}
.base-modal[data-v-4fd8d848],
.base-modal.color-blur[data-v-4fd8d848] {
    background-color: var(--modal-backdrop-bg);
}
.base-modal.color-blur[data-v-4fd8d848] {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}
.base-modal.transparent-container[data-v-4fd8d848] {
    --modal-inner-border: none;
    --modal-inner-border-radius: 0;
    padding: var(--padding-3xl) var(--modal-body-padding)
    var(--modal-body-padding) var(--modal-body-padding);
}
@media (min-width: 800px) {
    .base-modal.transparent-container[data-v-4fd8d848] {
        padding: var(--modal-body-padding);
    }
}
.base-modal.transparent-container .base-modal__shine[data-v-4fd8d848] {
    display: none;
}
.base-modal.transparent-container .base-modal__content[data-v-4fd8d848] {
    height: auto;
}
.base-modal.transparent-container .base-modal__inner[data-v-4fd8d848] {
    background-color: initial;
    max-width: 100%;
}
@media (min-width: 800px) {
    .base-modal.transparent-container .base-modal__inner[data-v-4fd8d848] {
        max-width: var(--modal-body-max-width);
    }
}
.base-modal.transparent-container .base-modal__body[data-v-4fd8d848] {
    padding: 0;
}
@media (min-width: 800px) {
    .base-modal.transparent-container .base-modal__body[data-v-4fd8d848] {
        padding: var(--modal-body-padding);
    }
}
.base-modal.align-top[data-v-4fd8d848] {
    align-items: flex-start;
}
@media (min-width: 1024px) {
    .base-modal.align-top[data-v-4fd8d848] {
        padding-top: var(--size-27);
    }
}
.base-modal.has-footer[data-v-4fd8d848] {
    flex-direction: column;
    gap: var(--spaces-xl);
    justify-content: space-between;
}
.base-modal.has-footer .base-modal__body[data-v-4fd8d848] {
    height: 100dvh;
}
.base-modal__footer[data-v-4fd8d848] {
    bottom: 0;
    left: 0;
    padding: var(--spaces-2xl);
    position: absolute;
}
.base-modal__shine[data-v-4fd8d848] {
    background: #2a2f41cc;
    filter: blur(40px);
    flex-shrink: 0;
    height: 64px;
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    z-index: 1;
}
.base-modal.no-backdrop[data-v-4fd8d848] {
    --modal-backdrop-bg: #0000 !important;
}
.base-modal.size-small[data-v-4fd8d848] {
    --modal-body-max-width: 343px;
    --modal-close-offset: 8px;
    --modal-body-max-height: 100%;
    --modal-body-padding: var(--padding-xl);
}
.base-modal.size-medium[data-v-4fd8d848] {
    --modal-body-max-width: 400px;
    --modal-close-offset: 8px;
    --modal-body-max-height: 100%;
    --modal-body-padding: var(--padding-xl);
}
.base-modal.size-small-to-big[data-v-4fd8d848] {
    --modal-body-max-width: 343px;
    --modal-close-offset: 8px;
    --modal-body-max-height: 100%;
    --modal-body-padding: var(--padding-xl);
}
@media (min-width: 800px) {
    .base-modal.size-small-to-big[data-v-4fd8d848] {
        --modal-body-max-width: 648px;
        --modal-body-height: 586px;
    }
}
.base-modal.no-body-padding[data-v-4fd8d848] {
    --modal-body-padding: 0;
}
.base-modal.size-mobile-full-screen[data-v-4fd8d848] {
    --modal-body-height: 100%;
}
@media (max-width: 767px) {
    .base-modal.size-mobile-full-screen[data-v-4fd8d848] {
        --modal-body-max-width: 100%;
        --modal-body-radius: 0;
        --modal-body-border: none;
        --modal-close-offset: 8px;
        --modal-inner-border: none;
        --modal-inner-border-radius: 0;
        padding: 0;
    }
}
.base-modal.full-screen[data-v-4fd8d848] {
    --modal-body-radius: 0;
    --modal-body-border: none;
    --modal-body-height: 100%;
    --modal-body-width: 100%;
    --modal-body-padding: 0;
    --modal-inner-border: none;
    --modal-inner-border-radius: 0;
    padding: 0;
}
.base-modal.hidden[data-v-4fd8d848] {
    --modal-body-bg: #0000 !important;
    --modal-body-padding: 0 !important;
    --modal-body-border: none !important;
    opacity: 0 !important;
}
.base-modal__inner[data-v-4fd8d848] {
    background: var(--general-bg-modal);
    border: var(--modal-inner-border);
    border-radius: var(--modal-inner-border-radius);
    height: var(--modal-body-height);
    margin-left: auto;
    margin-right: auto;
    max-height: var(--modal-body-max-height);
    max-width: var(--modal-body-max-width);
    overflow: hidden;
    width: var(--modal-body-width);
}
.base-modal__body[data-v-4fd8d848],
.base-modal__inner[data-v-4fd8d848] {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
}
.base-modal__body[data-v-4fd8d848] {
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--modal-body-padding);
    width: 100%;
}
.base-modal__back[data-v-4fd8d848],
.base-modal__close[data-v-4fd8d848] {
    position: absolute;
    top: var(--modal-close-offset);
    z-index: 22;
}
.base-modal__close[data-v-4fd8d848] {
    right: var(--modal-close-offset);
}
.base-modal__back[data-v-4fd8d848] {
    left: var(--modal-close-offset);
}
@keyframes show-modal-4fd8d848 {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


.base-modal[data-v-59b8a12d] {
    position: relative;
}
.base-modal.color-black .base-modal__content[data-v-59b8a12d] {
    background-color: initial;
}
.base-modal.has-footer .base-modal__content[data-v-59b8a12d] {
    flex-grow: 0;
    height: auto;
}
.base-modal.has-footer .base-modal__controls[data-v-59b8a12d] {
    margin-bottom: var(--spaces-l);
}
.base-modal__content[data-v-59b8a12d] {
    background-color: inherit;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    width: 100%;
}
@media (min-width: 768px) {
    .base-modal__content[data-v-59b8a12d] {
        justify-content: flex-start;
    }
}
.base-modal__controls[data-v-59b8a12d] {
    bottom: 0;
    display: flex;
    flex-direction: column;
    position: sticky;
    z-index: 2;
    grid-gap: 8px;
    margin-top: 16px;
}
.base-modal__controls.horizontal[data-v-59b8a12d] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}


.base-modal-confirm[data-v-59d0c5aa] {
    width: 100%;
}
.base-modal-confirm__wrapper[data-v-59d0c5aa] {
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    width: 100%;
}
.base-modal-confirm__image-bg[data-v-59d0c5aa] {
    align-items: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    height: 130px;
    justify-content: center;
    width: 160px;
}
.base-modal-confirm__image[data-v-59d0c5aa],
.base-modal-confirm__image-local[data-v-59d0c5aa] {
    height: 88px;
    width: 88px;
}
.base-modal-confirm__image-bg[data-v-59d0c5aa] {
    position: relative;
}
.base-modal-confirm__image-bg[data-v-59d0c5aa]:before {
    background-image: var(--image-bg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    height: 164px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 164px;
    z-index: -1;
}
.base-modal-confirm__title[data-v-59d0c5aa] {
    color: var(--title-color);
    margin-bottom: 8px;
    padding: var(--padding-xl) var(--padding-xl) 0 var(--padding-xl);
    text-align: center;
}
.base-modal-confirm__description[data-v-59d0c5aa] {
    color: var(--description-color);
}


.no-dep-promo-code-info__controls[data-v-e707fe5c] {
    align-items: center;
    column-gap: var(--spaces-s);
    display: flex;
}
.no-dep-promo-code-info__button[data-v-e707fe5c] {
    flex-basis: calc(50% - var(--spaces-s) / 2);
}


.preview[data-v-f55dc2a9] {
    --card__w: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: var(--card__w);
}
@media (min-width: 576px) {
    .preview[data-v-f55dc2a9] {
        --card__w: 400px;
    }
}
.preview__btn[data-v-f55dc2a9] {
    flex-shrink: 1;
    max-width: 400px;
}
.preview__badge[data-v-f55dc2a9] {
    align-self: center;
    margin-bottom: var(--spaces-s);
}
.preview__min-dep[data-v-f55dc2a9],
.preview__value[data-v-f55dc2a9] {
    margin-bottom: var(--spaces-l);
}


.hint[data-v-8dc1fd2f] {
    align-items: center;
    display: flex;
    gap: 4px;
}
.hint__icon[data-v-8dc1fd2f] {
    color: var(--d3d64168);
    flex-shrink: 0;
    height: 20px;
    width: 20px;
}


.input-wrapper[data-v-2c322f17] {
    --placeholder-color: var(--form-input-text-placeholder);
    --bg-color: var(--form-input-bg-default);
    --bg-color-disabled: var(--form-input-bg-disabled);
    --border-color: var(--form-input-border-default);
    --border-color-focus: var(--primary-700);
    --border-color-success: var(--green-500);
    --border-color-error: var(--form-input-border-error);
    --border-color-disabled: var(--form-input-border-disable);
    --text-color: var(--form-input-text-default);
    --text-color-disabled: var(--form-input-text-disabled);
    --text-color-error: var(--error-500);
    --color-label: var(--form-label-text-color);
    --show-password-icon-color-active: var(--form-input-icon-active);
    --show-password-icon-color: var(--neutral-500);
    --show-password-icon-color-disabled: var(--form-input-icon-disabled);
    --box-shadow: 0px 0px 0px 0px #0000;
    --padding-input: var(--padding-xl);
    --color-default: var(--gray-400);
    --color-error: var(--form-hint-text-color-error);
    --color-success: var(--form-hint-text-color-success);
    --color-warning: var(--form-hint-text-color-warning);
    --color-info: var(--form-hint-text-color-info);
    position: relative;
}
.input-wrapper__body[data-v-2c322f17] {
    align-items: center;
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-s);
    box-shadow: var(--box-shadow);
    display: flex;
    height: 56px;
    padding: 0;
    transition: border 0.3s;
    width: 100%;
}
.input-wrapper__label[data-v-2c322f17] {
    color: var(--color-label);
    display: block;
    margin-bottom: 8px;
}
.input-wrapper__input[data-v-2c322f17] {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    background-color: initial;
    border: none;
    color: var(--text-color) !important;
    flex-basis: 100%;
    font-family: var(--family-inter);
    font-size: var(--font-size-14);
    font-style: normal;
    font-weight: 400;
    height: 100%;
    line-height: 1.5;
    padding: var(--padding-input);
    width: 100%;
    -webkit-text-fill-color: var(--text-color) !important;
    -webkit-appearance: none;
    appearance: none;
    caret-color: var(--form-input-cursor);
}
.input-wrapper__input[data-v-2c322f17]::placeholder {
    color: var(--placeholder-color);
    -webkit-text-fill-color: var(--placeholder-color);
    letter-spacing: 0.3px;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}
.input-wrapper__input[data-v-2c322f17]::-webkit-inner-spin-button,
.input-wrapper__input[data-v-2c322f17]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.input-wrapper__input[data-v-2c322f17]:disabled {
    color: var(--text-color-disabled) !important;
    -webkit-text-fill-color: var(--text-color-disabled) !important;
}
.input-wrapper__input[type="number"][data-v-2c322f17] {
    -moz-appearance: textfield;
}
.input-wrapper__input.center[data-v-2c322f17] {
    text-align: center;
}
.input-wrapper__show_password[data-v-2c322f17] {
    align-items: center;
    background-color: initial;
    border: none;
    color: var(--show-password-icon-color);
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    height: 100%;
    justify-content: center;
    padding: 0;
    transition: border 0.3s;
    width: 44px;
}
.input-wrapper__show_password.active[data-v-2c322f17] {
    color: var(--show-password-icon-color-active);
}
.input-wrapper__icon[data-v-2c322f17] {
    height: 20px;
    width: 20px;
}
.input-wrapper__status-icon[data-v-2c322f17] {
    bottom: 0;
    color: var(--icon-color);
    height: 20px;
    position: absolute;
    right: 16px;
    top: 10px;
    width: 20px;
}
.input-wrapper__status-icon.error[data-v-2c322f17] {
    --icon-color: var(--color-error);
}
.input-wrapper__status-icon.success[data-v-2c322f17] {
    --icon-color: var(--color-success);
}
.input-wrapper__status-icon.warning[data-v-2c322f17] {
    --icon-color: var(--color-warning);
}
.input-wrapper__status-icon.info[data-v-2c322f17] {
    --icon-color: var(--form-hint-text-color-info);
}
.input-wrapper.focus[data-v-2c322f17]:not(.error) {
    --border-color: var(--border-color-focus) !important;
    --box-shadow: 0px 0px 0px 4px #e8ff0057;
}
@media (min-width: 1024px) and (hover: hover) {
    .input-wrapper[data-v-2c322f17]:hover:not(.error):hover {
        --border-color: var(--border-color-focus) !important;
    }
}
.input-wrapper.disabled .input-wrapper__body[data-v-2c322f17] {
    background-color: var(--bg-color-disabled);
    border-color: var(--border-color-disabled);
    color: var(--text-color-disabled);
    pointer-events: none;
}
.input-wrapper.disabled
.input-wrapper__input[data-v-2c322f17]::placeholder {
    color: var(--text-color-disabled);
    -webkit-text-fill-color: var(--text-color-disabled);
}
.input-wrapper.disabled .input-wrapper__show_password[data-v-2c322f17] {
    color: var(--show-password-icon-color-disabled);
}
.input-wrapper.error[data-v-2c322f17] {
    --border-color: var(--border-color-error) !important;
}
.input-wrapper.success[data-v-2c322f17] {
    --border-color: var(--border-color-success) !important;
}
.input-wrapper.shake .input-wrapper__body[data-v-2c322f17] {
    animation-duration: 1s;
    animation-name: shake-2c322f17;
    animation-timing-function: ease-in-out;
}
.input-wrapper.font-bold .input-wrapper__input[data-v-2c322f17] {
    font-weight: 700;
}
.input-wrapper[data-v-2c322f17] :-webkit-autofill,
.input-wrapper[data-v-2c322f17] :-webkit-autofill:focus,
.input-wrapper[data-v-2c322f17] :-webkit-autofill:hover {
    -webkit-background-clip: text;
    background-image: none !important;
    -webkit-transition: background-color 5000s ease-in-out 0s !important;
    transition: background-color 5000s ease-in-out 0s !important;
    -webkit-text-fill-color: var(--text-color);
}
.input-wrapper[data-v-2c322f17] :-webkit-autofill:disabled,
.input-wrapper[data-v-2c322f17] :-webkit-autofill:focus:disabled,
.input-wrapper[data-v-2c322f17] :-webkit-autofill:hover:disabled {
    box-shadow: 0 0 0 30px var(--bg-color-disabled) inset !important;
    -webkit-text-fill-color: var(--text-color-disabled);
}
.input-wrapper[data-v-2c322f17] :-webkit-autofill:focus:not(:disabled),
.input-wrapper[data-v-2c322f17] :-webkit-autofill:hover:not(:disabled),
.input-wrapper[data-v-2c322f17] :-webkit-autofill:not(:disabled) {
    box-shadow: 0 0 0 0 var(--bg-color) inset !important;
}
.messages-list[data-v-2c322f17] {
    --color: var(--color-default);
    display: flex;
    flex-direction: column;
    grid-gap: 2px;
    margin-top: var(--spaces-s);
    width: 100%;
}
.messages-list.success[data-v-2c322f17] {
    --color: var(--color-success);
}
.messages-list.warning[data-v-2c322f17] {
    --color: var(--color-warning);
}
.messages-list.error[data-v-2c322f17] {
    --color: var(--color-error);
}
.messages-list.info[data-v-2c322f17] {
    --color: var(--form-hint-text-color-info);
}
.messages-list__item[data-v-2c322f17] {
    display: flex;
    grid-gap: 4px;
    align-items: center;
    color: var(--color);
    letter-spacing: 0.3px;
}
.messages-list__item.success[data-v-2c322f17] {
    --color: var(--color-success);
}
.messages-list__item.warning[data-v-2c322f17] {
    --color: var(--color-warning);
}
.messages-list__item.error[data-v-2c322f17] {
    --color: var(--color-error);
}
.messages-list__item.info[data-v-2c322f17] {
    --color: var(--form-hint-text-color-info);
}
.messages-list__icon[data-v-2c322f17] {
    aspect-ratio: 1;
    flex: 0 0 auto;
    margin-top: 0.12em;
    width: 16px;
}
@keyframes shake-2c322f17 {
    0% {
        transform: translate(0);
    }
    6.5% {
        transform: translate(-4px);
    }
    18.5% {
        transform: translate(3px);
    }
    31.5% {
        transform: translate(-2px);
    }
    43.5% {
        transform: translate(1px);
    }
    50% {
        transform: translate(0);
    }
}


.promocode-card[data-v-d37ebaec] {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%;
}
@media (min-width: 576px) {
    .promocode-card[data-v-d37ebaec] {
        max-width: 400px;
    }
}
.promocode-card__title[data-v-d37ebaec] {
    margin-bottom: var(--spaces-2xl);
}
.promocode-card__alert[data-v-d37ebaec],
.promocode-card__input[data-v-d37ebaec] {
    margin-bottom: var(--spaces-l);
}
.promocode-card[data-v-d37ebaec] .messages-list > * {
    font-size: 10px;
}


.register-bonuses[data-v-c9d3e9f3] {
    --header-padding: var(--padding-xl);
    --footer-padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}
@media (min-width: 800px) {
    .register-bonuses[data-v-c9d3e9f3] {
        --header-padding: 0;
    }
}
.register-bonuses__header[data-v-c9d3e9f3] {
    padding: var(--header-padding) var(--header-padding) 0
    var(--header-padding);
}
.register-bonuses__heading[data-v-c9d3e9f3] {
    align-self: center;
}
.register-bonuses__alert[data-v-c9d3e9f3] {
    bottom: var(--spaces-xl);
    left: 50%;
    position: fixed;
    transform: translate(-50%);
    width: 100%;
    z-index: 100000;
}
.register-bonuses__alert[data-v-c9d3e9f3] div {
    white-space: nowrap;
}
@media (min-width: 768px) {
    .register-bonuses__alert[data-v-c9d3e9f3] {
        width: auto;
    }
}
.register-bonuses__footer[data-v-c9d3e9f3] {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: var(--footer-padding);
}
.register-bonuses__tabs-category[data-v-c9d3e9f3] {
    margin-top: var(--spaces-l);
}
.register-bonuses[data-v-c9d3e9f3] .tabs.darken {
    --item-bg-color-active: var(--tabs-darken-bg-color-default-hover);
    --item-outline-color-active: var(--button-secondary-bg-color);
    --button-padding: var(--padding-s) var(--padding-l);
}
.register-bonuses[data-v-c9d3e9f3] .tabs__wrapper {
    max-width: 320px;
    width: 100%;
}
.register-bonuses[data-v-c9d3e9f3] .tabs__item {
    flex-grow: 1;
}


.link {
    --animation-duration: 0.5s;
    background-color: initial;
    border: none;
    color: var(--text-color);
    cursor: pointer;
    padding: 0;
    transition-duration: var(--animation-duration);
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    font-family: var(--family-inter);
    font-size: var(--font-size-14);
    line-height: var(--line-height-18);
}
@media (min-width: 1024px) and (hover: hover) {
    .link:hover {
        --text-color: var(--text-color-hover);
    }
}
.link.active,
.link:active,
.link[class*="exact-active"] {
    --text-color: var(--text-color-active);
    --transition-duration: none;
}
.link.bold {
    font-weight: var(--font-weight-bold);
}
.link.size-small {
    font-family: var(--family-inter);
    font-size: var(--font-size-12);
    line-height: var(--line-height-16);
}
.link.size-big {
    font-family: var(--family-inter);
    font-size: var(--font-size-16);
    line-height: var(--line-height-20);
}
.link.link-gray {
    --text-color: var(--links-grey-text-color);
    --text-color-hover: var(--links-grey-text-color-hover);
    --text-color-active: var(--links-grey-text-color-active);
}
.link.link-green {
    --text-color: var(--links-green-text-color);
    --text-color-hover: var(--links-green-text-color-hover);
    --text-color-active: var(--links-green-text-color-active);
}


.skeleton__item[data-v-997d5023] {
    animation: smooth-gradient-997d5023 2s ease infinite;
    background: linear-gradient(45deg, #191c25, #191c25, #191c25);
    background-size: 400% 400%;
    border-radius: var(--radius-m);
    opacity: 0.5;
    width: 100%;
}
@media (min-width: 768px) {
    .skeleton__item[data-v-997d5023] {
        border-radius: 16px;
    }
}
.skeleton__item.error[data-v-997d5023] {
    animation: none;
    position: relative;
}
.skeleton__item.error[data-v-997d5023]:before {
    background-image: url(img/error-icon.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 80%;
    inset: 0;
    margin: auto;
    max-height: 64px;
    max-width: 64px;
    opacity: 0.3;
    position: absolute;
    width: 80%;
}
@keyframes smooth-gradient-997d5023 {
    0% {
        background-position: 100% 0;
    }
    50% {
        background-position: 0 100%;
    }
    to {
        background-position: 100% 0;
    }
}


.modal-skeleton[data-v-22c6208b] {
    display: flex;
    flex-direction: column;
    gap: var(--spaces-s);
}
.modal-skeleton__item[data-v-22c6208b] {
    width: 100%;
}
.modal-skeleton__item.header[data-v-22c6208b] {
    height: 76px;
}
.modal-skeleton__item.subheader[data-v-22c6208b] {
    height: 60px;
}
.modal-skeleton__item.content-big[data-v-22c6208b] {
    height: 84px;
}
.modal-skeleton__item.content-small[data-v-22c6208b],
.modal-skeleton__item.footer[data-v-22c6208b] {
    height: 44px;
}
.modal-skeleton__group[data-v-22c6208b] {
    align-items: center;
    display: flex;
    gap: var(--spaces-s);
}


.tooltip-block[data-v-f654ffb3] {
    --bg-color: var(--tooltip-bg-color-light);
    --bd-color: #0000;
    --tooltip-pos-top: auto;
    --tooltip-pos-bottom: auto;
    --tooltip-transform: none;
    --content-pos-top: auto;
    --content-pos-bottom: auto;
    --content-pos-left: 50%;
    --content-pos-right: auto;
    --content-transform: translateX(-50%);
    --arrow-pos-top: auto;
    --arrow-pos-bottom: auto;
    --arrow-pos-left: auto;
    --arrow-pos-right: auto;
    animation: show-f654ffb3 0.3s linear forwards;
    bottom: var(--tooltip-pos-bottom);
    font-weight: 400;
    margin: auto;
    opacity: 0;
    position: absolute;
    top: var(--tooltip-pos-top);
    transform: var(--tooltip-transform);
    transition: opacity 0.3s;
    white-space: normal;
    width: 100%;
    z-index: 10000;
}
.tooltip-block.remove[data-v-f654ffb3] {
    animation: hide-f654ffb3 0.3s linear forwards;
}
.tooltip-block.top[data-v-f654ffb3] {
    --tooltip-pos-bottom: 100%;
    --content-pos-bottom: calc(100% + 6px);
    --arrow-pos-bottom: -4px;
    --arrow-pos-left: calc(50% - 6px);
}
.tooltip-block.bottom[data-v-f654ffb3] {
    --tooltip-pos-top: 100%;
    --content-pos-top: calc(100% + 6px);
    --arrow-pos-top: -4px;
    --arrow-pos-left: calc(50% - 6px);
}
.tooltip-block.left[data-v-f654ffb3] {
    --content-pos-left: -8px;
    --content-transform: none;
    --arrow-pos-left: 11px;
}
.tooltip-block.right[data-v-f654ffb3] {
    --content-pos-left: auto;
    --content-pos-right: -8px;
    --content-transform: none;
    --arrow-pos-left: auto;
    --arrow-pos-right: 11px;
}
.tooltip-block.left-position[data-v-f654ffb3] {
    --tooltip-pos-top: 50%;
    --tooltip-pos-left: 0;
    --content-pos-left: -8px;
    --content-pos-right: auto;
    --content-transform: translate(-100%, -50%);
    --arrow-pos-top: calc(50% - 6px);
    --arrow-pos-right: -4px;
}
.tooltip-block.right-position[data-v-f654ffb3] {
    --tooltip-pos-top: 50%;
    --tooltip-transform: translateY(-50%);
    --content-pos-top: 50%;
    --content-pos-left: 100%;
    --content-transform: translate(9px, -50%);
    --arrow-pos-top: calc(50% - 6px);
    --arrow-pos-right: calc(100% - 8px);
}
.tooltip-block.left-position.bottom[data-v-f654ffb3] {
    --tooltip-pos-top: auto;
    --tooltip-pos-right: 50%;
    --tooltip-pos-bottom: 0;
    --tooltip-pos-left: auto;
    --content-pos-top: 8px;
    --content-pos-right: calc(50% - 15px);
    --content-pos-bottom: auto;
    --content-pos-left: auto;
    --content-transform: translate(0);
    --arrow-pos-top: -4px;
    --arrow-pos-right: 8px;
    --arrow-pos-left: auto;
}
.tooltip-block__content[data-v-f654ffb3] {
    align-items: center;
    background-color: var(--tooltip-bg-color-light);
    border: 1px solid var(--bd-color);
    border-radius: 8px;
    bottom: var(--content-pos-bottom);
    display: flex;
    left: var(--content-pos-left);
    padding: var(--padding-m) var(--padding-l);
    position: absolute;
    right: var(--content-pos-right);
    text-align: center;
    top: var(--content-pos-top);
    transform: var(--content-transform);
}
.tooltip-block__content[data-v-f654ffb3]:before {
    background-color: var(--bg-color);
    border: 1px solid var(--bd-color);
    bottom: var(--arrow-pos-bottom);
    content: "";
    display: block;
    height: 12px;
    left: var(--arrow-pos-left);
    margin: 0 auto;
    position: absolute;
    right: var(--arrow-pos-right);
    top: var(--arrow-pos-top);
    transform: rotate(45deg);
    width: 12px;
    z-index: -1;
}
.tooltip-block__content.only-text[data-v-f654ffb3] {
    text-align: center;
}
.tooltip-block__content.text-left[data-v-f654ffb3] {
    text-align: left;
}
.tooltip-block__text[data-v-f654ffb3] {
    flex-grow: 1;
    word-wrap: break-word;
}
.tooltip-block__text[data-v-f654ffb3]:not(:first-child) {
    margin-top: 8px;
}
@keyframes show-f654ffb3 {
    to {
        opacity: 1;
    }
}
@keyframes hide-f654ffb3 {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}


.telegram-overlay[data-v-f16d8c0f] {
    align-items: center;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: var(--menu-category-bg-color-active);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.telegram-overlay__img[data-v-f16d8c0f] {
    object-fit: cover;
}
.telegram-overlay__btn[data-v-f16d8c0f] {
    margin-top: var(--spaces-l);
    max-width: 240px;
}


.fade-enter-from[data-v-47f60be6],
.fade-leave-to[data-v-47f60be6] {
    opacity: 0;
}
.fade-enter-active[data-v-47f60be6],
.fade-leave-active[data-v-47f60be6] {
    transition: opacity 0.15s linear;
}
.fade-enter-to[data-v-47f60be6],
.fade-leave-from[data-v-47f60be6] {
    opacity: 1;
}


.main-layout[data-v-92079019] {
    padding-top: var(--header-height);
}
.main[data-v-92079019] {
    background-color: var(--general-bg-general);
    max-width: 100%;
    overflow: hidden;
}
.main__bg-video[data-v-92079019] {
    height: 100vh;
    left: 0;
    object-fit: cover;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 0;
}
@media (min-width: 1024px) {
    .main[data-v-92079019] {
        min-height: 600px;
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .main[data-v-92079019] {
        min-height: 100px;
    }
}
.main.no-overflow[data-v-92079019] {
    overflow-y: visible;
}
@media (min-width: 640px) {
    .main.no-overflow[data-v-92079019] {
        overflow: hidden;
    }
}


.header-main[data-v-d6861f2b] {
    height: var(--header-height);
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: height 0.25s linear;
    z-index: 15;
}
.header-main__bg[data-v-d6861f2b] {
    background-color: var(--general-bg-section);
}
.header-main__notification-panel[data-v-d6861f2b] {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-100%);
    transition:
            transform 0.35s ease,
            opacity 0.25s ease;
    will-change: transform, opacity;
}
.header-main__notification-panel.open[data-v-d6861f2b] {
    opacity: 1;
    transform: translateY(0);
}
.slide-down-enter-active[data-v-d6861f2b],
.slide-down-leave-active[data-v-d6861f2b] {
    transition: transform 0.25s ease;
}
.slide-down-enter-from[data-v-d6861f2b],
.slide-down-leave-to[data-v-d6861f2b] {
    transform: translateY(-100%);
}


.header[data-v-04ed3370] {
    --logo__mx: 16px;
    display: flex;
    height: var(--header-top-height);
    left: 0;
    pointer-events: auto;
    position: sticky;
    top: 0;
    transition: all 0.3s;
    z-index: 12;
}
@media (min-width: 576px) {
    .header[data-v-04ed3370] {
        z-index: 11;
    }
}
.header[data-v-04ed3370]:after {
    background-color: var(--general-bg-section);
    border-bottom: 1px solid var(--general-sys-border-color);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: calc(100% - 1px);
    transition: all 0.3s;
    transition-delay: 0.3s;
    width: 100%;
}
@media (min-width: 768px) {
    .header[data-v-04ed3370]:after {
        transition-delay: 0s;
    }
}
.header.is-open-search[data-v-04ed3370] {
    background-color: var(--general-bg-modal);
    z-index: 14;
}
.header.is-open-search[data-v-04ed3370]:after {
    background-color: var(--general-bg-modal);
    border-color: #0000;
    height: 30px;
    transition-delay: 0s;
}
@media (min-width: 1024px) {
    .header.is-open-search[data-v-04ed3370]:after {
        border-color: var(--general-sys-border-color);
    }
}
.header.is-open-search .header__nav-right[data-v-04ed3370] {
    margin-right: -400px;
    transition-delay: 0s;
}
@media (min-width: 768px) {
    .header.is-open-search .header__nav-right[data-v-04ed3370] {
        margin-right: -500px;
    }
}
.header__body[data-v-04ed3370] {
    align-items: stretch;
    display: flex;
    height: 100%;
    margin-inline: auto;
    max-width: 1920px;
    position: relative;
    width: 100%;
}
.header__container[data-v-04ed3370] {
    width: 100%;
}
.header__nav-left[data-v-04ed3370],
.header__nav-right[data-v-04ed3370] {
    align-items: center;
    display: none;
}
@media (min-width: 1440px) {
    .header__nav-left[data-v-04ed3370] {
        display: flex;
        flex-basis: 50%;
        max-width: calc(
                (100% - var(--app__logo__w) - var(--logo__mx) - var(--logo__mx)) / 2
        );
    }
}
.header__nav-left.show[data-v-04ed3370] {
    display: flex;
}
@media (min-width: 768px) {
    .header__nav-left.show[data-v-04ed3370] {
        display: none;
    }
}
@media (min-width: 1440px) {
    .header__nav-left.show[data-v-04ed3370] {
        display: flex;
    }
}
.header__logo-wrap[data-v-04ed3370] {
    flex-shrink: 0;
}
.header__nav-right-wrapper[data-v-04ed3370] {
    display: flex;
    overflow: hidden;
}
.header__nav-right[data-v-04ed3370] {
    display: flex;
    grid-gap: 8px;
    padding-right: var(--padding-m);
    transition: margin 0.3s;
    transition-delay: 0.1s;
    will-change: transform;
}
@media (min-width: 768px) {
    .header__nav-right[data-v-04ed3370] {
        padding-right: var(--padding-2xl);
    }
}
@media (min-width: 1024px) {
    .header__nav-right[data-v-04ed3370] {
        transition-delay: 0s;
    }
}
.header__right[data-v-04ed3370] {
    justify-content: flex-end;
}
@media (min-width: 768px) {
    .header__right[data-v-04ed3370] {
        display: flex;
        margin-left: auto;
    }
}
@media (min-width: 1440px) {
    .header__right[data-v-04ed3370] {
        flex-grow: 0;
    }
}
.header__right.show[data-v-04ed3370] {
    align-items: center;
    display: flex;
    height: 100%;
}
.header__skeleton-mobile[data-v-04ed3370] {
    height: 44px;
    width: 100%;
}
@media (min-width: 768px) {
    .header__skeleton-mobile[data-v-04ed3370] {
        display: none;
    }
}
.header__logo[data-v-04ed3370] {
    height: 100%;
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
}
@media (min-width: 1200px) {
    .header__logo[data-v-04ed3370] {
        padding-left: var(--padding-3xl);
        padding-right: var(--padding-3xl);
    }
}
.header__btn-wallet-text[data-v-04ed3370] {
    display: none;
}
@media (min-width: 800px) {
    .header__btn-wallet-text[data-v-04ed3370] {
        display: flex;
    }
}
.header__search[data-v-04ed3370] {
    align-self: center;
    flex-grow: 1;
    padding-right: var(--padding-xl);
}


.logo[data-v-9fd6506f] {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    object-fit: contain;
}
.logo[data-v-9fd6506f],
.logo__img[data-v-9fd6506f] {
    position: relative;
}
.logo__img[data-v-9fd6506f] {
    height: 48px;
    width: auto;
}
.logo__vip-badge[data-v-9fd6506f] {
    bottom: 8px;
    left: 8px;
    position: absolute;
}
@media (min-width: 800px) {
    .logo__vip-badge[data-v-9fd6506f] {
        bottom: 16px;
        left: auto;
        right: 60px;
    }
}
.fade-enter-from[data-v-9fd6506f],
.fade-leave-to[data-v-9fd6506f] {
    opacity: 0;
}
.fade-enter-active[data-v-9fd6506f],
.fade-leave-active[data-v-9fd6506f] {
    transition: opacity 0.25s linear;
}
.fade-enter-to[data-v-9fd6506f],
.fade-leave-from[data-v-9fd6506f] {
    opacity: 1;
}


.search-modal[data-v-509eb1e1] {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.search-modal__open-button[data-v-509eb1e1] {
    margin-left: auto;
    margin-right: var(--spaces-s);
}
.accordion-enter-active[data-v-509eb1e1],
.accordion-leave-active[data-v-509eb1e1] {
    max-height: 100vh;
    overflow: hidden;
    transition: max-height 0.5s linear;
}
.accordion-enter-from[data-v-509eb1e1],
.accordion-leave-to[data-v-509eb1e1] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s;
}


.search-form[data-v-2acbba7b] {
    --input-width: 40px;
    align-items: center;
    display: flex;
    margin-left: auto;
    max-width: 32px;
    overflow: hidden;
    position: relative;
    transition: max-width 0.3s;
    width: 100%;
    will-change: max-width;
    z-index: 1;
}
@media (min-width: 768px) {
    .search-form[data-v-2acbba7b] {
        max-width: 44px;
    }
}
@media (min-width: 1024px) {
    .search-form[data-v-2acbba7b] {
        margin-left: 0;
        max-width: 420px;
    }
}
.search-form.is-open[data-v-2acbba7b] {
    --input-width: 100%;
    overflow: visible;
}
@media (min-width: 1024px) {
    .search-form__open-button[data-v-2acbba7b] {
        display: none;
    }
}
.search-form__close[data-v-2acbba7b] {
    margin-left: var(--spaces-s);
}
@media (min-width: 1024px) {
    .search-form__close[data-v-2acbba7b] {
        margin-left: var(--spaces-m);
    }
}
.search-form__input[data-v-2acbba7b] {
    transition: width 0.3s;
    width: var(--input-width);
    will-change: width;
}
@media (min-width: 800px) {
    .search-form__input[data-v-2acbba7b] {
        width: 100%;
    }
}
.search-form[data-v-2acbba7b] .input-wrapper__body {
    visibility: hidden;
}
@media (min-width: 1024px) {
    .search-form[data-v-2acbba7b] .input-wrapper__body {
        visibility: initial;
    }
}
.search-form[data-v-2acbba7b] .input-search__icon-wrap {
    visibility: visible;
}
.search-form.is-open[data-v-2acbba7b] {
    max-width: 100%;
}
.search-form.is-open .search-form__input[data-v-2acbba7b] {
    width: 100%;
}
.search-form.is-open .search-form__close[data-v-2acbba7b] {
    opacity: 1;
    z-index: auto;
}
.search-form.is-open[data-v-2acbba7b] .input-wrapper__body {
    visibility: visible;
}


.input-search__icon-wrap[data-v-a23553cb] {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    width: 26px;
}
.input-search__icon[data-v-a23553cb] {
    bottom: 0;
    color: var(--form-input-text-placeholder);
    height: 20px;
    left: 16px;
    margin-bottom: auto;
    margin-top: auto;
    position: absolute;
    top: 0;
    transition: color 0.3s;
    width: 20px;
}
.input-search__icon.focus[data-v-a23553cb] {
    color: var(--form-input-icon-active);
}
.input-search__close-wrap[data-v-a23553cb] {
    width: 60px;
}
.input-search__close-btn[data-v-a23553cb],
.input-search__close-wrap[data-v-a23553cb] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
}
.input-search__close-btn[data-v-a23553cb] {
    background-color: initial;
    border: none;
    padding: 0;
    width: 77px;
}
.input-search__close-btn[data-v-a23553cb]:active {
    opacity: 0.7;
}
.input-search__icon-close[data-v-a23553cb] {
    color: var(--form-input-text-placeholder);
    height: 20px;
    width: 20px;
}


.header-right__login[data-v-348cf9f0],
.header-right__or[data-v-348cf9f0] {
    display: none;
}
@media (min-width: 768px) {
    .header-right__login[data-v-348cf9f0],
    .header-right__or[data-v-348cf9f0] {
        display: flex;
    }
}
.header-right__social[data-v-348cf9f0] {
    display: none;
}
@media (min-width: 1024px) {
    .header-right__social[data-v-348cf9f0] {
        display: flex;
        margin-right: var(--spaces-s);
    }
}
.header-right__guest[data-v-348cf9f0],
.header-right__user[data-v-348cf9f0] {
    align-items: center;
    display: flex;
    gap: var(--spaces-s);
}
.search-icon[data-v-348cf9f0] {
    margin-right: var(--spaces-s);
}
@media (min-width: 800px) {
    .search-icon[data-v-348cf9f0] {
        display: none;
    }
}


.social {
    --outline: none;
    display: grid;
    grid-gap: var(--spaces-l);
    align-items: center;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
}
.social.auth-social-header {
    --outline: 4px solid var(--general-bg-general);
    min-width: 44px;
}
.social__item {
    border-radius: 50%;
    margin: var(--margin);
    outline: var(--outline);
    transition: margin 0.2s ease-out;
}
.social__buttons {
    display: flex;
    grid-gap: var(--spaces-s);
    align-items: center;
    justify-content: flex-end;
}


.base-login[data-v-c3d1a912] {
    width: 100px;
}
@media (min-width: 768px) {
    .base-login[data-v-c3d1a912] {
        width: auto;
    }
}


.footer[data-v-9613ff0e] {
    background-color: var(--general-bg-general);
    border-top: 1px solid var(--general-sys-border-color);
    overflow: hidden;
    padding-bottom: var(--padding-4xl);
    position: relative;
}
@media (min-width: 800px) {
    .footer[data-v-9613ff0e] {
        padding-bottom: var(--padding-3xl);
    }
}
.footer__wrapper[data-v-9613ff0e] {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--container-width);
}
@media (min-width: 800px) {
    .footer__wrapper[data-v-9613ff0e] {
        display: grid;
        grid-template-areas: "info info" "bank-protection bank-protection" "nav nav" "tags tags" "copyright payments";
    }
}
@media (min-width: 1200px) {
    .footer__wrapper[data-v-9613ff0e] {
        grid-template-areas: "info nav nav" "bank-protection bank-protection bank-protection" "tags tags tags" "copyright copyright payments";
        grid-template-columns: 448px 1fr 300px;
    }
}
.footer__bank-protection[data-v-9613ff0e] {
    display: flex;
    flex-direction: column;
    position: relative;
    grid-gap: var(--spaces-xl);
    align-items: center;
    padding-bottom: var(--padding-xl);
    padding-top: var(--padding-xl);
}
@media (min-width: 800px) {
    .footer__bank-protection[data-v-9613ff0e] {
        align-items: flex-start;
        grid-area: bank-protection;
        padding: var(--padding-2xl) var(--padding-xl) var(--padding-l);
    }
}
@media (min-width: 1200px) {
    .footer__bank-protection[data-v-9613ff0e] {
        align-items: center;
        flex-direction: row;
        padding-left: var(--padding-3xl);
        padding-right: var(--padding-3xl);
    }
    .footer__bank-protection[data-v-9613ff0e]:before {
        background-color: var(--general-sys-border-color);
        content: "";
        height: 1px;
        left: 50%;
        position: absolute;
        top: -1px;
        transform: translate(-50%);
        width: 10000px;
    }
}
.footer__block[data-v-9613ff0e] {
    margin-top: var(--spaces-l);
}
@media (min-width: 800px) {
    .footer__info[data-v-9613ff0e] {
        grid-area: info;
    }
    .footer__bank[data-v-9613ff0e] {
        grid-area: bank;
    }
    .footer__protection[data-v-9613ff0e] {
        grid-area: protection;
    }
}
.footer__nav[data-v-9613ff0e] {
    margin-top: var(--spaces-l);
}
@media (min-width: 800px) {
    .footer__nav[data-v-9613ff0e] {
        grid-area: nav;
    }
}
@media (min-width: 1200px) {
    .footer__nav[data-v-9613ff0e] {
        margin-top: 0;
    }
}
@media (min-width: 800px) {
    .footer__tags[data-v-9613ff0e] {
        grid-area: tags;
    }
    .footer__payments[data-v-9613ff0e] {
        align-items: center;
        display: flex;
        grid-area: payments;
        padding-right: var(--padding-3xl);
    }
    .footer__copyright[data-v-9613ff0e] {
        grid-area: copyright;
    }
}


.footer-info[data-v-801efef5] {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    padding-top: var(--padding-2xl);
    width: 100%;
}
@media (min-width: 800px) {
    .footer-info[data-v-801efef5] {
        display: grid;
        grid-template-areas: "logo togglers" "download togglers" "socials togglers";
        padding: var(--spaces-l);
    }
}
@media (min-width: 1200px) {
    .footer-info[data-v-801efef5] {
        align-items: flex-start;
        border-bottom: 1px solid var(--general-sys-border-color);
        display: flex;
        padding-left: var(--padding-3xl);
        padding-top: var(--padding-2xl);
        width: 448px;
    }
}
.footer-info__logo[data-v-801efef5] {
    height: 48px;
    width: 192px;
}
@media (min-width: 800px) {
    .footer-info__logo[data-v-801efef5] {
        grid-area: logo;
    }
}
.footer-info__download-app[data-v-801efef5] {
    margin-top: var(--spaces-m);
}
@media (min-width: 800px) {
    .footer-info__download-app[data-v-801efef5] {
        grid-area: download;
    }
}
.footer-info__socials[data-v-801efef5] {
    margin-top: var(--spaces-m);
}
@media (min-width: 800px) {
    .footer-info__socials[data-v-801efef5] {
        grid-area: socials;
        margin-top: var(--spaces-xl);
    }
}
.footer-info__togglers[data-v-801efef5] {
    display: flex;
    grid-gap: var(--spaces-m);
    justify-content: center;
    margin-top: var(--spaces-l);
    width: 100%;
}
@media (min-width: 800px) {
    .footer-info__togglers[data-v-801efef5] {
        align-items: flex-end;
        display: flex;
        flex-direction: column;
        grid-area: togglers;
        margin-top: 0;
    }
}
@media (min-width: 1200px) {
    .footer-info__togglers[data-v-801efef5] {
        align-items: flex-start;
        margin-top: var(--spaces-xl);
    }
}
.footer-info__togglers[data-v-801efef5] > * {
    flex: 1;
}


.download-app-buttons[data-v-cf8a61fa] {
    display: flex;
    grid-gap: var(--spaces-m);
}
.download-app-buttons.w-full[data-v-cf8a61fa] {
    width: 100%;
}


.download-app-button[data-v-ae44b2e1] {
    align-items: center;
    background-color: var(--general-bg-card);
    border-radius: var(--radius-s);
    display: flex;
    height: 52px;
    justify-content: center;
    padding: var(--padding-l) var(--padding-xl);
    position: relative;
    width: 148px;
}
.download-app-button.w-full[data-v-ae44b2e1] {
    width: 100%;
}
.download-app-button.dark-bg[data-v-ae44b2e1] {
    background-color: var(--general-bg-modal);
}
.download-app-button__image-wrap[data-v-ae44b2e1] {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}
.download-app-button__image-label[data-v-ae44b2e1] {
    left: 0;
    margin-left: 30px;
    margin-top: -3px;
    position: absolute;
    top: 0;
    white-space: nowrap;
}
.download-app-button__soon-badge[data-v-ae44b2e1] {
    background-color: var(--general-bg-navi);
    border-radius: var(--radius-l);
    color: #fff;
    padding: var(--padding-m);
    position: absolute;
    right: -16px;
    top: -16px;
    z-index: 1;
}


.footer-socials[data-v-af15b387] {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spaces-m);
    justify-content: center;
}
@media (min-width: 800px) {
    .footer-socials[data-v-af15b387] {
        grid-gap: var(--spaces-xl);
    }
}


.casino__title[data-v-f62d2a5b] {
    margin-bottom: var(--spaces-s);
}
.casino__list[data-v-f62d2a5b] {
    display: flex;
    grid-gap: var(--spaces-s);
    justify-content: center;
}
@media (min-width: 800px) {
    .casino__list[data-v-f62d2a5b] {
        justify-content: flex-start;
    }
}
.casino__btn[data-v-f62d2a5b] {
    color: var(--pure-01);
}


.sport__title[data-v-eb46802e] {
    margin-bottom: var(--spaces-s);
}
.sport__list[data-v-eb46802e] {
    display: flex;
    grid-gap: var(--spaces-s);
    justify-content: center;
}
@media (min-width: 800px) {
    .sport__list[data-v-eb46802e] {
        justify-content: flex-start;
    }
}
.sport__btn[data-v-eb46802e] {
    color: var(--pure-01);
}


.footer-bank[data-v-7dde8951] {
    display: flex;
    grid-gap: var(--spaces-m);
    align-items: center;
    justify-content: center;
}
.footer-bank__list[data-v-7dde8951] {
    display: flex;
    grid-gap: var(--spaces-s);
}
.footer-bank__image[data-v-7dde8951] {
    flex: 0 0 auto;
    height: 48px;
    width: 48px;
}
.footer-bank__white-text[data-v-7dde8951] {
    color: var(--neutral-300);
}


.footer-protection[data-v-4090e140] {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    width: 100%;
}
@media (min-width: 800px) {
    .footer-protection[data-v-4090e140] {
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1200px) {
    .footer-protection[data-v-4090e140] {
        margin-right: 0;
        width: auto;
    }
}
.footer-protection__item[data-v-4090e140],
.footer-protection__link[data-v-4090e140] {
    display: flex;
}
.footer-protection__item[data-v-4090e140] {
    width: auto;
}
.footer-protection__item[data-v-4090e140]:not(:last-of-type) {
    margin-right: var(--spaces-l);
}
@media (min-width: 1200px) {
    .footer-protection__item[data-v-4090e140]:not(:last-of-type) {
        margin-right: var(--spaces-3xl);
    }
}
.footer-protection__image[data-v-4090e140] {
    height: 24px;
    max-width: 140px;
}
@media (min-width: 1200px) {
    .footer-protection__image[data-v-4090e140] {
        height: 32px;
    }
}


.footer-nav[data-v-810a65cd] {
    border-bottom: 1px solid var(--general-sys-border-color);
    border-top: 1px solid var(--general-sys-border-color);
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
}
@media (min-width: 800px) {
    .footer-nav[data-v-810a65cd] {
        display: flex;
        grid-gap: var(--spaces-l);
        padding-left: 0;
        padding-right: 0;
    }
}
@media (min-width: 1200px) {
    .footer-nav[data-v-810a65cd] {
        border-left: 1px solid var(--general-sys-border-color);
        border-top: none;
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-right: var(--padding-3xl);
    }
}
.footer-nav__line[data-v-810a65cd] {
    display: grid;
    grid-gap: 0 var(--spaces-m);
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
}
.footer-nav__line[data-v-810a65cd]:nth-of-type(2) {
    border-top: 1px solid var(--general-sys-border-color);
}
@media (min-width: 800px) {
    .footer-nav__line[data-v-810a65cd] {
        grid-gap: var(--spaces-l);
    }
    .footer-nav__line[data-v-810a65cd]:nth-of-type(2) {
        border-left: 1px solid var(--general-sys-border-color);
        border-top: none;
    }
}
@media (min-width: 1200px) {
    .footer-nav__line[data-v-810a65cd] {
        grid-template-columns: repeat(2, 1fr);
        width: auto;
    }
}
.footer-nav__column[data-v-810a65cd] {
    border-right: 1px solid var(--general-sys-border-color);
    padding: var(--padding-xl);
}
.footer-nav__column[data-v-810a65cd]:nth-of-type(odd) {
    border-left: 1px solid var(--general-sys-border-color);
}
@media (min-width: 800px) {
    .footer-nav__column[data-v-810a65cd] {
        border-right: none;
        padding-right: 0;
    }
    .footer-nav__column[data-v-810a65cd]:nth-of-type(odd) {
        border-left: none;
    }
    .footer-nav__column[data-v-810a65cd]:nth-of-type(2n) {
        border-left: 1px solid var(--general-sys-border-color);
    }
}
.footer-nav__list[data-v-810a65cd] {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spaces-m);
    margin-top: var(--spaces-xl);
}
@media (min-width: 1200px) {
    .footer-nav__list[data-v-810a65cd] {
        grid-gap: var(--spaces-xl);
        margin-top: var(--spaces-2xl);
    }
}
.footer-nav__item[data-v-810a65cd] {
    display: flex;
}


.footer-tags[data-v-c0496922] {
    list-style: none;
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    width: 100%;
}
@media (min-width: 1200px) {
    .footer-tags[data-v-c0496922] {
        padding-bottom: var(--padding-xl);
        padding-top: var(--padding-xl);
    }
}
.footer-tags__item[data-v-c0496922] {
    width: auto;
}
.footer-tags__item[data-v-c0496922]:not(:last-of-type) {
    margin-right: var(--spaces-m);
}


.footer-payments__list[data-v-3a5787c0] {
    display: flex;
    grid-gap: var(--spaces-m);
    align-items: center;
    justify-content: center;
    width: 100%;
}
.footer-payments__item[data-v-3a5787c0] {
    background-color: var(--footer-payment-bg-color);
    border-radius: var(--radius-xxs);
    display: flex;
}
.footer-payments__icon[data-v-3a5787c0] {
    height: 32px;
}


.footer-copyright[data-v-a23acf63] {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
}
@media (min-width: 1200px) {
    .footer-copyright[data-v-a23acf63] {
        padding-left: var(--padding-3xl);
    }
}


.sidebar-container[data-v-c74a97ea] {
    --padding-wrapper: var(--padding-m);
    bottom: var(--sidebar-pos-bottom);
    left: 50%;
    max-width: var(--sidebar-max-width);
    pointer-events: none;
    position: fixed;
    transform: translate(-50%);
    z-index: 14;
}
@media (min-width: 1200px) {
    .sidebar-container[data-v-c74a97ea] {
        height: 100%;
        left: var(--spaces-l);
        padding-bottom: 518px;
        position: absolute;
        top: 0;
        transform: none;
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .sidebar-container[data-v-c74a97ea] {
        bottom: var(--sidebar-position);
        height: auto;
        left: 50%;
        padding-bottom: 0;
        position: fixed;
        top: auto;
        transform: translate(-50%);
    }
}
.sidebar-container.remove-padding[data-v-c74a97ea] {
    padding-bottom: 0;
}
.sidebar-container.open-navigation[data-v-c74a97ea] {
    --padding-wrapper: var(--padding-l);
}
@media (min-width: 1200px) {
    .sidebar-container.open-navigation[data-v-c74a97ea] {
        --padding-wrapper: var(--padding-m);
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .sidebar-container.open-navigation[data-v-c74a97ea] {
        --padding-wrapper: var(--padding-l);
    }
}
.sidebar-container.open-messages[data-v-c74a97ea] {
    z-index: 9;
}
.sidebar-container__get-bonus-button[data-v-c74a97ea] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--spaces-m);
    position: relative;
    z-index: 2;
}
@media (min-width: 1200px) {
    .sidebar-container__get-bonus-button[data-v-c74a97ea] {
        bottom: var(--get-bonus-button-bottom);
        margin-bottom: 0;
        position: fixed;
        right: 42px;
        z-index: 12;
    }
}
.sidebar-container__cookies-window[data-v-c74a97ea] {
    margin-bottom: 8px;
}
@media (min-width: 1200px) {
    .sidebar-container__cookies-window[data-v-c74a97ea] {
        bottom: 32px;
        left: 50%;
        margin-bottom: unset;
        position: fixed;
        transform: translate(-50%);
        z-index: 99;
    }
}
.sidebar-container__auth[data-v-c74a97ea] {
    display: grid;
    grid-gap: var(--spaces-xs);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: var(--general-bg-navi-inverse);
    border-radius: var(--radius-xl);
    grid-template-columns: auto 1fr;
    margin-bottom: var(--spaces-xxs);
    padding: var(--spaces-xs);
    pointer-events: auto;
}
@media (min-width: 1200px) {
    .sidebar-container__auth[data-v-c74a97ea] {
        display: none;
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .sidebar-container__auth[data-v-c74a97ea] {
        display: none;
    }
}
.sidebar-container__registration[data-v-c74a97ea] {
    position: relative;
}
.sidebar-container__registration-badge[data-v-c74a97ea] {
    position: absolute;
    right: 12px;
    top: -8px;
    z-index: 1;
}
.sidebar-container__teleport-mobile[data-v-c74a97ea] {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: var(--spaces-m);
    pointer-events: all;
}
@media (min-width: 800px) {
    .sidebar-container__teleport-mobile[data-v-c74a97ea] {
        display: none;
        pointer-events: none;
    }
}
.sidebar[data-v-c74a97ea] {
    pointer-events: auto;
    transition: top 0.25s linear;
}
@media (min-width: 1200px) {
    .sidebar.open-navigation[data-v-c74a97ea] {
        position: fixed;
    }
    .sidebar[data-v-c74a97ea] {
        position: sticky;
        top: var(--sidebar-pos-top);
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .sidebar[data-v-c74a97ea] {
        position: static;
        top: auto;
    }
}
.sidebar__content[data-v-c74a97ea] {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: var(--general-bg-navi);
    border-radius: var(--radius-xl);
    padding: var(--padding-wrapper);
    transition: padding 0.3s;
}
.sidebar__list[data-v-c74a97ea] {
    display: flex;
    grid-gap: var(--spaces-m);
    align-items: center;
    transition: all 0.3s;
    width: 100%;
}
@media (min-width: 1200px) {
    .sidebar__list[data-v-c74a97ea] {
        flex-direction: column-reverse;
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .sidebar__list[data-v-c74a97ea] {
        flex-direction: row;
    }
}
.sidebar__separator[data-v-c74a97ea] {
    border-bottom: 1px solid var(--button-line-border-default);
    height: 1px;
    width: 100%;
}
.sidebar__action[data-v-c74a97ea] {
    background-color: var(--button-grey-bg-color);
    border: 1px solid var(--button-line-border-default);
    order: -1;
}
.sidebar__action[data-v-c74a97ea] img {
    filter: unset !important;
    height: 40px;
    width: 40px;
}
@media (min-width: 1200px) {
    .sidebar__action[data-v-c74a97ea] {
        order: unset;
    }
}
.sidebar__separator[data-v-c74a97ea],
.sidebar__support[data-v-c74a97ea] {
    display: none;
}
@media (min-width: 1200px) {
    .sidebar__separator[data-v-c74a97ea],
    .sidebar__support[data-v-c74a97ea] {
        display: flex;
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .sidebar__separator[data-v-c74a97ea],
    .sidebar__support[data-v-c74a97ea] {
        display: none;
    }
}
.sidebar__item[data-v-c74a97ea] .tooltip-block {
    display: none;
}
@media (min-width: 1200px) {
    .sidebar__item[data-v-c74a97ea] .tooltip-block {
        display: block;
    }
}
.sport-casino-switcher[data-v-c74a97ea] {
    order: -1;
}
@media (min-width: 1200px) {
    .sport-casino-switcher[data-v-c74a97ea] {
        order: unset;
    }
}
.sidebar-button__inner[data-v-c74a97ea] {
    border-radius: 50%;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.sidebar-button__icons[data-v-c74a97ea] {
    align-items: center;
    display: flex;
    height: 100%;
}
.sidebar-button__icons.animation[data-v-c74a97ea] {
    animation: sidebar-button-c74a97ea 6s ease infinite;
}
.sidebar-button__icon[data-v-c74a97ea] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
}
.sidebar-button__icon-menu[data-v-c74a97ea] {
    height: 24px;
    min-height: 24px;
    min-width: 24px;
    width: 24px;
}
.sidebar-button__icon-smartico[data-v-c74a97ea] {
    height: 36px;
    min-height: 36px;
    min-width: 36px;
    width: 36px;
}
@keyframes sidebar-button-c74a97ea {
    0% {
        transform: translate(0);
    }
    52% {
        transform: translate(0);
    }
    57% {
        transform: translate(-108%);
    }
    60% {
        transform: translate(-100%);
    }
    92% {
        transform: translate(-100%);
    }
    97% {
        transform: translate(8%);
    }
}


@keyframes slide-y-7c4d2d43 {
    0% {
        opacity: 0;
        transform: translate(-50%, 100%);
    }
    to {
        opacity: 1;
        transform: translate(-50%);
    }
}
@keyframes slide-x-7c4d2d43 {
    0% {
        opacity: 0;
        transform: translate(-100%);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
.slide-fade-enter-active[data-v-7c4d2d43] {
    animation: slide-y-7c4d2d43 0.3s;
}
@media (min-width: 1200px) {
    .slide-fade-enter-active[data-v-7c4d2d43] {
        animation: slide-x-7c4d2d43 0.3s;
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .slide-fade-enter-active[data-v-7c4d2d43] {
        animation: slide-y-7c4d2d43 0.3s;
    }
}
.slide-fade-leave-active[data-v-7c4d2d43] {
    animation: slide-y-7c4d2d43 0.3s reverse;
}
@media (min-width: 1200px) {
    .slide-fade-leave-active[data-v-7c4d2d43] {
        animation: slide-x-7c4d2d43 0.3s reverse;
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .slide-fade-leave-active[data-v-7c4d2d43] {
        animation: slide-y-7c4d2d43 0.3s reverse;
    }
}
.navigation[data-v-7c4d2d43] {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background-color: var(--general-bg-navi-open);
    border-radius: var(--radius-2xl);
    bottom: var(--sidebar-pos-bottom);
    display: flex;
    flex-direction: column;
    left: 50%;
    max-height: var(--sidebar-max-height);
    max-width: var(--sidebar-max-width);
    overflow: hidden;
    position: fixed;
    transform: translate(-50%);
    width: 100%;
    z-index: 13;
}
@media (min-width: 1200px) {
    .navigation[data-v-7c4d2d43] {
        border-radius: var(--radius-xl);
        bottom: auto;
        left: 98px;
        top: var(--sidebar-pos-top);
        transform: none;
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .navigation[data-v-7c4d2d43] {
        border-radius: var(--radius-2xl);
        bottom: 20px;
        left: 50%;
        top: auto;
        transform: translate(-50%);
    }
}
.navigation__scroll-wrapper[data-v-7c4d2d43] {
    overflow-x: hidden;
    overflow-y: auto;
    padding: var(--padding-l) var(--padding-l)
    calc(80px + var(--padding-xl));
}
@media (min-width: 1200px) {
    .navigation__scroll-wrapper[data-v-7c4d2d43] {
        padding: var(--padding-m);
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .navigation__scroll-wrapper[data-v-7c4d2d43] {
        padding: var(--padding-l) var(--padding-l)
        calc(80px + var(--padding-xl));
    }
}
.navigation__wrapper[data-v-7c4d2d43] {
    display: flex;
    flex-direction: column;
    grid-gap: var(--spaces-s);
}
.navigation__search-button[data-v-7c4d2d43] {
    display: none;
    grid-gap: var(--spaces-s);
    background-color: var(--general-bg-navi-inverse);
    border: none;
    border-radius: 0 0 var(--radius-xl) var(--radius-xl);
    cursor: pointer;
    justify-content: center;
    margin-bottom: -8px;
    margin-left: -8px;
    margin-right: -8px;
    padding: var(--padding-xl) 0;
    width: 100%;
    width: calc(100% + 16px);
}
@media (min-width: 1200px) {
    .navigation__search-button[data-v-7c4d2d43] {
        display: flex;
    }
}
@media screen and (min-width: 568px) and (orientation: landscape) and (max-height: 500px) and (max-width: 980px) {
    .navigation__search-button[data-v-7c4d2d43] {
        display: none;
    }
}
.navigation__search-icon[data-v-7c4d2d43] {
    color: var(--form-input-icon-default);
    height: 20px;
    width: 20px;
}


.game-territory-page__bottom[data-v-6bc74bf1] {
    margin-bottom: var(--spaces-2xl);
    margin-top: var(--spaces-2xl);
}


.dynamic-widgets__items[data-v-8ad09b29] > div:not(:last-child) > * {
    margin-bottom: var(--spaces-s);
}
@media (min-width: 768px) {
    .dynamic-widgets__items[data-v-8ad09b29] > div:not(:last-child) > * {
        margin-bottom: var(--spaces-3xl);
    }
}


.top-banner[data-v-fa48b08c] {
    --banner__w: calc(100% + var(--app__container__pr) * 2);
    --banner__ml: var(--app__container__pr-neg);
    --banner__mr: var(--app__container__pr-neg);
    --banner__mb: var(--spaces-2xl);
    --banner__bgi: url(img/territory/banner-top/banner-top-mb.avif);
    --banner__aspect: 120/96;
    --banner__pb: var(--padding-xs);
    align-items: center;
    aspect-ratio: var(--banner__aspect);
    background-image: var(--banner__bgi);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: var(--banner__mb);
    margin-left: var(--banner__ml);
    margin-right: var(--banner__mr);
    padding-bottom: var(--banner__pb);
    position: relative;
    width: var(--banner__w);
}
@media (min-width: 800px) {
    .top-banner[data-v-fa48b08c] {
        --banner__bgi: url(img/territory/banner-top/banner-top-dt.avif);
        --banner__aspect: 1424/524;
        --banner__pb: 20px;
    }
}
@media (min-width: 1200px) {
    .top-banner[data-v-fa48b08c] {
        --banner__w: 100%;
        --banner__ml: 0;
        --banner__mr: 0;
        --banner__mb: 40px;
    }
}
.top-banner[data-v-fa48b08c]:before {
    background: linear-gradient(180deg, #07070700, #070707);
    bottom: 0;
    content: "";
    height: 200px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
}
.top-banner__promo-text[data-v-fa48b08c] {
    align-self: center;
    color: #fdffeb;
    cursor: default;
    display: flex;
    font-family: var(--family-alumni-sans);
    font-size: 64px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    -webkit-user-drag: none;
}
@media (min-width: 1200px) {
    .top-banner__promo-text[data-v-fa48b08c] {
        font-size: 170px;
    }
}
.top-banner__btn-group[data-v-fa48b08c] {
    --group__g: var(--spaces-l);
    display: flex;
    gap: var(--group__g);
    justify-content: center;
    margin-bottom: 0 !important;
    margin-top: auto;
    position: relative;
    width: 100%;
    z-index: 2;
}
@media (min-width: 1200px) {
    .top-banner__btn-group[data-v-fa48b08c] {
        --group__g: 112px;
    }
}
.top-banner__btn[data-v-fa48b08c] {
    --btn__w: 150px;
    width: var(--btn__w);
}
@media (min-width: 800px) {
    .top-banner__btn[data-v-fa48b08c] {
        --btn__w: 240px;
    }
}
@media (min-width: 1200px) {
    .top-banner__btn[data-v-fa48b08c] {
        --btn__w: 300px;
    }
}


.main-categories[data-v-b1bcb14e] {
    margin-bottom: 0 !important;
    margin-left: var(--app__container__pr-neg);
    margin-right: var(--app__container__pr-neg);
    margin-top: var(--spaces-2xl);
    padding: 0 var(--app__container__pr);
    position: relative;
    width: calc(100% + var(--app__container__pr) * 2);
}
@media (min-width: 1200px) {
    .main-categories[data-v-b1bcb14e] {
        margin-top: var(--spaces-3xl);
    }
}
.main-categories[data-v-b1bcb14e]:after {
    background: linear-gradient(90deg, #07070700, #070707);
    bottom: 0;
    content: "";
    opacity: 1;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity 0.3s;
    width: 30px;
    z-index: 1;
}
.main-categories.is-last-slide-show[data-v-b1bcb14e]:after {
    opacity: 0;
}
.main-categories__item[data-v-b1bcb14e] {
    align-items: center;
    background-color: var(--general-bg-card);
    border-radius: var(--radius-s);
    display: flex;
    flex-direction: column;
    gap: var(--spaces-xs);
    justify-content: center;
    padding: var(--padding-l) var(--padding-xl);
    transition: background-color 0.3s;
    -webkit-user-select: none;
    user-select: none;
    width: auto;
    -webkit-user-drag: none;
}
.main-categories__item[data-v-b1bcb14e]:not(:last-child) {
    margin-right: var(--spaces-s);
}
.main-categories__item[data-v-b1bcb14e]:hover {
    background-color: var(--tabs-darken-bg-color-active-hover);
}
@media (min-width: 1200px) {
    .main-categories__item[data-v-b1bcb14e] {
        flex-grow: 1;
        width: 122px;
    }
}
.main-categories__icon[data-v-b1bcb14e] {
    display: flex;
    height: 46px;
    width: 46px;
    -webkit-user-drag: none;
}
.main-categories[data-v-b1bcb14e] .embla {
    overflow: visible;
}


.expand-list-header[data-v-d6820763] {
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .expand-list-header[data-v-d6820763] {
        margin-bottom: 24px;
    }
}


.sport-events[data-v-e1d8ec88] {
    --sport-body__py: var(--padding-3xl);
    --sport-body__pl: 0px;
    --sport-body__bdr: var(--radius-xl);
    --sport-body__bg: var(--general-bg-modal);
    --sport-body__h: 364px;
    --sport-body__w: 100%;
    --sport-body__mx: 0;
    --sport-slider__pl: var(--app__container__pr);
    align-items: center;
    background-color: var(--sport-body__bg);
    border-radius: var(--sport-body__bdr);
    display: flex;
    flex-direction: column;
    height: var(--sport-body__h);
    justify-content: center;
    margin-left: var(--sport-body__mx);
    margin-right: var(--sport-body__mx);
    padding-bottom: var(--sport-body__py);
    padding-left: var(--sport-body__pl);
    padding-top: var(--sport-body__py);
    position: relative;
    width: var(--sport-body__w);
}
@media (min-width: 1200px) {
    .sport-events[data-v-e1d8ec88] {
        --sport-body__pl: var(--padding-3xl);
        --sport-body__h: 260px;
        --sport-body__py: var(--padding-3xl);
    }
}
.sport-events.styled[data-v-e1d8ec88] {
    --sport-body__w: calc(100% + var(--app__container__pr) * 2);
    --sport-body__mx: var(--app__container__pr-neg);
    --sport-body__h: 426px;
}
@media (min-width: 1200px) {
    .sport-events.styled[data-v-e1d8ec88] {
        --sport-body__h: 272px;
        --sport-body__w: 100%;
        --sport-body__mx: 0;
    }
}
.sport-events.simple[data-v-e1d8ec88] {
    --sport-body__h: 208px;
    --sport-body__py: 0px;
    --sport-body__bdr: 0px;
    --sport-body__bg: #0000;
    --sport-slider__pl: 0px;
    --sport-body__pl: 0px;
    width: calc(100% + 16px);
}
@media (min-width: 800px) {
    .sport-events.simple[data-v-e1d8ec88] {
        --sport-slider__pl: 0px;
    }
}
@media (min-width: 1200px) {
    .sport-events.simple[data-v-e1d8ec88] {
        width: 100%;
    }
}
.sport-events__heading-slider-wrapper[data-v-e1d8ec88] {
    --wrapper__g: var(--spaces-l);
    align-self: stretch;
    display: flex;
    flex-direction: column;
    gap: var(--wrapper__g);
    height: 100%;
}
@media (min-width: 1200px) {
    .sport-events__heading-slider-wrapper[data-v-e1d8ec88] {
        --wrapper__g: 32px;
        flex-direction: row;
    }
}
.sport-events__heading[data-v-e1d8ec88] {
    --heading__w: auto;
    align-items: center;
    cursor: default;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    gap: var(--spaces-xs);
    margin-bottom: var(--spaces-l);
    -webkit-user-select: none;
    user-select: none;
    width: var(--heading__w);
    -webkit-user-drag: none;
}
@media (min-width: 1200px) {
    .sport-events__heading[data-v-e1d8ec88] {
        --heading__w: 400px;
        align-items: stretch;
    }
    .sport-events__heading-top[data-v-e1d8ec88] {
        font-size: 40px;
        line-height: 32px;
    }
    .sport-events__heading-cta[data-v-e1d8ec88] {
        font-size: 80px;
        line-height: 64px;
    }
}
.sport-events__btn[data-v-e1d8ec88] {
    margin-top: var(--spaces-l);
    width: 148px;
}
@media (min-width: 1200px) {
    .sport-events__btn[data-v-e1d8ec88] {
        align-self: flex-start;
        bottom: var(--sport-body__py);
        left: var(--sport-body__pl);
        position: absolute;
        z-index: 6;
    }
}
.sport-events__slider[data-v-e1d8ec88] {
    padding-left: var(--sport-slider__pl);
}
@media (min-width: 800px) {
    .sport-events__slider[data-v-e1d8ec88] {
        --sport-slider__pl: 0px;
    }
}
.sport-events__img-wrapper[data-v-e1d8ec88] {
    border-radius: inherit;
    inset: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
}
.sport-events__img[data-v-e1d8ec88] {
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 4;
}
.sport-events__img.tennis[data-v-e1d8ec88] {
    --tenis__s: 167px;
    --tenis__l: 0px;
    --tenis__ts: -22%, 44%;
    --tenis__url: url(img/territory/sport/mb-tennis.webp);
    background-image: var(--tenis__url);
    bottom: 0;
    height: var(--tenis__s);
    left: var(--tenis__l);
    transform: translate(var(--tenis__ts));
    width: var(--tenis__s);
}
@media (min-width: 1200px) {
    .sport-events__img.tennis[data-v-e1d8ec88] {
        --tenis__ts: 0%, +56%;
        --tenis__s: 300px;
        --tenis__l: 128px;
        --tenis__url: url(img/territory/sport/dt-tennis.webp);
    }
}
.sport-events__img.ball[data-v-e1d8ec88] {
    --ball__s: 108px;
    --ball__l: unset;
    --ball__r: 0px;
    --ball__ts: +30%, +30%;
    --ball__url: url(img/territory/sport/mb-ball.webp);
    background-image: var(--ball__url);
    bottom: 0;
    height: var(--ball__s);
    left: var(--ball__l);
    right: var(--ball__r);
    transform: translate(var(--ball__ts));
    width: var(--ball__s);
}
@media (min-width: 1200px) {
    .sport-events__img.ball[data-v-e1d8ec88] {
        --ball__s: 108px;
        --ball__l: 391px;
        --ball__r: unset;
        --ball__ts: 0%, +37%;
        --ball__url: url(img/territory/sport/dt-ball.webp);
    }
}
.sport-events__img.helmet[data-v-e1d8ec88] {
    --helmet__s: 120px;
    --helmet__l: unset;
    --helmet__t: 0;
    --helmet__r: 0;
    --helmet__ts: +29%, -29%;
    --helmet__url: url(img/territory/sport/mb-helmet.webp);
    background-image: var(--helmet__url);
    height: var(--helmet__s);
    left: var(--helmet__l);
    right: var(--helmet__r);
    top: var(--helmet__t);
    transform: translate(var(--helmet__ts));
    width: var(--helmet__s);
}
@media (min-width: 1200px) {
    .sport-events__img.helmet[data-v-e1d8ec88] {
        --helmet__s: 300px;
        --helmet__l: 0px;
        --helmet__t: 68px;
        --helmet__r: unset;
        --helmet__ts: -50%, 0%;
        --helmet__url: url(img/territory/sport/dt-helmet.webp);
    }
}


.widget-section[data-v-9f11a62f] {
    display: flex;
    flex-direction: column;
    gap: var(--spaces-m);
}
@media (min-width: 1200px) {
    .widget-section[data-v-9f11a62f] {
        gap: var(--spaces-l);
    }
}
.widget-section__header[data-v-9f11a62f] {
    margin-top: var(--spaces-xl);
}


.headline-action[data-v-9bf0c4ef],
.headline-action__head-link[data-v-9bf0c4ef],
.headline-action__img-wrapper[data-v-9bf0c4ef] {
    align-items: center;
    display: flex;
}
.headline-action__img-wrapper[data-v-9bf0c4ef] {
    height: 22px;
    justify-content: center;
    margin-right: var(--spaces-s);
    width: 22px;
}
@media (min-width: 800px) {
    .headline-action__img-wrapper[data-v-9bf0c4ef] {
        height: 32px;
        width: 32px;
    }
}
.headline-action__img[data-v-9bf0c4ef] {
    object-fit: contain;
    width: 100%;
}
.headline-action__head-title[data-v-9bf0c4ef],
.headline-action__img[data-v-9bf0c4ef] {
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}


.promotion-links[data-v-2b9b0ab3] {
    display: flex;
    gap: var(--spaces-s);
}
@media (min-width: 1200px) {
    .promotion-links[data-v-2b9b0ab3] {
        gap: var(--spaces-l);
    }
}
.promotion-links__item[data-v-2b9b0ab3] {
    align-items: center;
    background-color: var(--general-bg-card);
    border-radius: var(--radius-m);
    display: flex;
    flex-grow: 1;
    overflow: hidden;
    padding: var(--padding-m);
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}
@media (min-width: 1200px) {
    .promotion-links__item[data-v-2b9b0ab3] {
        padding: var(--padding-xl);
    }
}
.promotion-links__item[data-v-2b9b0ab3]:before {
    aspect-ratio: 1;
    background: radial-gradient(50% 50% at 50% 50%, #4b536980 0, #4b536900);
    content: "";
    filter: blur(20px);
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-10%);
    -webkit-user-select: none;
    user-select: none;
    width: max(22%, 154px);
    -webkit-user-drag: none;
}
@media (min-width: 1200px) {
    .promotion-links__item[data-v-2b9b0ab3]:before {
        filter: blur(40px);
        width: 270px;
    }
}
.promotion-links__item-img[data-v-2b9b0ab3] {
    height: 40px;
    margin-right: var(--spaces-s);
    width: 40px;
}
@media (min-width: 1200px) {
    .promotion-links__item-img[data-v-2b9b0ab3] {
        margin-right: var(--spaces-m);
    }
}
.promotion-links__item-btn[data-v-2b9b0ab3] {
    display: none;
    margin-left: auto;
}
@media (min-width: 1200px) {
    .promotion-links__item-btn[data-v-2b9b0ab3] {
        display: flex;
    }
}


._CardGame[data-v-acf79a48] {
    width: 122px;
}
@media (min-width: 1024px) {
    ._CardGame[data-v-acf79a48] {
        width: 168px;
    }
}
@media (min-width: 1920px) {
    ._CardGame[data-v-acf79a48] {
        width: 248px;
    }
}
[data-v-acf79a48] ._CardGame.is-large {
    width: 197px;
}
@media (min-width: 1920px) {
    [data-v-acf79a48] ._CardGame.is-large {
        width: 307px;
    }
}
._CardCategory[data-v-acf79a48] {
    width: 120px;
}
@media (min-width: 768px) {
    ._CardCategory[data-v-acf79a48] {
        width: 176px;
    }
}
._CardCollection[data-v-acf79a48] {
    width: 262px;
}
@media (min-width: 768px) {
    ._CardCollection[data-v-acf79a48] {
        width: 298px;
    }
}
._CardTournament[data-v-acf79a48] {
    width: 280px;
}
@media (min-width: 768px) {
    ._CardTournament[data-v-acf79a48] {
        width: 340px;
    }
}
._CardProvider[data-v-acf79a48] {
    width: 190px;
}
@media (min-width: 1440px) {
    ._CardProvider[data-v-acf79a48] {
        width: 268px;
    }
}
._CardProvider-card2[data-v-acf79a48] {
    width: 168px;
}
@media (min-width: 768px) {
    ._CardProvider-card2[data-v-acf79a48] {
        width: 448px;
    }
}
@media (min-width: 1200px) {
    ._CardProvider-card2[data-v-acf79a48] {
        width: 592px;
    }
}
._CardPromotionPreview[data-v-acf79a48] {
    height: 238px;
    width: 293px;
}
@media (min-width: 768px) {
    ._CardPromotionPreview[data-v-acf79a48] {
        height: 270px;
        width: 370px;
    }
}
._CardTournamentPreview[data-v-acf79a48] {
    width: 320px;
}
@media (min-width: 800px) {
    ._CardTournamentPreview[data-v-acf79a48] {
        width: 400px;
    }
}
._CardWinningNow[data-v-acf79a48] {
    width: 230px;
}
.widget-cards.widget-cards[data-v-acf79a48] {
    overflow: visible;
}
@media (min-width: 1920px) {
    .widget-cards.widget-cards[data-v-acf79a48] {
        overflow: hidden;
    }
}
.top-10[data-v-acf79a48] .headline-action {
    margin-bottom: 24px;
}
@media (min-width: 800px) {
    .top-10[data-v-acf79a48] .headline-action {
        margin-bottom: 30px;
    }
}
.top-10[data-v-acf79a48] .grid-slider__item:not(:last-of-type) {
    margin-right: 30px;
}
@media (min-width: 800px) {
    .top-10[data-v-acf79a48] .grid-slider__item:not(:last-of-type) {
        margin-right: var(--spaces-s);
    }
}


.grid-slider[data-v-3f7a525f] {
    overflow: hidden;
    position: relative;
}
@media (min-width: 1024px) {
    .grid-slider[data-v-3f7a525f] {
        padding: 0;
    }
}
.grid-slider__actions[data-v-3f7a525f] {
    display: flex;
    position: absolute;
    right: 0;
    top: -4px;
    grid-gap: var(--spaces-m);
    align-items: center;
    background-color: var(--transparency-neutral-p10);
    border-radius: var(--radius-xl);
    padding: var(--spaces-xxs) var(--spaces-xs);
}
@media (min-width: 576px) {
    .grid-slider__actions[data-v-3f7a525f] {
        padding: var(--spaces-xxs) var(--spaces-s) var(--spaces-xxs)
        var(--spaces-xxs);
        top: 0;
    }
}
.grid-slider__btn-mobile[data-v-3f7a525f] {
    margin-left: auto;
    transform: rotate(180deg);
}
@media (min-width: 576px) {
    .grid-slider__btn-mobile[data-v-3f7a525f] {
        display: none;
    }
}
.grid-slider__carousel[data-v-3f7a525f] {
    overflow: visible;
}
@media (min-width: 1920px) {
    .grid-slider__carousel[data-v-3f7a525f] {
        overflow: hidden;
    }
}
.grid-slider__nav[data-v-3f7a525f] {
    display: none;
}
@media (min-width: 576px) {
    .grid-slider__nav[data-v-3f7a525f] {
        display: flex;
        grid-gap: var(--spaces-m);
        align-items: center;
    }
}
.grid-slider__section-button[data-v-3f7a525f] {
    display: none;
}
@media (min-width: 576px) {
    .grid-slider__section-button[data-v-3f7a525f] {
        display: flex;
        grid-gap: var(--spaces-s);
        align-items: center;
    }
}
.grid-slider__section-divider[data-v-3f7a525f] {
    background-color: var(--neutral-600);
    height: 25px;
    width: 1px;
}
.grid-slider__header-wrapper[data-v-3f7a525f] {
    margin-bottom: var(--spaces-m);
    position: relative;
    width: 100%;
}
@media (min-width: 576px) {
    .grid-slider__header-wrapper[data-v-3f7a525f] {
        margin-bottom: var(--spaces-xl);
        min-height: 44px;
    }
}
.grid-slider__header[data-v-3f7a525f] {
    margin-top: var(--spaces-xl);
    width: 100%;
}
.grid-slider__container[data-v-3f7a525f] {
    display: block;
    overflow: visible;
    position: static;
}
.grid-slider__wrapper[data-v-3f7a525f] {
    cursor: grab;
    display: flex;
}
.grid-slider__wrapper[data-v-3f7a525f]:active {
    cursor: grabbing;
}
.grid-slider__item-wrap[data-v-3f7a525f]:not(:last-child) {
    margin-bottom: var(--spaces-s);
}
@media (min-width: 800px) {
    .grid-slider__item-wrap[data-v-3f7a525f]:not(:last-child) {
        margin-bottom: var(--spaces-l);
    }
}
.grid-slider__item[data-v-3f7a525f] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    height: auto;
    padding: 0 4px;
    width: auto;
}
@media (min-width: 768px) {
    .grid-slider__item[data-v-3f7a525f] {
        padding: 0 8px;
    }
}
.grid-slider__text[data-v-3f7a525f] {
    padding-top: var(--padding-m);
}
.grid-slider__pagination[data-v-3f7a525f] {
    display: flex;
    grid-gap: var(--spaces-xxs);
    align-items: center;
    justify-content: center;
    min-width: 28px;
    width: auto !important;
}
.grid-slider__dot[data-v-3f7a525f] {
    background-color: var(--general-sys-border-color);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    height: var(--size-04);
    padding: 0;
    transition: background-color 0.2s ease-in;
    width: var(--size-04);
}
.grid-slider__dot.active[data-v-3f7a525f] {
    background-color: var(--primary-500);
    display: flex;
}
.grid-slider__dot.active + .grid-slider__dot[data-v-3f7a525f] {
    display: flex;
}
.grid-slider__dot[data-v-3f7a525f]:has(+ .grid-slider__dot.active) {
    display: flex;
}
.grid-slider__button[data-v-3f7a525f]:disabled {
    opacity: 0;
    z-index: -1;
}
.grid-slider__button:disabled.prev[data-v-3f7a525f] {
    transform: translate(25%);
}
.grid-slider__button:disabled.next[data-v-3f7a525f] {
    transform: translate(-25%);
}
.grid-layout[data-v-3f7a525f] {
    --provider__width: 365px;
    --slides__gap: var(--spaces-l);
    display: flex;
    flex-direction: column;
}
@media (min-width: 1024px) {
    .grid-layout[data-v-3f7a525f] {
        display: grid;
        grid-gap: var(--slides__gap);
        grid-template-columns: var(--provider__width) calc(
              100% - var(--provider__width) - var(--slides__gap)
            );
        overflow: visible !important;
    }
}
@media (min-width: 1024px) and (min-width: 1920px) {
    .grid-layout[data-v-3f7a525f] {
        overflow: hidden !important;
    }
}
@media (min-width: 1024px) {
    .grid-layout .grid-slider__header-wrapper[data-v-3f7a525f] {
        grid-column: 1/3;
        margin: 0;
    }
    .grid-layout .grid-slider__up-down[data-v-3f7a525f] {
        grid-column: 2/3;
        z-index: 0;
    }
}
@media (min-width: 1200px) {
    .grid-layout[data-v-3f7a525f] {
        --provider__width: 465px;
    }
}
.grid-layout[data-v-3f7a525f] .grid-slider__grid-item {
    display: flex;
    flex-direction: column;
    height: 176px;
    margin-bottom: var(--slides__gap);
    transform: translateZ(1px);
}
@media (min-width: 1024px) {
    .grid-layout[data-v-3f7a525f] .grid-slider__grid-item {
        height: 160px;
        margin-bottom: 0;
    }
}
@media (min-width: 1024px) {
    .grid-layout[data-v-3f7a525f] .grid-slider__grid-item {
        height: 204px;
    }
}
.winning-now-enter-from[data-v-3f7a525f] {
    opacity: 0;
    transform: translate(-40px);
}
.winning-now-enter-active[data-v-3f7a525f] {
    transition:
            transform 0.25s ease,
            opacity 0.25s ease;
}
.winning-now-enter-to[data-v-3f7a525f],
.winning-now-leave-from[data-v-3f7a525f] {
    opacity: 1;
    transform: translate(0);
}
.winning-now-leave-active[data-v-3f7a525f] {
    position: absolute;
    transition:
            transform 0.25s ease,
            opacity 0.25s ease;
}
.winning-now-leave-to[data-v-3f7a525f] {
    opacity: 0;
    transform: translate(-40px);
}
.winning-now-move[data-v-3f7a525f] {
    transition: transform 0.25s ease;
}
@media (min-width: 800px) {
    .is-providers .grid-slider__item[data-v-3f7a525f] {
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }
    .is-providers .grid-slider__item.is-in-view[data-v-3f7a525f] {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }
}


.home-skeleton[data-v-392689f9] > * {
    margin-bottom: var(--spaces-2xl);
}
@media (min-width: 768px) {
    .home-skeleton[data-v-392689f9] > * {
        margin-bottom: var(--spaces-3xl);
    }
}
.home-skeleton__banner[data-v-392689f9] {
    border-radius: var(--radius-l);
    height: 270px;
}
@media (min-width: 1200px) {
    .home-skeleton__banner[data-v-392689f9] {
        height: 360px;
    }
}


.skeleton-widgets__head[data-v-74a9c20f] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--spaces-m);
}
@media (min-width: 576px) {
    .skeleton-widgets__head[data-v-74a9c20f] {
        margin-bottom: var(--spaces-l);
    }
}
.skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__title {
    height: 24px;
    width: 190px;
}
@media (min-width: 576px) {
    .skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__title {
        height: 32px;
        width: 294px;
    }
}
.skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__controls {
    align-items: center;
    column-gap: var(--spaces-m);
    display: flex;
    padding: 0 var(--padding-l);
}
@media (min-width: 576px) {
    .skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__controls {
        padding: 0 var(--padding-s);
    }
}
.skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__bullets {
    display: none;
}
@media (min-width: 576px) {
    .skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__bullets {
        align-items: center;
        column-gap: var(--spaces-xxs);
        display: flex;
    }
}
.skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__bullets-item {
    height: 8px;
    width: 8px;
}
@media (min-width: 576px) {
    .skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__circle-button {
        border-radius: 50%;
        height: 44px;
        min-height: 44px;
        min-width: 44px;
        width: 44px;
    }
}
@media (min-width: 576px) {
    .skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__divider {
        height: 26px;
        min-height: 26px;
        min-width: 1px;
        width: 1px;
    }
}
.skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__button {
    height: 36px;
    min-width: 91px;
    width: 91px;
}
@media (min-width: 576px) {
    .skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__button {
        height: 32px;
        min-width: 83px;
        width: 83px;
    }
}
.skeleton-widgets__body[data-v-74a9c20f] {
    overflow: hidden;
}
.skeleton-widgets__list[data-v-74a9c20f] {
    display: grid;
    gap: var(--spaces-s);
}
@media (min-width: 1200px) {
    .skeleton-widgets__list[data-v-74a9c20f] {
        gap: var(--spaces-l);
    }
}
.skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__list-item {
    height: 220px;
    width: 162px;
}
@media (min-width: 1200px) {
    .skeleton-widgets[data-v-74a9c20f] .skeleton-widgets__list-item {
        height: 348px;
        width: 248px;
    }
}


.bottom-banner[data-v-84090af8] {
    --banner__bgi: url(img/territory/banner-bottom/bottom-banner-mb.avif);
    --banner__h: 220px;
    --banner__mx: var(--app__container__pr-neg);
    --banner__pb: var(--padding-xl);
    --banner__my: var(--spaces-2xl);
    --banner_gradient__w: 65px;
    background-image: var(--banner__bgi);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    height: var(--banner__h);
    margin: var(--banner__my) var(--banner__mx);
    padding-bottom: var(--banner__pb);
    position: relative;
}
@media (min-width: 800px) {
    .bottom-banner[data-v-84090af8] {
        --banner__bgi: url(img/territory/banner-bottom/bottom-banner-tb.avif);
    }
}
@media (min-width: 1200px) {
    .bottom-banner[data-v-84090af8] {
        --banner__bgi: url(img/territory/banner-bottom/bottom-banner-dt.avif);
        --banner__h: 256px;
        --banner__mx: 0;
        --banner__pb: var(--padding-2xl);
        --banner__my: var(--spaces-3xl);
    }
}
.bottom-banner[data-v-84090af8]:after,
.bottom-banner[data-v-84090af8]:before {
    bottom: 0;
    content: "";
    position: absolute;
    top: 0;
    width: var(--banner_gradient__w);
    z-index: 1;
}
@media (min-width: 1200px) {
    .bottom-banner[data-v-84090af8]:after,
    .bottom-banner[data-v-84090af8]:before {
        --banner_gradient__w: 120px;
    }
}
.bottom-banner[data-v-84090af8]:before {
    background: linear-gradient(270deg, #07070700, #070707);
    left: 0;
}
.bottom-banner[data-v-84090af8]:after {
    background: linear-gradient(90deg, #07070700, #070707);
    right: 0;
}
.bottom-banner__btn-group[data-v-84090af8] {
    display: flex;
    gap: 40px;
    margin: auto auto 0;
}
@media (min-width: 1200px) {
    .bottom-banner__btn-group[data-v-84090af8] {
        justify-content: space-evenly;
        margin: auto 0 0;
        width: 100%;
    }
}
.bottom-banner__btn[data-v-84090af8] {
    --btn__w: 144px;
    width: var(--btn__w);
}
@media (min-width: 1200px) {
    .bottom-banner__btn[data-v-84090af8] {
        --btn__w: 198px;
    }
}
.bottom-banner__label[data-v-84090af8] {
    --label__t: 12px;
    --label__ts-r: 0deg;
    align-items: center;
    border-radius: var(--radius-s);
    display: flex;
    left: 50%;
    position: absolute;
    top: var(--label__t);
    transform: rotate(var(--label__ts-r)) translate(-50%);
    z-index: 1;
}
@media (min-width: 1200px) {
    .bottom-banner__label[data-v-84090af8] {
        --label__t: 96px;
        --label__ts-r: 5deg;
    }
}
.bottom-banner__label-text[data-v-84090af8] {
    align-items: center;
    background-color: var(--general-bg-card);
    border-radius: var(--radius-s);
    color: var(--pure-01);
    cursor: default;
    display: flex;
    font-family: var(--family-alumni-sans);
    font-size: 24px;
    font-style: italic;
    font-weight: 700;
    line-height: 24px;
    padding: var(--padding-m) var(--padding-l);
    position: relative;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 1;
    -webkit-user-drag: none;
}
.bottom-banner__label-bg[data-v-84090af8] {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: #f4f7fb1a;
    border-radius: var(--radius-m);
    inset: -4px;
    position: absolute;
    z-index: -1;
}


.bottom-banner__label span {
    color: var(--typography-title04);
    font-family: var(--family-alumni-sans);
    font-size: var(--font-size-24);
    font-style: var(--font-style-italic);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-24);
    text-transform: uppercase;
    white-space: nowrap;
}


.seo-page-content[data-v-eb9e4e7a] {
    order: 1;
}
.seo-page-content__title[data-v-eb9e4e7a] {
    margin-bottom: var(--spaces-xl);
}
.seo-page-content__desc[data-v-eb9e4e7a] {
    color: var(--typography-title01);
    max-height: 210px;
    overflow-y: auto;
    padding-right: var(--padding-l);
}


.card-top[data-v-9e597680] {
    border-radius: var(--radius-m);
    cursor: pointer;
    height: 186px;
    position: relative;
    width: 116px;
}
@media (min-width: 800px) {
    .card-top[data-v-9e597680] {
        height: 316px;
        width: 216px;
    }
}
.card-top__link[data-v-9e597680] {
    align-items: center;
    display: flex;
    height: 208px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: -22px;
    transform: translate(-50%);
    transform-style: preserve-3d;
    width: 146px;
    z-index: 1;
}
@media (min-width: 800px) {
    .card-top__link[data-v-9e597680] {
        height: 336px;
        width: 240px;
    }
}
.card-top__image[data-v-9e597680] {
    animation: move-9e597680 10s infinite;
    height: 100%;
    transform-style: preserve-3d;
    width: 100%;
}
.card-top__place-wrapper[data-v-9e597680] {
    align-items: center;
    background-color: var(--general-bg-card);
    border-radius: 50%;
    bottom: -6px;
    box-shadow:
            0 0 24px #0000001f,
            0 0 20px #000000a6,
            inset 0 4px 4px #ffffff26;
    display: flex;
    height: 44px;
    justify-content: center;
    left: 50%;
    position: absolute;
    transform: translate(-50%) translateZ(75px);
    transform-style: preserve-3d;
    width: 44px;
    z-index: 2;
}
@media (min-width: 800px) {
    .card-top__place-wrapper[data-v-9e597680] {
        bottom: -23px;
        height: 88px;
        width: 88px;
    }
}
.card-top__place-image[data-v-9e597680] {
    height: 32px;
    width: 32px;
}
@media (min-width: 800px) {
    .card-top__place-image[data-v-9e597680] {
        height: 64px;
        width: 64px;
    }
}
@keyframes move-9e597680 {
    0% {
        transform: rotateY(-20deg) rotateX(-5deg);
    }
    25% {
        transform: rotateY(20deg) rotateX(-5deg);
    }
    50% {
        transform: rotateY(20deg) rotateX(5deg);
    }
    75% {
        transform: rotateY(-20deg) rotateX(5deg);
    }
    to {
        transform: rotateY(-20deg) rotateX(-5deg);
    }
}


.text-tags[data-v-bb352044] {
    color: var(--typography-body01);
    font-family: var(--family-inter);
    font-size: var(--font-size-18);
    line-height: var(--line-height-24);
}
.text-tags[data-v-bb352044] h1,
.text-tags[data-v-bb352044] h2,
.text-tags[data-v-bb352044] h3,
.text-tags[data-v-bb352044] h4,
.text-tags[data-v-bb352044] h5,
.text-tags[data-v-bb352044] h6 {
    color: var(--typography-title01);
    font-family: var(--family-inter);
    font-size: var(--font-size-18);
    font-style: normal;
    font-weight: 600;
    font-weight: 700;
    line-height: var(--line-height-24);
    text-transform: uppercase;
}
.text-tags[data-v-bb352044] b,
.text-tags[data-v-bb352044] strong {
    color: var(--typography-title01);
    font-weight: 700;
}
.text-tags[data-v-bb352044] li {
    margin-bottom: var(--spaces-m);
}
.text-tags[data-v-bb352044] ul {
    padding-left: 0.85em;
}
.text-tags[data-v-bb352044] ul li {
    padding-left: 1.35em;
    position: relative;
}
.text-tags[data-v-bb352044] ul li:before {
    background-color: var(--list-bulllet-fill-color);
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0.47em;
    width: 8px;
}
.text-tags[data-v-bb352044] ol {
    list-style: decimal;
    padding-left: 1.64em;
}
.text-tags[data-v-bb352044] a {
    color: var(--list-number-text-color);
    transition: 0.3s;
}
@media (min-width: 1024px) and (hover: hover) {
    .text-tags[data-v-bb352044] a:hover {
        color: var(--text-color-hover);
    }
}
.text-tags[data-v-bb352044] table {
    border: 1px solid;
    border-collapse: initial;
    border-radius: var(--radius-m);
    border-spacing: 0;
    font-family: var(--family-inter);
    font-size: var(--font-size-16);
    line-height: var(--line-height-20);
    margin-bottom: var(--spaces-l);
    margin-left: auto;
    margin-right: auto;
    max-width: 800px;
    overflow: auto;
    width: 100%;
}
.text-tags[data-v-bb352044] td,
.text-tags[data-v-bb352044] th {
    padding: var(--spaces-m) var(--spaces-s);
    text-align: left;
}
@media (min-width: 768px) {
    .text-tags[data-v-bb352044] td,
    .text-tags[data-v-bb352044] th {
        padding: var(--spaces-m);
    }
}
.text-tags[data-v-bb352044] tbody:first-child tr:first-child td,
.text-tags[data-v-bb352044] th {
    color: var(--typography-title01);
}
.text-tags[data-v-bb352044] > * {
    margin-bottom: var(--spaces-l);
}
.text-tags[data-v-bb352044] > :last-child {
    margin-bottom: 0;
}
.text-tags[data-v-bb352044] div,
.text-tags[data-v-bb352044] h1,
.text-tags[data-v-bb352044] h2,
.text-tags[data-v-bb352044] h3,
.text-tags[data-v-bb352044] h4,
.text-tags[data-v-bb352044] h5,
.text-tags[data-v-bb352044] h6,
.text-tags[data-v-bb352044] ol,
.text-tags[data-v-bb352044] p,
.text-tags[data-v-bb352044] table,
.text-tags[data-v-bb352044] ul {
    margin-bottom: var(--spaces-l);
}
.text-tags[data-v-bb352044] div :last-child,
.text-tags[data-v-bb352044] h1 :last-child,
.text-tags[data-v-bb352044] h2 :last-child,
.text-tags[data-v-bb352044] h3 :last-child,
.text-tags[data-v-bb352044] h4 :last-child,
.text-tags[data-v-bb352044] h5 :last-child,
.text-tags[data-v-bb352044] h6 :last-child,
.text-tags[data-v-bb352044] ol :last-child,
.text-tags[data-v-bb352044] p :last-child,
.text-tags[data-v-bb352044] table :last-child,
.text-tags[data-v-bb352044] ul :last-child {
    margin-bottom: 0;
}
.text-tags.size-small[data-v-bb352044] {
    font-family: var(--family-inter);
    font-size: var(--font-size-14);
    line-height: var(--line-height-20);
}


:where(.i-app-header\:casino-simple) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6.083 6.5a.417.417 0 1 0 0-.833.417.417 0 0 0 0 .833m5.834 0a.417.417 0 1 0 0-.833.417.417 0 0 0 0 .833m0 5.833a.417.417 0 1 0 0-.833.417.417 0 0 0 0 .833m-5.834 0a.417.417 0 1 0 0-.833.417.417 0 0 0 0 .833M9 9.417a.417.417 0 1 0 0-.834.417.417 0 0 0 0 .834'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M12.5 1.5h-7a4 4 0 0 0-4 4v7a4 4 0 0 0 4 4h7a4 4 0 0 0 4-4v-7a4 4 0 0 0-4-4'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-app-header\:sport-simple) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9 1.5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15m0 0v3.333m0 0 3.967 2.875M9 4.833 5.033 7.708m7.934 0L11.5 12.333m1.467-4.625L16.083 6.5M11.5 12.333h-5L5.033 7.708m6.467 4.625 2.083 2.5m-8.55-7.125L1.917 6.5m4.633 5.875-2.133 2.458'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-chevrons\:chevron-left) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='none'%3E%3Cpath fill='black' fill-rule='evenodd' d='M12.942 4.558a.625.625 0 0 1 0 .884L8.384 10l4.558 4.558a.625.625 0 1 1-.884.884l-5-5a.625.625 0 0 1 0-.884l5-5a.625.625 0 0 1 .884 0' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-chevrons\:chevron-right) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='none'%3E%3Cpath fill='black' fill-rule='evenodd' d='M7.1 15.4c-.2-.2-.2-.6 0-.9l4.6-4.6-4.6-4.5c-.2-.2-.2-.6 0-.9.2-.2.6-.2.9 0l5 5c.2.2.2.6 0 .9l-5 5c-.3.3-.7.3-.9 0' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-common\:gift) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M19.97 10h-16v8c0 3 1 4 4 4h8c3 0 4-1 4-4zm1.53-3v1c0 1.1-.53 2-2 2h-15c-1.53 0-2-.9-2-2V7c0-1.1.47-2 2-2h15c1.47 0 2 .9 2 2m-9.86-2H6.12a.936.936 0 0 1 .03-1.3l1.42-1.42a.96.96 0 0 1 1.35 0zm6.23 0h-5.52l2.72-2.72a.96.96 0 0 1 1.35 0l1.42 1.42c.36.36.37.93.03 1.3'/%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' stroke-width='1.5' d='M8.94 10v5.14c0 .8.88 1.27 1.55.84l.94-.62a1 1 0 0 1 1.1 0l.89.6a.997.997 0 0 0 1.55-.83V10z'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-lobby\:search) {
    display: inline-block;
    width: 1.05em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 21 20' width='21' height='20'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M9.5 16.667a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15m6.608.574c.442 1.334 1.45 1.467 2.225.3.709-1.066.242-1.941-1.041-1.941-.95-.009-1.484.733-1.184 1.641'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-navigation\:fire) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18.554 8.85c2.426 4.72.475 11.042-5.097 11.96-7.296 1.6-12.164-7.309-6.682-12.532.293-.289 1.1-1.037 1.436-1.277 0 .5.442 4.373 1.132 4.08 2.842 0 3.605-5.08 3.213-8.081 2.558 1.337 4.725 3.2 5.998 5.85' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-navigation\:headphones) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18' width='18' height='18'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' d='M4.095 13.868v-2.19c0-.728.57-1.38 1.38-1.38.727 0 1.38.57 1.38 1.38v2.107a2.7 2.7 0 0 1-2.678 2.677c-1.462 0-2.677-1.222-2.677-2.677v-4.62C1.417 4.95 4.747 1.537 8.962 1.537c4.216 0 7.538 3.413 7.538 7.545v4.62a2.7 2.7 0 0 1-2.677 2.678 2.7 2.7 0 0 1-2.678-2.677v-2.108c0-.728.57-1.38 1.38-1.38.727 0 1.38.57 1.38 1.38v2.272'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-navigation\:menu) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-width='1.5' d='M7 8h10M7 12h10M7 16h10'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-navigation\:radar) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M20 18c1.26-1.67 2-3.75 2-6s-.74-4.33-2-6M4 6c-1.26 1.67-2 3.75-2 6s.74 4.33 2 6m12.8-2.4c.75-1 1.2-2.25 1.2-3.6s-.45-2.6-1.2-3.6m-9.6 0C6.45 9.4 6 10.65 6 12s.45 2.6 1.2 3.6M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-socials\:facebook) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='none'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10.334 19.995C15.702 19.818 20 15.41 20 10c0-5.523-4.477-10-10-10S0 4.477 0 10c0 5.178 3.935 9.436 8.978 9.948a10 10 0 0 1-.541-.07V12.89h-2.54V10h2.54V7.796c0-2.506 1.493-3.89 3.777-3.89 1.094 0 2.239.195 2.239.195v2.461h-1.261c-1.243 0-1.63.77-1.63 1.562V10h2.774l-.444 2.89h-2.33v6.988q-.603.096-1.228.116' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-socials\:google-colored) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cg fill='none'%3E%3Cpath fill='%233479E9' d='M23.766 12.276c0-.816-.066-1.636-.207-2.438H12.24v4.62h6.482a5.55 5.55 0 0 1-2.399 3.647v2.999h3.867c2.27-2.09 3.576-5.177 3.576-8.828'/%3E%3Cpath fill='%2334A853' d='M12.24 24c3.237 0 5.966-1.062 7.955-2.896l-3.867-2.998c-1.076.731-2.465 1.146-4.083 1.146-3.131 0-5.786-2.112-6.738-4.952h-3.99v3.091a12 12 0 0 0 10.723 6.61'/%3E%3Cpath fill='%23FBBC04' d='M5.503 14.3a7.2 7.2 0 0 1 0-4.594V6.615H1.516a12.01 12.01 0 0 0 0 10.776z'/%3E%3Cpath fill='%23EA4335' d='M12.24 4.75a6.52 6.52 0 0 1 4.603 1.799l3.427-3.426A11.53 11.53 0 0 0 12.24 0 12 12 0 0 0 1.517 6.615l3.986 3.09C6.45 6.863 9.109 4.75 12.24 4.75'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-socials\:instagram) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='none'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10M7.251 3.373c.711-.032.938-.04 2.749-.04 1.81 0 2.038.008 2.749.04.71.033 1.194.146 1.618.31.438.17.81.399 1.18.77.371.37.6.742.77 1.18.165.424.277.909.31 1.618.032.711.04.938.04 2.749 0 1.81-.008 2.038-.04 2.749-.033.71-.145 1.194-.31 1.618-.17.438-.399.81-.77 1.18-.37.371-.742.6-1.18.77-.424.165-.909.277-1.618.31-.711.032-.938.04-2.749.04-1.81 0-2.038-.008-2.749-.04-.71-.033-1.194-.145-1.618-.31a3.3 3.3 0 0 1-1.18-.77 3.3 3.3 0 0 1-.77-1.18c-.164-.424-.277-.909-.31-1.618-.032-.711-.04-.938-.04-2.749 0-1.81.008-2.038.04-2.749.033-.71.146-1.194.31-1.618.17-.438.399-.81.77-1.18.37-.371.742-.6 1.18-.77.424-.164.909-.277 1.618-.31m5.443 1.2c-.703-.032-.914-.038-2.694-.038s-1.99.006-2.694.038c-.65.03-1.003.139-1.238.23-.311.12-.533.265-.766.499a2.1 2.1 0 0 0-.499.766c-.091.235-.2.588-.23 1.238-.032.703-.038.914-.038 2.694s.006 1.99.038 2.694c.03.65.139 1.003.23 1.238.12.311.265.533.499.766.233.234.455.378.766.5.235.09.588.199 1.238.229.703.032.914.039 2.694.039s1.991-.007 2.694-.04c.65-.029 1.003-.138 1.238-.229.311-.12.533-.265.766-.499a2.1 2.1 0 0 0 .5-.766c.09-.235.199-.588.229-1.238.032-.703.039-.914.039-2.694s-.007-1.99-.04-2.694c-.029-.65-.138-1.003-.229-1.238a2.1 2.1 0 0 0-.499-.766 2.1 2.1 0 0 0-.766-.499c-.235-.091-.588-.2-1.238-.23M10 12.223a2.222 2.222 0 1 1 0-4.445 2.222 2.222 0 0 1 0 4.444m0-5.646a3.423 3.423 0 1 0 0 6.846 3.423 3.423 0 0 0 0-6.846m3.559.664a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-socials\:linkedin) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='48' height='48'%3E%3Cg fill='none'%3E%3Cmask id='a' width='48' height='48' x='0' y='0'%3E%3Cpath fill='white' d='M0 0h48v48H0z'/%3E%3Cpath fill='black' d='M36.998 35h-4.97v-7.796c0-1.858-.032-4.251-2.584-4.251-2.588 0-2.984 2.025-2.984 4.116V35h-4.969V18.97h4.77v2.19h.067a5.23 5.23 0 0 1 4.707-2.589c5.036 0 5.965 3.319 5.965 7.636zM15.884 16.777A2.9 2.9 0 0 1 13 13.89 2.9 2.9 0 0 1 15.884 11a2.9 2.9 0 0 1 2.883 2.889 2.9 2.9 0 0 1-2.883 2.888M18.369 35h-4.974V18.969h4.974z'/%3E%3C/mask%3E%3Ccircle cx='24' cy='24' r='24' fill='black' mask='url(%23a)'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-socials\:telegram) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cg fill='none'%3E%3Cpath fill='black' fill-rule='evenodd' d='M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10m.312-12.425q-1.456.59-5.817 2.442-.708.274-.742.537c-.038.296.342.412.86.571l.218.068c.509.161 1.194.35 1.55.357q.485.01 1.082-.39 4.076-2.68 4.208-2.71c.062-.013.148-.03.206.02.059.05.053.146.047.172-.038.156-1.53 1.508-2.303 2.208-.24.218-.411.373-.446.408q-.119.119-.234.226c-.474.445-.828.778.02 1.323.407.261.732.478 1.058.694.355.235.71.47 1.167.763q.175.113.337.228c.414.287.785.545 1.244.504.266-.024.542-.269.681-.997.33-1.722.98-5.453 1.13-6.99a1.7 1.7 0 0 0-.016-.383.4.4 0 0 0-.142-.263c-.12-.094-.304-.114-.387-.113-.375.007-.95.202-3.72 1.325' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}
:where(.i-socials\:youtube) {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cg fill='none'%3E%3Cpath fill='black' fill-rule='evenodd' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16m5.1-10.518a1.33 1.33 0 0 0-.944-.927c-.829-.222-4.163-.222-4.163-.222s-3.334.007-4.162.229a1.33 1.33 0 0 0-.945.926C2.666 6.301 2.666 8 2.666 8s0 1.699.227 2.518c.123.45.486.806.944.927.829.222 4.163.222 4.163.222s3.334 0 4.163-.222a1.33 1.33 0 0 0 .944-.927c.226-.812.226-2.518.226-2.518s-.007-1.699-.232-2.518m-6.168 4.09L9.698 8 6.932 6.429z' clip-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
}