@media (prefers-reduced-motion:reduce),
(print) {}

@keyframes flipInY {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%
}

body,
html {
    -webkit-text-size-adjust: 100%
}

body {
    -ms-text-size-adjust: 100%;
    margin: 0
}

body,
body * {
    box-sizing: border-box
}

body * {
    -webkit-tap-highlight-color: transparent
}

header {
    display: block
}

canvas,
video {
    display: inline-block;
    vertical-align: baseline
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

svg {
    pointer-events: none
}

button {
    color: inherit;
    font: inherit;
    margin: 0
}

button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
    outline: none
}

button {
    overflow: visible
}

button:focus {
    outline: none
}

button {
    text-transform: none
}

button {
    -webkit-appearance: button;
    cursor: pointer
}

p {
    margin: 0;
    padding: 0
}

[class*=js-] {
    -webkit-tap-highlight-color: transparent
}

:focus {
    outline: none
}

:root {
    --white: #fff;
    --white-500: #f8f8f8;
    --white-p-80: hsla(0, 0%, 100%, .8);
    --white-p-70: hsla(0, 0%, 100%, .7);
    --white-p-60: hsla(0, 0%, 100%, .6);
    --white-p-50: hsla(0, 0%, 100%, .5);
    --white-p-40: hsla(0, 0%, 100%, .4);
    --white-p-30: hsla(0, 0%, 100%, .3);
    --white-p-20: hsla(0, 0%, 100%, .2);
    --white-p-12: hsla(0, 0%, 100%, .12);
    --white-p-14: hsla(0, 0%, 100%, .14);
    --white-p-10: hsla(0, 0%, 100%, .1);
    --white-p-01: hsla(0, 0%, 100%, .01);
    --white-p-0: hsla(0, 0%, 100%, 0);
    --white-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0%, var(--white) 100%);
    --white-gradient-search: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0%, var(--white) 100%);
    --white-gradient-search-left: linear-gradient(-90deg, hsla(0, 0%, 100%, 0) 0%, var(--white) 100%);
    --dark-gradient-search: linear-gradient(90deg, rgba(20, 34, 69, 0), #142245);
    --dark-gradient-search-left: linear-gradient(-90deg, rgba(20, 34, 69, 0), #142245);
    --skeleton-gradient: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0%, var(--white) 52.81%, hsla(0, 0%, 100%, 0) 100%);
    --dark-red-400: rgba(255, 76, 0, .4);
    --black-2: #0d1730;
    --black-2-p-0: rgba(13, 23, 48, 0);
    --black-500: #000;
    --black-500-p-70: rgba(0, 0, 0, .7);
    --black-500-p-50: rgba(0, 0, 0, .5);
    --black-500-p-30: rgba(0, 0, 0, .3);
    --black-500-p-25: rgba(0, 0, 0, .25);
    --black-500-p-20: rgba(0, 0, 0, .2);
    --black-500-p-10: rgba(0, 0, 0, .1);
    --black-500-p-0: transparent;
    --gray-2: #f2f2f2;
    --gray-500: #38445b;
    --gray-500-p-60: rgba(56, 68, 91, .6);
    --gray-500-p-40: rgba(56, 68, 91, .4);
    --gray-500-p-20: rgba(56, 68, 91, .2);
    --gray-500-p-30: rgba(56, 68, 91, .3);
    --gray-500-p-15: rgba(56, 68, 91, .15);
    --gray-500-p-18: rgba(56, 68, 91, .18);
    --gray-500-p-12: rgba(56, 68, 91, .12);
    --gray-500-p-08: rgba(56, 68, 91, .08);
    --gray-500-p-08-hex-operations: #f0f0f2;
    --gray-500-p-08-hex-msp: #e6e7e9;
    --gray-500-p-6: rgba(56, 68, 91, .06);
    --gray-400: #7c879d;
    --gray-400-p-50: rgba(124, 135, 157, .5);
    --gray-shadow: rgba(65, 65, 65, .15);
    --gray-300: #05060a;
    --orange-600: #dc4200;
    --orange-500: #ff4c00;
    --orange-500-p-20: rgba(255, 76, 0, .2);
    --orange-500-p-10: rgba(255, 76, 0, .1);
    --orange-300: #ff5c16;
    --oragne-radial-gradient: radial-gradient(100% 100%at 50% 100%, #ff9737 28.9%, #ff0f00 100%);
    --oragne-linear-gradient: linear-gradient(270deg, rgba(255, 195, 106, 0), #ffc56d, rgba(255, 193, 99, 0));
    --orange-75: rgba(223, 126, 85, .75);
    --orange-odometer-digit: #ffcc56;
    --blue-shadow: 0 3px 7px 0 rgba(14, 92, 244, .6);
    --blue-400: #216dd3;
    --blue-500: #007afe;
    --blue-500-p-30: rgba(0, 122, 254, .3);
    --blue-500-p-20: rgba(0, 122, 254, .2);
    --blue-500-p-20-hex: #14346b;
    --blue-500-p-10: rgba(0, 122, 254, .1);
    --blue-500-p-8: rgba(0, 122, 254, .08);
    --blue-600: #d7f5ff;
    --blue-700: #1a73e9;
    --blue-800-p-50: rgba(14, 92, 244, .5);
    --blue-dark: #10336a;
    --blue-dark-500: #06112e;
    --blue-dark-600: #172547;
    --blue-dark-500-gradient: linear-gradient(180deg, rgba(6, 17, 46, 0) 0%, var(--blue-dark-500) 100%);
    --blue-dark-450: #101c3a;
    --blue-dark-450-gradient: linear-gradient(180deg, rgba(16, 28, 58, 0) 0%, var(--blue-dark-450) 100%);
    --blue-dark-400: #142245;
    --blue-dark-300: #192b59;
    --blue-dark-300-gradient: linear-gradient(180deg, rgba(36, 44, 77, 0) 0%, var(--blue-dark-300) 100%);
    --blue-dark-opacity: rgba(31, 147, 255, .08);
    --blue-radial-gradient: radial-gradient(135.26% 135.23%at 49.59% 135.23%, #44d2ff 28.9%, #006ee4 100%, #005abb 0);
    --blue: #0019ff;
    --blue-2: #0013c6;
    --blue-3: #1b3679;
    --blue-dark-gradient-search: linear-gradient(270deg, var(--blue-dark-400) 11.64%, rgba(20, 34, 69, 0) 64.29%);
    --blue-purple-dark: #17172a;
    --pink500: #ff01f5;
    --purple-gradient: linear-gradient(180deg, rgba(210, 32, 171, 0), #690083 50.52%);
    --apricot-500: #ea8c00;
    --yellow-500: #fff27e;
    --yellow-500-p-60: rgba(255, 242, 126, .6);
    --green-500: #01c095;
    --green-alt-500: #00b929;
    --red-500: #ff2448;
    --red-500-p-6: rgba(255, 36, 72, .06);
    --red-500-p-60: rgba(255, 36, 72, .6);
    --red: #eb001b;
    --red-2: #ca0017;
    --yandex-bg: #ec1717;
    --mailru-bg: #1b6bed;
    --vkontakte-bg: #1b7ae8;
    --telegram-bg: #34aadf;
    --odnoklassniki-bg: #f0972f;
    --jackpot-gradient: linear-gradient(180deg, #ffe9ff, #fff 27.99%, #fff 78.38%, #fffbf0);
    --black-background: #181819;
    --black-text: #000a0d;
    --gold2: #ffb800;
    --blue-gradient: linear-gradient(180deg, rgba(0, 33, 68, 0), rgba(0, 33, 68, .3) 13.32%, rgba(1, 24, 57, .6) 41.72%, #011839);
    --blue-filter-background: #002144;
    --contests-shadow: 0 32px 60px 0 rgba(248, 118, 153, .3);
    --basic-status: radial-gradient(55.28% 100.3%at 50% -2.8%, rgba(1, 192, 149, .5) 12.92%, rgba(1, 192, 149, .19) 54.75%, rgba(1, 191, 149, 0) 84.87%);
    --prestige-status: radial-gradient(55.28% 100.3%at 50% -2.8%, rgba(255, 0, 56, .41) 12.92%, rgba(254, 62, 104, .14) 54.75%, rgba(254, 62, 104, 0) 84.87%);
    --elite-status: radial-gradient(55.28% 100.3%at 50% -2.8%, rgba(189, 0, 255, .38) 12.92%, rgba(239, 62, 254, .14) 54.75%, rgba(254, 62, 104, 0) 84.87%);
    --supreme-status: radial-gradient(55.28% 100.3%at 50% -2.8%, rgba(0, 122, 254, .5) 12.92%, rgba(0, 122, 254, .17) 54.75%, rgba(254, 62, 104, 0) 84.87%);
    --place-1-bg: #ffe7ac;
    --place-2-bg: #ebebeb;
    --place-3-bg: #ffeee7;
    --msp-cancel-deposit-image-light: radial-gradient(43.28% 9.68%at 50% 91.04%, #b6b6b6 0%, var(--white-p-0) 100%);
    --msp-cancel-deposit-image-dark: radial-gradient(43.28% 9.68%at 50% 91.04%, #000f33 0%, rgba(0, 15, 51, 0) 100%);
    --msp-notification-gradient: linear-gradient(90deg, #18ff8c, #ff8b48 33%, #18ff8c 66%, #ff8b48);
    --drop-down-shadow: 0 8px 20px 0 rgba(0, 0, 0, .25), 0 1px 1px 0 hsla(0, 0%, 100%, .15) inset;
    --inner-shadow: 0 1px 1px 0 hsla(0, 0%, 100%, .15) inset;
    --inner-shadow-second: 0 2px 1px 0 hsla(0, 0%, 100%, .1) inset;
    --inner-shadow-card: 0 1px 2px 0 hsla(0, 0%, 100%, .15) inset;
    --tags-and-small-white-card: 0 20px 40px 0 rgba(0, 0, 0, .15);
    --card-play-shadow: drop-shadow(1px 3px 4px rgba(0, 0, 0, .4));
    --text-shadow: 0 7px 18px rgba(0, 0, 0, .25);
    --bonus-title-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    --light-gray-shadow: 0 10px 20px 0 rgba(0, 0, 0, .25);
    --light-gray-shadow-second: 0 8px 20px 0 rgba(0, 0, 0, .25);
    --background-clip-text: linear-gradient(0deg, #bababa, #fbfbfb 80%, #fff 99%);
    --background-clip-accent-text: linear-gradient(180deg, #19ffa7 46%, #009141);
    --bonuses-flame-bg-gradient: radial-gradient(50% 50%at 50% 50%, #cf5a00 0%, #3f0001 100%);
    --container-left-shadow: linear-gradient(90deg, #12161d 51%, rgba(18, 22, 29, 0) 93%);
    --orange-light-shadow: 0 4px 6px 0 rgba(255, 76, 0, .3);
    --green-light-shadow: 0 4px 12px 0 rgba(2, 182, 159, .7);
    --yellow-light-shadow: 0 3px 7px 0 rgba(255, 242, 126, .6);
    --red-light-shadow: 0 3px 7px 0 rgba(255, 36, 72, .6);
    --blue-light-shadow: 0 3px 7px 0 rgba(14, 92, 244, .6);
    --light-gray-shadow: 0 4px 15px 0 rgba(0, 0, 0, .1);
    --gray-shadow: 0 4px 7px 0 rgba(0, 0, 0, .15);
    --tab-bar-shadow: 0-6px 28px 0 rgba(0, 0, 0, .15);
    --small-gray-shadow: 0 3px 5px 0 rgba(0, 0, 0, .15);
    --drop-shadow: 0 11px 14px 0 rgba(0, 0, 0, .2);
    --big-notification-shadow: 0-6px 28px 0 rgba(0, 0, 0, .1);
    --promocard: 0 5px 28px 0 rgba(0, 0, 0, .1);
    --content-shadow: 0 16px 40px 0 rgba(56, 68, 91, .06);
    --font-inter: "Inter", sans-serif;
    --font-unbounded: "Unbounded", sans-serif;
    --menu-burger-width: 60px;
    --menu-burger-width-opened: var(--sidebar-left);
    --content-width: 100%;
    --top-bar-height: 64px;
    --top-bar-layer: 100;
    --header-height: var(--top-bar-height);
    --window-gap: 8px;
    --back-title-height: calc(40px + var(--spacings-s));
    --bottom-menu-height: 60px;
    --bottom-sheet-max-width: 600px;
    --menu-burger-bottom-bar-hegiht: 60px;
    --main-container-max-width: 1508px;
    --game-sidebar-width: 288px;
    --gradient-tokens-backgrounds-d: linear-gradient(90deg, rgba(38, 73, 37, .36) 46%, rgba(18, 22, 29, .7));
    --gradient-tokens-backgrounds-h: linear-gradient(180deg, #19ffa7 46%, #009141);
    --gradient-tokens-backgrounds-h-70: linear-gradient(180deg, #52f8b8 46%, #19a759);
    --gradient-tokens-backgrounds-h-50: linear-gradient(180deg, rgba(25, 255, 167, .3) 46%, rgba(0, 145, 65, .3));
    --gradient-tokens-backgrounds-k: linear-gradient(180deg, #ff8b48 46%, #ff1433);
    --gradient-tokens-backgrounds-k-70: linear-gradient(180deg, #ff8137 46%, #ff1a38);
    --gradient-tokens-backgrounds-k-50: linear-gradient(180deg, rgba(255, 139, 72, .3) 46%, rgba(255, 20, 51, .3));
    --gradient-tokens-backgrounds-l: linear-gradient(180deg, #ff8b48 45.67%, #ff1433);
    --gradient-tokens-backgrounds-m: linear-gradient(63deg, #ff9253 48%, #d73b2a 103%);
    --gradient-tokens-backgrounds-i: linear-gradient(0deg, #bababa, #fbfbfb 80%, #fff 99%);
    --gradient-tokens-border-d: linear-gradient(180deg, hsla(0, 0%, 100%, .2), hsla(0, 0%, 100%, .03) 50%);
    --gradient-tokens-border-g: linear-gradient(180deg, rgba(51, 119, 251, .2), rgba(51, 119, 251, .03) 50%);
    --gradient-tokens-border-h: linear-gradient(180deg, rgba(113, 236, 111, .2), rgba(113, 236, 111, .03));
    --gradient-tokens-border-f: linear-gradient(180deg, rgba(243, 124, 55, .2), rgba(243, 124, 55, .03));
    --gradient-tokens-border-k: linear-gradient(180deg, #ff8b48 45.67%, #ff1433);
    --gradient-global-accent-a: linear-gradient(180deg, var(--colors-global-accent-a) 50%, var(--colors-global-accent-a) 100%);
    --gradient-backgrounds-a: linear-gradient(180deg, var(--backgrounds-a) 50%, var(--backgrounds-a) 100%);
    --gradient-backgrounds-a-70: linear-gradient(180deg, var(--backgrounds-a-70) 50%, var(--backgrounds-a-70) 100%);
    --gradient-backgrounds-f: linear-gradient(180deg, var(--backgrounds-f) 50%, var(--backgrounds-f) 100%);
    --gradient-backgrounds-g: linear-gradient(180deg, var(--backgrounds-g) 50%, var(--backgrounds-g) 100%);
    --gradient-base-no-color: linear-gradient(180deg, var(--colors-base-no-color) 50%, var(--colors-base-no-color) 100%);
    --gradient-base-white-10: linear-gradient(180deg, var(--colors-base-white-10) 50%, var(--colors-base-white-10) 100%);
    --gradient-input-bg-active: linear-gradient(180deg, var(--input-bg-active) 50%, var(--input-bg-active) 100%);
    --gradient-welcome-bonus-bg: linear-gradient(90deg, #ff8400, #fa331d);
    --gradient-sport-bonus-bg: linear-gradient(90deg, #0c80df, #123cf7);
    --gradient-referrals-banner: radial-gradient(50% 50%at 50% 50%, #00c2cf 0%, #02003f 100%);
    --gradient-purple-blue: radial-gradient(50% 50%at 50% 50%, #5600cf 0%, #14003f 100%);
    --gradient-status-blue: linear-gradient(180deg, rgba(80, 140, 255, .2), rgba(80, 140, 255, .03) 50%);
    --gradient-status-purple: linear-gradient(180deg, rgba(167, 78, 255, .2), rgba(167, 78, 255, .03) 50%);
    --colors-base-black: #000;
    --colors-base-black-1000: #12161d;
    --colors-base-black-1000-60: rgba(18, 22, 29, .6);
    --colors-base-black-1000-70: rgba(18, 22, 29, .7);
    --colors-base-black-500: #2e3b54;
    --colors-base-black-500-50: rgba(46, 59, 84, .5);
    --colors-base-black-600: #232e3f;
    --colors-base-black-600-50: rgba(35, 46, 63, .5);
    --colors-base-black-700: #0e1015;
    --colors-base-black-700-70: rgba(14, 16, 21, .7);
    --colors-base-black-750: #05101f;
    --colors-base-black-800: #1c222f;
    --colors-base-black-900: #181e29;
    --colors-base-black-900-20: rgba(24, 30, 41, .2);
    --colors-base-black-900-70: rgba(24, 30, 41, .7);
    --colors-base-black-900-90: rgba(24, 30, 41, .9);
    --colors-base-no-color: hsla(0, 0%, 93%, 0);
    --colors-base-white-4: hsla(0, 0%, 100%, .04);
    --colors-base-white-10: hsla(0, 0%, 100%, .1);
    --colors-base-white-12: hsla(0, 0%, 100%, .12);
    --colors-base-white-14: hsla(0, 0%, 100%, .14);
    --colors-base-white-25: hsla(0, 0%, 100%, .25);
    --colors-base-white-30: hsla(0, 0%, 100%, .3);
    --colors-base-white-50: hsla(0, 0%, 100%, .5);
    --colors-base-white-60: hsla(0, 0%, 100%, .6);
    --colors-base-white-70: hsla(0, 0%, 100%, .7);
    --colors-base-white-75: hsla(0, 0%, 100%, .75);
    --colors-base-white-a: #fff;
    --colors-base-750: #05101f;
    --colors-global-accent-a: #18ff8c;
    --colors-global-accent-b: #ff8f18;
    --colors-global-accent-c: #508cff;
    --colors-global-accent-d: #ff64e2;
    --colors-global-accent-e: #129353;
    --colors-global-accent-f: #a74eff;
    --colors-system-error: #ff2e82;
    --colors-system-error-70: rgba(255, 46, 130, .7);
    --colors-system-success: #18ff8c;
    --colors-system-warning: #ff8f18;
    --color-statuses-text-warning: #f90;
    --color-statuses-text-approved: #00b65e;
    --color-statuses-text-expired: hsla(0, 0%, 100%, .6);
    --color-statuses-text-canceled: #ff2156;
    --color-bonus-bg: #170612;
    --backgrounds-a: var(--colors-base-black-1000);
    --backgrounds-a-70: var(--colors-base-black-1000-70);
    --backgrounds-b: var(--colors-base-black-900);
    --backgrounds-b-20: var(--colors-base-black-900-20);
    --backgrounds-b-70: var(--colors-base-black-900-70);
    --backgrounds-c: var(--colors-base-black-800);
    --backgrounds-d: var(--colors-base-black-700);
    --backgrounds-d-70: var(--colors-base-black-700-70);
    --backgrounds-e: var(--colors-base-white-a);
    --backgrounds-e-4: var(--colors-base-white-4);
    --backgrounds-f: var(--colors-base-black-500);
    --backgrounds-g: var(--colors-base-black-600);
    --backgrounds-g-50: var(--colors-base-black-600-50);
    --backgrounds-k: var(--colors-base-black-600-50);
    --backgrounds-l: var(--colors-base-no-color);
    --backgrounds-m: var(--colors-base-no-color);
    --backgrounds-n: var(--colors-global-accent-a);
    --border-a: var(--colors-base-white-10);
    --border-b: var(--colors-base-no-color);
    --border-c: var(--colors-base-no-color);
    --border-d: var(--colors-base-no-color);
    --border-f: var(--colors-base-no-color);
    --border-g: var(--colors-base-no-color);
    --buttons-icon-primary-bg-default: var(--colors-base-white-a);
    --buttons-icon-primary-bg-disable: var(--colors-base-white-4);
    --buttons-icon-primary-bg-hover: var(--colors-base-white-a);
    --buttons-icon-primary-icon-default: var(--colors-base-black-1000);
    --buttons-icon-primary-icon-disable: var(--colors-base-white-30);
    --buttons-icon-primary-icon-hover: var(--colors-base-black-500);
    --buttons-icon-secondary-a-bg-default: var(--colors-base-black-500);
    --buttons-icon-secondary-a-bg-disable: var(--colors-base-black-500-50);
    --buttons-icon-secondary-a-bg-hover: var(--colors-base-black-600);
    --buttons-icon-secondary-a-icon-default: var(--colors-base-white-a);
    --buttons-icon-secondary-a-icon-disable: var(--colors-base-white-30);
    --buttons-icon-secondary-a-icon-hover: var(--colors-base-white-a);
    --buttons-icon-secondary-b-bg-default: var(--colors-base-black-600);
    --buttons-icon-secondary-b-bg-disable: var(--colors-base-black-600-50);
    --buttons-icon-secondary-b-bg-hover: var(--colors-base-black-700);
    --buttons-icon-secondary-b-border-default: var(--colors-base-no-color);
    --buttons-icon-secondary-b-border-disable: var(--colors-base-no-color);
    --buttons-icon-secondary-b-border-hover: var(--colors-base-no-color);
    --buttons-icon-secondary-b-icon-default: var(--colors-base-white-a);
    --buttons-icon-secondary-b-icon-disable: var(--colors-base-white-30);
    --buttons-icon-secondary-b-icon-hover: var(--colors-base-white-a);
    --buttons-icon-secondary-c-bg-active: var(--colors-base-white-4);
    --buttons-icon-secondary-c-bg-default: var(--colors-base-no-color);
    --buttons-icon-secondary-c-bg-hover: var(--colors-base-white-4);
    --buttons-icon-secondary-c-icon-active: var(--colors-base-white-a);
    --buttons-icon-secondary-c-icon-default: var(--colors-base-white-50);
    --buttons-icon-secondary-c-icon-hover: var(--colors-base-white-50);
    --buttons-icon-secondary-d-bg-active: var(--colors-base-black-600);
    --buttons-icon-secondary-d-bg-default: var(--colors-base-no-color);
    --buttons-icon-secondary-d-bg-hover: var(--colors-base-black-600-50);
    --buttons-icon-secondary-d-icon-active: var(--colors-base-white-a);
    --buttons-icon-secondary-d-icon-default: var(--colors-base-white-a);
    --buttons-icon-secondary-d-icon-hover: var(--colors-base-white-a);
    --buttons-primary-a-bg-default: var(--colors-base-no-color);
    --buttons-primary-a-bg-disable: var(--colors-base-no-color);
    --buttons-primary-a-bg-hover: var(--colors-base-no-color);
    --buttons-primary-a-icon-default: var(--colors-base-black-1000);
    --buttons-primary-a-icon-disable: var(--colors-base-black-1000-60);
    --buttons-primary-a-icon-hover: var(--colors-base-black-1000);
    --buttons-primary-a-text-default: var(--colors-base-black-1000);
    --buttons-primary-a-text-disable: var(--colors-base-black-1000-60);
    --buttons-primary-a-text-hover: var(--colors-base-black-1000);
    --buttons-primary-b-bg-default: var(--colors-base-no-color);
    --buttons-primary-b-bg-disable: var(--colors-base-no-color);
    --buttons-primary-b-bg-hover: var(--colors-base-no-color);
    --buttons-primary-b-icon-default: var(--colors-base-white-a);
    --buttons-primary-b-icon-disable: var(--colors-base-white-50);
    --buttons-primary-b-icon-hover: var(--colors-base-white-a);
    --buttons-primary-b-text-default: var(--colors-base-white-a);
    --buttons-primary-b-text-disable: var(--colors-base-white-30);
    --buttons-primary-b-text-hover: var(--colors-base-white-a);
    --buttons-secondary-a-bg-default: var(--colors-base-black-500);
    --buttons-secondary-a-bg-disable: var(--colors-base-black-500-50);
    --buttons-secondary-a-bg-hover: var(--colors-base-black-600);
    --buttons-secondary-a-icon-default: var(--colors-base-white-a);
    --buttons-secondary-a-icon-disable: var(--colors-base-white-30);
    --buttons-secondary-a-icon-hover: var(--colors-base-white-a);
    --buttons-secondary-a-text-default: var(--colors-base-white-a);
    --buttons-secondary-a-text-disable: var(--colors-base-white-30);
    --buttons-secondary-a-text-hover: var(--colors-base-white-a);
    --buttons-secondary-b-bg-default: var(--colors-base-black-600);
    --buttons-secondary-b-bg-disable: var(--colors-base-black-600-50);
    --buttons-secondary-b-bg-hover: var(--colors-base-black-800);
    --buttons-secondary-b-icon-default: var(--colors-base-white-a);
    --buttons-secondary-b-icon-disable: var(--colors-base-white-30);
    --buttons-secondary-b-icon-hover: var(--colors-base-white-a);
    --buttons-secondary-b-text-default: var(--colors-base-white-a);
    --buttons-secondary-b-text-disable: var(--colors-base-white-30);
    --buttons-secondary-b-text-hover: var(--colors-base-white-a);
    --buttons-secondary-c-bg-active: var(--colors-base-black-600);
    --buttons-secondary-c-bg-default: var(--colors-base-black-1000-70);
    --buttons-secondary-c-bg-disable: var(--colors-base-black-1000-60);
    --buttons-secondary-c-bg-hover: var(--colors-base-black-1000);
    --buttons-secondary-c-border-active: var(--colors-base-no-color);
    --buttons-secondary-c-border-default: var(--colors-base-no-color);
    --buttons-secondary-c-border-disable: var(--colors-base-no-color);
    --buttons-secondary-c-border-hover: var(--colors-base-no-color);
    --buttons-secondary-c-icon-active: var(--colors-base-white-a);
    --buttons-secondary-c-icon-default: var(--colors-base-white-a);
    --buttons-secondary-c-icon-disable: var(--colors-base-white-30);
    --buttons-secondary-c-icon-hover: var(--colors-base-white-a);
    --buttons-secondary-c-text-active: var(--colors-base-white-a);
    --buttons-secondary-c-text-default: var(--colors-base-white-a);
    --buttons-secondary-c-text-disable: var(--colors-base-white-30);
    --buttons-secondary-c-text-hover: var(--colors-base-white-a);
    --checkbox-bg-active-default: var(--colors-base-no-color);
    --checkbox-bg-active-hover: var(--colors-base-no-color);
    --checkbox-bg-error: var(--colors-base-black-500-50);
    --checkbox-bg-inactive-default: var(--colors-base-black-500);
    --checkbox-bg-inactive-hover: var(--colors-base-black-500-50);
    --checkbox-icon-active-default: var(--colors-base-white-a);
    --checkbox-icon-active-hover: var(--colors-base-white-70);
    --checkbox-stroke-active-default: var(--colors-base-no-color);
    --checkbox-stroke-active-hover: var(--colors-base-no-color);
    --checkbox-stroke-error: var(--colors-system-error);
    --checkbox-stroke-inactive-default: var(--colors-base-no-color);
    --checkbox-stroke-inactive-hover: var(--colors-base-white-30);
    --icons-a: var(--colors-base-white-a);
    --icons-a-disable: var(--colors-base-white-50);
    --icons-b: var(--colors-base-black-1000);
    --icons-b-disable: var(--colors-base-black-1000-60);
    --icons-c: var(--colors-global-accent-a);
    --input-bg-active: var(--colors-base-black-1000);
    --input-bg-default: var(--colors-base-black-1000);
    --input-bg-disable: var(--colors-base-black-1000-60);
    --input-bg-error: var(--colors-base-black-1000);
    --input-bg-filled: var(--colors-base-black-1000);
    --input-bg-hover: var(--colors-base-black-1000-70);
    --input-border-active: var(--colors-base-white-30);
    --input-border-default: var(--colors-base-white-10);
    --input-border-disable: var(--colors-base-white-4);
    --input-border-error: var(--colors-base-white-10);
    --input-border-filled: var(--colors-base-white-10);
    --input-border-hover: var(--colors-base-white-10);
    --input-border-special-active: var(--colors-base-no-color);
    --input-icon-left-active: var(--colors-base-white-a);
    --input-icon-left-default: var(--colors-base-white-50);
    --input-icon-left-disable: var(--colors-base-white-50);
    --input-icon-left-error: var(--colors-system-error);
    --input-icon-left-filled: var(--colors-base-white-50);
    --input-icon-left-hover: var(--colors-base-white-a);
    --input-icon-right-active: var(--colors-base-white-a);
    --input-icon-right-default: var(--colors-base-white-a);
    --input-icon-right-disable: var(--colors-base-white-50);
    --input-icon-right-error: var(--colors-base-white-a);
    --input-icon-right-filled: var(--colors-base-white-a);
    --input-icon-right-hover: var(--colors-base-white-a);
    --input-label-active: var(--colors-base-white-50);
    --input-label-default: var(--colors-base-white-50);
    --input-label-disable: var(--colors-base-white-50);
    --input-label-error: var(--colors-base-white-50);
    --input-label-filled: var(--colors-base-white-50);
    --input-label-hover: var(--colors-base-white-70);
    --input-text-active: var(--colors-base-white-a);
    --input-text-default: var(--colors-base-white-50);
    --input-text-disable: var(--colors-base-white-50);
    --input-text-error: var(--colors-system-error);
    --input-text-filled: var(--colors-base-white-a);
    --input-text-hover: var(--colors-base-white-a);
    --link-default: var(--colors-global-accent-a);
    --link-hover: var(--colors-global-accent-e);
    --selector-item-a-bg-active: var(--colors-base-black-600);
    --selector-item-a-bg-default: var(--colors-base-no-color);
    --selector-item-a-bg-hover: var(--colors-base-black-600-50);
    --selector-item-a-counter-active: var(--colors-base-white-b);
    --selector-item-a-counter-default: var(--colors-base-white-a);
    --selector-item-a-counter-hover: var(--colors-base-white-b);
    --selector-item-a-icon-active: var(--colors-base-white-a);
    --selector-item-a-icon-default: var(--colors-base-white-50);
    --selector-item-a-icon-hover: var(--colors-base-white-50);
    --selector-item-a-text-active: var(--colors-base-white-a);
    --selector-item-a-text-default: var(--colors-base-white-a);
    --selector-item-a-text-hover: var(--colors-base-white-a);
    --selector-item-b-bg-active: var(--backgrounds-g);
    --selector-item-b-bg-default: var(--backgrounds-a-70);
    --selector-item-b-bg-hover: var(--backgrounds-d-70);
    --selector-item-b-counter-active: var(--colors-base-white-b);
    --selector-item-b-counter-default: var(--colors-base-white-a);
    --selector-item-b-counter-hover: var(--colors-base-white-b);
    --selector-item-b-icon-active: var(--colors-base-white-a);
    --selector-item-b-icon-default: var(--colors-base-white-50);
    --selector-item-b-icon-disabled: var(--colors-base-white-50);
    --selector-item-b-icon-hover: var(--colors-base-white-50);
    --selector-item-b-text-active: var(--colors-base-white-a);
    --selector-item-b-text-default: var(--colors-base-white-a);
    --selector-item-b-text-hover: var(--colors-base-white-a);
    --tab-bg-active: var(--colors-base-black-600);
    --tab-bg-default: var(--colors-base-black-800);
    --tab-bg-hover: var(--colors-base-black-800);
    --tab-icon-active: var(--colors-base-white-a);
    --tab-icon-default: var(--colors-base-white-50);
    --tab-icon-hover: var(--colors-base-white-a);
    --tab-text-active: var(--colors-base-white-a);
    --tab-text-default: var(--colors-base-white-50);
    --tab-text-hover: var(--colors-base-white-a);
    --text-description-a: var(--colors-base-white-70);
    --text-description-b: var(--colors-base-white-50);
    --text-heading: var(--colors-base-white-b);
    --text-text: var(--colors-base-white-a);
    --text-text-accent: var(--colors-global-accent-a);
    --text-text-invert: var(--colors-base-black-1000);
    --filter-input-bg-active: var(--colors-base-black-1000);
    --filter-input-bg-default: var(--colors-base-black-1000);
    --filter-input-bg-disable: var(--colors-base-black-1000-60);
    --filter-input-bg-error: var(--colors-base-black-1000);
    --filter-input-bg-filled: var(--colors-base-black-1000);
    --filter-input-bg-hover: var(--colors-base-black-1000-70);
    --filter-input-border-active: var(--colors-base-white-30);
    --filter-input-border-default: var(--colors-base-white-10);
    --filter-input-border-disable: var(--colors-base-white-4);
    --filter-input-border-error: var(--colors-base-white-10);
    --filter-input-border-filled: var(--colors-base-white-10);
    --filter-input-border-hover: var(--colors-base-white-10);
    --filter-input-border-special-active: var(--colors-base-no-color);
    --filter-input-icon-left-active: var(--colors-base-white-a);
    --filter-input-icon-left-default: var(--colors-base-white-50);
    --filter-input-icon-left-disable: var(--colors-base-white-50);
    --filter-input-icon-left-error: var(--colors-system-error);
    --filter-input-icon-left-filled: var(--colors-global-accent-a);
    --filter-input-icon-left-hover: var(--colors-base-white-a);
    --filter-input-icon-right-active: var(--colors-base-white-a);
    --filter-input-icon-right-default: var(--colors-base-white-a);
    --filter-input-icon-right-disable: var(--colors-base-white-50);
    --filter-input-icon-right-error: var(--colors-base-white-a);
    --filter-input-icon-right-filled: var(--colors-base-white-a);
    --filter-input-icon-right-hover: var(--colors-base-white-a);
    --filter-input-label-active: var(--colors-base-white-a);
    --filter-input-label-default: var(--colors-base-white-a);
    --filter-input-label-disable: var(--colors-base-white-50);
    --filter-input-label-error: var(--colors-base-white-50);
    --filter-input-label-filled: var(--colors-base-white-50);
    --filter-input-label-hover: var(--colors-base-white-a);
    --filter-input-text-active: var(--colors-global-accent-a);
    --filter-input-text-default: var(--colors-base-white-a);
    --filter-input-text-disable: var(--colors-base-white-50);
    --filter-input-text-error: var(--colors-system-error);
    --filter-input-text-filled: var(--colors-global-accent-a);
    --filter-input-text-hover: var(--colors-base-white-a);
    --headings-h1-font-size: 22px;
    --headings-h1-line-height: 34px;
    --headings-h1-weight: 700;
    --headings-h2-font-size: 18px;
    --headings-h2-line-height: 26px;
    --headings-h2-weight: 600;
    --headings-h3-font-size: 16px;
    --headings-h3-line-height: 24px;
    --headings-h3-weight: 600;
    --text-large-bold-caps-font-size: 20px;
    --text-large-bold-caps-line-height: 28px;
    --text-large-bold-caps-weight: 700;
    --text-large-medium-font-size: 20px;
    --text-large-medium-line-height: 28px;
    --text-large-medium-weight: 600;
    --buttons-font-l-font-size: 14px;
    --buttons-font-l-line-height: 16px;
    --buttons-font-l-weight: 700;
    --buttons-font-m-font-size: 14px;
    --buttons-font-m-line-height: 20px;
    --buttons-font-m-weight: 700;
    --buttons-font-s-font-size: 14px;
    --buttons-font-s-line-height: 20px;
    --buttons-font-s-weight: 600;
    --buttons-font-xs-font-size: 12px;
    --buttons-font-xs-line-height: 16px;
    --buttons-font-xs-weight: 500;
    --buttons-font-xxs-font-size: 12px;
    --buttons-font-xxs-line-height: 16px;
    --buttons-font-xxs-weight: 500;
    --description-font-2xs-font-size: 10px;
    --description-font-2xs-line-height: 16px;
    --description-font-2xs-weight: 700;
    --description-font-3xs-font-size: 8px;
    --description-font-3xs-line-height: 12px;
    --description-font-3xs-weight: 500;
    --description-font-xs-font-size: 12px;
    --description-font-xs-line-height: 20px;
    --description-font-xs-weight: 600;
    --profile-sidebar: 0;
    --sidebar-left: 0;
    --number-list: 38px;
    --breakpoint: 375px;
    --buttons-icon-xs: 6px;
    --buttons-icon-s: 8px;
    --buttons-icon-m: 10px;
    --buttons-l-gap: 8px;
    --buttons-l-radius: 12px;
    --buttons-l-vert: 12px;
    --buttons-l-hor: 20px;
    --buttons-m-gap: 8px;
    --buttons-m-radius: 8px;
    --buttons-m-vert: 10px;
    --buttons-m-hor: 16px;
    --buttons-s-gap: 8px;
    --buttons-s-radius: 8px;
    --buttons-s-vert: 10px;
    --buttons-s-hor: 12px;
    --buttons-xs-gap: 8px;
    --buttons-xs-hor: 8px;
    --buttons-xs-radius: 8px;
    --buttons-xs-vert: 8px;
    --chips-m-gap: 8px;
    --chips-m-vert: 10px;
    --chips-m-hor: 16px;
    --chips-m-radius: 8px;
    --chips-s-vert: 6px;
    --chips-s-gap: 8px;
    --chips-s-hor: 8px;
    --chips-s-radius: 6px;
    --game-cards-circle-s: 36px;
    --game-cards-circle-m: 52px;
    --game-cards-circle-l: 60px;
    --game-cards-height-l: 83px;
    --game-cards-height-xs: 102px;
    --game-cards-height-s: 137px;
    --game-cards-height-m: 150px;
    --game-cards-width-xs: 83px;
    --game-cards-width-l: 108px;
    --game-cards-width-s: 110px;
    --game-cards-width-m: 120px;
    --roundings-s: 8px;
    --roundings-xs: 8px;
    --roundings-m: 12px;
    --roundings-l: 16px;
    --spacings-3xs: 1px;
    --spacings-2xs: 4px;
    --spacings-xs: 4px;
    --spacings-m: 8px;
    --spacings-s: 8px;
    --spacings-l: 12px;
    --spacings-page-paddings: 16px;
    --spacings-xl: 16px;
    --spacings-2xl: 20px;
    --spacings-3xl: 24px;
    --tabs-l-gap: 8px;
    --tabs-l-hor: 16px;
    --tabs-l-vert: 16px;
    --tabs-l-radius: 100px;
    --tabs-m-gap: 8px;
    --tabs-m-vert: 10px;
    --tabs-m-hor: 14px;
    --tabs-m-radius: 8px;
    --tabs-s-gap: 8px;
    --tabs-s-vert: 10px;
    --tabs-s-hor: 12px;
    --tabs-s-radius: 8px;
    --stories-widht: 375px;
    --stories-height: 700px;
    --stories-game-widht: 225px;
    --stories-game-height: 280px;
    --stories-game-roudings: 20px;
    --msp-notifications-height: 80px
}

@media (min-width:640px) {
    :root {
        --headings-h1-font-size: 24px;
        --headings-h1-line-height: 30px;
        --headings-h2-font-size: 20px;
        --headings-h2-line-height: 28px;
        --headings-h3-font-size: 18px;
        --headings-h3-line-height: 28px;
        --buttons-font-l-font-size: 16px;
        --buttons-font-l-line-height: 24px;
        --buttons-font-xs-font-size: 14px;
        --buttons-font-xs-line-height: 20px;
        --description-font-2xs-weight: 600;
        --number-list: 40px;
        --breakpoint: 640px;
        --buttons-l-vert: 14px;
        --buttons-l-hor: 30px;
        --buttons-xs-hor: 12px;
        --chips-s-hor: 12px;
        --game-cards-height-s: 150px;
        --game-cards-height-m: 180px;
        --game-cards-height-l: 226px;
        --game-cards-width-s: 120px;
        --game-cards-width-l: 144px;
        --game-cards-width-m: 144px;
        --roundings-m: 16px;
        --roundings-l: 24px;
        --spacings-3xs: 2px;
        --spacings-xs: 8px;
        --spacings-m: 12px;
        --spacings-l: 16px;
        --spacings-page-paddings: 20px;
        --spacings-xl: 20px;
        --spacings-2xl: 24px;
        --spacings-3xl: 30px;
        --tabs-l-hor: 20px;
        --tabs-l-vert: 20px;
        --stories-widht: 374px;
        --stories-height: 640px;
        --stories-game-widht: 180px;
        --stories-game-height: 224px;
        --stories-game-roudings: 16px
    }
}

@media (min-width:1140px) {
    :root {
        --top-bar-height: 76px;
        --header-height: calc(var(--top-bar-height) + 12px);
        --back-title-height: 40px;
        --content-width: calc(100% - var(--menu-burger-width));
        --headings-h1-font-size: 28px;
        --headings-h1-line-height: 36px;
        --headings-h2-font-size: 24px;
        --headings-h2-line-height: 36px;
        --headings-h3-font-size: 20px;
        --buttons-font-l-font-size: 20px;
        --buttons-font-l-line-height: 28px;
        --number-list: 44px;
        --sidebar-left: 260px;
        --profile-sidebar: 280px;
        --breakpoint: 1140px;
        --buttons-icon-s: 10px;
        --buttons-icon-m: 14px;
        --buttons-l-radius: 16px;
        --buttons-l-vert: 16px;
        --buttons-m-radius: 12px;
        --buttons-m-vert: 14px;
        --buttons-m-hor: 20px;
        --chips-m-hor: 20px;
        --game-cards-height-xs: 120px;
        --game-cards-height-s: 180px;
        --game-cards-height-m: 200px;
        --game-cards-height-l: 316px;
        --game-cards-width-xs: 96px;
        --game-cards-width-s: 144px;
        --game-cards-width-m: 160px;
        --game-cards-width-l: 208px;
        --roundings-s: 12px;
        --roundings-xs: 12px;
        --roundings-l: 30px;
        --spacings-3xs: 4px;
        --spacings-2xs: 8px;
        --spacings-s: 12px;
        --spacings-m: 16px;
        --spacings-l: 20px;
        --spacings-page-paddings: 24px;
        --spacings-xl: 24px;
        --spacings-2xl: 30px;
        --spacings-3xl: 40px;
        --tabs-m-vert: 14px;
        --tabs-m-radius: 12px;
        --tabs-s-hor: 16px
    }
}

@media (min-width:1628px) {
    :root {
        --headings-h1-font-size: 34px;
        --headings-h1-line-height: 46px;
        --headings-h2-font-size: 26px;
        --number-list: 48px;
        --profile-sidebar: 300px;
        --sidebar-left: 300px;
        --breakpoint: 1628px;
        --buttons-l-vert: 20px;
        --buttons-l-hor: 50px;
        --chips-s-vert: 8px;
        --chips-s-hor: 16px;
        --game-cards-height-m: 224px;
        --game-cards-height-l: 288px;
        --game-cards-width-m: 180px;
        --game-cards-width-l: 230px;
        --roundings-s: 16px;
        --roundings-m: 20px;
        --spacings-xs: 12px;
        --spacings-s: 16px;
        --spacings-m: 20px;
        --spacings-l: 24px;
        --spacings-page-paddings: 30px;
        --spacings-xl: 30px;
        --spacings-2xl: 40px;
        --spacings-3xl: 56px;
        --tabs-l-hor: 24px;
        --tabs-l-vert: 24px;
        --tabs-m-hor: 16px;
        --stories-widht: 500px;
        --stories-height: 796px;
        --stories-game-widht: 225px;
        --stories-game-height: 280px;
        --stories-game-roudings: 20px
    }
}

.menu-opened {
    --content-width: calc(100% - var(--sidebar-left))
}

html {
    height: -webkit-fill-available;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

body {
    background-color: var(--backgrounds-a);
    color: var(--text-text);
    font-family: var(--font-inter);
    font-size: 21px;
    line-height: 1.48;
    --record-winnings-animation-color: var(--white)
}

a {
    color: inherit;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: none
}

.no-touch a:hover {
    cursor: pointer
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

ul a {
    border-bottom: 0;
    line-height: inherit
}

@media (min-width:1140px) {}

img {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    width: 100%
}

@media (min-width:1140px) {}

@media (min-width:713px) {}

@media (max-width:768px) {}

@media (min-width:1628px) {
    :root {
        --game-sidebar-width: 340px
    }
}

@media (min-width:1140px) {}

@media (min-width:1921px) {}

@media (min-width:1140px) {}

@supports (height:100dvh) {
    .safari-fixed {
        height: calc(100dvh - 1px)
    }
}

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

@media (max-width:639px) {}

:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper-wrapper {
    box-sizing: content-box;
    display: flex;
    height: 100%;
    position: relative;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-slide {
    display: block;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
    width: 100%
}

.swiper-backface-hidden .swiper-slide {
    backface-visibility: hidden;
    transform: translateZ(0)
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

@media (min-width:713px) and (max-width:1280px) {}

@media (min-width:1281px) {}

@media (min-width:1281px) {}

@media screen and (min-width:713px) {}

@media (min-width:713px) and (max-width:1280px) {}

@media (min-width:1281px) {}

@media screen and (min-width:713px) {}

@media (min-width:640px) {}

@media (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:639px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (min-width:640px) {}

@media (min-width:1628px) {}

@media (min-width:1628px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (max-width:639px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:640px) {}

@media (max-width:639px) {}

@media (max-width:360px) {}

@media (min-width:1140px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

.vue-notification-group {
    margin: 0 auto;
    max-width: 431px;
    padding: 0 16px;
    top: 20px !important;
    width: 100% !important;
    z-index: 10100 !important
}

@media (min-width:640px) {
    .vue-notification-group {
        display: flex !important;
        height: 0;
        justify-content: flex-end !important;
        left: var(--menu-burger-width-opened) !important;
        margin: 0 auto !important;
        max-width: var(--main-container-max-width);
        padding: 0 24px;
        top: 120px !important;
        transform: none;
        width: auto !important
    }
}

@media (min-width:1140px) {
    .vue-notification-group {
        max-width: unset;
        top: 136px !important
    }
}

@media (min-width:1628px) {
    .vue-notification-group {
        padding: 0 30px;
        top: 140px !important
    }
}

@keyframes notifyBounceTopToBottom {
    0% {
        transform: translate3d(0, -60px, 0)
    }

    80% {
        transform: translate3d(0, 5px, 0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes progress {
    0% {
        width: 100%
    }

    to {
        width: 1px
    }
}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (max-width:1139px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

.button-sheet-container {
    position: relative;
    z-index: 10040
}

@media (max-width:1139px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (max-width:639px) {}

@media (min-width:640px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:832px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:640px) {}

@media (max-width:639px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (max-width:639px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (max-width:639px) {}

@media (max-width:639px) {}

@media (max-width:1023px) and (orientation:landscape) {}

@media (min-width:640px) {}

@media (max-width:1023px) and (orientation:landscape) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (max-width:639px) {}

@media (min-width:640px) {}

@media (max-width:639px) {}

@media (min-width:640px) {}

@media (max-width:639px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (max-width:639px) {}

@media (min-width:640px) {}

@media (max-width:639px) {}

.prize-drop-list {
    display: flex
}

@media (max-width:639px) {
    .prize-drop-list {
        flex-direction: column
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .prize-drop-list {
        flex-wrap: wrap
    }
}

@media (min-width:1140px) and (max-width:1627px) {
    .prize-drop-list {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .prize-drop-list::-webkit-scrollbar {
        display: none
    }
}

@media (min-width:1628px) {
    .prize-drop-list {
        gap: 12px
    }
}

@media (max-width:639px) {
    .prize-drop-list__item {
        width: 100%
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .prize-drop-list__item {
        flex-grow: 1;
        width: calc(50% - 4px)
    }
}

@media (min-width:1140px) {
    .prize-drop-list__item {
        width: calc(33.33333% - 6px)
    }
}

@media (min-width:1140px) and (max-width:1627px) {
    .prize-drop-list__item {
        min-width: 328px
    }
}

@media (min-width:1628px) {
    .prize-drop-list__item {
        width: calc(33.33333% - 6px)
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .prize-drop-list__item:first-child {
        width: 100%
    }
}

.prize-drop-level {
    align-items: center;
    box-shadow: var(--inner-shadow);
    display: flex;
    gap: 8px;
    width: 100%
}

@media (min-width:1628px) {
    .prize-drop-level {
        gap: 12px;
        padding: 16px
    }
}

.prize-drop-section .prize-drop-level {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: var(--backgrounds-a-70);
    border-radius: 12px
}

@media (min-width:640px) and (max-width:1139px) {
    .prize-drop-section .prize-drop-level {
        border-radius: var(--roundings-s)
    }
}

@media (min-width:1628px) {
    .prize-drop-section .prize-drop-level {
        gap: 8px
    }
}

.prize-drop-level__img {
    height: 60px;
    width: 60px
}

@media (min-width:1628px) {}

.prize-drop-level__summary {
    container-name: prize-wr;
    container-type: inline-size;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 2px
}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@container prize-wr (max-width:200px) {
    .main-wrapper:not(:has(.menu-burger--small)) .prize-drop-level__value {
        --cut: 80px
    }
}

@container prize-wr (min-width:201px) {
    .main-wrapper:not(:has(.menu-burger--small)) .prize-drop-level__value {
        --cut: max-content
    }
}

.prize-drop-level__name {
    color: var(--text-text);
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    padding: 2px 0;
    text-transform: uppercase
}

.prize-drop-level__value {
    color: var(--colors-global-accent-d);
    font-size: 24px;
    font-weight: var(--headings-h2-weight);
    line-height: 32px;
    white-space: nowrap
}

.prize-drop-list__item:nth-child(2) .prize-drop-level__value {
    color: var(--colors-global-accent-b)
}

.prize-drop-list__item:nth-child(3) .prize-drop-level__value {
    color: var(--colors-global-accent-c)
}

@media (min-width:1140px) and (max-width:1627px) {

    .prize-drop-section .prize-drop-list__item:nth-child(2) .prize-drop-level__value,
    .prize-drop-section .prize-drop-list__item:nth-child(3) .prize-drop-level__value {
        max-width: var(--cut, -moz-max-content);
        max-width: var(--cut, max-content);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (min-width:1628px) {

    .prize-drop-section .prize-drop-list__item:nth-child(2) .prize-drop-level__value,
    .prize-drop-section .prize-drop-list__item:nth-child(3) .prize-drop-level__value {
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:1628px) {
    .prize-drop-level__value {
        line-height: 32px
    }

    .prize-drop-section .prize-drop-level__value {
        font-size: 24px
    }
}

.prize-drop-level__box {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    text-align: right
}

@media (min-width:1140px) {
    .prize-drop-section .prize-drop-level__box {
        gap: 6px
    }
}

.prize-drop-level__label,
.prize-drop-level__prizes {
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    white-space: nowrap
}

.prize-drop-level__label {
    color: var(--text-description-b)
}

@media (min-width:1628px) {
    .prize-drop-level__label {
        margin-bottom: 6px;
        padding: 6px 12px
    }
}

.prize-drop-level__prizes {
    background: var(--backgrounds-g);
    border-radius: 6px;
    color: var(--text-text)
}

@media (min-width:1628px) {
    .prize-drop-level__prizes {
        padding: 8px 12px
    }
}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) and (max-width:1627px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) and (max-width:1627px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

:root {
    --layout-left: 0;
    --layout-right: 0;
    --layout-top: 0;
    --layout-bottom: 0
}

.main-wrapper {
    height: unset !important
}

@media (min-width:1140px) {}

.main-wr {
    min-height: 100vh
}

@media (min-width:1140px) {
    .main-wr {
        margin: 0 0 0 calc(100% - var(--content-width));
        padding-bottom: var(--bottom-notify-height);
        transition: margin-left .1s ease-out
    }
}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

:root {
    --window-width: 100vw
}

@media (min-width:1921px) {}

.main {
    position: relative
}

@media (min-width:1140px) {}

@media (min-width:1920px) {
    .main {
        margin: 0 auto;
        max-width: var(--main-container-max-width)
    }
}

@media (max-width:1139px) {}

@media (min-width:640px) {}

@media (min-width:1920px) {}

.main__top-inner {
    margin-top: var(--spacings-xs)
}

@media (min-width:1140px) {
    .main__top-inner {
        display: flex;
        justify-content: center;
        margin-top: var(--spacings-s);
        padding-inline: var(--spacings-page-paddings);
        padding-inline-start: 19px
    }
}

@media (min-width:1920px) {
    .main__top-inner {
        padding-inline: 0
    }
}

.main__top-inner-blocks {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
    max-width: var(--main-container-max-width);
    width: 100%
}

@media (min-width:1140px) {
    .main__top-inner-blocks {
        align-items: center;
        flex-direction: row;
        gap: var(--spacings-xl)
    }
}

.main__nav-line {
    margin-block: var(--spacings-2xl) var(--spacings-xs);
    padding-inline: var(--spacings-page-paddings)
}

@media (min-width:1140px) {
    .main__nav-line {
        margin-bottom: 0;
        margin-top: 26px
    }
}

@media (min-width:1628px) {
    .main__nav-line {
        margin-top: 36px
    }
}

@media (min-width:1920px) {
    .main__nav-line {
        margin-inline: calc(var(--spacings-page-paddings)*-1)
    }
}

@media (max-width:712px) {}

.swiper-container {
    overflow: hidden
}

.swiper-button-next-wr {
    cursor: pointer;
    height: 100%;
    position: absolute;
    top: 0;
    width: 36px;
    z-index: 1
}

@media (min-width:1140px) {}

.swiper-button-next-wr {
    right: 0
}

.swiper-button-next {
    align-items: center;
    background-color: var(--backgrounds-a);
    color: var(--buttons-secondary-c-icon-default);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    height: 40px;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: .15s ease-out;
    visibility: hidden;
    width: 40px
}

.swiper-button-next:after,
.swiper-button-next:before,
.swiper-button-prev:after,
.swiper-button-prev:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    height: 24px;
    position: absolute;
    width: 24px
}

@media (min-width:1140px) {

    .bonus-store-freespins__list-wr:hover .swiper-button-next,
    .bonus-store-freespins__list-wr:hover .swiper-button-prev,
    .bonus-store-lootboxes__list-wr:hover .swiper-button-next,
    .bonus-store-lootboxes__list-wr:hover .swiper-button-prev,
    .command-list-slider .swiper-button-next,
    .command-list-slider .swiper-button-prev,
    .games-slider__inner:hover .swiper-button-next,
    .games-slider__inner:hover .swiper-button-prev,
    .games-slider__tabs:hover .swiper-button-next,
    .games-slider__tabs:hover .swiper-button-prev,
    .main-slider__wrapper:hover .swiper-button-next,
    .main-slider__wrapper:hover .swiper-button-prev,
    .sport-lobby-links-slider__inner-wr:hover .swiper-button-next,
    .sport-lobby-links-slider__inner-wr:hover .swiper-button-prev,
    .sport-lobby-promotions__slider:hover .swiper-button-next,
    .sport-lobby-promotions__slider:hover .swiper-button-prev,
    .stories-group:hover .swiper-button-next,
    .stories-group:hover .swiper-button-prev {
        opacity: 1;
        visibility: visible
    }
}

.no-touch .games-slider__inner .swiper-button-next {
    transition: padding .2s ease-out
}

.no-touch .bonus-store-freespins__list-wr .swiper-button-next:hover,
.no-touch .bonus-store-freespins__list-wr .swiper-button-prev:hover,
.no-touch .bonus-store-lootboxes__list-wr .swiper-button-next:hover,
.no-touch .bonus-store-lootboxes__list-wr .swiper-button-prev:hover,
.no-touch .command-list-slider .swiper-button-next:hover,
.no-touch .command-list-slider .swiper-button-prev:hover,
.no-touch .games-slider__inner .swiper-button-next:hover,
.no-touch .games-slider__inner .swiper-button-prev:hover,
.no-touch .games-slider__tabs .swiper-button-next:hover,
.no-touch .games-slider__tabs .swiper-button-prev:hover,
.no-touch .main-slider__wrapper .swiper-button-next:hover,
.no-touch .main-slider__wrapper .swiper-button-prev:hover,
.no-touch .promo-slider.single-column .swiper-button-next.promo-slider__next:hover,
.no-touch .promo-slider.single-column .swiper-button-next.promo-slider__prev:hover,
.no-touch .promo-slider.single-column .swiper-button-prev.promo-slider__next:hover,
.no-touch .promo-slider.single-column .swiper-button-prev.promo-slider__prev:hover,
.no-touch .sport-lobby-links-slider__inner-wr .swiper-button-next:hover,
.no-touch .sport-lobby-links-slider__inner-wr .swiper-button-prev:hover,
.no-touch .sport-lobby-promotions__slider .swiper-button-next:hover,
.no-touch .sport-lobby-promotions__slider .swiper-button-prev:hover {
    padding: 0 28px 0 24px
}

.games-jackpot__providers .swiper-button-next {
    background: var(--buttons-secondary-a-bg-default);
    border-radius: var(--buttons-xs-radius);
    box-shadow: var(--inner-shadow);
    height: 32px;
    position: relative;
    width: 32px
}

.games-jackpot__providers .swiper-button-next:before,
.games-jackpot__providers .swiper-button-prev:before {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg\ xmlns=\'http://www.w3.org/2000/svg\'\ width=\'20\'\ height=\'20\'\ fill=\'none\'\ viewBox=\'0\ 0\ 20\ 20\'%3E%3Cpath\ fill=\'%23fff\'\ fill-rule=\'evenodd\'\ d=\'M7.296\ 4.293a1\ 1\ 0\ 0\ 1\ 1.414\ 0L14.417\ 10\ 8.71\ 15.707a1\ 1\ 0\ 0\ 1-1.414-1.414L11.588\ 10\ 7.297\ 5.707a1\ 1\ 0\ 0\ 1\ 0-1.414\'\ clip-rule=\'evenodd\'/%3E%3C/svg%3E);
    height: 20px;
    left: 6px;
    position: absolute;
    top: 6px;
    width: 20px
}

.no-touch .games-jackpot__providers .swiper-button-next:hover,
.no-touch .games-jackpot__providers .swiper-button-prev:hover {
    background: var(--buttons-secondary-a-bg-hover);
    padding: 0
}

.swiper-button-next {
    border-radius: 30px 0 0 30px;
    right: 0
}

.swiper-button-next:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGZvcmVpZ25PYmplY3Qgd2lkdGg9IjEwNCIgaGVpZ2h0PSIxMDQiIHg9Ii00MCIgeT0iLTQwIj48ZGl2IHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIiBzdHlsZT0iYmFja2Ryb3AtZmlsdGVyOmJsdXIoMjBweCk7Y2xpcC1wYXRoOnVybCgjYSk7aGVpZ2h0OjEwMCU7d2lkdGg6MTAwJSIvPjwvZm9yZWlnbk9iamVjdD48cGF0aCBmaWxsPSIjMTIxNjFkIiBkPSJNMCAyMy45OTRRLjI2IDI0IC41MjEgMjRDMTMuNDg4IDI0IDI0IDEzLjQ4OCAyNCAuNTIxUTI0IC4yNiAyMy45OTMgMEgyNHYyNEgweiIgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iNDAiLz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSI+PHBhdGggZD0iTTAgMjMuOTk0US4yNiAyNCAuNTIxIDI0QzEzLjQ4OCAyNCAyNCAxMy40ODggMjQgLjUyMVEyNCAuMjYgMjMuOTkzIDBIMjR2MjRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
    right: 0;
    top: -24px
}

.swiper-button-next:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGZvcmVpZ25PYmplY3Qgd2lkdGg9IjEwNCIgaGVpZ2h0PSIxMDQiIHg9Ii00MCIgeT0iLTQwIj48ZGl2IHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIiBzdHlsZT0iYmFja2Ryb3AtZmlsdGVyOmJsdXIoMjBweCk7Y2xpcC1wYXRoOnVybCgjYSk7aGVpZ2h0OjEwMCU7d2lkdGg6MTAwJSIvPjwvZm9yZWlnbk9iamVjdD48cGF0aCBmaWxsPSIjMTIxNjFkIiBkPSJNMCAuMDA2US4yNiAwIC41MjEgMEMxMy40ODggMCAyNCAxMC41MTIgMjQgMjMuNDc5cTAgLjI2MS0uMDA3LjUyMUgyNFYwSDB6IiBkYXRhLWZpZ21hLWJnLWJsdXItcmFkaXVzPSI0MCIvPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDAgNDApIj48cGF0aCBkPSJNMCAuMDA2US4yNiAwIC41MjEgMEMxMy40ODggMCAyNCAxMC41MTIgMjQgMjMuNDc5cTAgLjI2MS0uMDA3LjUyMUgyNFYwSDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PC9zdmc+);
    bottom: -24px;
    right: 0
}

.games-jackpot__providers .swiper-button-next {
    right: 5px
}

.games-jackpot__providers .swiper-button-next:after {
    display: none
}

.swiper-button-next .icon,
.swiper-button-prev .icon {
    height: 20px;
    padding: 5px 2px;
    width: 20px
}

.games-jackpot__providers .swiper-button-next .icon {
    color: transparent
}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

.swiper-wrapper {
    will-change: transform
}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {
    @supports (margin-inline:calc(var(--spacings-page-paddings)*-1) calc(var(--spacings-page-paddings)*-1)) {

        .provider .group-filters--stickied .group-filters__filter,
        .providers .group-filters--stickied .group-filters__filter {
            margin-inline: calc(var(--spacings-page-paddings)*-1) calc(var(--spacings-page-paddings)*-1)
        }
    }

    @supports not (margin-inline:calc(var(--spacings-page-paddings)*-1) calc(var(--spacings-page-paddings)*-1)) {

        .provider .group-filters--stickied .group-filters__filter,
        .providers .group-filters--stickied .group-filters__filter {
            margin-left: calc(var(--spacings-page-paddings)*-1);
            margin-right: calc(var(--spacings-page-paddings)*-1)
        }
    }
}

@keyframes glare {
    0% {
        transform: translate(-200%, -25%) rotate(19deg)
    }

    to {
        transform: translate(200%, -25%) rotate(19deg)
    }
}

@keyframes scroll {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/dIUleLCdLWLx.woff2)format("woff2")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/a6Bgpa3THSRu.woff2)format("woff2")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/hDzLwCnuBaDh.woff2)format("woff2")
}

@font-face {
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/Yr5iVd7vsloQ.woff2)format("woff2")
}

@font-face {
    font-family: Unbounded;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/xB3lZeXwuQUW.woff2)format("woff2")
}

@media (max-width:712px) {}

@keyframes dash {
    0% {
        stroke-dashoffset: 185;
        transform: rotate(0)
    }

    50% {
        stroke-dashoffset: 46.25;
        transform: rotate(160deg)
    }

    to {
        stroke-dashoffset: 185;
        transform: rotate(2turn)
    }
}

.btn:where(.btn--secondary-b),
.datarange-picker-wr .daterangepicker .btn:where(.btn--secondary-b) {
    font-size: var(--buttons-font-s-font-size);
    font-weight: var(--buttons-font-s-weight);
    line-height: var(--buttons-font-s-line-height);
    text-transform: uppercase
}

.no-touch .btn:hover,
.no-touch .datarange-picker-wr .daterangepicker .btn:hover {
    color: var(--text-description-a)
}

@media (min-width:640px) {}

.no-touch .btn--primary:not(.no-touch .btn--primary.btn--text, .no-touch .btn--primary.btn--text-b, .no-touch .btn--primary.btn--icon):hover {
    background: var(--gradient-tokens-backgrounds-h-70);
    color: var(--buttons-primary-a-text-hover)
}

.no-touch .btn--primary-b:not(.no-touch .btn--primary-b.btn--text, .no-touch .btn--primary-b.btn--text-b, .no-touch .btn--primary-b.btn--icon):hover {
    background: var(--gradient-tokens-backgrounds-k-70);
    color: var(--buttons-primary-b-text-hover)
}

.no-touch .btn--secondary:not(.no-touch .btn--secondary.btn--text, .no-touch .btn--secondary.btn--text-b, .no-touch .btn--secondary.btn--icon):hover {
    background: var(--buttons-secondary-a-bg-hover);
    color: var(--buttons-secondary-a-text-hover)
}

.no-touch .btn--secondary-b:not(.no-touch .btn--secondary-b.btn--text, .no-touch .btn--secondary-b.btn--text-b, .no-touch .btn--secondary-b.btn--icon):hover {
    background: var(--buttons-secondary-b-bg-hover);
    color: var(--buttons-secondary-b-text-hover)
}

.no-touch .btn--icon:hover {
    background: var(--buttons-icon-primary-bg-hover);
    color: var(--buttons-icon-primary-icon-hover)
}

.no-touch .btn--icon:hover.btn--secondary {
    background: var(--buttons-secondary-a-bg-hover);
    color: var(--buttons-icon-secondary-a-icon-hover)
}

@media (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:640px) and (max-width:1139px) {}

@supports (padding-inline:0 0) {
    .bottom-sheet--bonus-store-lootbox-info .bottom-sheet__content {
        padding-inline: 0 0
    }
}

@supports not (padding-inline:0 0) {
    .bottom-sheet--bonus-store-lootbox-info .bottom-sheet__content {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@keyframes show {
    0% {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes hide {
    0% {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@media (max-width:639px) {}

@media (min-width:640px) {}

@media (min-width:640px) and (max-width:1139px) and (orientation:landscape) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (max-width:639px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:640px) {}

@media (max-width:1139px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:639px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:639px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:639px) {}

@media (min-width:640px) {}

@media (max-width:639px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:712px) {}

@media (max-width:639px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (max-width:639px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:640px) {}

@media (max-height:639px) and (orientation:landscape) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (max-width:1139px) {}

@media (max-width:639px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:712px) {}

@media (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (max-width:639px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:712px) {}

@media (max-width:712px) {}

@media (max-width:712px) {}

@media (max-width:959px) {}

@media (max-width:1280px) {}

@media (max-width:712px) {}

@media (min-width:1140px) {}

@media (max-width:959px) {}

@media (max-width:1139px) {}

@media (max-width:712px) {}

@media (max-width:639px) {}

@media (max-width:1139px) {}

@media (max-width:639px) {}

@media (min-width:640px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:640px) {}

@media (min-width:640px) and (max-width:1139px) and (orientation:landscape) {}

@media (max-width:1139px) {}

@media (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1920px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {
    .top-bar {
        margin-left: calc(100% - var(--content-width) + var(--window-gap));
        width: calc(var(--content-width) - var(--window-gap)*2)
    }
}

.game-info .top-bar,
body:has(.group-filters--stickied) .top-bar {
    border-radius: 0
}

@media (min-width:1140px) {
    .top-bar__wrapper {
        padding-inline: calc(var(--spacings-page-paddings) - var(--window-gap))
    }
}

@media (min-width:1140px) {
    .top-bar__container {
        gap: 8px;
        min-height: calc(var(--top-bar-height) + 12px)
    }
}

@media (min-width:1628px) {
    .top-bar__container {
        gap: 12px
    }
}

@media (min-width:1140px) {}

@media (min-width:1140px) {
    .top-bar__logo-img {
        height: 40px
    }
}

@media (min-width:1140px) {
    .top-bar__search {
        align-items: center;
        background: var(--backgrounds-d);
        border: 1px solid var(--border-a);
        border-radius: 12px;
        color: var(--text-description-b);
        display: flex;
        flex-grow: 1;
        font-size: 14px;
        font-weight: 600;
        gap: 10px;
        height: 56px;
        justify-content: space-between;
        line-height: 20px;
        min-width: 0;
        padding: 8px 18px 8px 19px;
        text-transform: uppercase;
        transition: all .2s ease-out
    }

    .no-touch .top-bar__search:hover {
        border-color: var(--colors-base-white-30);
        color: var(--text-text)
    }
}

@media (min-width:1140px) {}

@media (min-width:640px) {
    .home-bg-section {
        padding-bottom: var(--spacings-xs)
    }
}

@media (min-width:1140px) {
    .home-bg-section {
        padding: var(--spacings-m) var(--spacings-page-paddings)
    }
}

@media (min-width:1920px) {
    .home-bg-section {
        margin: 0 calc(var(--spacings-page-paddings)*-1)
    }
}

@media (min-width:1140px) {}

@media (max-width:1139px) {
    .promo-jackpot-wr {
        flex-direction: column
    }
}

@media (min-width:1140px) {
    .promo-jackpot-wr {
        flex-wrap: wrap
    }

    .promo-jackpot-wr>div {
        flex: 1 0 500px
    }
}

@media (min-width:1140px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:640px) {}

.micro-app-support-container {
    z-index: 100500 !important
}

@media (min-width:1628px) {}

@media (min-width:1140px) {
    .menu-burger {
        background-color: var(--backgrounds-b);
        bottom: 0;
        padding: 0 var(--spacings-s);
        position: fixed;
        top: 0;
        width: var(--sidebar-left);
        z-index: 10002
    }
}

.menu-burger__inner::-webkit-scrollbar {
    background-color: transparent;
    color: transparent;
    display: none;
    height: 0;
    opacity: 0;
    width: 0
}

.menu-burger__inner::-webkit-scrollbar-thumb,
.menu-burger__inner::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

@media (min-width:1140px) {
    .menu-burger__inner {
        display: grid;
        padding: var(--spacings-s)0
    }
}

@media (min-width:1140px) {}

@media (min-width:1140px) and (max-height:680px) {}

@media (min-width:1140px) {
    .menu-burger__inner--bottom {
        align-self: end
    }
}

body:has(.top-bar--scrolled) .menu-burger__btn {
    top: calc(var(--header-height, 86px) + var(--filters-height, 0px) + 8px)
}

.no-touch .menu-burger__btn:hover {
    padding-left: 10px;
    right: -40px;
    width: 40px
}

.menu-burger__btn:after,
.menu-burger__btn:before {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE0IDE0Ij48Zm9yZWlnbk9iamVjdCB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIHg9Ii00MCIgeT0iLTQwIj48ZGl2IHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1sIiBzdHlsZT0iYmFja2Ryb3AtZmlsdGVyOmJsdXIoMjBweCk7Y2xpcC1wYXRoOnVybCgjYSk7aGVpZ2h0OjEwMCU7d2lkdGg6MTAwJSIvPjwvZm9yZWlnbk9iamVjdD48cGF0aCBmaWxsPSIjMTgxZTI5IiBkPSJtMTQgMTMuOTk2LS4zMDUuMDA0QzYuMTMyIDE0IDAgNy44NjggMCAuMzA1UTAgLjE1Mi4wMDQgMEgwdjE0aDE0eiIgZGF0YS1maWdtYS1iZy1ibHVyLXJhZGl1cz0iNDAiLz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQwIDQwKSI+PHBhdGggZD0ibTE0IDEzLjk5Ni0uMzA1LjAwNEM2LjEzMiAxNCAwIDcuODY4IDAgLjMwNVEwIC4xNTIuMDA0IDBIMHYxNGgxNHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4=);
    height: 40px;
    left: -13px;
    pointer-events: none;
    position: absolute;
    width: 40px
}

.menu-burger__btn:after {
    top: -23px
}

.menu-burger__btn:before {
    bottom: -23px;
    transform: rotateX(180deg)
}

@media (min-width:1140px) {}

@media (max-width:1139px) {
    .menu-burger__custom-list--main {
        margin-bottom: var(--spacings-xl);
        margin-top: var(--spacings-xl)
    }
}

@media (min-width:1140px) {
    .menu-burger__custom-list--main {
        margin-bottom: 6px
    }
}

.menu-burger__custom-list--info:before {
    content: none
}

@media (min-width:1140px) {
    .menu-burger__custom-list--promo {
        margin-bottom: 6px
    }
}

.menu-burger__custom-list--scl:before {
    content: none
}

.menu-burger__custom-list--app:before {
    content: none
}

@media (min-width:1140px) {
    .menu-burger__custom-lists-title {
        padding: var(--spacings-s)0 var(--spacings-3xs)0
    }
}

.no-touch .my-bonuses-btn:not(.no-touch .my-bonuses-btn.btn--text, .no-touch .my-bonuses-btn.btn--text-b, .no-touch .my-bonuses-btn.btn--icon):hover {
    background: var(--buttons-secondary-b-bg-hover);
    color: var(--buttons-secondary-b-text-hover)
}

@media (min-width:1140px) and (max-width:1627px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {
    .user-top__no-auth {
        gap: 12px
    }
}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1628px) {}

.no-touch .menu-burger__custom-list--info .menu-burger__link-inner:hover {
    background-color: var(--selector-item-b-bg-hover)
}

.no-touch .menu-burger__link-inner:hover:not(.menu-burger__custom-list--info .menu-burger__link-inner, .menu-burger__link-inner--active, .menu-burger__submenu .menu-burger__link-inner, .user-top__profile-nav .menu-burger__link-inner, .menu-burger--small .menu-burger__link-inner, .menu-burger__link--has-children.menu-burger__link--submenu-open .menu-burger__link-inner, .profile-nav .menu-burger__link-inner.router-link-active) {
    background-color: var(--selector-item-b-bg-hover)
}

@media (max-width:1139px) {
    .menu-burger__submenu .menu-burger__link-inner {
        background-color: var(--backgrounds-b);
        border-radius: var(--roundings-xs);
        flex-direction: column;
        gap: 6px;
        padding: 12px 8px 8px;
        text-align: center
    }
}

.no-touch .menu-burger__submenu .menu-burger__link-inner:hover {
    background-color: var(--selector-item-a-bg-hover)
}

@media (max-width:639px) {}

@media (min-width:1140px) {
    .menu-burger__link--wheel .menu-burger__link-inner {
        gap: 6px;
        margin-bottom: 6px
    }
}

@media (min-width:1140px) {
    .menu-burger__link--prize-drops .menu-burger__link-inner {
        gap: 6px;
        margin-bottom: 6px
    }

    .menu-burger__link-inner {
        max-width: 236px;
        padding: 4px 12px 4px 4px
    }
}

@media (min-width:1628px) {
    .menu-burger__link-inner {
        max-width: 268px
    }
}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

.no-touch .menu-burger__link.menu-burger__link--has-children.menu-burger__link--submenu-open:hover {
    background-color: var(--selector-item-b-bg-hover)
}

@media (max-width:639px) {
    .menu-burger__submenu .menu-burger__link-img-wr {
        margin-right: 0
    }
}

.menu-burger__link--prize-drops .menu-burger__link-img-wr:after {
    background-image: url(../images/cF589l1M8fZh.webp);
    bottom: -6px;
    content: "";
    height: 29px;
    left: -4px;
    position: absolute;
    width: 63px
}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

.menu-burger__link--has-children .menu-burger__link-text:not(.menu-burger__submenu .menu-burger__link-text, .menu-burger--small .menu-burger__link-text) {
    margin-right: 10px
}

@media (max-width:1139px) {
    .menu-burger__submenu .menu-burger__link-text {
        align-items: center;
        color: var(--selector-item-a-text-default);
        display: flex;
        font-size: 12px;
        font-weight: 500;
        height: 28px;
        line-height: 16px;
        overflow: hidden
    }
}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {
    .menu-burger__link--submenu-open .menu-burger__submenu {
        display: grid;
        gap: 4px;
        grid-template-columns: repeat(3, 1fr);
        padding: 0 8px 8px
    }
}

@media (max-height:680px) {}

@media (max-height:780px) {}

@media (min-width:1140px) {
    .menu-burger__submenu--show {
        display: block
    }
}

.menu-burger__submenu:before {
    content: "";
    height: 100%;
    left: -16px;
    position: absolute;
    top: 0;
    width: 100%
}

@keyframes spin {
    0% {
        transform: rotate(-24deg)
    }

    to {
        transform: rotate(24deg)
    }
}

@keyframes incline {
    0% {
        transform: rotate(-4deg)
    }

    30% {
        transform: rotate(-4deg)
    }

    to {
        transform: rotate(12deg)
    }
}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) and (max-width:1627px) {}

@media (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

@media (max-width:1139px) {
    .menu-burger__social-links .social-links__list {
        gap: 8px
    }
}

@media (min-width:1140px) {
    .social-links__list {
        gap: var(--spacings-2xs)
    }

    .main-footer__social-links .social-links__list {
        justify-content: flex-end
    }
}

@media (max-width:639px) {
    .main-footer__social-links .social-links__item {
        flex: 0 1 110px
    }
}

.no-touch .social-links__link:hover {
    background-color: var(--buttons-secondary-c-bg-hover)
}

@media (min-width:640px) {
    .social-links__link {
        min-width: 102px
    }
}

@media (min-width:1140px) {
    .social-links__link {
        min-width: 46px
    }

    .menu-burger__custom-lists .social-links__link {
        min-width: 40px
    }
}

@media (min-width:1628px) {
    .menu-burger__custom-lists .social-links__link {
        min-width: 47px
    }
}

@media (min-width:1140px) {
    .main-footer__social-links .social-links__link {
        min-width: 40px
    }
}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {
    .buttons-app {
        flex: 1;
        gap: 8px;
        justify-content: center
    }
}

@media (min-width:1140px) {
    .buttons-app__list {
        gap: 8px
    }

    .main-footer__menu-block .buttons-app__list {
        gap: var(--spacings-xs)
    }
}

.no-touch .buttons-app__link:hover {
    background-color: var(--buttons-secondary-c-bg-hover)
}

@media (min-width:1140px) {
    .buttons-app__item-icon-wr {
        width: 16px
    }
}

@media (min-width:1140px) {
    .menu-burger__bottom-bar {
        border-radius: var(--roundings-m);
        margin-top: 24px
    }
}

@media (min-width:1140px) {
    .menu-burger__bottom-bar-inner {
        margin-top: 24px;
        min-height: auto;
        padding-bottom: 0
    }
}

@media (min-width:1140px) {
    .no-touch .menu-burger__lang-btn:hover {
        background-color: var(--backgrounds-g-50)
    }
}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {
    .local-list {
        background-color: var(--backgrounds-a);
        border-radius: 16px;
        bottom: 12px;
        box-shadow: var(--drop-down-shadow);
        gap: 12px;
        left: 270px;
        padding: 12px;
        position: fixed;
        z-index: 1
    }
}

@media (min-width:1628px) {
    .local-list {
        left: 315px
    }
}

@media (min-width:1140px) {}

@media (min-width:640px) {
    .main-banner {
        height: 160px;
        padding: 0 244px 0 36px
    }
}

@media (min-width:1140px) {
    .main-banner {
        background-color: var(--backgrounds-a);
        border-radius: 15px;
        height: 190px;
        max-width: 388px;
        padding: 20px
    }
}

@media (min-width:1628px) {
    .main-banner {
        border-radius: 19px
    }
}

@media (min-width:1140px) {
    .main-banner:before {
        background: var(--gradient-tokens-backgrounds-k);
        border-radius: var(--roundings-m);
        bottom: -2px;
        content: "";
        left: -2px;
        position: absolute;
        right: -2px;
        top: -2px;
        z-index: -2
    }

    .main-banner:after {
        border-radius: var(--roundings-s) var(--roundings-s)0 0;
        box-shadow: var(--inner-shadow);
        content: "";
        height: 20px;
        left: 5px;
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 0
    }
}

@media (max-width:639px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:1140px) {
    .main-banner__bg-color {
        background-color: var(--backgrounds-a);
        border-radius: var(--roundings-m);
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }
}

.main-banner__background:after {
    background: radial-gradient(102.65% 127.65%at 50% 100%, #621916 0, transparent 100%);
    border-radius: inherit;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

@media (min-width:1140px) {
    .main-banner__background {
        border-radius: var(--roundings-s);
        box-shadow: var(--inner-shadow);
        height: calc(100% - 12px);
        left: 6px;
        top: 6px;
        width: calc(100% - 12px)
    }
}

.main-banner__background-video {
    -o-object-fit: cover;
    -o-object-position: center
}

@media (max-width:639px) {
    .main-banner__foreground {
        right: calc(-171.34091px + 50.75758vw)
    }
}

@media (min-width:640px) {
    .main-banner__foreground {
        height: 180px;
        right: 73px;
        width: 163px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .main-banner__foreground {
        right: calc(-246.35872px + 49.8998vw)
    }
}

@media (min-width:1140px) {
    .main-banner__foreground {
        bottom: 6px;
        height: 200px;
        right: -25px;
        width: 180px
    }
}

.main-banner__foreground img {
    -o-object-fit: contain;
    -o-object-position: center
}

@media (max-width:639px) {}

@media (min-width:640px) and (max-width:1139px) {}

@media (min-width:640px) {}

@media (max-width:639px) {
    .main-banner__content {
        width: 220px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .main-banner__content {
        width: 360px
    }
}

@media (max-width:1139px) {
    .main-banner__content {
        margin: 0 auto
    }
}

@media (min-width:1140px) {
    .main-banner__content {
        align-items: flex-start
    }
}

@media (max-width:639px) {}

@media (min-width:640px) and (max-width:1139px) {}

.main-banner__badge-title {
    -webkit-backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none
}

@media (max-width:1139px) {
    .main-banner__badge-title {
        top: -4px;
        transform-origin: center
    }
}

@media (min-width:640px) {
    .main-banner__badge-title {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 5px 12px
    }
}

@media (min-width:1140px) {
    .main-banner__badge-title {
        font-size: 12px;
        left: 1px;
        line-height: 14px;
        padding: 6px 12px
    }
}

@keyframes scaleBadge {

    0%,
    17% {
        transform: rotate(-4deg) scale(1) translateZ(0)
    }

    52%,
    69% {
        transform: rotate(-1deg) scale(1.16) translateZ(0)
    }

    96%,
    to {
        transform: rotate(-4deg) scale(1) translateZ(0)
    }
}

.main-banner__title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media (min-width:640px) {
    .main-banner__title {
        font-size: 46px;
        font-weight: 700;
        line-height: 56px;
        margin-top: -13px
    }
}

@media (min-width:1140px) {
    .main-banner__title {
        margin-top: -8px
    }
}

@media (min-width:640px) {

    .main-banner__title .welcome-bonuses__banner-offer-plus,
    .main-banner__title .welcome-bonuses__banner-offer-value {
        font-size: 44px;
        font-weight: 700;
        line-height: 60px
    }
}

@media (min-width:1140px) {

    .main-banner__title .welcome-bonuses__banner-offer-plus,
    .main-banner__title .welcome-bonuses__banner-offer-value {
        font-size: 32px;
        font-weight: 700;
        line-height: 42px
    }
}

.main-banner__title .welcome-bonuses__banner-offer-value:not(:last-child) {
    margin: 0 1.4px 0 0
}

@media (min-width:640px) and (max-width:1139px) {
    .main-banner__title .welcome-bonuses__banner-offer-value:not(:last-child) {
        margin: 0 2.2px 0 0
    }
}

@media (min-width:1140px) {
    .main-banner__title .welcome-bonuses__banner-offer-value:not(:last-child) {
        margin: 0 1.6px 0 0
    }
}

@media (min-width:640px) {
    .main-banner__title .welcome-bonuses__banner-offer-unit {
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 60px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .main-banner__title .welcome-bonuses__banner-offer-unit {
        letter-spacing: 2.4px
    }
}

@media (min-width:1140px) {
    .main-banner__title .welcome-bonuses__banner-offer-unit {
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        letter-spacing: 1.8px;
        line-height: 42px
    }
}

@media (min-width:640px) and (max-width:1139px) {
    .main-banner__title .welcome-bonuses__banner-offer-plus {
        letter-spacing: 4.4px
    }
}

@media (min-width:1140px) {
    .main-banner__title .welcome-bonuses__banner-offer-plus {
        letter-spacing: 3.2px
    }
}

.main-banner__title:has(.welcome-bonuses__banner-offer-value) {
    line-height: 20px
}

@media (min-width:640px) {}

@media (max-width:639px) {
    .main-banner__button {
        border-radius: var(--buttons-xs-radius);
        font-size: var(--buttons-font-xxs-font-size);
        font-weight: var(--description-font-xs-weight);
        height: calc(var(--buttons-font-xxs-line-height) + var(--buttons-xs-vert)*2);
        letter-spacing: normal;
        line-height: var(--buttons-font-xxs-line-height);
        margin-top: 6px;
        padding: var(--buttons-xs-vert) var(--buttons-xs-hor);
        text-transform: uppercase
    }
}

@media (min-width:1140px) {
    .main-banner__button {
        margin-top: auto
    }
}

@media (max-width:639px) {}

@media (min-width:640px) and (max-width:1139px) {}

.main-banner__button:after {
    animation: translateLight 2.8s cubic-bezier(.4, 0, .2, 1) infinite;
    background-image: url(../images/LzUpQFwvK3fW.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    height: 68px;
    left: -64px;
    opacity: .7;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 72px
}

@keyframes translateLight {
    0% {
        left: -64px
    }

    28%,
    to {
        left: calc(100% + 64px)
    }
}

@media (min-width:1140px) {
    .stories-group {
        margin: 0 calc(var(--spacings-page-paddings)*-1);
        overflow: hidden;
        padding: var(--spacings-m) var(--spacings-page-paddings) var(--spacings-m) var(--spacings-xl);
        width: calc(100% + var(--spacings-page-paddings)*2)
    }
}

@media (min-width:1920px) {
    .stories-group {
        margin-inline: 0
    }
}

@media (min-width:1140px) {
    .main-banner+.stories-group {
        margin: 0 calc(var(--spacings-page-paddings)*-1)0 calc(var(--spacings-xl)*-1);
        width: 100%
    }
}

@media (min-width:1920px) {
    .main-banner+.stories-group {
        margin-right: 0;
        padding-right: 0
    }
}

@media (min-width:1140px) {}

@media (min-width:1628px) {
    .stories-group--fade-right:after {
        background: linear-gradient(270deg, #12161d 51%, #12161d00 93%);
        content: "";
        height: 268px;
        pointer-events: none;
        position: absolute;
        right: -176px;
        top: 50%;
        transform: translateY(-50%);
        width: 328px;
        z-index: 2
    }
}

@media (min-width:1920px) {
    .stories-group--fade-right:after {
        height: 268px;
        right: -176px;
        width: 328px
    }
}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

.stories-group__next:after,
.stories-group__next:before,
.stories-group__prev:after,
.stories-group__prev:before {
    content: none
}

@media (min-width:1920px) {}

@media (min-width:1920px) {
    .stories-group__next {
        right: 0
    }
}

@media (min-width:1140px) {
    .stories-group-item {
        max-width: 112px
    }
}

@media (min-width:1140px) {
    .stories-group-item__image {
        height: 112px;
        width: 112px
    }
}

.no-touch .stories-group-item__image:hover {
    cursor: pointer
}

.stories-group-item__img {
    -o-object-fit: cover
}

@media (min-width:1140px) {
    .stories-group-item__img {
        height: 100px;
        width: 100px
    }
}

.no-touch .stories-group-item__img img:hover {
    transform: rotate(15deg) scale(1.1)
}

@media (min-width:1140px) {
    .stories-group-item__label {
        font-size: var(--buttons-font-m-font-size);
        font-weight: var(--buttons-font-m-weight);
        letter-spacing: normal;
        line-height: var(--buttons-font-m-line-height);
        text-transform: uppercase
    }
}

@keyframes spin {
    0% {
        transform: rotate(-24deg)
    }

    to {
        transform: rotate(24deg)
    }
}

@keyframes flareAnimation {
    0% {
        left: -150%
    }

    to {
        left: 150%
    }
}

.custom-tabs {
    -webkit-user-select: none;
    -moz-user-select: none
}

@media (max-width:1139px) {}

@media (min-width:1140px) and (max-width:1627px) {}

@media (min-width:1140px) {}

.nav-line .custom-tabs__inner::-webkit-scrollbar {
    background-color: transparent;
    color: transparent;
    display: none;
    height: 0;
    opacity: 0;
    width: 0
}

.nav-line .custom-tabs__inner::-webkit-scrollbar-thumb,
.nav-line .custom-tabs__inner::-webkit-scrollbar-track {
    background: transparent;
    display: none
}

@media (max-width:1139px) {}

.no-touch .custom-tabs__item:hover {
    background-color: var(--backgrounds-c)
}

.no-touch .custom-tabs__item:hover .custom-tabs__text {
    color: var(--text-text)
}

.no-touch .custom-tabs--form-separated .custom-tabs__item:hover {
    background-color: var(--tab-bg-hover);
    color: var(--tab-text-hover)
}

.no-touch .custom-tabs--form-separated .custom-tabs__item:hover .icon {
    color: var(--tab-icon-hover)
}

@media (max-width:1139px) {}

.custom-tabs--form-separated .custom-tabs__item--active,
.no-touch .custom-tabs--form-separated .custom-tabs__item--active:hover {
    background-color: var(--tab-bg-active);
    box-shadow: var(--inner-shadow);
    color: var(--tab-text-active);
    cursor: default;
    pointer-events: none
}

.custom-tabs--form-separated .custom-tabs__item--active .icon,
.no-touch .custom-tabs--form-separated .custom-tabs__item--active:hover .icon {
    color: var(--tab-icon-active)
}

@media (min-width:1628px) {
    .custom-tabs__text {
        font-size: 14px
    }
}

@media (max-width:1139px) {}

@media (max-width:1139px) {}

@media (min-width:1140px) {}

.games-slider-wrap:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 248px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 248px;
    z-index: -1
}

@media (min-width:1140px) {
    .games-slider-wrap:before {
        height: 365px;
        width: 365px
    }
}

.games-slider-wrap:not(.home-bg-section .games-slider-wrap) {
    margin-bottom: var(--spacings-l)
}

@media (min-width:640px) {
    .games-slider-wrap:not(.home-bg-section .games-slider-wrap) {
        padding: var(--spacings-xl)
    }
}

@media (min-width:1140px) {
    .games-slider-wrap:not(.home-bg-section .games-slider-wrap) {
        margin-bottom: 20px;
        margin-left: var(--spacings-page-paddings);
        margin-right: var(--spacings-page-paddings)
    }
}

@media (min-width:1628px) {
    .games-slider-wrap:not(.home-bg-section .games-slider-wrap) {
        margin-bottom: var(--spacings-s)
    }
}

.games-slider-wrap:not(.home-bg-section .games-slider-wrap):last-child {
    margin-bottom: var(--spacings-l)
}

@media (min-width:1140px) {
    .games-slider-wrap {
        padding: var(--spacings-xl)
    }
}

@media (min-width:1140px) {
    .games-jackpot__providers .games-slider-wrap {
        border-radius: 12px;
        margin: var(--spacings-xl) -16px 0;
        padding: 0 16px
    }
}

@media (max-width:1139px) {}

@media (max-width:639px) {}

@media (max-width:639px) {}

@media (max-width:639px) {
    .games-slider {
        display: flex;
        gap: 12px;
        overflow-x: scroll
    }

    .games-slider::-webkit-scrollbar {
        background-color: transparent;
        color: transparent;
        display: none;
        height: 0;
        opacity: 0;
        width: 0
    }

    .games-slider::-webkit-scrollbar-thumb,
    .games-slider::-webkit-scrollbar-track {
        background: transparent;
        display: none
    }
}

@media (max-width:639px) {
    .games-jackpot__providers .games-slider {
        gap: 6px
    }
}

@media (min-width:1140px) {
    .games-jackpot__providers .games-slider {
        border-radius: 12px;
        padding: 0
    }
}

@media (min-width:640px) {
    .games-slider-wrap--section-popular .games-slider--two-row .swiper-wrapper {
        display: grid;
        gap: 12px 0;
        grid-auto-flow: column;
        grid-template-rows: repeat(2, 1fr)
    }
}

@media (min-width:1140px) {
    .games-slider__title {
        gap: var(--spacings-s)
    }
}

@supports (margin-block:0 0) {
    .games-jackpot__providers .games-slider__inner {
        margin-block: 0 0
    }
}

@supports not (margin-block:0 0) {
    .games-jackpot__providers .games-slider__inner {
        margin-bottom: 0;
        margin-top: 0
    }
}

@media (min-width:1140px) {
    .games-jackpot__providers .games-slider__inner {
        margin: 0-16px
    }
}

@media (max-width:639px) {}

@media (min-width:1140px) {
    .games-slider__head {
        min-height: 40px
    }
}

@media (min-width:1140px) {
    .games-jackpot__providers .games-slider__inner-wr {
        padding: 0 16px
    }
}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:1628px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (max-width:639px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

@media (min-width:1628px) {
    .games-slider-wrap--size-m .games-list-card {
        border-radius: var(--roundings-s)
    }
}

@media (min-width:640px) {
    .games-list-card {
        margin-right: 12px
    }
}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1628px) {}

.swiper-wrapper .games-list-card:last-child {
    margin-right: 0
}

.no-touch .games-list-card:hover {
    z-index: 2
}

.games-slider-wrap--section-popular .games-slider--two-row .games-list-card {
    margin-top: 0 !important
}

@media (min-width:1628px) {
    .games-slider-wrap--size-m .games-list-card__body {
        border-radius: var(--roundings-s)
    }
}

@media (min-width:640px) {}

@media (min-width:1628px) {}

@media (min-width:1628px) {}

@keyframes setPointer {
    0% {
        z-index: 10
    }

    99% {
        z-index: 10
    }

    to {
        z-index: -10
    }
}

@media (min-width:1628px) {
    .games-slider-wrap--size-m .games-list-card__img-area {
        border-radius: var(--roundings-s)
    }
}

@media (min-width:1628px) {}

@keyframes scaleCard {
    to {
        height: calc(100% + var(--upset-height));
        margin: calc(var(--upset-height)*-1/2) calc(var(--upset-width)*-1/2);
        width: calc(100% + var(--upset-width))
    }
}

@media (min-width:1140px) {}

@media (min-width:1628px) {
    .games-slider-wrap--size-m .games-list-card__body-img {
        border-radius: var(--roundings-s)
    }
}

@media (min-width:640px) {
    .games-list-card__see-all {
        gap: 12px
    }
}

.no-touch .games-list-card__see-all-icon-wr:hover {
    background-color: var(--buttons-secondary-a-bg-hover)
}

@media (min-width:640px) {
    .games-list-card__see-all-icon-wr {
        border-radius: var(--buttons-m-radius);
        height: 40px;
        padding: var(--buttons-icon-m);
        width: 40px
    }
}

@media (min-width:1140px) {
    .games-list-card__see-all-icon-wr {
        height: 48px;
        width: 48px
    }
}

@media (min-width:640px) {
    .games-list-card__see-all-text {
        font-size: 12px;
        font-weight: 700;
        line-height: 16px
    }
}

@media (min-width:1140px) {
    .games-list-card__see-all-text {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

@media (min-width:1628px) {}

@media (min-width:1628px) {}

@media (min-width:1628px) {}

@media (min-width:1628px) {}

@media (min-width:1628px) {}

@media (min-width:1140px) and (max-width:1627px) {}

:root {
    --spacings-5xl: 40px
}

@media (max-width:1139px) {}

@media (min-width:640px) {}

@media (min-width:640px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@media (min-width:1140px) {}

@keyframes prel__p1 {
    0% {
        transform: rotate(0)
    }

    35% {
        transform: rotate(-900deg)
    }

    85% {
        transform: rotate(-3200deg)
    }

    to {
        transform: rotate(-2000deg)
    }
}

@keyframes prel__p2 {
    0% {
        transform: rotate(0)
    }

    35% {
        transform: rotate(700deg)
    }

    85% {
        transform: rotate(2600deg)
    }

    to {
        transform: rotate(5turn)
    }
}

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

    to {
        transform: rotate(0)
    }
}

@media (min-width:1140px) {
    .main-footer {
        padding: var(--spacings-page-paddings)
    }
}

@media (min-width:1920px) {
    .main-footer {
        margin: 0 auto;
        max-width: calc(var(--main-container-max-width) + var(--spacings-page-paddings)*2);
        padding: var(--spacings-page-paddings)0
    }
}

@media (min-width:1140px) {}

@media (min-width:1628px) {
    .main-footer__wrapper {
        margin: 0 auto;
        max-width: var(--main-container-max-width)
    }
}

@media (min-width:640px) {
    .main-footer__menu {
        -moz-column-gap: var(--spacings-xl);
        column-gap: var(--spacings-xl);
        flex-direction: row;
        flex-wrap: wrap
    }
}

@media (min-width:640px) {
    .main-footer__menu-col {
        flex: 1 0 calc(50% - 10px)
    }
}

@media (min-width:1140px) {
    .main-footer__menu-col {
        flex: 1 0 calc(33.33333% - 16px)
    }
}

@media (min-width:1628px) {
    .main-footer__menu-col {
        flex: 1 0 calc(25% - 30px)
    }
}

@media (min-width:640px) {
    .main-footer__menu-col--social {
        flex: 1 0 100%;
        margin-bottom: 12px
    }
}

@media (min-width:1140px) {
    .main-footer__menu-col--social {
        border-radius: 12px;
        margin-bottom: 16px;
        padding: var(--spacings-s)
    }
}

@media (min-width:1628px) {
    .main-footer__menu-col--social {
        margin-bottom: 20px
    }
}

.main-footer__menu-col--social:empty {
    display: none
}

@media (min-width:1140px) {
    .main-footer__menu-block {
        gap: 20px
    }
}

@media (min-width:640px) {
    .main-footer__menu-row {
        flex-direction: row;
        justify-content: space-between
    }
}

@media (min-width:1140px) {
    .main-footer__menu-row {
        gap: var(--spacings-l)
    }
}

@media (max-width:639px) {
    .main-footer__menu-bottom {
        flex-wrap: wrap
    }
}

@media (min-width:1140px) {
    .main-footer__logo {
        flex: 1;
        justify-content: flex-start
    }
}

@media (max-width:639px) {
    .main-footer__logo-img-wr {
        height: 120px;
        min-width: 108px
    }
}

@media (min-width:640px) {
    .main-footer__logo-img {
        width: 88px
    }
}

.main-footer__menu-col:last-child .main-footer__menu-item:last-child {
    margin-bottom: 0
}

.no-touch .main-footer__menu-link:hover {
    background-color: var(--selector-item-a-bg-hover)
}

@media (min-width:640px) {
    .main-footer__license {
        flex-direction: row
    }
}

@media (min-width:1140px) {
    .main-footer__license {
        padding: var(--spacings-m)0
    }
}

@media (min-width:640px) {
    .main-footer__bottom {
        align-items: center
    }
}

@media (min-width:640px) {
    .main-footer__gamblers {
        gap: 32px
    }
}

@media (max-width:639px) {
    .main-footer__social-links {
        width: 100%
    }
}

@media (min-width:1140px) {
    .main-footer__social-links {
        flex: 1
    }
}

.vue-notification-group {
    display: block;
    position: fixed;
    z-index: 5000
}

@media screen and (-ms-high-contrast:active) {}

@media screen and (preferes-contrast:more) {}

@media screen and (prefers-contrast:more) {}

@media screen and (prefers-contrast:more) {}

@media (max-width:750px) {}

@media (max-width:750px) {}

@media (max-width:750px) {}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.sf-hidden {
    display: none !important
}

img[src="data:,"],
source[src="data:,"] {
    display: none !important
}

.textSeo {
    
}
.textSeo p {
    line-height: 1.4;
}
.textSeo h1,
.textSeo h2,
.textSeo h3 {
    margin-bottom: 20px;
    margin-top: 30px;
}
.textSeo h1:first-child,
.textSeo h2:first-child,
.textSeo h3:first-child {
    margin-top: 0;
}
.games-list-card {
    cursor: pointer;
    transition: .25s all ease-in-out;
}
.games-list-card:hover {
    opacity: .8;
}
@media (max-width: 1139px) {
    .top-bar__container {
        justify-content: space-between;
    }
    .menu-burger {
        display: none
    }
}
@media (max-width: 767px) {
    .textSeo {
        padding: 0 20px!important;
    }
    .textSeo h1,
    .textSeo h2,
    .textSeo h3 {
        font-size: 24px;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .my-bonuses-btn {
        display: none
    }
}
@media (max-width: 575px) {
    .play-provider {
        max-width: 100%;
    }
    .main-page__games-providers .swiper-wrapper noindex {
        width: 31%;
        flex: none;
    }
    .main-page__games-providers .swiper-wrapper {
        display: flex;
        gap: 8px;
    }
    .games-slider-wrap--section-new .swiper-wrapper {
        display: flex;
        gap: 8px;
    }
}