.icon {
    display: inline-block;
    vertical-align: baseline;
    transition: color .2s ease-out
}

.btn {
    position: relative;
    background-color: var(--buttons-primary-default);
    color: var(--buttons-primary-text);
    border: none;
    padding: var(--universal-spacings-m) var(--universal-spacings-2xl);
    height: 48px;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    text-align: center;
    border-radius: var(--roundings-circle);
    justify-content: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
    transition: all .2s ease-out
}

.btn__inner {
    display: flex;
    align-items: center;
    white-space: nowrap;
    justify-content: center
}

.top-bar__search-btn .btn__inner {
    overflow: hidden
}

.btn--shadow:active,
.no-touch .btn--shadow:hover {
    box-shadow: var(--white-light-shadow)
}

.btn--secondary {
    border: 1px solid var(--buttons-secondary-default);
    background-color: transparent;
    font-weight: 600;
    color: var(--buttons-secondary-text-default)
}

.btn--secondary:active,
.no-touch .btn--secondary:hover {
    border: 1px solid var(--buttons-secondary-hover)
}

.btn--icon {
    gap: var(--universal-spacings-s)
}

.btn--full {
    width: 100%
}

.btn--circle .btn__icon {
    width: 14px;
    height: auto
}

.btn--log-in {
    padding: var(--universal-spacings-s) var(--universal-spacings-xl);
    height: 36px;
    border: 1px solid var(--buttons-secondary-default);
    background-color: transparent;
    color: var(--buttons-secondary-text-default);
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.btn--log-in:active,
.no-touch .btn--log-in:hover {
    border: 1px solid var(--buttons-secondary-hover)
}

@media(min-width:1628px) {
    .btn--log-in {
        padding: var(--universal-spacings-m) var(--universal-spacings-2xl);
        height: 48px;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-transform: uppercase
    }
}

.btn--sign-up {
    padding: var(--universal-spacings-s) var(--universal-spacings-xl);
    height: 36px;
    border-radius: var(--roundings-circle);
    background-color: var(--buttons-accent-a-default);
    color: var(--buttons-accent-a-text-default);
    font-size: 12px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase
}

.btn--sign-up:active,
.no-touch .btn--sign-up:hover {
    background-color: var(--buttons-accent-a-hover);
    color: var(--buttons-accent-a-text-hover)
}

@media(min-width:1628px) {
    .btn--sign-up {
        padding: var(--universal-spacings-m) var(--universal-spacings-2xl);
        height: 48px;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-transform: uppercase
    }
}

.btn--circle {
    width: 36px;
    height: 36px;
    border-radius: var(--roundings-circle);
    background: var(--buttons-primary-hover);
    padding: 0;
    color: var(--icons-invert)
}

.no-touch .btn--circle:hover {
    box-shadow: var(--buttons-primary-shadow)
}

.promo-card__btn-read-more {
    z-index: 2;
    margin-top: auto
}

.promo-card--lg .promo-card__btn-read-more {
    padding: 0 24px;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase
}

html {
    font-family: sans-serif
}

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

body {
    font-size: 100%;
    margin: 0
}

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

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

article,
aside,
figcaption,
figure,
header,
nav,
section {
    display: block
}

a {
    background-color: transparent
}

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

a[tabindex] {
    cursor: pointer
}

strong {
    font-weight: 600
}

h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
    text-transform: none
}

img {
    border: 0
}

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

svg {
    pointer-events: none
}

figure {
    margin: 1em 40px
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td {
    padding: 0
}

ul {
    list-style: none
}

p,
ul {
    padding: 0;
    margin: 0
}

:focus {
    outline: none
}

:root {
    --white: #fff;
    --white-500: #f8f8f8;
    --white-p-80: hsla(0, 0%, 100%, 0.8);
    --white-p-70: hsla(0, 0%, 100%, 0.7);
    --white-p-60: hsla(0, 0%, 100%, 0.6);
    --white-p-50: hsla(0, 0%, 100%, 0.5);
    --white-p-40: hsla(0, 0%, 100%, 0.4);
    --white-p-30: hsla(0, 0%, 100%, 0.3);
    --white-p-20: hsla(0, 0%, 100%, 0.2);
    --white-p-10: hsla(0, 0%, 100%, 0.1);
    --white-p-0: hsla(0, 0%, 100%, 0);
    --white-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, 0), var(--white));
    --white-gradient-search: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--white));
    --white-gradient-search-left: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), var(--white));
    --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), var(--white) 52.81%, hsla(0, 0%, 100%, 0));
    --black-500: #06122E;
    --black-500-p-50: rgba(0, 0, 0, 0.5);
    --black-500-p-30: rgba(0, 0, 0, 0.3);
    --black-500-p-25: rgba(0, 0, 0, 0.25);
    --black-500-p-20: rgba(0, 0, 0, 0.2);
    --black-500-p-10: rgba(0, 0, 0, 0.1);
    --black-shadow-m: 0 4px 24px 0 var(--colors-base-black);
    --black-shadow-l: 0 4px 32px 0 var(--colors-base-black);
    --black-shadow-xl: 0 4px 52px 0 var(--colors-base-black);
    --gray-500: #38445b;
    --gray-500-p-60: rgba(56, 68, 91, 0.6);
    --gray-500-p-40: rgba(56, 68, 91, 0.4);
    --gray-500-p-20: rgba(56, 68, 91, 0.2);
    --gray-500-p-30: rgba(56, 68, 91, 0.3);
    --gray-500-p-15: rgba(56, 68, 91, 0.15);
    --gray-500-p-12: rgba(56, 68, 91, 0.12);
    --gray-500-p-08: rgba(56, 68, 91, 0.08);
    --gray-500-p-6: rgba(56, 68, 91, 0.06);
    --gray-400: #7c879d;
    --gray-400-p-50: rgba(124, 135, 157, 0.5);
    --gray-shadow: rgba(65, 65, 65, 0.15);
    --gray-300: #05060a;
    --orange-600: #dc4200;
    --orange-500: #ff4c00;
    --orange-500-p-20: rgba(255, 76, 0, 0.2);
    --orange-500-p-10: rgba(255, 76, 0, 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, 0.75);
    --blue-500: #007afe;
    --blue-500-p-30: rgba(0, 122, 254, 0.3);
    --blue-500-p-20: rgba(0, 122, 254, 0.2);
    --blue-500-p-10: rgba(0, 122, 254, 0.1);
    --blue-500-p-8: rgba(0, 122, 254, 0.08);
    --blue-600: #d7f5ff;
    --blue-700: #1a73e9;
    --blue-dark-500: #06112e;
    --blue-dark-500-gradient: linear-gradient(180deg, rgba(6, 17, 46, 0), var(--blue-dark-500));
    --blue-dark-450: #111C3A;
    --blue-dark-450-gradient: linear-gradient(180deg, rgba(16, 28, 58, 0), var(--blue-dark-450));
    --blue-dark-400: #142245;
    --blue-dark-300: #192b59;
    --blue-dark-300-gradient: linear-gradient(180deg, rgba(36, 44, 77, 0), var(--blue-dark-300));
    --blue-dark-opacity: rgba(31, 147, 255, 0.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-dark-gradient-search: linear-gradient(270deg, var(--blue-dark-400) 11.64%, rgba(20, 34, 69, 0) 64.29%);
    --pink500: #ff01f5;
    --yellow-500: #fff27e;
    --green-500: #01c095;
    --green-alt-500: #00b929;
    --red-500: #ff2448;
    --red-500-p-6: rgba(255, 36, 72, 0.06);
    --red-500-p-60: rgba(255, 36, 72, 0.6);
    --red: #eb001b;
    --red-2: #ca0017;
    --yandex-bg: #ec1717;
    --mailru-bg: #1b6bed;
    --vkontakte-bg: #1b7ae8;
    --telegram-bg: #34aadf;
    --odnoklassniki-bg: #f0972f;
    --yahoo-bg: #5f01d1;
    --jackpot-gradient: linear-gradient(180deg, #ffe9ff, #fff 27.99%, #fff 78.38%, #fffbf0);
    --colors-base-100: #111C3A;
    --colors-base-200: #111C3A;
    --colors-base-300: #252528;
    --colors-base-400: #38383a;
    --colors-base-black: #06122E;
    --colors-base-black-50: rgba(0, 0, 0, 0.5);
    --colors-base-black-70: rgba(0, 0, 0, 0.7);
    --colors-base-black-90: rgba(0, 0, 0, 0.9);
    --colors-base-white: #fff;
    --colors-base-white-20: hsla(0, 0%, 100%, 0.2);
    --colors-base-white-40: hsla(0, 0%, 100%, 0.4);
    --colors-base-white-5: hsla(0, 0%, 100%, 0.05);
    --colors-base-white-60: hsla(0, 0%, 100%, 0.6);
    --colors-base-white-80: hsla(0, 0%, 100%, 0.8);
    --colors-global-accent-b-1: #fe5b16;
    --colors-global-accent-b-2: #20ca4f;
    --colors-global-accent-b-3: #14341d;
    --colors-global-primary-1: #fe5b16;
    --colors-global-primary-1-8: rgba(244, 212, 131, 0.08);
    --colors-global-primary-1-80: rgba(244, 212, 131, 0.8);
    --colors-global-special-1: #ff003d;
    --colors-system-error: #ff003d;
    --colors-system-warning: #f90;
    --colors-system-success: #20ca4f;
    --colors-system-processing: #5ab7ec;
    --colors-secondary-dark-5: #868a8a;
    --colors-secondary: #868a8a;
    --backgrounds-a: var(--colors-base-black);
    --backgrounds-b: var(--colors-base-100);
    --backgrounds-c: var(--colors-base-200);
    --backgrounds-d: var(--colors-base-300);
    --backgrounds-e: var(--colors-base-400);
    --backgrounds-f: var(--colors-global-primary-1);
    --badges-live-background: var(--colors-base-black-70);
    --badges-live-icon: var(--colors-global-special-1);
    --badges-live-text: var(--colors-base-white);
    --badges-new-background: var(--colors-base-white);
    --badges-new-text: var(--colors-base-black);
    --badges-promoaction-background: var(--colors-base-black-70);
    --badges-promoaction-hover: var(--colors-base-200);
    --badges-rm-background: var(--colors-base-black-70);
    --badges-rm-text: var(--colors-global-accent-b-2);
    --badges-rtp-background: var(--colors-global-special-1);
    --badges-rtp-text: var(--colors-base-white);
    --borders-a: var(--colors-base-black);
    --borders-b: var(--colors-base-white-20);
    --borders-c: var(--colors-global-primary-1);
    --borders-d: var(--colors-base-white-60);
    --borders-e: var(--colors-base-white-80);
    --buttons-accent-a-default: var(--colors-global-accent-b-1);
    --buttons-accent-a-disable: var(--colors-base-400);
    --buttons-accent-a-hover: var(--colors-global-accent-b-2);
    --buttons-accent-a-text-default: var(--colors-base-white);
    --buttons-accent-a-text-hover: var(--colors-base-white);
    --buttons-accent-b-default: var(--colors-global-special-1);
    --buttons-accent-b-text: var(--colors-base-white);
    --buttons-primary-default: var(--colors-base-white);
    --buttons-primary-disable: var(--colors-base-400);
    --buttons-primary-hover: var(--colors-base-white);
    --buttons-primary-icon: var(--colors-base-black);
    --buttons-primary-text: var(--colors-base-black);
    --buttons-secondary-default: var(--colors-base-white-60);
    --buttons-secondary-disable: var(--colors-base-white-40);
    --buttons-secondary-hover: var(--colors-global-primary-1);
    --buttons-secondary-left-icon-default: var(--colors-base-white);
    --buttons-secondary-left-icon-disable: var(--colors-base-white-60);
    --buttons-secondary-right-icon-default: var(--colors-global-primary-1);
    --buttons-secondary-right-icon-disable: var(--colors-base-white-60);
    --buttons-secondary-text-default: var(--colors-base-white);
    --buttons-secondary-text-disable: var(--colors-base-white-60);
    --buttons-secondary-text-hover: var(--colors-base-white);
    --icons-invert: var(--colors-base-black);
    --icons-a: var(--colors-global-primary-1);
    --icons-b: var(--colors-base-white);
    --icons-c: var(--colors-base-white-80);
    --icons-d: var(--colors-base-white-60);
    --links-a-default: var(--colors-global-primary-1);
    --links-a-hover: var(--colors-base-white);
    --links-b-default: var(--colors-base-white);
    --tabs-a-icon-default: var(--colors-global-primary-1);
    --tabs-a-icon-hover: var(--colors-global-primary-1-80);
    --tabs-a-text-default: var(--colors-base-white);
    --tabs-a-text-hover: var(--colors-base-white-80);
    --tabs-b-background-hover: var(--colors-base-black);
    --tabs-b-background-selected: var(--colors-base-black);
    --tabs-b-text-default: var(--colors-base-white-80);
    --tabs-b-text-hover: var(--colors-base-white-80);
    --tabs-b-text-selected: var(--colors-global-primary-1);
    --tabs-c-background-selected: var(--colors-base-100);
    --tabs-c-icon: var(--colors-global-primary-1);
    --tabs-c-text-default: var(--colors-base-white-60);
    --tabs-c-text-hover: var(--colors-base-white);
    --tabs-c-text-selected: var(--colors-base-white);
    --tabs-d-border-selected: var(--colors-global-primary-1);
    --tabs-d-text-default: var(--colors-base-white-60);
    --tabs-d-text-hover: var(--colors-base-white);
    --tabs-d-text-selected: var(--colors-base-white);
    --tabs-e-background-selected: var(--colors-base-400);
    --tabs-e-text-default: var(--colors-base-white-60);
    --tabs-e-text-hover: var(--colors-base-white);
    --tabs-e-text-selected: var(--colors-base-white);
    --text-accent-text: var(--colors-global-primary-1);
    --text-description-a: var(--colors-base-white-60);
    --text-description-b: var(--colors-base-white-80);
    --text-text: var(--colors-base-white);
    --text-text-invert: var(--colors-base-black);
    --gradient-a: #111C3A;
    --gradient-b: #111C3A;
    --gradient-c: #111C3A;
    --main-banner-radial-gradient: radial-gradient(55.78% 91.3% at 50% 100%, rgba(244, 212, 131, 0.2) 0%, rgba(244, 212, 131, 0) 96.95%);
    --bottom-menu-gradient: linear-gradient(180deg, #0c0c0f, #1c1d21);
    --buttons-primary-shadow: 0 4px 32px 0 var(--colors-base-white-20);
    --status-green-shadow: 0 2px 12px 0 rgba(31, 167, 69, 0.3);
    --gold: #fe5b16;
    --brown-shadow: #9a6823;
    --orange-light-shadow: 0 4px 6px 0 rgba(255, 76, 0, 0.3);
    --green-light-shadow: 0 4px 12px 0 rgba(2, 182, 159, 0.7);
    --yellow-light-shadow: 0 3px 7px 0 rgba(255, 242, 126, 0.6);
    --red-light-shadow: 0 3px 7px 0 rgba(255, 36, 72, 0.6);
    --blue-light-shadow: 0 3px 7px 0 rgba(14, 92, 244, 0.6);
    --white-light-shadow: 0 4px 16px 0 var(--colors-base-white-20);
    --gray-hover-button-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    --light-gray-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1);
    --light-gray-shadow-2: 0 4px 7px 0 rgba(0, 0, 0, 0.1);
    --gray-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.15);
    --tab-bar-shadow: 0 -6px 28px 0 rgba(0, 0, 0, 0.15);
    --bottom-notify-shadow: 0 -6px 28px 0 rgba(0, 0, 0, 0.1);
    --small-gray-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15);
    --drop-shadow: 0 11px 14px 0 rgba(0, 0, 0, 0.2);
    --drop-down-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.25);
    --drop-down-shadow2: 0 13px 15px 0 rgba(0, 0, 0, 0.25);
    --game-card--blur: blur(12px);
    --registration-background-blur: blur(16px);
    --real-winners-shadow: -16px 0 40px 0 rgba(56, 68, 91, 0.06);
    --big-notification-shadow: 0 -6px 28px 0 rgba(0, 0, 0, 0.1);
    --promocard: 0 5px 28px 0 rgba(0, 0, 0, 0.1);
    --content-shadow: 0 16px 40px 0 rgba(56, 68, 91, 0.06);
    --font_opensans: "Open Sans", "Helvetica Neue", system-ui, -apple-system, sans-serif;
    --menu-burger-width: 84px;
    --menu-burger-width-opened: 256px;
    --bottom-menu-height: 72px;
    --bottom-sheet-max-width: 576px;
    --menu-burger-bottom-bar-hegiht: 68px;
    --main-container-max-width: 1516px;
    --game-sidebar-width: 284px;
    --topbar-height-mob: 60px;
    --topbar-height-tablet: 64px;
    --topbar-height-desktop: 52px;
    --topbar-height-huge: 80px;
    --collections-menu-height-mobile: 40px;
    --collections-menu-height-desktop: 32px;
    --collections-menu-height-huge: 44px;
    --full-header-height-desktop: 84px;
    --full-header-height-huge: 124px;
    --promo-scale-size: 0.761;
    --main-sidebar-width: 336px;
    --main-sidebar-width-lg: 446px;
    --roundings-xs: 4px;
    --roundings-m: 8px;
    --roundings-s: 8px;
    --roundings-l: 20px;
    --roundings-circle: 100px;
    --spacings-xs: 4px;
    --spacings-s: 6px;
    --spacings-m: 8px;
    --spacings-l: 12px;
    --spacings-xl: 12px;
    --spacings-2xl: 16px;
    --spacings-3xl: 24px;
    --universal-spacings-3xs: 2px;
    --universal-spacings-2xs: 4px;
    --universal-spacings-xs: 6px;
    --universal-spacings-s: 8px;
    --universal-spacings-m: 12px;
    --universal-spacings-l: 16px;
    --universal-spacings-xl: 20px;
    --universal-spacings-2xl: 24px;
    --universal-spacings-3xl: 32px;
    --universal-spacings-4xl: 40px;
    --universal-spacings-5xl: 58px;
    --universal-spacings-6xl: 64px;
    --game-cards-s-greed-width: 159px;
    --game-cards-s-greed-height: 106px;
    --game-cards-s-width: 121px;
    --game-cards-s-height: 82px;
    --game-cards-m-width: 128px;
    --game-cards-m-height: 86px;
    --game-cards-l-width: 154px;
    --game-cards-l-height: 104px;
    --game-cards-l-greed-width: 167px;
    --game-cards-l-greed-height: 113px;
    --game-cards-xl-width: 180px;
    --game-cards-xl-height: 120px
}

/* @font-face {
    font-family: Open Sans;
    src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../../../assets/369587/fonts/OpenSans-Regular.a8874879.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans SemiBold"), local("OpenSans-SemiBold"), url(../../../assets/369587/fonts/OpenSans-SemiBold.5076adfa.ttf);
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans Bold"), local("OpenSans-Bold"), url(../../../assets/369587/fonts/OpenSans-Bold.07986db8.ttf);
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Open Sans;
    src: local("Open Sans ExtraBold"), local("OpenSans-ExtraBold"), url(../../../assets/369587/fonts/OpenSans-ExtraBold.94a6e3fc.ttf);
    font-weight: 800;
    font-style: normal;
    font-display: swap
} */

@media(min-width:640px) {
    :root {
        --roundings-m: 12px;
        --spacings-xs: 6px;
        --spacings-s: 8px;
        --spacings-l: 12px;
        --spacings-m: 12px;
        --spacings-xl: 12px;
        --spacings-2xl: 24px;
        --spacings-3xl: 32px;
        --game-cards-m-width: 182px;
        --game-cards-m-height: 124px;
        --game-cards-l-width: 190px;
        --game-cards-l-height: 128px;
        --game-cards-l-greed-width: 143px;
        --game-cards-l-greed-height: 97px;
        --game-cards-xl-width: 240px;
        --game-cards-xl-height: 161px
    }
}

@media(min-width:1140px) {
    :root {
        --roundings-m: 12px;
        --spacings-xs: 4px;
        --spacings-s: 8px;
        --spacings-l: 12px;
        --spacings-m: 12px;
        --spacings-xl: 16px;
        --spacings-2xl: 24px;
        --spacings-3xl: 32px;
        --game-cards-m-width: 120px;
        --game-cards-m-height: 81px;
        --game-cards-l-width: 190px;
        --game-cards-l-height: 128px;
        --game-cards-l-greed-height: 88px;
        --game-cards-l-greed-width: 131px;
        --game-cards-xl-width: 240px;
        --game-cards-xl-height: 161px
    }
}

@media(min-width:1628px) {
    :root {
        --roundings-m: 16px;
        --spacings-xs: 8px;
        --spacings-s: 12px;
        --spacings-m: 16px;
        --spacings-l: 20px;
        --spacings-xl: 24px;
        --spacings-2xl: 32px;
        --spacings-3xl: 40px;
        --game-cards-s-width: 121px;
        --game-cards-s-height: 82px;
        --game-cards-m-width: 160px;
        --game-cards-m-height: 109px;
        --game-cards-l-width: 240px;
        --game-cards-l-height: 160px;
        --game-cards-l-greed-width: 184px;
        --game-cards-l-greed-height: 123px;
        --game-cards-xl-width: 324px;
        --game-cards-xl-height: 217px
    }
}

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

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

a {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--text-accent-text);
    text-decoration: none
}

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

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

img {
    display: block;
    width: 100%
}

.swiper-pagination-bullet {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 4px;
    background-color: var(--orange-500-p-20);
    border-radius: 50%;
    transition: transform .2s, left .2s
}

.swiper-pagination-bullet:last-child {
    margin-right: 0
}

.swiper-pagination-bullet-active {
    background-color: var(--orange-500)
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal
}

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

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

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

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

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

.payment-modal .vb-content:has(.bottom-sheet.opened) {
    overflow: hidden !important
}

.vue-notification-group {
    width: 100% !important;
    max-width: 431px;
    margin: 0 auto;
    padding: 0 12px;
    z-index: 10100 !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    top: 24px !important
}

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

@media(min-width:1140px) {
    .vue-notification-group {
        top: 64px !important
    }
}

@media(min-width:1628px) {
    .vue-notification-group {
        padding: 0
    }
}

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

.main-wrapper {
    height: unset !important
}

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

.main-wr {
    min-height: 100vh;
    margin-top: var(--topbar-height-mob)
}

@media(max-width:639px) {
    .main-wr.main-wr--show-collections-menu {
        margin-top: calc(var(--topbar-height-mob) + 40px)
    }
}

@media(min-width:640px) {
    .main-wr {
        margin-top: var(--topbar-height-tablet)
    }
}

@media(min-width:640px)and (max-width:1139px) {
    .main-wr.main-wr--show-collections-menu {
        margin-top: calc(var(--topbar-height-tablet) + 40px)
    }
}

@media(min-width:1140px) {
    .main-wr {
        margin-top: var(--full-header-height-desktop)
    }
}

@media(min-width:1628px) {
    .main-wr {
        margin-top: var(--full-header-height-huge);
        padding: 0 32px
    }
}

.main {
    position: relative;
    margin: 0 auto;
    padding: 0 var(--spacings-2xl)
}

@media(min-width:1628px) {
    .main {
        padding: 0
    }
}

@media(min-width:1140px) {
    .main__inner-wr {
        display: flex;
        align-items: stretch;
        gap: 0 var(--spacings-xl);
        width: 100%
    }
}

@media(min-width:1140px) {
    .main__inner-center {
        width: calc(100% - var(--main-sidebar-width) - var(--spacings-xl));
        max-width: 1386px;
        flex: 0 1 auto
    }
}

@media(min-width:1628px) {
    .main__inner-center {
        width: calc(100% - var(--main-sidebar-width-lg) - var(--spacings-xl))
    }
}

@media(max-width:1139px) {
    .main__inner-sidebar {
        padding-top: var(--universal-spacings-l)
    }
}

@media(min-width:1140px) {
    .main__inner-sidebar {
        display: flex;
        flex-direction: column;
        min-width: 316px;
        max-width: 336px;
        width: 100%;
        flex: 0 2 auto;
        gap: var(--spacings-2xl)
    }
}

@media(min-width:1628px) {
    .main__inner-sidebar {
        min-width: 426px;
        max-width: 446px
    }
}

.swiper-pagination-bullet {
    cursor: pointer
}

.main-slider__wrapper .swiper-pagination-bullet {
    flex-shrink: 0;
    margin-right: 0;
    transition: width .2s ease-in-out
}
@media screen and (max-width: 713px){
    body{
        overflow-x: hidden;
    }
    .top-bar__search,
    .top-bar__center{
        display: none !important;
    }
 .swiper-wrapper,
 .games-slider__head{
      overflow-x: scroll;
    }
    .games-slider__head{
        padding: 20px 0;
        gap: 12px !important;
        /* width: max-content; */
    }
    .swiper-slide{
        max-width: 713px;
    }
    
}
@media screen and (max-width: 390px){
    .swiper-slide{
        max-width: 390px;
    }
}