.GoTop {
    display: none;
    position: fixed;
    align-items: center;
    right: 20px;
    bottom: 100px;
    z-index: 1000;
    border: 1px solid var(--primary);
    padding: 10px 20px;
    height: 40px;
    border-radius: 16px;
    color: #fff;
    background-color: var(--primary)
}

@media (max-width: 768px) {
    .GoTop {
        right: -20px;
        padding: 0 30px 0 10px
    }
}

.GoTop__active {
    display: flex
}

.GoTop__title {
    margin-left: 8px
}

@media (max-width: 768px) {
    .GoTop__title {
        display: none
    }
}

.UserControlsNotAuth {
    display: grid;
    grid-template-columns:repeat(2, 152px);
    gap: 12px;
    align-items: center
}

@media (max-width: 1180px) {
    .UserControlsNotAuth {
        display: flex;
        gap: 12px;
        align-items: center
    }
}

.UserControlsNotAuth__support {
    margin-right: 8px
}

.UserControlsNotAuth__menu {
    display: none;
    margin-left: 8px
}

@media (max-width: 1180px) {
    .UserControlsNotAuth__menu {
        display: block;
        margin-left: 0
    }
}

.WalletControls {
    display: flex;
    align-items: center;
    background-color: var(--white);
    padding: 4px 4px 4px 16px;
    gap: 20px;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 3px 8px -1px #3232470d;
    box-shadow: 0 0 1px #0c1a4b3d
}

@media (max-width: 1180px) {
    .WalletControls {
        height: 44px;
        padding: 6px 8px
    }
}

@media (max-width: 1180px) {
    .WalletControls {
        padding: 4px 8px
    }
}

.WalletControls_banger {
    background-color: var(--bg)
}

.WalletControls__balance {
    text-align: right
}

.WalletControls__balance_currency {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: var(--textPrimary)
}

@media (max-width: 1180px) {
    .WalletControls__balance_currency {
        font-size: 10px;
        line-height: 14px;
        font-weight: 700
    }
}

.WalletControls__balance_bonus {
    font-size: 12px;
    line-height: 130%;
    font-weight: 600;
    color: var(--textPrimary);
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 1180px) {
    .WalletControls__balance_bonus {
        font-size: 10px;
        line-height: 130%;
        font-weight: 600
    }
}

.WalletControls__balance_bonus span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 4px
}

.WalletControls__balance_bonus span path {
    fill: var(--primary)
}

.WalletControls__balance_bonus span path:first-child {
    fill: transparent
}

.WalletControls__wallet {
    padding: 0;
    width: 44px;
    height: 44px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--primary);
    border: none
}

.WalletControls__wallet svg, .WalletControls__wallet path {
    fill: var(--white)
}

@media (max-width: 1180px) {
    .WalletControls__wallet {
        display: none
    }
}

.UserControlsAuth {
    display: flex;
    gap: 16px
}

.UserControlsAuth__profile {
    position: relative;
    background: var(--bg);
    border: none;
    border-radius: 8px;
    width: 52px;
    height: 52px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.UserControlsAuth__profile path {
    fill: var(--primary)
}

@media (max-width: 1180px) {
    .UserControlsAuth__profile {
        display: none
    }
}

.UserControlsAuth__btnNotify {
    position: absolute !important;
    left: 0;
    top: 0
}

.CountrySelect {
    height: 100%
}

.CountrySelect__search {
    padding: 0 16px
}

.CountrySelect__list {
    height: calc(100% - 82px);
    overflow-y: auto;
    margin-top: 16px;
    padding: 0 8px
}

.CountrySelect__country {
    display: grid;
    grid-template-columns:28px 1fr;
    align-items: center;
    gap: 10px;
    padding: 8px;
    border-radius: 8px;
    cursor: pointer
}

.CountrySelect__country:hover {
    background: var(--greyBlue40)
}

.CountrySelect__flag {
    overflow: hidden;
    border-radius: 14px;
    width: 28px;
    height: 28px;
    box-shadow: 0 2px 3px #00000026
}

.CountrySelect__flag img {
    width: 100%;
    object-fit: contain
}

.UserInfo {
    display: flex;
    align-items: center;
    gap: 16px
}

@media (max-width: 1180px) {
    .UserInfo {
        gap: 12px
    }
}

.UserInfo__support {
    position: relative
}

@media (max-width: 1180px) {
    .UserInfo__support {
        display: none
    }
}

.UserInfo__countries {
    position: absolute;
    right: 0;
    top: 70px;
    width: 343px;
    max-height: 730px;
    height: 100vh;
    background: var(--bg);
    padding: 16px 0;
    border-radius: 8px;
    box-shadow: 0 0 8px #00000040
}

.UserInfo__countries_arrow {
    position: absolute;
    top: -14px;
    right: 14px
}

.UserInfo__countries_arrow svg {
    filter: drop-shadow(0px 0px 8px 0px rgba(0, 0, 0, .2509803922))
}

.UserInfo__countries_arrow path {
    fill: var(--bg)
}

.UserInfo__countries_title {
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    color: var(--textSecondary);
    margin-bottom: 12px;
    padding: 0 16px
}

.UserInfo__countries_list {
    height: 100%;
    overflow: hidden
}

.UserInfo__controls {
    display: block
}

.UserInfo__chatwoot {
    background: var(--bg);
    border: none;
    border-radius: 8px;
    width: 52px;
    height: 52px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 3px 8px -1px #3232470d;
    box-shadow: 0 0 1px #0c1a4b3d
}

.UserInfo__chatwoot path {
    fill: var(--primary)
}

@media (max-width: 1180px) {
    .UserInfo__chatwoot {
        width: 28px;
        height: 28px
    }
}

.UserInfo__intercom {
    background: var(--bg);
    border: none;
    border-radius: 8px;
    width: 52px;
    height: 52px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.UserInfo__intercom path {
    fill: var(--primary)
}

@media (max-width: 1180px) {
    .UserInfo__intercom {
        width: 28px;
        height: 28px
    }
}

.UserInfo__not-authenticated {
    display: flex;
    align-items: center
}

.UserInfo__authenticated {
    display: flex;
    align-items: center;
    background-color: var(--dark)
}

.UserInfo__language {
    position: relative
}

@media (max-width: 1180px) {
    .UserInfo__language {
        display: none
    }
}

.UserInfo__separator {
    width: 1px;
    height: 28px;
    background: var(--bgHeaderSeparator)
}

@media (max-width: 1180px) {
    .UserInfo__separator {
        display: none
    }
}

.UserInfo__profile {
    background: transparent;
    width: 52px;
    height: 52px;
    border-radius: 100px;
    padding: 2px;
    border: none;
    position: relative
}

.UserInfo__profile_avatar {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    overflow: hidden;
    background: var(--greyBlue)
}

.UserInfo__profile_avatar img {
    object-fit: cover;
    width: 100%;
    transform: scale(1.8);
    transform-origin: top
}

@media (max-width: 1180px) {
    .UserInfo__profile {
        width: 44px;
        height: 44px
    }

    .UserInfo__profile_avatar {
        width: 36px;
        height: 36px
    }
}

.UserInfo__btnNotify {
    position: absolute;
    top: 0;
    right: 0
}

.isSettings {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--header-avatar-settings-background);
    border: none
}

.isLoyaltyAvatar {
    border: 2px solid var(--secondary)
}

.TopNavigationDesktopItem {
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    color: var(--textPrimary);
    text-transform: uppercase;
    position: relative;
    text-decoration: none;
    background: transparent;
    white-space: nowrap;
    border: none;
    padding: 0;
    cursor: pointer
}

.TopNavigationDesktopItem:hover {
    color: var(--primary);
    text-decoration: none
}

.TopNavigationDesktopItem.active {
    color: var(--primary)
}

.TopNavigationDesktopItem.active:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -24px;
    height: 2px;
    border-radius: 2px;
    background: var(--primary)
}

.TopNavigationDesktopItem__label {
    position: absolute;
    right: 0;
    top: -15px;
    width: 23px;
    height: 11px
}

.TopNavigationDesktop {
    display: flex;
    align-items: center;
    gap: 24px
}

.Header {
    width: 100%;
    max-width: 1104px;
    margin: 0 auto;
    position: relative
}

@media (max-width: 1180px) {
    .Header {
        height: 54px;
        padding: 11px 16px
    }
}

.Header.auth {
    padding-bottom: 0
}

@media (max-width: 1180px) {
    .Header.auth {
        height: 54px;
        padding: 5px 16px
    }
}

.Header__top {
    display: grid;
    grid-template-columns:150px minmax(auto, 457px) 500px;
    align-items: center;
    width: 100%
}

@media (max-width: 1180px) {
    .Header__top {
        display: flex;
        justify-content: space-between;
        height: 32px
    }
}

@media (max-width: 1180px) {
    .Header__top.auth {
        height: 44px
    }
}

.Header__logo {
    height: 38px;
    width: 85px;
    display: flex;
    align-items: center
}

.Header__logo_banger {
    width: 117px;
    height: 100%
}

.Header__logo_banger svg {
    margin-top: 8px
}

@media (max-width: 1180px) {
    .Header__logo_banger svg {
        margin-top: 0
    }
}

.Header__logo svg {
    width: 100%;
    height: 100%
}

.Header__logo_link {
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer
}

.Header__userinfo {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 1180px) {
    .Header__navigation {
        display: none
    }
}

.Header__controls {
    display: none
}

@media (max-width: 1180px) {
    .Header__controls {
        display: block
    }
}

.SkeletonHeader {
    width: 100%;
    max-width: 1104px;
    margin: 0 auto
}

.SkeletonHeader__top {
    display: grid;
    grid-template-columns:140px auto 308px 52px;
    gap: 16px;
    align-items: center
}

.SkeletonHeader__top.auth {
    grid-template-columns:140px auto 165px 120px
}

@media (max-width: 1180px) {
    .SkeletonHeader__top {
        padding: 20px 16px;
        display: grid;
        grid-template-columns:auto 72px
    }

    .SkeletonHeader__top.auth {
        grid-template-columns:auto auto 72px
    }
}

.SkeletonHeader__controls > span {
    display: grid;
    grid-template-columns:repeat(2, 146px);
    gap: 16px
}

@media (max-width: 1180px) {
    .SkeletonHeader__controls {
        display: block;
        padding: 0 16px;
        margin-top: -8px
    }

    .SkeletonHeader__controls > span {
        display: flex;
        align-items: center;
        gap: 9px
    }
}

@media (max-width: 1180px) {
    .SkeletonHeader__navigation {
        display: none
    }
}

.SkeletonHeader__navigation_item {
    margin-right: 24px
}

.SkeletonHeader__balance {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 1180px) {
    .SkeletonHeader__userinfo {
        display: none
    }
}

.SkeletonHeader__buttons > span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px
}

.SkeletonHeader__button:last-child {
    margin-right: 0
}

.CategoryNavigationItem {
    display: flex;
    align-items: center;
    text-decoration: none;
    padding: 8px 12px;
    margin-bottom: 2px;
    border-radius: 8px;
    background: transparent;
    height: 44px;
    border: none;
    width: 100%;
    cursor: pointer;
    position: relative
}

.CategoryNavigationItem.short {
    padding: 8px
}

.CategoryNavigationItem__loading {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.CategoryNavigationItem__icon {
    margin-right: 14px;
    display: flex;
    align-items: center
}

.CategoryNavigationItem__icon svg, .CategoryNavigationItem__icon path, .CategoryNavigationItem__icon rect {
    fill: var(--grey)
}

.CategoryNavigationItem__icon_custom svg, .CategoryNavigationItem__icon_custom path, .CategoryNavigationItem__icon_custom rect {
    fill: var(--burgerIconsFill)
}

.CategoryNavigationItem__title {
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: var(--textPrimary);
    white-space: nowrap
}

.CategoryNavigationItem:hover {
    text-decoration: none;
    background: var(--hoverBgDesktopCaterogy)
}

.CategoryNavigationItem:hover .CategoryNavigationItem__icon {
    display: flex
}

.CategoryNavigationItem:hover .CategoryNavigationItem__icon svg, .CategoryNavigationItem:hover .CategoryNavigationItem__icon path, .CategoryNavigationItem:hover .CategoryNavigationItem__icon rect {
    fill: var(--activeCaterogy)
}

.CategoryNavigationItem:hover .CategoryNavigationItem__image {
    display: none
}

.CategoryNavigationItem:hover .CategoryNavigationItem__title {
    color: var(--activeTitleCaterogy)
}

.CategoryNavigationItem.active {
    text-decoration: none;
    background: var(--activeBgDesktopCaterogy)
}

.CategoryNavigationItem.active .CategoryNavigationItem__icon {
    display: flex
}

.CategoryNavigationItem.active .CategoryNavigationItem__icon svg, .CategoryNavigationItem.active .CategoryNavigationItem__icon path, .CategoryNavigationItem.active .CategoryNavigationItem__icon rect {
    fill: var(--activeCaterogy)
}

.CategoryNavigationItem.active .CategoryNavigationItem__image {
    display: none
}

.CategoryNavigationItem.active .CategoryNavigationItem__title {
    color: var(--activeTitleCaterogy)
}

.CategoryNavigation {
    width: 100%;
    background: var(--bgSecondary);
    overflow: hidden
}

.CategoryNavigation-update {
    display: flex;
    width: 240px;
    height: 52px;
    padding: 4px 12px 4px 0;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: linear-gradient(61deg, #dfdfff 2.41%, #c8e3ff 57.96%, #b7ccf9 146.92%);
    cursor: pointer
}

.CategoryNavigation-update__icon svg {
    width: 40px;
    height: 40px
}

.CategoryNavigation-update__title {
    font-size: 12px;
    line-height: 130%;
    font-weight: 600;
    color: var(--textPrimary)
}

.CategoryNavigation__title {
    padding: 2px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--textSecondary);
    margin-bottom: 11px
}

.CategoryNavigation__cat_loading {
    margin-top: 33px
}

.CategoryNavigation__popular {
    margin-bottom: 43px;
    position: relative
}

.CategoryNavigation__popular:after {
    content: "";
    position: absolute;
    width: 224px;
    height: 1px;
    background: var(--bgHeaderSeparator);
    left: 50%;
    transform: translate(-50%);
    bottom: -21.5px;
    transition: width .2s ease-out
}

.CategoryNavigation__popular.short:after {
    content: "";
    width: 44px
}

.ProviderFilterItem {
    display: grid;
    grid-template-columns:24px 20px 1fr;
    column-gap: 8px;
    align-items: center;
    cursor: pointer;
    padding: 10px 0;
    overflow: hidden
}

.ProviderFilterItem__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px
}

.ProviderFilterItem__icon img {
    width: 100%
}

.ProviderFilterItem__name {
    font-size: 12px;
    line-height: 120%;
    font-weight: 400;
    color: var(--textPrimary)
}

.ProviderFilterItem__count {
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    color: var(--textPrimary);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg);
    border-radius: 8px
}

.ProviderFilter__title {
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    color: var(--textPrimary);
    margin: 16px 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.ProviderFilter__reset {
    font-size: 12px;
    line-height: 120%;
    font-weight: 400;
    color: var(--active);
    padding: 3px;
    background: transparent;
    border: none;
    cursor: pointer
}

.ProviderFilter__providers {
    max-height: 460px;
    overflow: auto
}

.ProviderFilter__providers::-webkit-scrollbar {
    opacity: 0
}

.ProviderFilter__providers::-webkit-scrollbar-track {
    background: transparent;
    opacity: 0
}

.ProviderFilter__providers::-webkit-scrollbar-thumb {
    border: none;
    background: transparent;
    opacity: 0
}

.ProviderFilter__providers {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent
}

.ProviderFilter__providers_empty {
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: var(--textPrimary);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.ProviderFilter__providers_empty > span {
    max-width: 170px;
    text-align: center
}

.ProviderNavigation {
    position: relative;
    overflow: hidden
}

.ProviderNavigation__seporator {
    height: 1px;
    margin: 10px auto;
    background: var(--bgHeaderSeparator)
}

.ProviderNavigation__title {
    padding: 2px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--textSecondary);
    margin-bottom: 8px;
    cursor: pointer
}

.ProviderNavigation__filter {
    padding: 0 16px
}

.ProviderNavigation__short {
    padding: 8px;
    cursor: pointer;
    border-radius: 8px;
    width: 44px;
    display: flex;
    align-items: center
}

.ProviderNavigation__short svg, .ProviderNavigation__short path, .ProviderNavigation__short rect {
    fill: var(--burgerIconsFill)
}

.ProviderNavigation__short:hover {
    background: var(--activeBgDesktopCaterogy)
}

.ProviderNavigation__short:hover svg, .ProviderNavigation__short:hover path, .ProviderNavigation__short:hover rect {
    fill: var(--activeCaterogy)
}

.Sidebar {
    height: calc(100% - 68px);
    width: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1000;
    padding-top: 16px;
    background: var(--bgSecondary)
}

.Sidebar__wrapper {
    position: relative;
    z-index: 1001;
    width: 100%;
    display: block;
    height: 100%
}

.Sidebar__wrapper-content {
    display: flex;
    justify-content: flex-end
}

.Sidebar__toggle {
    width: 36px;
    height: 36px;
    position: absolute;
    right: -18px;
    top: 141px;
    border-radius: 8px;
    border: 1px solid var(--bgHeaderSeparator);
    background: var(--bgSecondary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1001
}

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

.Sidebar__arrow svg, .Sidebar__arrow path {
    fill: var(--arrowColor)
}

.CategoryMobileItem {
    display: table-column;
    min-width: 103px;
    grid-template-columns:103px 1fr;
    column-gap: 8px;
    justify-content: center;
    align-items: center;
    height: 64px;
    padding: 0 8px;
    border: 1px solid var(--borderCaterogy);
    border-radius: 8px;
    background-color: var(--bg);
    cursor: pointer
}

.CategoryMobileItem__icon svg, .CategoryMobileItem__icon path, .CategoryMobileItem__icon rect {
    fill: var(--logoCaterogy)
}

.CategoryMobileItem__name {
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    color: var(--logoCaterogy)
}

.CategoryMobileItem.active {
    border: 1px solid var(--activeCaterogy);
    background-color: var(--darkBgSelected)
}

.CategoryMobileItem.active .CategoryMobileItem__icon svg, .CategoryMobileItem.active .CategoryMobileItem__icon path, .CategoryMobileItem.active .CategoryMobileItem__icon rect {
    fill: var(--activeCaterogy)
}

.CategoryMobileItem.active .CategoryMobileItem__name {
    color: var(--activeCaterogy)
}

.CategoryMobile {
    width: 100vw
}

.CategoryMobile .swiper {
    padding: 0 16px
}

.CategoryMobile .swiper-slide {
    width: auto
}

.CategoryMobile .swiper-wrapper {
    padding: 0 10px;
    margin-left: -10px
}

.SkeletonCarouselCategories {
    padding: 8px 0 8px 16px;
    width: 100vw;
    overflow: hidden
}

.SkeletonCarouselCategories > span {
    display: grid;
    grid-template-columns:repeat(10, 103px);
    gap: 8px
}

.SkeletonTopCategories {
    padding: 20px 16px 16px
}

.SkeletonTopCategories > span {
    display: flex;
    justify-content: space-between;
    gap: 8px
}

.TopNavigationMobileItem {
    display: flex;
    flex-flow: column;
    border-radius: 8px;
    padding: 8px 10px 9px 11px;
    height: 80px;
    cursor: pointer;
    position: relative;
    border: 1px solid var(--topMenuBorder);
    width: 100%
}

.TopNavigationMobileItem__label {
    position: absolute;
    width: 23px;
    height: 11px;
    background: url("data:image/svg+xml,%3csvg%20width='23'%20height='11'%20viewBox='0%200%2023%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0.499999%2011C0.223857%2011%209.78513e-09%2010.7761%202.18557e-08%2010.5L4.5897e-07%200.499999C4.7104e-07%200.223857%200.223858%20-9.43889e-07%200.5%20-9.31819e-07L18.1664%20-1.59598e-07C18.3144%20-1.53125e-07%2018.4549%200.0656355%2018.5499%200.179222L22.7317%205.17923C22.887%205.36489%2022.887%205.63512%2022.7317%205.82078L18.5499%2010.8208C18.4549%2010.9344%2018.3144%2011%2018.1664%2011L0.499999%2011Z'%20fill='%23E50539'/%3e%3cpath%20d='M7.32075%207.93355H6.2063V5.83721H4.11806V7.93355H3L3%203.07641H4.11806V4.98007H6.2063V3.07641L7.32075%203.07641V7.93355Z'%20fill='white'/%3e%3cpath%20d='M13.4412%205.49834C13.4412%205.87265%2013.3907%206.21373%2013.2897%206.52159C13.1887%206.82724%2013.0349%207.09081%2012.8281%207.31229C12.6237%207.53378%2012.364%207.70432%2012.049%207.82392C11.7341%207.94131%2011.3614%208%2010.931%208C10.5006%208%2010.1279%207.94131%209.81294%207.82392C9.49796%207.70432%209.23708%207.53378%209.0303%207.31229C8.82592%207.09081%208.67324%206.82613%208.57225%206.51827C8.47127%206.21041%208.42077%205.86822%208.42077%205.49169C8.42077%204.98893%208.50974%204.5515%208.68766%204.1794C8.868%203.80509%209.14451%203.51495%209.51719%203.30897C9.88988%203.10299%2010.3635%203%2010.9382%203C11.5105%203%2011.9805%203.10299%2012.3484%203.30897C12.7187%203.51495%2012.9928%203.80509%2013.1707%204.1794C13.351%204.55371%2013.4412%204.99336%2013.4412%205.49834ZM9.59293%205.49834C9.59293%205.83721%209.63861%206.12957%209.72998%206.37542C9.82376%206.61905%209.96922%206.80731%2010.1664%206.9402C10.3635%207.07088%2010.6184%207.13621%2010.931%207.13621C11.2484%207.13621%2011.5056%207.07088%2011.7028%206.9402C11.9%206.80731%2012.043%206.61905%2012.132%206.37542C12.2234%206.12957%2012.2691%205.83721%2012.2691%205.49834C12.2691%204.98893%2012.1657%204.58804%2011.9589%204.29568C11.7521%204.00332%2011.4119%203.85714%2010.9382%203.85714C10.6232%203.85714%2010.366%203.92359%2010.1664%204.05648C9.96922%204.18715%209.82376%204.37542%209.72998%204.62126C9.63861%204.86489%209.59293%205.15725%209.59293%205.49834Z'%20fill='white'/%3e%3cpath%20d='M16.5682%207.93355H15.4501V3.93355H14.0183V3.07641L18%203.07641V3.93355H16.5682V7.93355Z'%20fill='white'/%3e%3c/svg%3e") no-repeat;
    background-size: cover;
    top: -5.5px;
    right: 8px
}

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

.TopNavigationMobileItem__icon_old svg, .TopNavigationMobileItem__icon_old rect, .TopNavigationMobileItem__icon_old path {
    fill: var(--topMenuIcon)
}

.TopNavigationMobileItem__name {
    font-size: 10px;
    line-height: 130%;
    font-weight: 600;
    width: 100%;
    color: var(--topMenuName);
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    bottom: 4px
}

.TopNavigationMobileItem__name svg, .TopNavigationMobileItem__name rect, .TopNavigationMobileItem__name path {
    fill: var(--topMenuIcon)
}

.TopNavigationMobileItem:hover {
    text-decoration: none
}

.TopNavigationMobileItem.active {
    background-color: var(--darkBgSelected);
    border: 1px solid var(--activeCaterogy)
}

.TopNavigationMobileItem.active .TopNavigationMobileItem__icon_old svg, .TopNavigationMobileItem.active .TopNavigationMobileItem__icon_old path, .TopNavigationMobileItem.active .TopNavigationMobileItem__icon_old rect {
    fill: var(--activeCaterogy)
}

.TopNavigationMobileItem.active .TopNavigationMobileItem__name {
    color: var(--activeCaterogy)
}

.TopNavigationMobile {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    width: 100%;
    padding: 16px;
    gap: 8px
}

.navTrigger {
    cursor: pointer;
    width: 28px;
    height: 28px;
    padding: 4px
}

.navTrigger i {
    background-color: var(--textSecondary);
    border-radius: 8px;
    display: block;
    width: 100%;
    height: 3px
}

.navTrigger i:nth-child(2) {
    margin: 5px 0
}

.navTrigger_active i:nth-child(1) {
    background-color: var(--active);
    animation: inT .8s forwards
}

.navTrigger_active i:nth-child(2) {
    background-color: var(--active);
    animation: inM .8s forwards
}

.navTrigger_active i:nth-child(3) {
    background-color: var(--active);
    animation: inBtm .8s forwards
}

.navTrigger_close i:nth-child(1) {
    animation: outT .8s backwards
}

.navTrigger_close i:nth-child(2) {
    margin: 5px 0;
    animation: outM .8s backwards reverse
}

.navTrigger_close i:nth-child(3) {
    animation: outBtm .8s backwards
}

@keyframes inM {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(0)
    }
    to {
        transform: rotate(45deg)
    }
}

@keyframes outM {
    0% {
        transform: rotate(0)
    }
    50% {
        transform: rotate(0)
    }
    to {
        transform: rotate(45deg)
    }
}

@keyframes inT {
    0% {
        transform: translateY(0) rotate(0)
    }
    50% {
        transform: translateY(8px) rotate(0)
    }
    to {
        transform: translateY(8px) rotate(135deg)
    }
}

@keyframes outT {
    0% {
        transform: translateY(8px) rotate(135deg)
    }
    50% {
        transform: translateY(8px) rotate(0)
    }
    to {
        transform: translateY(0) rotate(0)
    }
}

@keyframes inBtm {
    0% {
        transform: translateY(0) rotate(0)
    }
    50% {
        transform: translateY(-8px) rotate(0)
    }
    to {
        transform: translateY(-8px) rotate(135deg)
    }
}

@keyframes outBtm {
    0% {
        transform: translateY(-8px) rotate(135deg)
    }
    50% {
        transform: translateY(-8px) rotate(0)
    }
    to {
        transform: translateY(0) rotate(0)
    }
}

.TabbarItem {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    cursor: pointer
}

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

.TabbarItem__icon_other svg, .TabbarItem__icon_other rect, .TabbarItem__icon_other path {
    fill: var(--grey)
}

.TabbarItem__icon_notify {
    position: absolute;
    left: -5px;
    top: 0
}

.TabbarItem__icon_dep {
    position: absolute;
    top: -16px;
    width: 44px;
    height: 44px
}

.TabbarItem__icon_active svg, .TabbarItem__icon_active rect, .TabbarItem__icon_active path {
    fill: var(--active)
}

.TabbarItem__icon_close {
    transform: rotateX(180deg)
}

.TabbarItem__title {
    font-size: 10px;
    line-height: 140%;
    font-weight: 400;
    color: var(--textPrimary);
    text-align: center
}

.TabbarItem__title_dep {
    margin-top: 28px
}

.Tabbar {
    display: none
}

@media (max-width: 1180px) {
    .Tabbar {
        position: fixed;
        bottom: 0;
        display: grid;
        grid-template-columns:repeat(5, 1fr);
        width: 100%;
        border-top: 1px solid var(--selectBg);
        background: var(--bgTabbar);
        height: 64px;
        padding: 4px 0;
        justify-content: center;
        align-items: flex-start;
        z-index: 9993
    }
}

.Tabbar__hidden {
    display: none
}

.Tabbar_dialog {
    display: grid;
    z-index: 9993
}

.FooterNavigationItem {
    text-decoration: none;
    font-size: 12px;
    line-height: 120%;
    font-weight: 400;
    color: var(--textFooterLink);
    cursor: pointer;
    margin-bottom: 8px
}

.FooterNavigationItem:hover {
    text-decoration: none;
    color: var(--textFooterSecondary)
}

.Footer__navigation_list {
    display: flex;
    flex-direction: column;
    width: 100%
}

.Footer__navigation_list_title {
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    color: var(--textFooterPrimary);
    margin-bottom: 12px
}

.FooterPartners {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px
}

@media (max-width: 991px) {
    .FooterPartners {
        justify-content: center;
        gap: 16px
    }
}

.FooterPartners-item {
    cursor: pointer
}

.FooterPartners-item__img.gcb {
    width: 50px
}

.FooterPartners-item__img.gcb img {
    width: 100%
}

.FooterPaymentsList {
    display: flex;
    width: 700px;
    justify-content: center;
    gap: 60px
}

@media (max-width: 991px) {
    .FooterPaymentsList {
        width: 100%;
        justify-content: center;
        gap: 32px;
        flex-wrap: wrap
    }
}

.FooterPaymentsList__logo:nth-child(1) svg, .FooterPaymentsList__logo:nth-child(1) path:first-child {
    fill: var(--footerPaymentMaster)
}

.FooterPaymentsList__logo:nth-child(2) svg, .FooterPaymentsList__logo:nth-child(2) path, .FooterPaymentsList__logo:nth-child(2) rect {
    fill: var(--footerPaymentVisa)
}

.FooterSocialItem {
    padding: 6px
}

@media (max-width: 1180px) {
    .FooterSocialItem {
        background: var(--greyBlue);
        padding: 8px 12px;
        border-radius: 8px
    }
}

.FooterSocialItem__icon {
    height: 28px
}

.Footer__social {
    display: flex;
    flex-direction: column;
    width: 100%
}

.Footer__social_wrapper {
    display: flex;
    margin-top: 12px;
    gap: 8px
}

.Footer__social_menu_title {
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    color: var(--textFooterPrimary)
}

.SkeletonFooter {
    width: 1104px;
    margin: 0 auto;
    padding: 40px 0
}

@media (max-width: 1180px) {
    .SkeletonFooter {
        width: 100%;
        height: 100%;
        padding: 16px
    }
}

.SkeletonFooter__top {
    display: grid;
    grid-template-columns:220px 230px 230px 220px auto;
    gap: 16px
}

.SkeletonFooter__title {
    margin-bottom: 16px
}

.SkeletonFooter__item {
    margin-bottom: 8px
}

.SkeletonFooter__social_item {
    margin-right: 16px
}

.SkeletonFooter__language {
    margin-top: 20px;
    display: flex;
    align-items: center
}

.SkeletonFooter__language_icon {
    margin-right: 7px
}

.SkeletonFooter__payments {
    margin-top: 27px;
    padding: 17px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 63px;
    border-top: 1px solid var(--bgGrey);
    border-bottom: 1px solid var(--bgGrey)
}

.SkeletonFooter__partners {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 16px 0
}

.SkeletonFooter__partner {
    display: flex;
    align-items: center;
    gap: 5px
}

.SkeletonFooter__copyrights {
    margin-top: 8px
}

.SkeletonFooterMobile {
    padding: 16px
}

.SkeletonFooterMobile__logo {
    margin-bottom: 16px
}

.SkeletonFooterMobile__header {
    margin-bottom: 27px
}

.SkeletonFooterMobile__header_title {
    margin-bottom: 4px
}

.SkeletonFooterMobile__blocks {
    display: grid;
    grid-template-columns:1fr 1fr
}

.SkeletonFooterMobile__title {
    margin-bottom: 14px
}

.SkeletonFooterMobile__item {
    margin-bottom: 7px
}

.SkeletonFooterMobile__payments {
    padding: 16px 0;
    border-top: 1px solid var(--bgGrey);
    border-bottom: 1px solid var(--bgGrey);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    margin-bottom: 16px
}

.SkeletonFooterMobile__partners {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 16px 0
}

.SkeletonFooterMobile__partner {
    display: flex;
    align-items: center;
    gap: 5px
}

.SkeletonFooterMobile__text {
    text-align: center
}

.Footer {
    height: 100%;
    width: 100%;
    background-color: var(--backgroundFooter)
}

.Footer__language {
    position: relative
}

@media (max-width: 1180px) {
    .Footer__language {
        display: none
    }
}

.Footer-wrapper {
    position: relative;
    width: 1104px;
    margin: 0 auto;
    height: 470px;
    padding: 40px 0
}

@media (max-width: 1180px) {
    .Footer-wrapper {
        width: 100%;
        height: 100%;
        padding: 16px
    }
}

.Footer__navigation {
    width: 100%;
    display: flex;
    justify-content: space-between
}

@media (max-width: 991px) {
    .Footer__navigation {
        display: none
    }
}

.Footer__navigation_tablet {
    display: none
}

@media (min-width: 576px) and (max-width: 991px) {
    .Footer__navigation_tablet {
        display: flex;
        flex-direction: column;
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .Footer__navigation_tablet {
        display: flex;
        flex-direction: column
    }
}

.Footer__navigation_tablet_menu {
    display: flex;
    justify-content: space-between
}

@media (max-width: 1180px) {
    .Footer__navigation_tablet_menu {
        display: grid;
        grid-template-columns:1fr 1fr;
        margin-top: 25px
    }
}

.Footer__navigation_tablet__logo {
    display: flex;
    width: 100%
}

.Footer__navigation_tablet__logo svg {
    width: 117px;
    height: 28px
}

.Footer__navigation_tablet__logo_glory svg {
    width: 100px;
    height: 45px
}

@media (max-width: 991px) {
    .Footer__navigation_tablet__logo_glory svg {
        width: 83px;
        height: 38px
    }
}

.Footer__navigation_tablet_container {
    display: flex;
    width: 100%
}

@media (max-width: 575px) {
    .Footer__navigation_tablet_container {
        width: 100%;
        display: flex;
        flex-direction: column
    }
}

.Footer__navigation__logo {
    display: flex;
    width: 100%
}

.Footer__navigation__logo svg {
    width: 117px;
    height: 28px
}

.Footer__navigation__logo_glory svg {
    width: 100px;
    height: 45px
}

@media (max-width: 991px) {
    .Footer__navigation__logo_glory svg {
        width: 83px;
        height: 38px
    }
}

.Footer__container {
    width: 100%
}

.Footer__payments {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px
}

.Footer__payments_hr {
    opacity: .2
}

.Footer__payments_hr:nth-child {
    width: 1px;
    color: var(--footerBorder);
    margin-top: 24px
}

.Footer__payments_hr:nth-child {
    margin-top: 0
}

.Footer__partners {
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 16px
}

.Footer__partners_mobile {
    display: none
}

@media (max-width: 400px) {
    .Footer__partners_mobile {
        display: flex;
        margin-top: 20px;
        justify-content: center
    }
}

.Footer__license {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 8px;
    font-size: 8px;
    line-height: 140%;
    font-weight: 400;
    color: var(--textFooterSecondary)
}

@media (max-width: 1180px) {
    .Footer__license {
        padding-bottom: 64px
    }
}

.Footer__version {
    font-size: 8px;
    line-height: 140%;
    font-weight: 400;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: var(--textFooterSecondary)
}

.Footer__language {
    margin-top: 16px;
    padding-left: 4px
}

.LanguageSelectItem {
    display: flex;
    align-items: center;
    border: none;
    background: transparent;
    padding: 0;
    cursor: pointer
}

.LanguageSelectItem__flag {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    overflow: hidden
}

.LanguageSelectItem__flag img {
    width: 100%;
    height: 100%
}

.LanguageSelectItem__name {
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: var(--textPrimary);
    margin-left: 8px
}

.LanguageSelectItem__name_with_icon {
    margin-left: 8px
}

@media (max-width: 1180px) {
    .LanguageSelectItem__name {
        font-size: 14px;
        line-height: 130%;
        font-weight: 600;
        display: block
    }
}

.LanguageSelectItem__arrows {
    width: 6px;
    height: 11px;
    margin-left: 8px;
    display: flex;
    align-items: center
}

.LanguageSelectItem__arrows svg {
    width: 100%;
    height: 100%
}

.LanguageItem {
    display: flex;
    border: 0;
    width: 100%;
    background: transparent;
    cursor: pointer;
    padding: 10px 0;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 1180px) {
    .LanguageItem {
        padding: 10px 16px
    }
}

.LanguageItem__wrapper {
    display: flex;
    align-items: center
}

.LanguageItem__flag {
    width: 28px;
    height: 28px
}

.LanguageItem__flag svg {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.LanguageItem__name {
    display: flex;
    height: 35px;
    margin-left: 10px;
    align-items: center
}

.LanguageItem__name_orig {
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: var(--inputTextColor)
}

.LanguageItem__name_orig.active {
    color: var(--primary)
}

.LanguageSelect__content {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin-top: 12px
}

.LanguageSelect__content_mobile {
    width: 100%;
    background: transparent;
    padding: 0 0 30px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.LanguageSelect__content_options_mobile {
    padding: 0
}

.LanguageSelect__content_languages {
    overflow: auto;
    max-height: 816px;
    margin-top: 8px
}

.LanguageSelect__content_languages_mobile {
    margin-top: 13px;
    height: 100%;
    overflow: auto
}

.LanguageSelect__content_languages::-webkit-scrollbar {
    width: 4px;
    border-radius: 4px
}

.LanguageSelect__content_languages::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px
}

.LanguageSelect__content_languages::-webkit-scrollbar-thumb {
    border-radius: 4px;
    border: 1px solid rgba(159, 160, 168, .25);
    background: #9fa0a840
}

.LanguageSelect {
    position: relative;
    display: inline-block;
    padding: 0;
    width: 28px;
    margin-top: 16px
}

@media (max-width: 1180px) {
    .LanguageSelect {
        padding: 8px;
        width: 68px
    }
}

.LanguageSelect__list {
    display: block;
    position: absolute;
    bottom: 50px;
    left: -130px;
    transform: translate(-50%);
    background: var(--backgroundLanguageSelect);
    border-radius: 8px;
    box-shadow: var(--shadowLanguageSelect);
    z-index: 10;
    transform-origin: center bottom
}

.LanguageSelect__list:before {
    content: "";
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--backgroundLanguageSelect);
    bottom: -9px;
    left: 50%;
    transform: translate(-50%)
}

.LanguageSelect__list_content {
    display: flex;
    flex-flow: column;
    padding: 16px;
    width: 343px
}

@media (max-width: 1180px) {
    .LanguageSelect__list_content {
        position: relative;
        display: grid;
        grid-template-columns:343px;
        grid-template-rows:58px 384px;
        grid-column-gap: 0px;
        grid-row-gap: 12px;
        background: var(--backgroundLanguageSelect);
        border-radius: 8px;
        padding: 0 0 30px
    }
}

.LanguageSelect__list_content_header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    color: var(--textSecondary);
    height: 100%;
    width: 100%
}

@media (max-width: 1180px) {
    .LanguageSelect__list_content_header {
        justify-content: center;
        height: 58px;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        font-size: 20px;
        line-height: 30px;
        font-weight: 700;
        color: var(--textPrimary)
    }
}

.LanguageSelect__short {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 130%;
    font-weight: 600;
    color: var(--primary);
    padding: 8px 12px;
    background: var(--laanguage-select-short-background);
    border-radius: 8px;
    width: 68px
}

.LanguageSelect__short span {
    margin-left: 2px;
    display: block;
    color: var(--laanguage-select-short-text-color)
}

.LanguageSelect__shotIcon > path {
    stroke: var(--laanguage-select-short-icon-color)
}

.CasinoLayout__container {
    display: grid;
    grid-template-areas:"header header" "sidebar content" "sidebar footer";
    grid-template-rows:auto 1fr auto;
    min-height: 100vh;
    padding: 70px 0 0;
    background-color: var(--bgDarkBlue)
}

@media (max-width: 1370px) {
    .CasinoLayout__container {
        grid-template-columns:76px 1fr
    }
}

@media (max-width: 1180px) {
    .CasinoLayout__container {
        grid-template-rows:auto 1fr auto;
        grid-template-columns:1fr !important;
        grid-template-areas:"header" "category" "content" "footer";
        padding: 54px 0 0
    }
}

@media (max-width: 576px) {
    .CasinoLayout__container {
        grid-template-rows:auto 1fr auto
    }
}

@media (max-width: 375px) {
    .CasinoLayout__container {
        grid-template-rows:auto 1fr auto
    }
}

.CasinoLayout__container.loading {
    background-color: var(--bgSkeleton)
}

@media (max-width: 1180px) {
    .CasinoLayout__container.auth {
        padding: 54px 0 0
    }
}

.CasinoLayout__header {
    grid-area: header;
    display: grid;
    align-items: center;
    position: fixed;
    height: 70px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: var(--bgSecondary);
    border-bottom: 1px solid var(--bgHeaderSeparator)
}

@media (max-width: 1180px) {
    .CasinoLayout__header {
        display: flex;
        flex-flow: column;
        border-bottom: none;
        height: 54px
    }
}

.CasinoLayout__header_empty {
    width: 256px
}

.CasinoLayout__header_auth {
    height: 70px
}

@media (max-width: 1180px) {
    .CasinoLayout__header_auth {
        display: flex;
        flex-flow: column;
        border-bottom: none;
        height: 54px
    }
}

.CasinoLayout__category {
    display: none
}

.CasinoLayout__category_banners {
    margin-bottom: 16px
}

@media (max-width: 1180px) {
    .CasinoLayout__category {
        display: flex;
        flex-direction: column
    }

    .CasinoLayout__category_auth {
        margin-top: 0
    }
}

.CasinoLayout__widget {
    padding: 0 16px
}

.CasinoLayout__sidebar {
    grid-area: sidebar;
    min-height: calc(100vh - 70px);
    height: 100%;
    background: var(--bgSecondary);
    border-right: 1px solid var(--bgHeaderSeparator);
    position: fixed;
    z-index: 100
}

@media (max-width: 1180px) {
    .CasinoLayout__sidebar {
        display: none
    }
}

.CasinoLayout__content {
    grid-area: content;
    margin-bottom: 32px
}

.CasinoLayout__content_container {
    margin: 16px auto 0;
    width: 100%;
    max-width: 1104px
}

@media (max-width: 1180px) {
    .CasinoLayout__content_container {
        padding: 0 16px
    }
}

.CasinoLayout__footer {
    grid-area: footer;
    min-width: calc(100vh - 1168px);
    height: 100%
}

.InfoSidebar {
    width: 100%;
    height: 100%;
    padding: 15px 8px 0;
    border-right: 1px solid var(--bgGrey)
}

.InfoSidebar__link {
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    padding: 4px 16px;
    color: var(--textPrimary);
    text-decoration: none;
    height: 44px;
    display: flex;
    align-items: center
}

.InfoSidebar__link_active {
    color: var(--textPrimary);
    background-color: var(--activeBgDesktopCaterogy);
    border-radius: 8px;
    width: 100%;
    text-decoration: none
}

.InfoSidebar__link_active:hover {
    color: var(--textPrimary);
    text-decoration: none
}

.InfoSidebar__link:not(.InfoSidebar__link_active):hover {
    color: var(--primary);
    background: var(--hoverBgDesktopCaterogy);
    border-radius: 8px;
    width: 100%;
    text-decoration: none
}

.InfoLayout__container {
    display: grid;
    grid-template-areas:". header" "sidebar content" "sidebar footer";
    grid-template-rows:68px auto auto;
    grid-template-columns:256px 1fr
}

.InfoLayout__container_about {
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
    grid-template-areas:"header" "content" "footer";
    padding-top: 70px
}

@media (max-width: 1180px) {
    .InfoLayout__container {
        display: grid;
        grid-template-columns:1fr;
        grid-template-rows:auto 1fr;
        grid-template-areas:"header" "content" "footer";
        padding-top: 54px
    }
}

@media (max-width: 1180px) {
    .InfoLayout__container_auth {
        padding: 54px 0 0
    }
}

.InfoLayout__header {
    grid-area: header;
    display: grid;
    align-items: center;
    grid-template-columns:1fr;
    position: fixed;
    height: 70px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: var(--bgSecondary);
    border-bottom: 1px solid var(--bgHeaderSeparator)
}

@media (max-width: 1180px) {
    .InfoLayout__header {
        display: flex;
        flex-flow: column;
        border-bottom: none;
        height: 54px
    }
}

.InfoLayout__header_empty {
    width: 256px
}

@media (max-width: 1180px) {
    .InfoLayout__header_empty {
        display: none
    }
}

.InfoLayout__header_auth {
    height: 70px
}

@media (max-width: 1180px) {
    .InfoLayout__header_auth {
        height: 54px
    }
}

.InfoLayout__sidebar {
    grid-area: sidebar;
    min-height: calc(100vh - 70px);
    background: var(--bgSecondary)
}

@media (max-width: 1180px) {
    .InfoLayout__sidebar {
        display: none
    }
}

.InfoLayout__sidebar_hide {
    display: none
}

.InfoLayout__content {
    grid-area: content;
    padding: 0 40px;
    overflow-x: hidden
}

@media (max-width: 1180px) {
    .InfoLayout__content {
        padding: 0;
        overflow-y: inherit;
        height: 100%
    }
}

.InfoLayout__content_container {
    margin: auto;
    width: 100%;
    max-width: 1104px
}

@media (max-width: 1180px) {
    .InfoLayout__content_container {
        padding: 0 16px
    }
}

.InfoLayout__footer {
    grid-area: footer;
    height: 100%;
    margin-top: 30px;
    min-width: calc(100vh - 1168px)
}

.PromoLayout__container {
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:auto 1fr;
    grid-template-areas:"header" "content" "footer";
    padding-top: 70px
}

@media (max-width: 1180px) {
    .PromoLayout__container {
        display: grid;
        grid-template-columns:1fr;
        grid-template-rows:auto 1fr;
        grid-template-areas:"header" "content" "footer";
        padding-top: 70px
    }
}

@media (max-width: 1180px) {
    .PromoLayout__container_auth {
        padding-top: 70px
    }
}

.PromoLayout__header {
    grid-area: header;
    display: grid;
    align-items: center;
    grid-template-columns:1fr;
    position: fixed;
    height: 70px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: var(--bgSecondary);
    border-bottom: 1px solid var(--bgHeaderSeparator)
}

@media (max-width: 1180px) {
    .PromoLayout__header {
        display: flex;
        flex-flow: column;
        border-bottom: none;
        height: 70px
    }
}

.PromoLayout__header_auth {
    height: 70px
}

.PromoLayout__header_empty {
    width: 256px
}

@media (max-width: 1180px) {
    .PromoLayout__header_empty {
        display: none
    }
}

.PromoLayout__content {
    grid-area: content;
    padding: 0 40px;
    overflow-x: hidden
}

@media (max-width: 1180px) {
    .PromoLayout__content {
        padding: 0;
        overflow-y: inherit;
        height: 100%
    }
}

.PromoLayout__content_container {
    margin: auto;
    width: 100%;
    max-width: 1200px
}

@media (max-width: 1180px) {
    .PromoLayout__content_container {
        padding: 0 16px
    }
}

.PromoLayout__footer {
    grid-area: footer;
    height: 100%;
    margin-top: 30px;
    min-width: calc(100vh - 1168px)
}

.Loader {
    height: 32px;
    width: 100%;
    background: var(--primary);
    border-radius: 40px;
    position: relative;
    overflow: hidden
}

.Loader:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 64px;
    top: -50%;
    left: -100%;
    background: linear-gradient(180deg, #d1d1d11a, #fff3 20%, #ffffff4d 45%, #ffffff4d 55%, #fff3 80%, #ffffff1a);
    transform: matrix(.47, -.97, .77, .53, 0, 0);
    animation: blink 2s linear infinite;
    z-index: 1
}

.Loader__filled {
    background: radial-gradient(circle 16.5px at left, rgba(0, 0, 0, 0) 99%, var(--light-blue)) bottom left;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    transition: all .2s linear
}

@keyframes blink {
    0% {
        left: -100%
    }
    to {
        left: 100%
    }
}

.BangerLogoAnimate {
    display: flex;
    align-items: center;
    position: relative
}

.BangerLogoAnimate__hat {
    position: absolute;
    left: -12px;
    top: -40px;
    z-index: 2
}

.BangerLogoAnimate__icon {
    width: 58px;
    height: 58px;
    margin-right: 17px
}

.BangerLogoAnimate__logo svg {
    width: 168px;
    height: 58px
}

.Preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: var(--bg);
    z-index: 9999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .2s ease-out
}

.Preloader.hide {
    pointer-events: none;
    opacity: 0
}

.Preloader.banger .Preloader__center {
    display: flex;
    justify-content: center
}

.Preloader__center {
    width: 400px
}

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

.Preloader__logo {
    width: 100%;
    height: auto;
    margin-bottom: 26px
}

.Preloader__logo_img {
    width: 400px;
    margin-bottom: 16px
}

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

.Preloader__logo_img img {
    width: 100%
}

.ChatwootLoading {
    position: fixed;
    width: 100vw;
    height: 100dvh;
    top: 0;
    left: 0;
    z-index: 999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #00000080;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.ChatwootLoading__loader {
    width: 100px;
    height: 75px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    border-radius: 100%
}

.ChatwootLoading__loader:before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    border: 15px solid transparent;
    border-top: 25px solid #fff;
    transform: rotate(45deg);
    top: 50px;
    left: -15px
}

.ChatwootLoading__loader:after {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #ff3d00;
    box-shadow: 20px 0 #ff3d00, -20px 0 #ff3d00;
    animation: flash .5s ease-out infinite alternate
}

@keyframes flash {
    0% {
        background-color: #ff3c0040;
        box-shadow: 20px 0 #ff3c0040, -20px 0 #ff3d00
    }
    50% {
        background-color: #ff3d00;
        box-shadow: 20px 0 #ff3c0040, -20px 0 #ff3c0040
    }
    to {
        background-color: #ff3c0040;
        box-shadow: 20px 0 #ff3d00, -20px 0 #ff3c0040
    }
}

.ProfileNavigationLink {
    position: relative;
    padding: 10px 12px;
    display: flex;
    align-items: center;
    color: var(--textPrimary);
    transition: background .1s ease-out;
    text-decoration: none;
    border-radius: 8px
}

.ProfileNavigationLink svg, .ProfileNavigationLink path, .ProfileNavigationLink rect {
    fill: var(--grey)
}

.ProfileNavigationLink span {
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    padding-left: 8px
}

.ProfileNavigationLink:hover {
    color: var(--textButtonActive);
    background: var(--hoverBgDesktopCaterogy);
    text-decoration: none
}

.ProfileNavigationLink:hover svg, .ProfileNavigationLink:hover rect, .ProfileNavigationLink:hover path {
    fill: var(--primary)
}

.ProfileNavigationLink.active {
    color: var(--textButtonActive);
    background: var(--activeBgDesktopCaterogy);
    text-decoration: none
}

.ProfileNavigationLink.active svg, .ProfileNavigationLink.active rect, .ProfileNavigationLink.active path {
    fill: var(--primary)
}

.ProfileNavigationLink__notify {
    position: absolute;
    right: 20px
}

.ProfileSidebar {
    overflow: hidden
}

.ProfileSidebar__content {
    position: relative;
    margin-top: -16px;
    border-radius: 16px;
    padding: 16px
}

.ProfileSidebar__balance {
    padding: 16px 8px
}

.ProfileSidebar__balance-card {
    overflow: hidden;
    border-radius: 16px
}

.ProfileSidebar__loyalty_btn {
    margin-bottom: 12px;
    padding: 0 8px
}

.ProfileSidebar__navigation_item.logout {
    padding: 18px 12px;
    border-top: 1px solid var(--menuBorderLine);
    margin-top: 60px
}

.ProfileLayout {
    height: 100vh;
    overflow: auto
}

.ProfileLayout__white {
    background: var(--white)
}

.ProfileLayout__grey {
    background: var(--bgSecondary)
}

.ProfileLayout__container {
    position: relative;
    display: grid;
    grid-template-areas:"header header" "sidebar content" "sidebar footer";
    grid-template-rows:68px auto auto;
    grid-template-columns:256px 1fr;
    height: 100%
}

@media (max-width: 1180px) {
    .ProfileLayout__container {
        display: grid;
        grid-template-columns:1fr;
        grid-template-rows:auto 1fr auto;
        grid-template-areas:"header" "content" "footer";
        padding: 54px 0 0
    }
}

.ProfileLayout__container.scrollContent {
    overflow-y: auto
}

@media (max-width: 1180px) {
    .ProfileLayout__container.auth {
        padding: 54px 0 0
    }
}

.ProfileLayout__header {
    grid-area: header;
    display: grid;
    align-items: center;
    grid-template-columns:256px 1fr;
    position: fixed;
    height: 70px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: var(--bgSecondary);
    border-bottom: 1px solid var(--menuBorderLine)
}

@media (max-width: 1180px) {
    .ProfileLayout__header {
        grid-template-columns:1fr;
        border: none;
        height: 54px
    }
}

.ProfileLayout__header_empty {
    width: 256px
}

@media (max-width: 1180px) {
    .ProfileLayout__header_empty {
        display: none
    }
}

@media (max-width: 1180px) {
    .ProfileLayout__header.auth {
        height: 54px
    }
}

.ProfileLayout__sidebar {
    position: fixed;
    z-index: 100;
    grid-area: sidebar;
    width: 256px;
    min-height: calc(100vh - 70px);
    border-top: 1px solid var(--menuBorderLine);
    border-right: 1px solid var(--menuBorderLine);
    background: var(--bgSecondary)
}

@media (max-width: 1180px) {
    .ProfileLayout__sidebar {
        display: none
    }
}

.ProfileLayout__content {
    grid-area: content;
    position: relative;
    padding: 24px 40px 24px 48px;
    background: var(--background-layout-profile-content)
}

@media (max-width: 1180px) {
    .ProfileLayout__content {
        padding: 0 12px 84px
    }
}

.ProfileLayout__content_container {
    margin: 0 auto;
    width: 100%;
    max-width: 1104px
}

@media (max-width: 1180px) {
    .ProfileLayout__content_container {
        max-width: 100%
    }
}

.ProfileLayout__footer {
    display: flex;
    grid-area: footer;
    height: 100%;
    min-width: calc(100vh - 1168px);
    margin-top: 30px
}

@media (min-width: 1180px) {
    .ProfileLayout__footer {
        margin-top: 0
    }
}

@media (max-width: 1180px) {
    .ProfileLayout__footer.hide {
        display: none
    }
}

.isLoyalty {
    background-color: var(--bgGrey);
    padding-top: 0
}

@media (max-width: 1180px) {
    .isLoyalty {
        padding: 0
    }
}

@media (max-width: 1180px) {
    .isProfile {
        background-color: var(--background-profile-content-mobile)
    }
}

:export {
    largeDesktop: 1440px;
    desktop: 1370px;
    tablet: 1180px;
    smallTablet: 768px;
    phone: 576px;
    smallPhone: 375px
}

:export {
    chatwootIndex: 9995;
    chatwootIndexHide: 999
}

.TournamentLayout__container {
    display: grid;
    grid-template-areas:"header" "content" "footer";
    grid-template-rows:auto 1fr auto;
    height: 100vh;
    padding-top: 70px
}

@media (max-width: 1180px) {
    .TournamentLayout__container {
        display: grid;
        grid-template-columns:1fr;
        grid-template-rows:auto 1fr;
        grid-template-areas:"header" "content" "footer";
        padding-top: 54px
    }
}

.TournamentLayout__container_auth {
    padding-top: 70px
}

@media (max-width: 1180px) {
    .TournamentLayout__container_auth {
        padding: 54px 0 0
    }
}

.TournamentLayout__header {
    grid-area: header;
    display: grid;
    align-items: center;
    position: fixed;
    height: 70px;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
    background: var(--bgSecondary);
    border-bottom: 1px solid var(--bgHeaderSeparator)
}

@media (max-width: 1180px) {
    .TournamentLayout__header {
        display: flex;
        flex-flow: column;
        border-bottom: none;
        height: 54px
    }
}

.TournamentLayout__header_auth {
    height: 54px
}

@media (max-width: 1180px) {
    .TournamentLayout__header_auth.auth {
        height: 54px
    }
}

.TournamentLayout__content {
    grid-area: content;
    display: flex;
    flex-flow: column
}

.TournamentLayout__content_container {
    margin: 24px auto;
    width: 100%;
    max-width: 1104px
}

@media (max-width: 1180px) {
    .TournamentLayout__content_container {
        padding: 0 16px;
        margin: 0 auto 24px
    }
}

.TournamentLayout__footer {
    grid-area: footer;
    height: 100%;
    min-width: calc(100vh - 1168px)
}

@font-face {
    font-family: OpenSans;
    src: url(OpenSans-ExtraBold-DyoGUm6G.woff2) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: OpenSans;
    src: url(OpenSans-Bold-C_FERRtN.woff2) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: OpenSans;
    src: url(OpenSans-SemiBold-BKTak7qo.woff2) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: OpenSans;
    src: url(OpenSans-Regular-CNyUcjM-.woff2) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(Montserrat-Bold-D1c17Rbh.woff2) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(Montserrat-Bold-D1c17Rbh.woff2) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(Montserrat-SemiBold-lsbBAxws.woff2) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Montserrat;
    src: url(Montserrat-Regular-DKiKiR_v.woff2) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Proza Libre;
    src: url(ProzaLibre-ExtraBold-DU1TikCo.woff2) format("truetype");
    font-weight: 800;
    font-style: normal
}

@font-face {
    font-family: Proza Libre;
    src: url(ProzaLibre-Bold-02B9lmFR.woff2) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Proza Libre;
    src: url(ProzaLibre-SemiBold-BYgzI05b.woff2) format("truetype");
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: Proza Libre;
    src: url(ProzaLibre-Regular-C1iETLhm.woff2) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: url(Unbounded-Medium-CYCeANzr.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: url(Unbounded-Regular-BjnQqn8k.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Unbounded;
    src: url(Unbounded-Light-0_PJ4-Dl.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

:root {
    --primary: #3156EB;
    --primary-rgb: 57, 89, 217;
    --primary-dark: #3556D8;
    --secondary: #FC4665;
    --secondary-dark: #e53855;
    --gloryGradient01: linear-gradient(134deg, #3156EB 0%, #6E29CE 42.07%, #AE009D 100%);
    --gloryGradient02: linear-gradient(131deg, #FF347D 0%, #3156EB 100%);
    --gloryGradient03: linear-gradient(265deg, rgba(49, 86, 235, .9) -12.81%, rgba(70, 83, 224, .9) -1.6%, rgba(252, 54, 129, .9) 41.34%), #FB3580;
    --gloryGradient04: linear-gradient(97deg, #3156EB 34.43%, #B517FF 73.93%, #FF347D 96.59%);
    --lightGrey: #D1D4E3;
    --brandColor: #FB3580;
    --success: #2EBA4D;
    --warning: #FDB43C;
    --error: #F31F1F;
    --white: #FFFFFF;
    --black: #000000;
    --text-primary-rgb: 63, 66, 80;
    --text-wheel: #3E4362;
    --text-secondary: #9FA0A8;
    --text-input: #000000;
    --checkboxBorder: var(--grey);
    --bg: var(--white);
    --bgSecondary: var(--bgGrey);
    --bgDark: #EEF0F8;
    --bgSkeleton: var(--white);
    --bgFavoriteBtnGame: var(--grey50);
    --bgGamePanelMobile: var(--black);
    --bgHeaderSeparator: var(--greyBlue);
    --bgWheelAviator: var(--back-aviator);
    --bgWinAviator: var(--win-aviator);
    --bgDomen: var(--bgGrey);
    --brand: #28A7E8;
    --grey: #8C94B2;
    --grey50: #8C94B280;
    --bgGrey: #EEF0F8;
    --bgGrey60: #EEF0F898;
    --blueGlory: #3156EB;
    --gloryBlack: #000000;
    --greyBlue: #CBD2ED;
    --greyBlue40: #CBD2ED40;
    --hoverPrimary: #1137CC;
    --textPrimary: var(--gloryBlack);
    --textSecondary: var(--grey);
    --textButtonActive: var(--textPrimary);
    --textGameModeActiveColor: var(--white);
    --textBrandColor: var(--primary);
    --textLinkColor: var(--blueGlory);
    --textTournamentColor: var(--brandColor);
    --textTournamentGrey: var(--grey);
    --active: var(--blueGlory);
    --darkBgSelected: rgba(203, 210, 237, .4);
    --topMenuBorder: var(--primary);
    --topMenuIcon: var(--primary);
    --topMenuName: var(--primary);
    --tabsBackground: var(--light-grey);
    --dialogBackground: var(--white);
    --borderAmount: var(--primary);
    --selectorBackground: var(--blue-select);
    --selectorBorder: var(--grey);
    --inputBackground: var(--white);
    --inputTextColor: var(--text-input);
    --inputFocusBorder: var(--primary);
    --menuBackground: var(--white);
    --overlayBackground: rgba(0, 0, 0, .5);
    --menuBorderLine: var(--light-blue);
    --burgerIconsFill: var(--grey);
    --closeMobileMenuIcon: var(--white);
    --balanceInfoBg: var(--gloryGradient01);
    --accountItemBg: var(--lightGrey);
    --textDisableColor: var(--grey);
    --arrowToggleColor: var(--primary);
    --methodTextColor: var(--grey);
    --backgroundFooter: var(--bgDark);
    --textFooterPrimary: var(--gloryBlack);
    --textFooterSecondary: var(--grey);
    --textFooterLink: var(--blueGlory);
    --footerBorder: var(--blueGlory);
    --footerPaymentMaster: var(--gloryBlack);
    --bgCaterogy: var(--grey);
    --borderCaterogy: var(--grey);
    --logoCaterogy: var(--grey);
    --activeCaterogy: var(--blueGlory);
    --activeTitleCaterogy: var(--gloryBlack);
    --activeBg: var(--greyBlue);
    --activeBgDesktopCaterogy: var(--greyBlue);
    --hoverBgDesktopCaterogy: var(--greyBlue40);
    --bgProvider: var(--bgDarkBlue);
    --borderPrimary: var(--grey);
    --headerBonus: var(--greyBlue);
    --bgBonus: var(--bgGrey);
    --bgDisactive: rgba(238, 240, 248, .5);
    --bgIcons: var(--blueGlory);
    --bulletsColor: var(--grey50);
    --bulletActiveColor: var(--primary);
    --bannerSkeletonBg: var(--bgGrey);
    --popupTextColor: var(--text-popup);
    --bonusAviatorColor: var(--text-bonus-aviator);
    --wheelRegPrimary: var(--red-back);
    --coinStrikeTextGradient: linear-gradient(98deg, #FF347D 0%, #BF3F9F 68.87%, var(--blueGlory) 126.98%);
    --inputLabelValue: var(--black);
    --borderSelect: var(--grey);
    --bg-notify: var(--black);
    --contast-text: var(--white);
    --gradient: linear-gradient(103.42deg, #FC4665 6.06%, #3156EB 77.61%);
    --gradient-dark: linear-gradient(103.42deg, #E31A3C 6.06%, #0F32BD 77.61%);
    --gradient2: linear-gradient(151.92deg, #FF367F -8.26%, #7451FF 106.33%);
    --gradient3: linear-gradient(100.45deg, #4361FF -10.91%, #9656BB 92.39%);
    --gradientNew: linear-gradient(97deg, #3156EB 34.43%, #B517FF 73.93%, #FF347D 96.59%);
    --gameCardGradient: linear-gradient(133.83deg, rgba(49, 86, 235, .8) 1.96%, rgba(110, 41, 206, .8) 43.21%, rgba(174, 0, 157, .8) 100%);
    --winAviatorGradient: var(--gloryGradient02);
    --buttonRoulette: #CD0F07;
    --disabledButtonRoulette: #E96762;
    --darkBlue: #2344C8;
    --blue: #3D5CDA;
    --landing-blue: #468FFC;
    --light-blue: #C4CDF4;
    --light-sky: #5caef1;
    --light-pink: #FEC8D1;
    --light-grey: #ECEDEF;
    --light-orange: #FFF4E2;
    --grey-200: #E1E2E4;
    --grey-250: #E1E4F0;
    --grey-disable: #F7F7F7;
    --dark-bg: #121213;
    --dark: #2B2B2D;
    --whitergb: 255, 255, 255;
    --bg-info: #e2e2e2;
    --text-frame: #D0D0D0;
    --bg-frame: #27272A;
    --border-table: #C4C4C4;
    --purple-close: #5451C1;
    --purple: #B55EF3;
    --orange: #E07D42;
    --orange2: #F8710E;
    --dark-red: #B62641;
    --blue-grey: rgba(151, 174, 255, 1);
    --blue-select: rgba(49, 86, 235, .7);
    --black-disk: #0F131A;
    --red-back: #ff0a0a;
    --light-green: #02DB3E;
    --blue-light-back: #00E0FF;
    --blue-dark-back: #001E6F;
    --btn-shadow: #26208B;
    --cards-green: #24C939;
    --cards-light-green: #29EB46;
    --cards-red: #FC4665;
    --textAviator: #5ABEF5;
    --back-aviator: #1E1E1E;
    --win-aviator: #F5F9FF;
    --text-popup: #1D2C40;
    --text-bonus-aviator: #FF0A0A;
    --border-chicks: #E6B847;
    --logo-blue: #395ADA;
    --win-text: linear-gradient(180deg, #FFA928 8.47%, #FFDC60 27.63%, #FFA928 44.82%, #FFCC18 58.44%, #FDFFB1 81.17%);
    --crazy-time-primary: #E8DC84;
    --bonanza_border: #FFFC34;
    --disabledBorederBonanza: #EEF0F8;
    --olympusButton: #7A17C4;
    --olympusBorder: #FFBE00;
    --disabledBorederOlympus: #EEF0F8;
    --candy: #ED5AB4;
    --border-grey: #E1E1E9;
    --border-blue: #3A567B;
    --disabled: #cccccc;
    --selectBg: var(--lightGrey);
    --transactionBorder: var(--light-grey);
    --arrowColor: var(--black);
    --bgTabbar: rgba(238, 240, 248, .95);
    --timerActiveColor: var(--brandColor);
    --background-dialog-window: var(--bgGrey);
    --background-layout-profile-content: var(--white);
    --background-profile-content-mobile: var(--bgGrey);
    --backgroundLanguageSelect: var(--white);
    --shadowLanguageSelect: 0px 5px 10px 0px rgba(0, 0, 0, .5);
    --orange-gradient: linear-gradient(to right, rgba(255, 176, 58, 1), rgba(255, 0, 0, 1));
    --mobile-menu-background: var(--white);
    --mobile-dialog-content-background: var(--bgGrey);
    --layout-profile-content-background-mobile: var(--white);
    --laanguage-select-short-background: var(--greyBlue);
    --laanguage-select-short-icon-color: var(--primary);
    --laanguage-select-short-text-color: var(--primary);
    --header-avatar-settings-background: var(--white);
    --mobile-menu-item-icon-color: #8C94B2
}

[data-project=banger] {
    --dark: #1C1C20;
    --darkGrey: #3F4250;
    --darkGrey60: #3F425060;
    --darkBlue: #272734;
    --white: #FFFFFF;
    --grey50: #98989880;
    --grey: #989898;
    --black: #000000;
    --black40: #00000040;
    --bluePress: #3277DD;
    --blueDisable: #80B2FE;
    --blueLink: #4891FF;
    --brandColor: #4891FF;
    --lightGrey: #3F4250;
    --success: #2EBA4D;
    --warning: #FDB43C;
    --error: #F31F1F;
    --brand: #4891FF;
    --gradient: linear-gradient(91.32deg, var(--brand) 0%, #9735E2 100%);
    --gradient01: linear-gradient(310.91deg, #301468 1.09%, #542CA4 40.85%, var(--brand) 91.77%);
    --bangerGradient01: linear-gradient(316deg, #301468 0%, #542CA4 40.2%, #4891FF 91.68%);
    --gameCardGradient: linear-gradient(133.83deg, rgba(49, 86, 235, .8) 1.96%, rgba(110, 41, 206, .8) 43.21%, rgba(174, 0, 157, .8) 100%);
    --winAviatorGradient: linear-gradient(130deg, #4891FF 0%, #8C42E6 60.65%, #9735E2 100%);
    --gradientNew: var(--gradient);
    --banger-brand-color-2: #9735E2;
    --primary: var(--brand);
    --textPrimary: var(--white);
    --textSecondary: var(--grey);
    --textButtonActive: var(--white);
    --textGameModeActiveColor: var(--textPrimary);
    --textBrandColor: var(--brand);
    --textLinkColor: var(--blueLink);
    --textTournamentColor: var(--banger-brand-color-2);
    --textTournamentGrey: var(--grey);
    --bg: var(--bgDarkBlue);
    --bgSecondary: var(--bgDark);
    --bgDark: #1C1C20;
    --bgDarkBlue: #272734;
    --bgGrey: var(--darkGrey);
    --bgGrey60: var(--darkGrey60);
    --bgSkeleton: var(--bgSecondary);
    --bgFavoriteBtnGame: #1C1C20;
    --bgGamePanelMobile: var(--bgDarkBlue);
    --bgHeaderSeparator: var(--darkGrey);
    --bgWheelAviator: var(--darkBlue);
    --bgWinAviator: var(--winAviatorGradient);
    --bgDomen: var(--grey50);
    --active: var(--brand);
    --btnPress: var(--bluePress);
    --btnDisable: var(--blueDisable);
    --blueBgSelected: rgba(72, 145, 255, .7);
    --darkBgSelected: rgba(0, 0, 0, .4);
    --selectBg: var(--darkGrey);
    --checkboxBorder: var(--grey);
    --topMenuBorder: var(--grey);
    --topMenuIcon: var(--white);
    --topMenuName: var(--white);
    --tabsBackground: var(--darkGrey);
    --dialogBackground: var(--bgDarkBlue);
    --borderAmount: var(--blue-selected);
    --selectorBackground: var(--blueBgSelected);
    --selectorBorder: var(--grey);
    --inputBackground: var(--bgDarkBlue);
    --inputTextColor: var(--white);
    --inputFocusBorder: var(--white);
    --menuBackground: var(--bgDarkBlue);
    --overlayBackground: #000000B2;
    --menuBorderLine: var(--darkGrey);
    --burgerIconsFill: var(--grey);
    --closeMobileMenuIcon: var(--grey);
    --balanceInfoBg: var(--bangerGradient01);
    --accountItemBg: var(--darkGrey);
    --textDisableColor: var(--grey);
    --arrowToggleColor: var(--grey);
    --methodTextColor: var(--grey);
    --backgroundFooter: var(--bgDark);
    --textFooterPrimary: var(--white);
    --textFooterSecondary: var(--grey);
    --textFooterLink: var(--brand);
    --footerBorder: var(--brand);
    --footerPaymentMaster: var(--white);
    --footerPaymentVisa: var(--white);
    --bgCaterogy: var(--grey);
    --borderCaterogy: var(--grey50);
    --logoCaterogy: var(--grey);
    --activeBg: var(--grey);
    --activeCaterogy: var(--brand);
    --activeTitleCaterogy: var(--textPrimary);
    --activeBgDesktopCaterogy: var(--black);
    --hoverBgDesktopCaterogy: var(--black40);
    --bgProvider: var(--bgDarkBlue);
    --borderPrimary: var(--grey);
    --headerBonus: var(--black);
    --bgBonus: var(--dark);
    --bgDisactive: rgba(28, 28, 32, .5);
    --bgIcons: var(--brand);
    --bulletsColor: var(--grey50);
    --bulletActiveColor: var(--primary);
    --bannerSkeletonBg: #2D2F38;
    --popupTextColor: var(--white);
    --bonusAviatorColor: var(--brand);
    --wheelRegPrimary: var(--primary);
    --wheelCurrencyBorder: var(--);
    --coinStrikeTextGradient: linear-gradient(91deg, var(--brand) 12.94%, #8747E8 46.68%, var(--banger-brand-color-2) 72.25%);
    --transactionBorder: var(--darkGrey);
    --arrowColor: var(--white);
    --inputLabelValue: var(--white);
    --borderSelect: var(--light-grey);
    --crazy-time-primary: #E8DC84;
    --bgTabbar: rgba(28, 28, 32, .95);
    --timerActiveColor: var(--error);
    --bg-notify: var(--black);
    --contast-text: var(--white);
    --background-dialog-window: #272734;
    --background-layout-profile-content: #272734;
    --background-profile-content-mobile: #272734;
    --backgroundLanguageSelect: var(--bgSecondary);
    --shadowLanguageSelect: 0 3px 8px rgba(12, 26, 75, .24), inset 0 0 1 rgba(50, 50, 71, .05);
    --laanguage-select-short-background: transparent;
    --laanguage-select-short-icon-color: var(--grey);
    --laanguage-select-short-text-color: var(--grey);
    --mobile-dialog-content-background: #272734;
    --mobile-menu-background: var(--dark);
    --header-avatar-settings-background: var(--bgDarkBlue);
    --mobile-menu-item-icon-color: #989898
}

* {
    font-family: OpenSans, sans-serif;
    font-weight: 400;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    -webkit-user-select: none;
    user-select: none
}

*:focus, button:focus, input:focus, a:focus, textarea:focus {
    outline: none
}

*:focus-visible, button:focus-visible, input:focus-visible, a:focus-visible, textarea:focus-visible {
    outline: none
}

button {
    cursor: pointer
}

input, select, textarea {
    color: var(--inputTextColor);
    -webkit-user-select: auto;
    user-select: auto
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

@supports (scrollbar-color: auto) {
    :root {
        scrollbar-width: thin;
        scrollbar-color: rgba(159, 160, 168, .25) transparent
    }
}

@supports (--css: variables) {
    ::-webkit-scrollbar {
        width: 4px;
        border-radius: 4px
    }

    ::-webkit-scrollbar-thumb {
        background-color: #9fa0a840;
        border-radius: 4px
    }

    ::-webkit-scrollbar-track {
        background: transparent
    }
}

body {
    font-size: 14px;
    line-height: 130%;
    font-weight: 400;
    min-width: 320px;
    max-width: 100vw;
    width: 100%;
    min-height: -webkit-fill-available;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--bg);
    color: var(--textPrimary)
}

#autologin-iframe {
    width: 0;
    height: 0;
    overflow: hidden
}

.react-loading-skeleton {
    line-height: 1.4 !important
}

@supports (-webkit-backdrop-filter: blur(1px)) and (overscroll-behavior-y: none) {
    html {
        min-height: 100.3%;
        overscroll-behavior-y: none
    }
}

@supports (-webkit-backdrop-filter: blur(1px)) and (not (overscroll-behavior-y: none)) {
    html {
        height: 100%;
        overflow: hidden
    }

    body {
        margin: 0;
        max-height: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

body {
    overscroll-behavior-y: none
}

html {
    touch-action: pan-x pan-y;
    min-height: 100%
}

/* Important */

.GameCard__play {
    opacity: 0;
    transition: 0.4s;
}

.GameCard:hover .GameCard__play {
    opacity: 1;
}
.CategoryMobile .swiper-slide {
    margin-right: 8px;
}
.CategoryMobile .swiper-wrapper {
    overflow-x: scroll;
}
@media (max-width: 1180px) {
    .UserControlsNotAuth button {
        font-size: 12px;
        line-height: 130%;
        font-weight: 600;
        height: 32px;
        border-radius: 4px;
        width: fit-content;
        padding: 8px 12px;
    }
    .CasinoLayout__category_banners {
        display: none;
    }
}
.CasinoLayout__sidebar.open {
    display: none;

}
.CasinoLayout__sidebar.close {

}
span.swiper-pagination-bullet {
    cursor: pointer;
}