.lazy-load-image-background.opacity {
    opacity: 0
}

.lazy-load-image-background.opacity.lazy-load-image-loaded {
    opacity: 1;
    transition: opacity .3s
}

.swiper-scrollbar {
    border-radius: var(--swiper-scrollbar-border-radius, 10px);
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical, .swiper-vertical > .swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-border-radius, 10px)
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

[data-tippy-root] {
    max-width: calc(100vw - 10px)
}

.tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal;
    outline: 0;
    transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top] > .tippy-arrow {
    bottom: 0
}

.tippy-box[data-placement^=top] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: initial;
    transform-origin: center top
}

.tippy-box[data-placement^=bottom] > .tippy-arrow {
    top: 0
}

.tippy-box[data-placement^=bottom] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: initial;
    transform-origin: center bottom
}

.tippy-box[data-placement^=left] > .tippy-arrow {
    right: 0
}

.tippy-box[data-placement^=left] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left
}

.tippy-box[data-placement^=right] > .tippy-arrow {
    left: 0
}

.tippy-box[data-placement^=right] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: initial;
    transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333
}

.tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid
}

.tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1
}

body {
    margin: 0
}

*, :after, :before {
    box-sizing: border-box;
    outline: 0
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: inherit
}

ol[class], ul[class] {
    list-style-type: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0
}

li a {
    text-decoration: none
}

li a:active {
    color: inherit
}

a {
    transition: all .3s;
    color: var(--white)
}

a, button, label {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

button {
    outline: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: 0;
    color: var(--white);
    cursor: pointer
}

p {
    margin-bottom: 0;
    margin-top: 0
}

input[type=radio] {
    display: none;
    height: 0;
    visibility: hidden
}

input[type=radio] + label {
    position: relative;
    display: inline-block;
    width: auto;
    min-height: 20px;
    padding-left: 35px;
    line-height: 1.4rem;
    cursor: pointer;
    color: var(--grey)
}

input[type=radio] + label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    border: 2px solid var(--fourth);
    border-radius: 50%;
    transform: translateY(-50%);
    transition: .3s
}

input[type=radio] + label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 4px;
    width: 12px;
    height: 7px;
    margin-top: -2px;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent;
    transform: translateY(-50%) rotate(-45deg);
    outline: none;
    transition: .3s
}

input[type=radio]:checked + label:before {
    background-color: var(--fourth)
}

input[type=radio]:checked + label:after {
    border-color: var(--page-background)
}

input[type=checkbox] + label:before {
    border-radius: 4px
}

input:-webkit-autofill, input:-webkit-autofill:active, input:-webkit-autofill:focus, input:-webkit-autofill:hover {
    caret-color: var(--base-text-primary) !important;
    -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
    -webkit-transition-delay: 9999s
}

input:-webkit-autofill::selection {
    background: var(--primary-solid) !important
}

.title1, .titleBold1, h1 {
    font-family: var(--primary-font-family);
    font-size: 2.75rem;
    line-height: 3.25rem
}

@media (max-width: 1023.98px) {
    .title1, .titleBold1, h1 {
        font-size: 2.25rem;
        line-height: 3rem
    }
}

@media (max-width: 434.98px) {
    .title1, .titleBold1, h1 {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

.title2, .titleBold2, h2 {
    font-family: var(--primary-font-family);
    font-size: 2.25rem;
    line-height: 3rem
}

@media (max-width: 1023.98px) {
    .title2, .titleBold2, h2 {
        font-size: 2rem;
        line-height: 2.75rem
    }
}

@media (max-width: 434.98px) {
    .title2, .titleBold2, h2 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.title3, .titleBold3, h3 {
    font-family: var(--primary-font-family);
    font-size: 2rem;
    line-height: 2.75rem
}

@media (max-width: 1023.98px) {
    .title3, .titleBold3, h3 {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

@media (max-width: 434.98px) {
    .title3, .titleBold3, h3 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.title4, .titleBold4, h4 {
    font-family: var(--primary-font-family);
    font-size: 1.75rem;
    line-height: 2.25rem
}

@media (max-width: 434.98px) {
    .title4, .titleBold4, h4 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

.title5, .titleBold5, h5 {
    font-family: var(--primary-font-family);
    font-size: 1.5rem;
    line-height: 2rem
}

@media (max-width: 434.98px) {
    .title5, .titleBold5, h5 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

.subtitle1, .title6, .titleBold6, h6 {
    font-family: var(--primary-font-family);
    font-size: 1.25rem;
    line-height: 1.75rem
}

.subtitle2 {
    font-family: var(--primary-font-family);
    font-size: 1rem;
    line-height: 1.5rem
}

.subtitle3, .subtitle4 {
    font-family: var(--primary-font-family);
    font-size: .875rem;
    line-height: 1.25rem
}

@media (max-width: 434.98px) {
    .subtitle4 {
        font-size: .75rem;
        line-height: 1rem
    }
}

.buttonTypo, body .HeaderNavigationInHeaderFolder__dropdown > .NoContent__container .NoContent__text, body .HeaderNavigationInHeaderFolder__item > .NoContent__container .NoContent__text, body .HeaderNavigationInHeader__item > .NoContent__container .NoContent__text, button {
    font-family: var(--primary-font-family);
    font-size: .875rem;
    line-height: 1.5rem
}

.labelTypo {
    font-family: var(--primary-font-family);
    font-size: .625rem;
    line-height: .75rem
}

.body1, .bodyBold1, .bodyLink1 {
    font-family: var(--secondary-font-family);
    font-size: 1.25rem;
    line-height: 2rem
}

@media (max-width: 434.98px) {
    .body1, .bodyBold1, .bodyLink1 {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

.body2, .bodyBold2, .bodyLink2 {
    font-family: var(--secondary-font-family);
    font-size: 1rem;
    line-height: 1.75rem
}

.body3, .bodyBold3, .bodyLink3, body .ExtendedRangePicker__container .rc-picker-panel .rc-picker-decade-panel .rc-picker-header-view, body .ExtendedRangePicker__container .rc-picker-panel .rc-picker-header-view button, body .ExtendedRangePicker__footerDates span, body .HeaderNavigationInMenuFolder__listItem > .NoContent__container .NoContent__text, body .HeaderNavigationInMenu__listItem > .NoContent__container .NoContent__text {
    font-family: var(--secondary-font-family);
    font-size: .875rem;
    line-height: 1.5rem
}

@media (max-width: 434.98px) {
    .body3, .bodyBold3, .bodyLink3, body .ExtendedRangePicker__container .rc-picker-panel .rc-picker-decade-panel .rc-picker-header-view, body .ExtendedRangePicker__container .rc-picker-panel .rc-picker-header-view button, body .ExtendedRangePicker__footerDates span, body .HeaderNavigationInMenuFolder__listItem > .NoContent__container .NoContent__text, body .HeaderNavigationInMenu__listItem > .NoContent__container .NoContent__text {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

.body4, .bodyBold4, .bodyLink4, body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell .rc-picker-cell-inner, body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content thead th, body .ExtendedRangePicker__container .rc-picker-presets ul li {
    font-family: var(--secondary-font-family);
    font-size: .75rem;
    line-height: 1.25rem
}

.bodyBold1, .bodyBold2, .bodyBold3, .bodyBold4, .titleBold1, .titleBold2, .titleBold3, .titleBold4, .titleBold5, .titleBold6 {
    font-weight: 700
}

.bodyLink1, .bodyLink2, .bodyLink3, .bodyLink4 {
    text-decoration: underline
}

.borderRadiusRectangle {
    --radiusRegular: 4px;
    --radiusButton: 2px
}

.borderRadiusRectangle .radiusButton {
    border-radius: 2px !important
}

.borderRadiusRectangle .radiusCard, .borderRadiusRectangle .radiusImg img {
    border-radius: 4px !important
}

.borderRadiusRectangle .radiusCircle {
    border-radius: 100% !important
}

.borderRadiusRectangle .radiusInput {
    border-radius: 2px !important
}

.borderRadiusRectangle .radiusTopLeftNone {
    border-top-left-radius: 0 !important
}

.borderRadiusRectangle .radiusBottomLeftNone {
    border-bottom-left-radius: 0 !important
}

.borderRadiusRectangle .radiusTopRightNone {
    border-top-right-radius: 0 !important
}

.borderRadiusRectangle .radiusBottomRightNone {
    border-bottom-right-radius: 0 !important
}

.borderRadiusSoft {
    --radiusRegular: 12px;
    --radiusButton: 8px
}

.borderRadiusSoft .radiusButton {
    border-radius: 8px !important
}

.borderRadiusSoft .radiusCard, .borderRadiusSoft .radiusImg img {
    border-radius: 12px !important
}

.borderRadiusSoft .radiusCircle {
    border-radius: 100% !important
}

.borderRadiusSoft .radiusInput {
    border-radius: 8px !important
}

.borderRadiusSoft .radiusTopLeftNone {
    border-top-left-radius: 0 !important
}

.borderRadiusSoft .radiusBottomLeftNone {
    border-bottom-left-radius: 0 !important
}

.borderRadiusSoft .radiusTopRightNone {
    border-top-right-radius: 0 !important
}

.borderRadiusSoft .radiusBottomRightNone {
    border-bottom-right-radius: 0 !important
}

.borderRadiusMedium {
    --radiusRegular: 20px;
    --radiusButton: 16px
}

.borderRadiusMedium .radiusButton {
    border-radius: 16px !important
}

.borderRadiusMedium .radiusCard, .borderRadiusMedium .radiusImg img {
    border-radius: 20px !important
}

.borderRadiusMedium .radiusCircle {
    border-radius: 100% !important
}

.borderRadiusMedium .radiusInput {
    border-radius: 16px !important
}

.borderRadiusMedium .radiusTopLeftNone {
    border-top-left-radius: 0 !important
}

.borderRadiusMedium .radiusBottomLeftNone {
    border-bottom-left-radius: 0 !important
}

.borderRadiusMedium .radiusTopRightNone {
    border-top-right-radius: 0 !important
}

.borderRadiusMedium .radiusBottomRightNone {
    border-bottom-right-radius: 0 !important
}

.borderRadiusExtreme {
    --radiusRegular: 16px;
    --radiusButton: 24px;
    --radiusInput: 24px
}

.borderRadiusExtreme .radiusButton {
    border-radius: 24px !important
}

.borderRadiusExtreme .radiusCard, .borderRadiusExtreme .radiusImg img {
    border-radius: 16px !important
}

.borderRadiusExtreme .radiusCircle {
    border-radius: 100% !important
}

.borderRadiusExtreme .radiusInput {
    border-radius: 24px !important
}

.borderRadiusExtreme .radiusTopLeftNone {
    border-top-left-radius: 0 !important
}

.borderRadiusExtreme .radiusBottomLeftNone {
    border-bottom-left-radius: 0 !important
}

.borderRadiusExtreme .radiusTopRightNone {
    border-top-right-radius: 0 !important
}

.borderRadiusExtreme .radiusBottomRightNone {
    border-bottom-right-radius: 0 !important
}

.borderRadiusMixed {
    --radiusRegular: 0 20px;
    --radiusButton: 0 20px;
    --radiusInput: 0 20px
}

.borderRadiusMixed .radiusButton, .borderRadiusMixed .radiusCard, .borderRadiusMixed .radiusImg img {
    border-radius: 0 20px !important
}

.borderRadiusMixed .radiusCircle {
    border-radius: 100% !important
}

.borderRadiusMixed .radiusInput {
    border-radius: 0 20px !important
}

.borderRadiusMixed .radiusTopLeftNone {
    border-top-left-radius: 0 !important
}

.borderRadiusMixed .radiusBottomLeftNone {
    border-bottom-left-radius: 0 !important
}

.borderRadiusMixed .radiusTopRightNone {
    border-top-right-radius: 0 !important
}

.borderRadiusMixed .radiusBottomRightNone {
    border-bottom-right-radius: 0 !important
}

.zoobet .Header .Header__auth_authorised .UserAuthorized__zoobetItemsToCenter {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.zoobet .Header .Header__auth_authorised .UserAuthorized__zoobetItemsToCenter .UserAuthorized__cryptofiat .CryptoFiatDropdown {
    padding-left: 0
}

.zoobet .Header .Header__auth_authorised .UserAuthorized__zoobetItemsToCenter .UserAuthorized__cryptofiat .CryptoFiatDropdown:before {
    display: none
}

.zoobet .Header .Header__auth_authorised .UserAuthorized__zoobetItemsToCenter .UserAuthorized__cryptofiat + .UserAuthorized__select .SelectBonus:before {
    display: block
}

.zoobet .Header .Header__auth_authorised .UserAuthorized__zoobetItemsToCenter .UserAuthorized__select .SelectBonus:before {
    display: none
}

.zoobet .Header .Header__auth_authorised .UserAuthorized__zoobetItemsToCenter .UserAuthorized__deposit {
    margin-right: 0;
    max-width: inherit;
    flex: 0 0 auto
}

.zoobet .Header .Header__auth_authorised .UserAuthorized__zoobetItemsToCenter .UserAuthorized__deposit .DepositLink {
    width: 100%;
    padding: 8px 16px 8px 8px
}

.zoobet .Header .Header__auth_authorised .UserAuthorized__zoobetItemsToCenter .UserAuthorized__deposit .DepositLink__text {
    display: inline-block
}

.zoobet .Header .Header__auth_authorised .UserAuthorized__zoobetItemsToCenter .UserAuthorized__deposit .DepositLink__icon {
    margin-right: 8px
}

@media (max-width: 1439.98px) {
    .zoobet .Header .Header__auth_authorised {
        flex: 1 1 auto
    }

    .zoobet .Header .Header__auth_authorised .UserAuthorized__zoobetItemsToCenter {
        position: static;
        transform: translateX(0);
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width: 1279.98px) {
    .zoobet .Header .Header__auth_authorised .UserAuthorized .UserProfileDropdown__avatar {
        margin-right: 16px
    }
}

@media (max-width: 767.98px) {
    .zoobet .Header .Header__auth_authorised {
        flex: 0 0 auto
    }

    .zoobet .Header .Header__auth_authorised .UserAuthorized__zoobetItemsToCenter {
        display: none
    }

    .zoobet .Header .Header__auth_authorised .UserAuthorized__deposit {
        order: -1;
        display: block;
        margin-right: 8px
    }

    .zoobet .Header .Header__auth_authorised .UserAuthorized .UserProfileDropdown__avatar {
        margin-right: 8px
    }
}

.bitz .isBitz.BannerWithButtonsTypeA__wrapper {
    padding: 0 var(--container-padding-desktop)
}

@media (max-width: 1649.98px) {
    .bitz .isBitz.BannerWithButtonsTypeA__wrapper {
        padding: 0 !important
    }
}

.bitz .isBitz.SliderTypeA, .bitz .offlineCasino .isBitz.SliderTypeE, .offlineCasino .bitz .isBitz.SliderTypeE {
    padding: 0 var(--container-padding-desktop) !important
}

@media (max-width: 1649.98px) {
    .bitz .isBitz.SliderTypeA, .bitz .offlineCasino .isBitz.SliderTypeE, .offlineCasino .bitz .isBitz.SliderTypeE {
        padding: 0 !important
    }
}

.bitz .isBitz .SliderTypeA__slideContent {
    padding: var(--container-padding-desktop) !important
}

@media (max-width: 1279.98px) {
    .bitz .isBitz .SliderTypeA__slideContent {
        padding: var(--container-padding-tablet) !important
    }
}

@media (max-width: 767.98px) {
    .bitz .isBitz .SliderTypeA__slideContent {
        padding: var(--container-padding-mobile) !important
    }
}

.bitz .radiusBitz {
    border-radius: 20px !important
}

.bitz .radiusBitz.radiusBottomLeftNone {
    border-bottom-left-radius: 0 !important
}

.bitz .radiusBitz.radiusTopLeftNone {
    border-top-left-radius: 0 !important
}

.bitz .radiusBitz.radiusBottomRightNone {
    border-bottom-right-radius: 0 !important
}

.bitz .radiusBitz.radiusTopRightNone {
    border-top-right-radius: 0 !important
}

.bitz .radiusBitzButton {
    border-radius: 10px !important
}

body .Button, body .GameError__homeButton {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    font-weight: 600;
    box-sizing: border-box;
    text-align: center;
    color: var(--base-text-primary);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 8px 16px;
    white-space: nowrap;
    overflow: hidden;
    font-family: var(--secondary-font-family);
    font-size: 14px;
    line-height: 26px;
    border-radius: 24px;
    text-transform: uppercase;
    transition: background .5s ease, box-shadow .5s ease, color .5s ease;
    cursor: pointer;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .Button_placeholder {
    cursor: not-allowed;
    filter: brightness(.5)
}

body .Button:active, body .GameError__homeButton:active {
    box-shadow: var(--base-button-active-shadow);
    -webkit-box-shadow: var(--base-button-active-shadow)
}

body .Button_typePrimary {
    background: var(--primary-solid);
    color: var(--base-text-on-color-bg)
}

body .Button_typePrimary:not(:disabled):hover {
    background-color: var(--primary-hover)
}

body .Button_typePrimary:disabled {
    background: var(--base-divider);
    color: var(--base-text-placeholder);
    cursor: default
}

body .Button_typeSecondary, body .NoGames__button {
    color: var(--primary-solid);
    background: var(--base-elements)
}

body .Button_typeSecondary:not(:disabled):hover, body .NoGames__button:not(:disabled):hover {
    color: var(--primary-hover);
    background: var(--base-elements-hover)
}

body .Button_typeSecondary:disabled, body .NoGames__button:disabled {
    background: var(--base-elements);
    color: var(--base-text-placeholder);
    cursor: default
}

body .Button_sizeLarge {
    min-width: 180px;
    width: auto;
    height: 44px
}

body .Button_sizeNormal {
    width: max-content;
    height: 44px
}

body .Button_sizeMedium {
    width: 100%;
    height: 44px;
    max-width: 240px
}

body .Button__rightIcon {
    margin-left: 11px;
    max-width: 20px;
    height: 5px
}

body .Button__leftIcon {
    margin-right: 11px;
    max-width: 20px;
    height: 5px
}

body .Button__text {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

body .Button_loading {
    padding-left: 8px
}

body .Button_hideButton {
    visibility: hidden
}

body .Button__loader {
    display: flex;
    gap: 8px;
    animation: gap .5s ease
}

body .Button__loader .Spinner {
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: flex;
    justify-content: center
}

@keyframes gap {
    0% {
        gap: 0
    }
    to {
        gap: 8px
    }
}

@media (max-width: 767.98px) {
    body .Button, body .GameError__homeButton {
        padding: 8px
    }
}

body .wd-button-primary {
    background: linear-gradient(144.51deg, #1296bf .04%, #096497 95.23%);
    border-radius: 2px;
    cursor: pointer;
    color: var(--base-text-primary)
}

body .wd-button-primary, body .wd-button-secondary {
    font-style: normal;
    font-weight: 600;
    font-size: 1.1rem;
    line-height: 24px;
    padding: 8px 16px;
    text-transform: uppercase;
    text-decoration: none
}

body .wd-button-secondary {
    text-align: center;
    color: var(--primary-solid)
}

body .FieldCaptcha__hint {
    margin-bottom: 24px;
    color: var(--base-text-secondary);
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.5rem
}

body .FieldCheckbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer
}

body .FieldCheckbox__container {
    display: block;
    position: relative;
    cursor: pointer;
    height: 18px;
    width: 18px;
    margin-right: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden
}

body .FieldCheckbox__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: transparent;
    border: 2px solid var(--base-text-secondary);
    border-radius: 4px;
    color: transparent
}

body .FieldCheckbox__input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 1
}

body .FieldCheckbox__input ~ .FieldCheckbox__checkmark .Icon {
    opacity: 0
}

body .FieldCheckbox__input:checked ~ .FieldCheckbox__checkmark {
    border-width: 0;
    background: var(--primary-solid);
    color: var(--base-text-primary)
}

body .FieldCheckbox__input:checked ~ .FieldCheckbox__checkmark .Icon {
    opacity: 1
}

body .FieldCheckbox__input:checked ~ .FieldCheckbox__checkmark:after {
    display: block
}

body .FieldCheckbox__error-message {
    font-style: normal;
    font-weight: 400;
    min-width: 100%;
    color: var(--base-alert);
    width: 100%;
    margin-top: 4px
}

body .FieldCheckbox.error .FieldCheckbox__checkmark {
    border-color: var(--base-alert)
}

body .FieldCheckbox__label {
    color: var(--base-text-secondary);
    font-style: normal;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.5rem;
    cursor: pointer;
    flex: 1 1
}

body .FieldRadio {
    position: relative;
    padding-left: 30px;
    display: inline-block;
    cursor: pointer;
    min-height: 21px
}

body .FieldRadio__input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

body .FieldRadio__checkMark {
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 2px solid var(--base-text-secondary)
}

body .FieldRadio__label {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--base-text-secondary)
}

body .FieldRadio__checkMark:after {
    content: "";
    position: absolute;
    display: none;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--primary-solid)
}

body .FieldRadio__input:checked ~ .FieldRadio__checkMark {
    border: 2px solid var(--primary-solid)
}

body .FieldRadio__input:checked ~ .FieldRadio__checkMark:after {
    display: block
}

body .FieldRadio__input:checked ~ .FieldRadio__label {
    color: var(--base-text-primary)
}

body .FieldRadioButton {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 50px;
    margin-bottom: 50px
}

body .FieldRadioButton__input {
    display: inline-block;
    width: 30px;
    height: 50px;
    background: transparent;
    color: var(--white);
    border: 0;
    border-bottom: 2px solid var(--dark-grey);
    font-size: 1.5rem
}

@media (max-width: 767.98px) {
    body .FieldRadioButton__input {
        height: 44px;
        font-size: 1.3rem
    }
}

body .FieldSelect {
    margin-bottom: 20px
}

body .FieldSelect__label {
    display: block;
    margin-bottom: 4px;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    padding-left: 8px
}

body .FieldSelect__label_isRequired:after {
    content: "*";
    color: var(--base-alert);
    margin-left: 3px
}

body .FieldSelect__error {
    width: 100%;
    margin-top: 5px;
    color: var(--base-alert)
}

body .FieldSelect .Spinner {
    width: 22px;
    height: 22px;
    min-height: 22px
}

body .FieldSelect .Spinner .Spinner__content {
    width: 100%;
    height: 100%
}

body .rc-select-allow-clear .rc-select-clear {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    right: 30px
}

body .rc-select-allow-clear .rc-select-clear .rc-select-clear-icon {
    font-size: 18px;
    line-height: 18px;
    color: var(--base-text-secondary)
}

body .FieldSwitch {
    position: relative;
    padding-left: 42px;
    display: inline-block;
    cursor: pointer
}

body .FieldSwitch__input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

body .FieldSwitch__switcher {
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 36px;
    border-radius: 16px;
    background-color: var(--base-divider);
    transition: all .3s ease-in-out
}

body .FieldSwitch__switcher_disabled {
    opacity: .6
}

body .FieldSwitch__label {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-primary)
}

body .FieldSwitch__switcher:after {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--base-text-primary);
    position: absolute;
    top: 2px;
    left: 2px;
    transition: all .3s ease-in-out
}

body .FieldSwitch__input:checked ~ .FieldSwitch__switcher {
    background-color: var(--primary-solid)
}

body .FieldSwitch__input:checked ~ .FieldSwitch__switcher:after {
    background-color: var(--base-elements);
    left: 18px
}

body .FieldText {
    position: relative;
    margin-bottom: 20px
}

body .FieldText__label {
    display: block;
    margin-bottom: 4px;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    padding-left: 8px
}

body .FieldText__wrapper {
    border-radius: 24px
}

body .FieldText__wrapper_hasLeftAddonElement, body .FieldText__wrapper_hasRightAddonElement {
    position: relative
}

body .FieldText__wrapper_hasLeftAddonElement .FieldText__input {
    padding-left: 34px
}

body .FieldText__wrapper_hasRightAddonElement .FieldText__input {
    padding-right: 34px
}

body .FieldText__wrapper_error .FieldText__input {
    border: .6px solid var(--base-alert)
}

body .FieldText__input {
    width: 100%;
    height: 40px;
    color: var(--base-text-primary);
    background-color: var(--base-elements);
    border-radius: 24px;
    font-size: .875rem;
    transition: background-color .3s ease-in-out, border .3s ease-in-out;
    padding: 0 16px;
    border: .6px solid transparent;
    box-shadow: var(--base-input-normal-shadow);
    -webkit-box-shadow: var(--base-input-normal-shadow);
    -webkit-appearance: none;
    caret-color: var(--base-text-primary)
}

body .FieldText__input:focus {
    box-shadow: var(--base-input-active-shadow);
    -webkit-box-shadow: var(--base-input-active-shadow)
}

body .FieldText__input:-webkit-autofill {
    background-color: var(--base-elements)
}

body .FieldText__input:-webkit-autofill, body .FieldText__input:auto-fill, body .FieldText__input:autofill {
    background-color: var(--base-elements)
}

body .FieldText__input::placeholder {
    color: var(--base-text-placeholder);
    font-size: .875rem;
    line-height: 24px
}

body .FieldText__input:not(:disabled):not(:-moz-read-only):focus {
    border-color: var(--primary-solid);
    box-shadow: var(--base-input-active-shadow);
    -webkit-box-shadow: var(--base-input-active-shadow);
    -moz-transition: .3s;
    transition: .3s
}

body .FieldText__input:not(:disabled):not(:read-only):focus {
    border-color: var(--primary-solid);
    box-shadow: var(--base-input-active-shadow);
    -webkit-box-shadow: var(--base-input-active-shadow);
    transition: .3s
}

body .FieldText__input:disabled:-moz-read-only {
    color: var(--base-text-placeholder)
}

body .FieldText__input:disabled:read-only {
    color: var(--base-text-placeholder)
}

body .FieldText__input[type=date], body .FieldText__input[type=text] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: text
}

body .FieldText__input[type=date]::-webkit-calendar-picker-indicator {
    background-color: var(--base-text-primary);
    background-image: none;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=);
    -webkit-mask-size: 18px;
    mask-size: 18px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=)
}

body .FieldText__input[type=date]::-webkit-datetime-edit {
    font-size: .875rem;
    font-weight: 400;
    color: var(--base-text-primary)
}

body .FieldText__input[type=date]::-webkit-calendar-picker-indicator {
    cursor: pointer
}

body .FieldText__input[type=date][value=""]::-webkit-calendar-picker-indicator {
    opacity: .5
}

body .FieldText__input[type=date][value=""]::-webkit-datetime-edit {
    opacity: 0
}

body .FieldText__input[type=date][value=""]:before {
    display: block;
    width: 100%;
    font-family: var(--primary-font-family);
    color: var(--base-text-placeholder);
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    content: attr(placeholder)
}

body .FieldText__input[type=date]:focus::-webkit-calendar-picker-indicator, body .FieldText__input[type=date]:focus::-webkit-datetime-edit {
    opacity: 1
}

body .FieldText__input[type=date]:focus:before {
    display: none
}

body .FieldText__input[type=date][value=""] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body .FieldText__input[type=date]:focus {
    display: inline-block
}

body .FieldText__input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

body .FieldText__input[type=number]::-webkit-inner-spin-button, body .FieldText__input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

body .FieldText__textarea {
    padding: 8px 16px;
    resize: none;
    height: 72px;
    font-family: var(--primary-font-family)
}

body .FieldText__textarea::placeholder {
    line-height: 16px
}

body .FieldText__error {
    color: var(--base-alert);
    width: 100%;
    margin-top: 4px
}

body .FieldText__addonElement {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    display: flex
}

body .FieldText__addonElement_left {
    right: auto;
    left: 10px
}

body .FieldText__addonElement button {
    height: 26px
}

body .FieldText__addonElement i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--base-text-primary);
    cursor: pointer
}

body .FieldText__autocompleteOptions {
    display: none;
    z-index: 1;
    border-bottom: 1px solid var(--base-background);
    background: var(--base-elements);
    margin-top: 4px;
    position: absolute;
    color: var(--base-text-secondary);
    width: 100%;
    padding: 8px 0;
    max-height: 176px;
    overflow-y: auto
}

body .FieldText__autocompleteOptions::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .FieldText__autocompleteOptions::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .FieldText__autocompleteOptions::-webkit-scrollbar-thumb, body .FieldText__autocompleteOptions::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .FieldText__autocompleteOptions::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .FieldText__autocompleteOptions::-webkit-scrollbar {
        width: 6px
    }

    body .FieldText__autocompleteOptions::-webkit-scrollbar-thumb, body .FieldText__autocompleteOptions::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .FieldText__autocompleteOptions > div {
    padding: 8px 16px;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.375rem;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center
}

body .FieldText__autocompleteOptions > div:hover {
    color: var(--base-text-primary)
}

body .FieldText__autocompleteOptions_show {
    display: block
}

body .FieldPhone {
    position: relative;
    margin-bottom: 20px
}

body .FieldPhone__hidden {
    display: none
}

body .FieldPhone__label {
    display: block;
    margin-bottom: 4px;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    padding-left: 8px
}

body .FieldPhone__wrapper {
    border-radius: 24px
}

body .FieldPhone__wrapper_hasLeftAddonElement, body .FieldPhone__wrapper_hasRightAddonElement {
    position: relative
}

body .FieldPhone__wrapper_hasLeftAddonElement .FieldText__input {
    padding-left: 34px
}

body .FieldPhone__wrapper_hasRightAddonElement .FieldText__input {
    padding-right: 34px
}

body .FieldPhone__wrapper_error .FieldText__input {
    border: .6px solid var(--base-alert)
}

body .FieldPhone .form-control {
    width: 100%;
    height: 40px;
    color: var(--base-text-primary);
    background-color: var(--base-elements);
    box-shadow: var(--base-input-normal-shadow);
    -webkit-box-shadow: var(--base-input-normal-shadow);
    font-size: .875rem;
    transition: background-color .3s ease-in-out, border .3s ease-in-out;
    border: .6px solid transparent;
    padding-left: 54px
}

body .FieldPhone input {
    padding-left: 54px
}

body .FieldPhone__addonElement {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    display: flex
}

body .FieldPhone__addonElement_left {
    right: auto;
    left: 10px
}

body .FieldPhone__addonElement button {
    height: 26px
}

body .FieldPhone__addonElement i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--base-text-primary);
    cursor: pointer
}

body .FieldPhone .react-tel-input .flag-dropdown {
    background-color: var(--base-elements);
    border: none;
    border-radius: 24px 0 0 24px;
    margin-left: 10px;
    height: 19px;
    margin-top: auto;
    margin-bottom: auto
}

body .FieldPhone .react-tel-input .flag-dropdown:hover {
    background-color: var(--base-elements);
    border: none
}

body .FieldPhone .react-tel-input .flag-dropdown .open, body .FieldPhone .react-tel-input .flag-dropdown .selected-flag {
    border-radius: 24px
}

body .FieldPhone .react-tel-input .flag-dropdown .open:focus, body .FieldPhone .react-tel-input .flag-dropdown .open:hover, body .FieldPhone .react-tel-input .flag-dropdown .selected-flag:focus, body .FieldPhone .react-tel-input .flag-dropdown .selected-flag:hover {
    background-color: var(--base-elements);
    border: none;
    border-radius: 24px
}

body .FieldPhone .react-tel-input .flag-dropdown .open {
    background-color: var(--base-elements)
}

body .FieldPhone .react-tel-input .arrow {
    display: inline-block;
    position: absolute;
    width: 7px;
    height: 7px;
    background: transparent;
    border-top: 1px solid #bfbfbf;
    border-left: 1px solid #bfbfbf;
    border-right: 0;
    text-decoration: none;
    color: transparent;
    transform: translate(40%, -50%) rotate(-135deg);
    transition: all .1s ease-in-out
}

body .FieldPhone .react-tel-input .up {
    transform: translate(40%) rotate(45deg);
    border-bottom: none !important;
    border-top: 1px solid #bfbfbf !important
}

body .FieldPhone__error {
    color: var(--base-alert);
    width: 100%;
    margin-top: 4px
}

body .FieldFile {
    position: relative;
    margin-bottom: 20px
}

body .FieldFile__wrapper {
    color: var(--base-text-primary);
    background-color: var(--base-elements);
    position: relative;
    padding: 16px;
    display: flex;
    align-items: center;
    min-height: 96px
}

body .FieldFile__wrapper input {
    display: none
}

body .FieldFile__wrapper_error {
    border: .6px solid var(--base-alert)
}

body .FieldFile__wrapper_highlighted {
    border: 1px dashed var(--primary-solid)
}

body .FieldFile__content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 25px
}

body .FieldFile__content > div span {
    display: block
}

body .FieldFile__title {
    font-size: 16px;
    line-height: 28px;
    overflow-wrap: anywhere;
    word-break: break-all
}

body .FieldFile__image {
    border-radius: 5px;
    margin-right: 14px;
    height: 64px;
    min-width: 64px;
    background: var(--base-surface);
    color: var(--base-text-placeholder);
    display: flex;
    justify-content: center;
    align-items: center
}

body .FieldFile__image img {
    max-width: 64px;
    max-height: 64px;
    object-fit: contain
}

body .FieldFile__image .Icon {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content
}

body .FieldFile__button {
    width: -moz-fit-content;
    width: fit-content;
    padding: 8px 16px;
    margin-right: 16px;
    overflow: visible
}

body .FieldFile__label {
    display: block;
    margin-bottom: 4px;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    padding-left: 8px
}

body .FieldFile__error {
    color: var(--base-alert)
}

body .FieldFile__success {
    color: var(--base-success)
}

body .FieldFile__clear {
    position: absolute;
    top: 16px;
    right: 16px;
    color: var(--base-text-secondary);
    cursor: pointer
}

body .FieldFile__clear .Icon {
    width: 22px;
    height: 22px
}

body .ExtendedRangePicker__container {
    position: relative;
    width: 100%
}

body .ExtendedRangePicker__container .rc-picker {
    padding: 8px 48px 8px 16px
}

body .ExtendedRangePicker__container .rc-picker-clear {
    width: 24px;
    height: 24px
}

body .ExtendedRangePicker__container_hideExtraFooter .rc-picker-footer {
    display: none
}

body .ExtendedRangePicker__container_hideExtraFooter .rc-picker-panel {
    border-bottom: 0
}

body .ExtendedRangePicker__container .rc-picker-panel-layout {
    max-height: 345px
}

body .ExtendedRangePicker__container .rc-picker-panel-container {
    border-radius: 16px;
    overflow: hidden
}

body .ExtendedRangePicker__container .rc-picker-presets {
    height: auto;
    max-height: 100%;
    min-width: 125px;
    border-bottom: none;
    border-right: 1px solid var(--base-divider);
    overflow: auto
}

body .ExtendedRangePicker__container .rc-picker-presets::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .ExtendedRangePicker__container .rc-picker-presets::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

body .ExtendedRangePicker__container .rc-picker-presets::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .ExtendedRangePicker__container .rc-picker-presets::-webkit-scrollbar {
        width: 6px
    }

    body .ExtendedRangePicker__container .rc-picker-presets::-webkit-scrollbar-thumb, body .ExtendedRangePicker__container .rc-picker-presets::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .ExtendedRangePicker__container .rc-picker-presets ul {
    padding: 8px 0;
    margin: 0
}

body .ExtendedRangePicker__container .rc-picker-presets ul li {
    transition: all .15s linear;
    color: var(--base-text-secondary);
    font-weight: 400;
    text-transform: none;
    padding: 6px 12px;
    margin: 0
}

body .ExtendedRangePicker__container .rc-picker-presets ul li:hover {
    color: var(--primary-solid)
}

body .ExtendedRangePicker__container .rc-picker-header {
    height: 40px
}

body .ExtendedRangePicker__container .rc-picker-header .rc-picker-header-next-btn, body .ExtendedRangePicker__container .rc-picker-header .rc-picker-header-prev-btn, body .ExtendedRangePicker__container .rc-picker-header .rc-picker-header-super-next-btn, body .ExtendedRangePicker__container .rc-picker-header .rc-picker-header-super-prev-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 34px;
    min-width: 20px;
    font-size: 28px
}

body .ExtendedRangePicker__container .rc-picker-panel .rc-picker-decade-panel .rc-picker-header-view, body .ExtendedRangePicker__container .rc-picker-panel .rc-picker-header-view button:last-child {
    display: inline-flex;
    justify-content: center;
    align-items: center
}

body .ExtendedRangePicker__container .rc-picker-panel .rc-picker-decade-panel .rc-picker-header-view:after, body .ExtendedRangePicker__container .rc-picker-panel .rc-picker-header-view button:last-child:after {
    content: "";
    width: 16px;
    height: 16px;
    margin-left: 4px;
    display: flex;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-up.svg);
    mask-image: url(/iconPack/arrow-up.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

body .ExtendedRangePicker__container .rc-picker-panel .rc-picker-date-panel .rc-picker-header-view button:last-child:after {
    transform: rotate(180deg)
}

body .ExtendedRangePicker__container .rc-picker-body {
    display: flex;
    justify-content: center;
    align-items: center
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content {
    width: 224px;
    border-spacing: 0 4px;
    border-collapse: initial
}

@media (max-width: 767.98px) {
    body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content {
        width: 100%
    }
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content thead {
    margin-bottom: 4px
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content thead th {
    color: var(--base-text-placeholder)
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell {
    height: 28px;
    padding: 0;
    overflow: hidden
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-range-start {
    border-radius: 48px 0 0 48px
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-range-end {
    border-radius: 0 48px 48px 0
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-range-start.rc-picker-cell-range-end {
    border-radius: 48px
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell:before {
    height: 100%
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-disabled:before {
    background-color: transparent
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell .rc-picker-cell-inner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--base-text-placeholder)
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-in-view:not(.rc-picker-cell-disabled) .rc-picker-cell-inner {
    color: var(--base-text-primary)
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-in-range .rc-picker-cell-inner {
    border-radius: 0
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-today .rc-picker-cell-inner:before {
    position: absolute;
    content: "";
    border: none;
    bottom: 2px;
    left: auto;
    right: auto;
    top: auto;
    width: 4px;
    height: 4px;
    background-color: var(--primary-solid)
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-in-range:before, body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-range-end:before, body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-range-start:before {
    background-color: var(--base-elements-hover)
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-range-hover-start .rc-picker-cell-inner:after {
    right: 0
}

body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell.rc-picker-cell-range-hover-end .rc-picker-cell-inner:after {
    left: 0
}

@media (max-width: 767.98px) {
    body .ExtendedRangePicker__container .rc-picker-body .rc-picker-content .rc-picker-cell {
        height: 32px
    }
}

body .ExtendedRangePicker__container .rc-picker-footer-extra {
    padding: 0
}

@media (max-width: 767.98px) {
    body .ExtendedRangePicker__container .rc-picker-panel-layout {
        max-height: -moz-fit-content;
        max-height: fit-content
    }

    body .ExtendedRangePicker__container .rc-picker-dropdown {
        z-index: 9997;
        position: fixed;
        bottom: 0 !important;
        right: 0 !important;
        left: 0 !important;
        top: 0 !important;
        width: 100vw;
        height: 100vh;
        background-color: rgba(33, 37, 41, .8)
    }

    body .ExtendedRangePicker__container .rc-picker-panel {
        border-bottom: none
    }

    body .ExtendedRangePicker__container .rc-picker-range-wrapper {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0
    }

    body .ExtendedRangePicker__container .rc-picker-panel-container {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    body .ExtendedRangePicker__container .rc-picker-presets {
        display: none
    }

    body .ExtendedRangePicker__container .rc-picker-panel-layout {
        flex-direction: column
    }

    body .ExtendedRangePicker__container .rc-picker-panels {
        width: 100%
    }

    body .ExtendedRangePicker__container .rc-picker-panels > .rc-picker-panel:last-child {
        display: none
    }

    body .ExtendedRangePicker__container .rc-picker-panels > .rc-picker-panel:first-child {
        display: block;
        width: 100%
    }

    body .ExtendedRangePicker__container .rc-picker-panels > .rc-picker-panel:first-child .rc-picker-header {
        padding: 0 20px
    }

    body .ExtendedRangePicker__container .rc-picker-panels > .rc-picker-panel:first-child .rc-picker-header .rc-picker-header-next-btn, body .ExtendedRangePicker__container .rc-picker-panels > .rc-picker-panel:first-child .rc-picker-header .rc-picker-header-super-next-btn {
        visibility: visible !important
    }

    body .ExtendedRangePicker__container .rc-picker-panels .rc-picker-date-panel, body .ExtendedRangePicker__container .rc-picker-panels .rc-picker-month-panel, body .ExtendedRangePicker__container .rc-picker-panels .rc-picker-year-panel {
        width: auto
    }
}

body .ExtendedRangePicker__inputsIconContainer {
    position: absolute;
    top: 8px;
    right: 16px;
    bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center
}

body .ExtendedRangePicker__inputsIcon {
    width: 24px;
    height: 24px;
    color: var(--base-text-secondary);
    cursor: pointer
}

body .ExtendedRangePicker__footer {
    padding: 8px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

@media (max-width: 767.98px) {
    body .ExtendedRangePicker__footer {
        max-width: 100vw;
        padding: 0 0 16px;
        gap: 0;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start
    }
}

body .ExtendedRangePicker__footerPresetsWrapper {
    display: none;
    overflow: auto
}

body .ExtendedRangePicker__footerPresetsWrapper::-webkit-scrollbar {
    width: 0
}

body .ExtendedRangePicker__footerPresetsWrapper::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0
}

body .ExtendedRangePicker__footerPresetsWrapper::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0;
    border: 0
}

body .ExtendedRangePicker__footerPresetsWrapper::-webkit-scrollbar {
    height: 0
}

@media (max-width: 767.98px) {
    body .ExtendedRangePicker__footerPresetsWrapper {
        display: block;
        max-width: 100%;
        border-top: 1px solid var(--base-divider);
        border-bottom: 1px solid var(--base-divider);
        margin-bottom: 16px
    }
}

body .ExtendedRangePicker__footerPresetsContainer {
    padding: 4px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap
}

body .ExtendedRangePicker__footerPresetItem {
    flex: 0 0 auto;
    padding: 4px 8px;
    color: var(--base-text-secondary)
}

body .ExtendedRangePicker__footerPresetItem_active {
    color: var(--primary-solid)
}

body .ExtendedRangePicker__footerDates {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

body .ExtendedRangePicker__footerDates span {
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .ExtendedRangePicker__footerDates {
        margin-bottom: 16px
    }
}

body .ExtendedRangePicker__footerDatesClearIcon {
    display: none;
    width: 18px;
    height: 18px;
    margin-top: 5px
}

body .ExtendedRangePicker__footerDatesClearIcon svg {
    width: 18px;
    height: 18px
}

@media (max-width: 767.98px) {
    body .ExtendedRangePicker__footerDatesClearIcon {
        display: block
    }
}

body .ExtendedRangePicker__footerButtons {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    gap: 8px
}

body .ExtendedRangePicker__footerButtons > * {
    flex: 0 0 fit-content;
    max-width: 150px
}

body .ExtendedRangePicker__footerButtons > :disabled {
    pointer-events: none
}

@media (max-width: 767.98px) {
    body .ExtendedRangePicker__footerButtons {
        display: block;
        margin-left: 0;
        padding: 0 20px
    }

    body .ExtendedRangePicker__footerButtons > * {
        max-width: 100%
    }

    body .ExtendedRangePicker__footerButtonsClearButton {
        display: none
    }
}

body .LinkButton {
    font-size: 0;
    line-height: 0
}

body .LinkButton__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    text-align: center;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding: 0 16px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 600;
    font-size: .875rem;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .5s;
    cursor: pointer;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow);
    gap: 11px;
    font-family: var(--secondary-font-family)
}

body .LinkButton__button_placeholder {
    cursor: not-allowed;
    filter: brightness(.5)
}

body .LinkButton__button:active {
    box-shadow: var(--base-button-active-shadow);
    -webkit-box-shadow: var(--base-button-active-shadow)
}

body .LinkButton__button_typePrimary {
    background: var(--primary-solid);
    color: var(--base-text-on-color-bg)
}

body .LinkButton__button_typePrimary:hover {
    background: var(--primary-hover);
    color: var(--base-text-on-color-bg)
}

body .LinkButton__button_typeSecondary {
    background: var(--base-elements);
    color: var(--primary-solid)
}

body .LinkButton__button_typeSecondary:hover {
    background: var(--base-elements-hover);
    color: var(--primary-hover)
}

body .LinkButton__button_sizeLarge {
    min-width: 280px;
    width: auto;
    height: 40px
}

body .LinkButton__button_sizeMedium, body .LinkButton__button_sizeNormal {
    width: 100%;
    height: 40px
}

@media (max-width: 1279.98px) {
    body .LinkButton__button_sizeMedium {
        height: 34px
    }
}

@media (max-width: 767.98px) {
    body .LinkButton__button_sizeMedium {
        height: 30px
    }
}

body .LinkButton__leftIcon img, body .LinkButton__leftIcon svg, body .LinkButton__rightIcon img, body .LinkButton__rightIcon svg {
    width: 24px;
    height: 24px
}

@media (max-width: 767.98px) {
    body .LinkButton__button {
        padding: 0 8px
    }
}

body .LinkButton__skeleton {
    height: 40px;
    border-radius: 8px;
    background-color: var(--base-surface);
    width: 100px
}

body .LinkButton__linkText {
    display: block;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
    line-height: 120%
}

body .LinkButton__linkText:empty {
    display: none
}

body .Wrapper {
    background: var(--base-background);
    overflow: hidden;
    margin: 0 auto;
    padding: 40px;
    min-height: calc(100vh - (var(--header-height) + var(--footer-height)))
}

@media (max-width: 1279.98px) {
    body .Wrapper {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .Wrapper {
        padding: 20px
    }
}

body .globalBackground .Wrapper {
    background: transparent
}

body .Container {
    margin: 0 auto;
    max-width: var(--content-width)
}

body .ReactModal__Content .Modal {
    font-family: Roboto, sans-serif;
    position: absolute;
    max-height: calc(100% - 60px);
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 460px;
    display: flex;
    flex-direction: column;
    background: var(--base-surface);
    box-shadow: var(--base-modal-shadow);
    -webkit-box-shadow: var(--base-modal-shadow)
}

body .ReactModal__Content .Modal::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .ReactModal__Content .Modal::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .ReactModal__Content .Modal::-webkit-scrollbar-thumb, body .ReactModal__Content .Modal::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .ReactModal__Content .Modal::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .ReactModal__Content .Modal::-webkit-scrollbar {
        width: 6px
    }

    body .ReactModal__Content .Modal::-webkit-scrollbar-thumb, body .ReactModal__Content .Modal::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

@media (max-width: 767.98px) {
    body .ReactModal__Content .Modal {
        max-width: 280px
    }
}

body .ReactModal__Content .Modal__header {
    padding: 36px 24px 24px
}

@media (max-width: 767.98px) {
    body .ReactModal__Content .Modal__header {
        padding: 36px 20px 24px
    }
}

body .ReactModal__Content .Modal__button {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
    background-color: var(--base-text-primary);
    -webkit-mask-image: url(/iconPack/close.svg);
    mask-image: url(/iconPack/close.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

body .ReactModal__Content .Modal__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .ReactModal__Content .Modal__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

body .ReactModal__Content .Modal__text {
    margin-top: 12px;
    color: var(--base-text-secondary)
}

body .ReactModal__Overlay {
    background-color: rgba(41, 43, 66, .8) !important
}

body .ConfirmModal__buttonsContainer {
    padding: 0 24px 16px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

body .ConfirmModal__buttonsContainer > * + * {
    margin-left: 16px
}

body .ConfirmModal__confirmButton, body .ConfirmModal__discardButton {
    flex: 0 1 auto;
    width: auto
}

@media (max-width: 767.98px) {
    body .ConfirmModal__buttonsContainer {
        padding: 0 20px 20px;
        justify-content: center
    }

    body .ConfirmModal__confirmButton, body .ConfirmModal__discardButton {
        flex: 1 1 auto
    }
}

body .NothingFound__container {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

body .NothingFound__header {
    font-style: normal;
    font-weight: 900;
    font-size: 3.4rem;
    line-height: 56px;
    text-transform: uppercase;
    margin-bottom: 100px
}

body .PaymentForm__container {
    padding: 0 24px
}

body .PaymentForm__container::-webkit-scrollbar {
    width: 10px;
    height: 8px;
    background-color: var(--base-surface);
    border-radius: 24px
}

body .PaymentForm__container::-webkit-scrollbar-thumb {
    background-color: var(--base-elements);
    border-radius: 9em
}

body .PaymentForm__form {
    display: block;
    max-width: 100%
}

body .PaymentForm__footer {
    width: 100%;
    padding: 24px 24px 16px;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    overflow: hidden
}

@media (max-width: 434.98px) {
    body .PaymentForm__footer {
        justify-content: space-between
    }
}

body .PaymentForm__button:not(:last-of-type) {
    padding-right: 16px
}

body .PaymentForm__bonusList {
    max-width: 100%
}

body .PaymentForm__bonusList .ListAvailableBonuses__title {
    text-align: left
}

body .PaymentForm__bonusList .ListAvailableBonuses__container {
    padding-right: 12px
}

body .PaymentForm__alert {
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
    margin-top: 10px;
    color: var(--base-alert)
}

@media (max-width: 767.98px) {
    body .PaymentForm__container {
        padding: 0 20px
    }

    body .PaymentForm__footer {
        padding: 24px 20px 20px
    }

    body .PaymentForm__bonusList .ListAvailableBonuses__container {
        padding-right: 6px
    }
}

@media (max-width: 434.98px) {
    body .PaymentForm__button {
        width: 100%;
        max-width: 50%
    }
}

body .PaymentForm__tax {
    padding-left: 8px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: var(--base-text-secondary)
}

body .PaymentForm__warning {
    color: var(--base-text-secondary);
    font-size: .75rem
}

body .PaymentForm__link {
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    color: var(--base-alert)
}

body .PaymentForm__link:hover {
    text-decoration: underline
}

body .PaymentForm__hint {
    display: flex;
    justify-content: flex-start;
    margin: -8px 0 16px;
    padding: 0 8px;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--base-text-primary)
}

body .PaymentForm__hint .icon {
    width: auto;
    margin: 2px 5px 0 0
}

body .PaymentMethod__item {
    padding: 24px 24px 15px;
    background-color: var(--base-surface);
    border-radius: 20px !important;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    font-family: var(--secondary-font-family);
    cursor: pointer;
    border: 1px solid var(--base-surface)
}

body .PaymentMethod__item_active {
    border-color: var(--primary-solid)
}

body .PaymentMethod__image {
    max-width: 124px;
    max-height: 40px;
    overflow: hidden;
    margin-bottom: 10px
}

body .PaymentMethod__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

body .PaymentMethod__head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

body .PaymentMethod__minMaxDescription {
    text-align: right;
    text-transform: uppercase;
    margin-bottom: 5px;
    display: none
}

body .PaymentMethod__minMaxDescription div {
    color: var(--base-text-secondary);
    font-size: 10px;
    line-height: 12px;
    font-weight: 600
}

body .PaymentMethod__minMaxDescription span {
    color: var(--base-text-primary);
    font-size: 12px;
    line-height: 20px;
    font-weight: 400
}

body .PaymentMethod__content {
    max-width: inherit
}

body .PaymentMethod__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 4px
}

body .PaymentMethod__description {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    display: none
}

@media (max-width: 767.98px) {
    body .PaymentMethod {
        padding: 20px
    }

    body .PaymentMethod__description, body .PaymentMethod__minMaxDescription {
        display: block
    }

    body .PaymentMethod__content, body .PaymentMethod__image {
        margin-bottom: 16px
    }
}

body .PaymentMethodButton {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    padding: 24px;
    background-color: var(--base-surface);
    border-radius: 24px;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    font-family: var(--secondary-font-family)
}

body .PaymentMethodButton__image {
    flex: 0 0 124px;
    max-width: 124px;
    max-height: 66px;
    overflow: hidden;
    margin-right: 40px
}

body .PaymentMethodButton__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

body .PaymentMethodButton__content {
    flex: 1 1 auto;
    max-width: inherit;
    margin-right: 40px
}

body .PaymentMethodButton__title {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 4px
}

body .PaymentMethodButton__description {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    word-break: break-all
}

body .PaymentMethodButton__button {
    width: -moz-fit-content;
    width: fit-content;
    line-height: 0
}

body .PaymentMethodButton .Button, body .PaymentMethodButton .GameError__homeButton {
    width: 100%;
    font-weight: 600
}

@media (max-width: 767.98px) {
    body .PaymentMethodButton .Button, body .PaymentMethodButton .GameError__homeButton {
        padding: 8px 16px;
        width: 106px
    }
}

body .PaymentMethodButton .Button_loading {
    background: var(--base-divider)
}

body .PaymentMethodButton .Button_loading .Button__text {
    color: var(--base-text-placeholder)
}

@media (max-width: 767.98px) {
    body .PaymentMethodButton {
        display: block;
        padding: 20px
    }

    body .PaymentMethodButton__image {
        margin: 0 auto 16px
    }

    body .PaymentMethodButton__content {
        margin: 0 auto 16px;
        text-align: center
    }

    body .PaymentMethodButton__button {
        margin: 0 auto
    }
}

body .Tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: max-content;
    background: var(--base-elements);
    margin-bottom: 24px;
    white-space: nowrap;
    padding: 6px;
    box-shadow: var(--base-input-normal-shadow);
    -webkit-box-shadow: var(--base-input-normal-shadow)
}

body .Tabs__tab {
    color: var(--base-text-secondary);
    padding: 4px 16px;
    cursor: pointer;
    width: 100%;
    text-align: center;
    white-space: nowrap
}

body .Tabs__tab_active {
    color: var(--base-text-on-color-bg);
    background: var(--primary-solid);
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .Tabs__tab_disabled {
    opacity: .5;
    cursor: not-allowed
}

body .Table {
    overflow: auto;
    padding-bottom: 8px;
    margin-bottom: 24px
}

body .Table::-webkit-scrollbar {
    height: 4px
}

body .Table::-webkit-scrollbar-track {
    height: 2px;
    margin: 0 16px
}

body .Table::-webkit-scrollbar-thumb {
    height: 2px
}

body .Table::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .Table::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .Table::-webkit-scrollbar-thumb, body .Table::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .Table::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .Table::-webkit-scrollbar {
        width: 6px
    }

    body .Table::-webkit-scrollbar-thumb, body .Table::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .Table__table {
    width: 100%;
    background: var(--base-surface);
    border-collapse: collapse;
    overflow: hidden;
    position: relative
}

body .Table__tableFooter {
    background: var(--base-elements)
}

body .Table__tableCell, body .Table__tableFooterCell, body .Table__tableHeaderCell {
    font-size: 16px;
    line-height: 28px;
    padding: 10px 16px;
    text-align: left
}

body .Table__tableCell_cellNumber, body .Table__tableFooterCell_cellNumber, body .Table__tableHeaderCell_cellNumber {
    text-align: right
}

body .Table__tableCell_centered, body .Table__tableFooterCell_centered, body .Table__tableHeaderCell_centered {
    text-align: center
}

body .Table__tableCell_action, body .Table__tableFooterCell_action, body .Table__tableHeaderCell_action {
    width: -moz-fit-content;
    width: fit-content
}

body .Table__tableCell_action a, body .Table__tableFooterCell_action a, body .Table__tableHeaderCell_action a {
    cursor: pointer
}

body .Table__tableCell_hide, body .Table__tableFooterCell_hide, body .Table__tableHeaderCell_hide {
    display: none
}

body .Table__tableCell .Table__sortIcon, body .Table__tableFooterCell .Table__sortIcon, body .Table__tableHeaderCell .Table__sortIcon {
    margin-left: 10px;
    visibility: hidden;
    width: auto
}

body .Table__tableCell .Table__sortIcon_asc, body .Table__tableFooterCell .Table__sortIcon_asc, body .Table__tableHeaderCell .Table__sortIcon_asc {
    visibility: visible
}

body .Table__tableCell .Table__sortIcon_asc path:first-child, body .Table__tableFooterCell .Table__sortIcon_asc path:first-child, body .Table__tableHeaderCell .Table__sortIcon_asc path:first-child {
    color: var(--primary-solid)
}

body .Table__tableCell .Table__sortIcon_desc, body .Table__tableFooterCell .Table__sortIcon_desc, body .Table__tableHeaderCell .Table__sortIcon_desc {
    visibility: visible
}

body .Table__tableCell .Table__sortIcon_desc path:last-child, body .Table__tableFooterCell .Table__sortIcon_desc path:last-child, body .Table__tableHeaderCell .Table__sortIcon_desc path:last-child {
    color: var(--primary-solid)
}

body .Table__tableHeaderCell {
    background: var(--base-surface);
    font-weight: 500;
    border-bottom: 1px solid var(--base-background);
    border-right: 1px solid var(--base-background);
    color: var(--base-text-primary)
}

body .Table__tableHeaderCell_cellNumber {
    text-align: right
}

body .Table__tableHeaderCell > div {
    display: flex;
    justify-content: space-between;
    align-items: center
}

body .Table__tableHeaderCell > div span {
    flex-grow: 1
}

body .Table__tableHeaderCell_cursorPointer {
    cursor: pointer
}

body .Table__tableHeaderCell_cursorPointer:hover {
    background: var(--base-elements)
}

body .Table__tableHeaderCell_cursorPointer:hover .Table__sortIcon {
    visibility: visible
}

body .Table__tableHeaderCell:last-child {
    border-right: none
}

body .Table__tableRow {
    color: var(--base-text-primary);
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .Table__tableRow:nth-child(2n) {
    background: var(--base-elements)
}

body .Table__tableRow a {
    color: var(--primary-link);
    text-decoration: none;
    font-weight: 400
}

body .Table__tableFooterCell {
    font-weight: 700
}

body .Table__sortIcon {
    margin-left: 10px;
    visibility: hidden;
    width: auto !important
}

body .Table__sortIcon_asc {
    visibility: visible
}

body .Table__sortIcon_asc path:first-child {
    color: var(--primary-solid)
}

body .Table__sortIcon_desc {
    visibility: visible
}

body .Table__sortIcon_desc path:last-child {
    color: var(--primary-solid)
}

body .Table__emptyTable {
    height: 72px;
    text-align: center
}

body .Table__emptyTableCard {
    background: var(--base-surface);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    text-align: center
}

body .Table__backButton {
    width: 150px;
    margin-top: 40px
}

body .Table__emptyTableIcon {
    margin-bottom: 40px;
    max-width: 136px;
    min-width: 136px;
    content: "";
    width: 136px;
    height: 136px;
    color: var(--primary-solid)
}

@media (max-width: 767.98px) {
    body .Table__emptyTableIcon {
        max-width: 90px;
        min-width: 90px;
        width: 90px;
        height: 90px
    }
}

@media (max-width: 434.98px) {
    body .Table__emptyTableIcon {
        max-width: 75px;
        min-width: 75px;
        width: 75px;
        height: 75px
    }
}

body .Table__emptyTableTitle {
    color: var(--base-text-primary);
    margin-bottom: 8px
}

body .Table__emptyTableText {
    color: var(--base-text-secondary)
}

body .FiltersModal {
    width: calc(100% - 48px);
    margin: 0 auto
}

body .FiltersModal::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .FiltersModal::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .FiltersModal::-webkit-scrollbar-thumb, body .FiltersModal::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .FiltersModal::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .FiltersModal::-webkit-scrollbar {
        width: 6px
    }

    body .FiltersModal::-webkit-scrollbar-thumb, body .FiltersModal::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .FiltersModal__footer {
    margin: 30px 0 20px;
    display: grid;
    grid-gap: 16px;
    gap: 16px;
    grid-template:"clear cancel apply" 1fr/1fr auto auto
}

@media (max-width: 767.98px) {
    body .FiltersModal__footer {
        grid-template:"clear clear" 1fr "cancel apply" 1fr/1fr 1fr
    }
}

body .FiltersModal__button {
    overflow: visible
}

@media (min-width: 767.98px) {
    body .FiltersModal__button {
        width: -moz-fit-content;
        width: fit-content
    }
}

body .FiltersModal__button_clear {
    grid-area: clear
}

body .FiltersModal__button_cancel {
    grid-area: cancel
}

body .FiltersModal__button_apply {
    grid-area: apply
}

body .FiltersModal__Modal .Modal {
    overflow: auto;
    max-width: 710px
}

@media (max-width: 767.98px) {
    body .FiltersModal__Modal .Modal {
        max-width: 320px
    }
}

body .FiltersModal__range {
    display: flex;
    gap: 16px
}

@media (max-width: 767.98px) {
    body .FiltersModal__range {
        flex-direction: column;
        gap: 0
    }
}

body .FiltersModal__range .FieldText {
    flex-grow: 1
}

body .FiltersModal__range .FieldText:last-child .FieldText__label {
    visibility: hidden
}

@media (max-width: 767.98px) {
    body .FiltersModal__range .FieldText:last-child .FieldText__label {
        display: none
    }
}

body .Filters {
    display: inline-grid;
    grid-template-columns:1fr 1fr 2fr;
    grid-gap: 16px;
    margin-top: 10px
}

@media (max-width: 767.98px) {
    body .Filters {
        width: 100%;
        grid-template-columns:1fr;
        grid-gap: 0
    }
}

body .Filters label {
    display: none
}

body .rc-picker-status-error.rc-picker {
    background-color: #fff;
    border-color: #ff4d4f
}

body .rc-picker-status-error.rc-picker-focused, body .rc-picker-status-error.rc-picker:focus {
    border-color: #ff7875;
    box-shadow: 0 0 0 2px rgba(255, 77, 79, .2);
    border-right-width: 1px;
    outline: 0
}

body .rc-picker-status-error.rc-picker .rc-picker-active-bar {
    background: #ff7875
}

body .rc-picker-status-warning.rc-picker {
    background-color: #fff;
    border-color: #faad14
}

body .rc-picker-status-warning.rc-picker-focused, body .rc-picker-status-warning.rc-picker:focus {
    border-color: #ffc53d;
    box-shadow: 0 0 0 2px rgba(250, 173, 20, .2);
    border-right-width: 1px;
    outline: 0
}

body .rc-picker-status-warning.rc-picker .rc-picker-active-bar {
    background: #ffc53d
}

body .rc-picker {
    box-sizing: border-box;
    margin: 0;
    color: var(--base-text-primary);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    padding: 4px 11px;
    position: relative;
    display: inline-flex;
    align-items: center;
    background: var(--base-elements);
    border: 1px solid var(--base-elements);
    border-radius: 2px;
    transition: border .3s, box-shadow .3s
}

body .rc-picker-focused {
    border-color: var(--primary-solid);
    border-right-width: 1px;
    outline: 0
}

body .rc-picker.rc-picker-disabled {
    background: var(--primary-solid);
    border-color: var(--base-elements);
    cursor: not-allowed
}

body .rc-picker.rc-picker-disabled .rc-picker-suffix {
    color: var(--base-text-placeholder)
}

body .rc-picker.rc-picker-borderless {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important
}

body .rc-picker-input {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%
}

body .rc-picker-input > input {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    color: var(--base-text-primary);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border-radius: 2px;
    transition: all .3s;
    flex: auto;
    min-width: 1px;
    height: auto;
    padding: 0;
    background: transparent;
    border: 0
}

body .rc-picker-input > input::placeholder {
    color: var(--base-text-placeholder);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body .rc-picker-input > input:placeholder-shown {
    text-overflow: ellipsis
}

body .rc-picker-input > input-focused, body .rc-picker-input > input:focus {
    border-color: var(--primary-solid);
    border-right-width: 1px;
    outline: 0
}

body .rc-picker-input > input-disabled, body .rc-picker-input > input[disabled] {
    color: var(--base-text-placeholder);
    background-color: var(--primary-solid);
    border-color: var(--base-elements);
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1
}

body .rc-picker-input > input-borderless, body .rc-picker-input > input-borderless-disabled, body .rc-picker-input > input-borderless-focused, body .rc-picker-input > input-borderless:focus, body .rc-picker-input > input-borderless[disabled] {
    background-color: transparent;
    border: none;
    box-shadow: none
}

body textarea.rc-picker-input > input {
    max-width: 100%;
    height: auto;
    min-height: 32px;
    line-height: 1.5715;
    vertical-align: bottom;
    transition: all .3s, height 0s
}

body .rc-picker-input > input-lg {
    padding: 6.5px 11px;
    font-size: 16px
}

body .rc-picker-input > input-sm {
    padding: 0 7px
}

body .rc-picker-input > input:focus {
    box-shadow: none
}

body .rc-picker-input > input[disabled] {
    background: transparent
}

body .rc-picker-input-placeholder > input {
    color: var(--base-text-placeholder)
}

body .rc-picker-large {
    padding: 6.5px 11px
}

body .rc-picker-large .rc-picker-input > input {
    font-size: 16px
}

body .rc-picker-small {
    padding: 0 7px
}

body .rc-picker-suffix {
    display: flex;
    flex: none;
    align-self: center;
    margin-left: 4px;
    color: var(--base-text-placeholder);
    line-height: 1;
    pointer-events: none
}

body .rc-picker-suffix > * {
    vertical-align: top
}

body .rc-picker-suffix > :not(:last-child) {
    margin-right: 8px
}

body .rc-picker-clear {
    position: absolute;
    top: 50%;
    right: 0;
    color: var(--base-text-placeholder);
    line-height: 1;
    transform: translateY(-50%);
    cursor: pointer;
    transition: opacity .3s, color .3s;
    width: 20px;
    height: 20px
}

body .rc-picker-clear > * {
    vertical-align: top
}

body .rc-picker-separator {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 16px;
    color: var(--base-text-placeholder);
    font-size: 16px;
    vertical-align: top;
    cursor: default
}

body .rc-picker-focused .rc-picker-separator {
    color: rgba(0, 0, 0, .45)
}

body .rc-picker-disabled .rc-picker-range-separator .rc-picker-separator {
    cursor: not-allowed
}

body .rc-picker-range {
    position: relative;
    display: inline-flex;
    height: 40px;
    width: 100%
}

body .rc-picker-range .rc-picker-clear {
    right: 11px
}

body .rc-picker-range .rc-picker-active-bar {
    bottom: -1px;
    height: 2px;
    margin-left: 11px;
    background: var(--primary-solid);
    opacity: 0;
    transition: all .3s ease-out;
    pointer-events: none
}

body .rc-picker-range.rc-picker-focused .rc-picker-active-bar {
    opacity: 1
}

body .rc-picker-range-separator {
    align-items: center;
    padding: 0 8px;
    line-height: 1
}

@media (max-width: 767.98px) {
    body .rc-picker-range-separator {
        padding: 0 6px
    }
}

body .rc-picker-range.rc-picker-small .rc-picker-clear {
    right: 7px
}

body .rc-picker-range.rc-picker-small .rc-picker-active-bar {
    margin-left: 7px
}

body .rc-picker-dropdown {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: var(--base-text-primary);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum";
    position: absolute;
    top: -9999px;
    left: -9999px;
    z-index: 1050
}

body .rc-picker-dropdown-hidden {
    display: none
}

body .rc-picker-dropdown-placement-bottomLeft .rc-picker-range-arrow {
    top: 2.58561808px;
    display: block;
    transform: rotate(-135deg) translateY(1px)
}

body .rc-picker-dropdown-placement-topLeft .rc-picker-range-arrow {
    bottom: 2.58561808px;
    display: block;
    transform: rotate(45deg)
}

body .rc-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.rc-picker-dropdown-placement-topLeft, body .rc-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.rc-picker-dropdown-placement-topRight, body .rc-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.rc-picker-dropdown-placement-topLeft, body .rc-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.rc-picker-dropdown-placement-topRight {
    animation-name: antSlideDownIn
}

body .rc-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.rc-picker-dropdown-placement-bottomLeft, body .rc-picker-dropdown.ant-slide-up-appear.ant-slide-up-appear-active.rc-picker-dropdown-placement-bottomRight, body .rc-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.rc-picker-dropdown-placement-bottomLeft, body .rc-picker-dropdown.ant-slide-up-enter.ant-slide-up-enter-active.rc-picker-dropdown-placement-bottomRight {
    animation-name: antSlideUpIn
}

body .rc-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.rc-picker-dropdown-placement-topLeft, body .rc-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.rc-picker-dropdown-placement-topRight {
    animation-name: antSlideDownOut
}

body .rc-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.rc-picker-dropdown-placement-bottomLeft, body .rc-picker-dropdown.ant-slide-up-leave.ant-slide-up-leave-active.rc-picker-dropdown-placement-bottomRight {
    animation-name: antSlideUpOut
}

body .rc-picker-dropdown-range {
    padding: 7.54247233px 0
}

body .rc-picker-dropdown-range-hidden {
    display: none
}

body .rc-picker-dropdown .rc-picker-panel > .rc-picker-time-panel {
    padding-top: 4px
}

body .rc-picker-ranges {
    margin-bottom: 0;
    padding: 4px 12px;
    overflow: hidden;
    line-height: 34px;
    text-align: left;
    list-style: none
}

body .rc-picker-ranges > li {
    display: inline-block
}

body .rc-picker-ranges .rc-picker-preset > .ant-tag-blue {
    color: var(--primary-solid);
    background: var(--primary-solid);
    border-color: #91d5ff;
    cursor: pointer
}

body .rc-picker-ranges .rc-picker-ok {
    float: right;
    margin-left: 8px
}

body .rc-picker-range-wrapper {
    display: flex
}

body .rc-picker-range-arrow {
    position: absolute;
    z-index: 1;
    display: none;
    width: 11.3137085px;
    height: 11.3137085px;
    margin-left: 16.5px;
    box-shadow: 2px 2px 6px -2px rgba(0, 0, 0, .1);
    transition: left .3s ease-out;
    border-radius: 0 0 2px;
    pointer-events: none
}

body .rc-picker-range-arrow:before {
    position: absolute;
    top: -11.3137085px;
    left: -11.3137085px;
    width: 33.9411255px;
    height: 33.9411255px;
    background: var(--base-surface);
    background-repeat: no-repeat;
    background-position: -10px -10px;
    content: "";
    -webkit-clip-path: inset(33% 33%);
    clip-path: inset(33% 33%);
    -webkit-clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
    clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z")
}

body .rc-picker-panel-container {
    overflow: hidden;
    vertical-align: top;
    background: var(--base-surface);
    border-radius: 2px;
    box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
    transition: margin .3s
}

body .rc-picker-panel-container .rc-picker-panels {
    display: inline-flex;
    flex-wrap: nowrap;
    direction: ltr
}

body .rc-picker-panel-container .rc-picker-panel {
    vertical-align: top;
    background: transparent;
    border-width: 0 0 1px;
    border-radius: 0
}

body .rc-picker-panel-container .rc-picker-panel .rc-picker-content, body .rc-picker-panel-container .rc-picker-panel table {
    text-align: center
}

body .rc-picker-panel-container .rc-picker-panel-focused {
    border-color: var(--base-divider)
}

body .rc-picker-compact-item:not(.rc-picker-compact-last-item):not(.rc-picker-compact-item-rtl) {
    margin-right: -1px
}

body .rc-picker-compact-item:not(.rc-picker-compact-last-item).rc-picker-compact-item-rtl {
    margin-left: -1px
}

body .rc-picker-compact-item.rc-picker-focused, body .rc-picker-compact-item:active, body .rc-picker-compact-item:focus {
    z-index: 2
}

body .rc-picker-compact-item[disabled] {
    z-index: 0
}

body .rc-picker-compact-item:not(.rc-picker-compact-first-item):not(.rc-picker-compact-last-item).rc-picker {
    border-radius: 0
}

body .rc-picker-compact-item.rc-picker.rc-picker-compact-first-item:not(.rc-picker-compact-last-item):not(.rc-picker-compact-item-rtl) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

body .rc-picker-compact-item.rc-picker.rc-picker-compact-item-rtl.rc-picker-compact-first-item:not(.rc-picker-compact-last-item), body .rc-picker-compact-item.rc-picker.rc-picker-compact-last-item:not(.rc-picker-compact-first-item):not(.rc-picker-compact-item-rtl) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

body .rc-picker-compact-item.rc-picker.rc-picker-compact-item-rtl.rc-picker-compact-last-item:not(.rc-picker-compact-first-item) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

body .rc-picker-panel {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    background: #fff;
    border: 1px solid var(--base-divider);
    border-radius: 2px;
    outline: none
}

body .rc-picker-panel-focused {
    border-color: var(--primary-solid)
}

body .rc-picker-date-panel, body .rc-picker-decade-panel, body .rc-picker-month-panel, body .rc-picker-quarter-panel, body .rc-picker-time-panel, body .rc-picker-week-panel, body .rc-picker-year-panel {
    display: flex;
    flex-direction: column;
    width: 280px
}

body .rc-picker-header {
    display: flex;
    padding: 0 8px;
    color: var(--base-text-primary);
    border-bottom: 1px solid var(--base-divider)
}

body .rc-picker-header > * {
    flex: none
}

body .rc-picker-header button {
    padding: 0;
    color: var(--base-text-placeholder);
    line-height: 40px;
    background: transparent;
    border: 0;
    cursor: pointer;
    transition: color .3s
}

body .rc-picker-header > button {
    min-width: 1.6em;
    font-size: 14px
}

body .rc-picker-header-view {
    flex: auto;
    font-weight: 500;
    line-height: 40px
}

body .rc-picker-header-view button {
    color: inherit;
    font-weight: inherit
}

body .rc-picker-header-view button:not(:first-child) {
    margin-left: 8px
}

body .rc-picker-next-icon, body .rc-picker-prev-icon, body .rc-picker-super-next-icon, body .rc-picker-super-prev-icon {
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px
}

body .rc-picker-next-icon:before, body .rc-picker-prev-icon:before, body .rc-picker-super-next-icon:before, body .rc-picker-super-prev-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid;
    border-width: 1.5px 0 0 1.5px;
    content: ""
}

body .rc-picker-super-next-icon:after, body .rc-picker-super-prev-icon:after {
    position: absolute;
    top: 4px;
    left: 4px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 0 solid;
    border-width: 1.5px 0 0 1.5px;
    content: ""
}

body .rc-picker-prev-icon, body .rc-picker-super-prev-icon {
    transform: rotate(-45deg)
}

body .rc-picker-next-icon, body .rc-picker-super-next-icon {
    transform: rotate(135deg)
}

body .rc-picker-content {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse
}

body .rc-picker-content td, body .rc-picker-content th {
    position: relative;
    min-width: 24px;
    font-weight: 400
}

body .rc-picker-content th {
    height: 30px;
    color: var(--base-text-primary);
    line-height: 30px
}

body .rc-picker-cell {
    padding: 3px 0;
    color: var(--base-text-placeholder);
    cursor: pointer
}

body .rc-picker-cell-in-view {
    color: var(--base-text-primary)
}

body .rc-picker-cell:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    height: 24px;
    transform: translateY(-50%);
    transition: all .3s;
    content: ""
}

body .rc-picker-cell-in-view.rc-picker-cell-today .rc-picker-cell-inner:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    border: 1px solid var(--primary-solid);
    border-radius: 2px;
    content: ""
}

body .rc-picker-cell-in-view.rc-picker-cell-in-range {
    position: relative
}

body .rc-picker-cell-in-view.rc-picker-cell-in-range:before {
    background: var(--primary-solid)
}

body .rc-picker-cell-in-view.rc-picker-cell-range-end .rc-picker-cell-inner, body .rc-picker-cell-in-view.rc-picker-cell-range-start .rc-picker-cell-inner, body .rc-picker-cell-in-view.rc-picker-cell-selected .rc-picker-cell-inner {
    color: #fff;
    background: var(--primary-solid)
}

body .rc-picker-cell-in-view.rc-picker-cell-range-end:not(.rc-picker-cell-range-end-single):before, body .rc-picker-cell-in-view.rc-picker-cell-range-start:not(.rc-picker-cell-range-start-single):before {
    background: var(--primary-solid)
}

body .rc-picker-cell-in-view.rc-picker-cell-range-start:before {
    left: 50%
}

body .rc-picker-cell-in-view.rc-picker-cell-range-end:before {
    right: 50%
}

body .rc-picker-cell-in-view.rc-picker-cell-range-hover-end.rc-picker-cell-range-end-single:after, body .rc-picker-cell-in-view.rc-picker-cell-range-hover-end.rc-picker-cell-range-start.rc-picker-cell-range-end.rc-picker-cell-range-start-near-hover:after, body .rc-picker-cell-in-view.rc-picker-cell-range-hover-end:not(.rc-picker-cell-in-range):not(.rc-picker-cell-range-start):not(.rc-picker-cell-range-end):after, body .rc-picker-cell-in-view.rc-picker-cell-range-hover-start.rc-picker-cell-range-start-single:after, body .rc-picker-cell-in-view.rc-picker-cell-range-hover-start.rc-picker-cell-range-start.rc-picker-cell-range-end.rc-picker-cell-range-end-near-hover:after, body .rc-picker-cell-in-view.rc-picker-cell-range-hover-start:not(.rc-picker-cell-in-range):not(.rc-picker-cell-range-start):not(.rc-picker-cell-range-end):after, body .rc-picker-cell-in-view.rc-picker-cell-range-hover:not(.rc-picker-cell-in-range):after {
    position: absolute;
    top: 50%;
    z-index: 0;
    height: 24px;
    border-top: 1px dashed var(--primary-solid);
    border-bottom: 1px dashed var(--primary-solid);
    transform: translateY(-50%);
    transition: all .3s;
    content: ""
}

body .rc-picker-cell-range-hover-end:after, body .rc-picker-cell-range-hover-start:after, body .rc-picker-cell-range-hover:after {
    right: 0;
    left: 2px
}

body .rc-picker-cell-in-view.rc-picker-cell-in-range.rc-picker-cell-range-hover:before, body .rc-picker-cell-in-view.rc-picker-cell-range-end.rc-picker-cell-range-hover:before, body .rc-picker-cell-in-view.rc-picker-cell-range-end:not(.rc-picker-cell-range-end-single).rc-picker-cell-range-hover-end:before, body .rc-picker-cell-in-view.rc-picker-cell-range-start.rc-picker-cell-range-hover:before, body .rc-picker-cell-in-view.rc-picker-cell-range-start:not(.rc-picker-cell-range-start-single).rc-picker-cell-range-hover-start:before, body .rc-picker-panel > :not(.rc-picker-date-panel) .rc-picker-cell-in-view.rc-picker-cell-in-range.rc-picker-cell-range-hover-end:before, body .rc-picker-panel > :not(.rc-picker-date-panel) .rc-picker-cell-in-view.rc-picker-cell-in-range.rc-picker-cell-range-hover-start:before {
    background: var(--primary-solid)
}

body .rc-picker-cell-in-view.rc-picker-cell-range-start:not(.rc-picker-cell-range-start-single):not(.rc-picker-cell-range-end) .rc-picker-cell-inner {
    border-radius: 2px 0 0 2px
}

body .rc-picker-cell-in-view.rc-picker-cell-range-end:not(.rc-picker-cell-range-end-single):not(.rc-picker-cell-range-start) .rc-picker-cell-inner {
    border-radius: 0 2px 2px 0
}

body .rc-picker-date-panel .rc-picker-cell-in-view.rc-picker-cell-in-range.rc-picker-cell-range-hover-end .rc-picker-cell-inner:after, body .rc-picker-date-panel .rc-picker-cell-in-view.rc-picker-cell-in-range.rc-picker-cell-range-hover-start .rc-picker-cell-inner:after {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: var(--primary-solid);
    transition: all .3s;
    content: ""
}

body .rc-picker-date-panel .rc-picker-cell-in-view.rc-picker-cell-in-range.rc-picker-cell-range-hover-start .rc-picker-cell-inner:after {
    right: -6px;
    left: 0
}

body .rc-picker-date-panel .rc-picker-cell-in-view.rc-picker-cell-in-range.rc-picker-cell-range-hover-end .rc-picker-cell-inner:after {
    right: 0;
    left: -6px
}

body .rc-picker-cell-range-hover.rc-picker-cell-range-start:after {
    right: 50%
}

body .rc-picker-cell-range-hover.rc-picker-cell-range-end:after {
    left: 50%
}

body .rc-picker-cell-in-view.rc-picker-cell-range-hover-edge-start:not(.rc-picker-cell-range-hover-edge-start-near-range):after, body .rc-picker-cell-in-view.rc-picker-cell-range-hover-start:after, body .rc-picker-cell-in-view.rc-picker-cell-start.rc-picker-cell-range-hover-edge-start.rc-picker-cell-range-hover-edge-start-near-range:after, body tr > .rc-picker-cell-in-view.rc-picker-cell-range-hover-end:first-child:after, body tr > .rc-picker-cell-in-view.rc-picker-cell-range-hover:first-child:after {
    left: 6px;
    border-left: 1px dashed var(--primary-solid);
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px
}

body .rc-picker-cell-in-view.rc-picker-cell-end.rc-picker-cell-range-hover-edge-end.rc-picker-cell-range-hover-edge-end-near-range:after, body .rc-picker-cell-in-view.rc-picker-cell-range-hover-edge-end:not(.rc-picker-cell-range-hover-edge-end-near-range):after, body .rc-picker-cell-in-view.rc-picker-cell-range-hover-end:after, body tr > .rc-picker-cell-in-view.rc-picker-cell-range-hover-start:last-child:after, body tr > .rc-picker-cell-in-view.rc-picker-cell-range-hover:last-child:after {
    right: 6px;
    border-right: 1px dashed var(--primary-solid);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

body .rc-picker-cell-disabled {
    color: var(--base-text-placeholder);
    pointer-events: none
}

body .rc-picker-cell-disabled .rc-picker-cell-inner {
    background: transparent
}

body .rc-picker-cell-disabled:before {
    background: rgba(0, 0, 0, .04)
}

body .rc-picker-cell-disabled.rc-picker-cell-today .rc-picker-cell-inner:before {
    border-color: var(--base-text-placeholder)
}

body .rc-picker-decade-panel .rc-picker-content, body .rc-picker-month-panel .rc-picker-content, body .rc-picker-quarter-panel .rc-picker-content, body .rc-picker-year-panel .rc-picker-content {
    height: 264px
}

body .rc-picker-decade-panel .rc-picker-cell-inner, body .rc-picker-month-panel .rc-picker-cell-inner, body .rc-picker-quarter-panel .rc-picker-cell-inner, body .rc-picker-year-panel .rc-picker-cell-inner {
    padding: 0 8px
}

body .rc-picker-quarter-panel .rc-picker-content {
    height: 56px
}

body .rc-picker-footer {
    width: min-content;
    min-width: 100%;
    max-width: 100%;
    line-height: 38px;
    text-align: center;
    border-bottom: 1px solid transparent
}

body .rc-picker-panel .rc-picker-footer {
    border-top: 1px solid var(--base-divider)
}

body .rc-picker-footer-extra {
    padding: 0 12px;
    line-height: 38px;
    text-align: left
}

body .rc-picker-footer-extra:not(:last-child) {
    border-bottom: 1px solid var(--base-divider)
}

body .rc-picker-now {
    text-align: left
}

body .rc-picker-today-btn {
    color: var(--primary-solid)
}

body .rc-picker-today-btn:active {
    color: #096dd9
}

body .rc-picker-today-btn.rc-picker-today-btn-disabled {
    color: var(--base-text-placeholder);
    cursor: not-allowed
}

body .rc-picker-decade-panel .rc-picker-cell-inner {
    padding: 0 4px
}

body .rc-picker-decade-panel .rc-picker-cell:before {
    display: none
}

body .rc-picker-month-panel .rc-picker-body, body .rc-picker-quarter-panel .rc-picker-body, body .rc-picker-year-panel .rc-picker-body {
    padding: 0 8px
}

body .rc-picker-month-panel .rc-picker-cell-inner, body .rc-picker-quarter-panel .rc-picker-cell-inner, body .rc-picker-year-panel .rc-picker-cell-inner {
    width: 60px
}

body .rc-picker-month-panel .rc-picker-cell-range-hover-start:after, body .rc-picker-quarter-panel .rc-picker-cell-range-hover-start:after, body .rc-picker-year-panel .rc-picker-cell-range-hover-start:after {
    left: 14px;
    border-left: 1px dashed var(--primary-solid);
    border-radius: 2px 0 0 2px
}

body .rc-picker-month-panel .rc-picker-cell-range-hover-end:after, body .rc-picker-panel-rtl .rc-picker-month-panel .rc-picker-cell-range-hover-start:after, body .rc-picker-panel-rtl .rc-picker-quarter-panel .rc-picker-cell-range-hover-start:after, body .rc-picker-panel-rtl .rc-picker-year-panel .rc-picker-cell-range-hover-start:after, body .rc-picker-quarter-panel .rc-picker-cell-range-hover-end:after, body .rc-picker-year-panel .rc-picker-cell-range-hover-end:after {
    right: 14px;
    border-right: 1px dashed var(--primary-solid);
    border-radius: 0 2px 2px 0
}

body .rc-picker-panel-rtl .rc-picker-month-panel .rc-picker-cell-range-hover-end:after, body .rc-picker-panel-rtl .rc-picker-quarter-panel .rc-picker-cell-range-hover-end:after, body .rc-picker-panel-rtl .rc-picker-year-panel .rc-picker-cell-range-hover-end:after {
    left: 14px;
    border-left: 1px dashed var(--primary-solid);
    border-radius: 2px 0 0 2px
}

body .rc-picker-week-panel .rc-picker-body {
    padding: 8px 12px
}

body .rc-picker-week-panel .rc-picker-cell .rc-picker-cell-inner, body .rc-picker-week-panel .rc-picker-cell-selected .rc-picker-cell-inner {
    background: transparent !important
}

body .rc-picker-week-panel-row td {
    transition: background .3s
}

body .rc-picker-week-panel-row-selected td {
    background: var(--primary-solid)
}

body .rc-picker-week-panel-row-selected td.rc-picker-cell-week {
    color: hsla(0, 0%, 100%, .5)
}

body .rc-picker-week-panel-row-selected td.rc-picker-cell-today .rc-picker-cell-inner:before {
    border-color: #fff
}

body .rc-picker-week-panel-row-selected td .rc-picker-cell-inner {
    color: #fff
}

body .rc-picker-date-panel .rc-picker-body {
    padding: 8px 12px
}

body .rc-picker-date-panel .rc-picker-content {
    width: 252px
}

body .rc-picker-date-panel .rc-picker-content th {
    width: 36px
}

body .rc-picker-datetime-panel {
    display: flex
}

body .rc-picker-datetime-panel .rc-picker-time-panel {
    border-left: 1px solid var(--base-divider)
}

body .rc-picker-datetime-panel .rc-picker-date-panel, body .rc-picker-datetime-panel .rc-picker-time-panel {
    transition: opacity .3s
}

body .rc-picker-datetime-panel-active .rc-picker-date-panel, body .rc-picker-datetime-panel-active .rc-picker-time-panel {
    opacity: .3
}

body .rc-picker-datetime-panel-active .rc-picker-date-panel-active, body .rc-picker-datetime-panel-active .rc-picker-time-panel-active {
    opacity: 1
}

body .rc-picker-time-panel {
    width: auto;
    min-width: auto
}

body .rc-picker-time-panel .rc-picker-content {
    display: flex;
    flex: auto;
    height: 224px
}

body .rc-picker-time-panel-column {
    flex: 1 0 auto;
    width: 56px;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    text-align: left;
    list-style: none;
    transition: background .3s
}

body .rc-picker-time-panel-column:after {
    display: block;
    height: 196px;
    content: ""
}

body .rc-picker-datetime-panel .rc-picker-time-panel-column:after {
    height: 198px
}

body .rc-picker-time-panel-column:not(:first-child) {
    border-left: 1px solid var(--base-divider)
}

body .rc-picker-time-panel-column-active {
    background: rgba(230, 247, 255, .2)
}

body .rc-picker-time-panel-column > li {
    margin: 0;
    padding: 0
}

body .rc-picker-time-panel-column > li.rc-picker-time-panel-cell .rc-picker-time-panel-cell-inner {
    display: block;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0 0 0 14px;
    color: var(--base-text-primary);
    line-height: 28px;
    border-radius: 0;
    cursor: pointer;
    transition: background .3s
}

body .rc-picker-time-panel-column > li.rc-picker-time-panel-cell-selected .rc-picker-time-panel-cell-inner {
    background: var(--primary-solid)
}

body .rc-picker-time-panel-column > li.rc-picker-time-panel-cell-disabled .rc-picker-time-panel-cell-inner {
    color: var(--base-text-placeholder);
    background: transparent;
    cursor: not-allowed
}

body :root .rc-picker-range-wrapper .rc-picker-month-panel .rc-picker-cell, body :root .rc-picker-range-wrapper .rc-picker-year-panel .rc-picker-cell, body _:-ms-fullscreen .rc-picker-range-wrapper .rc-picker-month-panel .rc-picker-cell, body _:-ms-fullscreen .rc-picker-range-wrapper .rc-picker-year-panel .rc-picker-cell {
    padding: 21px 0
}

body .rc-picker-rtl {
    direction: rtl
}

body .rc-picker-rtl .rc-picker-suffix {
    margin-right: 4px;
    margin-left: 0
}

body .rc-picker-rtl .rc-picker-clear {
    right: auto;
    left: 0
}

body .rc-picker-rtl .rc-picker-separator {
    transform: rotate(180deg)
}

body .rc-picker-panel-rtl .rc-picker-header-view button:not(:first-child) {
    margin-right: 8px;
    margin-left: 0
}

body .rc-picker-rtl.rc-picker-range .rc-picker-clear {
    right: auto;
    left: 11px
}

body .rc-picker-rtl.rc-picker-range .rc-picker-active-bar {
    margin-right: 11px;
    margin-left: 0
}

body .rc-picker-rtl.rc-picker-range.rc-picker-small .rc-picker-active-bar {
    margin-right: 7px
}

body .rc-picker-dropdown-rtl .rc-picker-ranges {
    text-align: right
}

body .rc-picker-dropdown-rtl .rc-picker-ranges .rc-picker-ok {
    float: left;
    margin-right: 8px;
    margin-left: 0
}

body .rc-picker-panel-rtl {
    direction: rtl
}

body .rc-picker-panel-rtl .rc-picker-prev-icon, body .rc-picker-panel-rtl .rc-picker-super-prev-icon {
    transform: rotate(135deg)
}

body .rc-picker-panel-rtl .rc-picker-next-icon, body .rc-picker-panel-rtl .rc-picker-super-next-icon {
    transform: rotate(-45deg)
}

body .rc-picker-cell .rc-picker-cell-inner {
    position: relative;
    z-index: 2;
    display: inline-block;
    min-width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    transition: background .3s, border .3s
}

body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-range-start:before {
    right: 50%;
    left: 0
}

body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-range-end:before {
    right: 0;
    left: 50%
}

body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-range-start.rc-picker-cell-range-end:before {
    right: 50%;
    left: 50%
}

body .rc-picker-panel-rtl .rc-picker-date-panel .rc-picker-cell-in-view.rc-picker-cell-in-range.rc-picker-cell-range-hover-start .rc-picker-cell-inner:after {
    right: 0;
    left: -6px
}

body .rc-picker-panel-rtl .rc-picker-date-panel .rc-picker-cell-in-view.rc-picker-cell-in-range.rc-picker-cell-range-hover-end .rc-picker-cell-inner:after {
    right: -6px;
    left: 0
}

body .rc-picker-panel-rtl .rc-picker-cell-range-hover.rc-picker-cell-range-start:after {
    right: 0;
    left: 50%
}

body .rc-picker-panel-rtl .rc-picker-cell-range-hover.rc-picker-cell-range-end:after {
    right: 50%;
    left: 0
}

body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-range-start:not(.rc-picker-cell-range-start-single):not(.rc-picker-cell-range-end) .rc-picker-cell-inner {
    border-radius: 0 2px 2px 0
}

body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-range-end:not(.rc-picker-cell-range-end-single):not(.rc-picker-cell-range-start) .rc-picker-cell-inner {
    border-radius: 2px 0 0 2px
}

body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-range-hover-edge-start:not(.rc-picker-cell-range-hover-edge-start-near-range):after, body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-range-hover-start:after, body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-start.rc-picker-cell-range-hover-edge-start.rc-picker-cell-range-hover-edge-start-near-range:after, body .rc-picker-panel-rtl tr > .rc-picker-cell-in-view.rc-picker-cell-range-hover:not(.rc-picker-cell-selected):first-child:after {
    right: 6px;
    left: 0;
    border-right: 1px dashed var(--primary-solid);
    border-left: none;
    border-radius: 0 2px 2px 0
}

body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-end.rc-picker-cell-range-hover-edge-end.rc-picker-cell-range-hover-edge-end-near-range:after, body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-range-hover-edge-end:not(.rc-picker-cell-range-hover-edge-end-near-range):after, body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-range-hover-end:after, body .rc-picker-panel-rtl tr > .rc-picker-cell-in-view.rc-picker-cell-range-hover:not(.rc-picker-cell-selected):last-child:after {
    right: 0;
    left: 6px;
    border-right: none;
    border-left: 1px dashed var(--primary-solid);
    border-radius: 2px 0 0 2px
}

body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-end.rc-picker-cell-range-hover-start.rc-picker-cell-range-hover-edge-end:not(.rc-picker-cell-range-hover):after, body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-start.rc-picker-cell-range-hover-edge-start:not(.rc-picker-cell-range-hover):after, body .rc-picker-panel-rtl .rc-picker-cell-in-view.rc-picker-cell-start.rc-picker-cell-range-hover-end.rc-picker-cell-range-hover-edge-start:not(.rc-picker-cell-range-hover):after, body .rc-picker-panel-rtl tr > .rc-picker-cell-in-view.rc-picker-cell-end.rc-picker-cell-range-hover.rc-picker-cell-range-hover-edge-end:first-child:after, body .rc-picker-panel-rtl tr > .rc-picker-cell-in-view.rc-picker-cell-range-hover-end:first-child:after, body .rc-picker-panel-rtl tr > .rc-picker-cell-in-view.rc-picker-cell-range-hover-start:last-child:after, body .rc-picker-panel-rtl tr > .rc-picker-cell-in-view.rc-picker-cell-start.rc-picker-cell-range-hover.rc-picker-cell-range-hover-edge-start:last-child:after {
    right: 6px;
    left: 6px;
    border-right: 1px dashed var(--primary-solid);
    border-left: 1px dashed var(--primary-solid);
    border-radius: 2px
}

body .rc-picker-dropdown-rtl .rc-picker-footer-extra {
    direction: rtl;
    text-align: right
}

body .rc-picker-panel-rtl .rc-picker-time-panel {
    direction: ltr
}

body .rc-picker-panel-layout {
    display: flex
}

body .rc-picker-presets {
    border-right: 1px solid var(--base-divider);
    border-bottom: 1px solid var(--base-divider);
    height: 270px;
    min-width: 200px
}

body .rc-picker-presets ul {
    list-style: none;
    padding: 0 15px;
    text-transform: uppercase
}

body .rc-picker-presets ul li {
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: var(--primary-solid);
    margin: 10px 0
}

body .rc-picker-ok button {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 16px;
    text-transform: uppercase;
    background: var(--primary-solid);
    margin: 4px 0 2px;
    color: var(--base-text-on-color-bg)
}

body .borderRadiusExtreme .rc-picker-ok button {
    border-radius: 24px
}

body .borderRadiusMedium .rc-picker-ok button {
    border-radius: 16px
}

body .borderRadiusSoft .rc-picker-ok button {
    border-radius: 8px
}

body .borderRadiusRectangle .rc-picker-ok button {
    border-radius: 2px
}

body .borderRadiusMixed .rc-picker-ok button {
    border-radius: 0 20px
}

@media (max-width: 767.98px) {
    body .rc-picker-presets {
        display: none
    }

    body .rc-picker-datetime-panel {
        flex-direction: column
    }

    body .rc-picker-time-panel .rc-picker-content {
        max-height: 150px
    }

    body .rc-picker-header-view:last-child {
        border-radius: 16px;
        background-color: var(--base-elements);
        margin-bottom: 8px;
        color: var(--base-text-primary)
    }
}

@media (hover: hover) {
    body .rc-picker-status-error.rc-picker:not([disabled]):hover {
        background-color: #fff;
        border-color: #ff4d4f
    }

    body .rc-picker-status-warning.rc-picker:not([disabled]):hover {
        background-color: #fff;
        border-color: #faad14
    }

    body .rc-picker-input > input:hover {
        border-color: var(--primary-solid);
        border-right-width: 1px
    }

    body .rc-picker-input > input-disabled:hover, body .rc-picker-input > input[disabled]:hover {
        border-color: var(--base-elements);
        border-right-width: 1px
    }

    body .rc-picker-input > input-borderless:hover {
        background-color: transparent;
        border: none;
        box-shadow: none
    }

    body .rc-picker-input:hover .rc-picker-clear {
        opacity: 1
    }

    body .rc-picker-clear:hover {
        color: var(--base-text-placeholder)
    }

    body .rc-picker-range:hover .rc-picker-clear {
        opacity: 1
    }

    body .rc-picker-compact-item:hover {
        z-index: 2
    }

    body .rc-picker-header > button:hover {
        color: var(--base-text-primary)
    }

    body .rc-picker-header-view button:hover {
        color: var(--primary-solid)
    }

    body .rc-picker-cell:hover:not(.rc-picker-cell-in-view) .rc-picker-cell-inner, body .rc-picker-cell:hover:not(.rc-picker-cell-selected):not(.rc-picker-cell-range-start):not(.rc-picker-cell-range-end):not(.rc-picker-cell-range-hover-start):not(.rc-picker-cell-range-hover-end) .rc-picker-cell-inner {
        background: var(--primary-solid)
    }

    body .rc-picker-today-btn:hover {
        color: var(--primary-solid)
    }

    body .rc-picker-week-panel .rc-picker-cell:hover .rc-picker-cell-inner {
        background: transparent !important
    }

    body .rc-picker-week-panel-row-selected:hover td, body .rc-picker-week-panel-row:hover td {
        background: var(--primary-solid)
    }

    body .rc-picker-week-panel-row-selected:hover td.rc-picker-cell-week {
        color: hsla(0, 0%, 100%, .5)
    }

    body .rc-picker-week-panel-row-selected:hover td.rc-picker-cell-today .rc-picker-cell-inner:before {
        border-color: #fff
    }

    body .rc-picker-week-panel-row-selected:hover td .rc-picker-cell-inner {
        color: #fff
    }

    body .rc-picker-time-panel-column:hover {
        overflow-y: auto
    }

    body .rc-picker-time-panel-column:hover::-webkit-scrollbar {
        width: 12px;
        background-color: hsla(0, 0%, 100%, 0)
    }

    body .rc-picker-time-panel-column:hover::-webkit-scrollbar-track {
        border-left: 4px solid hsla(0, 0%, 100%, 0);
        border-right: 4px solid hsla(0, 0%, 100%, 0);
        background-clip: padding-box;
        background-color: var(--base-divider);
        border-radius: 5px;
        margin: 16px 0
    }

    body .rc-picker-time-panel-column:hover::-webkit-scrollbar-thumb {
        border-left: 4px solid hsla(0, 0%, 100%, 0);
        border-right: 4px solid hsla(0, 0%, 100%, 0);
        background-clip: padding-box;
        background-color: var(--base-text-secondary);
        border-radius: 5px
    }
}

@media (hover: hover)and (max-width: 767.98px) {
    body .rc-picker-time-panel-column:hover::-webkit-scrollbar {
        width: 6px
    }

    body .rc-picker-time-panel-column:hover::-webkit-scrollbar-thumb, body .rc-picker-time-panel-column:hover::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

@media (hover: hover) {
    body .rc-picker-time-panel-column > li.rc-picker-time-panel-cell .rc-picker-time-panel-cell-inner:hover {
        background: var(--primary-solid)
    }
}

@media (hover: none) {
    body .rc-picker-status-error.rc-picker:not([disabled]):active {
        background-color: #fff;
        border-color: #ff4d4f
    }

    body .rc-picker-status-warning.rc-picker:not([disabled]):active {
        background-color: #fff;
        border-color: #faad14
    }

    body .rc-picker-input > input:active {
        border-color: var(--primary-solid);
        border-right-width: 1px
    }

    body .rc-picker-input > input-disabled:active, body .rc-picker-input > input[disabled]:active {
        border-color: var(--base-elements);
        border-right-width: 1px
    }

    body .rc-picker-input > input-borderless:active {
        background-color: transparent;
        border: none;
        box-shadow: none
    }

    body .rc-picker-input:active .rc-picker-clear {
        opacity: 1
    }

    body .rc-picker-clear:active {
        color: var(--base-text-placeholder)
    }

    body .rc-picker-range:active .rc-picker-clear {
        opacity: 1
    }

    body .rc-picker-compact-item:active {
        z-index: 2
    }

    body .rc-picker-header > button:active {
        color: var(--base-text-primary)
    }

    body .rc-picker-header-view button:active {
        color: var(--primary-solid)
    }

    body .rc-picker-cell:active:not(.rc-picker-cell-in-view) .rc-picker-cell-inner, body .rc-picker-cell:active:not(.rc-picker-cell-selected):not(.rc-picker-cell-range-start):not(.rc-picker-cell-range-end):not(.rc-picker-cell-range-hover-start):not(.rc-picker-cell-range-hover-end) .rc-picker-cell-inner {
        background: var(--primary-solid)
    }

    body .rc-picker-today-btn:active {
        color: var(--primary-solid)
    }

    body .rc-picker-week-panel .rc-picker-cell:active .rc-picker-cell-inner {
        background: transparent !important
    }

    body .rc-picker-week-panel-row-selected:active td, body .rc-picker-week-panel-row:active td {
        background: var(--primary-solid)
    }

    body .rc-picker-week-panel-row-selected:active td.rc-picker-cell-week {
        color: hsla(0, 0%, 100%, .5)
    }

    body .rc-picker-week-panel-row-selected:active td.rc-picker-cell-today .rc-picker-cell-inner:before {
        border-color: #fff
    }

    body .rc-picker-week-panel-row-selected:active td .rc-picker-cell-inner {
        color: #fff
    }

    body .rc-picker-time-panel-column:active {
        overflow-y: auto
    }

    body .rc-picker-time-panel-column:active::-webkit-scrollbar {
        width: 12px;
        background-color: hsla(0, 0%, 100%, 0)
    }

    body .rc-picker-time-panel-column:active::-webkit-scrollbar-track {
        border-left: 4px solid hsla(0, 0%, 100%, 0);
        border-right: 4px solid hsla(0, 0%, 100%, 0);
        background-clip: padding-box;
        background-color: var(--base-divider);
        border-radius: 5px;
        margin: 16px 0
    }

    body .rc-picker-time-panel-column:active::-webkit-scrollbar-thumb {
        border-left: 4px solid hsla(0, 0%, 100%, 0);
        border-right: 4px solid hsla(0, 0%, 100%, 0);
        background-clip: padding-box;
        background-color: var(--base-text-secondary);
        border-radius: 5px
    }
}

@media (hover: none)and (max-width: 767.98px) {
    body .rc-picker-time-panel-column:active::-webkit-scrollbar {
        width: 6px
    }

    body .rc-picker-time-panel-column:active::-webkit-scrollbar-thumb, body .rc-picker-time-panel-column:active::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

@media (hover: none) {
    body .rc-picker-time-panel-column > li.rc-picker-time-panel-cell .rc-picker-time-panel-cell-inner:active {
        background: var(--primary-solid)
    }
}

body .FieldText__wrapper_error .rc-picker-range {
    border: .6px solid var(--base-alert)
}

body .TitleColumn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px
}

@media (max-width: 1279.98px) {
    body .TitleColumn {
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    body .TitleColumn {
        margin-bottom: 16px
    }
}

body .ProfileTitle {
    display: flex
}

body .ProfileTitle__title {
    font-weight: 700;
    font-size: 2.6rem;
    color: var(--grayscale-white);
    text-transform: none
}

@media (max-width: 767.98px) {
    body .ProfileTitle__title {
        font-size: 2rem
    }
}

@media (max-width: 434.98px) {
    body .ProfileTitle__title {
        font-size: 1.7rem
    }
}

body .CryptoPaymentForm__warning {
    display: flex;
    justify-content: flex-start;
    padding: 0 8px;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--base-text-primary)
}

body .CryptoPaymentForm__warning .icon {
    margin: 2px 5px 0 0;
    width: 16px;
    height: 16px
}

body .CryptoPaymentForm__body {
    padding: 0 24px 8px
}

@media (max-width: 434.98px) {
    body .CryptoPaymentForm__body {
        padding: 0 20px 8px
    }
}

body .CryptoPaymentForm__label {
    display: block;
    margin-bottom: 4px;
    padding: 0 8px;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--base-text-secondary)
}

body .CryptoPaymentForm__currencyName, body .CryptoPaymentForm__tag-memo-container {
    color: var(--base-text-secondary);
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400
}

@media (max-width: 434.98px) {
    body .CryptoPaymentForm__currencyName, body .CryptoPaymentForm__tag-memo-container {
        max-width: 160px
    }
}

body .CryptoPaymentForm__tag-memo-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px
}

body .CryptoPaymentForm__tag-memo-container span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .CryptoPaymentForm__tag-memo-container span:nth-child(2n) {
    width: 85%
}

body .CryptoPaymentForm__tag-memo-container span:nth-child(odd) {
    width: 15%
}

@media (max-width: 767.98px) {
    body .CryptoPaymentForm__tag-memo-container span:nth-child(2n) {
        width: 70%
    }

    body .CryptoPaymentForm__tag-memo-container span:nth-child(odd) {
        width: 30%
    }
}

@media (max-width: 434.98px) {
    body .CryptoPaymentForm__tag-memo-container {
        max-width: none
    }
}

body .CryptoPaymentForm__currencyValue {
    color: var(--base-text-primary);
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 700
}

body .CryptoPaymentForm__hashTitle {
    display: none;
    font-family: Inter, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #757885
}

body .CryptoPaymentForm__wallets {
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin-top: 24px
}

body .CryptoPaymentForm__footer {
    display: flex;
    padding: 16px 24px;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 434.98px) {
    body .CryptoPaymentForm__footer {
        padding: 16px 20px 20px
    }
}

body .CryptoPaymentForm__button {
    margin-right: 16px
}

body .CryptoPaymentForm__button:last-of-type {
    margin-right: 0
}

@media (max-width: 434.98px) {
    body .CryptoPaymentForm__button {
        width: 100%;
        max-width: 50%
    }
}

body .CryptoPaymentForm__currencyLabel {
    font-size: 12px;
    line-height: 20px;
    color: var(--base-text-secondary);
    margin-bottom: 4px
}

body .Popover {
    display: inline-flex
}

body .Popover, body .Popover__main {
    position: relative
}

body .Popover__icon {
    display: inline-block;
    cursor: pointer
}

body .Popover__wrapper {
    z-index: 1;
    visibility: hidden;
    transition: opacity .3s;
    opacity: 0;
    cursor: default
}

body .Popover__wrapper_show {
    visibility: visible;
    opacity: 1;
    bottom: 100%
}

body .Popover__textPopover {
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 1;
    width: max-content;
    max-width: 40ch;
    padding: 8px 16px;
    margin-bottom: 14px;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    color: var(--base-text-primary);
    text-align: start;
    background-color: var(--base-elements);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    border-radius: 4px;
    transform: translateX(-50%);
    overflow-wrap: break-word;
    box-sizing: content-box
}

@media (max-width: 434.98px) {
    body .Popover__textPopover {
        max-width: 236px
    }
}

body .Popover__textPopover:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 12px;
    cursor: default
}

body .Popover__textPopover:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: var(--base-elements) transparent transparent transparent;
    cursor: default
}

body .Popover__textPopover_bodyDown {
    bottom: auto;
    top: 100%;
    margin-bottom: 0;
    margin-top: 8px
}

body .Popover__textPopover_bodyDown:before {
    content: "";
    position: absolute;
    top: auto;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 12px;
    cursor: default
}

body .Popover__textPopover_bodyDown:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 100%;
    left: 50%;
    margin-left: -6px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent var(--base-elements) transparent;
    cursor: default
}

body .Popover__titlePopover {
    display: block
}

body .Popover__content {
    width: max-content;
    max-width: 40ch;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    color: var(--base-text-primary);
    text-align: start;
    background-color: var(--base-elements);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    border-radius: 4px;
    margin-bottom: 12px;
    overflow-wrap: break-word;
    box-sizing: content-box
}

@media (max-width: 434.98px) {
    body .Popover__content {
        max-width: 236px;
        margin-bottom: 0
    }
}

body .Popover__content svg {
    fill: var(--base-elements)
}

body .LinkBack {
    display: inline-block;
    font-size: 0;
    line-height: 0;
    text-decoration: none
}

body .LinkBack__icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    transition: all .3s ease-in-out
}

body .LinkBack__icon_left {
    margin-right: 12px
}

body .LinkBack__icon_right {
    margin-left: 12px
}

body .LinkBack__icon_right.LinkBack__icon_arrow {
    transform: scaleX(-1)
}

body .LinkBack__icon_arrow {
    background-color: var(--base-text-primary);
    -webkit-mask-image: url(/iconPack/go-forward.svg);
    mask-image: url(/iconPack/go-forward.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 18px;
    mask-size: 18px;
    -webkit-mask-position: center;
    mask-position: center
}

body .LinkBack__text {
    display: inline-block;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--base-text-primary);
    text-decoration: none;
    text-transform: uppercase
}

body .LinkBack:hover .LinkBack__icon_left.LinkBack__icon_arrow {
    transform: translateX(-5px)
}

body .LinkBack:hover .LinkBack__icon_right.LinkBack__icon_arrow {
    transform: scaleX(-1) translate(5px)
}

body .Skeleton__gameList {
    display: grid;
    grid-column-gap: 24px;
    grid-row-gap: 32px;
    grid-template-columns:repeat(6, 1fr);
    margin-bottom: 25px;
    position: relative;
    overflow: hidden
}

@media (max-width: 1919.98px) {
    body .Skeleton__list {
        grid-template-columns:repeat(5, 1fr)
    }
}

@media (max-width: 1279.98px) {
    body .Skeleton__list {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media screen and (max-width: 992px) {
    body .Skeleton__list {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 767.98px) {
    body .Skeleton__list {
        grid-template-columns:repeat(4, 1fr);
        grid-column-gap: 16px;
        grid-row-gap: 20px
    }
}

@media (max-width: 434.98px) {
    body .Skeleton__list {
        grid-template-columns:repeat(2, 1fr);
        grid-column-gap: 8px;
        grid-row-gap: 16px
    }
}

body .Skeleton__gameItem {
    display: block;
    position: relative;
    width: 100%;
    min-height: 360px;
    height: auto;
    overflow: hidden;
    transition: all .3s ease-in-out;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    background-color: var(--base-surface)
}

body .Skeleton__bonusList {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 48px
}

@media (max-width: 1279.98px) {
    body .Skeleton__bonusList {
        grid-template-columns:1fr 1fr;
        grid-gap: 24px
    }
}

@media (max-width: 767.98px) {
    body .Skeleton__bonusList {
        justify-content: center
    }
}

body .Skeleton__bonusItem {
    display: block;
    position: relative;
    width: 100%;
    min-height: 609px;
    height: auto;
    overflow: hidden;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    background-color: var(--base-surface);
    height: 609px
}

@media (max-width: 1279.98px) {
    body .Skeleton__bonusItem {
        height: 300px
    }
}

@media (max-width: 767.98px) {
    body .Skeleton__bonusItem {
        height: 227px
    }
}

body .Skeleton__overlay {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    position: absolute;
    width: 100%;
    height: 100vh;
    opacity: .2;
    background: linear-gradient(to right, var(--base-divider) 4%, var(--base-background) 18%, var(--base-background) 33%)
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -800px 0
    }
    to {
        background-position: 800px 0
    }
}

body .LanguageButtonItem {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 40px;
    padding: 8px;
    font-size: 0;
    line-height: 0;
    text-align: left;
    background-color: var(--base-elements);
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .LanguageButtonItem:not(:disabled):hover {
    background-color: var(--base-elements-hover)
}

body .LanguageButtonItem:active {
    box-shadow: var(--base-button-active-shadow);
    -webkit-box-shadow: var(--base-button-active-shadow)
}

body .LanguageButtonItem__checked {
    flex: 0 0 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    color: var(--primary-solid)
}

body .LanguageButtonItem .Flag {
    flex: 0 0 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    margin-left: 3px;
    margin-right: 11px;
    object-fit: contain;
    object-position: center;
    color: var(--base-text-secondary)
}

body .LanguageButtonItem__text {
    flex: 1 1 auto;
    max-width: inherit;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    text-transform: capitalize;
    color: var(--base-text-primary)
}

body .GamesSearchItem {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 0
}

body .GamesSearchItem:not(:last-of-type) {
    border-bottom: 1px solid var(--base-divider)
}

body .GamesSearchItem__image {
    display: flex;
    flex: 1 1 136px;
    max-width: 136px;
    max-height: 98px;
    border-radius: 12px;
    overflow: hidden;
    margin-right: 24px;
    background-color: var(--base-elements);
    position: relative
}

body .GamesSearchItem__thumbnail {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

body .GamesSearchItem__thumbnail_placeholder {
    display: flex;
    padding: 20px 30px;
    align-items: center;
    justify-content: center;
    height: auto
}

body .GamesSearchItem__content {
    flex: 1 1 auto;
    max-width: inherit
}

body .GamesSearchItem__content h5 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    color: var(--base-text-primary);
    margin-bottom: 8px
}

body .GamesSearchItem__content p {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-secondary)
}

body .GamesSearchItem__buttons {
    flex: 1 1 180px;
    max-width: 180px
}

body .GamesSearchItem__buttons .LinkButton {
    display: block;
    width: 100%
}

body .GamesSearchItem__buttons .LinkButton:not(:last-of-type) {
    margin-bottom: 8px
}

@media (max-width: 767.98px) {
    body .GamesSearchItem {
        flex-wrap: wrap
    }

    body .GamesSearchItem__image {
        margin-right: 12px
    }

    body .GamesSearchItem__content {
        flex-grow: 1;
        flex-shrink: 1;
        flex-basis: calc(100% - 136px - 12px);
        max-width: calc(100% - 136px - 12px);
        margin-right: 0
    }

    body .GamesSearchItem__buttons {
        flex: 1 1 100%;
        max-width: 100%;
        margin-top: 12px;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }

    body .GamesSearchItem__buttons .LinkButton {
        max-width: 124px
    }

    body .GamesSearchItem__buttons .LinkButton:not(:last-of-type) {
        margin-right: 8px;
        margin-bottom: 0
    }
}

body .BackButton {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--base-text-primary);
    transition: color .3s ease-in-out;
    cursor: pointer;
    white-space: nowrap
}

body .BackButton__icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    color: var(--base-text-primary);
    transition: margin-right .3s ease-in-out, color .3s ease-in-out
}

body .BackButton:hover {
    background: transparent
}

body .BackButton:hover, body .BackButton:hover .BackButton__icon {
    color: var(--primary-hover)
}

body .BackButton:hover:before {
    margin-right: 15px
}

body .RealityCheckModal__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 16px 16px
}

body .RealityCheckModal__icon {
    color: var(--primary-solid);
    margin-bottom: 40px
}

body .RealityCheckModal__title {
    font-style: normal;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 12px
}

@media (max-width: 767.98px) {
    body .RealityCheckModal__title {
        font-size: 20px;
        line-height: 28px
    }
}

body .RealityCheckModal__text {
    font-style: normal;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 24px;
    text-align: center
}

@media (max-width: 767.98px) {
    body .RealityCheckModal__text {
        font-size: 14px;
        line-height: 24px
    }
}

body .RealityCheckModal__buttons-container {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    width: 100%
}

@media (max-width: 767.98px) {
    body .RealityCheckModal__buttons-container {
        flex-direction: column
    }
}

body .RealityCheckModal__buttons-container button {
    flex: 1 1
}

body .TaxInfo {
    display: flex;
    flex-direction: column;
    margin-top: 8px
}

body .TaxInfo__tax-amount {
    margin-bottom: 8px
}

body .Icon, body .Icon span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

body .Icon__list {
    display: flex;
    flex-wrap: wrap;
    padding: 32px
}

body .Icon__listItem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 120px;
    height: 120px;
    text-align: center;
    color: var(--base-text-primary);
    cursor: pointer
}

body .Icon__listItem:hover {
    color: var(--primary-solid)
}

body .Icon__listIcon, body .Icon__listIcon .Icon, body .Icon__listIcon span, body .Icon__listIcon svg {
    width: 32px;
    height: 32px
}

body .PlayerSelfie .Modal {
    max-width: 880px
}

body .PlayerSelfie__regula-wrapper {
    height: 600px;
    display: flex;
    background: rgba(21, 16, 59, .7);
    border-radius: 16px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    margin: 0 40px 40px
}

body .PlayerSelfie__modal .ant-modal-content {
    background-color: var(--mbo-bg-1)
}

body .PlayerSelfie__modal .ant-modal-content .ant-btn:not(.ant-btn-primary) {
    background-color: transparent
}

body .CryptoFiatIcon__textWrapper {
    height: 20px;
    width: 20px;
    background-color: var(--primary-solid);
    color: var(--base-text-primary);
    font-weight: 400;
    text-align: center;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

body .CryptoFiatIcon__text {
    line-height: 20px;
    color: var(--base-text-on-color-bg)
}

body .CryptoFiatIcon__text_little {
    text-transform: lowercase;
    font-size: 10px
}

body .CryptoFiatIcon__text_very_little {
    font-size: 9px
}

body .CryptoFiatIcon__icon {
    height: 20px;
    width: 20px;
    color: var(--base-text-primary);
    background-color: var(--primary-solid);
    border-radius: 50%;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center
}

body .CryptoFiatIcon__icon img {
    margin-right: 0
}

body .CryptoFiatIcon__innerIcon {
    overflow: hidden;
    border-radius: 50%;
    height: 95% !important;
    width: 95% !important;
    max-width: 95% !important;
    max-height: 95% !important;
    min-width: 95% !important;
    min-height: 95% !important
}

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

body .CurrencyIcon__symbol {
    overflow: hidden;
    border-radius: 50%;
    font-weight: 400;
    text-align: center;
    color: var(--base-text-on-color-bg);
    background-color: var(--primary-solid)
}

body .Tooltip__icon {
    display: inline-block;
    cursor: pointer
}

body .Tooltip__titlePopover {
    display: block
}

body .Tooltip__content {
    width: max-content;
    max-width: 40ch;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    color: var(--base-text-primary);
    text-align: start;
    background-color: var(--base-elements);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    border-radius: 4px;
    overflow-wrap: break-word;
    box-sizing: content-box
}

@media (max-width: 434.98px) {
    body .Tooltip__content {
        max-width: 236px;
        margin-bottom: 0
    }
}

body .Tooltip__arrow {
    color: var(--base-elements)
}

body .Tooltip__arrow polygon {
    fill: currentColor
}

body div[data-radix-popper-content-wrapper] {
    z-index: 20000 !important
}

body .SocialAuthLink__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--base-text-on-color-bg);
    background-color: var(--base-text-placeholder);
    transition: all .3s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden
}

body .SocialAuthLink__item:hover, body .SocialAuthLink__item_active, body .SocialAuthLink__item_active:hover {
    background-color: var(--primary-solid)
}

body .SocialAuthLink__item_disabled, body .SocialAuthLink__item_disabled:hover {
    background-color: var(--base-text-placeholder)
}

body .SocialAuthLink__item_disabled:hover {
    cursor: not-allowed
}

body .SocialAuthLink__item .Icon, body .SocialAuthLink__item .ServerIcon, body .SocialAuthLink__item img, body .SocialAuthLink__item svg {
    max-width: 100%;
    max-height: 100%
}

body .SocialAuthLink__title {
    color: var(--base-text-primary);
    font-weight: 500;
    margin-left: 8px;
    transition: color .2s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .SocialAuthLink__wrap {
    display: block;
    width: 100%;
    height: 100%
}

body .CheckBox {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0
}

body .CheckBox.checked .CheckBox__label, body .CheckBox:hover .CheckBox__label {
    color: var(--base-text-primary)
}

body .CheckBox__labelWithCheckbox {
    margin-right: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px
}

body .CheckBox__checkboxInput {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

body .CheckBox__checkboxInput:checked + .CheckBox__checkboxIconWrap {
    border-color: var(--primary-solid);
    background-color: var(--primary-solid)
}

body .CheckBox__checkboxInput:checked + .CheckBox__checkboxIconWrap .CheckBox__checkboxIcon {
    opacity: 1;
    visibility: visible
}

body .CheckBox__checkboxIconWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .18rem;
    width: 18px;
    height: 18px;
    border: 2px solid var(--base-text-secondary);
    border-radius: 4px;
    background-color: transparent;
    transition: all .2s ease
}

body .CheckBox__checkboxIcon {
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease;
    color: var(--base-text-primary)
}

body .CheckBox__label {
    transition: all .2s ease;
    color: var(--base-text-secondary);
    font-size: .875rem;
    line-height: 1.5rem
}

body .LoadMore__loadMoreContainer {
    margin-top: 40px;
    gap: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

body .LoadMore__progressContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

body .LoadMore__progressBarContainer {
    position: relative;
    width: 173px;
    background-color: var(--base-elements-hover);
    height: 4px;
    overflow: hidden
}

body .LoadMore__progressBarStripe {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: var(--primary-solid);
    max-width: 100%
}

body .LoadMore__progressText {
    margin-top: 8px;
    color: var(--base-text-primary)
}

body .LoadMore__buttonsContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start
}

body .LoadMore__buttonsContainer_hidden {
    display: none
}

body .LoadMore__backToTopButton {
    height: 24px;
    background: none;
    opacity: 1;
    transition: opacity .5s ease-in-out
}

body .LoadMore__backToTopButton:hover {
    background: none !important
}

body .LoadMore__backToTopButton:hover .Button__text {
    text-decoration: underline;
    text-underline-position: under;
    color: var(--primary-hover)
}

body .LoadMore__backToTopButton_hidden {
    display: none
}

body .LoadMore__loadMoreButton {
    margin-top: 12px;
    width: 173px;
    height: 40px
}

@media (max-width: 767.98px) {
    body .LoadMore__loadMoreContainer {
        margin-top: 32px;
        gap: 16px
    }

    body .LoadMore__buttonsContainer, body .LoadMore__loadMoreButton, body .LoadMore__progressBarContainer, body .LoadMore__progressContainer {
        width: 100%
    }
}

body .DownloadAppButton__downloadAppButton {
    width: 100%;
    max-width: 300px;
    height: 48px;
    color: var(--base-text-on-color-bg);
    gap: 12px;
    padding: 8px 24px
}

body .DownloadAppButton__downloadAppButton_customBgColor.Button_typeSecondary:not(:disabled):hover, body .DownloadAppButton__downloadAppButton_customBgColor.NoGames__button:not(:disabled):hover {
    color: var(--base-text-on-color-bg)
}

body .DownloadAppButton__downloadAppButton_defaultBgColor {
    background: var(--primary-solid)
}

body .DownloadAppButton__downloadAppButton_defaultBgColor.Button_typeSecondary:not(:disabled):hover, body .DownloadAppButton__downloadAppButton_defaultBgColor.NoGames__button:not(:disabled):hover {
    color: var(--base-text-on-color-bg);
    background: var(--primary-hover)
}

body .DownloadAppButton__downloadAppButton_withIcon {
    justify-content: space-between
}

body .DownloadAppButton__downloadAppButton_A {
    margin: 40px 0
}

body .DownloadAppButton__downloadAppButton_B {
    margin: 40px auto
}

@media (max-width: 767.98px) {
    body .DownloadAppButton__downloadAppButton_B {
        margin: 24px 0
    }
}

body .DownloadAppButton__downloadAppButton_D {
    margin: 24px 0
}

body .DownloadAppButton__downloadAppButton_E {
    margin: 40px 0
}

body .DownloadAppButton__fileDownloadIcon {
    width: 24px;
    height: 24px
}

body .FilterSelect {
    width: 280px;
    position: relative
}

@media (max-width: 434.98px) {
    body .FilterSelect {
        width: 100%
    }
}

body .FilterSelect__input {
    display: flex;
    cursor: pointer;
    width: 280px;
    height: 40px;
    padding: 8px;
    gap: 8px;
    align-items: center;
    background: var(--base-elements)
}

@media (max-width: 434.98px) {
    body .FilterSelect__input {
        width: 100%
    }
}

body .FilterSelect__input .FilterSelect__icon {
    color: var(--base-text-secondary)
}

body .FilterSelect__input:hover {
    background: var(--base-elements-hover)
}

body .FilterSelect__filterIcon {
    position: relative;
    width: 24px;
    height: 24px
}

body .FilterSelect__filterIcon .FilterSelect__notification {
    width: 8px;
    height: 8px;
    display: block;
    background: var(--base-warning);
    border-radius: 100%;
    position: absolute;
    top: -2px;
    right: -2px
}

body .FilterSelect__label {
    flex: 1 1;
    color: var(--base-text-primary);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body .FilterSelect__icon {
    width: 24px;
    height: 24px
}

body .FilterSelect__menu {
    padding: 12px 0;
    box-shadow: var(--base-tooltip-shadow);
    position: absolute;
    width: 100%;
    z-index: 10;
    background: var(--base-elements);
    left: 0;
    top: 44px;
    display: none
}

body .FilterSelect__menu.isOpen {
    display: block
}

body .FilterSelect__options {
    padding: 0 16px;
    max-height: 356px;
    overflow: auto;
    margin-bottom: 4px
}

body .FilterSelect__options .CheckBox__label {
    word-break: break-word
}

body .FilterSelect__options::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .FilterSelect__options::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .FilterSelect__options::-webkit-scrollbar-thumb, body .FilterSelect__options::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .FilterSelect__options::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .FilterSelect__options::-webkit-scrollbar {
        width: 6px
    }

    body .FilterSelect__options::-webkit-scrollbar-thumb, body .FilterSelect__options::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .FilterSelect__buttons {
    display: flex;
    gap: 8px;
    padding: 0 12px
}

body .LeftPanel__logo {
    display: block;
    width: 100%;
    margin-bottom: 40px;
    font-size: 0;
    line-height: 0
}

body .LeftPanel__logoLink {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 0;
    line-height: 0;
    width: 100%;
    height: 48px;
    overflow: hidden
}

body .LeftPanel__logoImage {
    display: block;
    position: static;
    top: 0;
    left: 0;
    opacity: 1;
    transition: all .2s linear;
    transition-delay: .2s;
    width: 100%;
    max-width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left
}

body .LeftPanel__logoImage_collapsed {
    position: absolute;
    opacity: 0;
    pointer-events: none
}

body .LeftPanel.isCollapsed .LeftPanel__logoImage {
    position: absolute;
    opacity: 0;
    transition-delay: 0s;
    pointer-events: none
}

body .LeftPanel.isCollapsed .LeftPanel__logoImage_collapsed {
    position: static;
    opacity: 1
}

body .LeftPanel__menu {
    display: block;
    font-size: 0;
    line-height: 0
}

body .LeftPanel__menuItem {
    display: block
}

body .LeftPanel__menuItem:last-of-type {
    margin-bottom: 0 !important
}

body .LeftPanel__menuLink {
    display: flex;
    font-size: 0;
    line-height: 0;
    padding: 8px;
    overflow: hidden;
    white-space: nowrap;
    background-color: transparent;
    color: var(--base-text-secondary);
    width: 100%
}

body .LeftPanel__menuLink:hover {
    color: var(--primary-hover)
}

body .LeftPanel__menuLink_active {
    background-color: var(--base-elements);
    color: var(--primary-solid)
}

body .LeftPanel__menu_spacing8 .LeftPanel__menuItem {
    margin-bottom: 8px
}

body .LeftPanel__menu_spacing16 .LeftPanel__menuItem {
    margin-bottom: 16px
}

body .LeftPanel__menu_spacing24 .LeftPanel__menuItem {
    margin-bottom: 24px
}

body .LeftPanel__menuItem_spacing8 .LeftPanel__menuItem {
    margin-bottom: 8px
}

body .LeftPanel__menuItem_spacing16 .LeftPanel__menuItem {
    margin-bottom: 16px
}

body .LeftPanel__menuItem_spacing24 .LeftPanel__menuItem {
    margin-bottom: 24px
}

body .LeftPanel_isBottomPanel .LeftPanel__menu_spacing16 .LeftPanel__menuItem, body .LeftPanel_isBottomPanel .LeftPanel__menu_spacing24 .LeftPanel__menuItem, body .LeftPanel_isBottomPanel .LeftPanel__menu_spacing8 .LeftPanel__menuItem {
    margin-bottom: 0
}

body .LeftPanel__menuText {
    display: inline-block;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.5rem;
    opacity: 1;
    flex: 1 1;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: opacity .2s linear;
    transition-delay: .2s;
    text-align: left
}

body .LeftPanel__menuText_small {
    font-size: .75rem;
    line-height: 1.25rem
}

body .LeftPanel__menuText_medium {
    font-size: .875rem;
    line-height: 1.5rem
}

body .LeftPanel__menuText_large {
    font-size: 1rem;
    line-height: 1.75rem
}

body .LeftPanel__menuIcon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    min-width: 24px;
    height: 24px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: margin-right .2s linear
}

body .LeftPanel__menuIcon_small {
    width: 16px;
    min-width: 16px;
    height: 16px
}

body .LeftPanel__menuIcon_small img, body .LeftPanel__menuIcon_small svg {
    width: 16px;
    height: 16px
}

body .LeftPanel__menuIcon_medium {
    width: 24px;
    min-width: 24px;
    height: 24px
}

body .LeftPanel__menuIcon_medium img, body .LeftPanel__menuIcon_medium svg {
    width: 24px;
    height: 24px
}

body .LeftPanel__menuIcon_large {
    width: 28px;
    min-width: 28px;
    height: 28px
}

body .LeftPanel__menuIcon_large img, body .LeftPanel__menuIcon_large svg {
    width: 28px;
    height: 28px
}

body .LeftPanel__menuIcon_extra-large {
    width: 32px;
    min-width: 32px;
    height: 32px
}

body .LeftPanel__menuIcon_extra-large svg {
    width: 32px;
    height: 32px
}

body .LeftPanel.isCollapsed .LeftPanel__menuText {
    transition-delay: 0s;
    opacity: 0
}

body .LeftPanel.isCollapsed .LeftPanel__menuIcon {
    margin-right: 0
}

body .LeftPanel__search {
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 16px
}

body .LeftPanel__search .FieldText {
    margin-bottom: 0
}

body .LeftPanel__search .FieldText__wrapper {
    display: block;
    opacity: 1;
    transition: all .2s linear
}

body .LeftPanel__search .FieldText__input {
    padding-left: 40px
}

body .LeftPanel__search .FieldText__error {
    display: none
}

body .LeftPanel__searchButton {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-size: 18px;
    border: .6px solid transparent;
    padding: 0;
    transition: all .2s linear;
    transform: translateY(-50%);
    color: var(--primary-solid)
}

body .LeftPanel.isCollapsed .LeftPanel__search .FieldText__wrapper {
    opacity: 0
}

body .LeftPanel.isCollapsed .LeftPanel__searchButton {
    background-color: var(--base-elements)
}

body .GameCategoriesModal__sidebar_typeB {
    width: 480px !important
}

body .GameCategoriesModal__sidebar_typeB .Sidebar__content {
    padding: 40px !important
}

@media (max-width: 767.98px) {
    body .GameCategoriesModal__sidebar_typeB .Sidebar__content {
        padding: 20px !important
    }

    body .GameCategoriesModal__sidebar_typeB {
        width: 320px !important
    }
}

body .GameCategoriesModal__button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 8px;
    background-color: var(--base-elements);
    text-align: left;
    overflow: hidden;
    transition: background-color .3s ease-in-out, all .2s linear;
    white-space: nowrap
}

body .GameCategoriesModal__button:not(:disabled):hover {
    background-color: var(--base-elements-hover)
}

body .GameCategoriesModal__label {
    flex: 1 1;
    max-width: inherit;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--base-text-primary);
    transition: opacity .2s linear;
    transition-delay: .2s;
    opacity: 1;
    padding-left: 8px
}

body .GameCategoriesModal__icon {
    flex: 0 0 24px;
    max-width: 24px;
    min-width: 24px;
    content: "";
    width: 24px;
    height: 24px;
    color: var(--base-text-secondary)
}

body .GameCategoriesModal__icon img, body .GameCategoriesModal__icon svg {
    width: 24px;
    height: 24px
}

body .GameCategoriesModal__icon_play {
    transition: margin-right .2s linear;
    transition-delay: .2s
}

body .GameCategoriesModal__icon_arrow {
    opacity: 1;
    margin-left: auto;
    transition: opacity .2s linear;
    transition-delay: .2s
}

body .GameCategoriesModal__overlay {
    position: fixed;
    top: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

body .GameCategoriesModal__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background-color: var(--base-background);
    max-width: 480px;
    width: 100%;
    height: 100%;
    animation: show .2s forwards
}

body .GameCategoriesModal__header {
    display: flex;
    width: 100%;
    height: 80px;
    padding: 20px 40px;
    justify-content: space-between;
    align-items: center;
    color: var(--base-text-primary)
}

body .GameCategoriesModal__content {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    padding: 30px 16px;
    overflow: hidden;
    max-height: calc(100vh - 80px);
    min-height: 0;
    border-top: 1px solid var(--base-divider)
}

body .GameCategoriesModal__title {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(100% - 40px);
    max-width: calc(100% - 40px);
    margin-right: 20px;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: var(--base-text-secondary)
}

body .GameCategoriesModal__close {
    flex: 0 0 40px;
    max-width: 40px;
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
    background-color: var(--base-elements);
    transition: all .3s ease-in-out;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .GameCategoriesModal__close:hover {
    background-color: var(--base-elements-hover)
}

body .GameCategoriesModal__close:active {
    box-shadow: var(--base-button-active-shadow);
    -webkit-box-shadow: var(--base-button-active-shadow)
}

body .GameCategoriesModal__close_icon {
    position: absolute;
    right: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    outline: none;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    color: var(--primary-solid);
    transition: all .3s ease-in-out;
    box-shadow: none
}

body .GameCategoriesModal__grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-auto-rows: 1fr;
    grid-gap: 20px;
    width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 24px
}

body .GameCategoriesModal__grid::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .GameCategoriesModal__grid::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .GameCategoriesModal__grid::-webkit-scrollbar-thumb, body .GameCategoriesModal__grid::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .GameCategoriesModal__grid::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .GameCategoriesModal__grid::-webkit-scrollbar {
        width: 6px
    }

    body .GameCategoriesModal__grid::-webkit-scrollbar-thumb, body .GameCategoriesModal__grid::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .GameCategoriesModal .GamesCategoriesTypeA__slide, body .GameCategoriesModal .GamesCategoriesTypeB__slide {
    max-width: 120px;
    height: auto
}

@media (max-width: 1279.98px) {
    body .GameCategoriesModal__wrapper {
        max-width: 320px
    }

    body .GameCategoriesModal__header {
        height: 72px;
        padding: 16px 20px
    }

    body .GameCategoriesModal__content {
        max-height: calc(100vh - 72px);
        padding: 10px 8px
    }

    body .GameCategoriesModal__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .GameCategoriesModal__grid {
        grid-template-columns:repeat(2, 1fr);
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        padding: 10px 12px 70px
    }

    body .GameCategoriesModal__grid::-webkit-scrollbar {
        width: 6px
    }

    body .GameCategoriesModal__grid::-webkit-scrollbar-thumb, body .GameCategoriesModal__grid::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }

    body .GameCategoriesModal .GamesCategoriesTypeA__slide, body .GameCategoriesModal .GamesCategoriesTypeB__slide {
        max-width: 136px
    }
}

body .GamesSearchModal__button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 8px;
    background-color: var(--base-elements);
    text-align: left;
    overflow: hidden;
    transition: all .2s linear;
    white-space: nowrap;
    box-shadow: var(--base-input-normal-shadow);
    -webkit-box-shadow: var(--base-input-normal-shadow)
}

body .GamesSearchModal__button:not(:disabled):hover {
    background-color: var(--base-elements-hover)
}

body .GamesSearchModal__label {
    flex: 0 0 auto;
    max-width: inherit;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-placeholder);
    transition: opacity .2s linear;
    transition-delay: .2s;
    opacity: 1
}

body .GamesSearchModal__icon {
    flex: 0 0 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    color: var(--primary-solid);
    margin-right: 8px;
    transition: margin-right .2s linear;
    transition-delay: .2s
}

body .GamesSearchModal__overlay {
    position: fixed;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 100px;
    z-index: 10002;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

@media (max-width: 767.98px) {
    body .GamesSearchModal__overlay {
        padding-top: 0
    }
}

body .GamesSearchModal__content {
    max-width: 814px;
    width: 100%;
    background-color: var(--base-surface);
    animation: show .2s forwards;
    padding: 40px;
    border-radius: 12px
}

@media (max-width: 1023.98px) {
    body .GamesSearchModal__content {
        max-width: 704px
    }
}

@media (max-width: 767.98px) {
    body .GamesSearchModal__content {
        padding: 40px 20px 20px
    }
}

body .GamesSearchModal__title {
    display: flex;
    width: 100%;
    height: 48px;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    body .GamesSearchModal__title {
        margin-bottom: 24px
    }
}

body .GamesSearchModal__text {
    text-transform: none;
    font-style: normal;
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 3rem;
    color: var(--base-text-primary)
}

body .GamesSearchModal__closeButton {
    width: 24px;
    height: 24px;
    outline: none;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    color: var(--base-text-primary);
    transition: all .3s ease-in-out
}

body .GamesSearchModal__searchIcon {
    position: absolute;
    top: 0;
    left: 12px;
    width: min-content;
    color: var(--primary-solid)
}

body .GamesSearchModal__searchField {
    display: block;
    max-width: 100%;
    position: relative;
    font-size: 0;
    line-height: 0
}

body .GamesSearchModal__searchField .FieldText {
    margin-bottom: 0
}

body .GamesSearchModal__searchField .FieldText__error {
    display: none
}

body .GamesSearchModal__searchField .FieldText__input {
    padding: 0 38px
}

body .GamesSearchModal__searchClean {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    outline: none;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    transition: all .3s ease-in-out
}

body .GamesSearchModal__searchList {
    max-width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 24px;
    padding-right: 24px
}

@media (max-width: 1439.98px) {
    body .GamesSearchModal__searchList {
        max-height: 74vh
    }
}

@media (max-width: 767.98px) {
    body .GamesSearchModal__searchList {
        max-height: 80vh
    }
}

body .GamesSearchModal__searchList::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .GamesSearchModal__searchList::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .GamesSearchModal__searchList::-webkit-scrollbar-thumb, body .GamesSearchModal__searchList::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .GamesSearchModal__searchList::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .GamesSearchModal__searchList::-webkit-scrollbar {
        width: 6px
    }

    body .GamesSearchModal__searchList::-webkit-scrollbar-thumb, body .GamesSearchModal__searchList::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .GamesSearchModal__searchEmpty {
    max-width: 100%;
    text-align: center;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-top: 40px
}

body .GamesSearchModal__spinner {
    position: absolute;
    min-height: unset !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1
}

body .GamesSearchModal__attention {
    margin-top: 4px;
    color: var(--base-text-primary)
}

body .AlternativeSwitch {
    display: flex;
    gap: 6px;
    background-color: var(--base-elements);
    height: 40px;
    align-items: center;
    justify-content: space-evenly;
    padding: 6px
}

body .AlternativeSwitch__fallbackCollapsedIcon {
    display: none;
    width: 18px;
    height: 18px
}

body .AlternativeSwitch__fallbackCollapsedIcon path {
    fill: var(--base-text-on-color-bg) !important
}

body .AlternativeSwitch_variantB {
    gap: 8px;
    height: auto;
    background-color: initial;
    padding: 0
}

body .Header .AlternativeSwitch {
    max-width: 100%
}

body .Header .AlternativeSwitch_iconsOnly:not(.AlternativeSwitch_variantB) {
    max-width: 78px
}

body .Header .AlternativeSwitch_iconsOnly:not(.AlternativeSwitch_variantB) > button {
    flex-grow: 1
}

@media (max-width: 1023.98px) {
    body .Header .AlternativeSwitch {
        display: none
    }
}

body .LeftPanel.isCollapsed .AlternativeSwitch {
    padding: initial;
    flex-direction: column;
    gap: 0;
    height: auto
}

body .LeftPanel.isCollapsed .AlternativeSwitch__fallbackCollapsedIcon {
    display: block
}

body .FooterTypeA .AlternativeSwitch_iconsOnly, body .FooterTypeB .AlternativeSwitch_iconsOnly, body .FooterTypeC .AlternativeSwitch_iconsOnly, body .FooterTypeD .AlternativeSwitch_iconsOnly, body .FooterTypeE .AlternativeSwitch_iconsOnly {
    max-width: 78px
}

body .FooterTypeA .AlternativeSwitch_iconsOnly > button, body .FooterTypeB .AlternativeSwitch_iconsOnly > button, body .FooterTypeC .AlternativeSwitch_iconsOnly > button, body .FooterTypeD .AlternativeSwitch_iconsOnly > button, body .FooterTypeE .AlternativeSwitch_iconsOnly > button {
    flex-grow: 1
}

body .FooterTypeA .AlternativeSwitch_iconsOnly > button > span, body .FooterTypeB .AlternativeSwitch_iconsOnly > button > span, body .FooterTypeC .AlternativeSwitch_iconsOnly > button > span, body .FooterTypeD .AlternativeSwitch_iconsOnly > button > span, body .FooterTypeE .AlternativeSwitch_iconsOnly > button > span {
    margin-left: 0;
    margin-right: 0
}

body .FooterTypeA .AlternativeSwitch, body .FooterTypeB .AlternativeSwitch, body .FooterTypeC .AlternativeSwitch, body .FooterTypeD .AlternativeSwitch, body .FooterTypeE .AlternativeSwitch {
    display: flex
}

@media (max-width: 1023.98px) {
    body .FooterTypeA .AlternativeSwitch, body .FooterTypeB .AlternativeSwitch, body .FooterTypeC .AlternativeSwitch, body .FooterTypeD .AlternativeSwitch, body .FooterTypeE .AlternativeSwitch {
        overflow: hidden
    }
}

body .FooterTypeA .AlternativeSwitch, body .FooterTypeD .AlternativeSwitch, body .FooterTypeE .AlternativeSwitch {
    margin-bottom: 16px;
    max-width: 290px
}

body .FooterTypeA .AlternativeSwitch_variantB, body .FooterTypeB .AlternativeSwitch_variantB, body .FooterTypeC .AlternativeSwitch_variantB, body .FooterTypeD .AlternativeSwitch_variantB, body .FooterTypeE .AlternativeSwitch_variantB {
    width: 280px
}

@media (max-width: 1023.98px) {
    body .FooterTypeA .AlternativeSwitch, body .FooterTypeE .AlternativeSwitch {
        max-width: 100%
    }
}

body .FooterTypeB .AlternativeSwitch {
    margin: 0 auto 40px;
    max-width: 100%
}

body .FooterTypeC .AlternativeSwitch {
    margin: 40px 0 16px;
    max-width: 280px
}

@media (max-width: 1279.98px) {
    body .FooterTypeC .AlternativeSwitch {
        margin: -10px 0 0
    }
}

@media (max-width: 434.98px) {
    body .FooterTypeC .AlternativeSwitch {
        margin: 40px 0 16px;
        max-width: 100%
    }

    body .FooterTypeD .AlternativeSwitch {
        max-width: 100%
    }
}

body .MenuMain__switcher .AlternativeSwitch {
    max-width: none;
    margin-bottom: 16px
}

body .MenuMain__switcher .AlternativeSwitch:last-child {
    width: 100%;
    margin-bottom: 0
}

body .SwitchButton {
    max-width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 28px;
    font-size: 0;
    line-height: 0;
    padding: 4px;
    background-color: var(--base-elements);
    text-align: left;
    transition: all .2s linear;
    box-shadow: var(--base-input-normal-shadow);
    -webkit-box-shadow: var(--base-input-normal-shadow)
}

body .SwitchButton_active {
    background-color: var(--primary-solid)
}

body .SwitchButton_active .SwitchButton__label {
    color: var(--base-text-on-color-bg)
}

body .SwitchButton_active svg path {
    fill: var(--base-text-on-color-bg) !important
}

body .SwitchButton_disabled .SwitchButton__icon, body .SwitchButton_disabled .SwitchButton__label {
    opacity: .5
}

body .SwitchButton__icon {
    justify-content: center;
    flex: 0 0 18px;
    max-width: 24px;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    object-fit: contain;
    object-position: center;
    color: var(--base-text-on-color-bg);
    display: flex
}

body .SwitchButton__icon > *, body .SwitchButton__icon > * > * {
    width: 18px;
    height: 18px;
    max-width: 100%;
    max-height: 100%
}

body .SwitchButton__label {
    white-space: nowrap;
    flex: 0 1 auto;
    max-width: 100%;
    font-size: .875rem;
    line-height: 1.3rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    text-transform: capitalize;
    transition: opacity .2s linear;
    opacity: 1;
    transition-delay: .2s;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis
}

body .SwitchButton__tag {
    position: absolute;
    top: -9px;
    right: -10px;
    z-index: 1;
    font-size: 10px;
    display: block;
    padding: 6px;
    background: #3dca85;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase
}

body .Header .SwitchButton {
    max-width: none;
    display: inline-flex
}

body .Header .SwitchButton_withIcon {
    width: 100%
}

@media (min-width: 1023.98px) {
    body .Header .SwitchButton_withIcon .SwitchButton__label {
        overflow: unset;
        text-overflow: unset
    }
}

body .Header .SwitchButton_noCaption {
    width: 32px;
    flex-grow: .08
}

body .Header .SwitchButton_noCaption .SwitchButton__icon {
    margin-right: 0;
    margin-left: 0
}

body .MenuMain .SwitchButton {
    width: 100%
}

body .FooterTypeA .SwitchButton, body .FooterTypeB .SwitchButton, body .FooterTypeC .SwitchButton, body .FooterTypeD .SwitchButton, body .FooterTypeE .SwitchButton {
    overflow: hidden;
    max-width: none
}

body .FooterTypeA .AlternativeSwitch_variantB .SwitchButton_noCaption, body .FooterTypeB .AlternativeSwitch_variantB .SwitchButton_noCaption, body .FooterTypeC .AlternativeSwitch_variantB .SwitchButton_noCaption, body .FooterTypeD .AlternativeSwitch_variantB .SwitchButton_noCaption, body .FooterTypeE .AlternativeSwitch_variantB .SwitchButton_noCaption {
    width: 50%
}

body .FooterTypeA .SwitchButton_noCaption, body .FooterTypeB .SwitchButton_noCaption, body .FooterTypeC .SwitchButton_noCaption, body .FooterTypeD .SwitchButton_noCaption, body .FooterTypeE .SwitchButton_noCaption {
    width: 32px;
    padding: 8px;
    flex-grow: .05
}

body .FooterTypeA .SwitchButton_noCaption .SwitchButton__icon, body .FooterTypeB .SwitchButton_noCaption .SwitchButton__icon, body .FooterTypeC .SwitchButton_noCaption .SwitchButton__icon, body .FooterTypeD .SwitchButton_noCaption .SwitchButton__icon, body .FooterTypeE .SwitchButton_noCaption .SwitchButton__icon {
    margin-right: 0;
    margin-left: 0
}

body .LeftPanel .SwitchButton {
    width: 100%;
    max-width: 100%
}

body .LeftPanel.isCollapsed .SwitchButton_withIcon .SwitchButton__label {
    display: none
}

body .LeftPanel.isCollapsed .SwitchButton_withIcon .SwitchButton__icon {
    margin-right: 0;
    margin-left: 0
}

body .LeftPanel.isCollapsed .SwitchButton__label {
    font-size: 0
}

body .LeftPanel.isCollapsed .SwitchButton__label:first-letter {
    font-size: .875rem
}

body .LeftPanel.isCollapsed .SwitchButton__tag {
    top: -3px
}

body .LeftPanel.isCollapsed .SwitchButton {
    height: 100%
}

body .LeftPanel.isCollapsed .AlternativeSwitch_variantB .SwitchButton {
    align-items: center;
    display: flex;
    height: 48px;
    justify-content: center;
    padding: 0
}

body .LeftPanel.isCollapsed .AlternativeSwitch_variantB .SwitchButton_active {
    background-color: var(--primary-solid)
}

body .LeftPanel.isCollapsed .AlternativeSwitch_variantB .SwitchButton:not(.SwitchButton_active) {
    display: flex
}

body .LeftPanel.isCollapsed .AlternativeSwitch_variantB .SwitchButton__icon {
    display: flex;
    max-width: 40px;
    max-height: 40px
}

body .AlternativeSwitch_variantB .SwitchButton {
    height: 48px;
    width: calc(50% - 4px)
}

body .AlternativeSwitch_variantB .SwitchButton__icon, body .AlternativeSwitch_variantB .SwitchButton__icon > * {
    height: 32px;
    width: 32px;
    max-width: none;
    display: flex;
    justify-content: center;
    align-items: center
}

body .AlternativeSwitch_variantB .SwitchButton__icon > *, body .AlternativeSwitch_variantB .SwitchButton__icon > * > * {
    width: 32px;
    height: 32px
}

body .AlternativeSwitch_variantB .SwitchButton_noCaption .SwitchButton__icon {
    margin-right: auto;
    margin-left: auto
}

body .Header .AlternativeSwitch_variantB .SwitchButton {
    width: auto
}

body .LeftPanel.isCollapsed .AlternativeSwitch_variantB .SwitchButton {
    width: 100%
}

body .ExternalSvg_paintable svg path {
    fill: var(--base-text-secondary)
}

body .ExternalSvg_invalid {
    display: none
}

body .LeftPanel.isCollapsed .ExternalSvg_invalid {
    display: block
}

body .Feedback {
    justify-content: space-between;
    padding: 12px 16px;
    background-color: var(--base-elements);
    border-radius: 2px
}

body .Feedback, body .Feedback__textBlock {
    display: flex;
    flex-direction: column
}

body .Feedback__textBlock, body .Feedback__textBlock > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .Feedback__firstText {
    color: var(--primary-solid)
}

body .Feedback__secondText {
    color: var(--base-text-secondary)
}

body .Feedback__iconsBlock {
    display: flex
}

body .Feedback__iconContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    flex: none;
    margin-right: 8px;
    border-radius: 2px;
    color: var(--base-text-on-color-bg);
    background-color: var(--base-text-placeholder);
    transition: all .3s ease-in-out
}

body .Feedback__iconContainer:hover {
    cursor: pointer;
    box-shadow: var(--base-hover-shadow);
    -webkit-box-shadow: var(--base-hover-shadow);
    background-color: var(--primary-solid)
}

@media (max-width: 767.98px) {
    body .Sidebar#GameCategoriesModal .Sidebar__wrapper {
        width: 320px
    }
}

@media (max-width: 434.98px) {
    body .Sidebar#GameCategoriesModal .Sidebar__wrapper {
        width: 100%
    }
}

body .Sidebar__button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 8px;
    background-color: var(--base-elements);
    text-align: left;
    overflow: hidden;
    transition: background-color .3s ease-in-out, all .2s linear;
    white-space: nowrap;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .Sidebar__button:not(:disabled):hover {
    background-color: var(--base-elements-hover)
}

body .Sidebar__cancel-block {
    display: flex;
    justify-content: flex-end;
    padding: 0 24px;
    margin-top: 28px
}

body .Sidebar__cancel {
    max-width: 86px
}

body .Sidebar__label {
    flex: 0 0 auto;
    max-width: inherit;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-primary);
    transition: opacity .2s linear;
    transition-delay: .2s;
    opacity: 1
}

body .Sidebar__icon {
    flex: 0 0 24px;
    max-width: 24px;
    min-width: 24px;
    content: "";
    width: 24px;
    height: 24px;
    color: var(--base-text-secondary)
}

body .Sidebar__icon_play {
    margin-left: 4px;
    margin-right: 8px;
    transition: margin-right .2s linear;
    transition-delay: .2s
}

body .Sidebar__icon_arrow {
    opacity: 1;
    margin-left: auto;
    transition: opacity .2s linear;
    transition-delay: .2s
}

body .Sidebar__overlay {
    position: fixed;
    top: 0;
    z-index: 1011;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

body .Sidebar__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background-color: var(--base-background);
    width: 492px;
    height: 100%;
    animation: show .2s forwards
}

body .Sidebar__header {
    display: flex;
    width: 100%;
    height: 80px;
    padding: 0 40px;
    justify-content: space-between;
    align-items: center;
    color: var(--base-text-primary)
}

body .Sidebar__content {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    padding: 40px 30px 40px 40px;
    max-height: calc(100vh - 80px);
    min-height: 0;
    border-top: 1px solid var(--base-divider);
    overflow-y: auto
}

body .Sidebar__content::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .Sidebar__content::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .Sidebar__content::-webkit-scrollbar-thumb, body .Sidebar__content::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .Sidebar__content::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .Sidebar__content::-webkit-scrollbar {
        width: 6px
    }

    body .Sidebar__content::-webkit-scrollbar-thumb, body .Sidebar__content::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .Sidebar__content_showBottomPanel {
    max-height: calc(100vh - 150px) !important
}

body .Sidebar__title {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(100% - 40px);
    max-width: calc(100% - 40px);
    margin-right: 20px;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: var(--base-text-secondary);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

body .Sidebar__close {
    flex: 0 0 40px;
    max-width: 40px;
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background-color: var(--base-elements);
    transition: all .3s ease-in-out;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .Sidebar__close:hover {
    background-color: var(--base-elements-hover)
}

body .Sidebar__close:active {
    box-shadow: var(--base-button-active-shadow);
    -webkit-box-shadow: var(--base-button-active-shadow)
}

body .Sidebar__close_icon {
    position: absolute;
    right: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    outline: none;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    color: var(--base-text-primary);
    transition: all .3s ease-in-out;
    box-shadow: none
}

body .Sidebar__close:hover .Sidebar__close_icon {
    background-color: var(--base-elements-hover)
}

body .Sidebar__grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-auto-rows: 1fr;
    grid-gap: 20px;
    width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

body .Sidebar__grid::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .Sidebar__grid::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .Sidebar__grid::-webkit-scrollbar-thumb, body .Sidebar__grid::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .Sidebar__grid::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .Sidebar__grid::-webkit-scrollbar {
        width: 6px
    }

    body .Sidebar__grid::-webkit-scrollbar-thumb, body .Sidebar__grid::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .Sidebar__grid_typeB {
    grid-template-columns:repeat(2, 1fr);
    overflow-x: visible;
    overflow-y: visible
}

body .Sidebar__grid_typeB .GamesCategoryItemTypeB__item {
    margin-right: 0 !important
}

body .Sidebar__grid_typeB .GamesCategoryItemTypeB__item-text {
    max-width: 100px;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media screen and (max-width: 768px) {
    body .Sidebar__grid_typeB .GamesCategoryItemTypeB__item-text {
        max-width: 66px
    }
}

body .Sidebar .GamesCategoriesTypeA__slide, body .Sidebar .GamesCategoriesTypeB__slide {
    max-width: 120px;
    height: auto
}

@media (max-width: 767.98px) {
    body .Sidebar__wrapper {
        width: 100%;
        top: -70px;
        padding-bottom: 70px;
        transform: translateY(70px)
    }

    body .Sidebar__grid {
        grid-gap: 8px
    }

    body .Sidebar__grid .GamesCategoriesTypeA__slide {
        width: 136px;
        height: 108px
    }

    body .Sidebar .GamesCategoriesTypeA__slide, body .Sidebar .GamesCategoriesTypeB__slide {
        max-width: 136px
    }

    body .Sidebar__header {
        height: 72px;
        padding: 20px
    }

    body .Sidebar__content {
        max-height: calc(100vh - 72px);
        padding: 40px 15px 40px 20px
    }

    body .Sidebar__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .Sidebar__grid {
        grid-template-columns:repeat(2, 1fr);
        grid-column-gap: 8px;
        grid-row-gap: 8px
    }

    body .Sidebar__grid::-webkit-scrollbar {
        width: 6px
    }

    body .Sidebar__grid::-webkit-scrollbar-thumb, body .Sidebar__grid::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }

    body .Sidebar .Sidebar__slide {
        max-width: 136px
    }
}

@-moz-document url-prefix() {
    body .Sidebar__content:after {
        content: "";
        height: 40px;
        display: block
    }
}

body .GameProvidersModal__button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 8px;
    background-color: var(--base-elements);
    text-align: left;
    overflow: hidden;
    transition: background-color .3s ease-in-out, all .2s linear;
    white-space: nowrap;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .GameProvidersModal__button:not(:disabled):hover {
    background-color: var(--base-elements-hover)
}

body .GameProvidersModal__label {
    flex: 0 0 auto;
    max-width: inherit;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-primary);
    transition: opacity .2s linear;
    transition-delay: .2s;
    opacity: 1
}

body .GameProvidersModal__icon {
    flex: 0 0 24px;
    max-width: 24px;
    min-width: 24px;
    content: "";
    width: 24px;
    height: 24px;
    color: var(--base-text-secondary);
    align-items: center;
    display: flex;
    margin-right: 8px
}

body .GameProvidersModal__icon img, body .GameProvidersModal__icon svg {
    max-width: 100%;
    max-height: 100%
}

body .GameProvidersModal__icon_play {
    margin-right: 8px;
    transition: margin-right .2s linear;
    transition-delay: .2s
}

body .GameProvidersModal__icon_arrow {
    opacity: 1;
    margin-left: auto;
    margin-right: 0;
    transition: opacity .2s linear;
    transition-delay: .2s
}

body .GameProvidersModal__overlay {
    position: fixed;
    top: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

body .GameProvidersModal__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background-color: var(--base-background);
    max-width: 830px;
    width: 100%;
    height: 100%;
    animation: show .2s forwards
}

body .GameProvidersModal__header {
    display: flex;
    width: 100%;
    height: 140px;
    padding: 20px 40px;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    color: var(--base-text-primary)
}

body .GameProvidersModal__content {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    padding: 30px 16px;
    overflow: hidden;
    max-height: calc(100vh - 140px);
    min-height: 0;
    border-top: 1px solid var(--base-divider)
}

body .GameProvidersModal__title {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(100% - 40px - 20px);
    max-width: calc(100% - 40px - 20px);
    margin-right: 20px;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: var(--base-text-secondary)
}

body .GameProvidersModal__close {
    flex: 0 0 40px;
    max-width: 40px;
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
    background-color: var(--base-elements);
    transition: all .3s ease-in-out;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .GameProvidersModal__close:hover {
    background-color: var(--base-elements-hover)
}

body .GameProvidersModal__close:active {
    box-shadow: var(--base-button-active-shadow);
    -webkit-box-shadow: var(--base-button-active-shadow)
}

body .GameProvidersModal__close_icon {
    position: absolute;
    right: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    outline: none;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    color: var(--primary-solid);
    transition: all .3s ease-in-out;
    box-shadow: none
}

body .GameProvidersModal__grid {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-auto-rows: 1fr;
    grid-gap: 16px;
    width: 100%;
    max-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 24px
}

body .GameProvidersModal__grid::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .GameProvidersModal__grid::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .GameProvidersModal__grid::-webkit-scrollbar-thumb, body .GameProvidersModal__grid::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .GameProvidersModal__grid::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .GameProvidersModal__grid::-webkit-scrollbar {
        width: 6px
    }

    body .GameProvidersModal__grid::-webkit-scrollbar-thumb, body .GameProvidersModal__grid::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .GameProvidersModal__searchIcon {
    position: absolute;
    top: 0;
    left: 12px;
    width: min-content;
    color: var(--primary-solid)
}

body .GameProvidersModal__searchField {
    display: block;
    flex: 1 1 100%;
    max-width: 100%;
    margin-top: 20px;
    position: relative;
    font-size: 0;
    line-height: 0
}

body .GameProvidersModal__searchField .FieldText {
    margin-bottom: 0
}

body .GameProvidersModal__searchField .FieldText__error {
    display: none
}

body .GameProvidersModal__searchField .FieldText__input {
    padding: 0 38px
}

body .GameProvidersModal__searchClean {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    display: block;
    width: 24px;
    height: 24px;
    outline: none;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    transition: all .3s ease-in-out
}

body .GameProvidersModal__searchEmpty {
    max-width: 100%;
    text-align: center;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-top: 40px
}

@media (max-width: 1279.98px) {
    body .GameProvidersModal__wrapper {
        max-width: 320px
    }

    body .GameProvidersModal__header {
        height: 128px;
        padding: 16px 20px
    }

    body .GameProvidersModal__content {
        max-height: calc(100vh - 128px);
        padding: 10px 8px
    }

    body .GameProvidersModal__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .GameProvidersModal__grid {
        grid-template-columns:repeat(2, 1fr);
        padding: 10px 12px 70px
    }

    body .GameProvidersModal__grid::-webkit-scrollbar {
        width: 6px
    }

    body .GameProvidersModal__grid::-webkit-scrollbar-thumb, body .GameProvidersModal__grid::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }

    body .GameProvidersModal__searchField {
        margin-top: 16px
    }
}

@media (max-width: 767.98px) {
    body .GameProvidersModal .Providers__slideImage {
        width: 100%
    }

    body .GameProvidersModal__content {
        max-height: calc(100% - 132px)
    }

    body .GameProvidersModal__grid {
        padding: 10px 12px
    }
}

body .Banner__container {
    z-index: 0;
    background: var(--base-elements);
    text-decoration: none;
    overflow: hidden
}

body .Banner__container, body .Banner__content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

body .Banner__content {
    transition: padding .3s linear;
    z-index: 2;
    width: 100%;
    height: 40px;
    padding: 0 16px
}

body .Banner__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 1;
    transition: opacity .3s linear;
    flex: 1 1 auto;
    color: var(--base-text-on-color-bg)
}

body .Banner__icon {
    position: relative;
    left: 0;
    transition: left .3s linear;
    margin-left: 18px;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    color: var(--base-text-on-color-bg)
}

body .Banner__icon > * {
    max-width: 100%
}

body .Banner__backgroundImage {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

body .Banner__backgroundGradient {
    transition: opacity .3s linear;
    opacity: 0;
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-gradient)
}

body .PromoOffers {
    margin-bottom: 16px
}

body .PromoOffers__button {
    display: none;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 8px;
    background-color: var(--base-elements);
    text-align: left;
    overflow: hidden;
    transition: background-color .3s ease-in-out, all .2s linear;
    white-space: nowrap;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .PromoOffers__button:not(:disabled):hover {
    background-color: var(--base-elements-hover)
}

body .PromoOffers__icon {
    flex: 0 0 24px;
    max-width: 24px;
    min-width: 24px;
    content: "";
    width: 24px;
    height: 24px;
    color: var(--base-text-secondary)
}

body .PromoOffers__heading {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body .PromoOffers__title {
    font-size: 16px;
    color: var(--primary-solid);
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .PromoOffers__moreLink {
    display: flex;
    align-items: center;
    color: var(--base-text-primary);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none
}

body .PromoOffers__arrow {
    margin-left: 8px;
    width: 24px
}

body .PromoOffers__itemsGrid {
    margin-top: 8px;
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-column-gap: 8px;
    grid-row-gap: 8px
}

body .isCollapsed .PromoOffers {
    display: none
}

body .isCollapsed .PromoOffers__button {
    display: flex;
    margin-bottom: 16px
}

body .PromoOfferItem__item {
    padding: 8px;
    display: flex;
    gap: 8px;
    overflow: hidden;
    text-decoration: none
}

body .PromoOfferItem__item, body .PromoOfferItem__item:hover {
    background-color: var(--base-elements)
}

body .PromoOfferItem__item_bigItem {
    padding: 12px;
    gap: 16px;
    grid-column: span 2/span 2
}

body .PromoOfferItem__item_bigItem .PromoOfferItem__itemImageWrapper {
    width: 72px;
    height: 72px
}

body .PromoOfferItem__item_bigItem .PromoOfferItem__itemImage {
    width: 64px;
    height: 64px
}

body .PromoOfferItem__item_bigItem .PromoOfferItem__itemText {
    justify-content: center
}

body .PromoOfferItem__item_bigItem .PromoOfferItem__itemTitle {
    font-size: 20px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .PromoOfferItem__item_bigItem .PromoOfferItem__itemStatus {
    font-size: 16px;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .PromoOfferItem__item_iconOnly {
    justify-content: center
}

body .PromoOfferItem__item_textOnly {
    display: block;
    text-align: center
}

body .PromoOfferItem__itemImageWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 32px;
    height: 32px
}

body .PromoOfferItem__itemImageWrapper_backGround {
    background-color: var(--base-divider)
}

body .PromoOfferItem__itemImage {
    width: 24px;
    height: 24px
}

body .PromoOfferItem__itemText {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .PromoOfferItem__itemTitle {
    font-weight: 700;
    color: var(--primary-solid)
}

body .PromoOfferItem__itemStatus, body .PromoOfferItem__itemTitle {
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .PromoOfferItem__itemStatus {
    color: var(--base-text-secondary)
}

body :root {
    --content-width: 1160px;
    --footer-height: 400px;
    --header-height: 80px;
    --promo-banner-item-height: 188px;
    --promo-banner-space-between-items: 24px
}

@media (max-width: 434.98px) {
    body :root {
        --promo-banner-item-height: 140px;
        --promo-banner-space-between-items: 12px
    }
}

body .LayoutComponent__container {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: nowrap;
    height: 100%;
    overflow: hidden
}

body .LayoutComponent__centralColumnWrapperBackground {
    margin: auto;
    width: 100%;
    transition: width .3s linear
}

body .LayoutComponent__centralColumnWrapperBackground.leftPanelIsOpened {
    width: calc(100% - var(--sidebar-width))
}

body .LayoutComponent__centralColumnWrapperBackground.leftPanelIsClosed {
    width: calc(100% - var(--sidebar-width-collapsed))
}

body .LayoutComponent__centralColumnWrapperBackground_normalBackground {
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: contain
}

body .LayoutComponent__centralColumnWrapperBackground_tileBackground {
    background-repeat: repeat;
    background-size: auto
}

body .LayoutComponent__centralColumnWrapperBackground_fixBackground {
    background-attachment: fixed;
    background-size: cover
}

body .LayoutComponent__centralColumnWrapper {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    transition: width .3s linear;
    margin-left: auto;
    margin-right: auto;
    max-width: 1580px
}

body .LayoutComponent__centralColumnWrapper #contentWrapper {
    max-width: 1580px;
    margin: 0 auto
}

body .LayoutComponent__centralColumnWrapper_outerShadow {
    box-shadow: 0 0 3px 10000px rgba(0, 0, 0, .6)
}

body .LayoutComponent__sportsBook body .LayoutComponent__centralColumnWrapper.leftPanelIsOpened {
    max-width: calc(100% - var(--sidebar-width))
}

body .LayoutComponent__sportsBook body .LayoutComponent__centralColumnWrapper.leftPanelIsClosed {
    max-width: calc(100% - var(--sidebar-width-collapsed))
}

body .LayoutComponent__sportsBook {
    overflow: unset !important
}

body .LayoutComponent__leftPanel {
    flex: 0 1 auto;
    max-width: 100%;
    position: relative;
    overflow: hidden
}

body .LayoutComponent__fixedHeader {
    margin-top: 80px
}

@media (max-width: 1279.98px) {
    body .LayoutComponent__fixedHeader {
        margin-top: 64px
    }
}

body .LayoutComponent__shadow {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 3px 10000px #000;
    opacity: .6;
    z-index: 1000010
}

body .LayoutComponent__shadow_centralColumn {
    z-index: 999
}

body .LayoutComponent__hidden {
    display: none
}

body .LayoutComponent__loader {
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 10000;
    width: 100%;
    background: #292b41;
    opacity: .8;
    display: flex
}

@media (max-width: 1279.98px) {
    body .LayoutComponent__centralColumnWrapperBackground, body .LayoutComponent__centralColumnWrapperBackground.leftPanelIsClosed, body .LayoutComponent__centralColumnWrapperBackground.leftPanelIsOpened {
        width: 100%
    }

    body .LayoutComponent__sportsBook body .LayoutComponent__centralColumnWrapperBackground.leftPanelIsClosed, body .LayoutComponent__sportsBook body .LayoutComponent__centralColumnWrapperBackground.leftPanelIsOpened {
        max-width: 100%
    }
}

body .Title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    padding: 0 40px;
    color: var(--base-text-primary);
    margin-bottom: 40px
}

@media (max-width: 1279.98px) {
    body .Title {
        padding: 0 32px;
        font-size: 2.25rem;
        line-height: 3rem
    }
}

@media (max-width: 767.98px) {
    body .Title {
        padding: 0 20px;
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-bottom: 24px
    }
}

body .Tags, body .Tags__tags {
    display: flex;
    gap: 8px
}

body .Tags__tag {
    background-color: var(--base-elements);
    padding: 8px 12px;
    height: 28px
}

body .Tags__tag_hidden {
    display: none
}

body .Tags__tag_dropdownIcon {
    width: 40px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    box-sizing: border-box
}

body .Tags__tag_active, body .Tags__tag_dropdownIcon:hover {
    border: .8px solid var(--primary-solid)
}

body .Tags__tagText {
    color: var(--base-text-secondary);
    white-space: nowrap;
    font-weight: 600
}

body .Tags__tagText_dropdown {
    padding: 8px 16px;
    white-space: nowrap
}

body .Tags__dropdownIcon {
    height: 24px;
    width: 24px;
    color: var(--base-text-secondary)
}

body .Tags__dropdownList {
    z-index: 9;
    position: absolute;
    top: 32px;
    left: -1px;
    padding: 8px 0;
    background-color: var(--base-elements);
    display: none
}

body .Tags__dropdownList_visible {
    display: block
}

body .Accounts {
    padding: 40px 0
}

@media (max-width: 1279.98px) {
    body .Accounts {
        max-width: 1240px
    }
}

@media (max-width: 767.98px) {
    body .Accounts {
        padding: 32px 16px
    }
}

@media (max-width: 434.98px) {
    body .Accounts {
        padding: 20px 4px
    }
}

body .Accounts__buttonContainer {
    display: flex;
    align-items: center;
    margin-right: 24px;
    margin-bottom: 40px
}

@media (max-width: 434.98px) {
    body .Accounts__buttonContainer {
        margin-bottom: 24px
    }
}

body .Accounts__container {
    margin: 0 auto;
    padding: 40px
}

@media (max-width: 434.98px) {
    body .Accounts__container {
        padding: 20px
    }
}

body .Accounts__headline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    body .Accounts__headline {
        margin-bottom: 32px;
        flex-direction: column;
        align-items: flex-start
    }

    body .Accounts__headline .Button, body .Accounts__headline .GameError__homeButton {
        min-width: 143px;
        width: 100%
    }
}

@media (max-width: 767.98px)and (max-width: 434.98px) {
    body .Accounts__headline .Button, body .Accounts__headline .GameError__homeButton {
        min-width: 128px
    }
}

body .Accounts__title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .Accounts__title {
        margin-right: 0
    }
}

@media (max-width: 434.98px) {
    body .Accounts__title {
        gap: 10px
    }
}

body .Accounts__title__text {
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    text-transform: none
}

@media (max-width: 434.98px) {
    body .Accounts__title__text {
        font-size: 24px
    }
}

body .Accounts__button_title {
    flex-basis: content;
    padding: 8px 16px;
    font-weight: 700
}

body .Accounts__text {
    font-weight: 700;
    font-size: 2.75rem;
    color: var(--base-text-primary)
}

@media (max-width: 1279.98px) {
    body .Accounts__text {
        font-size: 1.7rem
    }
}

body .Accounts__list {
    display: grid;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-gap: 24px
}

@media (max-width: 1919.98px) {
    body .Accounts__list {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (max-width: 1279.98px) {
    body .Accounts__list {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 767.98px) {
    body .Accounts__list {
        grid-template-columns:1fr
    }
}

body .Accounts__titleContainer {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 16px;
    flex-direction: column
}

@media (max-width: 434.98px) {
    body .Accounts__titleContainer {
        flex-direction: column;
        margin-bottom: 24px;
        align-items: flex-start
    }
}

body .Accounts__titleArrow {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: var(--base-text-primary)
}

body .Accounts__backButtonWrapper {
    display: flex;
    align-items: center;
    grid-gap: 8px
}

body .Accounts__account {
    position: relative;
    background: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    border-radius: 16px;
    padding: 24px 16px
}

body .Accounts__account_active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    border: 1px solid transparent;
    background: var(--primary-gradient) border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude
}

body .Accounts__account_active .Accounts__buttons {
    visibility: visible
}

body .Accounts__account_active .Accounts__statusText {
    color: var(--base-text-primary)
}

body .Accounts__account_notSwitchable .Tooltip__icon {
    margin-top: -3px
}

body .Accounts__status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    margin-bottom: 12px
}

body .Accounts__status .FieldRadio {
    padding-left: 18px;
    font-size: 0;
    line-height: 18px
}

body .Accounts__status .FieldRadio__checkMark {
    top: 0
}

body .Accounts__statusMark {
    display: flex;
    align-items: center
}

body .Accounts__statusText {
    margin-left: 12px;
    color: var(--base-text-secondary)
}

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

body .Accounts__buttons > :not(:last-child) {
    margin-right: 12px
}

body .Accounts__buttons .LinkButton {
    width: 40px;
    height: 40px
}

body .Accounts__buttons .LinkButton .LinkButton__button {
    height: 40px
}

body .Accounts__button {
    position: relative;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 40px;
    height: 40px
}

body .Accounts__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    content: "";
    transform: translate(-50%, -50%)
}

body .Accounts__icon_deposit {
    color: var(--base-text-on-color-bg)
}

body .Accounts__icon_withdraw {
    width: 24px;
    height: 24px;
    color: var(--primary-solid)
}

body .Accounts__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
    border-top: 1px solid var(--base-divider)
}

body .Accounts__info:last-child {
    padding-bottom: 0
}

body .Accounts__convertedValue, body .Accounts__infoValue {
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-primary);
    font-weight: 700;
    transition: color .3s ease-in-out
}

body .Accounts__infoValue_small {
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    color: var(--base-text-placeholder)
}

body .Accounts__itemBalance {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right
}

body .Accounts__infoTitle {
    color: var(--base-text-secondary)
}

body .AccountModal__wrapper_fromConfirmation .Modal__title {
    font-size: 1.2rem
}

body .AccountModal__form {
    display: flex;
    flex-direction: column;
    padding: 0 24px 36px;
    color: var(--base-text-primary)
}

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

@media (max-width: 767.98px) {
    body .AccountModal__buttons {
        flex-direction: column;
        gap: 16px
    }
}

body .AccountModal__button {
    align-self: center;
    margin-right: 16px
}

body .AccountModal__button:last-child {
    margin-right: 0
}

@media (min-width: 767.98px) {
    body .AccountModal__button {
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (max-width: 767.98px) {
    body .AccountModal__button {
        margin: 0
    }
}

body .Authorization {
    display: block;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 40px
}

body .Authorization__container {
    max-width: 480px;
    margin: 0 auto
}

body .Authorization__Tabs {
    margin-bottom: 24px;
    width: 100%
}

@media (max-width: 767.98px) {
    body .Authorization__Tabs {
        margin-bottom: 16px
    }
}

body .Authorization__form {
    display: block;
    width: 100%
}

body .Authorization__wrapper {
    max-width: 100%;
    padding: 40px;
    background-color: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

body .Authorization__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    text-transform: none;
    text-align: left;
    margin-bottom: 24px
}

body .Authorization__socialLinksContainer {
    padding-top: 16px;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    body .Authorization__socialLinksContainer {
        padding-top: 0;
        margin-bottom: 24px
    }
}

body .Authorization__socialLinks {
    display: flex;
    margin-top: 20px;
    margin-bottom: 15px
}

body .Authorization__socialLinks > :not(:last-child) {
    margin-right: 16px
}

@media (max-width: 767.98px) {
    body .Authorization__socialLinks > :not(:last-child) {
        margin-right: 8px
    }
}

body .Authorization__socialLinksText {
    font-weight: 500;
    font-size: 16px;
    color: var(--base-text-secondary);
    line-height: 24px
}

body .Authorization__label {
    display: block;
    margin-bottom: 4px;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    padding-left: 8px
}

body .Authorization .FieldPassword .FieldText__label {
    display: none
}

body .Authorization .FieldText {
    margin-bottom: 24px
}

body .Authorization__error {
    margin-top: 5px;
    font-size: 1rem
}

body .Authorization__link {
    display: inline-block;
    text-decoration: underline;
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.5rem;
    color: var(--primary-link)
}

body .Authorization__link:hover {
    color: var(--primary-link-hover)
}

body .Authorization__fieldSet {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 40px
}

body .Authorization__fieldSet .FieldCheckbox__input:checked ~ .FieldCheckbox__checkmark {
    color: var(--base-text-on-color-bg)
}

body .Authorization__button {
    height: 40px;
    display: flex;
    margin: 0 auto;
    min-width: 200px;
    max-width: 200px
}

body .Authorization__links {
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: var(--base-text-secondary);
    text-align: center;
    margin-top: 24px
}

body .Authorization__links .Authorization__link {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-left: 5px
}

@media (max-width: 1279.98px) {
    body .Authorization {
        padding: 32px
    }

    body .Authorization__title {
        font-size: 2.25rem;
        line-height: 3rem
    }
}

@media (max-width: 767.98px) {
    body .Authorization {
        padding: 20px
    }

    body .Authorization__wrapper {
        padding: 0;
        border-radius: 0 !important;
        box-shadow: none;
        background-color: transparent
    }

    body .Authorization__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .Authorization__links {
        margin-top: 32px
    }

    body .Authorization .FieldText {
        margin-bottom: 16px
    }
}

@media (max-width: 434.98px) {
    body .Authorization__button {
        max-width: 100%
    }

    body .Authorization__button.Button, body .Authorization__button.GameError__homeButton {
        width: 100%
    }
}

body .AuthorizationTypeB {
    display: block;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 0
}

body .AuthorizationTypeB__container {
    margin: 0;
    position: relative;
    display: flex
}

body .AuthorizationTypeB__Tabs {
    margin-bottom: 24px;
    width: 100%
}

@media (max-width: 767.98px) {
    body .AuthorizationTypeB__Tabs {
        margin-bottom: 16px
    }
}

body .AuthorizationTypeB__form {
    display: block;
    width: 480px;
    height: 100vh;
    position: relative;
    z-index: 2
}

body .AuthorizationTypeB__wrapper {
    height: inherit;
    max-width: 100%;
    min-height: 100vh;
    padding: 40px;
    background-color: var(--base-surface);
    z-index: 2;
    position: relative
}

body .AuthorizationTypeB__wrapper.radiusCard {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

body .AuthorizationTypeB__authRightLogo {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: calc(100% - 480px);
    background: var(--base-background)
}

body .AuthorizationTypeB__authRightLogo img {
    width: 459px;
    height: 145px
}

body .AuthorizationTypeB__authRightLogo_autoSize img {
    height: auto;
    width: auto;
    max-width: 828px;
    max-height: 460px
}

@media (max-width: 1333px) {
    body .AuthorizationTypeB__authRightLogo_autoSize img {
        max-width: calc(100% - 40px)
    }
}

@media (max-width: 1279.98px) {
    body .AuthorizationTypeB__authRightLogo_autoSize img {
        max-width: 460px
    }
}

body .AuthorizationTypeB__authRightLogo .AuthorizationTypeB__background {
    opacity: 0;
    position: fixed;
    top: -20px;
    left: 460px;
    right: -20px;
    bottom: -20px;
    background-size: cover;
    background-position: 50%
}

@media (max-width: 768px) {
    body .AuthorizationTypeB__authRightLogo .AuthorizationTypeB__background {
        left: 300px
    }
}

body .AuthorizationTypeB__authRightLogo .AuthorizationTypeB__background_backgroundFadeInAnimated {
    animation: backgroundFadeInFrames 2s ease-out;
    animation-fill-mode: forwards
}

body .AuthorizationTypeB__authRightLogo .AuthorizationTypeB__background_animationComplete {
    opacity: 1
}

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

body .AuthorizationTypeB__authRightLogo img.AuthorizationTypeB__frontImage {
    opacity: 0;
    max-width: calc(100% - 40px);
    z-index: 1
}

body .AuthorizationTypeB__authRightLogo img.AuthorizationTypeB__frontImage_fadeInAnimated {
    animation: parallaxFadeInFrames 1s ease-out;
    animation-fill-mode: forwards
}

body .AuthorizationTypeB__authRightLogo img.AuthorizationTypeB__frontImage_animationComplete {
    animation: none;
    opacity: 1
}

body .AuthorizationTypeB__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    text-transform: none;
    text-align: left;
    margin: 40px 0
}

body .AuthorizationTypeB__socialLinksContainer {
    padding-top: 16px;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    body .AuthorizationTypeB__socialLinksContainer {
        padding-top: 0;
        margin-bottom: 24px
    }
}

body .AuthorizationTypeB__socialLinks {
    display: flex;
    margin-top: 20px;
    margin-bottom: 15px
}

body .AuthorizationTypeB__socialLinks > :not(:last-child) {
    margin-right: 16px
}

@media (max-width: 767.98px) {
    body .AuthorizationTypeB__socialLinks > :not(:last-child) {
        margin-right: 8px
    }
}

body .AuthorizationTypeB__socialLinksText {
    font-weight: 500;
    font-size: 16px;
    color: var(--base-text-secondary);
    line-height: 24px
}

body .AuthorizationTypeB__label {
    display: block;
    margin-bottom: 4px;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    padding-left: 8px
}

body .AuthorizationTypeB .FieldPassword .FieldText__label {
    display: none
}

body .AuthorizationTypeB .FieldText {
    margin-bottom: 24px
}

body .AuthorizationTypeB__error {
    margin-top: 5px;
    font-size: 1rem
}

body .AuthorizationTypeB__link {
    display: inline-block;
    text-decoration: underline;
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.5rem;
    color: var(--primary-link)
}

body .AuthorizationTypeB__link:hover {
    color: var(--primary-link-hover)
}

body .AuthorizationTypeB__fieldSet {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 40px
}

body .AuthorizationTypeB__fieldSet .FieldCheckbox__input:checked ~ .FieldCheckbox__checkmark {
    color: var(--base-text-on-color-bg)
}

body .AuthorizationTypeB__button {
    display: flex;
    margin: 0 auto;
    max-width: 160px
}

body .AuthorizationTypeB__links {
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: var(--base-text-secondary);
    text-align: center;
    margin-top: 24px
}

body .AuthorizationTypeB__links .AuthorizationTypeB__link {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-left: 5px
}

body .AuthorizationTypeB__authLogo img {
    transition: all .5s;
    max-width: 60%;
    max-height: 40px
}

@media (max-width: 767.98px) {
    body .AuthorizationTypeB__authLogo img {
        max-width: 80%
    }
}

@media (max-width: 1279.98px) {
    body .AuthorizationTypeB__title {
        font-size: 2.25rem;
        line-height: 3rem
    }
}

@media (max-width: 767.98px) {
    body .AuthorizationTypeB__wrapper {
        padding: 0;
        border-radius: 0 !important;
        box-shadow: none;
        background-color: var(--base-background)
    }

    body .AuthorizationTypeB__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .AuthorizationTypeB__links {
        margin-top: 32px
    }

    body .AuthorizationTypeB .FieldText {
        margin-bottom: 16px
    }
}

@media (max-width: 434.98px) {
    body .AuthorizationTypeB__button {
        max-width: 100%
    }

    body .AuthorizationTypeB__button.Button, body .AuthorizationTypeB__button.GameError__homeButton {
        width: 100%
    }
}

@media screen and (max-width: 933px) {
    body .AuthorizationTypeB__authRightLogo img {
        width: 60%
    }
}

@media screen and (max-width: 768px) {
    body .AuthorizationTypeB__form {
        width: 320px
    }

    body .AuthorizationTypeB__wrapper {
        padding: 20px
    }

    body .AuthorizationTypeB__title {
        margin: 32px 0
    }

    body .AuthorizationTypeB__authLogo {
        margin-bottom: 32px;
        left: 20px;
        top: 20px
    }

    body .AuthorizationTypeB__authLogo img {
        max-height: 40px
    }

    body .AuthorizationTypeB__authLogoBg {
        margin: -25px -20px 0;
        padding: 45px 20px 20px;
        background-size: cover;
        background-position: 50%
    }

    body .AuthorizationTypeB__authRightLogo {
        width: calc(100% - 320px)
    }

    body .AuthorizationTypeB__authRightLogo img {
        display: none
    }

    body .AuthorizationTypeB__authRightLogo_autoSize img {
        display: block
    }
}

@media screen and (max-width: 768px)and (min-width: 436px) {
    body .AuthorizationTypeB__wrapper {
        background-color: var(--base-surface)
    }
}

@media screen and (max-width: 435px) {
    body .AuthorizationTypeB__authRightLogo {
        display: none
    }

    body .AuthorizationTypeB__form {
        width: 100%
    }
}

@media screen and (max-width: 320px) {
    body .AuthorizationTypeB__wrapper {
        padding: 24px 20px
    }

    body .AuthorizationTypeB__title {
        margin: 24px 0
    }
}

body .ConfirmationContactsModal__container {
    width: 100%;
    max-width: 460px;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    background-color: var(--base-surface);
    overflow: hidden
}

body .ConfirmationContactsModal__body {
    padding: 0 24px 8px
}

body .ConfirmationContactsModal__description {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 24px
}

body .ConfirmationContactsModal__timer_description {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-top: 20px
}

body .ConfirmationContactsModal__footer {
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap
}

body .ConfirmationContactsModal__footer_withSpaces {
    justify-content: space-between
}

body .ConfirmationContactsModal__phone .flag-dropdown {
    display: none
}

body .ConfirmationContactsModal__button {
    width: inherit
}

body .ConfirmationContactsModal__button:not(:last-of-type) {
    margin-right: 16px
}

body .ConfirmationContactsModal .FieldText {
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    body .ConfirmationContactsModal .Modal {
        max-width: 330px
    }

    body .ConfirmationContactsModal__body {
        padding: 0 20px 8px
    }

    body .ConfirmationContactsModal__footer {
        padding: 16px 20px
    }

    body .ConfirmationContactsModal__button {
        width: 50%
    }
}

body .AuthorizationErrorModal__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 16px 16px
}

body .AuthorizationErrorModal__warning-icon {
    width: 65px;
    height: 65px;
    color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid var(--primary-solid);
    border-radius: 50%;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 40px
}

body .AuthorizationErrorModal__title {
    font-style: normal;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 12px
}

@media (max-width: 767.98px) {
    body .AuthorizationErrorModal__title {
        font-size: 20px;
        line-height: 28px
    }
}

body .AuthorizationErrorModal__error-text {
    font-style: normal;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 24px;
    width: 100%;
    max-width: 240px;
    text-align: center
}

@media (max-width: 767.98px) {
    body .AuthorizationErrorModal__error-text {
        font-size: 14px;
        line-height: 24px
    }
}

body .SocialNetworkAuthorization {
    display: block;
    height: 100%;
    max-width: 100%
}

body .SocialNetworkAuthorization__socialLinksContainer {
    padding-top: 16px;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    body .SocialNetworkAuthorization__socialLinksContainer {
        padding-top: 0;
        margin-bottom: 24px
    }
}

body .SocialNetworkAuthorization__socialLinksContainer_hide {
    display: none
}

body .SocialNetworkAuthorization__socialLinks {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    padding-bottom: 15px;
    overflow-x: auto
}

body .SocialNetworkAuthorization__socialLinks > * {
    margin-bottom: 16px
}

body .SocialNetworkAuthorization__socialLinks > :not(:last-child) {
    margin-right: 16px
}

@media (max-width: 767.98px) {
    body .SocialNetworkAuthorization__socialLinks > :not(:last-child) {
        margin-right: 8px
    }
}

body .SocialNetworkAuthorization__socialLinks_typeB {
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: stretch;
    margin-bottom: 20px;
    padding-bottom: 0;
    overflow: initial
}

body .SocialNetworkAuthorization__socialLinks_typeB > * {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc((100% - 40px - 32px) / 2);
    margin-bottom: 0
}

body .SocialNetworkAuthorization__socialLinks_typeB .SocialAuthLink__item {
    height: auto;
    width: auto;
    padding: 8px
}

body .SocialNetworkAuthorization__socialLinks_typeB .SocialAuthLink__item .Icon, body .SocialNetworkAuthorization__socialLinks_typeB .SocialAuthLink__item .ServerIcon {
    max-width: 24px;
    max-height: 24px
}

body .SocialNetworkAuthorization__socialLinksDropdown {
    position: relative;
    flex: 0 0 40px
}

body .SocialNetworkAuthorization__socialLinksDropdownTrigger {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--base-text-primary);
    background-color: var(--base-elements);
    transition: all .3s ease-in-out
}

body .SocialNetworkAuthorization__socialLinksDropdownTrigger:hover {
    background-color: var(--base-elements-hover)
}

body .SocialNetworkAuthorization__socialLinksDropdownTrigger img, body .SocialNetworkAuthorization__socialLinksDropdownTrigger svg {
    max-width: 24px;
    max-height: 24px
}

body .SocialNetworkAuthorization__socialLinksDropdownBody {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    z-index: 9;
    display: none;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 8px 0;
    max-width: 280px;
    min-width: 165px;
    overflow: hidden;
    background-color: var(--base-elements);
    box-shadow: var(--base-tooltip-shadow)
}

body .SocialNetworkAuthorization__socialLinksDropdownBody_show {
    display: flex
}

body .SocialNetworkAuthorization__socialLinksDropdownBody .SocialAuthLink__item {
    padding: 8px 16px;
    background-color: transparent;
    justify-content: flex-start
}

body .SocialNetworkAuthorization__socialLinksDropdownBody .SocialAuthLink__item:hover .SocialAuthLink__title {
    color: var(--base-text-primary)
}

body .SocialNetworkAuthorization__socialLinksDropdownBody .SocialAuthLink__title {
    margin-left: 12px;
    color: var(--base-text-secondary)
}

body .SocialNetworkAuthorization__socialLinksText {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 500;
    font-size: 16px;
    color: var(--base-text-secondary);
    line-height: 24px
}

body .BannerWithButtonsTypeA {
    background: var(--base-elements);
    overflow: hidden;
    height: 500px;
    max-width: 1920px;
    width: 100%;
    position: relative
}

body .BannerWithButtonsTypeA__wrapper {
    padding: var(--container-padding-desktop);
    display: grid
}

body .BannerWithButtonsTypeA__fullAreaLink {
    text-decoration: none
}

@media (max-width: 1279.98px) {
    body .BannerWithButtonsTypeA {
        height: 380px
    }
}

@media (max-width: 434.98px) {
    body .BannerWithButtonsTypeA {
        height: 276px
    }
}

@media (max-width: 1279.98px) {
    body .BannerWithButtonsTypeA__wrapper {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .BannerWithButtonsTypeA__wrapper {
        padding: var(--container-padding-mobile)
    }
}

body .BannerWithButtonsTypeA__background-image {
    position: absolute;
    width: inherit;
    height: inherit;
    object-fit: cover;
    object-position: center center
}

body .BannerWithButtonsTypeA__content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    display: flex;
    align-items: center;
    max-width: 520px
}

@media (max-width: 1280px) {
    body .BannerWithButtonsTypeA__content-wrapper {
        max-width: 420px
    }
}

@media (max-width: 434.98px) {
    body .BannerWithButtonsTypeA__content-wrapper {
        max-width: 100%
    }
}

body .BannerWithButtonsTypeA__content-wrapper_padded {
    padding: 0 var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .BannerWithButtonsTypeA__content-wrapper_padded {
        padding: 0 var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .BannerWithButtonsTypeA__content-wrapper_padded {
        padding: 0 var(--container-padding-mobile)
    }
}

body .BannerWithButtonsTypeA__content-wrapper_centered {
    max-width: unset
}

body .BannerWithButtonsTypeA__content-wrapper_centered .BannerWithButtonsTypeA__content {
    width: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

body .BannerWithButtonsTypeA__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    flex-grow: 1
}

body .BannerWithButtonsTypeA__title {
    color: var(--base-text-primary);
    margin-bottom: 16px;
    max-width: 520px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 768px) {
    body .BannerWithButtonsTypeA__title {
        max-width: 420px
    }
}

@media (max-width: 320px) {
    body .BannerWithButtonsTypeA__title {
        margin-bottom: 8px
    }
}

body .BannerWithButtonsTypeA__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: 520px;
    color: var(--base-text-primary);
    margin-bottom: 16px
}

@media (max-width: 1280px) {
    body .BannerWithButtonsTypeA__text {
        max-width: 420px
    }
}

body .BannerLinkButton__link {
    color: var(--base-text-primary);
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    text-decoration: none;
    max-width: 50%;
    font-size: 16px
}

@media (max-width: 767.98px) {
    body .BannerLinkButton__link {
        max-width: 100%
    }
}

body .BannerLinkButton__link span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 320px) {
    body .BannerLinkButton__link_useSmallerMobileGap {
        margin-bottom: 8px
    }
}

body .BannerLinkButton__link .Icon {
    margin-left: 8px;
    width: unset
}

body .BannerPrimaryButton {
    margin-bottom: 16px;
    border: 1px solid rgba(72, 112, 255, 0);
    background: var(--primary-solid);
    display: inline-block;
    color: var(--base-text-on-color-bg);
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    padding: 8px 16px
}

body .BannerSignUpButtons {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (max-width: 420px) {
    body .BannerSignUpButtons {
        max-width: 300px
    }

    body .BannerSignUpButtons_centered {
        display: flex;
        align-items: center;
        padding: 0 16px;
        flex-direction: column
    }
}

@media screen and (max-width: 320px) {
    body .BannerSignUpButtons {
        max-width: 240px
    }
}

body .BannerSignUpButtons__wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

body .BannerSignUpButtons__or {
    width: 100%;
    max-width: 520px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 16px
}

body .BannerSignUpButtons__or_centered {
    justify-content: center
}

@media (max-width: 1280px) {
    body .BannerSignUpButtons__or {
        max-width: 420px
    }
}

body .BannerSignUpButtons__divider {
    width: 140px;
    height: 1px;
    background: var(--base-divider)
}

body .BannerSignUpButtons__text {
    margin: 0 16px;
    color: var(--base-text-primary)
}

body .BannerSignUpButtons__socials {
    display: flex;
    gap: 8px;
    margin-bottom: 10px
}

body .BannerSignUpButtons__socials_centered {
    justify-content: center
}

@media screen and (max-width: 420px) {
    body .BannerSignUpButtons__socials {
        flex-wrap: wrap;
        width: 240px;
        justify-content: center
    }
}

body .BannerSignUpButtons__social {
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    color: var(--base-text-on-color-bg);
    background: var(--base-text-placeholder);
    display: flex;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center
}

body .BannerSignUpButtons__social svg path {
    fill: var(--base-text-on-color-bg)
}

body .BannerSignUpButtons__social:hover {
    background: var(--primary-solid)
}

body .BannerSignUpButtons__social img, body .BannerSignUpButtons__social svg {
    max-width: 24px;
    max-height: 24px
}

body .BannerProgressButton {
    max-width: 520px;
    width: 100%;
    margin-bottom: 16px;
    cursor: default
}

@media (max-width: 1279.98px) {
    body .BannerProgressButton {
        max-width: 420px
    }
}

@media (max-width: 767.98px) {
    body .BannerProgressButton {
        max-width: 100%
    }
}

@media (max-width: 434.98px) {
    body .BannerProgressButton {
        margin-top: 8px;
        display: flex;
        flex-direction: column
    }
}

body .BannerProgressButton__level {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px
}

@media (max-width: 767.98px) {
    body .BannerProgressButton__level {
        flex-wrap: wrap
    }
}

@media (max-width: 320px) {
    body .BannerProgressButton__level {
        flex-direction: column;
        margin-bottom: 8px;
        padding: 0 20px
    }
}

body .BannerProgressButton__level-label {
    font-size: 16px;
    color: var(--base-text-secondary);
    max-width: 50%;
    display: flex
}

@media (max-width: 767.98px) {
    body .BannerProgressButton__level-label {
        max-width: 100%
    }
}

body .BannerProgressButton__level-label span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

body .BannerProgressButton__level-label span {
    color: var(--base-text-primary)
}

body .BannerProgressButton__bar, body .BannerProgressButton__bar-percent {
    display: flex;
    height: 8px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 20px
}

body .BannerProgressButton__bar {
    background: var(--base-divider)
}

body .BannerProgressButton__bar-percent {
    background: var(--primary-solid)
}

body .BannerProgressButton__skeletonItem {
    animation: skeleton-loading 1s linear infinite alternate;
    width: 30%;
    height: 6px;
    margin-bottom: 16px;
    border-radius: 16px
}

@media (max-width: 320px) {
    body .BannerProgressButton__skeletonItem:last-child {
        width: 60%
    }

    body .BannerProgressButton__skeletonItem {
        margin-bottom: 8px;
        width: 40%
    }
}

body .BannerProgressButton__skeletonRow {
    animation: skeleton-loading 1s linear infinite alternate;
    width: 100%;
    height: 8px;
    border-radius: 16px
}

@media (max-width: 320px) {
    body .BannerProgressButton__skeletonRow {
        width: calc(100% - 40px);
        align-self: center
    }
}

body .BonusesCurrency {
    display: grid;
    grid-template-columns:repeat(auto-fill, 20px);
    align-items: center;
    grid-column-gap: 4px
}

body .BonusesCurrency__currency {
    background: var(--primary-solid);
    line-height: 20px;
    color: var(--base-text-primary)
}

body .BonusesCurrency__currency, body .BonusesCurrency__popover {
    height: 20px;
    width: 20px;
    font-size: .875rem;
    font-weight: 400;
    text-align: center
}

body .BonusesCurrency__popover {
    position: relative;
    display: block;
    line-height: 17px;
    border: 1.5px solid var(--base-text-placeholder);
    color: var(--base-text-placeholder);
    border-radius: 100%;
    cursor: pointer
}

body .BonusesCurrency__popover .Popover__titlePopover {
    text-align: center;
    margin-bottom: 5px;
    white-space: nowrap
}

body .BonusesCurrency__popover .Popover__textPopover {
    text-align: center
}

body .BonusesCurrency__popover .Popover__tooltipText {
    display: block;
    max-width: 195px;
    width: inherit;
    color: var(--base-text-primary)
}

body .BonusesCurrency__popover .Popover__tooltipText:after {
    left: 50%;
    border-color: var(--base-elements) transparent transparent transparent
}

body .BonusAmount {
    padding: 8px 0;
    border-bottom: 1px solid var(--base-divider)
}

body .BonusAmount:last-child {
    border-bottom: none
}

body .BonusAmount .Tooltip__icon {
    width: 24px;
    height: 24px
}

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

body .BonusAmount__details {
    display: flex;
    flex-direction: column;
    gap: 16px
}

body .BonusAmount__detailsTitle {
    text-align: end;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: var(--primary-link);
    cursor: pointer
}

body .BonusAmount__detailsList {
    border-radius: 20px;
    background: var(--base-elements);
    padding: 20px;
    max-height: 600px;
    overflow: auto
}

body .BonusAmount__detailsList::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .BonusAmount__detailsList::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .BonusAmount__detailsList::-webkit-scrollbar-thumb, body .BonusAmount__detailsList::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .BonusAmount__detailsList::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .BonusAmount__detailsList::-webkit-scrollbar {
        width: 6px
    }

    body .BonusAmount__detailsList::-webkit-scrollbar-thumb, body .BonusAmount__detailsList::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .BonusAmount__detailsListItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--base-divider);
    padding: 16px 0;
    color: var(--base-text-secondary)
}

body .BonusAmount__detailsListItem:last-child {
    border-bottom: none;
    padding-bottom: 0
}

body .BonusAmount__detailsListItem:first-child {
    padding-top: 0
}

body .BonusAmount__label {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    display: flex;
    align-items: center;
    gap: 4px
}

body .BonusAmount__link {
    text-decoration: none
}

body .BonusAmount__link .BonusAmount__valueWrapper {
    color: var(--primary-link)
}

body .BonusAmount__value {
    font-size: 1rem;
    font-weight: 700;
    color: var(--base-text-primary)
}

body .BonusAmount__valueWrapper {
    line-height: 1.75rem;
    text-align: right
}

body .BonusAmount__valueWrapper .BonusAmount__underline {
    width: auto;
    height: auto;
    text-decoration: underline
}

body .BonusAmount__cryptoWrapper {
    text-align: right;
    font-size: .625rem;
    font-weight: 600;
    color: var(--base-text-placeholder);
    line-height: .75rem
}

body .BonusAmount__underline {
    width: auto;
    height: auto;
    text-decoration: underline
}

body .BonusAmount .BonusesItem__freeSpins_warning {
    display: inline-flex;
    gap: 5px
}

@media (max-width: 434.98px) {
    body .BonusAmount__label, body .BonusAmount__value {
        font-size: .875rem;
        line-height: 1.5rem
    }
}

body .BonusesListTypeA {
    display: block;
    max-width: 100%;
    padding: var(--container-padding-desktop)
}

body .BonusesListTypeA__backButtonWrapper {
    margin-bottom: 16px
}

body .BonusesListTypeA__container {
    margin: 0 auto
}

body .BonusesListTypeA__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center
}

body .BonusesListTypeA__tabs {
    display: block
}

body .BonusesListTypeA__tabs .Tabs {
    margin: 0
}

body .BonusesListTypeA__select {
    display: none
}

body .BonusesListTypeA__select .FieldSelect {
    margin-bottom: 0
}

body .BonusesListTypeA__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-right: 20px
}

body .BonusesListTypeA__listWrap {
    padding-top: 40px
}

body .BonusesListTypeA__list {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:1fr;
    grid-gap: 48px
}

body .BonusesListTypeA__filter {
    margin-bottom: 24px
}

body .BonusesListTypeA__filter:empty {
    display: none
}

@media (max-width: 1919.98px) {
    body .BonusesListTypeA__list {
        grid-gap: 24px
    }
}

@media (max-width: 1439.98px) {
    body .BonusesListTypeA__list {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 24px;
        margin: 0 auto
    }
}

@media (max-width: 1279.98px) {
    body .BonusesListTypeA {
        padding: var(--container-padding-tablet)
    }

    body .BonusesListTypeA__tabs {
        overflow: hidden
    }

    body .BonusesListTypeA__tabs .Tabs {
        width: auto
    }

    body .BonusesListTypeA__tabs .Tabs__tab {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (max-width: 767.98px) {
    body .BonusesListTypeA {
        padding: var(--container-padding-mobile)
    }

    body .BonusesListTypeA__tabs {
        display: none
    }

    body .BonusesListTypeA__select {
        display: block
    }

    body .BonusesListTypeA__title {
        font-size: 2.25rem;
        line-height: 3rem
    }

    body .BonusesListTypeA__listWrap {
        padding-top: 32px
    }

    body .BonusesListTypeA__list {
        grid-template-columns:1fr;
        grid-gap: 24px
    }
}

@media (max-width: 434.98px) {
    body .BonusesListTypeA__container {
        max-width: 100%
    }

    body .BonusesListTypeA__title {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-right: 0
    }

    body .BonusesListTypeA__header {
        display: block
    }

    body .BonusesListTypeA__select {
        margin-top: 16px
    }
}

body .BonusesListTypeA .Pagination {
    margin-top: 40px
}

body .BonusesListTypeA .BonusesItem {
    position: relative;
    box-shadow: var(--base-card-shadow);
    min-height: 718px
}

body .BonusesListTypeA .BonusesItem__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

body .BonusesListTypeA .BonusesItem__title:empty {
    height: 0;
    margin: 0
}

body .BonusesListTypeA .BonusesItem__timeTagWrapper {
    left: 20px;
    top: 20px;
    bottom: 20px;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

body .BonusesListTypeA .BonusesItem__header {
    min-height: auto;
    height: 100%
}

body .BonusesListTypeA .BonusesItem__thumbnail {
    height: 100%
}

body .BonusesListTypeA .BonusesItem__tag {
    left: 20px;
    bottom: 20px
}

body .BonusesListTypeA .BonusesItem__tag_status {
    text-transform: uppercase
}

body .BonusesListTypeA .BonusesItem__tag_time {
    top: 20px;
    bottom: auto
}

body .BonusesListTypeA .BonusesItem__tags {
    width: 100%
}

body .BonusesListTypeA .BonusesItem__tags .Tags__dropdownList {
    left: auto !important;
    right: -1px !important;
    max-height: 120px;
    overflow-y: auto
}

body .BonusesListTypeA .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .BonusesListTypeA .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

body .BonusesListTypeA .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .BonusesListTypeA .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar {
        width: 6px
    }

    body .BonusesListTypeA .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar-thumb, body .BonusesListTypeA .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

@media (max-width: 399.98px) {
    body .BonusesListTypeA .BonusesItem__tags .Tags__dropdownList {
        left: unset !important;
        right: unset !important
    }
}

body .BonusesListTypeA .BonusesItem__details {
    margin-bottom: 24px
}

body .BonusesListTypeA .BonusesItem__body {
    height: auto
}

body .BonusesListTypeA .BonusesItem__body_isSloterra {
    height: 100%
}

@media (max-width: 1279.98px) {
    body .BonusesListTypeA .BonusesItem {
        grid-template-rows:691px 1fr
    }
}

@media (max-width: 767.98px) {
    body .BonusesListTypeA .BonusesItem {
        height: 100%;
        grid-template-rows:619px 1fr
    }

    body .BonusesListTypeA .BonusesItem__body {
        grid-gap: 12px
    }

    body .BonusesListTypeA .BonusesItem__title {
        height: auto;
        margin: 0
    }

    body .BonusesListTypeA .BonusesItem__details {
        margin-bottom: 24px
    }
}

body .BonusesListTypeA .heightSloterra {
    min-height: auto
}

body .BonusesListTypeA .isVovan {
    min-height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start
}

body .BonusesListTypeA .isVovan .TopImageCard__cover {
    flex: 0 0 326px
}

@media (max-width: 767.98px) {
    body .BonusesListTypeA .isVovan .TopImageCard__cover {
        flex: 0 0 187px
    }
}

body .BonusesListTypeA .isVovan .TopImageCard__content {
    flex: 1 0 auto
}

body .BonusesListTypeA .isVovan .BonusesItem__body {
    height: 100%
}

body .BonusesListTypeA .isVovan .BonusesItem__actions {
    margin-top: auto
}

body .BonusesListTypeB {
    display: block;
    max-width: 100%;
    padding: 40px
}

body .BonusesListTypeB__backButtonWrapper {
    margin-bottom: 16px
}

body .BonusesListTypeB__container {
    margin: 0 auto
}

body .BonusesListTypeB__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center
}

body .BonusesListTypeB__tabs {
    display: block
}

body .BonusesListTypeB__tabs .Tabs {
    margin: 0
}

body .BonusesListTypeB__select {
    display: none
}

body .BonusesListTypeB__select .FieldSelect {
    margin-bottom: 0
}

body .BonusesListTypeB__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-right: 20px
}

body .BonusesListTypeB__listWrap {
    padding-top: 40px
}

body .BonusesListTypeB__list {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:1fr;
    grid-gap: 48px
}

body .BonusesListTypeB__filter {
    margin-bottom: 24px
}

body .BonusesListTypeB__filter:empty {
    display: none
}

body .BonusesListTypeB__listItem {
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    overflow: hidden
}

body .BonusesListTypeB .BonusesItem {
    position: relative;
    display: flex;
    min-height: 400px;
    overflow: hidden;
    box-shadow: var(--base-card-shadow)
}

body .BonusesListTypeB .BonusesItem__header {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 47%;
    margin-right: -5px
}

@media (max-width: 1279.98px) {
    body .BonusesListTypeB .BonusesItem__header {
        margin-right: 0
    }
}

body .BonusesListTypeB .BonusesItem__header:not(body .BonusesListTypeB .BonusesItem__header_typeB):after {
    top: 0;
    content: "";
    position: absolute;
    height: 100%;
    left: 2px;
    right: -1px;
    background: linear-gradient(1turn, rgba(33, 37, 41, .5), rgba(33, 37, 41, 0) 50%)
}

body .BonusesListTypeB .BonusesItem__title {
    height: 64px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

body .BonusesListTypeB .BonusesItem__tags {
    width: 100%
}

body .BonusesListTypeB .BonusesItem__tags .Tags__dropdownList {
    left: auto !important;
    right: -1px !important;
    max-height: 120px;
    overflow-y: auto
}

body .BonusesListTypeB .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .BonusesListTypeB .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

body .BonusesListTypeB .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .BonusesListTypeB .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar {
        width: 6px
    }

    body .BonusesListTypeB .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar-thumb, body .BonusesListTypeB .BonusesItem__tags .Tags__dropdownList::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .BonusesListTypeB .BonusesItem__body {
    border-radius: 0 20px 20px 0;
    background: var(--base-surface);
    height: 100%;
    width: calc(100% - 300px);
    z-index: 1;
    order: 1;
    position: absolute;
    top: 0;
    left: 0
}

@media (max-width: 1919.98px) {
    body .BonusesListTypeB .BonusesItem__body {
        width: calc(100% - 298px)
    }
}

@media (max-width: 767.98px) {
    body .BonusesListTypeB .BonusesItem__body {
        width: 100%;
        height: calc(100% - 187px);
        bottom: 0;
        order: 1
    }
}

body .BonusesListTypeB .BonusesItem__thumbWrapper {
    order: 2;
    width: 320px;
    position: relative;
    margin-left: auto
}

@media (max-width: 1919.98px) {
    body .BonusesListTypeB .BonusesItem__thumbWrapper {
        width: 318px
    }
}

@media (max-width: 767.98px) {
    body .BonusesListTypeB .BonusesItem__thumbWrapper {
        width: 100%;
        order: 1;
        height: 187px
    }

    body .BonusesListTypeB .BonusesItem__thumbWrapper .BonusesItem__actions {
        display: none
    }
}

body .BonusesListTypeB .BonusesItem__thumbnailLogoBG {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

body .BonusesListTypeB .BonusesItem__actions {
    width: 100%;
    display: block;
    position: absolute;
    right: 40px;
    bottom: 20px;
    max-width: 240px;
    align-self: end
}

@media (max-width: 1919.98px) {
    body .BonusesListTypeB .BonusesItem__actions {
        right: 38px
    }
}

body .BonusesListTypeB .BonusesItem__tag {
    max-height: -moz-fit-content;
    max-height: fit-content;
    top: 20px;
    left: 60px
}

body .BonusesListTypeB .BonusesItem__tag_time {
    position: absolute;
    left: 40px
}

body .BonusesListTypeB .BonusesItem__button {
    width: 100%;
    max-width: none
}

body .BonusesListTypeB .BonusesItem__button:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 8px
}

body .BonusesListTypeB .BonusesItem__timeTagWrapper {
    position: absolute;
    top: 20px;
    left: 35px;
    display: grid;
    grid-gap: 16px
}

body .BonusesListTypeB .BonusesItem__thumbnail {
    max-width: 110%;
    max-height: 100%;
    height: 110%;
    position: absolute;
    left: 0;
    right: 0
}

@media (max-width: 1279.98px) {
    body .BonusesListTypeB .BonusesItem__thumbnail {
        max-width: 100%;
        height: 100%
    }
}

@media (max-width: 767.98px) {
    body .BonusesListTypeB .BonusesItem__thumbnail {
        width: 100%;
        height: 100% !important
    }
}

@media (max-width: 1919.98px) {
    body .BonusesListTypeB .BonusesItem {
        width: 100%
    }

    body .BonusesListTypeB .BonusesItem__header {
        width: 336px;
        height: 100%
    }

    body .BonusesListTypeB__list {
        grid-template-columns:1fr
    }
}

@media (max-width: 1279.98px) {
    body .BonusesListTypeB {
        padding: 32px
    }

    body .BonusesListTypeB .BonusesItem__header {
        width: 336px
    }

    body .BonusesListTypeB__tabs {
        overflow: hidden
    }

    body .BonusesListTypeB__tabs .Tabs {
        width: auto
    }

    body .BonusesListTypeB__tabs .Tabs__tab {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (max-width: 767.98px) {
    body .BonusesListTypeB {
        padding: 20px
    }

    body .BonusesListTypeB .BonusesItem {
        flex-direction: column;
        height: auto
    }

    body .BonusesListTypeB .BonusesItem__header {
        height: 280px;
        width: 100%;
        position: relative
    }

    body .BonusesListTypeB .BonusesItem__body {
        width: 100%;
        position: relative;
        overflow: unset;
        align-items: center;
        border-radius: 20px 20px 0 0
    }

    body .BonusesListTypeB .BonusesItem__actions {
        position: static;
        width: 100%;
        max-width: unset
    }

    body .BonusesListTypeB .BonusesItem__timeTagWrapper {
        left: 20px
    }

    body .BonusesListTypeB__container {
        max-width: 100%
    }

    body .BonusesListTypeB__title {
        font-size: 2.25rem;
        line-height: 3rem
    }

    body .BonusesListTypeB__tabs {
        display: none
    }

    body .BonusesListTypeB__select {
        display: block
    }

    body .BonusesListTypeB__listWrap {
        padding-top: 32px
    }
}

body .BonusesListTypeB .Pagination {
    margin-top: 40px
}

@media (max-width: 434.98px) {
    body .BonusesListTypeB__title {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-right: 0
    }

    body .BonusesListTypeB__header {
        display: block
    }

    body .BonusesListTypeB__select {
        margin-top: 16px
    }
}

body .BonusesListTypeC {
    display: block;
    max-width: 100%;
    padding: 40px
}

body .BonusesListTypeC__backButtonWrapper {
    margin-bottom: 16px
}

body .BonusesListTypeC__container {
    margin: 0 auto
}

body .BonusesListTypeC__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center
}

body .BonusesListTypeC__tabs {
    display: block
}

body .BonusesListTypeC__tabs .Tabs {
    margin: 0
}

body .BonusesListTypeC__select {
    display: none
}

body .BonusesListTypeC__select .FieldSelect {
    margin-bottom: 0
}

body .BonusesListTypeC__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-right: 20px
}

body .BonusesListTypeC__listWrap {
    padding-top: 40px
}

body .BonusesListTypeC__list {
    display: grid;
    grid-template-columns:repeat(4, 1fr);
    grid-template-rows:1fr;
    grid-gap: 48px
}

body .BonusesListTypeC__filter {
    margin-bottom: 24px
}

body .BonusesListTypeC__filter:empty {
    display: none
}

body .BonusesListTypeC__listItem {
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    max-width: 354px
}

body .BonusesListTypeC .BonusesItem:hover .BonusesItem__body:before {
    background: linear-gradient(180deg, rgba(33, 37, 41, .85), rgba(33, 37, 41, .8))
}

body .BonusesListTypeC .BonusesItem:hover .BonusesItem__tag_time, body .BonusesListTypeC .BonusesItem:hover .BonusesItem__tags, body .BonusesListTypeC .BonusesItem:hover .BonusesItem__timeTagWrapper, body .BonusesListTypeC .BonusesItem:hover .BonusesItem__title {
    display: none
}

body .BonusesListTypeC .BonusesItem:hover .BonusesItem__details {
    display: block;
    z-index: 3
}

body .BonusesListTypeC .BonusesItem:hover .BonusesItem__actions {
    margin: 0;
    z-index: 2
}

body .BonusesListTypeC .BonusesItem:hover .BonusesItem__bodyWithoutButtons {
    display: block;
    margin-top: auto;
    z-index: 3
}

body .BonusesListTypeC .BonusesItem:hover .BonusesItem__groups .Tooltip__icon {
    z-index: 1
}

body .BonusesListTypeC .BonusesItem {
    position: relative;
    height: 472px;
    cursor: pointer
}

body .BonusesListTypeC .BonusesItem__timeTagWrapper {
    position: absolute;
    top: 20px;
    left: 20px;
    display: flex;
    grid-gap: 16px;
    flex-direction: column
}

body .BonusesListTypeC .BonusesItem__typeCImage {
    position: absolute;
    width: 100%;
    min-height: 472px;
    object-fit: cover
}

body .BonusesListTypeC .BonusesItem__header {
    position: relative;
    width: 100%;
    height: 100%
}

body .BonusesListTypeC .BonusesItem__tag {
    top: 20px;
    height: 32px
}

body .BonusesListTypeC .BonusesItem__tag_time {
    height: auto;
    position: absolute
}

body .BonusesListTypeC .BonusesItem__body {
    top: 0;
    position: absolute;
    width: 100%;
    text-align: left;
    height: 100%;
    transition: background-color .2s ease
}

body .BonusesListTypeC .BonusesItem__body:before {
    top: 0;
    left: 0;
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(1turn, rgba(33, 37, 41, .85), rgba(33, 37, 41, 0))
}

body .BonusesListTypeC .BonusesItem__typeCTagsAndTitle {
    margin-top: auto;
    z-index: 3
}

body .BonusesListTypeC .BonusesItem__title {
    color: var(--base-text-on-color-bg);
    height: 64px;
    margin-top: auto;
    width: 100%;
    z-index: 3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 434.98px) {
    body .BonusesListTypeC .BonusesItem__title {
        height: 56px
    }
}

body .BonusesListTypeC .BonusesItem__bodyWithoutButtons {
    width: 100%;
    display: none;
    margin-top: 40px
}

body .BonusesListTypeC .BonusesItem__details {
    display: none;
    margin-top: auto
}

body .BonusesListTypeC .BonusesItem__actions {
    margin-top: 0;
    z-index: 3;
    display: flex;
    flex-direction: column;
    width: 100%
}

body .BonusesListTypeC .BonusesItem__button {
    width: 100%;
    max-width: none
}

body .BonusesListTypeC .BonusesItem__button:not(:last-of-type) {
    margin-right: 0;
    margin-bottom: 8px
}

body .BonusesListTypeC .BonusesItem .BonusAmount__label, body .BonusesListTypeC .BonusesItem .BonusAmount__value {
    color: var(--base-text-on-color-bg)
}

@media (max-width: 1919.98px) {
    body .BonusesListTypeC__list {
        grid-gap: 24px;
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width: 1279.98px) {
    body .BonusesListTypeC {
        padding: 32px
    }

    body .BonusesListTypeC__list {
        grid-template-columns:repeat(2, 1fr);
        width: 100%;
        margin: 0 auto
    }

    body .BonusesListTypeC__tabs {
        overflow: hidden
    }

    body .BonusesListTypeC__tabs .Tabs {
        width: auto
    }

    body .BonusesListTypeC__tabs .Tabs__tab {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media (max-width: 767.98px) {
    body .BonusesListTypeC {
        padding: 20px
    }

    body .BonusesListTypeC__listWrap {
        padding-top: 32px
    }

    body .BonusesListTypeC__list {
        grid-template-columns:1fr
    }

    body .BonusesListTypeC__tabs {
        display: none
    }

    body .BonusesListTypeC__select {
        display: block
    }

    body .BonusesListTypeC__title {
        font-size: 2.25rem;
        line-height: 3rem
    }

    body .BonusesListTypeC .BonusesItem__actions {
        flex-wrap: nowrap
    }
}

@media (max-width: 434.98px) {
    body .BonusesListTypeC__container {
        max-width: 100%
    }

    body .BonusesListTypeC__title {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-right: 0
    }

    body .BonusesListTypeC__header {
        display: block
    }

    body .BonusesListTypeC__select {
        margin-top: 16px
    }
}

body .BonusesListTypeC .Pagination {
    margin-top: 40px
}

body .BonusesListTypeD {
    display: block;
    max-width: 100%;
    padding: 40px
}

body .BonusesListTypeD__backButtonWrapper {
    margin-bottom: 16px
}

body .BonusesListTypeD__container {
    margin: 0 auto
}

body .BonusesListTypeD__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center
}

body .BonusesListTypeD__tabs {
    display: block
}

body .BonusesListTypeD__tabs .Tabs {
    margin: 0
}

body .BonusesListTypeD__select {
    display: none
}

body .BonusesListTypeD__select .FieldSelect {
    margin-bottom: 0
}

body .BonusesListTypeD__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-right: 20px
}

body .BonusesListTypeD__listWrap {
    padding-top: 40px
}

body .BonusesListTypeD__list {
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    grid-template-rows:1fr;
    grid-gap: 48px
}

body .BonusesListTypeD__filter {
    margin-bottom: 24px
}

body .BonusesListTypeD__filter:empty {
    display: none
}

body .BonusesListTypeD__listItem {
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

body .BonusesListTypeD .BonusesItem {
    position: relative;
    display: flex;
    min-height: 348px;
    box-shadow: var(--base-card-shadow);
    overflow: hidden
}

@media (max-width: 1919.98px) {
    body .BonusesListTypeD .BonusesItem {
        min-height: 360px
    }
}

body .BonusesListTypeD .BonusesItem__timeTagWrapper {
    right: 32px;
    left: 32px;
    position: absolute;
    top: 32px;
    display: flex;
    flex-direction: column;
    grid-gap: 10px
}

body .BonusesListTypeD .BonusesItem__thumbnail {
    height: 100%;
    min-height: auto
}

body .BonusesListTypeD .BonusesItem__thumbnailLogoBG {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

body .BonusesListTypeD .BonusesItem__header {
    width: 45%;
    height: 100%;
    min-height: auto
}

body .BonusesListTypeD .BonusesItem__header:before {
    content: "";
    background-color: var(--base-background);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    opacity: .5
}

body .BonusesListTypeD .BonusesItem__tag {
    top: 0;
    left: 0;
    bottom: unset
}

body .BonusesListTypeD .BonusesItem__tag_time {
    top: 32px;
    left: 32px
}

@media (max-width: 1919.98px) {
    body .BonusesListTypeD .BonusesItem__tag_time {
        top: 24px;
        left: 24px
    }
}

@media (max-width: 1279.98px) {
    body .BonusesListTypeD .BonusesItem__tag_time {
        top: 32px;
        left: 32px
    }
}

@media (max-width: 767.98px) {
    body .BonusesListTypeD .BonusesItem__tag_time {
        top: 20px;
        left: 20px
    }
}

body .BonusesListTypeD .BonusesItem__tag_status {
    right: 0;
    left: auto;
    height: 36px;
    display: flex;
    align-items: center;
    text-transform: uppercase
}

body .BonusesListTypeD .BonusesItem__body {
    width: 55%;
    text-align: left;
    height: 100%;
    padding: 40px 64px;
    flex-grow: 1
}

body .BonusesListTypeD .BonusesItem__title {
    bottom: 160px;
    color: var(--base-text-on-color-bg);
    display: flex;
    align-items: flex-end;
    max-height: 64px;
    width: -moz-fit-content;
    width: fit-content;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

@media (max-width: 1919.98px) {
    body .BonusesListTypeD .BonusesItem__title {
        bottom: 52px
    }
}

body .BonusesListTypeD .BonusesItem__description {
    color: var(--base-text-on-color-bg);
    width: calc(100% - 96px);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    font-size: 1rem;
    line-height: 1.75em;
    max-width: 40%;
    white-space: pre-line;
    max-height: 170px
}

body .BonusesListTypeD .BonusesItem__bodyWithoutButtons {
    width: 100%
}

body .BonusesListTypeD .BonusesItem__actions {
    margin-left: auto;
    justify-content: flex-end
}

@media (max-width: 1919.98px) {
    body .BonusesListTypeD .BonusesItem__body {
        padding: 24px
    }
}

@media (max-width: 1279.98px) {
    body .BonusesListTypeD {
        padding: 32px
    }

    body .BonusesListTypeD__list {
        grid-template-columns:repeat(1, 1fr);
        grid-gap: 24px;
        max-width: 704px;
        margin: 0 auto;
        width: 100%
    }

    body .BonusesListTypeD__tabs {
        overflow: hidden
    }

    body .BonusesListTypeD__tabs .Tabs {
        width: auto
    }

    body .BonusesListTypeD__tabs .Tabs__tab {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    body .BonusesListTypeD .BonusesItem {
        display: grid;
        grid-template-rows:320px 1fr;
        height: auto
    }

    body .BonusesListTypeD .BonusesItem__title {
        top: 95px
    }

    body .BonusesListTypeD .BonusesItem__header {
        width: 100%
    }

    body .BonusesListTypeD .BonusesItem__body {
        width: 100%;
        padding: 24px 32px
    }

    body .BonusesListTypeD .BonusesItem__actions {
        margin: auto;
        justify-content: center
    }
}

@media (max-width: 767.98px) {
    body .BonusesListTypeD {
        padding: 20px
    }

    body .BonusesListTypeD .BonusesItem {
        display: flex;
        flex-direction: column
    }

    body .BonusesListTypeD .BonusesItem__timeTagWrapper {
        right: 20px;
        left: 20px;
        top: 20px
    }

    body .BonusesListTypeD .BonusesItem__tag {
        position: static
    }

    body .BonusesListTypeD .BonusesItem__tag_time {
        position: absolute;
        top: 20px;
        left: 20px
    }

    body .BonusesListTypeD .BonusesItem__header {
        width: 100%;
        height: 320px
    }

    body .BonusesListTypeD .BonusesItem__body {
        width: 100%;
        padding: 24px 32px;
        height: auto
    }

    body .BonusesListTypeD .BonusesItem__actions {
        margin-left: 0;
        max-width: 100%
    }

    body .BonusesListTypeD .BonusesItem__title {
        top: 100px
    }

    body .BonusesListTypeD .BonusesItem__currencies, body .BonusesListTypeD .BonusesItem__title {
        left: 32px
    }

    body .BonusesListTypeD .BonusesItem__currencies {
        top: 148px
    }

    body .BonusesListTypeD__tabs {
        display: none
    }

    body .BonusesListTypeD__select {
        display: block
    }

    body .BonusesListTypeD__title {
        font-size: 2.25rem;
        line-height: 3rem
    }

    body .BonusesListTypeD__listWrap {
        padding-top: 32px
    }

    body .BonusesListTypeD__list {
        grid-template-columns:1fr;
        grid-gap: 24px
    }
}

@media (max-width: 434.98px) {
    body .BonusesListTypeD .BonusesItem__header {
        height: 187px
    }

    body .BonusesListTypeD .BonusesItem__body {
        padding: 20px
    }

    body .BonusesListTypeD .BonusesItem__title {
        color: var(--base-text-primary);
        position: static
    }

    body .BonusesListTypeD .BonusesItem__currencies {
        position: static
    }

    body .BonusesListTypeD__container {
        max-width: 100%
    }

    body .BonusesListTypeD__title {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-right: 0
    }

    body .BonusesListTypeD__header {
        display: block
    }

    body .BonusesListTypeD__select {
        margin-top: 16px
    }
}

body .BonusesListTypeD .Pagination {
    margin-top: 40px
}

body .BonusesItem {
    display: block;
    max-width: 100%;
    height: 100%;
    background-color: var(--base-surface);
    box-shadow: var(--base-button-normal-shadow)
}

body .BonusesItem__detail {
    box-shadow: none;
    background: none
}

@media (max-width: 1279.98px) {
    body .BonusesItem__detail {
        background-color: unset !important
    }
}

body .BonusesItem__bodyWithoutButtons {
    width: 100%
}

body .BonusesItem__header {
    max-width: 100%;
    height: 326px;
    position: relative;
    overflow: hidden
}

body .BonusesItem__thumbnail {
    max-width: 100%;
    height: 100%;
    position: relative
}

body .BonusesItem__thumbnail .BonusTimer {
    position: absolute;
    top: 20px;
    left: 20px
}

@media (max-width: 767.98px) {
    body .BonusesItem__thumbnail {
        height: 132px !important
    }
}

body .BonusesItem__thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover
}

body .BonusesItem__thumbnailLogo img {
    margin: 0 auto;
    object-fit: cover
}

body .BonusesItem__bitzLogo {
    background-color: var(--base-elements)
}

body .BonusesItem__bitzLogo img {
    min-width: 100%
}

body .BonusesItem__tag {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 4px 12px;
    background: var(--base-elements);
    bottom: 20px;
    left: 20px;
    font-weight: 600;
    box-shadow: var(--base-button-normal-shadow);
    white-space: nowrap
}

body .BonusesItem__tag_time {
    top: 20px;
    left: 20px;
    text-align: center;
    color: var(--base-text-primary);
    bottom: auto
}

body .BonusesItem__tag_notactivated {
    color: var(--base-status-offline)
}

body .BonusesItem__tag_active {
    color: var(--base-status-active)
}

body .BonusesItem__tag_waiting {
    color: var(--base-status-pending)
}

body .BonusesItem__tag_finished {
    color: var(--base-status-approved)
}

body .BonusesItem__tag_canceled {
    color: var(--base-status-canceled)
}

body .BonusesItem__tag_expired {
    color: var(--base-status-expired)
}

body .BonusesItem__tag_cancellationthreshold {
    color: var(--base-status-cancellation)
}

body .BonusesItem__tag_subscribed {
    color: var(--base-status-subscribed)
}

body .BonusesItem__tag_unsubscribed {
    color: var(--base-status-unsubscribed)
}

body .BonusesItem__tag_preactivated {
    color: var(--base-status-cancellation)
}

body .BonusesItem__tag_denied {
    color: var(--base-status-canceled)
}

body .BonusesItem__tag .Format {
    color: var(--base-text-secondary)
}

body .BonusesItem__tag .Format__value {
    padding-left: 8px;
    margin-left: 8px;
    padding-right: 4px;
    border-left: 1px solid var(--base-divider);
    color: var(--base-text-primary)
}

body .BonusesItem__tag .Format__value:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none
}

body .BonusesItem__thumbWrapper_typeD {
    position: relative
}

@media (min-width: 767.98px) {
    body .BonusesItem__thumbWrapper_typeD {
        flex: 0 0 50%
    }
}

body .BonusesItem__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: calc(100% - 326px);
    max-width: 100%;
    padding: 24px;
    overflow: hidden
}

body .BonusesItem__groups {
    display: flex;
    padding-bottom: 16px;
    gap: 12px
}

body .BonusesItem__groups .BonusTag {
    display: flex
}

body .BonusesItem__groups .BonusTag__title {
    color: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .BonusesItem__groups {
        padding-bottom: 12px
    }
}

body .BonusesItem__show-more-tag {
    border-radius: 24px;
    padding: 8px 12px;
    background: var(--primary-solid);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px
}

body .BonusesItem__show-more-tag span {
    display: block;
    border-radius: 100%;
    width: 4px;
    height: 4px;
    background: var(--base-text-primary)
}

body .BonusesItem__detail .BonusesItem__body {
    padding: 0
}

body .BonusesItem__detail .BonusesItem__header {
    margin-bottom: 40px
}

body .BonusesItem__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--base-text-primary);
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all
}

body .BonusesItem__currencies, body .BonusesItem__title {
    width: 100%;
    margin-bottom: 14px
}

body .BonusesItem__details {
    width: 100%
}

body .BonusesItem__description {
    width: 100%;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 40px
}

body .BonusesItem__description_typeD {
    max-width: none !important;
    width: 100% !important;
    margin-bottom: 0
}

body .BonusesItem__description_isBitz {
    margin-top: 40px;
    margin-bottom: 0
}

body .BonusesItem__description_isBitz:empty {
    display: none
}

body .BonusesItem__tags {
    margin-bottom: 12px;
    width: 100%
}

body .BonusesItem__bonusTag {
    background: var(--primary-solid);
    text-transform: uppercase
}

body .BonusesItem__bonusTag .Tags__tagText {
    color: var(--base-text-primary)
}

body .BonusesItem__actions {
    margin-top: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap
}

body .BonusesItem__button {
    flex: 1 1 50%;
    max-width: 50%
}

body .BonusesItem__button:not(:last-of-type) {
    margin-right: 8px
}

body .BonusesItem__detail .BonusesItem__button {
    max-width: 160px
}

body .BonusesItem__typeDHeaderOverlay {
    position: absolute;
    padding: 32px;
    left: 0;
    width: 100%;
    bottom: 0
}

@media (max-width: 1919.98px) {
    body .BonusesItem__typeDHeaderOverlay {
        padding: 24px
    }
}

@media (max-width: 1279.98px) {
    body .BonusesItem__typeDHeaderOverlay {
        padding: 24px;
        right: 0
    }
}

@media (max-width: 767.98px) {
    body .BonusesItem__typeDHeaderOverlay {
        position: static;
        bottom: auto;
        left: auto;
        right: auto;
        padding: 0
    }
}

@media (max-width: 1279.98px) {
    body .BonusesItem__header {
        height: 299px
    }

    body .BonusesItem__description_typeD {
        max-height: 84px !important
    }

    body .BonusesItem__body {
        height: calc(100% - 299px)
    }
}

@media (max-width: 767.98px) {
    body .BonusesItem__header {
        height: 227px
    }

    body .BonusesItem__body {
        height: calc(100% - 227px)
    }

    body .BonusesItem__description {
        margin-bottom: 32px
    }

    body .BonusesItem__description_typeD {
        margin-bottom: 16px
    }

    body .BonusesItem__description_isBitz {
        margin-top: 32px
    }
}

@media (max-width: 434.98px) {
    body .BonusesItem__header {
        height: 187px
    }

    body .BonusesItem__body {
        height: calc(100% - 187px);
        padding: 20px
    }

    body .BonusesItem__title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 10px
    }

    body .BonusesItem__currencies, body .BonusesItem__details {
        margin-bottom: 10px
    }

    body .BonusesItem__description {
        font-size: 1rem;
        line-height: 1.75rem;
        margin-bottom: 32px
    }

    body .BonusesItem__description_typeD {
        margin-bottom: 16px
    }

    body .BonusesItem__actions {
        flex-wrap: wrap
    }

    body .BonusesItem__button {
        flex: 1 1 100%;
        max-width: 100%
    }

    body .BonusesItem__button:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 8px
    }
}

body .butzRadius {
    border-radius: 20px !important
}

body .PlayerBonusesItem {
    display: block;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--base-surface)
}

body .PlayerBonusesItem__bodyWithoutButtons {
    width: 100%
}

body .PlayerBonusesItem__header {
    max-width: 100%;
    height: 326px;
    position: relative;
    overflow: hidden
}

body .PlayerBonusesItem__thumbnail {
    max-width: 100%;
    height: 100%
}

body .PlayerBonusesItem__thumbnail img {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    object-fit: cover
}

body .PlayerBonusesItem__tag {
    position: absolute;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding: 4px 12px;
    background: var(--base-elements)
}

body .PlayerBonusesItem__tag_time {
    top: 20px;
    left: 20px;
    text-align: center;
    color: var(--base-text-primary);
    bottom: auto
}

body .PlayerBonusesItem__tag_notactivated {
    color: var(--base-status-offline)
}

body .PlayerBonusesItem__tag_active {
    color: var(--base-status-active)
}

body .PlayerBonusesItem__tag_waiting {
    color: var(--base-status-pending)
}

body .PlayerBonusesItem__tag_finished {
    color: var(--base-status-approved)
}

body .PlayerBonusesItem__tag_canceled {
    color: var(--base-status-canceled)
}

body .PlayerBonusesItem__tag_expired {
    color: var(--base-status-expired)
}

body .PlayerBonusesItem__tag_cancellationthreshold {
    color: var(--base-status-cancellation)
}

body .PlayerBonusesItem__tag_subscribed {
    color: var(--base-status-subscribed)
}

body .PlayerBonusesItem__tag_unsubscribed {
    color: var(--base-status-unsubscribed)
}

body .PlayerBonusesItem__tag .Format {
    color: var(--base-text-secondary)
}

body .PlayerBonusesItem__tag .Format__value {
    padding-left: 8px;
    margin-left: 8px;
    padding-right: 4px;
    border-left: 1px solid var(--base-divider);
    color: var(--base-text-primary)
}

body .PlayerBonusesItem__tag .Format__value:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none
}

body .PlayerBonusesItem__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    height: calc(100% - 326px);
    max-width: 100%;
    padding: 24px;
    overflow: hidden
}

body .PlayerBonusesItem__title {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--base-text-primary);
    white-space: normal;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 14px
}

body .PlayerBonusesItem__currencies, body .PlayerBonusesItem__details {
    width: 100%;
    margin-bottom: 14px
}

body .PlayerBonusesItem__description {
    width: 100%;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 40px
}

body .PlayerBonusesItem__actions {
    margin-top: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap
}

body .PlayerBonusesItem__button {
    flex: 1 1 50%;
    max-width: 100%
}

body .PlayerBonusesItem__button:not(:last-of-type) {
    margin-right: 8px
}

body .PlayerBonusesItem__gameLink {
    color: var(--primary-link);
    text-decoration: none
}

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

body .PlayerBonusesItem__freeSpins .PlayerBonusesItem__popover .Popover__tooltipText {
    width: 200px
}

body .PlayerBonusesItem__freeSpins .PlayerBonusesItem__icon_warning {
    margin-left: 9px;
    width: 22px;
    height: 22px;
    color: var(--base-text-placeholder)
}

@media (max-width: 1279.98px) {
    body .PlayerBonusesItem__header {
        height: 299px
    }

    body .PlayerBonusesItem__body {
        height: calc(100% - 299px)
    }
}

@media (max-width: 767.98px) {
    body .PlayerBonusesItem__header {
        height: 227px
    }

    body .PlayerBonusesItem__body {
        height: calc(100% - 227px)
    }

    body .PlayerBonusesItem__description {
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    body .PlayerBonusesItem__header {
        height: 187px
    }

    body .PlayerBonusesItem__body {
        height: calc(100% - 187px);
        padding: 20px
    }

    body .PlayerBonusesItem__title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 10px
    }

    body .PlayerBonusesItem__currencies, body .PlayerBonusesItem__details {
        margin-bottom: 10px
    }

    body .PlayerBonusesItem__description {
        font-size: 1rem;
        line-height: 1.75rem;
        margin-bottom: 32px
    }

    body .PlayerBonusesItem__actions {
        flex-wrap: wrap
    }

    body .PlayerBonusesItem__button {
        flex: 1 1 100%
    }

    body .PlayerBonusesItem__button:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 8px
    }
}

body .BonusModal {
    max-width: 100%;
    padding: 0 24px 16px
}

body .BonusModal__title {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 24px
}

body .BonusModal__details {
    margin-bottom: 24px
}

body .BonusModal__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap
}

@media (max-width: 767.98px) {
    body .BonusModal__actions {
        flex-direction: column;
        gap: 16px
    }
}

body .BonusModal__button {
    flex: 0 0 auto;
    max-width: inherit
}

@media (max-width: 767.98px) {
    body .BonusModal__button {
        width: 100%;
        max-width: 100%
    }
}

body .BonusModal__button:not(:last-of-type) {
    margin-right: 16px
}

@media (max-width: 767.98px) {
    body .BonusModal__button:not(:last-of-type) {
        margin-right: 0
    }
}

body .BonusModal .BonusAmount {
    padding: 12px 0
}

@media (max-width: 767.98px) {
    body .BonusModal {
        padding: 0 20px 16px
    }

    body .BonusModal__actions {
        justify-content: flex-start
    }
}

body .BonusesHistory {
    display: block;
    max-width: 100%;
    overflow: hidden;
    padding: 40px
}

body .BonusesHistory__container {
    margin: 0 auto
}

body .BonusesHistory__back {
    margin-bottom: 24px;
    max-width: 100%
}

body .BonusesHistory__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 24px
}

body .BonusesHistory__list {
    padding-top: 40px;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:1fr;
    grid-gap: 48px
}

@media (max-width: 1279.98px) {
    body .BonusesHistory {
        padding: 32px
    }

    body .BonusesHistory__list {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 24px
    }
}

@media (max-width: 767.98px) {
    body .BonusesHistory {
        padding: 20px
    }

    body .BonusesHistory__title {
        font-size: 2.25rem;
        line-height: 3rem
    }

    body .BonusesHistory__list {
        grid-template-columns:1fr;
        grid-gap: 24px;
        padding-top: 32px
    }
}

@media (max-width: 434.98px) {
    body .BonusesHistory__container {
        max-width: 100%
    }

    body .BonusesHistory__title {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-bottom: 24px
    }
}

body .PlayerBonusModal {
    max-width: 100%;
    padding: 0 24px 16px
}

body .PlayerBonusModal__title {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 24px
}

body .PlayerBonusModal__details {
    margin-bottom: 24px
}

body .PlayerBonusModal__penalties {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 24px
}

body .PlayerBonusModal__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap
}

@media (max-width: 767.98px) {
    body .PlayerBonusModal__actions {
        flex-direction: column;
        gap: 16px
    }
}

body .PlayerBonusModal__button {
    flex: 0 0 auto;
    max-width: inherit
}

@media (max-width: 767.98px) {
    body .PlayerBonusModal__button {
        width: 100%;
        max-width: 100%
    }
}

body .PlayerBonusModal__button:not(:last-of-type) {
    margin-right: 16px
}

@media (max-width: 767.98px) {
    body .PlayerBonusModal__button:not(:last-of-type) {
        margin-right: 0
    }
}

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

body .PlayerBonusModal__freeSpins .PlayerBonusesModal__popover .Popover__tooltipText {
    width: 200px
}

body .PlayerBonusModal__freeSpins .PlayerBonusesModal__icon_warning {
    margin-left: 9px;
    width: 22px;
    height: 22px;
    color: var(--base-text-placeholder)
}

body .PlayerBonusModal .BonusAmount {
    padding: 12px 0
}

body .PlayerBonusModal .BonusAmount:last-child {
    border-bottom: 1px solid var(--base-divider)
}

@media (max-width: 767.98px) {
    body .PlayerBonusModal {
        padding: 0 20px 16px
    }

    body .PlayerBonusModal__actions {
        justify-content: flex-start
    }

    body .PlayerBonusModal__button span {
        font-size: 12px
    }
}

body #bonusHistory .Bonuses__list_auth .BonusesItem__wrapperBody {
    padding-bottom: 32px
}

body #bonusHistory .Bonuses__list_auth .BonusesItem__details {
    margin-bottom: 0
}

body #bonusHistory .Bonuses__list_auth .BonusesItem__active {
    margin: 0
}

body .EmptyBonus {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    max-width: 814px;
    background-color: var(--base-surface);
    padding: 40px;
    text-align: center;
    box-shadow: var(--base-modal-shadow);
    margin: 40px auto 0
}

body .EmptyBonus__icon {
    width: 136px;
    height: 116px;
    margin-bottom: 40px;
    color: var(--primary-solid)
}

body .EmptyBonus__icon .Icon, body .EmptyBonus__icon span, body .EmptyBonus__icon svg {
    width: 100%;
    height: 100%
}

body .EmptyBonus__title {
    font-size: 2.25rem;
    line-height: 3rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 8px
}

body .EmptyBonus__description {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 40px
}

body .EmptyBonus__back {
    width: 180px
}

@media (max-width: 767.98px) {
    body .EmptyBonus {
        padding: 32px;
        max-width: 704px
    }

    body .EmptyBonus__icon {
        width: 120px;
        height: 120px
    }

    body .EmptyBonus__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .EmptyBonus__description {
        font-size: .875rem;
        line-height: 1.5rem;
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    body .EmptyBonus {
        padding: 20px;
        max-width: 100%
    }

    body .EmptyBonus__icon {
        width: 100px;
        height: 100px
    }

    body .EmptyBonus__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .EmptyBonus__description {
        font-size: .75rem;
        line-height: 1.25rem;
        margin-bottom: 20px
    }
}

body .ListAvailableBonuses__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 24px;
    text-transform: none;
    text-align: center
}

body .ListAvailableBonuses__container {
    max-width: 100%;
    overflow: hidden
}

body .ListAvailableBonuses__item {
    padding: 16px 0
}

body .ListAvailableBonuses__item:not(:first-child) {
    border-top: 1px solid var(--base-divider)
}

body .ListAvailableBonuses__item:first-child {
    padding-top: 0
}

body .ListAvailableBonuses__item:last-child {
    padding-bottom: 0
}

body .ListAvailableBonuses__radio {
    max-width: 100%;
    overflow: hidden
}

body .ListAvailableBonuses__description {
    margin-top: 8px;
    max-width: 100%;
    overflow: hidden
}

body .ListAvailableBonuses__descriptionItem:not(:last-child) {
    margin-bottom: 4px
}

body .ListAvailableBonuses .BonusAmount__value {
    display: inline
}

body .ListAvailableBonuses .BonusAmount__label, body .ListAvailableBonuses .BonusAmount__value, body .ListAvailableBonuses__button, body .ListAvailableBonuses__label, body .ListAvailableBonuses__value {
    font-weight: 400;
    font-size: .875rem;
    line-height: 1.5rem;
    color: var(--base-text-secondary)
}

body .ListAvailableBonuses .BonusAmount__label, body .ListAvailableBonuses__label {
    margin-right: 4px;
    display: inline-block;
    min-width: 145px
}

body .ListAvailableBonuses__penalty {
    font-weight: 400;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--base-text-primary);
    margin-top: 8px
}

body .ListAvailableBonuses__button {
    margin-top: 2px;
    text-decoration: underline
}

@media (max-width: 767.98px) {
    body .ListAvailableBonuses__title {
        margin-bottom: 16px
    }
}

body .Bonus {
    display: block;
    padding: 40px;
    max-width: 100%;
    overflow: hidden
}

body .Bonus__wrapper {
    max-width: 814px;
    width: 100%;
    margin: 0 auto;
    padding: 40px;
    background: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

body .Bonus__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    margin-bottom: 24px;
    color: var(--base-text-primary)
}

body .Bonus__back {
    margin-bottom: 24px;
    max-width: 100%
}

body .Bonus__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 40px
}

body .Bonus__tag {
    flex: 0 0 auto;
    max-width: inherit;
    font-size: 0;
    line-height: 0;
    background-color: var(--base-elements);
    white-space: nowrap
}

body .Bonus__tag_time {
    padding: 10px 16px;
    text-align: center
}

body .Bonus__tag_notactivated {
    color: var(--base-status-offline)
}

body .Bonus__tag_active {
    color: var(--base-status-active)
}

body .Bonus__tag_waiting {
    color: var(--base-status-pending)
}

body .Bonus__tag_finished {
    color: var(--base-status-approved)
}

body .Bonus__tag_canceled {
    color: var(--base-status-canceled)
}

body .Bonus__tag_expired {
    color: var(--base-status-expired)
}

body .Bonus__tag_cancellationthreshold {
    color: var(--base-status-cancellation)
}

body .Bonus__tag_subscribed {
    color: var(--base-status-subscribed)
}

body .Bonus__tag_unsubscribed {
    color: var(--base-status-unsubscribed)
}

body .Bonus__tag .Format {
    color: var(--base-text-secondary)
}

body .Bonus__tag .Format__value {
    padding-left: 8px;
    margin-left: 8px;
    padding-right: 4px;
    border-left: 1px solid var(--base-divider);
    color: var(--base-text-primary)
}

body .Bonus__tag .Format__value:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none
}

body .Bonus .ActionEventInfo__action, body .Bonus .ActionEventInfo__progressAmount {
    font-size: 1rem;
    line-height: 1.75rem
}

body .Bonus .ActionEventInfo__separateProgress {
    gap: 12px
}

body .Bonus .CashbackInfo__contentAmount, body .Bonus .CashbackInfo__contentName, body .Bonus .CashbackInfo__event, body .Bonus .LevelInfo__title {
    font-size: 1rem;
    line-height: 1.75rem
}

body .Bonus .BonusesItem {
    background-color: transparent
}

body .Bonus .BonusesItem .BonusesItem__header {
    height: 480px;
    margin-bottom: 40px
}

body .Bonus .BonusesItem .BonusesItem__body {
    margin-top: 24px;
    height: calc(100% - 480px);
    padding: 0
}

body .Bonus .BonusesItem .BonusesItem__currencies {
    margin-bottom: 24px
}

body .Bonus .BonusesItem .BonusesItem__details {
    margin-bottom: 40px
}

body .Bonus .BonusesItem .BonusesItem__button {
    flex: 0 0 auto;
    max-width: inherit
}

body .Bonus .BonusesItem .BonusAmount {
    padding: 16px 0
}

body .Bonus .BonusesItem .BonusAmount__label, body .Bonus .BonusesItem .BonusAmount__value {
    font-size: 1.25rem;
    line-height: 2rem
}

body .Bonus .BonusesItem .BonusAmount__underline {
    width: auto;
    height: auto;
    text-decoration: underline
}

@media (max-width: 1023.98px) {
    body .Bonus {
        padding: 32px
    }

    body .Bonus__wrapper {
        max-width: 100%;
        padding: 0;
        background-color: transparent;
        box-shadow: none
    }

    body .Bonus__title {
        font-size: 2.25rem;
        line-height: 3rem
    }

    body .Bonus__header {
        margin-bottom: 20px
    }

    body .Bonus .BonusesItem .BonusesItem__header {
        height: 460px;
        margin-bottom: 32px
    }

    body .Bonus .BonusesItem .BonusesItem__body {
        height: calc(100% - 460px)
    }

    body .Bonus .BonusesItem .BonusesItem__currencies {
        margin-bottom: 24px
    }

    body .Bonus .BonusesItem .BonusesItem__details {
        margin-bottom: 32px
    }
}

@media (max-width: 767.98px) {
    body .Bonus .BonusesItem .BonusesItem__thumbnail {
        height: 187px !important
    }
}

@media (max-width: 434.98px) {
    body .Bonus {
        padding: 20px
    }

    body .Bonus__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .Bonus__header {
        flex-wrap: wrap
    }

    body .Bonus__tag_time {
        flex: 1 1 100%;
        max-width: 100%;
        margin-bottom: 32px
    }

    body .Bonus .BonusesItem .BonusesItem__header {
        height: 187px
    }

    body .Bonus .BonusesItem .BonusesItem__body {
        height: calc(100% - 187px)
    }

    body .Bonus .BonusesItem .BonusesItem__currencies {
        margin-bottom: 32px
    }

    body .Bonus .BonusesItem .BonusesItem__button {
        flex: 1 1 100%;
        max-width: 100%
    }

    body .Bonus .BonusesItem .BonusAmount {
        flex-wrap: wrap;
        padding: 16px 0 8px
    }

    body .Bonus .BonusesItem .BonusAmount__label {
        margin-bottom: 4px
    }

    body .Bonus .BonusesItem .BonusAmount__label, body .Bonus .BonusesItem .BonusAmount__value {
        flex: 1 1 100%;
        max-width: 100%;
        font-size: .875rem;
        line-height: 1.5rem
    }
}

body .PlayerBonus {
    display: block;
    padding: 40px;
    max-width: 100%;
    overflow: hidden
}

body .PlayerBonus__wrapper {
    max-width: 814px;
    width: 100%;
    margin: 0 auto;
    padding: 40px;
    background: var(--base-surface);
    box-shadow: var(--base-button-normal-shadow)
}

body .PlayerBonus__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    margin-bottom: 24px;
    color: var(--base-text-primary)
}

body .PlayerBonus__back {
    margin-bottom: 24px;
    max-width: 100%
}

body .PlayerBonus__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 40px
}

body .PlayerBonus__tag {
    flex: 0 0 auto;
    max-width: inherit;
    font-size: 0;
    line-height: 0;
    background-color: var(--base-elements)
}

body .PlayerBonus__tag_time {
    padding: 10px 16px;
    text-align: center
}

body .PlayerBonus__tag_status {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 600;
    padding: 4px 12px;
    text-transform: uppercase;
    margin-left: auto
}

body .PlayerBonus__tag_notactivated {
    color: var(--base-status-offline)
}

body .PlayerBonus__tag_active {
    color: var(--base-status-active);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

body .PlayerBonus__tag_waiting {
    color: var(--base-status-pending)
}

body .PlayerBonus__tag_finished {
    color: var(--base-status-approved)
}

body .PlayerBonus__tag_canceled {
    color: var(--base-status-canceled)
}

body .PlayerBonus__tag_expired {
    color: var(--base-status-expired)
}

body .PlayerBonus__tag_cancellationthreshold {
    color: var(--base-status-cancellation)
}

body .PlayerBonus__tag_subscribed {
    color: var(--base-status-subscribed)
}

body .PlayerBonus__tag_unsubscribed {
    color: var(--base-status-unsubscribed)
}

body .PlayerBonus__tag_preactivated {
    color: var(--base-status-cancellation)
}

body .PlayerBonus__tag_denied {
    color: var(--base-status-canceled)
}

body .PlayerBonus__tag .Format {
    color: var(--base-text-secondary)
}

body .PlayerBonus__tag .Format__value {
    padding-left: 8px;
    margin-left: 8px;
    padding-right: 4px;
    border-left: 1px solid var(--base-divider);
    color: var(--base-text-primary)
}

body .PlayerBonus__tag .Format__value:first-child {
    margin-left: 0;
    padding-left: 0;
    border-left: none
}

body .PlayerBonus .ActionEventInfo__action, body .PlayerBonus .ActionEventInfo__progressAmount {
    font-size: 1rem;
    line-height: 1.75rem
}

body .PlayerBonus .ActionEventInfo__separateProgress {
    gap: 12px
}

body .PlayerBonus .CashbackInfo__contentAmount, body .PlayerBonus .CashbackInfo__contentName, body .PlayerBonus .CashbackInfo__event, body .PlayerBonus .LevelInfo__title {
    font-size: 1rem;
    line-height: 1.75rem
}

body .PlayerBonus .PlayerBonusesItem {
    background-color: transparent
}

body .PlayerBonus .PlayerBonusesItem .PlayerBonusesItem__header {
    height: 480px;
    margin-bottom: 40px
}

body .PlayerBonus .PlayerBonusesItem .PlayerBonusesItem__body {
    height: calc(100% - 480px);
    padding: 0
}

body .PlayerBonus .PlayerBonusesItem .PlayerBonusesItem__details {
    margin-bottom: 40px
}

body .PlayerBonus .PlayerBonusesItem .PlayerBonusesItem__button {
    flex: 0 0 auto;
    max-width: inherit
}

body .PlayerBonus .PlayerBonusesItem .BonusAmount {
    padding: 16px 0
}

body .PlayerBonus .PlayerBonusesItem .BonusAmount__label, body .PlayerBonus .PlayerBonusesItem .BonusAmount__value {
    font-size: 1.25rem;
    line-height: 2rem
}

@media (max-width: 767.98px) {
    body .PlayerBonus {
        padding: 32px
    }

    body .PlayerBonus__wrapper {
        max-width: 100%;
        padding: 0;
        background-color: transparent;
        box-shadow: none
    }

    body .PlayerBonus__title {
        font-size: 2.25rem;
        line-height: 3rem
    }

    body .PlayerBonus__header {
        margin-bottom: 20px
    }

    body .PlayerBonus .PlayerBonusesItem .PlayerBonusesItem__header {
        height: 460px;
        margin-bottom: 32px
    }

    body .PlayerBonus .PlayerBonusesItem .PlayerBonusesItem__body {
        height: calc(100% - 460px)
    }

    body .PlayerBonus .PlayerBonusesItem .PlayerBonusesItem__details {
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    body .PlayerBonus {
        padding: 20px
    }

    body .PlayerBonus__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .PlayerBonus__header {
        flex-wrap: wrap
    }

    body .PlayerBonus__tag_time {
        flex: 1 1 100%;
        max-width: 100%;
        margin-bottom: 24px
    }

    body .PlayerBonus__tag_status {
        margin-left: 0
    }

    body .PlayerBonus .PlayerBonusesItem .PlayerBonusesItem__header {
        height: 187px
    }

    body .PlayerBonus .PlayerBonusesItem .PlayerBonusesItem__body {
        height: calc(100% - 187px)
    }

    body .PlayerBonus .PlayerBonusesItem .PlayerBonusesItem__button {
        flex: 1 1 100%;
        max-width: 100%
    }

    body .PlayerBonus .PlayerBonusesItem .BonusAmount {
        flex-wrap: wrap;
        padding: 16px 0 8px
    }

    body .PlayerBonus .PlayerBonusesItem .BonusAmount__label {
        margin-bottom: 4px
    }

    body .PlayerBonus .PlayerBonusesItem .BonusAmount__label, body .PlayerBonus .PlayerBonusesItem .BonusAmount__value {
        flex: 1 1 100%;
        max-width: 100%;
        font-size: .875rem;
        line-height: 1.5rem
    }
}

body .NotAllowedBonuses {
    flex-direction: column;
    width: 100%;
    max-width: 814px;
    background-color: var(--base-surface);
    padding: 40px;
    text-align: center;
    margin: 40px auto 0
}

body .NotAllowedBonuses, body .NotAllowedBonuses__icon {
    display: flex;
    justify-content: center;
    align-items: center
}

body .NotAllowedBonuses__icon {
    height: 180px;
    width: 180px;
    margin-bottom: 40px;
    color: var(--primary-solid)
}

body .NotAllowedBonuses__icon .Icon, body .NotAllowedBonuses__icon span, body .NotAllowedBonuses__icon svg {
    width: 120px;
    height: 120px
}

body .NotAllowedBonuses__title {
    font-size: 2.25rem;
    line-height: 3rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 8px
}

body .NotAllowedBonuses__description {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 40px
}

body .NotAllowedBonuses__back {
    max-width: inherit
}

@media (max-width: 767.98px) {
    body .NotAllowedBonuses {
        padding: 32px;
        max-width: 704px
    }

    body .NotAllowedBonuses__icon {
        width: 120px;
        height: 120px;
        margin-bottom: 32px
    }

    body .NotAllowedBonuses__icon .Icon, body .NotAllowedBonuses__icon span, body .NotAllowedBonuses__icon svg {
        width: 80px;
        height: 80px
    }

    body .NotAllowedBonuses__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .NotAllowedBonuses__description {
        font-size: .875rem;
        line-height: 1.5rem;
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    body .NotAllowedBonuses {
        padding: 20px;
        max-width: 100%
    }

    body .NotAllowedBonuses__icon {
        width: 100px;
        height: 100px;
        margin-bottom: 20px
    }

    body .NotAllowedBonuses__icon .Icon, body .NotAllowedBonuses__icon span, body .NotAllowedBonuses__icon svg {
        width: 66px;
        height: 66px
    }

    body .NotAllowedBonuses__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .NotAllowedBonuses__description {
        font-size: .75rem;
        line-height: 1.25rem;
        margin-bottom: 20px
    }
}

body .NotAvailableCurrency {
    display: flex;
    align-items: center;
    margin: 40px 0 16px;
    padding: 25px 17px;
    border: 1px solid var(--base-warning)
}

@media (max-width: 1279.98px) {
    body .NotAvailableCurrency {
        margin: 32px 0 12px
    }
}

@media (max-width: 767.98px) {
    body .NotAvailableCurrency {
        display: block;
        padding: 12px
    }
}

body .NotAvailableCurrency__description {
    display: flex;
    align-items: center;
    margin-right: 50px
}

@media (max-width: 767.98px) {
    body .NotAvailableCurrency__description {
        display: flex;
        align-items: normal;
        margin: 0
    }
}

body .NotAvailableCurrency__iconWrapper {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    display: flex;
    align-items: center
}

body .NotAvailableCurrency__iconWrapper path {
    fill: var(--base-warning)
}

body .NotAvailableCurrency__button {
    max-width: 106px;
    margin-left: auto;
    width: 100%
}

@media (max-width: 767.98px) {
    body .NotAvailableCurrency__button {
        margin: 12px 0 0;
        max-width: none
    }
}

body .NotAvailableCurrency__text {
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .NotAvailableCurrency__text {
        font-size: 14px;
        line-height: 24px
    }
}

body .ListAvailableBonusesSlider__title {
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    color: var(--base-text-primary);
    text-transform: none;
    padding-right: 20px
}

body .ListAvailableBonusesSlider__container {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

body .ListAvailableBonusesSlider__container .swiper {
    padding: 0 5px
}

body .ListAvailableBonusesSlider__container .prevColumn {
    background: linear-gradient(to right, var(--base-background), transparent)
}

body .ListAvailableBonusesSlider__container .nextColumn {
    background: linear-gradient(to left, var(--base-background), transparent)
}

body .ListAvailableBonusesSlider__container .nextColumn, body .ListAvailableBonusesSlider__container .prevColumn {
    position: absolute;
    width: 60px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    top: 0
}

body .ListAvailableBonusesSlider__container .nextColumn.hide, body .ListAvailableBonusesSlider__container .prevColumn.hide {
    display: none
}

body .ListAvailableBonusesSlider__container .nextColumn button, body .ListAvailableBonusesSlider__container .prevColumn button {
    color: var(--base-text-primary);
    background-color: var(--base-elements);
    height: 30px;
    border-radius: 11px;
    padding: 7px
}

body .ListAvailableBonusesSlider__container .prevColumn {
    left: 0
}

body .ListAvailableBonusesSlider__container .nextColumn {
    right: 0
}

body .ListAvailableBonusesSlider__container .swiper-slide {
    width: 216px;
    height: auto
}

body .ListAvailableBonusesSlider__item {
    display: block;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 5px;
    background-color: var(--base-elements);
    cursor: pointer;
    height: 100%
}

body .ListAvailableBonusesSlider__item .Icon {
    position: absolute;
    top: 8px;
    right: 8px;
    color: transparent;
    width: 20px;
    height: 20px
}

body .ListAvailableBonusesSlider__item .Icon svg {
    width: 20px;
    height: 20px
}

body .ListAvailableBonusesSlider__item_checked {
    border-color: var(--primary-solid)
}

body .ListAvailableBonusesSlider__item_checked .Icon {
    color: var(--primary-solid)
}

body .ListAvailableBonusesSlider__item_warning {
    border-color: var(--base-warning)
}

body .ListAvailableBonusesSlider__item_warning .Icon {
    color: var(--base-warning)
}

body .ListAvailableBonusesSlider__item .BonusAmount {
    padding: 0
}

body .ListAvailableBonusesSlider__item .BonusAmount.warning .BonusAmount__label, body .ListAvailableBonusesSlider__item .BonusAmount.warning .BonusAmount__value {
    color: var(--base-warning)
}

body .ListAvailableBonusesSlider__item .FieldRadio {
    padding-left: 0;
    position: static;
    border: 1px solid
}

body .ListAvailableBonusesSlider__item .FieldRadio__checkMark {
    left: auto;
    right: 3px
}

body .ListAvailableBonusesSlider__item .FieldRadio__label {
    font-size: .9rem;
    font-weight: 700
}

body .ListAvailableBonusesSlider__item .BonusAmount__label {
    color: var(--base-text-secondary);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase
}

body .ListAvailableBonusesSlider__item .BonusAmount__value {
    color: var(--base-text-primary);
    font-weight: 700;
    font-size: 12px
}

body .ListAvailableBonusesSlider__description, body .ListAvailableBonusesSlider__title {
    max-width: 100%;
    overflow: hidden
}

body .ListAvailableBonusesSlider__warning-label {
    color: var(--base-text-secondary);
    font-size: 12px;
    margin-top: 5px
}

body .ListAvailableBonusesSlider__descriptionItem:not(:last-child), body .ListAvailableBonusesSlider__descriptionItem_warning {
    border-bottom: 1px solid var(--base-divider)
}

body .ListAvailableBonusesSlider .BonusAmount__value {
    display: inline
}

body .ListAvailableBonusesSlider__button, body .ListAvailableBonusesSlider__label, body .ListAvailableBonusesSlider__value {
    font-weight: 400;
    font-size: .875rem;
    color: var(--base-text-secondary)
}

body .ListAvailableBonusesSlider .BonusAmount__label, body .ListAvailableBonusesSlider__label {
    margin-right: 4px;
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap
}

body .ListAvailableBonusesSlider__penalty {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: var(--base-text-placeholder);
    margin-top: 8px;
    text-transform: uppercase;
    text-align: center
}

body .ListAvailableBonusesSlider__button {
    margin-top: 2px;
    text-decoration: underline
}

body .ActionEventInfo {
    display: flex;
    padding: 16px;
    background: var(--base-elements);
    gap: 16px;
    align-items: center
}

body .ActionEventInfo__icon, body .ActionEventInfo__icon svg {
    width: 24px;
    height: 24px
}

body .ActionEventInfo__action {
    font-weight: 700;
    color: var(--base-text-primary)
}

body .ActionEventInfo__crypto {
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap
}

body .ActionEventInfo__crypto, body .ActionEventInfo__currency {
    color: var(--base-text-placeholder)
}

body .ActionEventInfo__title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    gap: 10px
}

body .ActionEventInfo__progressAmountWrap {
    flex-shrink: 0
}

body .ActionEventInfo__progressAmount {
    font-weight: 700;
    color: var(--base-text-primary);
    flex-shrink: 0
}

body .ActionEventInfo__crypto {
    color: var(--base-text-secondary)
}

body .ActionEventInfo__progress {
    display: flex;
    height: 12px;
    width: 100%;
    overflow: hidden;
    border-radius: 16px;
    background: var(--base-elements-hover)
}

body .ActionEventInfo__progressPercent {
    height: 12px;
    border-radius: 16px;
    background: var(--base-success)
}

body .ActionEventInfo__separateProgress {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 8px
}

@media (max-width: 767.98px) {
    body .ActionEventInfo__separateProgress {
        gap: 4px
    }
}

body .ActionEventInfo__separateProgressItem {
    background: var(--base-elements-hover);
    height: 12px;
    width: 100%;
    border-radius: 16px
}

body .ActionEventInfo__separateProgressItem_success {
    background: var(--base-success)
}

body .ActionEventInfo.withProgress {
    flex-direction: column;
    gap: 8px;
    align-items: flex-start
}

body .CashbackInfo {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px;
    gap: 16px;
    background: var(--base-elements);
    border-radius: 16px;
    width: 100%
}

@media (max-width: 767.98px) {
    body .CashbackInfo {
        padding: 12px;
        gap: 8px
    }
}

body .CashbackInfo__icon, body .CashbackInfo__icon svg {
    width: 24px;
    height: 24px
}

body .CashbackInfo__body {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

body .CashbackInfo__body_withoutInfo {
    align-self: center
}

body .CashbackInfo__title {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px
}

body .CashbackInfo__divider {
    width: 100%;
    height: 1px;
    background: var(--base-divider)
}

body .CashbackInfo__event {
    font-weight: 700;
    color: var(--base-text-primary)
}

body .CashbackInfo__crypto {
    font-weight: 600;
    text-transform: uppercase;
    color: var(--base-text-placeholder)
}

body .CashbackInfo__tag {
    padding: 0 12px;
    border: 1px solid var(--base-divider);
    border-radius: 16px
}

body .CashbackInfo__tagName {
    color: var(--base-text-secondary)
}

body .CashbackInfo__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px
}

body .CashbackInfo__contentName {
    color: var(--base-text-primary)
}

body .CashbackInfo__contentAmount {
    font-weight: 700;
    color: var(--base-text-primary)
}

body .LevelInfo {
    border-radius: 16px;
    background: var(--base-elements);
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 8px
}

@media (max-width: 767.98px) {
    body .LevelInfo {
        padding: 12px;
        gap: 6px
    }
}

body .LevelInfo__titleWrap {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-start
}

body .LevelInfo__divider {
    width: 100%;
    height: 1px;
    background: var(--base-divider)
}

body .LevelInfo__icon, body .LevelInfo__icon svg {
    width: 24px;
    height: 24px
}

body .LevelInfo__title {
    font-weight: 700;
    color: var(--base-text-primary)
}

body .LevelInfo__levels {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 24px
}

body .LevelInfo__level {
    font-weight: 600;
    color: var(--base-text-secondary);
    text-transform: uppercase
}

body .LevelInfo__amount {
    color: var(--base-success);
    margin-left: 4px
}

body .BonusTypeInfo {
    display: flex;
    gap: 4px
}

body .BonusTag {
    border-radius: 24px;
    padding: 8px 12px;
    background: var(--primary-solid);
    box-shadow: var(--base-tooltip-shadow);
    display: grid
}

body .BonusTag__title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-transform: uppercase;
    overflow: hidden;
    white-space: break-spaces;
    word-wrap: break-word
}

body .CurrencyOption {
    display: grid;
    grid-template-columns:auto 50px 1fr auto;
    grid-gap: 8px;
    gap: 8px;
    align-items: center
}

body .CurrencyOption > span:first-child {
    height: 20px;
    width: 20px
}

body .BonusCurrenciesModal {
    max-width: 100%;
    padding: 0 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow: auto
}

body .BonusCurrenciesModal__title {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 24px
}

body .BonusCurrenciesModal__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap
}

body .BonusCurrenciesModal__button {
    flex: 0 0 auto;
    max-width: inherit
}

body .BonusCurrenciesModal__button:not(:last-of-type) {
    margin-right: 16px
}

body .BonusCurrenciesModal .BonusAmount {
    padding: 12px 0
}

body .BonusCurrenciesModal .FieldSelect {
    margin: 0
}

body .BonusCurrenciesModal__name {
    color: var(--base-text-secondary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    word-break: break-all
}

body .BonusCurrenciesModal__content {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media (max-width: 767.98px) {
    body .BonusCurrenciesModal {
        padding: 0 20px 16px
    }

    body .BonusCurrenciesModal__actions {
        flex-direction: column;
        gap: 10px;
        justify-content: center
    }

    body .BonusCurrenciesModal__button {
        width: 100%
    }

    body .BonusCurrenciesModal__button:not(:last-of-type) {
        margin-right: 0
    }
}

body .CashbackActivate {
    padding: 40px
}

@media (max-width: 1279.98px) {
    body .CashbackActivate {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .CashbackActivate {
        padding: 20px
    }
}

body .BaseButton {
    padding: 0 8px;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    position: relative
}

body .BaseButton_active:before {
    background: var(--primary-solid);
    bottom: -21px;
    content: "";
    display: block;
    filter: blur(9.5px);
    height: 36px;
    left: 50%;
    opacity: .6;
    position: absolute;
    transform: translate(-50%) matrix(0, -1, -1, 0, 0, 0);
    width: 10px
}

body .BaseButton_active:after {
    background: linear-gradient(101deg, rgba(72, 112, 255, 0), var(--primary-solid) 48.44%, rgba(72, 112, 255, 0));
    border-radius: 50px 50px 0 0;
    bottom: -6px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 36px
}

body .BaseButton__icon {
    overflow: hidden
}

body .BaseButton__icon, body .BaseButton__icon .ServerIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px
}

body .BaseButton__icon .ServerIcon img {
    display: block;
    width: 24px;
    height: 24px
}

body .BaseButton__icon .ServerIcon svg {
    color: var(--base-text-secondary);
    transition: color .1s ease;
    display: block;
    max-width: inherit;
    max-height: inherit;
    width: max-content
}

body .BaseButton__icon_deposit div svg path, body .BaseButton__icon_deposit svg path {
    fill: var(--base-text-secondary)
}

body .BaseButton__icon_active {
    color: var(--base-text-primary)
}

body .BaseButton__text {
    margin-top: 8px;
    color: var(--base-text-secondary);
    text-align: center;
    font-family: var(--primary-font-family);
    font-size: 8px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase
}

body .BaseButton__text_active {
    color: var(--base-text-primary)
}

body .BottomMenuTypeB {
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

body .BottomMenuTypeB__container {
    padding: 12px 0;
    background: var(--base-surface);
    display: flex;
    justify-content: center;
    position: relative
}

body .BottomMenuTypeB__boxShadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    z-index: -1
}

body .BottomMenuTypeB__menu {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    width: 100%
}

@media (max-width: 1024px) {
    body .BottomMenuTypeB__menu {
        padding: 0 40px
    }
}

@media (max-width: 440px) {
    body .BottomMenuTypeB__menu {
        padding: 0 20px
    }
}

body .BottomMenuTypeB__burgerWrapper {
    position: relative;
    height: 90%;
    padding: 0 8px
}

body .BottomMenuTypeB__burgerWrapper_active .BottomMenuTypeB__text {
    color: var(--base-text-primary)
}

body .BottomMenuTypeB__burgerWrapper_active .MenuMain__burgerIcon div svg path, body .BottomMenuTypeB__burgerWrapper_active .MenuMain__burgerIcon svg path {
    fill: var(--base-text-primary)
}

body .BottomMenuTypeB__burgerWrapper_active:before {
    background: var(--primary-solid);
    bottom: -25px;
    content: "";
    display: block;
    filter: blur(9.5px);
    height: 36px;
    left: 50%;
    opacity: .6;
    position: absolute;
    transform: translate(-50%) matrix(0, -1, -1, 0, 0, 0);
    width: 10px
}

body .BottomMenuTypeB__burgerWrapper_active:after {
    background: linear-gradient(101deg, rgba(72, 112, 255, 0), var(--primary-solid) 48.44%, rgba(72, 112, 255, 0));
    border-radius: 50px 50px 0 0;
    bottom: -16px;
    content: "";
    height: 3px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 36px
}

body .BottomMenuTypeB__burgerWrapper .MenuMain__burgerButton, body .BottomMenuTypeB__burgerWrapper .MenuMain__burgerButton:hover {
    background: none
}

body .BottomMenuTypeB__burgerWrapper .MenuMain__burgerIcon, body .BottomMenuTypeB__text {
    color: var(--base-text-secondary)
}

body .BottomMenuTypeB__text {
    margin-top: 8px;
    text-align: center;
    font-family: var(--primary-font-family);
    font-size: 8px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase
}

body .BottomMenuTypeB__container_typeC {
    padding: 9px 0 14px;
    border-top: 1px solid hsla(0, 0%, 100%, .1)
}

body .BottomMenuTypeB__container_typeC .BottomMenuTypeB__menu {
    justify-content: space-around;
    padding: 0 9px
}

body .BottomMenuTypeB__container_typeC .BaseButton {
    padding: 0
}

body .BottomMenuTypeB__container_typeC .BaseButton__text {
    margin-top: 1px
}

body .BottomMenuTypeB__container_typeC .MenuMain__burgerButton {
    height: 24px;
    width: auto
}

body .BottomMenuTypeB__container_typeC .BottomMenuTypeB__text {
    margin-top: 1px
}

body .BottomMenuTypeB__container_typeC .BaseButton__icon {
    height: auto
}

body .BottomMenuTypeB__container_typeC .BaseButton__icon .ServerIcon {
    width: 24px;
    height: 24px
}

body .CustomScrollbar {
    width: 100%;
    height: 4px;
    background: var(--base-elements);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

body .CustomScrollbar__scroll {
    height: 4px;
    background: var(--base-divider)
}

body .Deposit {
    display: block;
    max-width: 100%;
    padding: 40px;
    overflow: hidden
}

body .Deposit__container {
    margin: 0 auto
}

body .Deposit__back {
    max-width: 100%;
    margin-bottom: 16px
}

body .Deposit__title {
    max-width: 100%;
    margin-bottom: 40px;
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary)
}

body .Deposit__grid {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    grid-gap: 24px
}

body .Deposit__pagination {
    max-width: 100%;
    margin-top: 40px
}

body .Deposit__noRecords {
    max-width: 100%;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary)
}

@media (max-width: 1279.98px) {
    body .Deposit {
        padding: 32px
    }

    body .Deposit__grid {
        grid-template-columns:1fr;
        grid-gap: 16px
    }
}

@media (max-width: 767.98px) {
    body .Deposit {
        padding: 20px
    }

    body .Deposit__container {
        max-width: 100%
    }

    body .Deposit__title {
        font-size: 2.25rem;
        line-height: 3rem;
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    body .Deposit__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

body .DepositWithdrawPage {
    display: block;
    max-width: 100%;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .DepositWithdrawPage {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .DepositWithdrawPage {
        padding: var(--container-padding-mobile)
    }
}

body .DepositWithdrawPage__container {
    margin: 0 auto;
    display: grid;
    color: var(--base-text-primary);
    grid-template:"back back" auto "leftColumn rightColumn" auto/686px auto
}

body .DepositWithdrawPage__grid {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:1fr;
    grid-gap: 16px
}

body .DepositWithdrawPage__tabs {
    pointer-events: all;
    width: 100%
}

body .DepositWithdrawPage__tabs_isConstructor {
    position: relative;
    z-index: 1200000
}

body .DepositWithdrawPage .ReactModal__Content .Modal {
    max-width: 400px
}

body .DepositWithdrawPage .Modal__body {
    margin: -13px 16px 0;
    max-height: calc(100vh - 270px);
    overflow-y: auto
}

body .DepositWithdrawPage .Modal__body::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .DepositWithdrawPage .Modal__body::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

body .DepositWithdrawPage .Modal__body::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .DepositWithdrawPage .Modal__body::-webkit-scrollbar {
        width: 6px
    }

    body .DepositWithdrawPage .Modal__body::-webkit-scrollbar-thumb, body .DepositWithdrawPage .Modal__body::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .DepositWithdrawPage__closeCoverButton {
    margin: 16px auto;
    width: 200px
}

body .DepositWithdrawPage__cover {
    margin: auto;
    width: 100%;
    display: flex;
    flex-direction: column
}

body .DepositWithdrawPage__cover_iframe {
    width: 100%;
    height: 100%
}

body .DepositWithdrawPage__cover_iframe iframe {
    width: 100%;
    height: calc(100vh - 280px)
}

body .DepositWithdrawPage__cover .web3Modal {
    position: relative;
    border-radius: 7px
}

body .DepositWithdrawPage__description {
    margin: 15px 0;
    text-align: left
}

@media (max-width: 767.98px) {
    body .DepositWithdrawPage__description {
        display: none
    }
}

body .DepositWithdrawPage__descriptionText {
    margin: 15px 0;
    color: var(--base-text-primary);
    font-size: 16px;
    line-height: 28px
}

body .DepositWithdrawPage__titleContainer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    color: var(--base-text-primary)
}

body .DepositWithdrawPage__fieldsContainer .FieldText__wrapper {
    position: relative
}

body .DepositWithdrawPage__fieldsContainer .FieldText__addonElement {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 16px
}

body .DepositWithdrawPage__fieldsContainer .FieldText__addonElement button {
    height: 26px
}

@media (min-width: 1439.98px) {
    body .DepositWithdrawPage__fieldsContainer {
        max-width: 532px
    }
}

body .DepositWithdrawPage__title {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700
}

body .DepositWithdrawPage__icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: 57px
}

body .DepositWithdrawPage__icons .Icon {
    cursor: pointer
}

body .DepositWithdrawPage__icons .warning {
    width: 21px;
    height: 21px;
    margin-top: 2px
}

body .DepositWithdrawPage__back {
    margin-bottom: 40px;
    grid-area: back
}

body .DepositWithdrawPage__leftColumn {
    grid-area: leftColumn;
    padding-right: 24px;
    border-right: 1px solid var(--base-divider)
}

body .DepositWithdrawPage__rightColumn {
    grid-area: rightColumn;
    padding-left: 24px
}

body .DepositWithdrawPage__pagination {
    max-width: 100%;
    margin-top: 40px
}

body .DepositWithdrawPage__noRecords {
    max-width: 100%;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary)
}

@media (max-width: 1439.98px) {
    body .DepositWithdrawPage__container {
        grid-template:"back back" auto "leftColumn rightColumn" auto/50% 50%
    }

    body .DepositWithdrawPage__grid {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 1279.98px) {
    body .DepositWithdrawPage__container {
        grid-template:"back" auto "leftColumn" auto "rightColumn" auto/100%
    }

    body .DepositWithdrawPage__leftColumn, body .DepositWithdrawPage__rightColumn {
        padding: 0;
        border: none
    }

    body .DepositWithdrawPage__rightColumn {
        margin-top: 24px
    }

    body .DepositWithdrawPage__grid {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (max-width: 767.98px) {
    body .DepositWithdrawPage__grid {
        grid-template-columns:1fr
    }
}

body .DepositWithdrawPage .rc-select-dropdown {
    z-index: 998
}

body .DepositWithdrawalPaymentSidebar__currencyContainer {
    display: grid;
    position: relative;
    grid-template:"currencyField balanceField" auto/2fr 3fr
}

@media (max-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar__currencyContainer {
        grid-template:"currencyField balanceField" auto/55% 45%
    }
}

body .DepositWithdrawalPaymentSidebar__currencyContainer_hasNetworkField {
    grid-template:"currencyField balanceField" auto "networkField networkField" auto/2fr 3fr
}

@media (max-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar__currencyContainer_hasNetworkField {
        grid-template:"currencyField balanceField" auto "networkField networkField" auto/55% 45%
    }
}

body .DepositWithdrawalPaymentSidebar__currencyContainer_inPageHasNetworkField {
    grid-template:"currencyField networkField balanceField" auto/27.5% 27.5% 45%
}

@media (max-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar__currencyContainer_inPageHasNetworkField {
        grid-template:"currencyField networkField" auto "balanceField balanceField" auto/1fr 1fr
    }
}

body .DepositWithdrawalPaymentSidebar__currencyContainer_inPageHasNetworkField .FieldSelect.networkField {
    border-left: 3px solid var(--base-background)
}

body .DepositWithdrawalPaymentSidebar__currencyContainer_inPageHasNetworkField .FieldSelect.networkField .radiusInput {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

@media (min-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar__currencyContainer_inPageHasNetworkField .FieldSelect.networkField .radiusInput {
        border-radius: 0 !important
    }
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect__label, body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldText__label {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: hidden
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField {
    grid-area: currencyField;
    position: static
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select-selection-item .CurrencyCodeOption > span:nth-child(3), body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select-selection-item .CurrencyCodeOption > span:nth-child(4) {
    display: none
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select {
    position: static
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select, body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select-single .rc-select-selector {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select-dropdown {
    width: 100% !important
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select-single .rc-select-selector .rc-select-selection-search {
    display: none
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select-item-empty {
    padding: 12px 0 3px
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector, body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector {
    padding-right: 0
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-arrow, body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-arrow {
    right: auto;
    left: calc(40% - 30px);
    top: 32px
}

@media (max-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-arrow, body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-arrow {
        left: calc(55% - 30px)
    }
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-placeholder, body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.currencyField .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-placeholder {
    top: 33px
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldText.balanceField {
    grid-area: balanceField;
    border-left: 3px solid var(--base-background)
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldText.balanceField .FieldText__label {
    text-align: right;
    padding-right: 8px
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldText.balanceField .FieldText__input:disabled:-moz-read-only {
    color: var(--base-text-primary)
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldText.balanceField .FieldText__input:disabled:read-only {
    color: var(--base-text-primary)
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldText.balanceField .radiusInput {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldText.balanceField .FieldText__addonElement i {
    cursor: auto
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.networkField {
    grid-area: networkField
}

body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.networkField .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-allow-clear .rc-select-selector, body .DepositWithdrawalPaymentSidebar__currencyContainer .FieldSelect.networkField .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-allow-clear .rc-select-selector {
    padding-right: 0
}

body .DepositWithdrawalPaymentSidebar__currencyContainer_inPageHasNetworkField .FieldSelect.currencyField .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-arrow, body .DepositWithdrawalPaymentSidebar__currencyContainer_inPageHasNetworkField .FieldSelect.currencyField .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-arrow {
    left: calc(27.5% - 30px)
}

@media (max-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar__currencyContainer_inPageHasNetworkField .FieldSelect.currencyField .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-arrow, body .DepositWithdrawalPaymentSidebar__currencyContainer_inPageHasNetworkField .FieldSelect.currencyField .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-arrow {
        left: calc(50% - 30px)
    }

    body .DepositWithdrawalPaymentSidebar__currencyContainer_inPageHasNetworkField .FieldText.balanceField .radiusInput {
        border-top-left-radius: inherit !important;
        border-bottom-left-radius: inherit !important
    }
}

body .DepositWithdrawalPaymentSidebar__cover {
    margin: auto;
    width: 100%;
    display: flex;
    flex-direction: column
}

body .DepositWithdrawalPaymentSidebar__cover_iframe {
    height: 100%
}

body .DepositWithdrawalPaymentSidebar__cover .web3Modal {
    position: relative;
    border-radius: 7px;
    overflow: hidden
}

body .DepositWithdrawalPaymentSidebar__back {
    color: var(--base-text-secondary);
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    margin-bottom: 20px;
    text-transform: uppercase
}

body .DepositWithdrawalPaymentSidebar__back .Icon {
    margin-right: 10px
}

body .DepositWithdrawalPaymentSidebar__iframe {
    border-radius: 10px;
    width: 100%;
    overflow-y: auto;
    flex-grow: 1
}

body .DepositWithdrawalPaymentSidebar__iframe::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .DepositWithdrawalPaymentSidebar__iframe::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

body .DepositWithdrawalPaymentSidebar__iframe::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar__iframe::-webkit-scrollbar {
        width: 6px
    }

    body .DepositWithdrawalPaymentSidebar__iframe::-webkit-scrollbar-thumb, body .DepositWithdrawalPaymentSidebar__iframe::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .DepositWithdrawalPaymentSidebar__tabs {
    width: 100%
}

body .DepositWithdrawalPaymentSidebar__description {
    margin: 15px 0;
    padding: 0 8px;
    text-align: center
}

body .DepositWithdrawalPaymentSidebar__descriptionText {
    margin: 15px 0;
    color: var(--base-text-primary)
}

body .DepositWithdrawalPaymentSidebar__descriptionMinMax {
    margin: 15px 0;
    color: var(--base-warning)
}

body .DepositWithdrawalPaymentSidebar__warning {
    display: flex;
    justify-content: flex-start;
    margin: -15px 0 15px;
    padding: 0 8px;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--base-text-primary)
}

body .DepositWithdrawalPaymentSidebar__warning .icon {
    margin: 2px 5px 0 0;
    width: 16px;
    height: 16px
}

body .DepositWithdrawalPaymentSidebar__warning_withoutTopMargin {
    margin: 0 0 15px
}

body .DepositWithdrawalPaymentSidebar__warning_tag {
    margin: 15px 0;
    border: 1px solid #ecbe47;
    padding: 15px;
    border-radius: 15px;
    flex-direction: column;
    font-size: 16px;
    color: var(--base-text-secondary)
}

body .DepositWithdrawalPaymentSidebar__warning_tag .Icon {
    color: #ecbe47;
    margin-right: 8px;
    width: -moz-fit-content;
    width: fit-content
}

body .DepositWithdrawalPaymentSidebar__warning_tag div {
    display: flex;
    align-items: center
}

body .DepositWithdrawalPaymentSidebar__warning_tag div + div {
    margin-top: 5px
}

body .DepositWithdrawalPaymentSidebar__firstWithdrawalData > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    text-align: left;
    border-bottom: 1px solid var(--base-divider);
    line-height: 40px
}

body .DepositWithdrawalPaymentSidebar__firstWithdrawalData > div > span:first-child {
    flex-grow: 1;
    font-size: 16px;
    font-weight: 400
}

body .DepositWithdrawalPaymentSidebar__firstWithdrawalData > div > span:last-child {
    color: var(--base-text-primary);
    font-weight: 700
}

body .DepositWithdrawalPaymentSidebar__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 20px
}

body .DepositWithdrawalPaymentSidebar__button {
    align-self: center;
    margin-right: 16px
}

body .DepositWithdrawalPaymentSidebar__button:last-child {
    margin-right: 0
}

@media (min-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar__button {
        width: -moz-fit-content;
        width: fit-content
    }
}

body .DepositWithdrawalPaymentSidebar__footer {
    margin: 0 0 24px;
    top: 12px;
    position: relative;
    width: 100%
}

body .DepositWithdrawalPaymentSidebar__footerButtons {
    display: grid;
    grid-template-columns:1fr;
    grid-gap: 12px;
    margin-bottom: 12px
}

body .DepositWithdrawalPaymentSidebar__footerButtons_horizontal {
    grid-template-columns:1fr 1fr
}

@media (max-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar__footerButtons_horizontal {
        grid-template-columns:1fr
    }
}

body .DepositWithdrawalPaymentSidebar__footerButtons_page .createAccount {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: unset
}

@media (max-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar__footerButtons_page .createAccount {
        width: 100%
    }
}

body .DepositWithdrawalPaymentSidebar__footerButtons_pageModal .cancelButton, body .DepositWithdrawalPaymentSidebar__footerButtons_pageModal .submitButton {
    width: auto;
    min-width: 200px;
    margin-left: auto;
    margin-right: auto
}

@media (max-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar__footerButtons_pageModal .cancelButton, body .DepositWithdrawalPaymentSidebar__footerButtons_pageModal .submitButton {
        width: 100%
    }
}

body .DepositWithdrawalPaymentSidebar__footerButtons_pageModal .closeWager {
    margin-right: unset;
    min-width: auto
}

body .DepositWithdrawalPaymentSidebar__footerButtons .hidden {
    display: none
}

body .DepositWithdrawalPaymentSidebar__footerButtonsDescription {
    font-weight: 400;
    font-size: 1rem;
    line-height: 28px;
    color: var(--base-text-secondary);
    padding: 0;
    margin-bottom: 5px
}

body .DepositWithdrawalPaymentSidebar__footerButtonsDescription_bottom {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center
}

@media (min-width: 767.98px) {
    body .DepositWithdrawalPaymentSidebar {
        width: -moz-fit-content;
        width: fit-content
    }
}

body .DepositWithdrawalPaymentSidebar__createCryptoAccount {
    width: -moz-fit-content;
    width: fit-content
}

body .DepositWithdrawalPaymentSidebar__amountField .FieldText__input_hasRightAddonElement {
    height: 60px
}

body .QRCodeBlock {
    max-width: 100%;
    min-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-weight: 400;
    margin-bottom: 20px
}

body .QRCodeBlock__wrapper {
    display: flex;
    align-items: stretch;
    margin-bottom: 8px
}

body .QRCodeBlock__description, body .QRCodeBlock__hint {
    padding: 0 8px;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--base-text-primary)
}

body .QRCodeBlock__description .icon, body .QRCodeBlock__hint .icon {
    width: auto;
    margin: 2px 5px 0 0
}

body .QRCodeBlock__description .Icon, body .QRCodeBlock__hint .Icon {
    position: relative;
    top: 4px
}

body .QRCodeBlock__label {
    display: block;
    margin-bottom: 4px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 20px;
    color: var(--base-text-secondary)
}

body .QRCodeBlock__label_qr {
    text-align: center
}

body .QRCodeBlock__label_mobile {
    display: none
}

body .QRCodeBlock__label_mobile span {
    text-transform: lowercase
}

body .QRCodeBlock__label_mobile span:before {
    content: " "
}

@media (max-width: 767.98px) {
    body .QRCodeBlock__label_mobile {
        display: block
    }
}

body .QRCodeBlock__qrWrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

body .QRCodeBlock__qrWrapper .img, body .QRCodeBlock__qrWrapper img {
    background: var(--base-background);
    height: 120px;
    width: 120px;
    object-fit: contain;
    aspect-ratio: 1/1;
    overflow: hidden;
    cursor: pointer
}

body .QRCodeBlock__qrWrapper .img.desktop, body .QRCodeBlock__qrWrapper img.desktop {
    display: block
}

body .QRCodeBlock__qrWrapper .img.desktop canvas, body .QRCodeBlock__qrWrapper img.desktop canvas {
    margin-top: -8px;
    margin-left: -8px;
    width: 138px
}

body .QRCodeBlock__qrWrapper .img.mobile, body .QRCodeBlock__qrWrapper img.mobile {
    display: none;
    height: 90px;
    width: 90px
}

body .QRCodeBlock__qrWrapper .img.mobile canvas, body .QRCodeBlock__qrWrapper img.mobile canvas {
    margin-top: -13px;
    margin-left: -9px;
    width: 108px
}

@media only screen and (max-width: 492px) {
    body .QRCodeBlock__qrWrapper .img.desktop, body .QRCodeBlock__qrWrapper img.desktop {
        display: none
    }

    body .QRCodeBlock__qrWrapper .img.mobile, body .QRCodeBlock__qrWrapper img.mobile {
        display: block
    }
}

body .QRCodeBlock__addressWrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    flex-grow: 1
}

body .QRCodeBlock__addressWrapper + * {
    margin-left: 10px
}

body .QRCodeBlock__address {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    overflow-wrap: break-word;
    font-size: .875rem;
    line-height: 1.25rem;
    background-color: var(--base-elements);
    padding: 10px 16px;
    color: var(--base-text-secondary);
    height: 100%
}

@media (max-width: 767.98px) {
    body .QRCodeBlock__address {
        height: 83px
    }

    body .QRCodeBlock__address_code {
        height: auto
    }
}

body .QRCodeBlock__address_code {
    flex-direction: row;
    align-items: center
}

body .QRCodeBlock__address div {
    overflow-wrap: anywhere;
    word-break: break-all
}

body .QRCodeBlock__button {
    min-width: 170px;
    max-width: 100%;
    display: block;
    overflow: hidden;
    width: auto;
    min-height: 40px;
    font-weight: 600;
    padding: 8px 16px
}

body .QRCodeBlock__button_code {
    min-width: 130px
}

body .QRCodeBlock__button_inAddress {
    display: block
}

@media only screen and (max-width: 492px) {
    body .QRCodeBlock__button_inAddress {
        display: none
    }
}

body .QRCodeBlock__button_outAddress {
    display: none;
    max-width: 100%;
    width: 100%;
    margin: 0 0 5px
}

@media (max-width: 767.98px) {
    body .QRCodeBlock__button_outAddress {
        display: block
    }
}

body .QRCodeBlock__link {
    color: var(--primary-solid)
}

body .QRCodeBlock__icon {
    position: relative;
    top: 5px;
    left: 5px
}

body .SupportLinks {
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: var(--base-text-primary);
    text-align: center
}

body .SupportLinks__link {
    color: var(--primary-solid)
}

body .CurrencySearchInput {
    width: 100%;
    background: inherit;
    padding: 2px 16px 8px;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    border: none;
    border-bottom: 3px solid var(--base-background);
    color: var(--base-text-secondary)
}

body .CurrencySearchInput::placeholder {
    color: var(--base-text-placeholder)
}

body .CurrencyCodeOption {
    display: grid;
    grid-template-columns:auto 50px 1fr auto;
    grid-gap: 8px;
    gap: 8px;
    align-items: center
}

body .CurrencyCodeOption > span:first-child {
    height: 20px;
    width: 20px
}

body .ActiveWager__message {
    color: var(--base-text-secondary)
}

body .ActiveWager__wagerContainer {
    padding: 16px;
    display: grid;
    grid-template:"bigIcon content" auto "buttons buttons" auto/48px 1fr;
    grid-gap: 16px;
    background: var(--base-elements);
    margin-top: 24px
}

body .ActiveWager__bigIcon {
    grid-area: bigIcon;
    height: 48px
}

body .ActiveWager__content {
    grid-area: content;
    text-align: left
}

body .ActiveWager__buttons {
    grid-area: buttons;
    display: flex;
    flex-direction: column;
    gap: 12px
}

body .ActiveWager__wagerInfo {
    display: flex;
    justify-content: space-between;
    align-items: center
}

body .ActiveWager__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: var(--base-text-primary);
    margin-bottom: 8px
}

body .ActiveWager__wagerInfoMoney, body .ActiveWager__wagerInfoText {
    color: var(--base-text-secondary);
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase
}

body .ActiveWager__wagerInfoMoney_highlighted {
    color: var(--base-text-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

body .ActiveWager__wagerProgress {
    height: 8px;
    background: var(--base-divider)
}

body .ActiveWager__wagerProgress_inner {
    background: var(--primary-gradient)
}

body .ActiveWagerModal .InfoBoxModal__text, body .ActiveWagerModal .InfoBoxModal__title {
    text-align: left
}

body .Verification__fieldWrapper {
    margin-top: 12px;
    max-height: 190px;
    overflow-y: clip;
    border: 1px solid transparent;
    transition-property: max-height;
    transition-duration: 1s
}

@media (max-width: 767.98px) {
    body .Verification__fieldWrapper {
        max-height: 286px
    }
}

body .Verification__fieldWrapper_hidden {
    margin: 16px 0;
    max-height: 26px
}

body .Verification__fieldWrapper_hidden .Verification__icon {
    transform: rotate(180deg)
}

body .Verification__fieldContainer {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px
}

body .Verification__fieldContainer .FieldPhone, body .Verification__fieldContainer .FieldText {
    flex-grow: 1
}

body .Verification__fieldContainer .Button, body .Verification__fieldContainer .GameError__homeButton {
    margin-top: 40px;
    flex-basis: 160px
}

body .Verification__fieldContainer_code .Button, body .Verification__fieldContainer_code .GameError__homeButton {
    margin-top: 24px
}

@media (max-width: 767.98px) {
    body .Verification__fieldContainer {
        display: block
    }

    body .Verification__fieldContainer .FieldPhone, body .Verification__fieldContainer .FieldText {
        margin-bottom: 8px
    }

    body .Verification__fieldContainer .Button, body .Verification__fieldContainer .GameError__homeButton {
        margin-top: 0;
        margin-bottom: 16px
    }

    body .Verification__fieldContainer_code .Button, body .Verification__fieldContainer_code .GameError__homeButton {
        margin-bottom: 20px
    }
}

body .Verification__label {
    display: flex;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    align-items: center;
    margin-left: -8px
}

body .Verification__labelElement {
    color: var(--base-elements);
    border-radius: 16px;
    padding: 4px 12px 3px;
    text-transform: uppercase;
    margin-left: 10px;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px
}

body .Verification__labelElement_required {
    background-color: var(--base-status-pending)
}

body .Verification__labelElement_verified {
    background-color: var(--base-status-active)
}

body .Verification__icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    transition-property: transform;
    transition-duration: 1s
}

body .Verification .FieldPhone .form-control:-moz-read-only, body .Verification .FieldText__input:-moz-read-only {
    cursor: not-allowed
}

body .Verification .Button_typePrimary:disabled, body .Verification .Button_typeSecondary:disabled, body .Verification .FieldPhone .form-control:disabled, body .Verification .FieldPhone .form-control:read-only, body .Verification .FieldText__input:disabled, body .Verification .FieldText__input:read-only, body .Verification .NoGames__button:disabled {
    cursor: not-allowed
}

body .ExpandableMenuItem {
    color: var(--base-text-primary);
    position: relative
}

body .ExpandableMenuItem_expanded {
    background-color: var(--base-elements)
}

body .ExpandableMenuItem__button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 8px;
    text-align: left;
    overflow: hidden;
    transition: background-color .3s ease-in-out, all .2s linear;
    white-space: nowrap;
    font-family: inherit
}

body .ExpandableMenuItem__button .LeftPanel__menuIcon, body .ExpandableMenuItem__icon {
    color: var(--base-text-secondary)
}

body .ExpandableMenuItem__icon {
    flex: 0 0 24px;
    max-width: 24px;
    min-width: 24px;
    content: "";
    width: 24px;
    height: 24px;
    opacity: 1;
    margin-left: auto;
    transition: opacity .2s linear;
    transition-delay: .2s
}

body .ExpandableMenuItem__body {
    overflow: hidden;
    background-color: var(--base-elements);
    font-family: var(--secondary-font-family)
}

body .ExpandableMenuItem__body > ul {
    margin: 0;
    padding-left: 0
}

body .ExpandableMenuItem__body > ul > li:last-child {
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    body .ExpandableMenuItem__body > ul > li:last-child {
        margin-bottom: 8px
    }
}

body .ExpandableMenuItem__body_collapsed {
    height: 0;
    width: 0;
    overflow: hidden;
    padding-top: 0 !important
}

body .ExpandableMenuItem__body_inPortal {
    position: absolute;
    width: 248px;
    top: 0;
    left: 16px;
    max-height: unset !important;
    scrollbar-width: thin;
    scrollbar-color: var(--base-text-secondary) transparent
}

body .ExpandableMenuItem__body_inPortal::-webkit-scrollbar {
    width: 11px;
    scrollbar-width: thin;
    scrollbar-color: var(--base-text-secondary) transparent
}

body .ExpandableMenuItem__body_inPortal::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 6px
}

body .ExpandableMenuItem__body_inPortal::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary);
    border-radius: 6px;
    border: 3px solid var(--base-elements)
}

body .ExpandableMenuItem__body_separatedWithShadowForConstructor {
    box-shadow: var(--base-card-shadow)
}

body .ExpandableMenuItem__body_emptyContainer {
    visibility: hidden
}

body .ExpandableMenuItem:not(.ExpandableMenuItem_expanded) .LeftPanel__menuLink_active.ExpandableMenuItem__button.ExpandableMenuItem__button .LeftPanel__menuIcon, body .ExpandableMenuItem:not(.ExpandableMenuItem_expanded) .LeftPanel__menuLink_active.ExpandableMenuItem__button.ExpandableMenuItem__button .LeftPanel__menuText, body .ExpandableMenuItem:not(.ExpandableMenuItem_expanded) .PrimaryNavigationLinks__button_active.ExpandableMenuItem__button.ExpandableMenuItem__button .PrimaryNavigationLinks__icon, body .ExpandableMenuItem:not(.ExpandableMenuItem_expanded) .PrimaryNavigationLinks__button_active.ExpandableMenuItem__button.ExpandableMenuItem__button .PrimaryNavigationLinks__text {
    color: var(--primary-solid)
}

body .LeftPanel .ExpandableMenuItem__button {
    color: var(--base-text-primary);
    background-color: var(--base-elements)
}

body .LeftPanel .ExpandableMenuItem__button:hover {
    background-color: var(--base-elements-hover)
}

body .LeftPanel.isCollapsed .ExpandableMenuItem__button > i:first-child {
    margin-right: 8px !important
}

body .LeftPanel__menu_typeB .ExpandableMenuItem_body {
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .LeftPanel__menu_typeA .ExpandableMenuItem_expanded .ExpandableMenuItem__button {
    margin-bottom: 8px
}

body .LeftPanel__menu_typeA .ExpandableMenuItem__body > ul {
    padding-left: 8px
}

body .MenuMain .ExpandableMenuItem {
    width: 100%
}

body .MenuMain .ExpandableMenuItem__body > ul {
    padding-left: 8px
}

@media (max-width: 767.98px) {
    body .MenuMain .ExpandableMenuItem__body > ul {
        padding-left: 12px
    }
}

body .MenuMain .ExpandableMenuItem__body > ul > li {
    padding: 8px;
    overflow: hidden;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    body .MenuMain .ExpandableMenuItem__body > ul > li {
        padding: 0 8px
    }
}

body .MenuMain .PrimaryNavigationLinks__item_active .PrimaryNavigationLinks__icon, body .MenuMain .PrimaryNavigationLinks__item_active .PrimaryNavigationLinks__text {
    color: var(--primary-solid)
}

body .MenuMain .ExpandableMenuItem_expanded .ExpandableMenuItem__button {
    margin-bottom: 8px
}

body .PrimaryNavigationLinks__menu_typeB .ExpandableMenuItem {
    box-shadow: none;
    -webkit-box-shadow: initial
}

body .PrimaryNavigationLinks__menu_typeB .ExpandableMenuItem__button {
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .LeftPanel.absolute:not(.isShown) .ExpandableMenuItem__body, body .LeftPanel.isCollapsed .ExpandableMenuItem__body {
    display: none
}

body .Faq__wrapper {
    max-width: 814px;
    width: 100%;
    margin: 40px auto 100px;
    padding: 40px;
    background: var(--base-surface)
}

@media (max-width: 1279.98px) {
    body .Faq__wrapper {
        max-width: none;
        padding: 0;
        background: transparent
    }
}

@media (max-width: 767.98px) {
    body .Faq__wrapper {
        max-width: none
    }
}

body .Faq__wrapper .LinkButton {
    margin-top: 40px;
    width: -moz-fit-content;
    width: fit-content
}

body .Faq__wrapper .LinkButton .LinkButton {
    margin-top: 32px;
    width: -moz-fit-content;
    width: fit-content
}

body .Faq__title {
    color: var(--base-text-primary);
    margin-bottom: 44px
}

@media (max-width: 767.98px) {
    body .Faq__title {
        margin-bottom: 40px
    }
}

@media (max-width: 434.98px) {
    body .Faq__title {
        margin-bottom: 32px
    }
}

body .Faq__item {
    border-top: 1px solid var(--base-divider);
    padding: 24px 0
}

body .Faq__question {
    position: relative;
    width: 100%;
    text-align: left;
    color: var(--base-text-primary);
    padding-right: 44px;
    font-weight: 700
}

body .Faq__question-button {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .3s;
    z-index: 1;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: var(--primary-solid);
    border-radius: 50%;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .Faq__question_opened .Faq__question-button {
    background-color: var(--base-elements);
    box-shadow: var(--base-input-normal-shadow);
    -webkit-box-shadow: var(--base-input-normal-shadow)
}

body .Faq__question_opened .Faq__question-button .Faq__icon {
    transform: translateY(-50%) rotate(45deg);
    color: var(--base-text-primary)
}

body .Faq__icon {
    position: absolute;
    top: 50%;
    z-index: 2;
    right: 8px;
    width: 24px;
    height: 24px;
    color: var(--base-text-on-color-bg);
    transform: translateY(-50%);
    transition: all .3s
}

body .Faq__answer {
    margin-top: 24px;
    color: var(--base-text-secondary)
}

body .Faq__answer a {
    transition: color .3s
}

body .Faq__answer a:not(.LinkButton__button) {
    color: var(--primary-link)
}

body .Faq__answer a:not(.LinkButton__button):hover {
    color: var(--primary-link-hover)
}

body .FreespinInfo__label {
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 4px
}

body .FreespinInfo__label_inGameFrame {
    cursor: pointer
}

body .FreespinInfo__label_hideLabelText {
    display: none
}

body .FreespinInfo__freespin {
    position: absolute;
    padding: 6px 12px;
    top: 20px;
    left: 20px;
    right: 20px;
    width: -moz-fit-content;
    width: fit-content;
    background: var(--base-text-on-color-bg);
    color: var(--primary-link);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    z-index: 1
}

@media (max-width: 767.98px) {
    body .FreespinInfo__freespin {
        top: 12px;
        left: 12px;
        right: 12px
    }
}

body .FreespinInfo__freespin_B {
    top: 12px;
    left: 12px
}

body .FreespinInfo__freespin_C {
    top: 16px;
    left: 20px
}

body .FreespinInfo__freespin_A, body .FreespinInfo__freespin_B, body .FreespinInfo__freespin_C, body .FreespinInfo__freespin_D {
    padding: 6px
}

body .FreespinInfo__freespin_inGameFrame {
    position: relative;
    margin: 5px 0;
    left: 0;
    top: 0
}

body .FreespinInfo__icon {
    width: 16px;
    height: 16px
}

body .FreespinInfo__dialog {
    background: var(--base-surface);
    width: 100%;
    box-sizing: border-box;
    max-width: min(100vw - 40px, 320px);
    box-shadow: var(--base-tooltip-shadow);
    color: var(--base-text-primary);
    padding: 16px 24px 24px
}

body .FreespinInfo__dialogArrow {
    color: var(--base-surface)
}

body .FreespinInfo__dialogCloseElement {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto
}

body .FreespinInfo__dialogCloseElement .Icon {
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

body .FreespinInfo__dialogText {
    margin-bottom: 10px
}

body .FreespinInfo__dialogText .FieldSelect {
    margin-bottom: 16px
}

body .FreespinInfo__dialogButtons .Button, body .FreespinInfo__dialogButtons .GameError__homeButton {
    margin: 10px 0
}

body .FreespinInfo__dialogButtons .Button:last-child, body .FreespinInfo__dialogButtons .GameError__homeButton:last-child {
    margin-bottom: 0
}

body .FreespinInfo__dialogCount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 4px 0;
    padding: 8px 0;
    border-top: 1px solid var(--base-divider);
    border-bottom: 1px solid var(--base-divider)
}

body .FreespinInfo__dialogCount > span:first-child {
    color: var(--base-text-secondary);
    font-weight: 400
}

body .FreespinInfo__dialogButtons {
    margin-top: 16px
}

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

body .FreespinInfo__selectCurrency > div {
    margin-right: 12px
}

body .FooterTypeA {
    display: block;
    max-width: 100%;
    border-top: none;
    padding: var(--container-padding-desktop)
}

body .FooterTypeA__wrapper {
    padding-top: 40px;
    margin: 0 auto;
    width: 100%;
    border-top: 1px solid var(--base-divider)
}

body .FooterTypeA__layout {
    display: grid;
    grid-template-columns:1fr auto auto auto;
    justify-items: flex-end;
    grid-template-areas:"content . . .";
    grid-template-rows:auto;
    grid-column-gap: 24px;
    margin-bottom: 40px;
    overflow: hidden
}

body .FooterTypeA__socialList {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 0;
    line-height: 0
}

body .FooterTypeA__socialListItem {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden
}

body .FooterTypeA__socialLink {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--base-text-placeholder);
    transition: all .3s ease-in-out
}

body .FooterTypeA__socialLink:hover {
    background-color: var(--primary-solid)
}

body .FooterTypeA__socialIcon {
    color: var(--base-text-on-color-bg)
}

body .FooterTypeA__social {
    margin: 40px 0
}

body .FooterTypeA__socialInfo {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 16px
}

body .FooterTypeA__copyright {
    display: flex;
    column-gap: 16px;
    align-items: center;
    width: 100%
}

body .FooterTypeA__copyrightText {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    grid-area: text;
    flex: 1 1
}

body .FooterTypeA__licenseCuracao {
    flex-shrink: 0;
    border: 0;
    overflow: hidden;
    grid-area: license;
    width: 150px;
    height: 50px
}

body .FooterTypeA__iframeCuracao {
    border: 0;
    grid-area: license;
    margin: 0 auto
}

body .FooterTypeA__switcher {
    display: flex;
    justify-content: flex-start
}

body .FooterTypeA__license {
    padding: 16px 0;
    border-top: 1px solid var(--base-divider);
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

body .FooterTypeA__validatorWrapper {
    max-width: -moz-fit-content;
    max-width: fit-content
}

body .FooterTypeA__licenseIcon {
    max-width: 32px;
    min-width: 56px;
    width: 100%;
    margin: 0 16px 0 0;
    display: block
}

body .FooterTypeA__licenseIcon svg {
    width: 56px;
    height: 62px
}

body .FooterTypeA__limitation {
    width: 32px;
    height: 32px;
    mix-blend-mode: luminosity;
    color: var(--base-text-secondary);
    min-width: 32px
}

body .FooterTypeA__copyrightAdditional {
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-secondary);
    grid-area: additional
}

body .FooterTypeA__copyrightAdditional a {
    color: var(--primary-link);
    transition: color .3s
}

body .FooterTypeA__copyrightAdditional a:hover {
    color: var(--primary-link-hover)
}

body .FooterTypeA__content {
    display: block;
    max-width: 505px;
    margin-right: auto;
    grid-area: content
}

body .FooterTypeA__logo {
    display: block
}

body .FooterTypeA__logo a {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

body .FooterTypeA__logo img {
    max-width: 300px;
    min-width: 30px
}

body .FooterTypeA__description {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin: 40px 0
}

body .FooterTypeA__description:empty {
    margin: 0
}

body .FooterTypeA__links {
    display: block;
    width: 185px
}

body .FooterTypeA__links_mobile {
    display: none
}

body .FooterTypeA__linksTitle {
    margin-bottom: 32px
}

body .FooterTypeA__linksButton, body .FooterTypeA__linksTitle {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--base-text-secondary)
}

body .FooterTypeA__linksButton {
    display: block;
    width: 100%;
    padding: 16px 0;
    text-align: left;
    position: relative
}

body .FooterTypeA__linksButton:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) scaleX(-1);
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .FooterTypeA__linksButton.extended:after {
    transform: translateY(-50%) scaleX(-1) rotate(-90deg)
}

body .FooterTypeA__menu {
    display: block;
    font-size: 0;
    line-height: 0
}

body .FooterTypeA__menuItem {
    display: block;
    margin-bottom: 16px
}

body .FooterTypeA__menuItem:last-of-type {
    margin-bottom: 0
}

body .FooterTypeA__menuLink {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-primary);
    transition: all .3s ease-in-out
}

body .FooterTypeA__menuLink:hover {
    color: var(--base-text-secondary)
}

body .FooterTypeA .hide {
    visibility: hidden;
    display: none
}

@media (max-width: 1919.98px) {
    body .FooterTypeA {
        padding: var(--container-padding-tablet)
    }

    body .FooterTypeA__layout {
        grid-template-columns:repeat(3, 182px);
        grid-template-areas:"content content content" ". . . "
    }

    body .FooterTypeA__links {
        width: 100%
    }

    body .FooterTypeA__content {
        max-width: 100%;
        padding-bottom: 24px
    }
}

@media (max-width: 1279.98px) {
    body .FooterTypeA {
        padding: var(--container-padding-mobile)
    }

    body .FooterTypeA__layout {
        margin-bottom: 24px
    }

    body .FooterTypeA__content {
        overflow: hidden
    }

    body .FooterTypeA__licenseIcon {
        margin: 0 auto 16px
    }

    body .FooterTypeA__license {
        margin-bottom: 24px;
        display: block
    }

    body .FooterTypeA__iframeCuracao {
        margin: 0 auto
    }

    body .FooterTypeA__licenseCuracao {
        margin: 0 0 16px
    }

    body .FooterTypeA__copyrightText {
        font-size: .875rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeA__wrapper {
        padding-top: 24px
    }

    body .FooterTypeA__layout {
        margin-bottom: 0;
        grid-template-columns:1fr;
        grid-template-rows:1fr;
        grid-template-areas:"content" "." "." "."
    }

    body .FooterTypeA__menu {
        max-height: 0;
        margin-bottom: 0;
        overflow: hidden;
        transition: all .3s ease-in-out
    }

    body .FooterTypeA__menu.extended {
        max-height: 400px;
        margin-bottom: 24px
    }

    body .FooterTypeA__links {
        display: none
    }

    body .FooterTypeA__links_mobile {
        display: block;
        border-top: 1px solid var(--base-divider)
    }

    body .FooterTypeA__linksButton {
        margin-bottom: 0;
        transition: all .3s linear
    }

    body .FooterTypeA__linksButton.extended {
        margin-bottom: 8px
    }

    body .FooterTypeA__linksTitle {
        margin-bottom: 0
    }

    body .FooterTypeA__copyrightAdditional {
        font-size: 14px;
        line-height: 24px
    }

    body .FooterTypeA__switcher {
        justify-content: center
    }
}

body .FooterTypeB {
    padding: 40px
}

body .FooterTypeB__layout {
    margin: 0 auto
}

body .FooterTypeB__logo {
    display: flex;
    justify-content: center;
    margin-bottom: 40px
}

body .FooterTypeB__logo a {
    height: 100%;
    display: flex;
    justify-content: center
}

body .FooterTypeB__logo img {
    max-width: 300px;
    min-width: 30px
}

body .FooterTypeB__image {
    object-fit: cover
}

body .FooterTypeB__description {
    margin: 40px auto;
    max-width: 800px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 32px;
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .FooterTypeB__description {
        margin: 24px auto;
        letter-spacing: -.003em
    }
}

body .FooterTypeB__description:empty {
    margin: 0
}

body .FooterTypeB__description a {
    color: var(--primary-link);
    transition: color .3s
}

body .FooterTypeB__description a:hover {
    color: var(--primary-link-hover)
}

body .FooterTypeB__cards {
    display: flex;
    grid-gap: 40px
}

@media (max-width: 1279.98px) {
    body .FooterTypeB__cards {
        grid-gap: 16px
    }
}

body .FooterTypeB__card {
    width: 100%;
    padding: 24px 40px;
    background: var(--base-surface);
    border-radius: 20px
}

body .FooterTypeB__links_mobile {
    display: none
}

body .FooterTypeB__license {
    padding: 40px 0;
    border-bottom: 1px solid var(--base-divider);
    margin-bottom: 40px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    body .FooterTypeB__license {
        padding: 24px 0;
        margin-bottom: 24px;
        flex-direction: column;
        align-items: center
    }
}

body .FooterTypeB__validatorWrapper {
    max-width: -moz-fit-content;
    max-width: fit-content
}

body .FooterTypeB__socialList {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 0;
    line-height: 0
}

body .FooterTypeB__socialListItem {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden
}

body .FooterTypeB__socialLink {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--base-text-placeholder);
    transition: all .3s ease-in-out
}

body .FooterTypeB__socialLink:hover {
    background-color: var(--primary-solid)
}

body .FooterTypeB__socialIcon {
    color: var(--base-text-on-color-bg)
}

body .FooterTypeB__social {
    padding-top: 16px
}

body .FooterTypeB__socialInfo {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 16px
}

@media (max-width: 767.98px) {
    body .FooterTypeB__socialInfo {
        text-align: center
    }
}

body .FooterTypeB__footer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 767.98px) {
    body .FooterTypeB__footer {
        flex-direction: column;
        grid-gap: 24px
    }
}

body .FooterTypeB__copyright {
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    body .FooterTypeB__copyright {
        flex-direction: column;
        grid-gap: 10px
    }
}

body .FooterTypeB__licenseIcon {
    max-width: 56px;
    min-width: 56px;
    width: 100%;
    margin: 0 20px 0 0;
    display: block
}

@media (max-width: 767.98px) {
    body .FooterTypeB__licenseIcon {
        margin: 0 auto 16px
    }
}

body .FooterTypeB__licenseIcon svg {
    width: 56px;
    height: 62px
}

body .FooterTypeB__limitation {
    max-width: 56px;
    min-width: 56px;
    width: 100%;
    max-height: 56px;
    min-height: 56px;
    height: 100%;
    margin-right: 20px
}

@media (max-width: 767.98px) {
    body .FooterTypeB__limitation {
        margin-right: 0
    }
}

body .FooterTypeB__limitation span, body .FooterTypeB__limitation svg {
    width: 100%;
    height: 100%
}

body .FooterTypeB__limitation circle {
    fill: var(--base-surface)
}

body .FooterTypeB__copyrightText {
    font-size: 16px;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    grid-area: text
}

@media (max-width: 767.98px) {
    body .FooterTypeB__copyrightText {
        font-size: 14px;
        line-height: 1.5rem;
        margin-bottom: 24px
    }
}

body .FooterTypeB__copyrightAdditional {
    color: var(--base-text-secondary);
    font-size: 16px;
    line-height: 28px
}

@media (max-width: 767.98px) {
    body .FooterTypeB__copyrightAdditional {
        text-align: center;
        font-size: 14px;
        line-height: 24px
    }
}

body .FooterTypeB__copyrightAdditional a {
    color: var(--primary-link);
    transition: color .3s
}

body .FooterTypeB__copyrightAdditional a:hover {
    color: var(--primary-link-hover)
}

body .FooterTypeB__linksButton {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--base-text-secondary);
    text-align: left;
    position: relative
}

body .FooterTypeB__linksButton:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) scaleX(-1);
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .FooterTypeB__linksButton.extended:after {
    transform: translateY(-50%) scaleX(-1) rotate(-90deg)
}

body .FooterTypeB__menuItem {
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-primary)
}

body .FooterTypeB__menuItem:not(:last-child) {
    margin-bottom: 16px
}

body .FooterTypeB__linksTitle {
    color: var(--primary-solid);
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--base-divider)
}

body .FooterTypeB__licenseCuracao {
    flex-shrink: 0;
    border: 0;
    overflow: hidden;
    grid-area: license;
    width: 150px;
    height: 50px
}

@media (max-width: 767.98px) {
    body .FooterTypeB__licenseCuracao {
        margin: 0 0 16px
    }
}

body .FooterTypeB__iframeCuracao {
    border: 0;
    grid-area: license;
    margin: 0 auto
}

@media (max-width: 767.98px) {
    body .FooterTypeB__iframeCuracao {
        margin: 0 auto
    }
}

body .FooterTypeB__switcher {
    display: flex;
    justify-content: center
}

@media (max-width: 1279.98px) {
    body .FooterTypeB {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeB {
        padding: 20px
    }
}

@media (max-width: 434.98px) {
    body .FooterTypeB__cards {
        display: block
    }

    body .FooterTypeB__card {
        display: none
    }

    body .FooterTypeB__menu {
        max-height: 0;
        margin-bottom: 0;
        overflow: hidden;
        transition: all .3s ease-in-out;
        border-top: 1px solid transparent
    }

    body .FooterTypeB__menu.extended {
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid var(--base-divider);
        max-height: 400px
    }

    body .FooterTypeB__links {
        display: none
    }

    body .FooterTypeB__links_mobile {
        display: block;
        padding: 16px 24px;
        background: var(--base-surface);
        border-radius: 20px;
        margin-bottom: 12px
    }

    body .FooterTypeB__linksButton {
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        color: var(--primary-solid);
        transition: all .3s linear
    }

    body .FooterTypeB__linksTitle {
        padding: 0;
        border-bottom: none;
        margin-bottom: 0
    }
}

body .FooterTypeB .hide {
    visibility: hidden;
    display: none
}

body .FooterTypeC {
    padding: 40px 40px 0
}

body .FooterTypeC__header {
    display: flex
}

body .FooterTypeC__wrapper {
    padding: 40px;
    background: var(--base-surface)
}

body .FooterTypeC__headerLeft {
    display: flex;
    gap: 210px;
    justify-content: space-between
}

@media (max-width: 1439.98px) {
    body .FooterTypeC__headerLeft {
        flex-direction: column;
        gap: 45px;
        margin-bottom: 0;
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeC__headerLeft {
        gap: 40px
    }
}

body .FooterTypeC__layout {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px
}

body .FooterTypeC__logo {
    display: block;
    justify-content: center
}

body .FooterTypeC__logo img {
    max-width: 300px;
    min-width: 30px
}

body .FooterTypeC__logoAndSwitcherContainer {
    display: flex;
    flex-direction: column
}

@media (max-width: 1439.98px) {
    body .FooterTypeC__logoAndSwitcherContainer {
        flex-direction: row;
        justify-content: space-between;
        width: 100%
    }
}

@media (max-width: 434.98px) {
    body .FooterTypeC__logoAndSwitcherContainer {
        display: block
    }
}

body .FooterTypeC__switcher {
    max-width: 100%;
    display: flex;
    justify-content: flex-start
}

@media (max-width: 434.98px) {
    body .FooterTypeC__switcher {
        overflow: hidden;
        width: 100%
    }
}

body .FooterTypeC__image {
    object-fit: cover
}

body .FooterTypeC__description {
    font-size: 20px;
    line-height: 32px;
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .FooterTypeC__description {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

body .FooterTypeC__description a {
    color: var(--primary-link);
    transition: color .3s
}

body .FooterTypeC__description a:hover {
    color: var(--primary-link-hover)
}

body .FooterTypeC__cards {
    display: flex;
    width: 100%;
    gap: 20px;
    justify-content: space-between
}

@media (max-width: 1439.98px) {
    body .FooterTypeC__cards {
        flex-direction: column
    }
}

body .FooterTypeC__links {
    display: flex;
    width: 100%;
    padding: 24px 32px 28px;
    background: var(--base-elements);
    border-radius: 20px;
    flex-direction: column;
    height: min-content
}

@media (max-width: 1279.98px) {
    body .FooterTypeC__links {
        padding: 26px 32px
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeC__links {
        padding: 20px 24px
    }
}

body .FooterTypeC__linkBlock {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--base-text-secondary);
    font-size: 1.5rem;
    font-weight: 700
}

body .FooterTypeC__linksButton {
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    background: var(--primary-solid);
    text-align: left;
    position: relative;
    border-radius: 16px;
    height: 40px;
    width: 40px
}

body .FooterTypeC__linksButton:after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 25%;
    transform: translateY(-50%) scaleX(-1);
    background-color: var(--base-text-primary);
    -webkit-mask-image: url(/iconPack/plus.svg);
    mask-image: url(/iconPack/plus.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

@media (max-width: 1279.98px) {
    body .FooterTypeC__linksButton:after {
        right: 26%
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeC__linksButton:after {
        right: 27%
    }
}

body .FooterTypeC__linksButton.extended {
    background: var(--base-elements)
}

body .FooterTypeC__linksButton.extended:after {
    transform: translateY(-50%) scaleX(-1) rotate(-45deg)
}

body .FooterTypeC__menuItem {
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-primary)
}

body .FooterTypeC__menuItem:not(:last-child) {
    margin-bottom: 16px
}

body .FooterTypeC__menu {
    max-height: 0;
    margin-bottom: 0;
    overflow: hidden;
    transition: all .3s ease-in-out
}

body .FooterTypeC__menu.extended {
    max-height: 400px;
    margin-top: 24px
}

body .FooterTypeC__license {
    display: flex
}

@media (max-width: 767.98px) {
    body .FooterTypeC__license {
        flex-direction: column;
        justify-content: center;
        gap: 26px
    }
}

body .FooterTypeC__validatorWrapper {
    max-width: -moz-fit-content;
    max-width: fit-content
}

body .FooterTypeC__social {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 20px;
    max-height: 144px
}

@media (max-width: 767.98px) {
    body .FooterTypeC__social {
        margin: 24px 0 0;
        max-height: none
    }
}

body .FooterTypeC__socialList {
    display: flex;
    gap: 16px;
    font-size: 0;
    line-height: 0
}

body .FooterTypeC__socialListItem {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden
}

body .FooterTypeC__socialLink {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--base-text-placeholder);
    transition: all .3s ease-in-out
}

body .FooterTypeC__socialLink:hover {
    background-color: var(--primary-solid)
}

body .FooterTypeC__socialIcon {
    color: var(--base-text-on-color-bg)
}

body .FooterTypeC__social {
    padding-top: 16px
}

body .FooterTypeC__socialInfo {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-placeholder);
    white-space: nowrap;
    margin-bottom: 8px;
    overflow: hidden;
    max-width: 176px;
    text-overflow: ellipsis
}

body .FooterTypeC__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid var(--base-divider);
    padding: 40px 0 0;
    width: 100%
}

@media (max-width: 767.98px) {
    body .FooterTypeC__footer {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 0
    }
}

body .FooterTypeC__copyright {
    display: flex;
    align-items: center;
    width: 100%
}

@media (max-width: 767.98px) {
    body .FooterTypeC__copyright {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 20px;
        padding: 28px 0 24px;
        border-bottom: 1px solid #565c64
    }
}

body .FooterTypeC__licenseIcon {
    max-width: 56px;
    min-width: 56px;
    width: 100%;
    margin: 5px 20px 0 0;
    display: block
}

body .FooterTypeC__licenseIcon svg {
    width: 56px;
    height: 62px
}

body .FooterTypeC__limitation {
    max-width: 56px;
    min-width: 56px;
    width: 100%;
    height: 100%;
    margin-right: 20px
}

body .FooterTypeC__limitation span, body .FooterTypeC__limitation svg {
    width: 100%;
    height: 100%
}

body .FooterTypeC__limitation circle {
    fill: var(--primary-solid)
}

body .FooterTypeC__limitation path {
    fill: #fff
}

body .FooterTypeC__copyrightText {
    font-size: 16px;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    grid-area: text;
    white-space: nowrap
}

body .FooterTypeC__copyrightAdditional {
    color: var(--base-text-secondary);
    font-size: 1.25rem;
    line-height: 2rem
}

@media (max-width: 767.98px) {
    body .FooterTypeC__copyrightAdditional {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

body .FooterTypeC__copyrightAdditional a {
    color: var(--primary-link);
    transition: color .3s
}

body .FooterTypeC__copyrightAdditional a:hover {
    color: var(--primary-link-hover)
}

body .FooterTypeC__licenseCuracao {
    flex-shrink: 0;
    border: 0;
    overflow: hidden;
    grid-area: license;
    width: 150px;
    height: 50px
}

body .FooterTypeC__iframeCuracao {
    border: 0;
    grid-area: license;
    margin: 0 auto
}

@media (max-width: 1279.98px) {
    body .FooterTypeC {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeC {
        padding: 20px
    }
}

body .FooterTypeC .hide {
    visibility: hidden;
    display: none
}

@media (max-width: 434.98px) {
    body .FooterTypeC {
        padding: unset
    }

    body .FooterTypeC__wrapper {
        padding: 40px 20px
    }

    body .FooterTypeC__logo img {
        max-width: 200px;
        min-width: 30px
    }
}

body .FooterTypeD {
    padding: 40px
}

body .FooterTypeD__header {
    display: flex;
    gap: 32px;
    justify-content: space-between;
    align-items: flex-start
}

@media (max-width: 767.98px) {
    body .FooterTypeD__header {
        flex-wrap: wrap;
        gap: 0
    }
}

body .FooterTypeD__headerLeft {
    max-width: 550px
}

@media (max-width: 767.98px) {
    body .FooterTypeD__headerLeft {
        max-width: 100%;
        text-align: center
    }
}

body .FooterTypeD__switcher {
    display: flex;
    justify-content: flex-start;
    margin: 24px 0
}

@media (max-width: 767.98px) {
    body .FooterTypeD__switcher {
        justify-content: center
    }
}

body .FooterTypeD__layout {
    margin: 0 auto
}

body .FooterTypeD__logo {
    display: block;
    justify-content: center;
    margin: 24px 0
}

body .FooterTypeD__logo img {
    max-width: 200px;
    min-width: 30px;
    max-height: 70px
}

body .FooterTypeD__image {
    object-fit: cover
}

body .FooterTypeD__image_isMrMonopoly {
    width: 198px;
    height: 70px
}

body .FooterTypeD__description {
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .FooterTypeD__description {
        margin: 24px 0
    }
}

@media (max-width: 434.98px) {
    body .FooterTypeD__description {
        font-size: 14px;
        line-height: 24px
    }
}

body .FooterTypeD__description a {
    color: var(--primary-link);
    transition: color .3s
}

body .FooterTypeD__description a:hover {
    color: var(--primary-link-hover)
}

body .FooterTypeD__cards {
    display: flex;
    padding: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
    background: var(--base-surface);
    border-radius: 20px
}

@media (max-width: 1279.98px) {
    body .FooterTypeD__cards {
        grid-gap: 16px
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeD__cards {
        margin-top: 32px
    }
}

@media (max-width: 434.98px) {
    body .FooterTypeD__cards {
        margin-top: 24px
    }
}

body .FooterTypeD__card {
    width: 100%;
    border-right: 1px solid var(--base-divider);
    padding-right: 100px;
    margin-right: 100px
}

body .FooterTypeD__card_last {
    padding: 0;
    margin: 0;
    border: none
}

@media (min-width: 767.98px) {
    body .FooterTypeD__card, body .FooterTypeD__card_last {
        padding-right: 40px;
        margin-right: 40px
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeD__card, body .FooterTypeD__card_last {
        padding-right: 32px;
        margin-right: 32px
    }
}

body .FooterTypeD__links_mobile {
    display: none
}

body .FooterTypeD__license {
    display: flex
}

@media (max-width: 767.98px) {
    body .FooterTypeD__license {
        flex-direction: column;
        align-items: center
    }
}

body .FooterTypeD__validatorWrapper {
    max-width: -moz-fit-content;
    max-width: fit-content
}

body .FooterTypeD__social {
    padding: 24px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: var(--base-surface)
}

body .FooterTypeD__social_isMrMonopoly {
    width: 349px;
    height: 144px
}

@media (max-width: 1279.98px) {
    body .FooterTypeD__social {
        padding: 24px
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeD__social {
        margin: 0;
        width: 100%
    }
}

body .FooterTypeD__socialList {
    display: flex;
    gap: 16px;
    font-size: 0;
    line-height: 0
}

body .FooterTypeD__socialList_isMrMonopoly {
    justify-content: center;
    gap: 20px
}

@media (max-width: 767.98px) {
    body .FooterTypeD__socialList {
        justify-content: center;
        flex-wrap: wrap
    }
}

body .FooterTypeD__socialListItem {
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden
}

@media (max-width: 434.98px) {
    body .FooterTypeD__socialListItem {
        width: 32px;
        height: 32px
    }
}

body .FooterTypeD__socialLink {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: var(--base-text-placeholder);
    transition: all .3s ease-in-out
}

body .FooterTypeD__socialLink:hover {
    background-color: var(--primary-solid)
}

body .FooterTypeD__socialIcon {
    color: var(--base-text-on-color-bg)
}

body .FooterTypeD__social {
    padding-top: 16px
}

body .FooterTypeD__socialInfo {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 16px
}

body .FooterTypeD__socialInfo_isMrMonopoly {
    font-size: 24px;
    font-family: Rubik, var(--primary-font-family)
}

@media (max-width: 767.98px) {
    body .FooterTypeD__socialInfo {
        text-align: center
    }
}

body .FooterTypeD__footer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 1279.98px) {
    body .FooterTypeD__footer {
        display: block
    }
}

body .FooterTypeD__copyright {
    display: flex;
    align-items: center;
    margin-left: 100px;
    margin-bottom: auto
}

@media (max-width: 1279.98px) {
    body .FooterTypeD__copyright {
        margin: 32px 0 0
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeD__copyright {
        flex-direction: column;
        grid-gap: 10px
    }
}

body .FooterTypeD__licenseIcon {
    max-width: 56px;
    min-width: 56px;
    width: 100%;
    margin: 0 20px 0 0;
    display: block
}

@media (max-width: 767.98px) {
    body .FooterTypeD__licenseIcon {
        margin: 0 auto 16px
    }
}

body .FooterTypeD__licenseIcon svg {
    width: 56px;
    height: 62px
}

body .FooterTypeD__limitation {
    max-width: 56px;
    min-width: 56px;
    width: 100%;
    max-height: 56px;
    min-height: 56px;
    height: 100%;
    margin-right: 20px
}

body .FooterTypeD__limitation span, body .FooterTypeD__limitation svg {
    width: 100%;
    height: 100%
}

body .FooterTypeD__limitation circle {
    fill: var(--base-surface)
}

body .FooterTypeD__copyrightText {
    font-size: 16px;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    grid-area: text;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    body .FooterTypeD__copyrightText {
        font-size: 14px;
        line-height: 1.5rem;
        margin-bottom: 24px
    }
}

body .FooterTypeD__copyrightAdditional {
    color: var(--base-text-secondary);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

@media (max-width: 767.98px) {
    body .FooterTypeD__copyrightAdditional {
        text-align: center;
        font-size: 12px;
        line-height: 20px
    }
}

body .FooterTypeD__copyrightAdditional a {
    color: var(--primary-link);
    transition: color .3s
}

body .FooterTypeD__copyrightAdditional a:hover {
    color: var(--primary-link-hover)
}

body .FooterTypeD__linksButton {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--base-text-secondary);
    text-align: left;
    position: relative
}

body .FooterTypeD__linksButton:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) scaleX(-1);
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s linear
}

body .FooterTypeD__linksButton.extended:after {
    transform: translateY(-50%) scaleX(-1) rotate(-90deg)
}

body .FooterTypeD__menuItem {
    font-family: var(--secondary-font-family);
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-secondary)
}

body .FooterTypeD__menuItem:not(:last-child) {
    margin-bottom: 12px
}

body .FooterTypeD__linksTitle {
    font-family: var(--primary-font-family);
    color: var(--base-text-primary);
    margin-bottom: 24px
}

@media (max-width: 767.98px) {
    body .FooterTypeD__linksTitle {
        margin-bottom: 0
    }
}

body .FooterTypeD__licenseCuracao {
    flex-shrink: 0;
    border: 0;
    overflow: hidden;
    grid-area: license;
    width: 150px;
    height: 50px
}

body .FooterTypeD__iframeCuracao {
    border: 0;
    grid-area: license;
    margin: 0 auto
}

@media (max-width: 767.98px) {
    body .FooterTypeD__iframeCuracao {
        margin: 0 auto
    }
}

@media (max-width: 1279.98px) {
    body .FooterTypeD {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeD {
        padding: 20px
    }

    body .FooterTypeD__cards {
        display: flex;
        flex-direction: column;
        padding: 24px;
        grid-gap: 12px
    }

    body .FooterTypeD__card {
        display: none
    }

    body .FooterTypeD__menu {
        max-height: 0;
        margin-bottom: 0;
        overflow: hidden;
        transition: all .3s ease-in-out
    }

    body .FooterTypeD__menu.extended {
        max-height: 400px;
        margin-top: 24px
    }

    body .FooterTypeD__menuItem {
        font-size: 14px;
        line-height: 24px
    }

    body .FooterTypeD__menuItem:not(:last-child) {
        margin-bottom: 12px
    }

    body .FooterTypeD__links {
        display: none
    }

    body .FooterTypeD__links_mobile {
        display: block;
        border-bottom: 1px solid var(--base-divider);
        padding: 12px 0
    }

    body .FooterTypeD__links_mobile:last-child {
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: none
    }

    body .FooterTypeD__linksButton {
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        color: var(--base-text-primary);
        transition: all .3s ease-in-out
    }
}

body .FooterTypeD .hide {
    visibility: hidden;
    display: none
}

body .FooterTypeE {
    display: block;
    max-width: 100%;
    border-top: none;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .FooterTypeE {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .FooterTypeE {
        padding: var(--container-padding-mobile)
    }
}

body .FooterTypeE__socialList {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 0;
    line-height: 0
}

body .FooterTypeE__socialListItem {
    display: block;
    width: 32px;
    height: 32px;
    overflow: hidden
}

body .FooterTypeE__socialLink {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--base-text-placeholder);
    transition: all .3s ease-in-out
}

body .FooterTypeE__socialLink:hover {
    background-color: var(--primary-solid)
}

body .FooterTypeE__socialIcon {
    color: var(--base-text-on-color-bg)
}

body .FooterTypeE__social {
    margin: 40px 0
}

body .FooterTypeE__socialInfo {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 16px
}

body .FooterTypeE__switcher {
    display: flex;
    justify-content: flex-start
}

@media (max-width: 434.98px) {
    body .FooterTypeE__switcher {
        justify-content: center
    }
}

body .FooterTypeE__copyright {
    display: flex;
    column-gap: 16px;
    align-items: center;
    width: 100%;
    margin-bottom: 16px
}

body .FooterTypeE__copyrightText {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    grid-area: text;
    flex: 1 1
}

@media (max-width: 767.98px) {
    body .FooterTypeE__copyrightText {
        font-size: .875rem;
        line-height: 1.5rem
    }
}

body .FooterTypeE__licenseCuracao {
    flex-shrink: 0;
    border: 0;
    overflow: hidden;
    grid-area: license;
    width: 150px;
    height: 50px
}

body .FooterTypeE__iframeCuracao {
    border: 0;
    grid-area: license;
    margin: 0 auto
}

@media (max-width: 767.98px) {
    body .FooterTypeE__iframeCuracao {
        margin: 0 auto
    }
}

body .FooterTypeE__license {
    padding: 16px 0;
    border-top: 1px solid var(--base-divider);
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

body .FooterTypeE__validatorWrapper {
    max-width: -moz-fit-content;
    max-width: fit-content
}

body .FooterTypeE__licenseIcon {
    max-width: 32px;
    min-width: 56px;
    width: 100%;
    margin: 0 16px 0 0;
    display: block
}

body .FooterTypeE__licenseIcon svg {
    width: 56px;
    height: 62px
}

body .FooterTypeE__limitation {
    width: 65px;
    height: 65px;
    mix-blend-mode: luminosity;
    color: var(--base-text-secondary);
    min-width: 65px
}

body .FooterTypeE__limitation span, body .FooterTypeE__limitation svg {
    width: 100%;
    height: 100%
}

body .FooterTypeE__copyrightAdditional {
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: var(--base-text-secondary);
    grid-area: additional
}

body .FooterTypeE__copyrightAdditional a {
    color: var(--primary-link);
    transition: color .3s
}

body .FooterTypeE__copyrightAdditional a:hover {
    color: var(--primary-link-hover)
}

body .FooterTypeE__wrapper {
    padding-top: 40px;
    margin: 0 auto;
    width: 100%;
    border-top: 1px solid var(--base-divider)
}

body .FooterTypeE__layout {
    display: grid;
    grid-template-columns:1fr repeat(3, 185px);
    grid-template-areas:"content . . .";
    grid-template-rows:auto;
    grid-column-gap: 24px;
    overflow: hidden
}

body .FooterTypeE__content {
    display: block;
    max-width: 505px;
    margin-right: auto;
    grid-area: content
}

body .FooterTypeE__logo {
    display: block
}

body .FooterTypeE__logo a {
    display: inline-block;
    font-size: 0;
    line-height: 0
}

body .FooterTypeE__logo img {
    max-width: 300px;
    min-width: 30px
}

body .FooterTypeE__description {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin: 40px 0
}

body .FooterTypeE__description:empty {
    margin: 0
}

body .FooterTypeE__links {
    display: block;
    width: 100%
}

body .FooterTypeE__links_mobile {
    display: none
}

body .FooterTypeE__linksTitle {
    margin-bottom: 32px
}

body .FooterTypeE__linksButton, body .FooterTypeE__linksTitle {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--base-text-secondary)
}

body .FooterTypeE__linksButton {
    display: block;
    width: 100%;
    padding: 16px 0;
    text-align: left;
    position: relative
}

body .FooterTypeE__linksButton:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) scaleX(-1);
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s linear
}

body .FooterTypeE__linksButton.extended:after {
    transform: translateY(-50%) scaleX(-1) rotate(-90deg)
}

body .FooterTypeE__menu {
    display: block;
    font-size: 0;
    line-height: 0
}

body .FooterTypeE__menuItem {
    display: block;
    margin-bottom: 16px
}

body .FooterTypeE__menuItem:last-of-type {
    margin-bottom: 0
}

body .FooterTypeE__menuLink {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-primary);
    transition: all .3s ease-in-out
}

body .FooterTypeE__menuLink:hover {
    color: var(--base-text-secondary)
}

@media (max-width: 1279.98px) {
    body .FooterTypeE__layout {
        grid-template-columns:repeat(3, 182px);
        grid-template-areas:"content content content" ". . . "
    }

    body .FooterTypeE__content {
        max-width: 100%;
        overflow: hidden
    }
}

@media (max-width: 434.98px) {
    body .FooterTypeE__wrapper {
        padding-top: 24px
    }

    body .FooterTypeE__linksTitle {
        margin-bottom: 0
    }

    body .FooterTypeE__layout {
        grid-template-columns:1fr;
        grid-template-rows:1fr;
        grid-template-areas:"content" "." "." "."
    }

    body .FooterTypeE__menu {
        max-height: 0;
        margin-bottom: 0;
        overflow: hidden;
        transition: all .3s ease-in-out
    }

    body .FooterTypeE__menu.extended {
        max-height: 400px;
        margin-bottom: 24px
    }

    body .FooterTypeE__links {
        display: none
    }

    body .FooterTypeE__links_mobile {
        display: block;
        border-top: 1px solid var(--base-divider)
    }

    body .FooterTypeE__linksButton {
        margin-bottom: 0;
        transition: all .3s linear
    }

    body .FooterTypeE__linksButton.extended {
        margin-bottom: 8px
    }
}

body .FooterTypeE .hide {
    visibility: hidden;
    display: none
}

body .Header__menuButtonWrapper {
    margin-right: 12px
}

@media (max-width: 767.98px) {
    body .Header__menuButtonWrapper {
        margin-right: 8px
    }
}

body .Header .LeftPanelSwitcher__burger {
    margin-right: 16px
}

body .Header .UserProfileDropdown__button {
    justify-content: flex-end
}

body .Header .UserAuthorized__cryptofiat, body .Header .UserAuthorized__select {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 150px
}

@media (max-width: 1439.98px) {
    body .Header .UserAuthorized__cryptofiat, body .Header .UserAuthorized__select {
        min-width: 130px
    }
}

@media (max-width: 1279.98px) {
    body .Header .UserAuthorized__cryptofiat, body .Header .UserAuthorized__select {
        min-width: 110px
    }
}

@media (max-width: 767.98px) {
    body .Header .UserAuthorized__cryptofiat, body .Header .UserAuthorized__select {
        min-width: 60px
    }
}

body .Header .UserAuthorized__progress {
    margin-right: 16px
}

@media (max-width: 1279.98px) {
    body .Header .UserAuthorized__profile + div :not(.SelectBonus):before, body .Header .UserAuthorized__progress, body .Header .UserProfileDropdown__nameContainer {
        display: none
    }

    body .Header .UserProfileDropdown__avatar {
        margin-right: 8px
    }

    body .Header .UserProfileLink {
        background-color: transparent;
        padding: 0
    }

    body .Header .UserProfileLink__avatar {
        height: 40px;
        width: 40px;
        margin-right: 8px
    }

    body .Header .UserProfileLink__logout, body .Header .UserProfileLink__name {
        display: none
    }
}

body .Header__wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 100vw;
    z-index: 10001
}

body .Header__wrapper_isFixed {
    position: fixed;
    top: 0;
    z-index: 998
}

body .Header__wrapper_isFixedFitWidth {
    left: 0
}

body .Header__wrapper_isFixedFitWidth.leftPanelIsOpened {
    transition: all .3s linear;
    left: var(--sidebar-width);
    max-width: calc(100vw - var(--sidebar-width))
}

body .Header__wrapper_isFixedFitWidth.leftPanelIsClosed {
    transition: all .3s linear;
    left: var(--sidebar-width-collapsed);
    max-width: calc(100vw - var(--sidebar-width-collapsed))
}

body .Header__wrapper_isFixedFitWidth .Header__container {
    max-width: min(100%, 1580px)
}

body .Header__wrapper_isFixedMaxWidth {
    max-width: 1920px;
    margin: 0 min(max((100vw - 1580px) / -2, -170px), 0px)
}

body .Header__wrapper_isStaticFitWidth {
    margin: 0;
    max-width: 100%
}

body .Header__wrapper_isStaticMaxWidth {
    max-width: 1920px;
    margin: 0 min(max((100vw - 1580px) / -2, -170px), 0px)
}

body .Header__wrapper_isStaticMaxWidth .Header__container {
    max-width: min(100%, 1920px)
}

@media (max-width: 1279.98px) {
    body .Header__wrapper_isFixed {
        height: 64px
    }

    body .Header__wrapper_isFixed.leftPanelIsClosed, body .Header__wrapper_isFixed.leftPanelIsOpened {
        transition: none;
        left: 0;
        width: 100%;
        max-width: 100%
    }
}

body .Header__container {
    display: block;
    width: inherit;
    padding: 0 var(--container-padding-desktop)
}

body .Header__container_boostZIndex {
    z-index: 1000001
}

body .Header__container_marginAuto {
    margin: 0 auto
}

@media (max-width: 1279.98px) {
    body .Header__container {
        padding: 0 var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .Header__container {
        padding: 0 var(--container-padding-mobile)
    }
}

body .Header__previewShadow {
    display: none;
    position: absolute;
    top: 0;
    right: -50vw;
    left: -50vw;
    height: 80px;
    background-color: rgba(0, 0, 0, .6);
    z-index: 3
}

body .Header__previewShadow_show {
    display: block
}

@media (max-width: 1279.98px) {
    body .Header__previewShadow {
        height: 64px
    }
}

body .Header__background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 80px;
    background-color: var(--base-background);
    z-index: 1;
    transition: box-shadow .3s ease-in-out;
    box-shadow: var(--base-card-shadow)
}

@media (max-width: 1279.98px) {
    body .Header__background {
        height: 64px
    }
}

body .Header__content {
    position: relative;
    z-index: 2;
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

body .Header__content_pointerNone > * {
    pointer-events: none
}

body .Header__content_pointerNone .LeftPanelSwitcher, body .Header__content_pointerNone .MenuMain__burgerButton {
    pointer-events: auto
}

body .Header__content .AlternativeSwitch {
    margin-right: 16px
}

@media (max-width: 767.98px)and (max-width: 434.98px) {
    body .Header__content .UserUnAuthorized__button_signUp {
        max-width: 92px
    }
}

@media (max-width: 767.98px) {
    body .Header__content .UserUnAuthorized__button_signUp .LinkButton__button {
        display: flex;
        padding-top: 20px;
        padding-bottom: 20px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 10px
    }
}

body .Header__logo {
    display: none;
    max-width: inherit;
    margin-right: 20px
}

body .Header__logo_showOnDesktop {
    display: flex;
    align-items: center
}

@media (max-width: 1279.98px) {
    body .Header__logo {
        display: block
    }
}

@media (max-width: 767.98px) {
    body .Header__logo {
        height: 40px;
        max-width: inherit
    }
}

body .Header__search .GamesSearchModal__label {
    display: none
}

@media (max-width: 1279.98px) {
    body .Header__search {
        display: none
    }
}

body .Header__auth {
    flex: 0 0 auto;
    max-width: inherit;
    margin-left: auto
}

body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB {
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB_leftPanelIsOpen {
    transform: translateX(-70%)
}

body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat, body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__deposit, body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__select {
    display: block
}

body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__deposit {
    margin-right: 0;
    max-width: inherit
}

@media (max-width: 399.98px) {
    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat_cryptoTypeB .CryptoFiatDropdown__balance {
        max-width: 70px
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat_balanceWithLogo .CryptoFiatDropdown__cryptoFiatIcon {
        display: none
    }
}

@media (max-width: 1279.98px) {
    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB {
        display: flex;
        position: unset;
        transform: none
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__deposit {
        margin-right: 12px
    }
}

@media (max-width: 767.98px) {
    body .Header__UserAuthorizedTypeB .UserAuthorized__messages {
        display: none
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__deposit {
        margin-left: 16px;
        margin-right: 12px
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat .CryptoFiatDropdown {
        border-top: none
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat .CryptoFiatDropdown .CryptoFiatDropdown__plate {
        min-width: 360px;
        max-width: 360px;
        position: absolute;
        background-color: var(--base-surface);
        top: 100%
    }
}

@media (max-width: 767.98px)and (max-width: 1279.98px) {
    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat .CryptoFiatDropdown .CryptoFiatDropdown__plate {
        top: calc(100% - 10px)
    }
}

@media (max-width: 767.98px) {
    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat .CryptoFiatDropdown .CryptoFiatDropdown__plateContent {
        padding: 16px
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat .CryptoFiatDropdown .CryptoFiatDropdown__plateFooter {
        background-color: var(--base-elements);
        padding: 16px 15px
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__select {
        padding-left: 16px
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__select .SelectBonus {
        border-top: none;
        padding-left: 12px
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized .UserProfileDropdown__avatar {
        margin-right: 8px
    }
}

@media (max-width: 434.98px) {
    body .Header__UserAuthorizedTypeB .UserAuthorized__messages {
        display: block
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat {
        position: absolute;
        left: 0;
        display: block
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat_hideInMobile {
        display: none
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat_balanceWithLogo {
        display: block;
        margin-right: 10px;
        position: relative
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat .CryptoFiatDropdown {
        border-top: none
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat .CryptoFiatDropdown .CryptoFiatDropdown__plate {
        min-width: 280px;
        position: absolute;
        background-color: var(--base-surface)
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat .CryptoFiatDropdown .CryptoFiatDropdown__plateContent {
        padding: 16px
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__cryptofiat .CryptoFiatDropdown .CryptoFiatDropdown__plateFooter {
        background-color: var(--base-elements);
        padding: 16px 15px
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__deposit {
        margin-left: 0;
        margin-right: 8px
    }

    body .Header__UserAuthorizedTypeB .UserAuthorized__currencyForTypeB .UserAuthorized__select {
        display: none
    }
}

body .Header__lang {
    margin-left: 16px
}

@media (max-width: 1279.98px) {
    body .Header__lang {
        display: none
    }
}

body .Header__fixed-chat {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 51
}

body .Header__bottomPanelWrapper {
    position: fixed;
    bottom: 0;
    z-index: 9997;
    width: 100%
}

body .Header__bottomPanelWrapper_isConstructor {
    z-index: 10000000
}

body .Header__link {
    cursor: pointer
}

body .Header__image {
    display: block;
    width: 162px;
    max-height: 40px;
    object-fit: contain;
    object-position: left
}

body .Header__image_mobile, body .Header__image_tablet {
    display: none
}

@media (max-width: 1279.98px) {
    body .Header__image {
        max-width: 100%
    }

    body .Header__image_tablet {
        display: block
    }

    body .Header__image.hide {
        display: none
    }
}

@media (max-width: 767.98px) {
    body .Header__image_tablet {
        display: none
    }

    body .Header__image_mobile {
        display: block;
        height: 100%;
        width: auto;
        max-width: 100%
    }

    body .Header__image.hide {
        display: none
    }
}

body .HeaderNavigationInHeader__wrapper {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px;
    margin-right: 16px;
    min-width: 100px;
    max-width: 720px
}

body .HeaderNavigationInHeader__wrapper_relative {
    position: relative
}

@media (max-width: 1439.98px) {
    body .HeaderNavigationInHeader__wrapper {
        max-width: 400px
    }
}

body .HeaderNavigationInHeader__container {
    max-width: 100%;
    flex: 0 1 auto;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 16px
}

body .HeaderNavigationInHeader__container_transparent {
    opacity: 0
}

body .HeaderNavigationInHeader__container_moreItemIsShown {
    max-width: calc(100% - 16px - 40px)
}

body .HeaderNavigationInHeader__item {
    flex: 0 0 auto;
    height: 100%
}

body .HeaderNavigationInHeader__item.hidden {
    display: none
}

body .HeaderNavigationInHeader__item > .NoContent__container {
    height: 100%;
    padding: 0 12px !important;
    background-color: transparent
}

body .HeaderNavigationInHeader__item > .NoContent__container .Icon {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

body .HeaderNavigationInHeader__dropdown {
    position: relative;
    flex: 0 0 40px;
    max-width: 40px;
    height: 100%;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: border-bottom-color .2s linear
}

body .HeaderNavigationInHeader__dropdown_transparent {
    opacity: 0
}

body .HeaderNavigationInHeader__dropdown_active {
    border-bottom-color: var(--primary-solid)
}

body .HeaderNavigationInHeader__dropdown:hover .HeaderNavigationInHeader__dropdownTriggerIcon:not(.HeaderNavigationInHeader__dropdownTriggerIcon_active,.HeaderNavigationInHeader__dropdownTriggerIcon_open) {
    color: var(--base-text-primary)
}

body .HeaderNavigationInHeader__dropdown .HeaderNavigationInHeader__dropdownContent {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

body .HeaderNavigationInHeader__dropdownTrigger {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

body .HeaderNavigationInHeader__dropdownTriggerIcon {
    width: 40px;
    height: 40px;
    color: var(--base-text-secondary);
    transition: color .2s linear, background .2s linear
}

body .HeaderNavigationInHeader__dropdownTriggerIcon_open {
    color: var(--primary-hover);
    background: var(--base-surface)
}

body .HeaderNavigationInHeader__dropdownTriggerIcon_active {
    color: var(--primary-solid)
}

body .HeaderNavigationInHeader__dropdownContent {
    cursor: auto;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    top: calc(100% + 2px);
    left: 0;
    max-height: 520px;
    width: 280px;
    padding: 12px;
    overflow: auto;
    background: var(--base-surface);
    box-shadow: var(--base-tooltip-shadow)
}

body .HeaderNavigationInHeader__dropdownContent::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .HeaderNavigationInHeader__dropdownContent::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

body .HeaderNavigationInHeader__dropdownContent::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .HeaderNavigationInHeader__dropdownContent::-webkit-scrollbar {
        width: 6px
    }

    body .HeaderNavigationInHeader__dropdownContent::-webkit-scrollbar-thumb, body .HeaderNavigationInHeader__dropdownContent::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .HeaderNavigationInHeader__dropdownContent .HeaderNavigationInHeader__item > .NoContent__container {
    padding: 12px !important
}

body .HeaderNavigationInHeaderFolder__wrapper {
    cursor: pointer;
    white-space: nowrap;
    transition: border-bottom-color .2s linear
}

body .HeaderNavigationInHeaderFolder__wrapper_isNotInsideDropdown {
    position: relative;
    height: 100%;
    display: flex;
    justify-content: stretch;
    align-items: center;
    border-bottom: 2px solid transparent
}

body .HeaderNavigationInHeaderFolder__wrapper_isNotInsideDropdown.HeaderNavigationInHeaderFolder__wrapper_active {
    border-bottom-color: var(--primary-solid)
}

body .HeaderNavigationInHeaderFolder__wrapper:hover .HeaderNavigationInHeaderFolder__iconArrow:not(.HeaderNavigationInHeaderFolder__iconArrow_active,.HeaderNavigationInHeaderFolder__iconArrow_open), body .HeaderNavigationInHeaderFolder__wrapper:hover .HeaderNavigationInHeaderFolder__title:not(.HeaderNavigationInHeaderFolder__title_active,.HeaderNavigationInHeaderFolder__title_open) {
    color: var(--base-text-primary)
}

body .HeaderNavigationInHeaderFolder__wrapper .HeaderNavigationInHeaderFolder__dropdown:not(body .HeaderNavigationInHeaderFolder__wrapper .HeaderNavigationInHeaderFolder__dropdown_isInsideAnotherDropdown) {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

body .HeaderNavigationInHeaderFolder__wrapper .HeaderNavigationInHeaderFolder__dropdown_isInsideAnotherDropdown:not(body .HeaderNavigationInHeaderFolder__wrapper .HeaderNavigationInHeaderFolder__dropdown_isLeftSideDropdown) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

body .HeaderNavigationInHeaderFolder__wrapper .HeaderNavigationInHeaderFolder__dropdown_isInsideAnotherDropdown.HeaderNavigationInHeaderFolder__dropdown_isLeftSideDropdown {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

body .HeaderNavigationInHeaderFolder__container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px;
    transition: background .2s linear
}

body .HeaderNavigationInHeaderFolder__container_open {
    background: var(--base-surface)
}

body .HeaderNavigationInHeaderFolder__container_open.HeaderNavigationInHeaderFolder__container_isInsideDropdown {
    background: var(--base-elements)
}

body .HeaderNavigationInHeaderFolder__iconItem {
    width: auto;
    max-width: 32px;
    max-height: 24px;
    overflow: hidden;
    color: var(--base-text-placeholder);
    transition: color .2s linear
}

body .HeaderNavigationInHeaderFolder__iconItem_open {
    color: var(--primary-hover)
}

body .HeaderNavigationInHeaderFolder__iconItem_active {
    color: var(--primary-solid)
}

body .HeaderNavigationInHeaderFolder__iconItem_hide {
    display: none
}

body .HeaderNavigationInHeaderFolder__iconItem img, body .HeaderNavigationInHeaderFolder__iconItem svg {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

body .HeaderNavigationInHeaderFolder__title {
    flex: 0 0 auto;
    font-weight: 600;
    color: var(--base-text-secondary);
    transition: color .2s linear;
    margin-right: 8px
}

body .HeaderNavigationInHeaderFolder__title_open {
    color: var(--primary-hover)
}

body .HeaderNavigationInHeaderFolder__title_active {
    color: var(--primary-solid)
}

body .HeaderNavigationInHeaderFolder__title_isInsideDropdown {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .HeaderNavigationInHeaderFolder__iconArrow {
    max-width: 24px;
    max-height: 24px;
    width: 100%;
    height: auto;
    color: var(--base-text-secondary);
    transition: color .2s linear
}

body .HeaderNavigationInHeaderFolder__iconArrow_open {
    color: var(--primary-hover);
    transform: scale(-1)
}

body .HeaderNavigationInHeaderFolder__iconArrow_active {
    color: var(--primary-solid)
}

body .HeaderNavigationInHeaderFolder__dropdown {
    cursor: auto;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    top: calc(100% + 2px);
    left: 0;
    max-height: 520px;
    width: var(--dropdownWidth);
    padding: 12px;
    overflow: auto;
    background: var(--base-surface);
    box-shadow: var(--base-tooltip-shadow)
}

body .HeaderNavigationInHeaderFolder__dropdown::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .HeaderNavigationInHeaderFolder__dropdown::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

body .HeaderNavigationInHeaderFolder__dropdown::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .HeaderNavigationInHeaderFolder__dropdown::-webkit-scrollbar {
        width: 6px
    }

    body .HeaderNavigationInHeaderFolder__dropdown::-webkit-scrollbar-thumb, body .HeaderNavigationInHeaderFolder__dropdown::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .HeaderNavigationInHeaderFolder__dropdown_isInsideAnotherDropdown {
    position: fixed;
    max-height: 290px
}

body .HeaderNavigationInHeaderFolder__dropdown > .NoContent__container, body .HeaderNavigationInHeaderFolder__item > .NoContent__container {
    padding: 12px !important;
    background-color: transparent
}

body .HeaderNavigationInHeaderFolder__dropdown > .NoContent__container .Icon, body .HeaderNavigationInHeaderFolder__item > .NoContent__container .Icon {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

body .HeaderNavigationInHeaderLink__wrapper {
    cursor: pointer;
    white-space: nowrap;
    transition: border-bottom-color .2s linear
}

body .HeaderNavigationInHeaderLink__wrapper_isNotInsideDropdown {
    height: 100%;
    border-bottom: 2px solid transparent
}

body .HeaderNavigationInHeaderLink__wrapper_isNotInsideDropdown.HeaderNavigationInHeaderLink__wrapper_active {
    border-bottom-color: var(--primary-solid)
}

body .HeaderNavigationInHeaderLink__wrapper a {
    text-decoration: none;
    height: 100%;
    width: 100%;
    padding: 12px;
    display: flex;
    justify-content: stretch;
    align-items: center
}

body .HeaderNavigationInHeaderLink__wrapper:hover .HeaderNavigationInHeaderLink__title:not(.HeaderNavigationInHeaderLink__title_active) {
    color: var(--base-text-primary)
}

body .HeaderNavigationInHeaderLink__iconItem {
    width: auto;
    max-width: 32px;
    max-height: 24px;
    overflow: hidden;
    color: var(--base-text-placeholder);
    transition: color .2s linear
}

body .HeaderNavigationInHeaderLink__iconItem_active {
    color: var(--primary-solid)
}

body .HeaderNavigationInHeaderLink__iconItem_hide {
    display: none
}

body .HeaderNavigationInHeaderLink__iconItem img, body .HeaderNavigationInHeaderLink__iconItem svg {
    width: 24px;
    height: 24px;
    margin-right: 8px
}

body .HeaderNavigationInHeaderLink__title {
    flex: 0 0 auto;
    font-weight: 600;
    color: var(--base-text-secondary);
    transition: color .2s linear
}

body .HeaderNavigationInHeaderLink__title_active {
    color: var(--primary-solid)
}

body .HeaderNavigationInHeaderLink__title_isInsideDropdown {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .HeaderNavigationInMenu__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 16px
}

body .HeaderNavigationInMenu__listItem > .NoContent__container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    padding: 0;
    background-color: transparent
}

body .HeaderNavigationInMenu__listItem > .NoContent__container .Icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-left: 0
}

body .HeaderNavigationInMenu__listItem > .NoContent__container .NoContent__text {
    margin-top: 0
}

body .HeaderNavigationInMenu__listItem .ExpandableMenuItem__body_emptyContainer {
    visibility: visible !important
}

body .HeaderNavigationInMenuFolder__button {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px;
    transition: padding-bottom .2s linear, height .2s linear;
    background: var(--base-elements)
}

@media (max-width: 767.98px) {
    body .HeaderNavigationInMenuFolder__button {
        padding: 8px
    }
}

body .HeaderNavigationInMenuFolder__iconItem {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    color: var(--base-text-secondary);
    transition: color .2s linear
}

body .HeaderNavigationInMenuFolder__iconItem_active {
    color: var(--primary-solid)
}

body .HeaderNavigationInMenuFolder__iconItem img, body .HeaderNavigationInMenuFolder__iconItem svg {
    width: 24px;
    height: 24px
}

body .HeaderNavigationInMenuFolder__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    color: var(--base-text-secondary);
    transition: color .2s linear;
    margin-right: 8px
}

body .HeaderNavigationInMenuFolder__title_active {
    color: var(--primary-solid)
}

body .HeaderNavigationInMenuFolder__listItem > .NoContent__container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    padding: 0;
    background-color: transparent
}

body .HeaderNavigationInMenuFolder__listItem > .NoContent__container .Icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-left: 0
}

body .HeaderNavigationInMenuFolder__listItem > .NoContent__container .NoContent__text {
    margin-top: 0
}

body .ExpandableMenuItem_expanded .HeaderNavigationInMenuFolder__button {
    padding-bottom: 28px;
    height: 56px
}

@media (max-width: 767.98px) {
    body .ExpandableMenuItem_expanded .HeaderNavigationInMenuFolder__button {
        padding-bottom: 0;
        height: 40px
    }
}

body .ExpandableMenuItem_expanded .HeaderNavigationInMenuFolder__iconItem, body .ExpandableMenuItem_expanded .HeaderNavigationInMenuFolder__title {
    color: var(--base-text-secondary)
}

body .HeaderNavigationInMenuLink__wrapper {
    white-space: nowrap;
    height: 40px
}

body .HeaderNavigationInMenuLink__wrapper a {
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: stretch;
    align-items: center
}

body .HeaderNavigationInMenuLink__iconItem {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    color: var(--base-text-placeholder);
    transition: color .2s linear
}

body .HeaderNavigationInMenuLink__iconItem img, body .HeaderNavigationInMenuLink__iconItem svg {
    width: 24px;
    height: 24px
}

body .HeaderNavigationInMenuLink__iconItem_active {
    color: var(--primary-solid)
}

body .HeaderNavigationInMenuLink__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 400;
    color: var(--base-text-secondary);
    transition: color .2s linear
}

body .HeaderNavigationInMenuLink__title_active {
    color: var(--primary-solid)
}

body .MenuMain {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    position: fixed;
    margin-top: 64px;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: calc(100% - 64px);
    animation: show .2s;
    background: rgba(41, 43, 66, .8);
    overflow-y: scroll;
    scroll-behavior: smooth
}

body .MenuMain__burgerWrapper {
    margin-left: 12px
}

body .MenuMain.bottomPanelIsShown {
    height: auto;
    bottom: 0
}

body .MenuMain.bottomPanelIsShown .MenuMain__content {
    min-height: 100%
}

body .MenuMain.isWithOffset {
    margin-bottom: 64px
}

body .MenuMain__burgerButton {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: var(--base-elements);
    box-shadow: var(--base-button-normal-shadow)
}

body .MenuMain__burgerButton:hover {
    background-color: var(--base-elements-hover)
}

body .MenuMain__burgerIcon {
    width: 24px;
    height: 24px;
    color: var(--primary-solid)
}

@media (max-width: 767.98px) {
    body .MenuMain__burgerIcon {
        color: var(--base-text-secondary)
    }
}

body .MenuMain__burgerIcon_medium, body .MenuMain__burgerIcon_medium svg, body .MenuMain__burgerIcon_small, body .MenuMain__burgerIcon_small svg {
    width: 24px;
    height: 24px
}

body .MenuMain__burgerIcon_extra-large, body .MenuMain__burgerIcon_extra-large svg, body .MenuMain__burgerIcon_large, body .MenuMain__burgerIcon_large svg {
    width: 28px;
    height: 28px
}

body .MenuMain__content {
    min-height: 340px;
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    overflow: visible;
    padding: 32px;
    background: var(--base-background);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2)
}

body .MenuMain__overlay {
    flex: 1 1 auto;
    width: 100%;
    height: 100%
}

body .MenuMain__grid {
    display: flex;
    gap: 20px
}

body .MenuMain__grid > * {
    width: 50%
}

body .MenuMain__grid > * > * {
    margin-bottom: 16px
}

body .MenuMain__grid_isTablet {
    flex-direction: column
}

body .MenuMain__grid_isTablet > * {
    width: 100%
}

body .MenuMain__menu {
    break-after: column
}

body .MenuMain__widgetContainer {
    max-width: 100%
}

body .MenuMain__widgetContainer_pointerNone {
    pointer-events: none
}

body .MenuMain .Feedback {
    flex-direction: row
}

body .MenuMain .Feedback__textBlock {
    flex-direction: column
}

body .MenuMain__switcher .SwitchButton_withIcon img {
    width: 24px
}

@media (max-width: 1023.98px) {
    body .MenuMain__switcher {
        display: inherit
    }

    body .MenuMain__switcher > * {
        display: flex;
        width: 100%
    }
}

body .MenuMain .UserAuthorized {
    flex-wrap: wrap
}

body .MenuMain .UserAuthorized .UserAuthorized__profile {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(100% - 40px - 16px);
    max-width: calc(100% - 40px - 16px);
    margin-bottom: 16px;
    display: block;
    order: 1;
    margin-right: auto
}

body .MenuMain .UserAuthorized .UserAuthorized__profile .UserProfileDropdown .UserProfileDropdown__button:after {
    display: inline-block
}

body .MenuMain .UserAuthorized .UserAuthorized__profile .UserProfileDropdown .UserProfileDropdown__avatar {
    margin-right: 12px
}

body .MenuMain .UserAuthorized .UserAuthorized__profile .UserProfileDropdown .UserProfileDropdown__list {
    max-height: 296px
}

body .MenuMain .UserAuthorized__currency {
    order: 3;
    width: 100%
}

body .MenuMain .UserAuthorized .UserAuthorized__cryptofiat {
    flex: 0 1 100%;
    max-width: 100%;
    display: none;
    order: 4
}

@media (max-width: 767.98px) {
    body .MenuMain .UserAuthorized .UserAuthorized__cryptofiat {
        display: block
    }
}

body .MenuMain .UserAuthorized .UserAuthorized__select {
    flex: 0 1 100%;
    max-width: 100%;
    display: none;
    order: 4
}

@media (max-width: 767.98px) {
    body .MenuMain .UserAuthorized .UserAuthorized__select {
        display: block
    }
}

body .MenuMain .UserAuthorized .UserAuthorized__currency {
    order: 2
}

body .MenuMain .UserAuthorized .UserAuthorized__deposit, body .MenuMain .UserAuthorized .UserAuthorized__messages {
    display: none
}

body .MenuMain .UserAuthorized .UserAuthorized__tournament {
    order: 3;
    width: 100%;
    display: block
}

body .MenuMain .UserAuthorized .UserAuthorized__logout {
    display: block;
    order: 1;
    margin-bottom: 16px
}

@media (min-width: 1279.98px) {
    body .MenuMain {
        display: none
    }
}

@media (max-width: 1279.98px) {
    body .MenuMain__grid {
        margin: 0 auto
    }
}

@media (max-width: 1023.98px) {
    body .MenuMain .UserProfileDropdown__nameContainer {
        display: flex
    }
}

@media (max-width: 767.98px) {
    body .MenuMain__auth {
        display: flex
    }

    body .MenuMain .UserAuthorized__cryptofiat {
        width: calc(50% - 12px)
    }

    body .MenuMain .UserAuthorized__cryptofiat .CryptoFiatDropdown {
        border-right: none;
        border-top: none
    }

    body .MenuMain .UserAuthorized__cryptofiat .CryptoFiatDropdown__plate {
        width: calc(200% + 24px);
        max-width: calc(100vw - 40px)
    }

    body .MenuMain .UserAuthorized__select {
        width: calc(50% - 12px);
        margin-left: 24px
    }

    body .MenuMain .UserAuthorized__select .SelectAccount, body .MenuMain .UserAuthorized__select .SelectBonus {
        border-top: none
    }

    body .MenuMain .UserAuthorized__select .SelectAccount:before, body .MenuMain .UserAuthorized__select .SelectBonus:before {
        left: -12px;
        display: block
    }

    body .MenuMain__burgerWrapper {
        margin-left: 8px
    }
}

@media (max-width: 434.98px) {
    body .MenuMain__content {
        padding: 20px 20px 0
    }

    body .MenuMain__grid {
        display: block;
        columns: initial
    }

    body .MenuMain__grid > * {
        margin-bottom: 20px
    }
}

body .MenuMain__categoriesContent {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-gap: 20px
}

@media (max-width: 1279.98px) {
    body .MenuMain__categoriesContent {
        grid-template-columns:1fr 1fr;
        grid-gap: 8px
    }
}

@media (max-width: 767.98px) {
    body .MenuMain.bottomPanelIsShown.isWithOffset {
        margin-bottom: 76px;
        height: calc(100% - 64px - 76px)
    }

    body .MenuMain .PrimaryNavigationLinks__link:hover {
        color: var(--base-text-secondary)
    }
}

body .MenuMain__menu + .MenuMain__menu {
    margin-top: 16px;
    border-top: 1px solid var(--base-divider);
    padding-top: 16px
}

body .MenuMore {
    position: relative;
    display: none
}

@media (min-width: 1919.98px) {
    body .MenuMore {
        display: block
    }
}

body .MenuMore__opener {
    width: 120px;
    height: 44px;
    border-radius: 22px;
    padding: 0 20px;
    font-size: 1em;
    font-weight: 700;
    text-transform: uppercase;
    background: none;
    color: var(--white);
    border: 2px solid var(--fourth);
    margin-right: 50px;
    text-align: left;
    cursor: pointer
}

body .MenuMore__opener_opened {
    border-radius: 22px 22px 0 0;
    border-bottom-color: transparent
}

body .MenuMore__menu {
    position: absolute;
    top: 42px;
    left: 0;
    width: 120px;
    z-index: 2;
    background: var(--primary);
    border: 2px solid var(--fourth);
    border-top: 0;
    border-radius: 0 0 22px 22px;
    overflow: hidden
}

body .MenuMore__link {
    display: block;
    padding: 10px 20px;
    font-weight: 700;
    font-size: 1em
}

body .MenuMore__link:hover {
    background: var(--secondary)
}

body .MenuTop__subMenu {
    display: flex
}

body .MenuTop__subMenu_center {
    justify-content: center
}

@media (max-width: 767.98px) {
    body .MenuTop__subMenu {
        display: none
    }
}

body .MenuTop__item {
    display: block
}

body .MenuTop__item:not(:last-of-type) {
    margin-right: 50px
}

body .MenuTop__link {
    display: block;
    color: var(--grey);
    font-size: .85em;
    font-weight: 500
}

body .MenuTop__link:hover {
    color: var(--white)
}

body .SelectBonus {
    display: block;
    width: 100%;
    max-width: 215px;
    padding: 0 16px;
    font-size: 0;
    line-height: 0;
    position: relative
}

body .SelectBonus:before {
    content: "";
    height: 40px;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    background-color: var(--base-divider)
}

body .SelectBonus__wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 58px
}

body .SelectBonus__label {
    display: inline-block;
    font-size: .625rem;
    line-height: .75rem;
    color: var(--base-text-secondary);
    margin-bottom: 4px
}

body .SelectBonus__network {
    display: block;
    font-weight: 700;
    margin: 0 0 2px;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--primary-solid);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1023.98px) {
    body .SelectBonus__network {
        max-width: 90px
    }
}

body .SelectBonus__value {
    font-weight: 700;
    margin: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--base-text-primary);
    white-space: nowrap
}

body .SelectBonus__cryptoFiatIcon {
    flex: 0 0 24px;
    margin-right: 8px;
    margin-bottom: 8px;
    width: 24px;
    height: 24px;
    background-color: transparent
}

body .SelectBonus__cryptoFiatIcon span {
    width: 24px !important;
    height: 24px !important
}

body .SelectBonus__cryptoFiatIcon img {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important
}

body .SelectBonus__cryptoFiatIcon_hidden {
    display: none
}

@media (max-width: 767.98px) {
    body .SelectBonus {
        padding: 0 12px
    }
}

body .Loyalty {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 45px
}

@media (max-width: 1919.98px) {
    body .Loyalty {
        display: none
    }
}

body .Loyalty__title {
    display: block;
    font-weight: 700;
    font-size: .7em;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--dark-grey);
    margin-bottom: 5px
}

body .Loyalty__value {
    display: block;
    font-weight: 700;
    font-size: 1em
}

body .CountUnreadMessages {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    transition: all .3s ease-in-out;
    background-color: var(--base-elements)
}

body .CountUnreadMessages__icon {
    color: var(--primary-solid);
    width: 25px;
    height: 22px
}

body .CountUnreadMessages:hover {
    background-color: var(--base-elements-hover)
}

body .CountUnreadMessages__counter {
    display: inline-block;
    padding: 2px 4px;
    background-color: var(--base-alert);
    text-align: center;
    font-weight: 600;
    color: var(--base-text-on-color-bg);
    position: absolute;
    top: 0;
    right: -5px
}

body .UserUnAuthorized {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    gap: 16px
}

body .UserUnAuthorized__search {
    display: flex;
    width: 40px
}

@media (max-width: 1279.98px) {
    body .UserUnAuthorized__search {
        display: none
    }
}

body .UserUnAuthorized__loginIcon {
    margin-right: 8px
}

@media (max-width: 767.98px) {
    body .UserUnAuthorized__loginIcon {
        margin-right: 0
    }
}

@media (max-width: 1279.98px) {
    body .UserUnAuthorized {
        gap: 12px
    }
}

@media (max-width: 767.98px) {
    body .UserUnAuthorized {
        gap: 8px
    }

    body .UserUnAuthorized__button {
        min-width: 40px
    }
}

body .UserUnAuthorized__button_signIn .LinkButton__button, body .UserUnAuthorized__button_signUp .LinkButton__button {
    font-weight: 600
}

body .UserUnAuthorized__button_signIn .LinkButton__leftIcon, body .UserUnAuthorized__button_signUp .LinkButton__leftIcon {
    width: unset
}

body .UserUnAuthorized__button_signUp {
    min-width: 86px
}

@media (max-width: 767.98px) {
    body .UserUnAuthorized__button_signIn .LinkButton__button {
        font-size: 0;
        line-height: 0;
        padding: 0 10px;
        gap: unset
    }

    body .UserUnAuthorized__button_signIn .LinkButton__leftIcon {
        margin-right: 0
    }
}

@media (max-width: 434.98px) {
    body .UserUnAuthorized__button_signIn .LinkButton__button {
        max-width: 40px;
        gap: unset
    }
}

body .UserAuthorized {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap
}

body .UserAuthorized__search {
    display: flex;
    width: 40px;
    margin-right: 16px
}

@media (max-width: 1279.98px) {
    body .UserAuthorized__search {
        display: none
    }
}

body .UserAuthorized__divider {
    width: 100%;
    height: 1px;
    background: var(--base-divider);
    margin-bottom: 4px
}

body .UserAuthorized__divider_noMargin {
    margin: 0
}

@media (min-width: 767.98px) {
    body .UserAuthorized__divider_onlyInModal {
        display: none
    }
}

body .UserAuthorized__profile {
    max-width: 185px;
    flex: 0 0 auto;
    margin-right: 16px
}

@media (max-width: 1279.98px) {
    body .UserAuthorized__profile {
        margin-right: 0
    }
}

@media (min-width: 1023.98px) {
    body .UserAuthorized__profile {
        order: 1
    }
}

body .UserAuthorized__currency {
    display: flex;
    flex-direction: column
}

@media (min-width: 1023.98px) {
    body .UserAuthorized__currency {
        order: 3
    }
}

body .UserAuthorized__progress {
    order: 3
}

body .UserAuthorized__currencyContent {
    display: flex
}

body .UserAuthorized__cryptofiat {
    max-width: inherit;
    flex: 0 1 auto
}

@media (max-width: 1023.98px) {
    body .UserAuthorized__cryptofiat .CryptoFiatDropdown:before {
        display: none
    }
}

@media (max-width: 767.98px) {
    body .UserAuthorized__cryptofiat .CryptoFiatDropdown {
        max-width: unset;
        padding: 12px 0;
        border-top: 1px solid var(--base-divider)
    }

    body .UserAuthorized__cryptofiat .CryptoFiatDropdown:before {
        display: none
    }
}

body .UserAuthorized .CryptoFiatDropdown__label, body .UserAuthorized .SelectBonus__label {
    text-transform: uppercase
}

body .UserAuthorized__select {
    display: flex;
    align-items: center;
    max-width: inherit;
    flex: 0 1 auto
}

@media (max-width: 767.98px) {
    body .UserAuthorized__select .SelectBonus {
        max-width: unset;
        padding: 12px 0;
        border-top: 1px solid var(--base-divider)
    }

    body .UserAuthorized__select .SelectBonus:before {
        display: none
    }
}

@media (min-width: 1023.98px) {
    body .UserAuthorized__tournament {
        order: 2
    }
}

@media (max-width: 1439.98px) {
    body .UserAuthorized__tournament {
        max-width: 251px
    }
}

@media (max-width: 1279.98px) {
    body .UserAuthorized__tournament .ActiveTournament {
        padding: 12px 0;
        border-top: 1px solid var(--base-divider)
    }

    body .UserAuthorized__tournament .ActiveTournament:before {
        display: none
    }
}

body .UserAuthorized__deposit {
    max-width: inherit;
    flex: 0 0 auto;
    margin-right: 16px
}

@media (min-width: 1023.98px) {
    body .UserAuthorized__deposit {
        order: 4
    }
}

body .UserAuthorized__customButton {
    margin-right: 16px
}

@media (min-width: 1023.98px) {
    body .UserAuthorized__customButton {
        order: 5
    }
}

body .UserAuthorized__giftBonus {
    margin-right: 16px
}

@media (min-width: 1023.98px) {
    body .UserAuthorized__giftBonus {
        order: 1
    }
}

body .UserAuthorized__messages {
    max-width: 40px;
    flex: 0 0 40px;
    margin-right: 16px;
    box-shadow: var(--base-button-normal-shadow)
}

@media (min-width: 1023.98px) {
    body .UserAuthorized__messages {
        order: 5
    }
}

body .UserAuthorized__logout {
    max-width: 40px;
    flex: 0 0 40px;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

@media (min-width: 1023.98px) {
    body .UserAuthorized__logout {
        order: 6
    }
}

body .UserAuthorized__zoobetItemsToCenter {
    display: none
}

@media (max-width: 767.98px) {
    body .UserAuthorized__select {
        display: none
    }
}

@media (max-width: 1279.98px) {
    body .UserAuthorized__tournament {
        display: none
    }

    body .UserAuthorized__deposit {
        max-width: 40px;
        flex: 0 0 40px
    }

    body .UserAuthorized__messages {
        margin-right: 0
    }

    body .UserAuthorized__logout, body .UserAuthorized__progress {
        display: none
    }
}

@media (max-width: 767.98px) {
    body .UserAuthorized__cryptofiat {
        display: none
    }

    body .UserAuthorized__customButton, body .UserAuthorized__deposit {
        margin-right: 8px
    }

    body .UserAuthorized__select {
        display: none
    }
}

body .UserAuthorized__currencyForTypeB {
    display: none
}

body .GamesSearchField {
    display: block;
    max-width: 100%;
    overflow: hidden
}

body .GamesSearchField__button {
    position: absolute;
    top: 50%;
    left: 11px;
    transform: translateY(-50%);
    display: block;
    width: 18px;
    height: 18px;
    color: var(--primary-solid);
    border: none;
    padding: 0
}

body .GamesSearchField .FieldText {
    margin-bottom: 0
}

body .GamesSearchField .FieldText__input {
    padding-left: 40px
}

body .GamesSearchField .FieldText__error {
    display: none
}

body .DepositLink__link {
    display: block;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 8px 16px 8px 8px;
    white-space: nowrap;
    background-color: var(--primary-solid);
    overflow: hidden;
    cursor: pointer;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .DepositLink__link_hideTitle {
    padding-right: 8px
}

@media (max-width: 1279.98px) {
    body .DepositLink__link {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        padding: 8px
    }
}

body .DepositLink__icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    color: var(--base-text-on-color-bg)
}

body .DepositLink__icon_hideTitle {
    margin-right: 0
}

body .DepositLink__icon img, body .DepositLink__icon svg {
    width: 17.6px;
    height: 17.6px
}

@media (max-width: 1279.98px) {
    body .DepositLink__icon {
        margin-right: 0
    }
}

body .DepositLink__text {
    display: inline-block;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--base-text-on-color-bg)
}

@media (max-width: 1279.98px) {
    body .DepositLink__text {
        display: none
    }
}

body .DepositLink:hover {
    background-color: var(--primary-hover)
}

@media (max-width: 1279.98px) {
    body .DepositLink {
        width: 40px;
        height: 40px;
        border-radius: 50%
    }

    body .DepositLink__icon {
        margin-right: 0
    }

    body .DepositLink__text {
        display: none
    }
}

body .PrimaryNavigationLinks {
    display: block;
    font-size: 0;
    line-height: 0
}

body .PrimaryNavigationLinks__menu_isBottomPanel {
    width: 100%;
    max-width: 528px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

body .PrimaryNavigationLinks__menu_isBottomPanel .PrimaryNavigationLinks__icon {
    margin-right: 0
}

body .PrimaryNavigationLinks__menu_isBottomPanel .PrimaryNavigationLinks__link {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    background: transparent
}

body .PrimaryNavigationLinks__menu_isBottomPanel .PrimaryNavigationLinks__link_active {
    background-color: transparent
}

body .PrimaryNavigationLinks__menu_isBottomPanel .PrimaryNavigationLinks__item {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

body .PrimaryNavigationLinks__item {
    padding: 8px;
    min-height: 24px;
    width: 100%;
    display: flex;
    align-items: center;
    color: var(--base-text-secondary);
    max-width: 100%
}

body .PrimaryNavigationLinks__item > .PrimaryNavigationLinks__item, body .PrimaryNavigationLinks__item_expandable {
    padding: 0
}

body .PrimaryNavigationLinks__item_active {
    color: var(--primary-solid)
}

body .PrimaryNavigationLinks__item_spacing8 {
    margin-bottom: 8px
}

body .PrimaryNavigationLinks__item_spacing16 {
    margin-bottom: 16px
}

body .PrimaryNavigationLinks__item_spacing24 {
    margin-bottom: 24px
}

body .PrimaryNavigationLinks__link {
    display: flex;
    align-items: center;
    font-size: 0;
    line-height: 0;
    padding: 8px;
    white-space: nowrap;
    background-color: transparent;
    transition: color .3s ease-in-out
}

body .PrimaryNavigationLinks__text {
    display: inline-block;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    white-space: nowrap
}

body .PrimaryNavigationLinks__text_small {
    font-size: .75rem;
    line-height: 1.25rem
}

body .PrimaryNavigationLinks__text_medium {
    font-size: .875rem;
    line-height: 1.5rem
}

body .PrimaryNavigationLinks__text_large {
    font-size: 1rem;
    line-height: 1.75rem
}

body .PrimaryNavigationLinks__icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: 50%
}

body .PrimaryNavigationLinks__icon_small, body .PrimaryNavigationLinks__icon_small img, body .PrimaryNavigationLinks__icon_small svg {
    width: 16px;
    height: 16px
}

body .PrimaryNavigationLinks__icon_medium, body .PrimaryNavigationLinks__icon_medium img, body .PrimaryNavigationLinks__icon_medium svg {
    width: 24px;
    height: 24px
}

body .PrimaryNavigationLinks__icon_large, body .PrimaryNavigationLinks__icon_large img, body .PrimaryNavigationLinks__icon_large svg {
    width: 28px;
    height: 28px
}

body .PrimaryNavigationLinks__icon_extra-large, body .PrimaryNavigationLinks__icon_extra-large svg {
    width: 32px;
    height: 32px
}

body .Header__bottomPanel .PrimaryNavigationLinks__item_spacing16, body .Header__bottomPanel .PrimaryNavigationLinks__item_spacing24, body .Header__bottomPanel .PrimaryNavigationLinks__item_spacing8 {
    margin-bottom: 0
}

body .MenuMain .PrimaryNavigationLinks__menu_typeA .ExpandableMenuItem {
    background-color: var(--base-elements)
}

body .MenuMain .PrimaryNavigationLinks__menu_typeB .ExpandableMenuItem {
    background-color: transparent
}

body .MenuMain .PrimaryNavigationLinks__menu_typeB .ExpandableMenuItem__button {
    background-color: var(--base-elements)
}

body .MenuMain .PrimaryNavigationLinks__menu_typeB .ExpandableMenuItem__body {
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2)
}

body .Logout {
    display: block;
    width: 40px;
    height: 40px;
    background-color: var(--base-elements);
    color: var(--primary-solid);
    transition: all .3s ease-in-out
}

body .Logout:hover {
    background-color: var(--base-elements-hover)
}

body .UserProfileLink {
    max-width: 185px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: 2px;
    background-color: var(--base-elements)
}

body .UserProfileLink__link {
    display: block;
    max-width: 141px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-decoration: none
}

body .UserProfileLink__avatar {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    border: 1.4px solid var(--primary-solid);
    border-radius: 50%;
    overflow: hidden
}

body .UserProfileLink__avatar img {
    display: block;
    width: 100%;
    height: 100%
}

body .UserProfileLink__name {
    display: inline-block;
    max-width: 101px;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: var(--primary-solid);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

body .UserProfileLink__logout {
    margin-left: 8px
}

body .UserProfileLink__logout .Logout {
    width: 32px;
    height: 32px
}

body .UserProfileLink.avatarIsHidden {
    justify-content: space-between;
    padding: 2px 5px
}

body .UserProfileDropdown {
    display: block;
    max-width: 185px;
    width: 100%;
    position: relative;
    overflow: visible
}

body .UserProfileDropdown__button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    border: none
}

body .UserProfileDropdown__button.isOpen .UserProfileDropdown__nameContainer:after {
    transform: scaleY(-1)
}

body .UserProfileDropdown__avatar {
    display: flex;
    vertical-align: middle;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    border: 1px solid var(--base-divider);
    border-radius: 50% !important;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-size: 0;
    line-height: 0;
    text-decoration: none
}

body .UserProfileDropdown__avatar img, body .UserProfileDropdown__avatar svg {
    display: block;
    width: 100%;
    height: 100%
}

body .UserProfileDropdown__name {
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 700;
    color: var(--primary-solid);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: none;
    padding: 0;
    margin-right: 8px
}

body .UserProfileDropdown__nameContainer {
    display: flex;
    align-items: center;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(100% - 40px - 12px);
    max-width: calc(100% - 40px - 12px);
    cursor: pointer
}

body .UserProfileDropdown__nameContainer.avatarIsHidden {
    flex: 1 1 100%;
    max-width: 100%
}

body .UserProfileDropdown__nameContainer:after {
    content: "";
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-left: 2px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-down.svg);
    mask-image: url(/iconPack/arrow-down.svg);
    -webkit-mask-size: 24px;
    mask-size: 24px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

body .UserProfileDropdown__nameContainer.isOpen:after {
    transform: scaleY(-1)
}

body .UserProfileDropdown__list {
    display: block;
    min-width: 194px;
    max-width: 270px;
    max-height: 336px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1000;
    top: calc(100% + 4px);
    left: 50%;
    transform: translateX(-50%);
    padding: 8px 0;
    background-color: var(--base-elements);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: var(--base-modal-shadow);
    -webkit-box-shadow: var(--base-modal-shadow)
}

body .UserProfileDropdown__list::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .UserProfileDropdown__list::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .UserProfileDropdown__list::-webkit-scrollbar-thumb, body .UserProfileDropdown__list::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .UserProfileDropdown__list::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .UserProfileDropdown__list::-webkit-scrollbar {
        width: 6px
    }

    body .UserProfileDropdown__list::-webkit-scrollbar-thumb, body .UserProfileDropdown__list::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

@media (max-width: 434.98px) {
    body .UserProfileDropdown__list {
        left: unset;
        transform: unset
    }
}

body .UserProfileDropdown__listItem {
    display: block;
    width: 100%
}

body .UserProfileDropdown__link {
    display: block;
    padding: 8px 16px;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    white-space: nowrap;
    color: var(--base-text-secondary);
    transition: color .3s ease-in-out
}

body .UserProfileDropdown__link:hover {
    color: var(--primary-hover)
}

body .UserProfileDropdown__link_active {
    color: var(--primary-solid)
}

body .UserProfileDropdown__icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-position: 50%
}

body .UserProfileDropdown__text {
    max-width: 135px;
    display: inline-block;
    vertical-align: middle;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 1279.98px) {
    body .UserProfileDropdown__avatar {
        margin-right: 8px
    }
}

@media (max-width: 1023.98px) {
    body .UserProfileDropdown__nameContainer {
        display: none
    }
}

body .ActiveTournament {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
    position: relative
}

@media (max-width: 434.98px) {
    body .ActiveTournament {
        display: table;
        table-layout: fixed;
        width: 100%;
        white-space: nowrap
    }
}

body .ActiveTournament:before {
    content: "";
    height: 40px;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    background-color: var(--base-divider)
}

body .ActiveTournament__tournament {
    width: auto;
    display: block
}

body .ActiveTournament__topic {
    width: auto
}

body .ActiveTournament__title {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center
}

body .ActiveTournament__title p {
    color: var(--base-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 430px
}

@media (max-width: 1919.98px) {
    body .ActiveTournament__title p {
        max-width: 231px
    }
}

body .ActiveTournament__icon {
    width: 16px;
    height: 16px;
    color: var(--base-text-secondary);
    margin-left: 4px
}

body .ActiveTournament__info {
    display: flex;
    gap: 8px
}

body .ActiveTournament__text {
    margin-right: 4px;
    color: var(--base-text-secondary)
}

body .ActiveTournament__value {
    font-size: 14px;
    color: var(--base-text-primary)
}

body .ActiveTournament__total, body .ActiveTournament__updated {
    color: var(--base-text-secondary)
}

body .CryptoFiatDropdown {
    display: block;
    max-width: 215px;
    width: 100%;
    padding: 0 16px;
    font-size: 0;
    line-height: 0;
    position: relative;
    overflow: visible
}

body .CryptoFiatDropdown:before {
    content: "";
    height: 40px;
    width: 1px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    background-color: var(--base-divider)
}

body .CryptoFiatDropdown__wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 58px
}

body .CryptoFiatDropdown__wrapper.canOpenDropdown {
    cursor: pointer
}

body .CryptoFiatDropdown__wrapper.canOpenDropdown:after {
    cursor: pointer;
    content: "";
    display: block;
    width: 24px;
    flex: 0 0 24px;
    align-self: stretch;
    margin-left: 8px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-down.svg);
    mask-image: url(/iconPack/arrow-down.svg);
    -webkit-mask-size: 24px;
    mask-size: 24px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

body .CryptoFiatDropdown__wrapper.isDropdownOpen:after {
    transform: scaleY(-1)
}

body .CryptoFiatDropdown__balance {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap
}

body .CryptoFiatDropdown__label {
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
    font-size: .625rem;
    line-height: .75rem;
    color: var(--base-text-secondary);
    margin-bottom: 4px;
    display: flex;
    align-items: center;
    column-gap: 8px
}

body .CryptoFiatDropdown__label .Popover__wrapper {
    z-index: 99999
}

body .CryptoFiatDropdown__label .Popover__textPopover {
    width: max-content
}

body .CryptoFiatDropdown__label .Popover__textPopover_bodyDown {
    margin-top: 16px
}

@media (max-width: 767.98px) {
    body .CryptoFiatDropdown__label .Popover__textPopover {
        transform: translateX(-10%)
    }

    body .CryptoFiatDropdown__label .Popover__textPopover:after {
        left: 10%
    }
}

body .CryptoFiatDropdown__label .Popover__icon {
    height: 12px;
    width: 12px
}

body .CryptoFiatDropdown__label .Popover__icon i {
    height: 100%;
    width: 100%;
    color: var(--primary-solid)
}

body .CryptoFiatDropdown__valueContainer {
    width: 100%;
    display: block;
    padding: 0;
    border: none;
    position: relative
}

body .CryptoFiatDropdown__network {
    display: block;
    font-weight: 700;
    margin: 0 0 2px;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--primary-solid);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@media (max-width: 1023.98px) {
    body .CryptoFiatDropdown__network {
        max-width: 90px
    }
}

body .CryptoFiatDropdown__value {
    display: block;
    font-weight: 700;
    margin: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--base-text-primary);
    white-space: nowrap
}

body .CryptoFiatDropdown__plate {
    display: block;
    min-width: 360px;
    max-width: 360px;
    font-size: 0;
    line-height: 0;
    position: absolute;
    z-index: 1010;
    right: -40px;
    top: calc(100% + 10px);
    background-color: var(--base-surface);
    box-shadow: var(--base-modal-shadow);
    overflow: hidden
}

@media (max-width: 1279.98px) {
    body .CryptoFiatDropdown__plate {
        top: calc(100% + 3px)
    }
}

@media (max-width: 767.98px) {
    body .CryptoFiatDropdown__plate {
        min-width: 100%;
        max-width: 100%;
        position: static;
        box-shadow: none
    }
}

body .CryptoFiatDropdown__plateContent {
    padding: 16px
}

body .CryptoFiatDropdown__tabs {
    width: 100%;
    margin-bottom: 16px
}

body .CryptoFiatDropdown__tabs .Tabs {
    width: 100%;
    margin-bottom: 0
}

body .CryptoFiatDropdown__plateFooter {
    width: 100%;
    min-height: 56px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-wrap: wrap;
    background-color: var(--base-elements);
    padding: 16px 15px;
    position: relative
}

body .CryptoFiatDropdown__plateFooter .FieldSwitch {
    width: 50%
}

@media (max-width: 767.98px) {
    body .CryptoFiatDropdown {
        max-width: unset;
        padding: 12px 0 0;
        border-top: 1px solid var(--base-divider)
    }

    body .CryptoFiatDropdown__plate, body .CryptoFiatDropdown__plateFooter {
        background-color: transparent
    }

    body .CryptoFiatDropdown__plateContent {
        padding: 16px 0
    }

    body .CryptoFiatDropdown__plateFooter {
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start
    }

    body .CryptoFiatDropdown__plateFooter .FieldSwitch {
        width: 100%
    }

    body .CryptoFiatDropdown__plateFooter .FieldSwitch + .FieldSwitch {
        margin-top: 18px
    }
}

body .CryptoFiatDropdown__accounts {
    max-height: 200px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

body .CryptoFiatDropdown__accounts::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .CryptoFiatDropdown__accounts::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .CryptoFiatDropdown__accounts::-webkit-scrollbar-thumb, body .CryptoFiatDropdown__accounts::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .CryptoFiatDropdown__accounts::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .CryptoFiatDropdown__accounts::-webkit-scrollbar {
        width: 6px
    }

    body .CryptoFiatDropdown__accounts::-webkit-scrollbar-thumb, body .CryptoFiatDropdown__accounts::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .CryptoFiatDropdown__accounts_showFiat {
    max-height: 260px
}

body .CryptoFiatDropdown__accounts .Tooltip__icon {
    display: block
}

body .CryptoFiatDropdown__account {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    transition: all .3s ease-in-out
}

body .CryptoFiatDropdown__account:hover:not(body .CryptoFiatDropdown__account_active) .CryptoFiatDropdown__accountBalanceFiat, body .CryptoFiatDropdown__account:hover:not(body .CryptoFiatDropdown__account_active) .CryptoFiatDropdown__accountCurrency {
    color: var(--primary-link-hover)
}

body .CryptoFiatDropdown__account_active {
    background: var(--base-elements);
    box-shadow: var(--base-input-normal-shadow)
}

body .CryptoFiatDropdown__account_active .CryptoFiatDropdown__accountBalanceFiat, body .CryptoFiatDropdown__account_active .CryptoFiatDropdown__accountCurrency {
    color: var(--base-text-primary)
}

body .CryptoFiatDropdown__account_notSwitchable, body .CryptoFiatDropdown__account_notSwitchable:hover:not(body .CryptoFiatDropdown__account_notSwitchable_active) .CryptoFiatDropdown__accountBalanceCrypto, body .CryptoFiatDropdown__account_notSwitchable:hover:not(body .CryptoFiatDropdown__account_notSwitchable_active) .CryptoFiatDropdown__accountBalanceFiat, body .CryptoFiatDropdown__account_notSwitchable:hover:not(body .CryptoFiatDropdown__account_notSwitchable_active) .CryptoFiatDropdown__accountCurrency {
    color: var(--base-divider)
}

body .CryptoFiatDropdown__cryptoFiatIcon {
    flex: 0 0 24px;
    margin-right: 8px;
    width: 24px;
    height: 24px;
    margin-bottom: 8px;
    background-color: transparent
}

body .CryptoFiatDropdown__cryptoFiatIcon span {
    width: 24px !important;
    height: 24px !important
}

body .CryptoFiatDropdown__cryptoFiatIcon img {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important
}

body .CryptoFiatDropdown__cryptoFiatIcon_hidden {
    display: none
}

body .CryptoFiatDropdown__accountCurrency {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    line-height: 24px;
    color: var(--base-text-secondary);
    font-weight: 700;
    transition: all .3s ease-in-out
}

body .CryptoFiatDropdown__accountCurrency .CryptoFiatDropdown__cryptoFiatIcon {
    margin-bottom: 0
}

body .CryptoFiatDropdown__accountBalance {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    text-align: right
}

body .CryptoFiatDropdown__accountBalanceCrypto, body .CryptoFiatDropdown__accountBalanceFiat {
    font-size: 14px;
    line-height: 24px;
    color: var(--base-text-secondary);
    font-weight: 700;
    transition: color .3s ease-in-out
}

body .CryptoFiatDropdown__accountBalanceCrypto_small {
    font-size: 10px;
    line-height: 12px;
    font-weight: 600
}

body .CryptoFiatDropdown__buttonCF {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 18px
}

body .CryptoFiatDropdown__reverseToggle {
    padding-right: 42px;
    padding-left: 0
}

body .CryptoFiatDropdown__reverseToggle .FieldSwitch__switcher {
    right: 0;
    left: auto
}

body .CryptoFiatDropdownModal__form {
    display: flex;
    flex-direction: column;
    padding: 0 24px 36px
}

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

body .CryptoFiatDropdownModal__description {
    color: var(--base-text-primary);
    font-size: var(--base-font-size);
    margin: 10px 0 30px;
    min-height: 40px
}

@media (max-width: 767.98px) {
    body .CryptoFiatDropdownModal__description {
        min-height: 75px
    }
}

body .CryptoFiatDropdownModal__radio:not(:last-child) {
    margin-right: 16px
}

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

body .CryptoFiatDropdownModal__select .rc-select-single.rc-select-show-search .rc-select-selector .rc-select-selection-search-input {
    font-size: .875rem;
    line-height: 38px;
    color: var(--base-text-primary);
    background-color: transparent;
    padding: 5px 8px
}

body .CryptoFiatDropdownModal__select .rc-select-single.rc-select-show-search .rc-select-selector .rc-select-selection-placeholder {
    transition: none
}

body .CryptoFiatDropdownModal__button {
    align-self: center;
    margin-right: 16px
}

body .CryptoFiatDropdownModal__button:last-child {
    margin-right: 0
}

@media (min-width: 767.98px) {
    body .CryptoFiatDropdownModal__button {
        width: -moz-fit-content;
        width: fit-content
    }
}

body .CustomButton__container {
    min-width: 40px;
    display: none
}

@media (max-width: 1279.98px) {
    body .CustomButton__container_isAuth .LinkButton__button {
        font-size: 0;
        line-height: 0;
        padding: 0 10px
    }

    body .CustomButton__container_isAuth .LinkButton__leftIcon {
        margin-right: 0
    }
}

@media (min-width: 767.98px) {
    body .CustomButton__container_showOnTabletUp {
        display: block
    }
}

@media (max-width: 767.98px) {
    body .CustomButton__container_showOnMobile {
        display: block
    }

    body .CustomButton__container .LinkButton__button {
        font-size: 0;
        line-height: 0;
        padding: 0 10px
    }

    body .CustomButton__container .LinkButton__leftIcon {
        margin-right: 0
    }
}

@media (max-width: 434.98px) {
    body .CustomButton__container {
        max-width: 40px
    }

    body .CustomButton__container .LinkButton__button {
        gap: unset
    }
}

body .GiftBonus {
    position: relative
}

body .GiftBonus__childrenWrapper {
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

body .GiftBonus__childrenWrapper::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .GiftBonus__childrenWrapper::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .GiftBonus__childrenWrapper::-webkit-scrollbar-thumb, body .GiftBonus__childrenWrapper::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .GiftBonus__childrenWrapper::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .GiftBonus__childrenWrapper::-webkit-scrollbar {
        width: 6px
    }

    body .GiftBonus__childrenWrapper::-webkit-scrollbar-thumb, body .GiftBonus__childrenWrapper::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .GiftBonus__modalWrapper {
    position: fixed;
    background: var(--base-elements);
    width: 280px;
    z-index: 1000;
    transition: all .3s linear
}

@media (max-width: 767.98px) {
    body .GiftBonus__modalWrapper {
        z-index: 10001;
        width: 100%;
        bottom: 0;
        left: 0;
        border-radius: 16px !important
    }
}

@media (max-width: 1023.98px) {
    body .GiftBonus__modalWrapper {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
}

@media (max-width: 434.98px) {
    body .GiftBonus__modalWrapper {
        z-index: 10001
    }
}

body .GiftBonus__overlay {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(33, 37, 41, .8);
    transition: all .2s linear;
    opacity: 0;
    visibility: hidden
}

body .GiftBonus__overlay_isShown {
    opacity: 1;
    visibility: visible
}

body .GiftBonus__buttonWrapper {
    padding: 8px;
    display: flex;
    align-items: center;
    background: var(--base-elements);
    cursor: pointer;
    width: 40px;
    height: 40px
}

body .GiftBonus__buttonWrapper:hover {
    background: var(--base-elements-hover)
}

body .GiftBonus__icon, body .GiftBonus__icon img {
    width: 24px;
    height: 24px
}

body .GiftBonus__close {
    width: 24px;
    height: 24px;
    color: var(--base-text-placeholder)
}

body .GiftBonus__close svg {
    width: 24px;
    height: 24px
}

body .GiftBonus__title {
    font-weight: 700;
    color: var(--base-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .GiftBonus__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 12px
}

body .GiftBonus__pointer {
    position: absolute;
    border: 10px solid transparent;
    border-right: 10px solid var(--base-elements);
    transform: rotate(90deg)
}

@media (max-width: 767.98px) {
    body .GiftBonus__pointer {
        display: none
    }
}

body .GiftBonus__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px
}

body .GiftBonus__container {
    padding: 12px 0 5px 12px;
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-height: 80vh
}

@media (max-width: 767.98px) {
    body .GiftBonus__container {
        max-height: 90vh;
        height: 100%
    }
}

body .GiftBonus__counter {
    display: inline-block;
    padding: 2px 4px;
    background-color: var(--base-alert);
    text-align: center;
    font-weight: 600;
    color: var(--base-text-on-color-bg);
    position: absolute;
    top: 0;
    right: -5px
}

body .GiftBonus__noTriggerWrapper {
    border-top: 1px solid var(--base-divider);
    padding-bottom: 5px
}

body .GiftBonus__noTriggerWrapper .NoTriggerBonusCard__wrapper {
    padding: 5px 10px 5px 0;
    background: var(--base-elements)
}

body .GameGroupWidgetTypeA {
    display: block;
    max-width: 100%;
    overflow: hidden;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeA {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeA {
        padding: var(--container-padding-mobile)
    }
}

body .GameGroupWidgetTypeA__container {
    margin: 0 auto
}

body .GameGroupWidgetTypeA__gameNotFound {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    text-transform: none
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeA__container {
        max-width: 100%
    }
}

body .GameGroupWidgetTypeB {
    display: block;
    max-width: 100%;
    overflow: hidden;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeB {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeB {
        padding: var(--container-padding-mobile)
    }
}

body .GameGroupWidgetTypeB__container {
    margin: 0 auto
}

body .GameGroupWidgetTypeB__gameNotFound {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    text-transform: none
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeB__container {
        max-width: 100%
    }
}

body .GameGroupWidgetTypeC {
    display: block;
    max-width: 100%;
    overflow: hidden;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeC {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeC {
        padding: var(--container-padding-mobile)
    }
}

body .GameGroupWidgetTypeC__container {
    margin: 0 auto
}

body .GameGroupWidgetTypeC__gameNotFound {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    text-transform: none
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeC__container {
        max-width: 100%
    }
}

body .GameGroupWidgetTypeD {
    display: block;
    max-width: 100%;
    overflow: hidden;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeD {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeD {
        padding: var(--container-padding-mobile)
    }
}

body .GameGroupWidgetTypeD__container {
    margin: 0 auto
}

body .GameGroupWidgetTypeD__gameNotFound {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    text-transform: none
}

body .GameGroupWidgetTypeD__slide {
    display: grid;
    justify-content: center;
    grid-template-columns:repeat(4, minmax(auto, 100%));
    grid-gap: 40px
}

@media (max-width: 1919.98px) {
    body .GameGroupWidgetTypeD__slide {
        grid-template-columns:repeat(3, minmax(auto, 100%));
        grid-gap: 40px
    }
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeD__slide {
        grid-template-columns:repeat(3, minmax(auto, 100%));
        grid-gap: 32px
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeD__slide {
        grid-template-columns:repeat(2, minmax(auto, 100%));
        grid-gap: 16px 8px
    }

    body .GameGroupWidgetTypeD__container {
        max-width: 100%
    }
}

body .GameGroupWidgetTypeE {
    display: block;
    max-width: 100%;
    overflow: hidden;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeE {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeE {
        padding: var(--container-padding-mobile)
    }
}

body .GameGroupWidgetTypeE__container {
    margin: 0 auto
}

body .GameGroupWidgetTypeE__gameNotFound {
    font-size: 2rem;
    line-height: 2.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    text-transform: none
}

body .GameGroupWidgetTypeE__slide {
    display: grid;
    justify-content: center;
    grid-template-columns:repeat(6, minmax(auto, 100%));
    grid-gap: 36px
}

@media (max-width: 1919.98px) {
    body .GameGroupWidgetTypeE__slide {
        grid-template-columns:repeat(5, minmax(auto, 100%));
        grid-gap: 40px
    }
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeE__slide {
        grid-template-columns:repeat(5, minmax(auto, 100%));
        grid-gap: 36px
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeE__slide {
        grid-template-columns:repeat(2, minmax(auto, 100%));
        grid-gap: 16px 8px
    }

    body .GameGroupWidgetTypeE__container {
        max-width: 100%
    }
}

body .GameGroupTitle__title {
    font-weight: 700;
    color: var(--base-text-primary);
    padding-right: 24px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    transition: transform .1s ease-in;
    font-size: 44px;
    line-height: 52px
}

@media (max-width: 1279.98px) {
    body .GameGroupTitle__title {
        font-size: 36px;
        line-height: 48px
    }
}

@media (max-width: 767.98px) {
    body .GameGroupTitle__title {
        font-size: 28px;
        line-height: 36px
    }
}

body .GameGroupTitle__title_cursor:active, body .GameGroupTitle__title_cursor:focus {
    transform: scale(.9)
}

body .GameGroupTitle__linkWrapper {
    max-width: inherit
}

body .GameGroupTitle__actions {
    display: flex;
    gap: 10px
}

body .GameGroupTitle__swiperNavigation .SwiperNavigation__button {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto
}

body .GameGroupTitle__swiperNavigation_manuallyDisableNextButton .SwiperNavigation__buttonNext, body .GameGroupTitle__swiperNavigation_manuallyDisablePrevButton .SwiperNavigation__buttonPrev {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

@media (max-width: 767.98px) {
    body .GameGroupTitle__title {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

body .GamesCategoriesTypeA {
    display: block;
    max-width: 100%;
    background: var(--base-background);
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .GamesCategoriesTypeA {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .GamesCategoriesTypeA {
        padding: var(--container-padding-mobile)
    }
}

body .GamesCategoriesTypeA__container {
    margin: 0 auto
}

body .GamesCategoriesTypeA__wrapper {
    max-width: 100%;
    position: relative
}

body .GamesCategoriesTypeA__wrapper .swiper {
    padding: 10px 0;
    position: static;
    overflow: visible
}

body .GamesCategoriesTypeA__navigation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background: var(--base-elements);
    transition: all .3s ease-in-out
}

body .GamesCategoriesTypeA__navigation:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .GamesCategoriesTypeA__navigation:after {
    display: none
}

body .GamesCategoriesTypeA__navigation_next {
    border-left: 1px solid var(--base-divider);
    left: 0
}

body .GamesCategoriesTypeA__navigation_next:before {
    transform: scaleX(-1)
}

body .GamesCategoriesTypeA__navigation.swiper-button-lock {
    display: none
}

body .GamesCategoriesTypeA__navigation:hover:before {
    background-color: var(--base-text-primary)
}

body .GamesCategoriesTypeA .GamesSearchModal__button {
    margin-top: 40px
}

body .GamesCategoriesTypeA .GamesSearchModal__button + .SwiperWrapper__slider {
    padding-top: 14px
}

body .GamesCategoriesTypeA__grid {
    max-width: 100%;
    overflow: hidden;
    display: none;
    grid-template-columns:repeat(10, 1fr);
    grid-template-rows:1fr;
    grid-gap: 20px
}

body .GamesCategoriesTypeA__slider .swiper .swiper-wrapper .swiper-slide {
    width: 138px
}

@media (max-width: 767.98px) {
    body .GamesCategoriesTypeA__slider .swiper .swiper-wrapper .swiper-slide {
        width: 132px
    }
}

body .GamesCategoriesTypeA__slide {
    width: 138px;
    height: 108px;
    background-color: var(--base-surface);
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

@media (max-width: 767.98px) {
    body .GamesCategoriesTypeA__slide {
        width: 132px
    }
}

body .GamesCategoriesTypeA__slide:not(:disabled):hover {
    background-color: var(--base-elements)
}

body .GamesCategoriesTypeA__slideLink {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 108px;
    font-size: 0;
    line-height: 0;
    padding: 16px;
    text-decoration: none;
    transition: background-color .3s ease
}

body .GamesCategoriesTypeA__slideLink_disabled {
    pointer-events: none
}

body .GamesCategoriesTypeA__slideLink_reversed {
    flex-direction: column-reverse
}

body .GamesCategoriesTypeA__slideImage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-decoration: none
}

body .GamesCategoriesTypeA__slideImage > .ServerIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

body .GamesCategoriesTypeA__slideImage img {
    display: block;
    width: inherit;
    height: inherit
}

body .GamesCategoriesTypeA__slideTitle {
    text-transform: uppercase;
    color: var(--base-text-secondary);
    text-align: center;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%
}

body .GamesCategoriesTypeA__slideTitle_reversed {
    margin-top: 0;
    margin-bottom: 12px
}

body .GamesCategoriesTypeA .swiper-scrollbar {
    background-color: var(--base-elements);
    bottom: 0
}

body .GamesCategoriesTypeA .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: var(--base-divider)
}

@media screen and (max-width: 1680px) {
    body .GamesCategoriesTypeA__grid {
        grid-template-columns:repeat(8, 1fr)
    }
}

@media (max-width: 1279.98px) {
    body .GamesCategoriesTypeA__grid {
        grid-template-columns:repeat(6, 1fr)
    }
}

@media (max-width: 1023.98px) {
    body .GamesCategoriesTypeA__wrapper {
        padding: 0
    }

    body .GamesCategoriesTypeA .GamesSearchModal__button {
        margin-top: 24px
    }
}

@media screen and (max-width: 992px) {
    body .GamesCategoriesTypeA__grid {
        grid-template-columns:repeat(4, 1fr);
        grid-gap: 16px
    }
}

@media (max-width: 767.98px) {
    body .GamesCategoriesTypeA .GamesSearchModal__button + .SwiperWrapper__slider {
        padding-top: 2px
    }

    body .GamesCategoriesTypeA__grid {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 16px
    }
}

body .globalBackground .GamesCategoriesTypeA {
    background: transparent
}

body .GamesCategoriesTypeB {
    display: block;
    max-width: 100%;
    padding: 40px 30px;
    background: var(--base-background)
}

body .GamesCategoriesTypeB__container {
    margin: 0 auto
}

body .GamesCategoriesTypeB__gamesTypeB .swiper .swiper-wrapper .swiper-slide {
    width: 138px
}

body .GamesCategoriesTypeB__gamesTypeB .swiper .swiper-wrapper .swiper-slide .GamesCategoriesTypeA__slide {
    width: 138px;
    height: 124px
}

@media (max-width: 767.98px) {
    body .GamesCategoriesTypeB__gamesTypeB .swiper .swiper-wrapper .swiper-slide .GamesCategoriesTypeA__slide {
        width: 136px;
        height: 80px
    }

    body .GamesCategoriesTypeB__gamesTypeB .swiper .swiper-wrapper .swiper-slide {
        width: 136px
    }

    body .GamesCategoriesTypeB__gamesTypeB .swiper .swiper-wrapper .swiper-slide .GamesCategoriesTypeA__slideLink {
        justify-content: normal;
        padding: 12px;
        height: 80px
    }

    body .GamesCategoriesTypeB__gamesTypeB .swiper .swiper-wrapper .swiper-slide .GamesCategoriesTypeA__slideTitle {
        font-size: 12px
    }

    body .GamesCategoriesTypeB__gamesTypeB .swiper .swiper-wrapper .swiper-slide .GamesCategoriesTypeA__slideImage {
        width: 24px;
        height: 24px
    }

    body .GamesCategoriesTypeB__gamesTypeB .SwiperWrapper__topSection {
        gap: 24px;
        flex-wrap: wrap
    }

    body .GamesCategoriesTypeB__gamesTypeB .SwiperWrapper__topSection .SwiperWrapper__gameProvidersButton {
        max-width: 100%;
        order: 1
    }
}

@media screen and (max-width: 767px) {
    body .GamesCategoriesTypeB__gamesTypeB .SwiperWrapper__topSection .SwiperWrapper__gameProvidersButton {
        max-width: 100%;
        order: 1
    }
}

body .GamesCategoriesTypeB__gamesTypeB .SwiperWrapper__topSection h2 {
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: var(--base-text-secondary);
    margin-right: 15px;
    flex: 1 1
}

@media (max-width: 434.98px) {
    body .GamesCategoriesTypeB__gamesTypeB .SwiperWrapper__topSection h2 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

body .GamesCategoriesTypeB__gamesTypeB .SwiperWrapper__slider {
    max-width: 100%;
    overflow: hidden;
    padding-top: 40px;
    margin-top: 0
}

@media (max-width: 767.98px) {
    body .GamesCategoriesTypeB__gamesTypeB .SwiperWrapper__slider {
        padding-top: 20px
    }
}

body .GamesCategoriesTypeB__wrapper {
    max-width: 100%;
    position: relative
}

body .GamesCategoriesTypeB__wrapper .swiper {
    padding: 10px 0;
    position: static;
    overflow: visible
}

body .GamesCategoriesTypeB__wrapper .swiper-slide {
    width: calc((100% - 180px) / 10)
}

body .GamesCategoriesTypeB__navigation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background: var(--base-elements);
    transition: all .3s ease-in-out
}

body .GamesCategoriesTypeB__navigation:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .GamesCategoriesTypeB__navigation:after {
    display: none
}

body .GamesCategoriesTypeB__navigation_next {
    border-left: 1px solid var(--base-divider);
    left: 0
}

body .GamesCategoriesTypeB__navigation_next:before {
    transform: scaleX(-1)
}

body .GamesCategoriesTypeB__navigation.swiper-button-lock {
    display: none
}

body .GamesCategoriesTypeB__navigation:hover:before {
    background-color: var(--base-text-primary)
}

body .GamesCategoriesTypeB__swiper-buttons {
    margin-left: 16px;
    display: flex
}

@media (max-width: 767.98px) {
    body .GamesCategoriesTypeB__swiper-buttons {
        margin-left: auto
    }
}

body .GamesCategoriesTypeB .GamesSearchModal__button {
    margin-top: 40px
}

body .GamesCategoriesTypeB .GamesSearchModal__button + .SwiperWrapper__slider {
    padding-top: 14px
}

body .GamesCategoriesTypeB__grid {
    max-width: 100%;
    overflow: hidden;
    display: none;
    grid-template-columns:repeat(10, 1fr);
    grid-template-rows:1fr;
    grid-gap: 20px
}

body .GamesCategoriesTypeB__slide {
    width: 138px;
    height: 124px;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 767.98px) {
    body .GamesCategoriesTypeB__slide {
        width: 136px;
        height: 80px
    }
}

body .GamesCategoriesTypeB__slideLink {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 108px;
    font-size: 0;
    line-height: 0;
    padding: 12px 16px 16px;
    text-decoration: none;
    transition: background-color .1s ease, border .1s ease;
    border: 2px solid transparent;
    color: #fff
}

body .GamesCategoriesTypeB__slideLink:hover {
    color: var(--primary-solid)
}

body .GamesCategoriesTypeB__slideLinkActive {
    border: 2px solid var(--primary-solid);
    background-color: var(--base-elements-hover);
    color: var(--primary-solid)
}

body .GamesCategoriesTypeB__slideImage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-decoration: none
}

body .GamesCategoriesTypeB__slideImage .ServerIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

body .GamesCategoriesTypeB__slideImage img {
    display: block;
    width: inherit;
    height: inherit
}

body .GamesCategoriesTypeB__slideImage svg {
    transition: color .1s ease;
    display: block;
    width: inherit;
    height: inherit
}

body .GamesCategoriesTypeB__slideTitle {
    text-transform: uppercase;
    color: var(--base-text-primary);
    text-align: center;
    margin-top: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .GamesCategoriesTypeB__gameProvidersButton {
    max-width: 248px;
    width: 100%;
    margin-left: auto
}

body .GamesCategoriesTypeB .swiper-scrollbar {
    background-color: var(--base-elements);
    bottom: 0
}

body .GamesCategoriesTypeB .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: var(--base-divider)
}

@media screen and (max-width: 1680px) {
    body .GamesCategoriesTypeB__grid {
        grid-template-columns:repeat(8, 1fr)
    }

    body .GamesCategoriesTypeB__wrapper .swiper-slide {
        width: calc((100% - 140px) / 8)
    }
}

@media (max-width: 1279.98px) {
    body .GamesCategoriesTypeB__grid {
        grid-template-columns:repeat(6, 1fr)
    }

    body .GamesCategoriesTypeB__wrapper .swiper-slide {
        width: calc((100% - 100px) / 6)
    }
}

@media (max-width: 1023.98px) {
    body .GamesCategoriesTypeB .GamesSearchModal__button {
        margin-top: 24px
    }
}

@media screen and (max-width: 992px) {
    body .GamesCategoriesTypeB__grid {
        grid-template-columns:repeat(4, 1fr);
        grid-gap: 16px
    }

    body .GamesCategoriesTypeB__wrapper .swiper-slide {
        width: calc((100% - 48px) / 4)
    }
}

@media (max-width: 767.98px) {
    body .GamesCategoriesTypeB {
        padding: 32px 22px 22px
    }

    body .GamesCategoriesTypeB .GamesSearchModal__button + .SwiperWrapper__slider {
        padding-top: 2px
    }

    body .GamesCategoriesTypeB__grid {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 16px
    }

    body .GamesCategoriesTypeB__wrapper .swiper-slide {
        width: calc((100% - 16px) / 2)
    }

    body .GamesCategoriesTypeB__slideImage {
        width: 36px;
        height: 36px
    }

    body .GamesCategoriesTypeB__slideLink {
        padding: 12px
    }
}

@media (max-width: 434.98px) {
    body .GamesCategoriesTypeB {
        padding: 20px 10px 10px
    }

    body .GamesCategoriesTypeB__slideImage {
        width: 24px;
        height: 24px
    }
}

body .globalBackground .GamesCategoriesTypeB {
    background: transparent
}

body .GamesCategoriesTypeC {
    display: block;
    max-width: 100%;
    background: var(--base-background);
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .GamesCategoriesTypeC {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .GamesCategoriesTypeC {
        padding: var(--container-padding-mobile)
    }
}

body .GamesCategoriesTypeC__container {
    margin: 0 auto
}

body .GamesCategoriesTypeC__title {
    display: flex;
    align-items: center;
    text-align: left;
    color: var(--base-text-secondary);
    justify-content: space-between
}

@media screen and (max-width: 320px) {
    body .GamesCategoriesTypeC__title {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

body .GamesCategoriesTypeC__gamesSearch {
    margin-top: 24px
}

body .GamesCategoriesTypeC__wrapper {
    max-width: 100%;
    position: relative
}

body .GamesCategoriesTypeC__sliderWrapper {
    position: relative
}

body .GamesCategoriesTypeC__slider {
    background: var(--base-surface);
    display: flex;
    padding: 8px;
    margin-top: 24px;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none
}

body .GamesCategoriesTypeC__slider::-webkit-scrollbar {
    display: none
}

body .GamesCategoriesTypeC__item-link {
    padding: 8px 16px;
    max-width: 180px;
    text-decoration: none;
    display: flex;
    gap: 12px
}

body .GamesCategoriesTypeC__item-link:hover, body .GamesCategoriesTypeC__item-link_active {
    background: var(--base-elements)
}

body .GamesCategoriesTypeC__item-link:not(:last-child) {
    margin-right: 8px
}

body .GamesCategoriesTypeC__item {
    display: flex;
    gap: 12px;
    max-width: 100%;
    align-items: center
}

body .GamesCategoriesTypeC__iconOnly {
    min-width: 88px;
    display: flex;
    justify-content: center
}

body .GamesCategoriesTypeC__item-icon {
    width: 40px;
    height: 40px;
    overflow: hidden
}

body .GamesCategoriesTypeC__item-icon .ServerIcon {
    width: 100%;
    height: 100%
}

body .GamesCategoriesTypeC__item-icon .ServerIcon img, body .GamesCategoriesTypeC__item-icon .ServerIcon svg {
    transition: color .1s ease;
    display: block;
    width: inherit;
    height: inherit;
    object-fit: contain
}

body .GamesCategoriesTypeC__item-text {
    text-transform: uppercase;
    color: var(--base-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 12px - 40px)
}

@media (max-width: 1023.98px) {
    body .GamesCategoriesTypeC__wrapper {
        padding: 0
    }

    body .GamesCategoriesTypeC__gamesSearch {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    body .GamesCategoriesTypeC__title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px
    }

    body .GamesCategoriesTypeC__gameProvidersButton {
        width: 100%;
        order: 1
    }
}

body .globalBackground .GamesCategoriesTypeC {
    background: transparent
}

body .GamesCategoriesTypeD {
    display: block;
    max-width: 100%;
    background: var(--base-background);
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .GamesCategoriesTypeD {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .GamesCategoriesTypeD {
        padding: var(--container-padding-mobile)
    }
}

body .GamesCategoriesTypeD__container {
    margin: 0 auto
}

body .GamesCategoriesTypeD__title {
    display: flex;
    align-items: center;
    text-align: left;
    color: var(--base-text-secondary);
    justify-content: space-between
}

@media screen and (max-width: 320px) {
    body .GamesCategoriesTypeD__title {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }
}

body .GamesCategoriesTypeD__gamesSearch {
    margin-top: 24px
}

body .GamesCategoriesTypeD__wrapper {
    max-width: 100%;
    position: relative
}

body .GamesCategoriesTypeD__slider .SwiperWrapper__slider, body .GamesCategoriesTypeD__slider .swiper {
    padding-left: 8px !important;
    padding-right: 8px !important;
    margin-left: -8px;
    margin-right: -8px
}

body .GamesCategoriesTypeD__slider .swiper .swiper-wrapper .swiper-slide {
    width: 180px
}

@media (max-width: 1439.98px) {
    body .GamesCategoriesTypeD__slider .swiper .swiper-wrapper .swiper-slide {
        width: 170px
    }
}

@media (max-width: 1023.98px) {
    body .GamesCategoriesTypeD__slider .swiper .swiper-wrapper .swiper-slide {
        width: 180px
    }
}

body .GamesCategoriesTypeD__slider::-webkit-scrollbar {
    display: none
}

body .GamesCategoriesTypeD__centered {
    display: flex;
    justify-content: center;
    width: 100%
}

body .GamesCategoriesTypeD__item {
    width: 180px;
    background-color: var(--base-surface);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex
}

body .GamesCategoriesTypeD__item:hover, body .GamesCategoriesTypeD__item_active {
    box-shadow: var(--base-colored-shadow);
    background-color: var(--base-elements)
}

body .GamesCategoriesTypeD__item:not(:last-child) {
    margin-right: 8px
}

body .GamesCategoriesTypeD__item_radiusCard {
    border-radius: var(--radiusRegular)
}

@media (max-width: 1439.98px) {
    body .GamesCategoriesTypeD__item {
        width: 170px
    }
}

@media (max-width: 1279.98px) {
    body .GamesCategoriesTypeD__item {
        width: 180px
    }
}

body .GamesCategoriesTypeD__item-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    padding: 16px
}

body .GamesCategoriesTypeD__item-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    overflow: hidden
}

body .GamesCategoriesTypeD__item-icon .ServerIcon {
    width: 100%;
    height: 100%
}

body .GamesCategoriesTypeD__item-icon .ServerIcon img, body .GamesCategoriesTypeD__item-icon .ServerIcon svg {
    transition: color .1s ease;
    display: block;
    width: inherit;
    height: inherit;
    object-fit: contain
}

body .GamesCategoriesTypeD__item-text {
    flex: 0 1 auto;
    text-transform: uppercase;
    color: var(--base-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .GamesCategoriesTypeD .swiper-scrollbar {
    background-color: var(--base-elements);
    bottom: 0
}

body .GamesCategoriesTypeD .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: var(--base-divider)
}

@media (max-width: 1023.98px) {
    body .GamesCategoriesTypeD__wrapper {
        padding: 0
    }

    body .GamesCategoriesTypeD__gamesSearch {
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    body .GamesCategoriesTypeD__title {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px
    }

    body .GamesCategoriesTypeD__gameProvidersButton {
        width: 100%;
        order: 1
    }
}

body .SwiperWrapper__slider {
    margin-top: 12px
}

body .SwiperWrapper .swiper {
    padding: 12px 0
}

body .GamesCategoryItemTypeB__centered {
    display: flex;
    justify-content: center;
    width: 100%
}

body .GamesCategoryItemTypeB__item {
    background: var(--base-surface);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex
}

body .GamesCategoryItemTypeB__item:hover, body .GamesCategoryItemTypeB__item_active {
    box-shadow: var(--base-colored-shadow);
    background-color: var(--base-elements)
}

body .GamesCategoryItemTypeB__item:not(:last-child) {
    margin-right: 8px
}

body .GamesCategoryItemTypeB__item-link {
    width: 100%;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 19px
}

@media (max-width: 767.98px) {
    body .GamesCategoryItemTypeB__item-link {
        padding: 12px 9px
    }
}

body .GamesCategoryItemTypeB__item-link_disabled {
    pointer-events: none
}

body .GamesCategoryItemTypeB__item-icon {
    width: 40px;
    height: 40px;
    overflow: hidden
}

@media (max-width: 767.98px) {
    body .GamesCategoryItemTypeB__item-icon {
        width: 32px;
        height: 32px
    }
}

body .GamesCategoryItemTypeB__item-icon .ServerIcon {
    width: 100%;
    height: 100%
}

body .GamesCategoryItemTypeB__item-icon .ServerIcon img, body .GamesCategoryItemTypeB__item-icon .ServerIcon svg {
    transition: color .1s ease;
    display: block;
    width: inherit;
    height: inherit;
    object-fit: contain
}

body .GamesCategoryItemTypeB__item-text {
    text-transform: uppercase;
    color: var(--base-text-secondary);
    white-space: nowrap
}

@media (max-width: 767.98px) {
    body .GamesCategoryItemTypeB__item-text {
        font-size: 14px
    }
}

body .Games {
    max-width: 100%;
    padding: 40px
}

@media (max-width: 1279.98px) {
    body .Games {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .Games {
        padding: 20px
    }
}

body .Games__menu {
    margin-bottom: 24px
}

@media (max-width: 1279.98px) {
    body .Games__menu {
        margin-bottom: 20px
    }
}

body .Games__listMenu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    body .Games__listMenu {
        margin-bottom: 16px
    }
}

@media (max-width: 434.98px) {
    body .Games__listMenu {
        display: block
    }
}

body .Games__selects {
    display: grid;
    grid-template-columns:1fr 1fr;
    align-items: center;
    grid-gap: 16px
}

@media (max-width: 1279.98px) {
    body .Games__selects {
        justify-content: flex-end;
        margin-top: 20px
    }
}

body .Games__listTitle {
    flex: 1 1 auto;
    max-width: inherit;
    margin-right: 24px;
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary)
}

@media (max-width: 434.98px) {
    body .Games__listTitle {
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-bottom: 16px;
        margin-right: 0
    }
}

body .Games__paginationButton {
    display: block;
    width: min-content;
    margin-left: auto
}

@media (max-width: 767.98px) {
    body .Games__paginationButton {
        margin-left: 0
    }
}

body .Games__categories {
    margin: 0 0 80px
}

body .Games__categories .GamesCategoriesTypeA, body .Games__categories .GamesCategoriesTypeB, body .Games__categories .GamesCategoriesTypeC, body .Games__categories .GamesCategoriesTypeD {
    padding: 0
}

@media (max-width: 1279.98px) {
    body .Games__categories {
        margin: 0 0 60px
    }
}

@media (max-width: 767.98px) {
    body .Games__categories {
        margin: 0 0 40px
    }
}

@media (max-width: 434.98px) {
    body .Games__categories {
        margin: 0 0 32px
    }
}

body .Games.GamesPage .Games__paginationButton {
    display: none
}

body .Games.GamesPage .Games__paginationList {
    display: block;
    margin-top: 24px
}

@media (max-width: 434.98px) {
    body .AllGames .Games__container, body .GroupGames .Games__container {
        max-width: 100%
    }
}

body .Games__wrapperGameFrame {
    max-width: 1162px;
    width: 100%
}

body .Games__container {
    max-width: 1580px;
    margin: 0 auto;
    width: 100%
}

body .Games__gameFrame {
    border: none;
    padding: 40px 0
}

@media (max-width: 434.98px) {
    body .Games__gameFrame {
        padding: 16px 0 40px
    }
}

body .Games__gameFrameTitle {
    color: var(--base-text-primary);
    margin-right: 15px
}

body .Games__buttonContainer {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    flex-grow: 1
}

body .Games__buttonContainer > div {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

@media (max-width: 767.98px) {
    body .Games__buttonContainer {
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    body .Games__buttonContainer {
        margin-bottom: 16px
    }
}

body .Games__closeButton {
    margin-right: 24px;
    width: 24px;
    height: 24px;
    color: var(--base-text-secondary)
}

body .Games__header {
    padding: 24px;
    background: var(--base-surface);
    display: flex;
    justify-content: space-between;
    align-items: center
}

body .Games__header.radiusCard {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

@media (max-width: 434.98px) {
    body .Games__header {
        padding: 12px
    }
}

body .Games__header .Games__buttonContainer {
    margin-bottom: 0
}

body .Games__header .Games__buttonContainer + .Games__fullScreenButton:before {
    margin-right: 0
}

body .Games__header .Games__buttonContainer + .Games__fullScreenButton .Games__fullScreenText {
    display: none
}

body .Games__header .Games__gameFrameTitle {
    text-transform: unset
}

body .Games__favorite {
    flex: 0 0 21px;
    height: 20px;
    width: 21px;
    margin-left: 20px;
    cursor: pointer;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/profile-favoriteGames.svg);
    mask-image: url(/iconPack/profile-favoriteGames.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

body .Games__favorite_yes {
    -webkit-mask-image: url(/iconPack/favoriteYes.svg);
    mask-image: url(/iconPack/favoriteYes.svg)
}

body .Games__favorite_loading {
    -webkit-mask-image: url(/iconPack/favoriteLoading.svg);
    mask-image: url(/iconPack/favoriteLoading.svg);
    animation: GamesAnimation_favoriteLoading 2s linear infinite
}

body .Games__fullScreenButton {
    display: flex;
    align-items: center;
    margin-left: 20px
}

body .Games__fullScreenButton_icon {
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 0;
    color: var(--base-text-secondary)
}

@media (max-width: 434.98px) {
    body .Games__fullScreenButton_icon {
        margin: 0
    }
}

body .Games__fullScreenText {
    line-height: 24px;
    font-weight: 500;
    font-size: 1.1rem;
    color: var(--primary-solid);
    text-transform: uppercase
}

@media (max-width: 434.98px) {
    body .Games__fullScreenText {
        display: none
    }
}

body .Games__gameWrapper {
    padding-top: 58%;
    position: relative
}

@media (max-width: 767.98px) {
    body .Games__gameWrapper {
        padding-top: 68vh
    }
}

body .Games__gameWrapper_isMobile {
    padding-top: 70vh;
    min-height: 520px
}

body .Games__gameWrapper .Games__gameBlur, body .Games__gameWrapper .Games__gameFrame {
    padding: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    transform-origin: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

body .Games__gameWrapper .Games__gameBlur {
    background-color: rgba(41, 45, 50, .8);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px
}

body .Games__gameWrapper .Games__gameBlur_hide {
    display: none
}

@media (max-width: 767.98px) {
    body .Games__gameWrapper .Games__gameBlur {
        gap: 32px
    }
}

body .Games__gameWrapper .Games__gameBlurBackgroundImage {
    max-height: 100%;
    max-width: 75%
}

body .Games__gameWrapper .Games__buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

body .Games__gameWrapper .Games__buttons .Button, body .Games__gameWrapper .Games__buttons .GameError__homeButton, body .Games__gameWrapper .Games__buttons .LinkButton {
    width: 200px
}

@media (max-width: 767.98px) {
    body .Games__gameWrapper .Games__buttons {
        flex-direction: column;
        width: 100%
    }

    body .Games__gameWrapper .Games__buttons img {
        max-width: 50%
    }

    body .Games__gameWrapper .Games__buttons .Button, body .Games__gameWrapper .Games__buttons .GameError__homeButton, body .Games__gameWrapper .Games__buttons .LinkButton {
        width: calc(100% - 40px)
    }
}

body .Games__gameWrapper .Games__blockedDueToGameModeWrapper {
    height: 100%;
    width: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 0 24px 24px
}

body .Games__gameWrapper .Games__blockedDueToGameModeWrapper .Games__blockedDueToGameModeInfo {
    height: 100%;
    width: 100%;
    background: rgba(41, 45, 50, .8);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 0 0 24px 24px
}

body .Games__gameWrapper .Games__blockedDueToGameModeWrapper .Games__blockedDueToGameModeInfo .Games__icon {
    width: 24px;
    height: 24px;
    color: var(--base-text-primary);
    margin-bottom: 17px
}

@media (max-width: 434.98px) {
    body .Games__gameWrapper .Games__blockedDueToGameModeWrapper .Games__blockedDueToGameModeInfo .Games__icon {
        width: 22px;
        height: 22px;
        margin-bottom: 14px
    }
}

body .Games__gameWrapper .Games__blockedDueToGameModeWrapper .Games__blockedDueToGameModeInfo .Games__blockedDueToGameModeTitle {
    color: var(--base-text-primary)
}

@media (max-width: 434.98px) {
    body .Games__gameWrapper .Games__blockedDueToGameModeWrapper .Games__blockedDueToGameModeInfo .Games__blockedDueToGameModeTitle {
        font-size: 14px;
        line-height: 24px
    }
}

body .Games__gameWrapper .Games__blockedDueToGameModeWrapper .Games__blockedDueToGameModeInfo .Games__blockedDueToGameModeText {
    color: var(--base-text-secondary);
    line-height: 28px;
    margin-bottom: 48px
}

@media (max-width: 434.98px) {
    body .Games__gameWrapper .Games__blockedDueToGameModeWrapper .Games__blockedDueToGameModeInfo .Games__blockedDueToGameModeText {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 13px
    }
}

body .Games__gameSpace {
    flex-basis: 100%;
    box-shadow: var(--base-card-shadow);
    margin-bottom: 16px
}

@media (max-width: 434.98px) {
    body .Games__gameSpace {
        margin-bottom: 18px
    }
}

body .Games__footer {
    background: var(--base-surface);
    box-shadow: 0 4px 16px var(--base-block-shadow);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

body .Games__footer.radiusCard {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

@media (max-width: 767.98px) {
    body .Games__footer {
        flex-direction: column
    }
}

@media (max-width: 434.98px) {
    body .Games__footer {
        margin-bottom: 18px
    }
}

body .Games__tabs .Tabs {
    margin: 0 auto
}

@media (max-width: 434.98px) {
    body .Games__tabs, body .Games__tabs .Tabs {
        max-width: 100%;
        width: 100%
    }

    body .Games__tabs .Tabs__tab {
        white-space: break-spaces;
        padding: 4px 8px
    }
}

body .Games__demoText {
    font-size: 1.1rem;
    line-height: 26px;
    color: var(--base-text-primary);
    margin-right: 24px
}

@media (max-width: 767.98px) {
    body .Games__demoText {
        margin: 0 0 16px
    }
}

body .Games__demoButton {
    width: 163px;
    height: 48px;
    background: var(--primary-solid);
    color: var(--base-text-on-color-bg)
}

body .Games__tags {
    margin-bottom: 24px
}

body .Games__providerWrapper {
    margin: 24px 0
}

body .Games__providerTitle {
    display: none;
    font-weight: 400;
    font-size: 1rem;
    line-height: 20px;
    color: var(--base-text-secondary)
}

body .Games__providerText {
    display: block;
    color: var(--base-text-primary)
}

body .Games__infoRtpWrapper {
    margin-bottom: 24px
}

body .Games__description {
    color: var(--base-text-secondary);
    margin-bottom: 20px
}

body .Games__tags {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -5px 20px
}

body .Games__tags span {
    width: min-content;
    color: var(--base-text-secondary);
    cursor: auto;
    border-radius: 20px !important;
    height: 30px;
    padding: 0 15px;
    text-transform: none;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto;
    margin: 5px
}

body .Games__tags span:hover {
    color: var(--base-text-secondary);
    background: var(--base-elements)
}

body .Games__balanceNotification {
    padding: 16px;
    margin-bottom: 40px;
    border-radius: 12px;
    background-color: var(--base-warning);
    color: var(--base-text-primary);
    display: flex;
    align-items: center;
    column-gap: 16px
}

body .Games__balanceNotification .Icon {
    width: auto
}

body .Games__bonusMaxBetNotification {
    padding: 9px 16px 9px 9px;
    margin-bottom: 16px;
    border-radius: 12px;
    background-color: var(--base-warning);
    color: var(--base-text-primary);
    display: flex;
    align-items: flex-start;
    column-gap: 16px;
    font-size: .875rem;
    line-height: 1.5rem
}

body .Games__bonusMaxBetNotification .Icon {
    width: auto
}

body .Games__descriptionTitle {
    border-bottom: 1px solid var(--base-divider);
    color: var(--base-text-primary);
    padding-bottom: 24px
}

body .Games__blockedWarning {
    margin-right: 4px
}

body .Games__blockedInfo {
    display: flex;
    align-items: center;
    color: #ecbe47;
    font-size: 16px;
    padding: 20px 0
}

body .Games__blockedInfoAvailability {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--base-text-secondary);
    font-size: 16px;
    padding: 4px 0;
    margin: 0 auto
}

body .Games__blockedInfoAvailability .Games__blockedWarning {
    margin-right: 17px;
    color: var(--base-text-primary)
}

@media (max-width: 434.98px) {
    body .Games__blockedInfoAvailability .Games__blockedWarning {
        margin-right: 9px
    }

    body .Games__blockedInfoAvailability {
        padding: 0
    }
}

body .Games .Faq__item {
    display: none
}

body .fullscreen-enabled .Games__gameWrapper {
    width: 100vw;
    height: 100vh;
    padding-top: unset
}

@keyframes GamesAnimation_favoriteLoading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@media (max-width: 767.98px) {
    body .Games__selects .selectric__control, body .NoGames .selectric__control {
        min-width: 268px
    }
}

body .Games__selects .selectric__single-value, body .NoGames .selectric__single-value {
    font-size: 1rem;
    text-transform: none
}

body .Games__selects .selectric__menu, body .NoGames .selectric__menu {
    background: var(--base-background)
}

body .Games__selects .selectric__option, body .NoGames .selectric__option {
    padding: 12px;
    font-size: 1rem
}

body .GameListItemTypeA {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: var(--base-surface)
}

body .GameListItemTypeA_isFirstInConstructor .GameListItemTypeA__overlay {
    visibility: visible;
    opacity: 1
}

body .GameListItemTypeA_isFirstInConstructor .GameListItemTypeA__image {
    opacity: 0
}

body .GameListItemTypeA:hover {
    cursor: pointer;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

body .GameListItemTypeA:hover .GameListItemTypeA__overlay {
    visibility: visible;
    opacity: 1
}

body .GameListItemTypeA:hover .GameListItemTypeA__image {
    opacity: 0
}

body .GameListItemTypeA__imageWrapper {
    width: 100%;
    height: 100%;
    position: relative
}

body .GameListItemTypeA__imageWrapper:before {
    display: block;
    padding-top: 150%;
    content: ""
}

body .GameListItemTypeA__image {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: opacity .3s ease-in-out
}

body .GameListItemTypeA__image_placeholder {
    width: 100px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width: 434.98px) {
    body .GameListItemTypeA__image_placeholder {
        width: 80px
    }
}

body .GameListItemTypeA__overlay {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    transition: all .3s ease-in-out;
    overflow: hidden;
    background: var(--base-surface)
}

body .GameListItemTypeA__details, body .GameListItemTypeA__overlay {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

body .GameListItemTypeA__details {
    align-items: center;
    padding: 20px
}

@media (max-width: 1919.98px) {
    body .GameListItemTypeA__details {
        padding: 12px
    }
}

@media (max-width: 767.98px) {
    body .GameListItemTypeA__details {
        padding: 8px
    }
}

body .GameListItemTypeA__topActions {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

@media (max-width: 434.98px) {
    body .GameListItemTypeA__topActions {
        margin-bottom: 4px
    }

    body .GameListItemTypeA__topActions .GameTournamentsInfo__icon {
        height: 16px;
        width: 16px
    }

    body .GameListItemTypeA__topActions .GameTournamentsInfo__icon img, body .GameListItemTypeA__topActions .GameTournamentsInfo__icon svg {
        height: 12px;
        width: 12px
    }

    body .GameListItemTypeA__topActions .InfoRTPTooltip__icon {
        height: 16px;
        width: 16px
    }

    body .GameListItemTypeA__topActions .InfoRTPTooltip__icon i {
        height: 12px;
        width: 12px
    }

    body .GameListItemTypeA__topActions .GameListItemTypeA__favorite {
        height: 16px;
        width: 16px;
        -webkit-mask-size: 12px 12px;
        mask-size: 12px 12px
    }
}

body .GameListItemTypeA__favorite {
    height: 20px;
    width: 21px;
    margin-left: auto;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/profile-favoriteGames.svg);
    mask-image: url(/iconPack/profile-favoriteGames.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

body .GameListItemTypeA__favorite_yes {
    -webkit-mask-image: url(/iconPack/favoriteYes.svg);
    mask-image: url(/iconPack/favoriteYes.svg)
}

body .GameListItemTypeA__favorite_loading {
    -webkit-mask-image: url(/iconPack/favoriteLoading.svg);
    mask-image: url(/iconPack/favoriteLoading.svg);
    animation: GameListItemAnimationTypeA_favoriteLoading 2s linear infinite
}

body .GameListItemTypeA__textBlock {
    width: 100%;
    margin-top: auto;
    margin-bottom: auto
}

body .GameListItemTypeA__title {
    width: 100%;
    display: block;
    font-size: 1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    z-index: 1;
    transition: .3s;
    color: var(--base-text-primary);
    text-transform: capitalize;
    text-align: center
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeA__title {
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width: 767.98px) {
    body .GameListItemTypeA__title {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width: 434.98px) {
    body .GameListItemTypeA__title {
        font-size: 10px;
        line-height: 16px
    }
}

body .GameListItemTypeA__description {
    color: var(--base-text-secondary);
    text-align: center
}

@media (max-width: 1919.98px) {
    body .GameListItemTypeA__description {
        visibility: hidden
    }
}

body .GameListItemTypeA__buttons {
    width: 100%
}

body .GameListItemTypeA__buttons .LinkButton__button {
    font-weight: 600
}

body .GameListItemTypeA__button {
    padding-top: 12px
}

@media (max-width: 1919.98px) {
    body .GameListItemTypeA__button {
        padding-top: 8px
    }
}

@media (max-width: 434.98px) {
    body .GameListItemTypeA__button {
        padding-top: 6px
    }
}

@media (max-width: 1023.98px) {
    body .GameListItemTypeA .LinkButton__button {
        font-size: 12px;
        height: 30px
    }
}

@media (max-width: 434.98px) {
    body .GameListItemTypeA .LinkButton__button {
        font-size: 10px;
        height: 32px
    }
}

@keyframes GameListItemAnimationTypeA_favoriteLoading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

body .GameListItemTypeB {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: var(--base-surface);
    min-height: 98px
}

body .GameListItemTypeB_isFirstInConstructor .GameListItemTypeB__overlay {
    visibility: visible;
    opacity: 1
}

body .GameListItemTypeB_isFirstInConstructor .GameListItemTypeB__image {
    opacity: 0
}

body .GameListItemTypeB:hover {
    cursor: pointer;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

body .GameListItemTypeB:hover .GameListItemTypeB__overlay {
    visibility: visible;
    opacity: 1
}

body .GameListItemTypeB:hover .GameListItemTypeB__image {
    opacity: 0
}

body .GameListItemTypeB__imageWrapper {
    width: 100%;
    height: 100%;
    position: relative
}

body .GameListItemTypeB__imageWrapper:before {
    display: block;
    padding-top: 66.6666666667%;
    content: ""
}

@media (max-width: 767.98px) {
    body .GameListItemTypeB__imageWrapper {
        position: relative
    }

    body .GameListItemTypeB__imageWrapper:before {
        display: block;
        padding-top: 72.0588235294%;
        content: ""
    }
}

body .GameListItemTypeB__image {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    transition: opacity .3s ease-in-out
}

body .GameListItemTypeB__image_placeholder {
    width: 100px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body .GameListItemTypeB__overlay {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    transition: all .3s ease-in-out;
    overflow: hidden;
    background: var(--base-surface)
}

body .GameListItemTypeB__details, body .GameListItemTypeB__overlay {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

body .GameListItemTypeB__details {
    padding: 12px 12px 16px
}

@media (max-width: 1919.98px) {
    body .GameListItemTypeB__details {
        padding: 12px 12px 2px
    }
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeB__details {
        padding: 8px
    }
}

@media (max-width: 1023.98px) {
    body .GameListItemTypeB__details {
        justify-content: flex-end
    }
}

body .GameListItemTypeB__topActions {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: auto
}

@media (max-width: 1023.98px) {
    body .GameListItemTypeB__topActions {
        position: absolute;
        top: 8px;
        width: calc(100% - 16px)
    }
}

body .GameListItemTypeB__favorite {
    height: 20px;
    width: 21px;
    margin-left: auto;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/profile-favoriteGames.svg);
    mask-image: url(/iconPack/profile-favoriteGames.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

body .GameListItemTypeB__favorite_yes {
    -webkit-mask-image: url(/iconPack/favoriteYes.svg);
    mask-image: url(/iconPack/favoriteYes.svg)
}

body .GameListItemTypeB__favorite_loading {
    -webkit-mask-image: url(/iconPack/favoriteLoading.svg);
    mask-image: url(/iconPack/favoriteLoading.svg);
    animation: GameListItemAnimationTypeB_favoriteLoading 2s linear infinite
}

body .GameListItemTypeB__textBlock {
    width: 100%
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeB__textBlock {
        display: none
    }
}

body .GameListItemTypeB__title {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    z-index: 1;
    transition: .3s;
    color: var(--base-text-primary);
    text-transform: capitalize;
    margin-bottom: 2px
}

body .GameListItemTypeB__description {
    color: var(--base-text-secondary)
}

body .GameListItemTypeB__buttons {
    display: grid;
    grid-template-areas:"demo real";
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
    margin-top: 6px;
    align-items: end;
    justify-content: center
}

@media (max-width: 1919.98px) {
    body .GameListItemTypeB__buttons {
        padding-bottom: 8px
    }
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeB__buttons {
        grid-template-areas:"demo" "real";
        grid-template-columns:1fr;
        grid-template-rows:auto;
        margin-top: 0;
        align-items: center;
        padding-bottom: 0
    }
}

@media (max-width: 768px) {
    body .GameListItemTypeB__buttons {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

body .GameListItemTypeB__button {
    width: 100%
}

@media (max-width: 1023.98px) {
    body .GameListItemTypeB__button {
        text-align: center
    }
}

body .GameListItemTypeB__button .LinkButton__button {
    font-weight: 600
}

@media (max-width: 1023.98px) {
    body .GameListItemTypeB__button .LinkButton__button_typeSecondary {
        width: -moz-fit-content;
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
        background: transparent;
        text-decoration: underline;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none
    }

    body .GameListItemTypeB__button .LinkButton__button_typeSecondary:hover {
        text-decoration: none
    }
}

@media (max-width: 768px) {
    body .GameListItemTypeB__button_playContainer {
        position: relative;
        transition: none;
        width: 40px;
        height: 40px;
        background: var(--primary-solid);
        border-radius: 50%
    }

    body .GameListItemTypeB__button_circlePlay {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 16px;
        width: 24px;
        transform: translate(-50%, -50%);
        margin: 0;
        -webkit-mask-image: url(/iconPack/play.svg);
        mask-image: url(/iconPack/play.svg);
        -webkit-mask-size: cover;
        mask-size: cover;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        background: var(--base-text-on-color-bg)
    }

    body .GameListItemTypeB__button_demo {
        display: flex;
        justify-content: center;
        width: auto;
        margin-bottom: 12px
    }
}

@media (max-width: 768px)and (max-width: 768px) {
    body .GameListItemTypeB__button_demo {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    body .GameListItemTypeB__button_demo .LinkButton {
        z-index: 1;
        display: inline-flex
    }
}

@keyframes GameListItemAnimationTypeB_favoriteLoading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

body .GameListItemTypeC {
    position: relative
}

body .GameListItemTypeC:hover {
    cursor: pointer;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

body .GameListItemTypeC:hover .GameListItemTypeC__buttons, body .GameListItemTypeC:hover .GameListItemTypeC__favorite, body .GameListItemTypeC:hover .GameListItemTypeC__gameTournaments, body .GameListItemTypeC:hover .GameListItemTypeC__rtpTooltip {
    visibility: visible;
    opacity: 1
}

body .GameListItemTypeC:hover .GameTournamentsInfo__icon, body .GameListItemTypeC:hover .InfoRTPBlockContent__icon, body .GameListItemTypeC:hover .InfoRTPTooltip__icon {
    color: var(--base-text-on-color-bg)
}

body .GameListItemTypeC:hover .GameListItemTypeC__details {
    opacity: 0;
    visibility: hidden
}

body .GameListItemTypeC__card {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 2px 0 hsla(0, 0%, 49%, .12);
    overflow: hidden
}

body .GameListItemTypeC__card_isFirstInConstructor .GameListItemTypeC__buttons, body .GameListItemTypeC__card_isFirstInConstructor .GameListItemTypeC__favorite, body .GameListItemTypeC__card_isFirstInConstructor .GameListItemTypeC__gameTournaments {
    visibility: visible;
    opacity: 1
}

body .GameListItemTypeC__card_isFirstInConstructor .GameListItemTypeC__details {
    opacity: 0;
    visibility: hidden
}

body .GameListItemTypeC__image {
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

body .GameListItemTypeC__image_placeholder {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: auto
}

body .GameListItemTypeC__overlay {
    visibility: visible;
    overflow: hidden;
    bottom: 0;
    box-shadow: 0 2px 0 hsla(0, 0%, 49%, .12);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--base-surface);
    margin-top: auto
}

body .GameListItemTypeC__overlay.radiusCard {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

body .GameListItemTypeC__details {
    opacity: 1;
    transition: all .3s ease-in-out;
    height: 76px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    background: var(--base-surface);
    padding: 12px 20px
}

body .GameListItemTypeC__title {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    z-index: 1;
    transition: .3s;
    color: var(--base-text-primary);
    text-transform: capitalize
}

body .GameListItemTypeC__description {
    color: var(--base-text-secondary)
}

body .GameListItemTypeC__buttons {
    position: absolute;
    height: 76px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    display: grid;
    grid-template-columns:50% 50%;
    grid-column-gap: 8px;
    padding: 18px 20px;
    transition: all .3s ease-in-out;
    bottom: 0
}

body .GameListItemTypeC__buttons_solo {
    grid-template-columns:1fr
}

body .GameListItemTypeC__button {
    flex-grow: 1
}

body .GameListItemTypeC__button .LinkButton__button {
    font-weight: 600
}

body .GameListItemTypeC__gameTournaments, body .GameListItemTypeC__rtpTooltip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 12px;
    left: 20px
}

body .GameListItemTypeC__gameTournaments_rtp {
    left: 50%
}

body .GameListItemTypeC__favorite {
    visibility: hidden;
    opacity: 0;
    height: 20px;
    width: 21px;
    position: absolute;
    top: 12px;
    right: 20px;
    background-color: var(--base-text-on-color-bg);
    -webkit-mask-image: url(/iconPack/profile-favoriteGames.svg);
    mask-image: url(/iconPack/profile-favoriteGames.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

body .GameListItemTypeC__favorite_yes {
    -webkit-mask-image: url(/iconPack/favoriteYes.svg);
    mask-image: url(/iconPack/favoriteYes.svg)
}

body .GameListItemTypeC__favorite_loading {
    -webkit-mask-image: url(/iconPack/favoriteLoading.svg);
    mask-image: url(/iconPack/favoriteLoading.svg);
    animation: GameListItemAnimationTypeC_favoriteLoading 2s linear infinite
}

@keyframes GameListItemAnimationTypeC_favoriteLoading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

body .GameListItemTypeD__item {
    display: block;
    position: relative
}

body .GameListItemTypeD__item_isFirstInConstructor .GameListItemTypeD__overlay {
    border: 2px solid var(--primary-solid);
    visibility: visible;
    background-color: var(--base-surface);
    opacity: 1
}

body .GameListItemTypeD__item_isFirstInConstructor .GameListItemTypeD__imageWrapper {
    visibility: hidden;
    opacity: 0
}

body .GameListItemTypeD__item_big {
    grid-column: span 2;
    grid-row: auto/span 2
}

body .GameListItemTypeD__item_small .GameListItemTypeD__buttons, body .GameListItemTypeD__item_small .GameListItemTypeD__details, body .GameListItemTypeD__item_small .GameListItemTypeD__gameTournaments, body .GameListItemTypeD__item_small .GameListItemTypeD__rtpTooltip {
    padding: 20px
}

@media (max-width: 1919.98px) {
    body .GameListItemTypeD__item_small .GameListItemTypeD__buttons, body .GameListItemTypeD__item_small .GameListItemTypeD__details, body .GameListItemTypeD__item_small .GameListItemTypeD__gameTournaments, body .GameListItemTypeD__item_small .GameListItemTypeD__rtpTooltip {
        padding: 12px
    }
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeD__item_small .GameListItemTypeD__details {
        display: none
    }

    body .GameListItemTypeD__item_small .GameListItemTypeD__overlay {
        transition: none
    }
}

body .GameListItemTypeD__item_small .GameListItemTypeD__button_playContainer {
    height: 72px;
    width: 72px
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeD__item_small .GameListItemTypeD__button_playContainer {
        height: 40px;
        width: 40px
    }
}

body .GameListItemTypeD__item_small .GameListItemTypeD__button_play {
    height: 25px;
    width: 38px;
    margin-left: 5px
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeD__item_small .GameListItemTypeD__button_play {
        height: 16px;
        width: 24px
    }
}

body .GameListItemTypeD__item_small:hover .GameListItemTypeD__imageWrapper {
    visibility: hidden;
    opacity: 0
}

body .GameListItemTypeD__item_small:hover .GameListItemTypeD__overlay {
    visibility: visible;
    opacity: 1
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeD__item_small:hover .GameListItemTypeD__overlay {
        justify-content: center
    }

    body .GameListItemTypeD__item_small:hover .GameListItemTypeD__buttons {
        width: 100%;
        justify-content: center;
        align-items: center
    }

    body .GameListItemTypeD__item_small:hover .GameListItemTypeD__button_playContainer {
        position: static;
        transform: none;
        display: flex;
        justify-content: center;
        align-items: center
    }

    body .GameListItemTypeD__item_small:hover .GameListItemTypeD__button_play {
        position: static;
        transform: none
    }
}

@media (max-width: 434.98px) {
    body .GameListItemTypeD__item_small:hover .GameListItemTypeD__buttons {
        width: 100%;
        justify-content: flex-end;
        align-items: center
    }
}

@media (max-width: 767.98px) {
    body .GameListItemTypeD__item_small .FreespinInfo__freespin_D > span {
        display: none
    }

    body .GameListItemTypeD__item_small .FreespinInfo__freespin_D .Icon {
        margin-right: -10px
    }
}

body .GameListItemTypeD__item:hover {
    cursor: pointer;
    background-color: var(--base-surface)
}

body .GameListItemTypeD__item:hover .GameListItemTypeD__overlay {
    visibility: visible;
    opacity: 1;
    border: 2px solid var(--primary-solid)
}

body .GameListItemTypeD__item:hover .GameListItemTypeD__imageWrapper {
    visibility: hidden;
    opacity: 0
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeD__item .GameListItemTypeD__title {
        font-size: 32px;
        line-height: 44px
    }
}

@media (max-width: 767.98px) {
    body .GameListItemTypeD__item .GameListItemTypeD__title {
        font-size: 24px;
        line-height: 32px
    }
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeD__item .GameListItemTypeD__description {
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 767.98px) {
    body .GameListItemTypeD__item .GameListItemTypeD__description {
        font-size: 16px;
        line-height: 24px
    }
}

body .GameListItemTypeD__item .GameListItemTypeD__buttons, body .GameListItemTypeD__item .GameListItemTypeD__details, body .GameListItemTypeD__item .GameListItemTypeD__gameTournaments, body .GameListItemTypeD__item .GameListItemTypeD__rtpTooltip {
    padding: 32px
}

@media (max-width: 1919.98px) {
    body .GameListItemTypeD__item .GameListItemTypeD__buttons, body .GameListItemTypeD__item .GameListItemTypeD__details, body .GameListItemTypeD__item .GameListItemTypeD__gameTournaments, body .GameListItemTypeD__item .GameListItemTypeD__rtpTooltip {
        padding: 24px
    }
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeD__item .GameListItemTypeD__buttons, body .GameListItemTypeD__item .GameListItemTypeD__details, body .GameListItemTypeD__item .GameListItemTypeD__gameTournaments, body .GameListItemTypeD__item .GameListItemTypeD__rtpTooltip {
        padding: 20px
    }
}

@media (max-width: 767.98px) {
    body .GameListItemTypeD__item .GameListItemTypeD__buttons, body .GameListItemTypeD__item .GameListItemTypeD__details, body .GameListItemTypeD__item .GameListItemTypeD__gameTournaments, body .GameListItemTypeD__item .GameListItemTypeD__rtpTooltip {
        padding: 16px
    }
}

body .GameListItemTypeD__item .GameListItemTypeD__button_playContainer {
    height: 96px;
    width: 96px
}

@media (max-width: 767.98px) {
    body .GameListItemTypeD__item .GameListItemTypeD__button_playContainer {
        height: 72px;
        width: 72px
    }
}

body .GameListItemTypeD__item .GameListItemTypeD__button_play {
    height: 40px;
    width: 60px;
    margin-left: 4px
}

@media (max-width: 767.98px) {
    body .GameListItemTypeD__item .GameListItemTypeD__button_play {
        height: 25px;
        width: 38px
    }
}

body .GameListItemTypeD__imageWrapper {
    height: 100%;
    width: 100%;
    transition: all .3s ease-in-out;
    position: relative
}

body .GameListItemTypeD__imageWrapper:before {
    display: block;
    padding-top: 66.6666666667%;
    content: ""
}

@media (max-width: 767.98px) {
    body .GameListItemTypeD__imageWrapper {
        position: relative
    }

    body .GameListItemTypeD__imageWrapper:before {
        display: block;
        padding-top: 72.5%;
        content: ""
    }
}

body .GameListItemTypeD__image {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover
}

body .GameListItemTypeD__image_placeholder {
    width: 100px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body .GameListItemTypeD__overlay {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: var(--base-card-shadow)
}

body .GameListItemTypeD__details {
    overflow: hidden;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    opacity: 1
}

body .GameListItemTypeD__gameTournaments, body .GameListItemTypeD__rtpTooltip {
    position: absolute;
    left: 0;
    top: 0
}

body .GameListItemTypeD__gameTournaments_rtp {
    left: 41%
}

@media (max-width: 767.98px) {
    body .GameListItemTypeD__gameTournaments_rtp {
        left: 38%
    }
}

body .GameListItemTypeD__gameTournaments_isBig {
    left: 45%
}

@media (max-width: 767.98px) {
    body .GameListItemTypeD__gameTournaments_isBig {
        left: 43%
    }
}

body .GameListItemTypeD__title {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    z-index: 1;
    transition: all .3s ease-in-out;
    color: var(--base-text-primary);
    text-transform: capitalize
}

body .GameListItemTypeD__description {
    color: var(--base-text-secondary)
}

body .GameListItemTypeD__buttons {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    row-gap: 12px
}

body .GameListItemTypeD__buttons .LinkButton__button {
    font-weight: 600
}

@media (max-width: 767.98px) {
    body .GameListItemTypeD__buttons {
        row-gap: 8px
    }
}

@media (max-width: 434.98px) {
    body .GameListItemTypeD__wrapperButtons {
        display: flex;
        flex-direction: row-reverse;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        transition: all .3s ease-in-out
    }
}

body .GameListItemTypeD__button {
    margin: 4px;
    color: var(--base-text-primary);
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

@media (max-width: 434.98px) {
    body .GameListItemTypeD__button {
        margin: 0;
        font-size: 14px
    }
}

body .GameListItemTypeD__button_playContainer {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: none;
    width: 100px;
    height: 100px;
    background: var(--primary-solid);
    border-radius: 50%
}

body .GameListItemTypeD__button_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    -webkit-mask-image: url(/iconPack/play.svg);
    mask-image: url(/iconPack/play.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

body .GameListItemTypeD__button_play, body .GameListItemTypeD__favorite {
    background-color: var(--base-text-secondary);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

body .GameListItemTypeD__favorite {
    height: 20px;
    width: 21px;
    margin-left: auto;
    margin-bottom: auto;
    -webkit-mask-image: url(/iconPack/profile-favoriteGames.svg);
    mask-image: url(/iconPack/profile-favoriteGames.svg);
    -webkit-mask-size: contain;
    mask-size: contain
}

@media (max-width: 434.98px) {
    body .GameListItemTypeD__favorite {
        position: absolute;
        right: 9px;
        top: 13px
    }
}

body .GameListItemTypeD__favorite_yes {
    -webkit-mask-image: url(/iconPack/favoriteYes.svg);
    mask-image: url(/iconPack/favoriteYes.svg)
}

body .GameListItemTypeD__favorite_loading {
    -webkit-mask-image: url(/iconPack/favoriteLoading.svg);
    mask-image: url(/iconPack/favoriteLoading.svg);
    animation: GameListItemAnimationTypeD_favoriteLoading 2s linear infinite
}

@keyframes GameListItemAnimationTypeD_favoriteLoading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

body .GameListItemTypeE__item {
    display: block;
    position: relative;
    overflow: hidden
}

body .GameListItemTypeE__item_isFirstInConstructor .GameListItemTypeE__imageWrapper {
    visibility: hidden;
    opacity: 0
}

body .GameListItemTypeE__item_isFirstInConstructor .GameListItemTypeE__overlay {
    visibility: visible;
    border: 2px solid var(--primary-solid);
    opacity: 1;
    background: var(--base-elements-hover)
}

body .GameListItemTypeE__item_big {
    grid-column: span 2;
    grid-row: span 2
}

@media (max-width: 767.98px) {
    body .GameListItemTypeE__item_big .GameListItemTypeE__title {
        font-size: 24px;
        line-height: 32px
    }
}

body .GameListItemTypeE__item_big .GameListItemTypeE__details {
    padding: 32px
}

@media (max-width: 1919.98px) {
    body .GameListItemTypeE__item_big .GameListItemTypeE__details {
        padding: 24px
    }
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeE__item_big .GameListItemTypeE__details {
        padding: 20px
    }
}

body .GameListItemTypeE__item_big .GameListItemTypeE__details:after {
    content: "";
    background: var(--base-elements-hover);
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity .3s linear
}

body .GameListItemTypeE__item_big .GameListItemTypeE__button_playContainer {
    height: 96px;
    width: 96px
}

body .GameListItemTypeE__item_big .GameListItemTypeE__button_play {
    height: 40px;
    width: 60px
}

body .GameListItemTypeE__item_big:hover .GameListItemTypeE__overlay {
    visibility: visible;
    opacity: 1
}

body .GameListItemTypeE__item_small .GameListItemTypeE__details {
    padding: 20px
}

body .GameListItemTypeE__item_small .GameListItemTypeE__button_playContainer {
    height: 72px;
    width: 72px
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeE__item_small .GameListItemTypeE__button_playContainer {
        height: 40px;
        width: 40px
    }
}

body .GameListItemTypeE__item_small .GameListItemTypeE__button_play {
    height: 25px;
    width: 38px
}

@media (max-width: 1279.98px) {
    body .GameListItemTypeE__item_small .GameListItemTypeE__button_play {
        height: 16px;
        width: 24px
    }
}

body .GameListItemTypeE__item_small:hover .GameListItemTypeE__imageWrapper {
    visibility: hidden;
    opacity: 0
}

body .GameListItemTypeE__item_small:hover .GameListItemTypeE__overlay {
    visibility: visible;
    opacity: 1
}

body .GameListItemTypeE__item:hover {
    cursor: pointer;
    background-color: var(--base-surface)
}

body .GameListItemTypeE__item:hover .GameListItemTypeE__overlay {
    border: 2px solid var(--primary-solid)
}

body .GameListItemTypeE__item:hover .GameListItemTypeE__details:after {
    opacity: .8
}

body .GameListItemTypeE__item:hover .GameListItemTypeE__details > * {
    z-index: 1
}

body .GameListItemTypeE__details {
    position: relative
}

body .GameListItemTypeE__imageWrapper {
    height: 100%;
    width: 100%;
    transition: all .3s ease-in-out;
    position: relative
}

body .GameListItemTypeE__imageWrapper:before {
    display: block;
    padding-top: 150%;
    content: ""
}

body .GameListItemTypeE__image {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover
}

body .GameListItemTypeE__image_placeholder {
    width: 100px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body .GameListItemTypeE__overlay {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    box-shadow: none;
    transition: all .3s ease-in-out;
    width: 100%;
    height: 100%;
    bottom: 0;
    border: 2px solid transparent;
    left: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: transparent;
    background: var(--base-card-shadow)
}

body .GameListItemTypeE__details {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    opacity: 1
}

body .GameListItemTypeE__topActions {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

body .GameListItemTypeE__favorite {
    height: 20px;
    width: 21px;
    margin-left: auto;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/profile-favoriteGames.svg);
    mask-image: url(/iconPack/profile-favoriteGames.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

body .GameListItemTypeE__favorite_yes {
    -webkit-mask-image: url(/iconPack/favoriteYes.svg);
    mask-image: url(/iconPack/favoriteYes.svg)
}

body .GameListItemTypeE__favorite_loading {
    -webkit-mask-image: url(/iconPack/favoriteLoading.svg);
    mask-image: url(/iconPack/favoriteLoading.svg);
    animation: GameListItemAnimationTypeE_favoriteLoading 2s linear infinite
}

body .GameListItemTypeE__title {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    z-index: 1;
    transition: .3s;
    color: var(--base-text-primary);
    text-transform: capitalize
}

body .GameListItemTypeE__description {
    color: var(--base-text-secondary)
}

body .GameListItemTypeE__buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all .3s ease-in-out;
    margin: auto;
    row-gap: 16px
}

@media (max-width: 767.98px) {
    body .GameListItemTypeE__buttons {
        row-gap: 12px
    }
}

body .GameListItemTypeE__button {
    margin: 4px;
    color: var(--base-text-primary);
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

body .GameListItemTypeE__button .LinkButton__button {
    font-weight: 600
}

body .GameListItemTypeE__button_playContainer {
    position: relative;
    transition: none;
    width: 72px;
    height: 72px;
    background: var(--primary-solid);
    border-radius: 50%
}

body .GameListItemTypeE__button_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    -webkit-mask-image: url(/iconPack/play.svg);
    mask-image: url(/iconPack/play.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    background: var(--base-text-on-color-bg)
}

@keyframes GameListItemAnimationTypeE_favoriteLoading {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

body .GameGroupWidgetTypeA__listTypeA, body .GameListTypeA {
    display: grid;
    justify-content: center;
    grid-template-columns:repeat(8, minmax(auto, 100%));
    grid-gap: 32px 24px
}

@media (max-width: 1919.98px) {
    body .GameGroupWidgetTypeA__listTypeA, body .GameListTypeA {
        grid-template-columns:repeat(6, minmax(auto, 100%));
        grid-gap: 32px 24px
    }
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeA__listTypeA, body .GameListTypeA {
        grid-template-columns:repeat(5, minmax(auto, 100%));
        grid-gap: 24px 16px
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeA__listTypeA, body .GameListTypeA {
        grid-template-columns:repeat(3, minmax(auto, 100%));
        grid-gap: 16px 8px
    }
}

body .GameListTypeA__slider {
    max-width: calc(100% + 15px);
    overflow: hidden;
    padding: 40px 10px 10px 5px;
    margin: 0 -10px -10px -5px
}

body .GameListTypeA__slide {
    width: 100%;
    height: 100%
}

body .GameGroupWidgetTypeB__listTypeB, body .GameListTypeB {
    display: grid;
    justify-content: center;
    grid-template-columns:repeat(6, minmax(auto, 100%));
    grid-gap: 32px 24px
}

@media (max-width: 1649.98px) {
    body .GameGroupWidgetTypeB__listTypeB, body .GameListTypeB {
        grid-template-columns:repeat(5, minmax(auto, 100%))
    }
}

@media (max-width: 1439.98px) {
    body .GameGroupWidgetTypeB__listTypeB, body .GameListTypeB {
        grid-template-columns:repeat(4, minmax(auto, 100%));
        grid-gap: 32px 24px
    }
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeB__listTypeB, body .GameListTypeB {
        grid-template-columns:repeat(4, minmax(auto, 100%));
        grid-gap: 24px 16px
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeB__listTypeB, body .GameListTypeB {
        grid-template-columns:repeat(2, minmax(auto, 100%));
        grid-gap: 16px 8px
    }
}

body .GameGroupWidgetTypeC__listTypeC, body .GameListTypeC {
    display: grid;
    justify-content: center;
    grid-auto-rows: 1fr;
    grid-template-columns:repeat(4, 1fr);
    grid-gap: 32px
}

@media (max-width: 1919.98px) {
    body .GameGroupWidgetTypeC__listTypeC, body .GameListTypeC {
        grid-template-columns:repeat(3, 1fr);
        grid-gap: 28px
    }
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeC__listTypeC, body .GameListTypeC {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 24px
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeC__listTypeC, body .GameListTypeC {
        grid-template-columns:1fr;
        grid-gap: 16px
    }
}

body .GameGroupWidgetTypeD__listTypeD, body .GameListTypeD {
    display: grid;
    justify-content: center;
    grid-template-columns:repeat(4, minmax(auto, 100%));
    grid-gap: 40px
}

@media (max-width: 1919.98px) {
    body .GameGroupWidgetTypeD__listTypeD, body .GameListTypeD {
        grid-template-columns:repeat(3, minmax(auto, 100%));
        grid-gap: 40px
    }
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeD__listTypeD, body .GameListTypeD {
        grid-template-columns:repeat(3, minmax(auto, 100%));
        grid-gap: 32px
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeD__listTypeD, body .GameListTypeD {
        grid-template-columns:repeat(2, minmax(auto, 100%));
        grid-gap: 16px 8px
    }
}

body .GameGroupWidgetTypeE__listTypeE, body .GameListTypeE {
    display: grid;
    justify-content: center;
    grid-template-columns:repeat(6, minmax(auto, 100%));
    grid-gap: 36px
}

@media (max-width: 1919.98px) {
    body .GameGroupWidgetTypeE__listTypeE, body .GameListTypeE {
        grid-template-columns:repeat(5, minmax(auto, 100%));
        grid-gap: 40px
    }
}

@media (max-width: 1279.98px) {
    body .GameGroupWidgetTypeE__listTypeE, body .GameListTypeE {
        grid-template-columns:repeat(5, minmax(auto, 100%));
        grid-gap: 36px
    }
}

@media (max-width: 767.98px) {
    body .GameGroupWidgetTypeE__listTypeE, body .GameListTypeE {
        grid-template-columns:repeat(2, minmax(auto, 100%));
        grid-gap: 16px 8px
    }
}

body .NoGames__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: 814px;
    margin: auto;
    padding: 40px 0;
    background: var(--base-surface);
    text-align: center;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

body .NoGames__container .Button_typePrimary {
    padding: 8px 16px;
    gap: 8px;
    width: 180px;
    height: 40px;
    background: var(--primary-solid);
    color: var(--base-text-on-color-bg);
    font-weight: 600
}

body .NoGames__logo {
    width: 140px;
    height: 140px;
    margin: 0 auto 40px
}

@media (max-width: 767.98px) {
    body .NoGames__logo {
        width: 120px;
        height: 120px;
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    body .NoGames__logo {
        width: 100px;
        height: 100px;
        padding: 0 10px;
        margin-bottom: 20px
    }
}

body .NoGames__logoImage {
    width: 100%
}

body .NoGames__icon {
    width: 100%;
    height: 100%;
    color: var(--primary-solid)
}

body .NoGames__title {
    text-align: center;
    color: var(--base-text-primary);
    margin-bottom: 8px
}

@media (max-width: 767.98px) {
    body .NoGames__title {
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width: 434.98px) {
    body .NoGames__title {
        font-size: 20px;
        line-height: 28px
    }
}

body .NoGames__text {
    text-align: center;
    color: var(--base-text-secondary);
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    body .NoGames__text {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    body .NoGames__text {
        font-size: 12px;
        line-height: 20px;
        max-width: 240px;
        margin: 0 auto 20px
    }
}

body .NoGames__button {
    margin: 0 auto;
    text-decoration: none
}

body .NoGames__selects {
    display: grid;
    grid-template-columns:1fr 1fr;
    align-items: center;
    grid-gap: 16px;
    margin-bottom: 24px
}

@media (max-width: 1279.98px) {
    body .NoGames__selects {
        justify-content: flex-end
    }
}

@media (max-width: 767.98px) {
    body .NoGames__selects {
        grid-template-columns:1fr
    }
}

body .GameError {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 814px;
    min-height: 464px;
    background-color: var(--base-surface);
    position: relative;
    padding: 70px 40px 40px;
    margin: 0 auto;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

@media (max-width: 1279.98px) {
    body .GameError {
        width: 100%;
        padding: 70px 32px 40px
    }
}

@media (max-width: 1023.98px) {
    body .GameError {
        padding: 60px 20px 40px;
        max-width: 714px;
        min-height: 372px
    }
}

@media (max-width: 434.98px) {
    body .GameError {
        min-height: 276px;
        padding: 37px 20px 20px
    }
}

body .GameError__title {
    font-style: normal;
    font-size: 36px;
    line-height: 48px;
    color: var(--base-text-primary);
    text-transform: none;
    margin-top: 70px;
    text-align: center
}

@media (max-width: 1023.98px) {
    body .GameError__title {
        font-size: 28px;
        line-height: 36px;
        margin-top: 52px
    }
}

@media (max-width: 434.98px) {
    body .GameError__title {
        font-size: 20px;
        line-height: 28px;
        margin-top: 38px
    }
}

body .GameError__text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: var(--base-text-secondary);
    text-transform: none;
    margin-top: 8px
}

@media (max-width: 1023.98px) {
    body .GameError__text {
        font-size: 14px;
        margin-top: 8px
    }
}

@media (max-width: 434.98px) {
    body .GameError__text {
        font-size: 12px;
        line-height: 20px
    }
}

body .GameError__homeButton {
    margin-top: 40px;
    background: var(--primary-solid);
    color: var(--base-text-on-color-bg)
}

@media (max-width: 1023.98px) {
    body .GameError__homeButton {
        margin-top: 32px
    }
}

@media (max-width: 434.98px) {
    body .GameError__homeButton {
        margin-top: 20px
    }
}

body .GameError button.GameError__homeButton {
    width: auto;
    min-width: 180px
}

body .GameError__icon {
    height: 118px;
    width: 118px;
    color: var(--primary-solid)
}

body .GameError__icon .Icon, body .GameError__icon span, body .GameError__icon svg {
    width: 100%;
    height: 100%
}

@media (max-width: 1023.98px) {
    body .GameError__icon {
        height: 80px;
        width: 80px
    }
}

@media (max-width: 434.98px) {
    body .GameError__icon {
        height: 65px;
        width: 65px
    }
}

body .GameError__blockedInfo {
    display: flex;
    align-items: center;
    color: #ecbe47;
    font-size: 16px;
    padding: 20px 0
}

body .GameError__blockedWarning {
    margin-right: 4px
}

body .Games__menuTitle {
    flex: 1 1 100%;
    max-width: 100%
}

body .Games__title {
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 0;
    font-size: 44px;
    line-height: 52px
}

@media (max-width: 1279.98px) {
    body .Games__title {
        font-size: 36px;
        line-height: 48px
    }
}

@media (max-width: 767.98px) {
    body .Games__title {
        font-size: 28px;
        line-height: 36px
    }
}

body .Games__menuLink {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 16px
}

body .Games__backLink {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--base-text-on-color-bg);
    cursor: pointer
}

body .Games__backLink, body .Games__backLink:before {
    display: inline-block;
    transition: all .3s ease-in-out
}

body .Games__backLink:before {
    content: "";
    width: 18px;
    height: 10px;
    margin-right: 10px;
    background-color: var(--base-text-primary);
    -webkit-mask-image: url(/iconPack/go-forward.svg);
    mask-image: url(/iconPack/go-forward.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

body .Games__backLink:hover {
    background: transparent
}

body .Games__backLink:hover:before {
    transform: translateX(-5px)
}

body .Games.GroupGames .Games__paginationButton {
    display: none
}

body .Games.GroupGames .Games__paginationList {
    display: block;
    margin-top: 24px
}

body .Games.GroupGames .Games__groupList {
    display: none
}

body .GameCurrencySelector__container {
    max-width: 500px;
    padding: 20px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

body .GameCurrencySelector__warningIcon {
    width: 24px;
    height: 24px;
    color: var(--base-text-primary)
}

body .GameCurrencySelector__title {
    margin-top: 16px;
    text-align: center;
    color: var(--base-text-primary)
}

body .GameCurrencySelector__description {
    margin-top: 8px;
    text-align: center;
    color: var(--base-text-secondary)
}

body .GameCurrencySelector__dropdownContainer {
    position: relative;
    min-width: 150px;
    max-width: 200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

@media (max-width: 767.98px) {
    body .GameCurrencySelector__dropdownContainer {
        width: calc(100% - 40px);
        max-width: none
    }
}

body .GameCurrencySelector__currencyItem {
    flex: 1 1 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

body .GameCurrencySelector__currencyIcon {
    flex: 0 0 auto;
    margin-right: 8px
}

body .GameCurrencySelector__currencyName {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    margin-right: 8px;
    color: var(--base-text-primary);
    transition: color .2s ease-in-out
}

body .GameCurrencySelector__trigger {
    margin-top: 8px;
    cursor: pointer;
    width: 100%;
    padding: 8px 16px;
    border: .8px solid transparent;
    background: var(--base-elements);
    transition: border-color .2s ease-in-out;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

body .GameCurrencySelector__trigger_active {
    border: .8px solid var(--primary-solid)
}

body .GameCurrencySelector__triggerArrow {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    margin-left: auto;
    color: var(--base-text-secondary)
}

body .GameCurrencySelector__triggerArrow_reverted {
    transform: rotate(180deg)
}

body .GameCurrencySelector__dropdown {
    position: absolute;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    display: none;
    width: 100%;
    max-height: 256px;
    overflow-y: auto;
    padding: 8px 0;
    background: var(--base-elements)
}

body .GameCurrencySelector__dropdown::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .GameCurrencySelector__dropdown::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .GameCurrencySelector__dropdown::-webkit-scrollbar-thumb, body .GameCurrencySelector__dropdown::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .GameCurrencySelector__dropdown::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .GameCurrencySelector__dropdown::-webkit-scrollbar {
        width: 6px
    }

    body .GameCurrencySelector__dropdown::-webkit-scrollbar-thumb, body .GameCurrencySelector__dropdown::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .GameCurrencySelector__dropdown_show {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

body .GameCurrencySelector__dropdownItem {
    padding: 10px 16px;
    width: 100%;
    cursor: pointer;
    background: var(--base-elements);
    transition: background .2s ease-in-out
}

body .GameCurrencySelector__dropdownItem .GameCurrencySelector__currencyIcon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px
}

body .GameCurrencySelector__dropdownItem .GameCurrencySelector__currencyName {
    color: var(--base-text-secondary)
}

body .GameCurrencySelector__dropdownItem:hover, body .GameCurrencySelector__dropdownItem_selected {
    background: var(--base-elements-hover)
}

body .GameCurrencySelector__dropdownItem:hover .GameCurrencySelector__currencyName, body .GameCurrencySelector__dropdownItem_selected .GameCurrencySelector__currencyName {
    color: var(--primary-hover)
}

body .GameCurrencySelector__explanationsContainer {
    margin-top: 16px;
    color: var(--base-text-secondary);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px
}

body .GameCurrencySelector__explanationsList {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    list-style: inside
}

body .InfoBlockTypeA {
    display: block;
    max-width: 100%;
    padding: 40px
}

body .InfoBlockTypeA__container {
    margin: 0 auto
}

body .InfoBlockTypeA__tags {
    margin-top: 20px
}

@media (max-width: 434.98px) {
    body .InfoBlockTypeA__tags {
        margin-top: 8px
    }
}

body .InfoBlockTypeA__grid {
    display: grid;
    grid-template-columns:repeat(2, calc(50% - 12px));
    grid-template-rows:auto;
    grid-column-gap: 24px;
    grid-row-gap: 24px
}

body .InfoBlockTypeA__fullAreaLink {
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    height: 100%
}

body .InfoBlockTypeA__infoCard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    background: transparent;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    width: 100%;
    height: 100%
}

body .InfoBlockTypeA__infoCardContent {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    padding: 32px;
    height: 100%;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(100% - 240px);
    max-width: calc(100% - 240px);
    width: 100%;
    background-color: var(--base-surface)
}

body .InfoBlockTypeA__infoCardContent > a {
    width: max-content
}

body .InfoBlockTypeA__infoCardImage {
    height: 100%;
    max-width: 240px;
    flex: 0 0 240px;
    width: 100%;
    background: var(--primary-gradient)
}

body .InfoBlockTypeA__infoCardImage img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%
}

body .InfoBlockTypeA__infoCardTitle {
    display: block;
    font-size: 2rem;
    line-height: 2.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
    text-transform: none
}

body .InfoBlockTypeA__infoCardDescription {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 32px;
    color: var(--base-text-secondary);
    text-overflow: ellipsis;
    text-transform: none
}

body .InfoBlockTypeA__infoCardDescription, body .InfoBlockTypeA__infoCardDescription > * {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal
}

body .InfoBlockTypeA__infoCardDescription a {
    color: var(--primary-link);
    transition: color .3s
}

body .InfoBlockTypeA__infoCardDescription a:hover {
    color: var(--primary-link-hover)
}

body .InfoBlockTypeA__linkLabel {
    text-decoration: none
}

body .InfoBlockTypeA__infoCardLinkWrapper {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    color: var(--base-text-primary);
    cursor: pointer;
    width: min-content
}

body .InfoBlockTypeA__infoCardLinkWrapper_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 11px;
    transition: all .3s ease-in-out
}

body .InfoBlockTypeA__infoCardLinkWrapper:hover:after {
    transform: scaleX(-1) translateX(-5px)
}

@media (max-width: 1439.98px) {
    body .InfoBlockTypeA__infoCardContent {
        flex: 1 1 100%;
        max-width: 100%;
        padding: 24px 40px
    }

    body .InfoBlockTypeA__infoCardDescription {
        margin-bottom: 20px
    }

    body .InfoBlockTypeA__infoCard {
        width: 100%
    }

    body .InfoBlockTypeA__infoCardImage {
        display: none
    }

    body .InfoBlockTypeA__infoCardTitle {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

@media (max-width: 1279.98px) {
    body .InfoBlockTypeA {
        padding: 32px
    }

    body .InfoBlockTypeA__container {
        width: 100%
    }

    body .InfoBlockTypeA__grid {
        grid-template-columns:repeat(2, calc(50% - 8px));
        grid-column-gap: 16px
    }
}

@media (max-width: 767.98px) {
    body .InfoBlockTypeA {
        padding: 20px
    }

    body .InfoBlockTypeA__infoCard {
        width: 100%
    }

    body .InfoBlockTypeA__infoCardDescription {
        -webkit-line-clamp: 3
    }

    body .InfoBlockTypeA__infoCardLinkWrapper {
        font-size: 14px;
        line-height: 24px
    }

    body .InfoBlockTypeA__infoCardLinkWrapper_icon {
        width: 18px;
        height: 18px;
        margin-left: 11px
    }
}

@media (max-width: 434.98px) {
    body .InfoBlockTypeA__grid {
        grid-template-columns:100%;
        grid-row-gap: 16px;
        justify-items: center
    }

    body .InfoBlockTypeA__infoCard {
        height: auto
    }

    body .InfoBlockTypeA__infoCardContent {
        padding: 16px 20px
    }

    body .InfoBlockTypeA__infoCardTitle {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .InfoBlockTypeA__infoCardDescription {
        font-size: .875rem;
        line-height: 1.5rem;
        margin-top: 8px;
        margin-bottom: 8px
    }
}

body .InfoBlockTypeB {
    display: block;
    max-width: 100%;
    padding: 40px
}

body .InfoBlockTypeB__container {
    margin: 0 auto
}

body .InfoBlockTypeB__tags {
    margin-top: 16px
}

@media (max-width: 767.98px) {
    body .InfoBlockTypeB__tags {
        margin-top: 12px
    }
}

@media (max-width: 434.98px) {
    body .InfoBlockTypeB__tags {
        margin-top: 8px
    }
}

body .InfoBlockTypeB__grid {
    display: grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:auto;
    grid-gap: 24px
}

body .InfoBlockTypeB__fullAreaLink {
    text-decoration: none;
    width: 100%;
    height: 100%
}

body .InfoBlockTypeB__infoCard {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    background: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    max-width: 768px;
    height: 100%;
    flex-direction: column-reverse;
    overflow: hidden
}

@media (max-width: 767.98px) {
    body .InfoBlockTypeB__infoCard {
        overflow: hidden
    }
}

body .InfoBlockTypeB__infoCardContent {
    height: 100%;
    max-width: inherit;
    padding: 32px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: var(--base-surface)
}

body .InfoBlockTypeB__infoCardContent > a {
    width: max-content
}

body .InfoBlockTypeB__infoCardImage {
    background: var(--primary-gradient)
}

body .InfoBlockTypeB__infoCardImage img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 432px
}

body .InfoBlockTypeB__infoCardTitle {
    font-size: 2rem;
    line-height: 2.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    -webkit-line-clamp: 1;
    margin-bottom: 20px;
    white-space: nowrap
}

body .InfoBlockTypeB__infoCardDescription, body .InfoBlockTypeB__infoCardTitle {
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: none
}

body .InfoBlockTypeB__infoCardDescription {
    display: -webkit-box;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    -webkit-line-clamp: 2;
    white-space: normal;
    margin: 16px 0 20px
}

@media (max-width: 767.98px) {
    body .InfoBlockTypeB__infoCardDescription {
        margin-top: 12px
    }
}

@media (max-width: 434.98px) {
    body .InfoBlockTypeB__infoCardDescription {
        margin: 8px 0 16px
    }
}

body .InfoBlockTypeB__infoCardDescription > * {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal
}

body .InfoBlockTypeB__infoCardDescription a {
    color: var(--primary-link);
    transition: color .3s
}

body .InfoBlockTypeB__infoCardDescription a:hover {
    color: var(--primary-link-hover)
}

body .InfoBlockTypeB__linkLabel {
    margin-top: auto;
    text-decoration: none
}

body .InfoBlockTypeB__infoCardLinkWrapper {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    color: var(--base-text-primary);
    cursor: pointer;
    width: min-content
}

body .InfoBlockTypeB__infoCardLinkWrapper_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 11px;
    transition: all .3s ease-in-out
}

body .InfoBlockTypeB__infoCardLinkWrapper:hover:after {
    transform: scaleX(-1) translateX(-5px)
}

@media (max-width: 1919.98px) {
    body .InfoBlockTypeB__infoCardContent {
        padding: 32px
    }
}

@media (max-width: 1279.98px) {
    body .InfoBlockTypeB {
        padding: 32px
    }

    body .InfoBlockTypeB__infoCard {
        max-width: 448px
    }

    body .InfoBlockTypeB__infoCardTitle {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .InfoBlockTypeB__infoCardContent {
        padding: 24px
    }

    body .InfoBlockTypeB__infoCardImage img {
        height: 252px
    }
}

@media (max-width: 767.98px) {
    body .InfoBlockTypeB, body .InfoBlockTypeB__infoCardContent {
        padding: 20px
    }

    body .InfoBlockTypeB__infoCardImage img {
        height: 194px
    }

    body .InfoBlockTypeB__infoCardDescription {
        font-size: 1rem;
        line-height: 1.75rem
    }

    body .InfoBlockTypeB__infoCardLinkWrapper {
        font-size: .875rem;
        line-height: 1.5rem
    }
}

@media (max-width: 434.98px) {
    body .InfoBlockTypeB__grid {
        grid-template-columns:1fr
    }

    body .InfoBlockTypeB__infoCardContent {
        padding: 20px
    }

    body .InfoBlockTypeB__infoCardImage img {
        height: 158px
    }

    body .InfoBlockTypeB__infoCardTitle {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .InfoBlockTypeB__infoCardDescription, body .InfoBlockTypeB__infoCardLinkWrapper {
        font-size: .875rem;
        line-height: 1.5rem
    }
}

body .InfoBlockTypeC {
    display: block;
    max-width: 100%;
    padding: 85px 40px 40px
}

body .InfoBlockTypeC__container {
    margin: 0 auto
}

body .InfoBlockTypeC__tags {
    margin-top: 16px
}

@media (max-width: 767.98px) {
    body .InfoBlockTypeC__tags {
        margin-top: 2px
    }
}

body .InfoBlockTypeC__grid {
    display: grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    grid-column-gap: 24px;
    column-gap: 24px;
    grid-row-gap: 94px;
    row-gap: 94px
}

body .InfoBlockTypeC__fullAreaLink {
    text-decoration: none;
    height: 100%
}

body .InfoBlockTypeC__wrapper {
    max-width: 100%;
    position: relative;
    display: none;
    overflow: hidden;
    padding-top: 58px;
    margin-top: -45px
}

body .InfoBlockTypeC__wrapper .swiper {
    padding: 10px 0;
    position: static;
    overflow: visible
}

body .InfoBlockTypeC__wrapper .swiper-slide {
    width: calc((100% - 180px) / 10);
    margin-right: 20px;
    height: auto !important
}

body .InfoBlockTypeC__wrapper .swiper-button-next, body .InfoBlockTypeC__wrapper .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background: var(--base-elements);
    transition: all .3s ease-in-out
}

body .InfoBlockTypeC__wrapper .swiper-button-next:before, body .InfoBlockTypeC__wrapper .swiper-button-prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .InfoBlockTypeC__wrapper .swiper-button-next:after, body .InfoBlockTypeC__wrapper .swiper-button-prev:after {
    display: none
}

body .InfoBlockTypeC__wrapper .swiper-button-next:hover:before, body .InfoBlockTypeC__wrapper .swiper-button-prev:hover:before {
    background-color: var(--base-text-primary)
}

body .InfoBlockTypeC__wrapper .swiper-button-next {
    right: 10px;
    top: 0;
    border-left: 1px solid var(--base-divider)
}

body .InfoBlockTypeC__wrapper .swiper-button-next:before {
    transform: scaleX(-1)
}

body .InfoBlockTypeC__wrapper .swiper-button-prev {
    top: 0;
    right: 50px
}

body .InfoBlockTypeC__infoCard {
    align-items: center;
    position: relative;
    flex-wrap: nowrap;
    background: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    max-width: 504px
}

body .InfoBlockTypeC__infoCard, body .InfoBlockTypeC__infoCardContent {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
    height: 100%
}

body .InfoBlockTypeC__infoCardContent {
    max-width: inherit;
    text-align: left;
    padding: 32px;
    margin-top: 64px
}

body .InfoBlockTypeC__infoCardContent > a {
    width: max-content
}

body .InfoBlockTypeC__infoCardImage {
    width: 100%;
    max-width: 140px;
    height: 140px;
    border-radius: 16px;
    position: absolute;
    top: -64px;
    left: 32px;
    background: var(--primary-gradient)
}

body .InfoBlockTypeC__infoCardImage img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    object-fit: cover;
    object-position: center
}

body .InfoBlockTypeC__infoCardTitle {
    display: block;
    font-size: 28px;
    line-height: 36px;
    font-weight: 700;
    color: var(--base-text-primary);
    -webkit-line-clamp: 1;
    white-space: nowrap
}

body .InfoBlockTypeC__infoCardDescription, body .InfoBlockTypeC__infoCardTitle {
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: none
}

body .InfoBlockTypeC__infoCardDescription {
    display: -webkit-box;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    margin-top: 16px;
    margin-bottom: 24px;
    color: var(--base-text-secondary);
    -webkit-line-clamp: 2;
    white-space: normal
}

body .InfoBlockTypeC__infoCardDescription > * {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal
}

body .InfoBlockTypeC__infoCardDescription a {
    color: var(--primary-link);
    transition: color .3s
}

body .InfoBlockTypeC__infoCardDescription a:hover {
    color: var(--primary-link-hover)
}

body .InfoBlockTypeC__linkLabel {
    margin-top: auto;
    text-decoration: none
}

body .InfoBlockTypeC__infoCardLinkWrapper {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    color: var(--base-text-primary);
    cursor: pointer;
    width: min-content
}

body .InfoBlockTypeC__infoCardLinkWrapper_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 11px;
    transition: all .3s ease-in-out
}

body .InfoBlockTypeC__infoCardLinkWrapper:hover:after {
    transform: scaleX(-1) translateX(-5px)
}

@media (max-width: 1919.98px) {
    body .InfoBlockTypeC__grid {
        display: none
    }

    body .InfoBlockTypeC .swiper-slide, body .InfoBlockTypeC__wrapper {
        display: block
    }

    body .InfoBlockTypeC__infoCard:last-child :first-child {
        left: 32px
    }

    body .InfoBlockTypeC__infoCard {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width: 1279.98px) {
    body .InfoBlockTypeC {
        padding: 85px 32px 32px
    }

    body .InfoBlockTypeC__fullAreaLink {
        max-width: 448px
    }

    body .InfoBlockTypeC__infoCardContent {
        padding: 16px 24px;
        height: 212px
    }

    body .InfoBlockTypeC__infoCard {
        max-width: 448px;
        width: 100%
    }

    body .InfoBlockTypeC__infoCardImage {
        max-width: 120px;
        width: 100%;
        height: 120px
    }

    body .InfoBlockTypeC__infoCard:last-child :first-child {
        left: 32px
    }

    body .InfoBlockTypeC__infoCardDescription {
        font-size: 16px;
        line-height: 22px;
        white-space: normal
    }
}

@media (max-width: 767.98px) {
    body .InfoBlockTypeC {
        padding: 65px 20px 20px
    }

    body .InfoBlockTypeC__fullAreaLink {
        max-width: 100%
    }

    body .InfoBlockTypeC__infoCardContent {
        padding: 20px;
        row-gap: 12px;
        height: 216px
    }

    body .InfoBlockTypeC__infoCard {
        max-width: 100%;
        width: 100%
    }

    body .InfoBlockTypeC__infoCardTitle {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 6px
    }

    body .InfoBlockTypeC__infoCardImage {
        max-width: 120px;
        width: 100%;
        height: 120px
    }

    body .InfoBlockTypeC__infoCardDescription {
        font-size: 16px;
        line-height: 20px;
        -webkit-line-clamp: 3;
        margin: 0;
        height: 84px
    }

    body .InfoBlockTypeC__infoCardDescription > * {
        -webkit-line-clamp: 3
    }

    body .InfoBlockTypeC__infoCardLinkWrapper {
        font-size: 14px;
        line-height: 24px
    }

    body .InfoBlockTypeC__infoCardLinkWrapper_icon {
        width: 18px;
        height: 9px;
        margin-left: 11px
    }

    body .InfoBlockTypeC .swiper-button-next {
        right: 10px;
        top: 0
    }

    body .InfoBlockTypeC .swiper-button-prev {
        top: 0;
        right: 50px
    }
}

@media (max-width: 434.98px) {
    body .InfoBlockTypeC__grid {
        grid-template-columns:1fr;
        justify-items: center
    }

    body .InfoBlockTypeC__fullAreaLink {
        width: -moz-fit-content;
        width: fit-content
    }

    body .InfoBlockTypeC__infoCard {
        margin-top: 32px
    }

    body .InfoBlockTypeC__infoCardContent {
        padding: 0 20px 20px
    }

    body .InfoBlockTypeC__infoCardImage {
        max-width: 100px;
        width: 100%;
        height: 100px
    }

    body .InfoBlockTypeC__infoCardDescription {
        font-size: .875rem;
        line-height: 1.5rem;
        height: 72px
    }

    body .InfoBlockTypeC .swiper-button-next {
        right: 0;
        top: 40px
    }

    body .InfoBlockTypeC .swiper-button-prev {
        top: 40px;
        right: 40px
    }
}

@media screen and (max-width: 1920px) {
    body .Tags__dropdownList {
        left: auto;
        right: -1px;
        max-height: 120px;
        overflow-y: auto
    }

    body .Tags__dropdownList::-webkit-scrollbar {
        width: 12px;
        background-color: hsla(0, 0%, 100%, 0)
    }

    body .Tags__dropdownList::-webkit-scrollbar-track {
        background-color: var(--base-divider);
        margin: 16px 0
    }

    body .Tags__dropdownList::-webkit-scrollbar-thumb, body .Tags__dropdownList::-webkit-scrollbar-track {
        border-left: 4px solid hsla(0, 0%, 100%, 0);
        border-right: 4px solid hsla(0, 0%, 100%, 0);
        background-clip: padding-box;
        border-radius: 5px
    }

    body .Tags__dropdownList::-webkit-scrollbar-thumb {
        background-color: var(--base-text-secondary)
    }
}

@media screen and (max-width: 1920px)and (max-width: 767.98px) {
    body .Tags__dropdownList::-webkit-scrollbar {
        width: 6px
    }

    body .Tags__dropdownList::-webkit-scrollbar-thumb, body .Tags__dropdownList::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .InfoBlockTypeD {
    display: block;
    max-width: 100%;
    padding: 40px
}

body .InfoBlockTypeD__container {
    margin: 0 auto
}

body .InfoBlockTypeD__tags {
    margin-top: 16px
}

@media (max-width: 767.98px) {
    body .InfoBlockTypeD__tags {
        margin-top: 12px
    }
}

@media (max-width: 434.98px) {
    body .InfoBlockTypeD__tags {
        margin-top: 8px
    }
}

body .InfoBlockTypeD__grid {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:auto;
    grid-column-gap: 40px;
    column-gap: 40px
}

@media (max-width: 434.98px) {
    body .InfoBlockTypeD__grid {
        display: initial
    }
}

body .InfoBlockTypeD__fullAreaLink {
    height: 100%;
    text-decoration: none
}

body .InfoBlockTypeD__infoCard {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 768px;
    height: 100%;
    gap: 40px;
    border-top: 1px solid var(--base-divider);
    border-bottom: 1px solid var(--base-divider);
    margin-bottom: -1px;
    border-radius: 0 !important;
    flex-direction: row-reverse;
    padding: 24px 0
}

body .InfoBlockTypeD__infoCardContent {
    flex-basis: calc(100% - 200px);
    max-width: calc(100% - 200px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    width: 100%;
    height: 100%
}

body .InfoBlockTypeD__infoCardContent > a {
    width: max-content
}

body .InfoBlockTypeD__infoCardImage {
    height: 160px;
    max-width: 160px;
    width: 100%;
    border-radius: 20px;
    flex: 2 1;
    overflow: hidden
}

body .InfoBlockTypeD__infoCardImage > .lazy-load-image-background {
    display: flex !important;
    height: 100%
}

body .InfoBlockTypeD__infoCardImage img {
    display: block;
    height: 100%;
    object-fit: cover;
    max-width: 160px;
    object-position: center
}

body .InfoBlockTypeD__infoCardTitle {
    display: block;
    font-size: 2rem;
    line-height: 2.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    -webkit-line-clamp: 1;
    white-space: nowrap
}

body .InfoBlockTypeD__infoCardDescription, body .InfoBlockTypeD__infoCardTitle {
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: none
}

body .InfoBlockTypeD__infoCardDescription {
    display: -webkit-box;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    margin-top: 16px;
    margin-bottom: 20px;
    color: var(--base-text-secondary);
    -webkit-line-clamp: 2;
    white-space: normal
}

body .InfoBlockTypeD__infoCardDescription > * {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal
}

body .InfoBlockTypeD__infoCardDescription a {
    color: var(--primary-link);
    transition: color .3s
}

body .InfoBlockTypeD__infoCardDescription a:hover {
    color: var(--primary-link-hover)
}

body .InfoBlockTypeD__linkLabel {
    text-decoration: none
}

body .InfoBlockTypeD__infoCardLinkWrapper {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    color: var(--base-text-primary);
    cursor: pointer;
    width: min-content
}

body .InfoBlockTypeD__infoCardLinkWrapper_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 11px;
    transition: all .3s ease-in-out
}

body .InfoBlockTypeD__infoCardLinkWrapper:hover:after {
    transform: scaleX(-1) translateX(-5px)
}

@media (max-width: 1919.98px) {
    body .InfoBlockTypeD__infoCardTitle {
        font-size: 1.5rem;
        line-height: 2rem;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

@media (max-width: 1439.98px) {
    body .InfoBlockTypeD__grid {
        grid-template-columns:1fr;
        width: 100%
    }

    body .InfoBlockTypeD__infoCard {
        max-width: 100%
    }
}

@media (max-width: 1279.98px) {
    body .InfoBlockTypeD {
        padding: 32px
    }

    body .InfoBlockTypeD__container {
        width: 100%
    }

    body .InfoBlockTypeD__infoCard {
        max-width: 100%;
        width: 100%
    }

    body .InfoBlockTypeD__infoCardImage {
        width: 160px;
        height: 160px;
        border-radius: 20px
    }

    body .InfoBlockTypeD__infoCardImage img {
        border-radius: 20px
    }

    body .InfoBlockTypeD__infoCardTitle {
        font-size: 32px
    }

    body .InfoBlockTypeD__infoCardDescription {
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

@media (max-width: 767.98px) {
    body .InfoBlockTypeD {
        padding: 20px
    }

    body .InfoBlockTypeD__infoCard {
        gap: 24px;
        width: 100%
    }

    body .InfoBlockTypeD__infoCardContent {
        max-width: calc(100% - 172px)
    }

    body .InfoBlockTypeD__infoCardImage {
        max-width: 148px;
        height: 148px;
        width: 100%;
        border-radius: 20px
    }

    body .InfoBlockTypeD__infoCardImage img {
        border-radius: 20px;
        max-width: 148px
    }

    body .InfoBlockTypeD__infoCardTitle {
        font-size: 20px;
        line-height: 28px
    }

    body .InfoBlockTypeD__infoCardDescription {
        font-size: 14px;
        line-height: 24px;
        height: 72px;
        -webkit-line-clamp: 3;
        margin: 0
    }

    body .InfoBlockTypeD__infoCardLinkWrapper {
        font-size: 14px;
        line-height: 24px
    }

    body .InfoBlockTypeD__infoCardLinkWrapper_icon {
        width: 18px;
        height: 18px;
        margin-left: 11px
    }
}

@media (max-width: 434.98px) {
    body .InfoBlockTypeD__infoCard {
        display: flex;
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 0;
        padding: 24px 0 0
    }

    body .InfoBlockTypeD__infoCardContent {
        padding: 12px 0;
        height: 188px;
        gap: 6px;
        max-width: 100%
    }

    body .InfoBlockTypeD__infoCardImage {
        width: 80px;
        height: 80px;
        border-radius: 16px
    }

    body .InfoBlockTypeD__infoCardImage img {
        border-radius: 16px;
        max-width: 80px;
        height: 80px
    }

    body .InfoBlockTypeD__infoCardTitle {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .InfoBlockTypeD__infoCardDescription {
        font-size: .875rem;
        line-height: 1.5rem;
        height: 72px
    }
}

body .Input {
    background: var(--base-elements);
    padding: 8px;
    display: flex;
    font-size: 14px;
    max-width: 280px;
    align-items: center
}

body .Input.focused {
    outline: 1px solid var(--primary-solid)
}

body .Input__icon {
    display: flex;
    margin-right: 8px
}

body .Input__clear {
    height: 24px;
    width: 24px;
    display: flex;
    cursor: pointer
}

body .Input__clear_hide {
    cursor: unset
}

body .Input .custom-input {
    background: transparent;
    outline: none;
    border: none;
    color: var(--base-text-primary);
    width: 100%;
    flex: 1 1
}

body .Input .custom-input::placeholder {
    color: var(--base-text-placeholder)
}

body .NoTriggerBonusCard__wrapper {
    background: var(--base-surface);
    padding: 12px
}

body .NoTriggerBonusCard__wrapper_isProfile {
    padding: 24px;
    height: 100%
}

body .NoTriggerBonusCard__title {
    color: var(--primary-solid);
    margin-bottom: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@supports (-webkit-line-clamp:2) {
    body .NoTriggerBonusCard__title {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

body .NoTriggerBonusCard__title_isProfile {
    margin-bottom: 16px;
    font-weight: 700
}

body .NoTriggerBonusCard__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

body .NoTriggerBonusCard__itemTitle {
    color: var(--base-text-secondary)
}

body .NoTriggerBonusCard__divider {
    width: 100%;
    border-bottom: 1px dotted var(--base-divider)
}

body .NoTriggerBonusCard__value {
    display: flex;
    gap: 5px;
    color: var(--base-text-primary);
    text-align: right
}

body .NoTriggerBonusCard__subValue {
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    color: var(--base-text-placeholder)
}

body .NoTriggerBonusCard__button, body .NoTriggerBonusCard__timerContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px
}

body .NoTriggerBonusCard__button_isProfile, body .NoTriggerBonusCard__timerContainer_isProfile {
    margin-top: 16px
}

body .NoTriggerBonusCard__timer .Format {
    color: var(--base-text-placeholder)
}

body .NoTriggerBonusCard__timer .Format__value {
    margin-right: 4px;
    color: var(--base-text-primary)
}

body .NoTriggerBonusCard__timer .Format__delimiter {
    margin: 0 6px;
    color: var(--base-text-placeholder)
}

body .NoTriggerBonusCard__timerLabel {
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    color: var(--base-text-placeholder);
    margin-bottom: 4px;
    text-transform: uppercase
}

body .NoTriggerBonusCard__icon {
    width: 48px;
    height: 48px
}

body .NoTriggerBonusCard__button {
    gap: 12px
}

body .NoTriggerBonusCard__button_isProfile {
    gap: 16px
}

body .Profile__container {
    padding: 40px;
    margin: 0 auto
}

@media (max-width: 1279.98px) {
    body .Profile__container {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .Profile__container {
        padding: 20px
    }
}

body .Profile__container .Icon.Button__leftIcon {
    max-width: 17px
}

@media (max-width: 1279.98px) {
    body .Profile__block {
        max-width: 100%
    }
}

body .Profile__playerBalance {
    padding: 16px;
    background: var(--base-surface);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    margin-bottom: 16px
}

body .Profile__title {
    font-weight: 700;
    font-size: 44px;
    line-height: 52px;
    margin-bottom: 40px;
    color: var(--base-text-primary)
}

body .Profile__content {
    display: grid;
    grid-gap: 24px
}

@media (max-width: 1279.98px) {
    body .Profile__content {
        grid-gap: 32px
    }
}

body .Profile__content_column {
    grid-template-columns:1fr 1fr
}

@media (max-width: 1279.98px) {
    body .Profile__content_column {
        grid-template-columns:100%;
        grid-gap: 32px
    }
}

body .Profile__buttons {
    display: flex;
    justify-content: flex-start;
    grid-gap: 12px;
    padding: 0 0 24px;
    border-bottom: 1px solid var(--base-divider);
    margin-bottom: 24px
}

@media (max-width: 434.98px) {
    body .Profile__buttons {
        border: none;
        padding: 0;
        margin: 0
    }
}

body .Profile__button {
    max-width: max-content;
    min-width: 130px;
    width: 100%
}

@media (max-width: 434.98px) {
    body .Profile__button {
        min-width: unset;
        max-width: 50%;
        width: 50%
    }
}

body .Profile__button_socialControl {
    width: auto
}

body .Profile__button_socialControl:last-of-type {
    margin-left: 16px
}

@media (max-width: 767.98px) {
    body .Profile__button_socialControl {
        width: 50%
    }
}

body .Profile__link {
    padding: 20px 18px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    text-decoration: none;
    background-color: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

body .Profile__link:not(:last-child) {
    margin-bottom: 16px
}

body .Profile__icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    color: var(--base-text-placeholder);
    margin-right: 12px
}

body .Profile__icon_right {
    margin-left: auto
}

body .Profile__linkName {
    display: inline-block;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-right: auto
}

body .Profile__counter {
    display: inline-block;
    padding: 2px 6px;
    background-color: var(--primary-solid);
    text-align: center;
    font-weight: 600;
    color: var(--base-text-on-color-bg);
    position: absolute;
    top: 50%;
    right: 58px;
    transform: translateY(-50%);
    font-family: var(--secondary-font-family)
}

body .Profile__social {
    position: absolute;
    right: 109px;
    top: 29px;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 20px;
    color: #757885
}

@media (max-width: 767.98px) {
    body .Profile__social {
        position: static;
        padding: 24px 0 16px;
        margin: 0 -16px;
        text-align: center;
        border-top: 1px solid #757885
    }
}

body .ImageCropper__modal {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: max-content;
    max-width: 560px;
    overflow: hidden;
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    grid-row-gap: 24px;
    background: var(--base-background);
    box-shadow: 0 4px 30px rgba(0, 0, 0, .45)
}

@media (max-width: 434.98px) {
    body .ImageCropper__modal {
        width: 100%;
        height: 100%;
        border-radius: 0
    }
}

body .ImageCropper__header {
    padding: 18px 16px 18px 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--base-background)
}

@media (max-width: 434.98px) {
    body .ImageCropper__header {
        padding-left: 16px
    }
}

body .ImageCropper__header h3 {
    color: var(--base-text-primary);
    text-transform: none;
    font-style: normal;
    font-weight: 700;
    font-size: 2rem;
    line-height: 36px
}

body .ImageCropper__closeButton {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 24px;
    height: 24px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/close.svg);
    mask-image: url(/iconPack/close.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

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

@media (max-width: 434.98px) {
    body .ImageCropper__cropper {
        padding: 0 16px
    }
}

body .ImageCropper__controls {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around
}

@media (max-width: 434.98px) {
    body .ImageCropper__controls {
        flex-direction: column;
        padding: 0 16px
    }

    body .ImageCropper__inputRange.Profile__slider {
        margin-bottom: 20px;
        width: 100%
    }
}

body .ImageCropper__buttonContainer {
    width: 100%;
    padding: 16px 32px
}

body .ImageCropper__buttonContainer button {
    margin-left: auto
}

@media (max-width: 434.98px) {
    body .ImageCropper__buttonContainer {
        padding: 16px
    }

    body .ImageCropper__buttonContainer button {
        display: block;
        width: 100%;
        text-align: center;
        margin-left: 0
    }
}

body .Profile__slider {
    width: 30%;
    min-width: 200px;
    display: flex;
    flex-direction: column
}

body .Profile__sliderLabel {
    margin-bottom: 10px;
    color: var(--base-text-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 20px
}

body .Profile__sliderInput {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 5px;
    background: var(--base-divider);
    outline: none
}

body .Profile__sliderInput::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: var(--primary-solid);
    cursor: pointer
}

body .Profile__sliderInput::-moz-range-thumb {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: var(--primary-solid);
    cursor: pointer
}

body .Profile__minMaxBox {
    margin-top: 10px;
    width: 100%;
    display: flex;
    justify-content: space-between
}

body .Profile__minMaxBoxLabel {
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 20px;
    color: var(--base-text-secondary)
}

body .PlayerImage {
    background: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    margin-bottom: 16px;
    padding: 16px 16px 0
}

body .PlayerImage__container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap
}

body .PlayerImage__container:last-of-type {
    padding-bottom: 16px
}

body .PlayerImage__avatar {
    width: 80px;
    min-width: 80px;
    height: 80px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    margin-right: 24px;
    border: 1px solid var(--base-divider)
}

@media (max-width: 767.98px) {
    body .PlayerImage__avatar {
        width: 60px;
        height: 60px;
        min-width: 60px
    }
}

body .PlayerImage__avatarButton {
    padding: 0;
    border: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

body .PlayerImage__avatarButton, body .PlayerImage__avatarButton img, body .PlayerImage__avatarButton svg {
    display: block;
    width: 100%;
    height: 100%
}

body .PlayerImage__nickname {
    color: var(--base-text-primary);
    word-break: break-word;
    margin-bottom: 4px
}

body .PlayerImage__id {
    color: var(--base-text-secondary);
    word-break: break-word
}

body .PlayerImage__id_desktop {
    display: block
}

body .PlayerImage__id_tablet {
    display: none;
    margin-top: 10px
}

@media (max-width: 767.98px) {
    body .PlayerImage__id_desktop {
        display: none
    }

    body .PlayerImage__id_tablet {
        display: block
    }
}

body .PlayerImage__fileInput {
    display: none
}

body .ProfileSocial__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    padding: 16px 0;
    border-top: 1px solid var(--base-divider)
}

@media (max-width: 767.98px) {
    body .ProfileSocial__wrapper {
        align-items: flex-start;
        flex-direction: column
    }
}

body .ProfileSocial__title {
    flex: 0 0 auto;
    max-width: inherit;
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-secondary);
    margin-right: 15px
}

@media (max-width: 767.98px) {
    body .ProfileSocial__title {
        flex: 1 1 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 8px
    }
}

body .ProfileSocial__socials:not(:empty) {
    margin-top: 16px
}

body .ProfileSocial__socials:empty {
    padding-bottom: 16px
}

body .ProfileSocial__items {
    margin-left: auto;
    max-width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

@media (max-width: 767.98px) {
    body .ProfileSocial__items {
        margin-left: 0
    }
}

body .ProfileSocial__item {
    width: 32px;
    height: 32px
}

@media (max-width: 767.98px) {
    body .Profile__modalWrapper .Modal__header {
        padding: 36px 20px 6px 24px
    }
}

@media (max-width: 434.98px) {
    body .Profile__modalWrapper .Modal__header {
        padding-left: 20px
    }
}

body .Profile__info {
    padding: 24px;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .Profile__info {
        padding: 6px 24px
    }
}

@media (max-width: 434.98px) {
    body .Profile__info {
        padding: 6px 20px
    }
}

body .Profile__footer {
    width: 100%;
    padding: 16px 32px;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 767.98px) {
    body .Profile__footer {
        padding: 16px 24px
    }
}

@media (max-width: 434.98px) {
    body .Profile__footer .radiusButton {
        width: 100%
    }
}

body .Profile__playerInfo {
    display: grid;
    grid-template-columns:1fr 1fr;
    max-width: 300px;
    margin: 0 auto
}

body .Profile__playerText {
    font-size: 1rem
}

body .Profile__playerTitle {
    display: block;
    font-size: .7rem;
    color: var(--dark-blue);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px
}

body .ProfileSetting__content {
    max-width: 556px;
    min-width: 480px;
    margin: 40px auto 30px;
    padding: 40px;
    background: var(--base-surface);
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow);
    margin-top: calc(var(--header-height) + 40px)
}

@media (max-width: 767.98px) {
    body .ProfileSetting__content {
        min-width: auto
    }
}

@media (max-width: 434.98px) {
    body .ProfileSetting__content {
        background: transparent;
        padding: 0 20px;
        width: 100%;
        box-shadow: unset
    }
}

body .ProfileSetting__buttonContainer {
    display: flex;
    align-items: center;
    margin-bottom: 40px
}

@media (max-width: 434.98px) {
    body .ProfileSetting__buttonContainer {
        margin-bottom: 32px
    }
}

body .ProfileSetting__title {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    margin-top: 24px;
    color: var(--base-text-primary)
}

@media (max-width: 434.98px) {
    body .ProfileSetting__title {
        margin-top: 20px
    }
}

body .ProfileSetting__select {
    display: none
}

@media (max-width: 434.98px) {
    body .ProfileSetting__select {
        display: block;
        margin-bottom: 24px
    }
}

body .ProfileSetting__tabs {
    display: flex;
    width: 100%
}

body .ProfileSetting__tabs .Tabs__tab {
    flex: 1 1;
    text-align: center
}

@media (max-width: 434.98px) {
    body .ProfileSetting__tabs {
        display: none
    }
}

body .ProfileSetting__backButton {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--base-text-primary);
    transition: color .3s ease-in-out;
    cursor: pointer
}

body .ProfileSetting__backButton__icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    color: var(--base-text-primary);
    transition: margin-right .3s ease-in-out, color .3s ease-in-out
}

body .ProfileSetting__backButton:hover {
    background: transparent;
    color: var(--primary-hover)
}

body .ProfileSetting__backButton:hover .BackButton__icon {
    color: var(--primary-hover)
}

body .ProfileSetting__backButton:hover:before {
    margin-right: 15px
}

body .ProfileSettings__tab {
    margin: 24px auto 0
}

@media (max-width: 434.98px) {
    body .ProfileSettings__tab {
        padding-top: 24px;
        border-top: 1px solid var(--base-divider)
    }
}

body .ProfileSettings__form {
    display: grid;
    grid-template-columns:1fr;
    width: 100%
}

body .ProfileSettings__label {
    display: none
}

body .ProfileSettings__buttonsRow {
    display: flex
}

@media (max-width: 434.98px) {
    body .ProfileSettings__buttonsRow {
        flex-direction: column;
        gap: 16px
    }
}

body .ProfileSettings__button {
    margin-top: 4px
}

body .ProfileSettings__button:not(:last-of-type) {
    margin-right: 16px
}

body .ProfileSettings__button .Button, body .ProfileSettings__button .GameError__homeButton {
    width: inherit
}

@media (max-width: 434.98px) {
    body .ProfileSettings__button {
        margin-top: 0;
        width: 100%
    }

    body .ProfileSettings__button .Button, body .ProfileSettings__button .GameError__homeButton {
        width: 100%
    }
}

body .ProfileSettings__tab_security {
    margin: 30px auto
}

body .ProfileSettings__form_security {
    width: 100%
}

@media (max-width: 434.98px) {
    body .ProfileSettings__form_security {
        display: flex;
        flex-direction: column
    }
}

body .ProfileSettings__form_security .FieldPassword__inputIcon {
    transform: translateY(24px)
}

body .ProfileSettings__form_second {
    border-top: 1px solid var(--base-divider);
    margin: 30px 0 0;
    padding: 20px 0 0
}

body .ProfileSettings__form_third {
    border: 1px solid var(--base-divider);
    margin: 30px 0 0;
    padding: 24px
}

@media (max-width: 767.98px) {
    body .ProfileSettings__form_third {
        padding: 20px
    }
}

body .ProfileSettings__normal-width {
    width: auto
}

body .ProfileSettings__normal-width_2fa {
    min-width: 100px
}

@media (max-width: 434.98px) {
    body .ProfileSettings__normal-width_2fa {
        min-width: auto
    }
}

body .ProfileSettings__title_security {
    text-transform: none;
    margin-bottom: 50px
}

body .ProfileSettings__block_security {
    margin-bottom: 60px
}

body .ProfileSettings__2faIconIsConnected {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    color: #d9d9d9
}

body .ProfileSettings__2faIconIsConnected rect {
    fill: var(--base-elements)
}

body .ProfileSettings__2faIconIsConnected_connected {
    color: var(--primary-solid)
}

body .ProfileSettings__2faIconApp {
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    color: var(--primary-solid)
}

body .ProfileSettings__2faIconApp rect {
    fill: var(--base-elements)
}

body .ProfileSettings__2faTitle {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: var(--base-text-primary);
    padding: 16px 0
}

body .ProfileSettings__2faDescription {
    color: var(--base-text-secondary)
}

body .ProfileSettings__footer {
    margin-top: 24px;
    display: flex;
    justify-content: space-between
}

body .ProfileSettings__appLinks {
    display: flex;
    align-items: center
}

body .ProfileSettings__appLinks > span {
    margin-right: 12px
}

body .ProfileSettings__appLink {
    background: var(--base-elements);
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

body .TwoFAModal__wrapper {
    padding: 0 24px 24px;
    overflow-y: auto
}

body .TwoFAModal__wrapper::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .TwoFAModal__wrapper::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .TwoFAModal__wrapper::-webkit-scrollbar-thumb, body .TwoFAModal__wrapper::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .TwoFAModal__wrapper::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .TwoFAModal__wrapper::-webkit-scrollbar {
        width: 6px
    }

    body .TwoFAModal__wrapper::-webkit-scrollbar-thumb, body .TwoFAModal__wrapper::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .TwoFAModal__wrapper .Spinner {
    width: 75px;
    height: 75px
}

body .TwoFAModal__fieldCopyIcon {
    color: #3dca85
}

body .TwoFAModal .FieldText__label {
    padding-left: 0
}

body .TwoFAModal .FieldCheckbox {
    margin: 20px 0
}

body .TwoFAModal__qrDiv {
    overflow: hidden;
    width: 120px;
    height: 120px;
    border-radius: 8px
}

body .TwoFAModal__warning {
    border: 1px solid var(--base-warning);
    color: var(--base-text-secondary);
    padding: 16px;
    border-radius: 24px;
    display: flex;
    justify-content: flex-start
}

body .TwoFAModal__warning .Icon {
    margin-right: 8px;
    color: var(--base-warning)
}

body .TwoFAModal__button, body .TwoFAModal__warning .Icon {
    width: -moz-fit-content;
    width: fit-content
}

body .TwoFAModal__button_fixed {
    min-width: 100px
}

@media (max-width: 434.98px) {
    body .TwoFAModal__button_fixed {
        min-width: 100%
    }
}

body .TwoFAModal__button_fixed50 {
    min-width: 100px
}

@media (max-width: 434.98px) {
    body .TwoFAModal__button_fixed50 {
        min-width: auto;
        flex-grow: 1
    }
}

body .TwoFAModal__button_center {
    margin: 0 auto;
    min-width: 200px
}

@media (max-width: 434.98px) {
    body .TwoFAModal__button_center {
        min-width: 100%
    }
}

body .TwoFAModal__footer {
    display: flex;
    justify-content: flex-end
}

body .TwoFAModal__footer .TwoFAModal__button_back {
    margin-right: 16px
}

body .TwoFAModal__second_description, body .TwoFAModal__third_description {
    color: var(--base-text-secondary);
    margin-bottom: 24px
}

body .TwoFAModal__third_description {
    text-align: center
}

body .TwoFAModal__titleIcon {
    color: var(--primary-solid)
}

body .TwoFAModal__third_title {
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: var(--base-text-primary);
    margin: 12px auto;
    width: -moz-fit-content;
    width: fit-content
}

body .ProfileContactSettings__inputRow {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    gap: 16px
}

body .ProfileContactSettings__inputRow:nth-child(2) {
    padding-top: 15px;
    border-top: 1px solid var(--base-divider)
}

@media (max-width: 434.98px) {
    body .ProfileContactSettings__inputRow {
        flex-direction: column;
        padding-top: 15px;
        border-top: 1px solid var(--base-divider)
    }
}

body .ProfileContactSettings__inputRow .FieldPhone, body .ProfileContactSettings__inputRow .FieldText {
    flex: 1 1;
    margin-bottom: 0
}

body .ProfileContactSettings__inputRow .Button, body .ProfileContactSettings__inputRow .GameError__homeButton {
    width: inherit;
    margin-top: 24px
}

@media (max-width: 434.98px) {
    body .ProfileContactSettings__inputRow .Button, body .ProfileContactSettings__inputRow .GameError__homeButton {
        margin-top: 0
    }
}

body .ProfileContactSettings__button {
    margin-top: 4px
}

body .ProfileContactSettings__button:not(:last-of-type) {
    margin-right: 16px
}

body .ProfileContactSettings__button .Button, body .ProfileContactSettings__button .GameError__homeButton {
    width: inherit;
    min-width: 160px
}

@media (max-width: 434.98px) {
    body .ProfileContactSettings__button {
        margin-top: 0;
        width: 100%
    }

    body .ProfileContactSettings__button .Button, body .ProfileContactSettings__button .GameError__homeButton {
        width: 100%;
        min-width: 100%
    }
}

body .PlayerLoyalty__row {
    display: grid;
    grid-template-columns:50% 50%;
    grid-gap: 32px;
    position: relative;
    margin: 24px 0
}

body .PlayerLoyalty__row:first-child {
    margin-top: 0
}

body .PlayerLoyalty__row:last-child {
    margin-bottom: 0
}

@media (max-width: 434.98px) {
    body .PlayerLoyalty__row {
        display: block
    }

    body .PlayerLoyalty__row:last-of-type .PlayerLoyalty__item:last-of-type {
        padding: 14px 0 0;
        border-bottom: 0
    }
}

body .PlayerLoyalty__item {
    font-family: var(--secondary-font-family);
    font-size: 14px
}

body .PlayerLoyalty__item:first-of-type {
    border-right: 1px solid var(--base-divider)
}

body .PlayerLoyalty__item:last-child {
    border-right: none
}

@media (max-width: 434.98px) {
    body .PlayerLoyalty__item {
        padding: 14px 0;
        border-bottom: 1px solid var(--base-divider)
    }

    body .PlayerLoyalty__item:first-of-type {
        border-right: 0
    }
}

body .PlayerLoyalty__key {
    color: var(--base-text-secondary);
    margin-bottom: 4px
}

body .PlayerLoyalty__value {
    font-size: 16px;
    font-weight: 700;
    color: var(--base-text-primary)
}

body .PlayerLoyalty__value span {
    color: var(--base-text-secondary)
}

body .PlayerLoyalty .CryptoFiatIcon__icon {
    display: none
}

body .PlayerLoyalty .CryptoFiatDropdown {
    padding: 0;
    max-width: 100%
}

body .PlayerLoyalty .CryptoFiatDropdown__plate {
    top: 46px;
    transform: none
}

body .PlayerLoyalty .CryptoFiatDropdown__wrapper:after {
    margin-bottom: -13px;
    margin-right: 8px
}

body .PlayerLoyalty .CryptoFiatDropdown:before {
    display: none
}

body .PlayerLoyalty .CryptoFiatDropdown__plate {
    left: 0;
    transform: translateX(0);
    z-index: 998
}

body .PlayerLoyalty .CryptoFiatDropdown label {
    color: var(--base-text-secondary);
    margin-bottom: 6px;
    font-size: 14px
}

@media (max-width: 767.98px) {
    body .PlayerLoyalty .CryptoFiatDropdown {
        padding: 12px 0 0
    }
}

body .PlayerLoyalty .CryptoFiatDropdown, body .PlayerLoyalty .SelectBonus {
    border: none;
    padding: 0;
    max-width: 100%
}

body .PlayerLoyalty .CryptoFiatDropdown__valueContainer, body .PlayerLoyalty .SelectBonus__valueContainer {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

body .PlayerLoyalty .CryptoFiatDropdown__network, body .PlayerLoyalty .CryptoFiatDropdown__value, body .PlayerLoyalty .SelectBonus__network, body .PlayerLoyalty .SelectBonus__value {
    color: var(--base-text-primary);
    font-weight: 700;
    font-size: 16px;
    line-height: 20px
}

@media (max-width: 1023.98px) {
    body .PlayerLoyalty .CryptoFiatDropdown__network, body .PlayerLoyalty .CryptoFiatDropdown__value, body .PlayerLoyalty .SelectBonus__network, body .PlayerLoyalty .SelectBonus__value {
        max-width: none
    }
}

body .PlayerLoyalty .CryptoFiatDropdown__value, body .PlayerLoyalty .SelectBonus__value {
    margin-right: 5px
}

body .PlayerLoyalty .CryptoFiatDropdown:before, body .PlayerLoyalty .SelectBonus:before {
    background-color: unset
}

body .PlayerLoyalty .CryptoFiatDropdown label, body .PlayerLoyalty .SelectBonus label {
    color: var(--base-text-secondary);
    margin-bottom: 4px;
    font-size: 14px
}

body .PlayerLoyalty .CryptoFiatDropdown .selectric__control, body .PlayerLoyalty .SelectBonus .selectric__control {
    justify-content: flex-start
}

body .PlayerLoyalty .CryptoFiatDropdown .selectric__value-container, body .PlayerLoyalty .SelectBonus .selectric__value-container {
    flex: inherit;
    width: -moz-fit-content;
    width: fit-content
}

body .PlayerLoyalty .CryptoFiatDropdown .selectric__single-value, body .PlayerLoyalty .SelectBonus .selectric__single-value {
    width: -moz-fit-content;
    width: fit-content
}

body .PlayerLoyalty .CryptoFiatDropdown .selectric__indicator, body .PlayerLoyalty .SelectBonus .selectric__indicator {
    background-color: var(--primary-solid)
}

body .OptionsModal__body {
    margin: 0 24px 12px
}

@media (max-width: 434.98px) {
    body .OptionsModal__body {
        margin: 12px 20px
    }
}

body .OptionsModal__text {
    color: var(--base-text-secondary)
}

body .OptionsModal__buttonContainer {
    margin: 12px 24px 16px;
    display: flex;
    justify-content: flex-end
}

@media (max-width: 434.98px) {
    body .OptionsModal__buttonContainer {
        margin: 12px 20px 20px
    }
}

body .OptionsModal__buttonContainer .Button, body .OptionsModal__buttonContainer .GameError__homeButton {
    margin-left: 16px
}

body .OptionsModal__buttonContainer .Button:first-child, body .OptionsModal__buttonContainer .GameError__homeButton:first-child {
    margin-left: 0
}

@media (max-width: 434.98px) {
    body .OptionsModal__buttonContainer .Button, body .OptionsModal__buttonContainer .GameError__homeButton {
        flex: 1 1
    }
}

body .ProfilePromocode__wrapper {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    display: flex;
    overflow: hidden
}

@media screen and (max-width: 1280px) {
    body .ProfilePromocode__wrapper {
        max-width: 100%;
        width: auto
    }
}

@media screen and (max-width: 1279px) {
    body .ProfilePromocode__wrapper {
        width: auto;
        height: auto
    }
}

body .ProfilePromocode__inner {
    padding: 24px;
    width: calc(100% - 180px);
    background-color: var(--base-surface)
}

@media (min-width: 1440px) {
    body .ProfilePromocode__inner {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }
}

@media (max-width: 1439.98px) {
    body .ProfilePromocode__inner {
        padding: 16px;
        width: 100%
    }
}

@media (max-width: 1279.98px) {
    body .ProfilePromocode__inner {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        padding: 24px;
        width: calc(100% - 180px)
    }
}

@media (max-width: 767.98px) {
    body .ProfilePromocode__inner {
        padding: 16px;
        width: 100%
    }
}

@media (max-width: 434.98px) {
    body .ProfilePromocode__inner {
        border-top-left-radius: inherit !important;
        border-bottom-left-radius: inherit !important
    }
}

@media screen and (max-width: 1439px) {
    body .ProfilePromocode__inner {
        width: 100%
    }
}

body .ProfilePromocode__iconWrapper {
    height: auto;
    aspect-ratio: 1/1;
    color: var(--base-text-primary)
}

@media screen and (max-width: 1439px) {
    body .ProfilePromocode__iconWrapper {
        display: none
    }
}

@media (max-width: 1279.98px) {
    body .ProfilePromocode__iconWrapper {
        display: block
    }
}

@media (max-width: 434.98px) {
    body .ProfilePromocode__iconWrapper {
        display: none
    }
}

body .ProfilePromocode__icon {
    min-width: 180px;
    height: 100%;
    background: var(--primary-gradient);
    display: block
}

body .ProfilePromocode__label {
    margin-bottom: 12px;
    color: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .ProfilePromocode__label {
        margin-bottom: 8px
    }
}

body .ProfilePromocode__description {
    color: var(--base-text-secondary)
}

body .ProfilePromocode__form {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 3%;
    margin: 20px 0 0
}

@media (max-width: 767.98px) {
    body .ProfilePromocode__form {
        flex-direction: column;
        margin-top: 16px;
        margin-bottom: 0
    }
}

@media (min-width: 767.98px) {
    body .ProfilePromocode__form .FieldText__input {
        width: 240px
    }
}

body .ProfilePromocode__formField {
    margin-bottom: 0;
    max-width: 240px
}

@media (max-width: 767.98px) {
    body .ProfilePromocode__formField {
        max-width: 100%
    }
}

@media (min-width: 767.98px) {
    body .ProfilePromocode__button {
        width: 140px
    }
}

@media (max-width: 767.98px) {
    body .ProfilePromocode__button {
        max-width: 140px;
        margin-top: 12px
    }
}

body .BonusIsValidModal__wrapper {
    padding: 0 24px 16px;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 434.98px) {
    body .BonusIsValidModal__wrapper {
        padding: 0 20px 20px
    }
}

body .BonusIsValidModal__title {
    margin-top: 44px;
    color: var(--base-text-primary);
    text-align: center
}

body .BonusIsValidModal__link {
    margin-top: 12px;
    text-decoration: none;
    color: var(--base-text-secondary)
}

body .BonusIsValidModal__footer {
    display: flex;
    gap: 16px;
    margin-top: 24px;
    flex-wrap: wrap
}

@media (max-width: 767.98px) {
    body .BonusIsValidModal__footer {
        justify-content: center
    }
}

body .ProfileGiftBonuses {
    margin-top: 16px;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 16px
}

@media screen and (max-width: 1280px) {
    body .ProfileGiftBonuses {
        grid-template-columns:repeat(1, 1fr)
    }
}

@media screen and (max-width: 768px) {
    body .ProfileGiftBonuses {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media screen and (max-width: 540px) {
    body .ProfileGiftBonuses {
        grid-template-columns:repeat(1, 1fr)
    }
}

body .SuccessGiftModal__wrapper {
    padding: 0 24px 16px;
    display: flex;
    gap: 12px;
    flex-direction: column
}

@media (max-width: 434.98px) {
    body .SuccessGiftModal__wrapper {
        padding: 0 20px 20px
    }
}

body .SuccessGiftModal__modal.ReactModal__Content .Modal__header {
    padding: 36px 24px 12px
}

body .SuccessGiftModal__description {
    display: flex;
    font-weight: 400;
    font-size: 16px;
    color: var(--base-text-secondary);
    word-wrap: break-word;
    word-break: break-all;
    text-align: left
}

body .SuccessGiftModal__item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid var(--base-divider);
    padding: 10px 0 0
}

body .SuccessGiftModal__wrapper > :last-child {
    border-bottom: 1px solid var(--base-divider);
    padding-bottom: 10px
}

body .SuccessGiftModal__name {
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .SuccessGiftModal__name {
        font-size: 12px;
        line-height: 20px
    }
}

body .SuccessGiftModal__value {
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .SuccessGiftModal__value {
        font-size: 12px;
        line-height: 20px
    }
}

body .SuccessGiftModal__title {
    color: var(--base-text-primary);
    word-wrap: break-word;
    word-break: break-all
}

body .SuccessGiftModal__footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 24px 16px
}

@media (max-width: 434.98px) {
    body .SuccessGiftModal__footer {
        padding: 0 20px 20px
    }
}

@media (max-width: 767.98px) {
    body .SuccessGiftModal__footer {
        justify-content: center
    }
}

body .SuccessGiftModal__button {
    min-width: unset
}

@media (max-width: 767.98px) {
    body .SuccessGiftModal__button {
        width: 100%
    }
}

body .Registration {
    display: block;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 40px
}

body .Registration__Tabs {
    margin-bottom: 40px;
    width: 100%
}

@media (max-width: 434.98px) {
    body .Registration__Tabs {
        margin-bottom: 32px
    }
}

body .Registration__isPep-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3rem
}

body .Registration__isPep-label .Popover {
    margin-left: 8px
}

body .Registration__isPep-label .Popover__icon {
    vertical-align: middle
}

body .Registration__isPep-icon {
    height: 20px;
    vertical-align: middle;
    margin-left: 8px
}

body .Registration__recovery {
    font-size: 12px;
    color: var(--base-alert);
    margin-top: 8px
}

body .Registration__recoveryLink {
    font-size: 12px;
    margin-left: 5px
}

body .Registration__container {
    max-width: 480px;
    margin: 0 auto
}

body .Registration__wrapper {
    max-width: 100%;
    padding: 40px;
    background-color: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

body .Registration__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 24px;
    text-transform: none;
    text-align: left
}

body .Registration__form {
    display: block;
    width: 100%
}

body .Registration__checkboxes {
    grid-area: auto / 1 /auto/ 3;
    margin-bottom: 24px
}

body .Registration__checkboxes .FieldCheckbox__input:checked ~ .FieldCheckbox__checkmark {
    color: var(--base-text-on-color-bg)
}

body .Registration .FieldCheckbox {
    align-items: flex-start
}

body .Registration .FieldCheckbox__container {
    margin-top: 3px
}

body .Registration__labelLink {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.5rem;
    color: var(--primary-solid);
    padding: 0 3px
}

body .Registration__labelLink:hover {
    color: var(--primary-hover)
}

body .Registration__links {
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: var(--base-text-secondary);
    text-align: center;
    margin-top: 32px
}

body .Registration__links .Registration__link {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-left: 5px
}

body .Registration__link {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.5rem;
    color: var(--primary-link)
}

body .Registration__link:hover {
    color: var(--primary-link-hover)
}

body .Registration__button {
    height: 40px;
    display: flex;
    max-width: 160px;
    margin: 0 auto
}

@media (max-width: 434.98px) {
    body .Registration__button {
        width: 100%;
        max-width: 100%
    }
}

body .Registration .FieldSelect, body .Registration .FieldText {
    margin-bottom: 24px
}

body .Registration .FieldPassword .FieldPassword__inputIcon {
    top: 24px
}

body .Registration__bonusList {
    max-width: 100%;
    overflow: hidden;
    margin: 40px 0
}

body .Registration__and {
    margin: 0 3px
}

body .Registration__phone {
    margin-bottom: 24px
}

body .Registration__phone .flag-dropdown {
    top: 8px;
    bottom: 8px;
    left: 2px
}

body .Registration__phone .flag-dropdown .country-list {
    background-color: var(--base-elements);
    color: var(--base-text-primary)
}

body .Registration__phone .flag-dropdown .country-list .country:hover {
    background-color: inherit;
    color: var(--primary-hover)
}

body .Registration__phone .flag-dropdown .country-list .country.highlight {
    color: var(--primary-hover)
}

@media (max-width: 434.98px) {
    body .Registration__phone .Popover__textPopover {
        left: auto;
        right: -8px;
        transform: translateX(0);
        max-width: 127px;
        text-align: center
    }

    body .Registration__phone .Popover__textPopover:after {
        left: auto;
        right: 10px
    }
}

@media (max-width: 1279.98px) {
    body .Registration {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .Registration {
        padding: 20px
    }

    body .Registration__wrapper {
        padding: 0;
        border-radius: 0 !important;
        box-shadow: none;
        background-color: transparent
    }

    body .Registration__title {
        font-size: 2.25rem;
        line-height: 3rem
    }
}

@media (max-width: 434.98px) {
    body .Registration__container {
        max-width: 100%
    }

    body .Registration__wrapper {
        padding: 0;
        border-radius: 0 !important;
        box-shadow: none
    }

    body .Registration__title {
        font-size: 1.5rem;
        line-height: 2.25rem;
        margin-bottom: 16px
    }

    body .Registration__bonusList {
        margin: 32px 0
    }
}

body .RegistrationTypeB {
    display: block;
    height: 100%;
    max-width: 100%;
    overflow: hidden
}

body .RegistrationTypeB__Tabs {
    margin-bottom: 40px;
    width: 100%
}

@media (max-width: 434.98px) {
    body .RegistrationTypeB__Tabs {
        margin-bottom: 32px
    }
}

body .RegistrationTypeB__isPep-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3rem
}

body .RegistrationTypeB__isPep-label .Popover {
    margin-left: 8px
}

body .RegistrationTypeB__isPep-label .Popover__icon {
    vertical-align: middle
}

body .RegistrationTypeB__isPep-icon {
    height: 20px;
    vertical-align: middle;
    margin-left: 8px
}

body .RegistrationTypeB__recovery {
    font-size: 12px;
    color: var(--base-alert);
    margin-top: 8px
}

body .RegistrationTypeB__recoveryLink {
    font-size: 12px;
    margin-left: 5px
}

body .RegistrationTypeB__container {
    margin: 0;
    display: flex
}

body .RegistrationTypeB__wrapper {
    width: 480px;
    max-width: 100%;
    padding: 40px;
    background-color: var(--base-surface);
    z-index: 100;
    min-height: 100vh;
    position: relative
}

body .RegistrationTypeB__wrapper.radiusCard {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important
}

body .RegistrationTypeB__authRightLogo {
    display: flex;
    position: fixed;
    right: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: calc(100% - 480px);
    background: var(--base-background)
}

body .RegistrationTypeB__authRightLogo img {
    width: 459px;
    height: 145px
}

body .RegistrationTypeB__authRightLogo_autoSize img {
    height: auto;
    width: auto;
    max-width: 828px;
    max-height: 460px
}

@media (max-width: 1333px) {
    body .RegistrationTypeB__authRightLogo_autoSize img {
        max-width: calc(100% - 40px)
    }
}

@media (max-width: 1279.98px) {
    body .RegistrationTypeB__authRightLogo_autoSize img {
        max-width: 460px
    }
}

body .RegistrationTypeB__authRightLogo .RegistrationTypeB__background {
    opacity: 0;
    position: fixed;
    top: -20px;
    left: 460px;
    right: -20px;
    bottom: -20px;
    background-size: cover;
    background-position: 50%
}

@media (max-width: 768px) {
    body .RegistrationTypeB__authRightLogo .RegistrationTypeB__background {
        left: 300px
    }
}

body .RegistrationTypeB__authRightLogo .RegistrationTypeB__background_backgroundFadeInAnimated {
    animation: backgroundFadeInFrames 2s ease-out;
    animation-fill-mode: forwards
}

@keyframes backgroundFadeInFrames {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

body .RegistrationTypeB__authRightLogo .RegistrationTypeB__background_animationComplete {
    opacity: 1
}

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

body .RegistrationTypeB__authRightLogo img.RegistrationTypeB__frontImage {
    opacity: 0;
    max-width: calc(100% - 40px);
    z-index: 1
}

body .RegistrationTypeB__authRightLogo img.RegistrationTypeB__frontImage_fadeInAnimated {
    animation: parallaxFadeInFrames 1s ease-out;
    animation-fill-mode: forwards
}

@keyframes parallaxFadeInFrames {
    0% {
        opacity: 0;
        transform: translateX(-300px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

body .RegistrationTypeB__authRightLogo img.RegistrationTypeB__frontImage_animationComplete {
    animation: none;
    opacity: 1
}

body .RegistrationTypeB__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin: 40px 0 24px;
    text-transform: none;
    text-align: left
}

body .RegistrationTypeB__authLogo img {
    transition: all .5s;
    max-width: 60%;
    max-height: 40px
}

@media (max-width: 767.98px) {
    body .RegistrationTypeB__authLogo img {
        max-width: 80%
    }
}

body .RegistrationTypeB__form {
    display: block;
    width: 100%
}

body .RegistrationTypeB__checkboxes {
    grid-area: auto / 1 /auto/ 3;
    margin-bottom: 40px
}

body .RegistrationTypeB__checkboxes .FieldCheckbox__input:checked ~ .FieldCheckbox__checkmark {
    color: var(--base-text-on-color-bg)
}

body .RegistrationTypeB .FieldCheckbox {
    align-items: flex-start
}

body .RegistrationTypeB .FieldCheckbox__container {
    margin-top: 3px
}

body .RegistrationTypeB__labelLink {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.5rem;
    color: var(--primary-solid);
    padding: 0 3px
}

body .RegistrationTypeB__labelLink:hover {
    color: var(--primary-hover)
}

body .RegistrationTypeB__links {
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.75rem;
    color: var(--base-text-secondary);
    text-align: center;
    margin-top: 32px
}

body .RegistrationTypeB__links .RegistrationTypeB__link {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-left: 5px
}

body .RegistrationTypeB__link {
    display: inline-block;
    font-style: normal;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.5rem;
    color: var(--primary-solid)
}

body .RegistrationTypeB__link:hover {
    color: var(--primary-hover)
}

body .RegistrationTypeB__button {
    display: flex;
    max-width: 160px;
    margin: 0 auto
}

@media (max-width: 399.98px) {
    body .RegistrationTypeB__button {
        width: 100%;
        max-width: 100%
    }
}

body .RegistrationTypeB .FieldSelect, body .RegistrationTypeB .FieldText {
    margin-bottom: 24px
}

body .RegistrationTypeB .FieldPassword .FieldPassword__inputIcon {
    top: 24px
}

body .RegistrationTypeB__bonusList {
    max-width: 100%;
    overflow: hidden;
    margin: 40px 0
}

body .RegistrationTypeB__and {
    margin: 0 3px
}

body .RegistrationTypeB__phone {
    margin-bottom: 24px
}

body .RegistrationTypeB__phone .FieldText__input {
    padding-left: 45px
}

body .RegistrationTypeB__phone .flag-dropdown {
    top: 8px;
    bottom: 8px;
    left: 2px
}

body .RegistrationTypeB__phone .flag-dropdown .country-list {
    background-color: var(--base-elements);
    color: var(--base-text-primary)
}

body .RegistrationTypeB__phone .flag-dropdown .country-list .country:hover {
    background-color: inherit;
    color: var(--primary-hover)
}

body .RegistrationTypeB__phone .flag-dropdown .country-list .country.highlight {
    color: var(--primary-hover)
}

@media (max-width: 434.98px) {
    body .RegistrationTypeB__phone .Popover__textPopover {
        left: auto;
        right: -8px;
        transform: translateX(0);
        max-width: 127px;
        text-align: center
    }

    body .RegistrationTypeB__phone .Popover__textPopover:after {
        left: auto;
        right: 10px
    }
}

@media (max-width: 767.98px) {
    body .RegistrationTypeB__wrapper {
        padding: 0;
        border-radius: 0 !important;
        box-shadow: none;
        background-color: var(--base-background)
    }

    body .RegistrationTypeB__title {
        font-size: 2.25rem;
        line-height: 3rem
    }
}

@media (max-width: 434.98px) {
    body .RegistrationTypeB__container {
        max-width: 100%
    }

    body .RegistrationTypeB__wrapper {
        padding: 0;
        border-radius: 0 !important;
        box-shadow: none
    }

    body .RegistrationTypeB__title {
        font-size: 1.5rem;
        line-height: 2.25rem;
        margin-bottom: 16px
    }

    body .RegistrationTypeB__bonusList {
        margin: 32px 0
    }
}

@media screen and (max-width: 933px) {
    body .RegistrationTypeB__authRightLogo img {
        width: 60%
    }
}

@media screen and (max-width: 768px) {
    body .RegistrationTypeB__form {
        width: 320px
    }

    body .RegistrationTypeB__wrapper {
        padding: 24px 20px 20px
    }

    body .RegistrationTypeB__title {
        margin: 32px 0
    }

    body .RegistrationTypeB__authLogo {
        width: 280px
    }

    body .RegistrationTypeB__authLogo img {
        max-height: 40px
    }

    body .RegistrationTypeB__authLogoBg {
        margin: -25px -20px 0;
        padding: 45px 20px 20px;
        background-size: cover;
        background-position: 50%
    }

    body .RegistrationTypeB__authRightLogo {
        width: calc(100% - 320px)
    }

    body .RegistrationTypeB__authRightLogo img {
        display: none
    }

    body .RegistrationTypeB__authRightLogo_autoSize img {
        display: block
    }
}

@media screen and (max-width: 768px)and (min-width: 436px) {
    body .RegistrationTypeB__wrapper {
        background-color: var(--base-surface)
    }
}

@media screen and (max-width: 435px) {
    body .RegistrationTypeB__authLogo, body .RegistrationTypeB__form {
        width: 100%
    }

    body .RegistrationTypeB__authRightLogo {
        display: none
    }
}

@media screen and (max-width: 320px) {
    body .RegistrationTypeB__wrapper {
        padding: 24px 20px
    }

    body .RegistrationTypeB__authLogo {
        width: 320px
    }

    body .RegistrationTypeB__title {
        margin: 24px 0
    }

    body .RegistrationTypeB__authRightLogo {
        display: none
    }
}

body .SocialNetworkRegistration {
    display: block;
    height: 100%;
    max-width: 100%
}

body .SocialNetworkRegistration__socialLinksContainer {
    padding-top: 16px;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    body .SocialNetworkRegistration__socialLinksContainer {
        padding-top: 0;
        margin-bottom: 24px
    }
}

body .SocialNetworkRegistration__socialLinksContainer_hide {
    display: none
}

body .SocialNetworkRegistration__socialLinks {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px
}

body .SocialNetworkRegistration__socialLinks > * {
    margin-bottom: 16px
}

body .SocialNetworkRegistration__socialLinks > :not(:last-child) {
    margin-right: 16px
}

@media (max-width: 767.98px) {
    body .SocialNetworkRegistration__socialLinks > :not(:last-child) {
        margin-right: 8px
    }
}

body .SocialNetworkRegistration__socialLinks_typeB {
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: stretch;
    margin-bottom: 20px
}

body .SocialNetworkRegistration__socialLinks_typeB > * {
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: calc((100% - 40px - 32px) / 2);
    margin-bottom: 0
}

body .SocialNetworkRegistration__socialLinks_typeB .SocialAuthLink__item {
    height: auto;
    width: auto;
    padding: 8px
}

body .SocialNetworkRegistration__socialLinks_typeB .SocialAuthLink__item .Icon, body .SocialNetworkRegistration__socialLinks_typeB .SocialAuthLink__item .ServerIcon {
    max-width: 24px;
    max-height: 24px
}

body .SocialNetworkRegistration__socialLinksDropdown {
    position: relative;
    flex: 0 0 40px
}

body .SocialNetworkRegistration__socialLinksDropdownTrigger {
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--base-text-primary);
    background-color: var(--base-elements);
    transition: all .3s ease-in-out
}

body .SocialNetworkRegistration__socialLinksDropdownTrigger:hover {
    background-color: var(--base-elements-hover)
}

body .SocialNetworkRegistration__socialLinksDropdownTrigger img, body .SocialNetworkRegistration__socialLinksDropdownTrigger svg {
    max-width: 24px;
    max-height: 24px
}

body .SocialNetworkRegistration__socialLinksDropdownBody {
    position: absolute;
    right: 0;
    top: calc(100% + 4px);
    display: none;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 8px 0;
    max-width: 280px;
    min-width: 200px;
    overflow: hidden;
    background-color: var(--base-elements);
    box-shadow: var(--base-tooltip-shadow);
    z-index: 110
}

body .SocialNetworkRegistration__socialLinksDropdownBody_show {
    display: flex
}

body .SocialNetworkRegistration__socialLinksDropdownBody .SocialAuthLink__item {
    padding: 8px 16px;
    background-color: transparent;
    justify-content: flex-start
}

body .SocialNetworkRegistration__socialLinksDropdownBody .SocialAuthLink__item:hover .SocialAuthLink__title {
    color: var(--base-text-primary)
}

body .SocialNetworkRegistration__socialLinksDropdownBody .SocialAuthLink__title {
    margin-left: 12px;
    color: var(--base-text-secondary)
}

body .SocialNetworkRegistration__socialLinksText {
    font-weight: 500;
    font-size: 16px;
    color: var(--base-text-secondary);
    line-height: 24px;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

body .SocialNetworkRegistration__socialLinksTextBefore {
    margin-right: 8px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

body .RegistrationPromocode {
    margin-bottom: 24px
}

body .RegistrationPromocode .Input__clear {
    color: var(--base-text-placeholder);
    margin-right: 8px
}

body .RegistrationPromocode__inputWrapper {
    max-width: 100%;
    width: 100%
}

body .RegistrationPromocode .RegistrationPromocode__promocodeInput.RegistrationPromocode__promocodeInput_validated.Input.focused {
    outline: 1px solid var(--primary-solid)
}

body .RegistrationPromocode .RegistrationPromocode__promocodeInput.RegistrationPromocode__promocodeInput_validationError.Input.focused {
    outline: 1px solid var(--base-alert)
}

body .RegistrationPromocode .FieldText__input {
    max-width: 100%;
    padding: 0
}

body .RegistrationPromocode__icon {
    color: var(--base-status-active);
    margin-left: 12px
}

body .RegistrationPromocode__info {
    margin-top: 8px
}

body .RegistrationPromocode__title {
    color: var(--base-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 4px
}

body .RegistrationPromocode__text {
    color: var(--base-text-primary)
}

body .RegistrationPromocode__text:not(:last-child) {
    margin-bottom: 2px
}

body .RegistrationPromocode__text_small {
    color: var(--base-text-secondary);
    margin-top: 6px
}

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

body .RegistrationPromocode__error {
    color: var(--base-alert);
    width: 100%;
    margin-top: 4px
}

body .RegistrationPromocode__validatedText {
    color: var(--base-status-active);
    width: 100%;
    margin-top: 4px;
    margin-left: 10px
}

body .RegistrationPromocode__wrapper {
    display: flex
}

body .RegistrationPromocode__wrapper .FieldSelect {
    margin-bottom: 0;
    margin-left: 1px
}

body .RegistrationPromocode__label {
    display: block;
    margin-bottom: 4px;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    padding-left: 8px
}

body .RegistrationPromocode .Input .custom-input {
    padding: 0 16px
}

body .RegistrationPromocode .Input .custom-input::placeholder {
    font-size: .875rem
}

body .Registration__wrapper .RegistrationPromocode.FieldText {
    margin-bottom: 0
}

body .FieldPassword__customError .FieldText__error {
    display: none
}

body .FieldPassword p {
    padding-left: 17px;
    color: var(--base-text-secondary);
    margin-top: 10px
}

body .FieldPassword__errors, body .FieldPassword__hints {
    padding-left: 17px;
    width: 100%;
    margin-top: 4px
}

body .FieldPassword__errors > div, body .FieldPassword__hints > div {
    position: relative
}

body .FieldPassword__errors > div .Icon, body .FieldPassword__hints > div .Icon {
    width: auto;
    margin-right: 4px;
    position: absolute
}

body .FieldPassword__errors > div > span, body .FieldPassword__hints > div > span {
    position: relative;
    left: 20px
}

body .FieldPassword__errors {
    color: var(--base-alert)
}

body .FieldPassword__errors .attention, body .FieldPassword__hints .defaultRow {
    color: var(--base-text-secondary)
}

body .FieldPassword__hints .successRow {
    color: var(--base-status-active)
}

body .FieldPassword__passwordStrengthBar {
    padding-left: 17px;
    padding-right: 17px
}

body .FieldPassword__passwordStrengthBar_forcePaintFirst > div > div:first-child {
    background-color: var(--base-alert) !important
}

body .FieldPassword__passwordStrengthBar > div > div {
    height: 6px !important;
    border-radius: 3px
}

body .FieldPassword__passwordStrengthBar > div > div:nth-child(5), body .FieldPassword__passwordStrengthBar > div > div:nth-child(6) {
    display: none
}

body .FieldPassword .FieldText__input_hasRightAddonElement {
    padding-right: 70px
}

body .FieldPassword .FieldText__addonElement_right button:first-child {
    margin-right: 5px
}

body .ResetPassword {
    display: block;
    max-width: 100%;
    padding: 40px 32px
}

body .ResetPassword__container {
    max-width: 480px;
    margin: 0 auto
}

body .ResetPassword__container_checkEmail {
    max-width: 814px
}

body .ResetPassword__wrapper {
    display: block;
    max-width: 100%;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: var(--base-card-shadow);
    background-color: var(--base-surface);
    -webkit-box-shadow: var(--base-card-shadow);
    padding: 40px 32px
}

body .ResetPassword__wrapper_isTablet {
    padding: 32px
}

@media (max-width: 434.98px) {
    body .ResetPassword__wrapper {
        padding: 20px
    }

    body .ResetPassword__wrapper_transparentBackground {
        padding: 20px 0;
        background-color: inherit;
        -webkit-box-shadow: none
    }

    body .ResetPassword__wrapper_transparentBackground .FieldText {
        margin-bottom: 32px
    }
}

body .ResetPassword__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--base-text-primary)
}

@media (min-width: 434.98px) {
    body .ResetPassword__title {
        margin-bottom: 32px
    }
}

body .ResetPassword__form {
    display: block;
    width: 100%
}

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

body .ResetPassword .FieldCaptcha__wrapper {
    margin-top: 24px;
    margin-bottom: 24px
}

body .ResetPassword__text {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    text-align: center
}

body .ResetPassword__text_congratulation, body .ResetPassword__text_remaining {
    flex: 1 1 100%;
    max-width: 100%
}

body .ResetPassword__text_remaining {
    order: 1;
    margin-bottom: 0;
    margin-top: 24px
}

body .ResetPassword__text_checkEmailTitle {
    line-height: 3rem;
    font-size: 2.25rem;
    margin-bottom: 8px
}

body .ResetPassword__text_checkEmailTitle_isTablet {
    line-height: 36px;
    font-size: 28px
}

@media (max-width: 434.98px) {
    body .ResetPassword__text_checkEmailTitle {
        line-height: 28px;
        font-size: 20px
    }
}

body .ResetPassword__text_checkEmailText {
    line-height: 1.75rem;
    font-size: 1rem
}

body .ResetPassword__text_checkEmailText_isTablet {
    line-height: 24px;
    font-size: 14px
}

@media (max-width: 434.98px) {
    body .ResetPassword__text_checkEmailText {
        line-height: 20px;
        font-size: 12px
    }
}

body .ResetPassword__text_link {
    color: var(--primary-link)
}

body .ResetPassword__icon {
    color: var(--primary-solid);
    margin-bottom: 40px
}

body .ResetPassword__icon_isTablet {
    width: 120px;
    height: 120px;
    display: flex;
    margin: 0 auto 32px
}

@media (max-width: 434.98px) {
    body .ResetPassword__icon {
        width: 100px;
        height: 100px;
        margin: 0 auto 20px
    }
}

body .ResetPassword__button {
    flex: 0 0 160px;
    max-width: 160px
}

body .ResetPassword__button:not(:last-of-type) {
    margin-right: 24px
}

body .ResetPassword__congratulationMessage {
    font-style: normal;
    font-weight: 500;
    font-size: 1.7rem;
    color: #ded9d7;
    text-align: center;
    margin-bottom: 85px
}

body .ResetPassword .FieldPassword__inputIcon {
    top: 25px
}

@media (max-width: 1279.98px) {
    body .ResetPassword {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .ResetPassword {
        padding: 20px
    }

    body .ResetPassword__title {
        font-size: 2.25rem;
        line-height: 3rem
    }
}

@media (max-width: 434.98px) {
    body .ResetPassword__actions {
        display: block
    }

    body .ResetPassword__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .ResetPassword__button {
        max-width: 100%;
        width: 100%
    }

    body .ResetPassword__button:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 16px
    }
}

body .ContentBlockTypeA {
    display: block;
    max-width: 100%;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .ContentBlockTypeA {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .ContentBlockTypeA {
        padding: var(--container-padding-mobile)
    }
}

body .ContentBlockTypeA__container {
    margin: 0 auto;
    display: grid
}

body .ContentBlockTypeA__fullAreaLink {
    text-decoration: none
}

body .ContentBlockTypeA__row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: nowrap
}

body .ContentBlockTypeA__content, body .ContentBlockTypeA__image {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(50% - 30px);
    max-width: calc(50% - 30px)
}

body .ContentBlockTypeA__content {
    margin-right: 60px
}

body .ContentBlockTypeA__image {
    overflow: hidden
}

body .ContentBlockTypeA__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1.7
}

body .ContentBlockTypeA__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 40px;
    max-width: 96%
}

body .ContentBlockTypeA__description {
    margin-bottom: 40px;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400
}

body .ContentBlockTypeA__description, body .ContentBlockTypeA__description * {
    color: var(--base-text-secondary);
    overflow-wrap: break-word
}

body .ContentBlockTypeA__description p + p {
    margin-top: 16px
}

body .ContentBlockTypeA__description a {
    color: var(--primary-link);
    transition: color .3s
}

body .ContentBlockTypeA__description a:hover {
    color: var(--primary-link-hover)
}

body .ContentBlockTypeA__link {
    max-width: min-content
}

@media (max-width: 1439.98px) {
    body .ContentBlockTypeA__row {
        display: block
    }

    body .ContentBlockTypeA__content, body .ContentBlockTypeA__image {
        max-width: 100%
    }

    body .ContentBlockTypeA__content {
        margin-right: 0;
        margin-bottom: 40px
    }
}

@media (max-width: 767.98px) {
    body .ContentBlockTypeA__content {
        margin-bottom: 32px
    }

    body .ContentBlockTypeA__title {
        font-size: 2.25rem;
        line-height: 3rem;
        margin-bottom: 24px
    }

    body .ContentBlockTypeA__description {
        margin-bottom: 24px
    }

    body .ContentBlockTypeA__link {
        max-width: none
    }
}

@media (max-width: 434.98px) {
    body .ContentBlockTypeA__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .ContentBlockTypeA__description * {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

body .ContentBlockTypeB {
    display: block;
    padding: 40px;
    overflow: hidden;
    color: var(--base-text-secondary)
}

body .ContentBlockTypeB__container {
    max-width: 814px;
    margin: 0 auto;
    display: grid
}

body .ContentBlockTypeB__fullAreaLink {
    text-decoration: none
}

body .ContentBlockTypeB__content {
    width: 100%;
    background-color: var(--base-surface);
    padding: 40px;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    word-wrap: break-word
}

body .ContentBlockTypeB__content h1 {
    margin-bottom: 40px
}

body .ContentBlockTypeB__content h1, body .ContentBlockTypeB__content h2, body .ContentBlockTypeB__content h3, body .ContentBlockTypeB__content h4, body .ContentBlockTypeB__content h5, body .ContentBlockTypeB__content h6 {
    color: var(--base-text-primary)
}

body .ContentBlockTypeB__content .LinkButton {
    margin-top: 24px;
    width: auto
}

body .ContentBlockTypeB__content .LinkButton .LinkButton__button {
    width: auto
}

body .ContentBlockTypeB__content td {
    padding-right: 8px
}

body .ContentBlockTypeB__image {
    overflow: hidden
}

body .ContentBlockTypeB__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1.7
}

body .ContentBlockTypeB__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 40px;
    max-width: 96%
}

body .ContentBlockTypeB__description {
    margin-bottom: 40px;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400
}

body .ContentBlockTypeB__description, body .ContentBlockTypeB__description * {
    color: var(--base-text-secondary);
    overflow-wrap: break-word
}

body .ContentBlockTypeB__description p + p {
    margin-top: 16px
}

body .ContentBlockTypeB__description a {
    color: var(--primary-link);
    transition: color .3s
}

body .ContentBlockTypeB__description a:hover {
    color: var(--primary-link-hover)
}

body .ContentBlockTypeB__link {
    max-width: min-content
}

@media (max-width: 1279.98px) {
    body .ContentBlockTypeB {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .ContentBlockTypeB {
        padding: 20px
    }

    body .ContentBlockTypeB__container {
        max-width: 100%
    }

    body .ContentBlockTypeB__title {
        font-size: 2.25rem;
        line-height: 3rem
    }

    body .ContentBlockTypeB__content {
        background-color: transparent;
        padding: 0;
        box-shadow: none
    }

    body .ContentBlockTypeB__content .LinkButton {
        margin-top: 16px
    }

    body .ContentBlockTypeB__content .LinkButton .LinkButton__button {
        width: 100%
    }

    body .ContentBlockTypeB ol li, body .ContentBlockTypeB ul li {
        margin-bottom: 16px
    }

    body .ContentBlockTypeB__link {
        max-width: none
    }
}

@media (max-width: 434.98px) {
    body .ContentBlockTypeB__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .ContentBlockTypeB__content .LinkButton, body .ContentBlockTypeB__content .LinkButton .LinkButton__button {
        width: 100%
    }

    body .ContentBlockTypeB__description * {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

body .ContentBlockTypeC {
    display: block;
    padding: 40px;
    overflow: hidden;
    color: var(--base-text-secondary)
}

body .ContentBlockTypeC__fullAreaLink {
    text-decoration: none
}

body .ContentBlockTypeC__container {
    margin: 0 auto;
    display: grid
}

body .ContentBlockTypeC__content {
    width: 100%;
    background-color: var(--base-surface);
    padding: 40px;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    word-wrap: break-word
}

body .ContentBlockTypeC__content h1 {
    margin-bottom: 40px
}

body .ContentBlockTypeC__content h1, body .ContentBlockTypeC__content h2, body .ContentBlockTypeC__content h3, body .ContentBlockTypeC__content h4, body .ContentBlockTypeC__content h5, body .ContentBlockTypeC__content h6 {
    color: var(--base-text-primary)
}

body .ContentBlockTypeC__content .LinkButton {
    margin-top: 24px;
    width: auto
}

body .ContentBlockTypeC__content .LinkButton .LinkButton__button {
    width: auto
}

body .ContentBlockTypeC__content td {
    padding-right: 8px
}

body .ContentBlockTypeC__image {
    overflow: hidden
}

body .ContentBlockTypeC__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1.7
}

body .ContentBlockTypeC__title {
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 24px;
    max-width: 96%
}

body .ContentBlockTypeC__description {
    margin-bottom: 40px;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400
}

body .ContentBlockTypeC__description, body .ContentBlockTypeC__description * {
    color: var(--base-text-secondary);
    overflow-wrap: break-word
}

body .ContentBlockTypeC__description p + p {
    margin-top: 16px
}

body .ContentBlockTypeC__description a {
    color: var(--primary-link);
    transition: color .3s
}

body .ContentBlockTypeC__description a:hover {
    color: var(--primary-link-hover)
}

body .ContentBlockTypeC__link {
    max-width: min-content
}

@media (max-width: 1279.98px) {
    body .ContentBlockTypeC {
        padding: 32px
    }

    body .ContentBlockTypeC__title {
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    body .ContentBlockTypeC {
        padding: 20px
    }

    body .ContentBlockTypeC__container {
        max-width: 100%
    }

    body .ContentBlockTypeC__title {
        font-size: 2.25rem;
        line-height: 3rem
    }

    body .ContentBlockTypeC__content {
        background-color: transparent;
        padding: 0;
        box-shadow: none
    }

    body .ContentBlockTypeC__content .LinkButton {
        margin-top: 16px
    }

    body .ContentBlockTypeC__content .LinkButton .LinkButton__button {
        width: 100%
    }

    body .ContentBlockTypeC ol li, body .ContentBlockTypeC ul li {
        margin-bottom: 16px
    }

    body .ContentBlockTypeC__link {
        max-width: none
    }
}

@media (max-width: 434.98px) {
    body .ContentBlockTypeC__content .LinkButton, body .ContentBlockTypeC__content .LinkButton .LinkButton__button {
        width: 100%
    }

    body .ContentBlockTypeC__description * {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

body .ContentBlockTypeD {
    display: block;
    overflow: hidden;
    padding: var(--container-padding-desktop)
}

body .ContentBlockTypeD__emoji {
    color: var(--base-text-secondary) !important
}

body .ContentBlockTypeD__button {
    max-width: 123px
}

body .ContentBlockTypeD__container {
    margin: 0 auto
}

body .ContentBlockTypeD__content {
    width: 100%;
    word-wrap: break-word
}

body .ContentBlockTypeD__content h1 {
    margin-bottom: 40px
}

body .ContentBlockTypeD__content h1, body .ContentBlockTypeD__content h2, body .ContentBlockTypeD__content h3, body .ContentBlockTypeD__content h4, body .ContentBlockTypeD__content h5, body .ContentBlockTypeD__content h6 {
    color: var(--base-text-primary)
}

body .ContentBlockTypeD__content td {
    padding-right: 8px
}

body .ContentBlockTypeD__image {
    overflow: hidden;
    margin-top: 40px
}

body .ContentBlockTypeD__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 1.7
}

body .ContentBlockTypeD__title {
    font-size: 44px;
    line-height: 52px;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 24px
}

body .ContentBlockTypeD__description {
    height: 100%;
    max-height: 144px;
    color: var(--base-text-secondary);
    overflow: hidden;
    margin-bottom: 40px;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    overflow-wrap: break-word;
    position: relative;
    -webkit-backface-visibility: hidden
}

@media (max-width: 1279.98px) {
    body .ContentBlockTypeD__description {
        max-height: 208px
    }
}

@media (max-width: 767.98px) {
    body .ContentBlockTypeD__description {
        max-height: 272px
    }
}

@media (max-width: 434.98px) {
    body .ContentBlockTypeD__description {
        max-height: 436px
    }
}

body .ContentBlockTypeD__description_disappearance:after {
    content: "";
    min-height: 50%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, var(--base-background), color-mix(in srgb, var(--base-background), transparent), transparent)
}

body .ContentBlockTypeD__description_open {
    max-height: unset
}

body .ContentBlockTypeD__description * {
    color: var(--base-text-secondary);
    overflow-wrap: break-word
}

body .ContentBlockTypeD__description p + p {
    margin-top: 16px
}

body .ContentBlockTypeD__description a {
    color: var(--primary-link);
    transition: color .3s
}

body .ContentBlockTypeD__description a:hover {
    color: var(--primary-link-hover)
}

@media (max-width: 1279.98px) {
    body .ContentBlockTypeD {
        padding: var(--container-padding-tablet)
    }

    body .ContentBlockTypeD__title {
        font-size: 36px;
        line-height: 48px;
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    body .ContentBlockTypeD {
        padding: var(--container-padding-mobile)
    }

    body .ContentBlockTypeD__container {
        max-width: 100%
    }

    body .ContentBlockTypeD__title {
        font-size: 28px;
        line-height: 36px
    }

    body .ContentBlockTypeD__content {
        background-color: transparent;
        padding: 0;
        box-shadow: none
    }

    body .ContentBlockTypeD__content .Button, body .ContentBlockTypeD__content .GameError__homeButton {
        margin-top: 16px
    }

    body .ContentBlockTypeD ol li, body .ContentBlockTypeD ul li {
        margin-bottom: 16px
    }

    body .ContentBlockTypeD__button {
        max-width: none
    }
}

@media (max-width: 434.98px) {
    body .ContentBlockTypeD__description * {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

body .SliderTimer__timerContainer {
    position: relative;
    overflow: hidden;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 12px;
    padding: 12px 24px;
    color: var(--base-text-primary)
}

@media (max-width: 1023.98px) {
    body .SliderTimer__timerContainer {
        gap: 8px;
        padding: 6px 12px
    }
}

@media (max-width: 767.98px) {
    body .SliderTimer__timerContainer {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px
    }
}

body .SliderTimer__timerContainer_timerIsCompleted {
    color: var(--base-text-placeholder)
}

body .SliderTimer__timerBackground {
    background: var(--base-elements);
    opacity: .5;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body .SliderTimer__timerName {
    text-transform: uppercase;
    padding-bottom: 2px;
    position: relative;
    flex: 0 1 auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

body .SliderTimer__timerCountDown {
    position: relative;
    flex: 0 0 auto
}

body .SliderTimer__timerCountDown .SliderCountDown.ShowSeconds .Format__value {
    color: var(--base-alert)
}

body .SliderTimer__timerCountDown .SliderCountDown.Completed .Format__value {
    color: var(--base-text-placeholder)
}

body .SliderTimer__timerCountDown .SliderCountDown .Format__delimiter {
    margin: 0 12px
}

@media (max-width: 1023.98px) {
    body .SliderTimer__timerCountDown .SliderCountDown .Format__delimiter {
        margin: 0 8px
    }
}

@media (max-width: 767.98px) {
    body .SliderTimer__timerCountDown .SliderCountDown .Format__delimiter {
        margin: 0 6px
    }
}

body .SliderTimer__timerCountDown .SliderCountDown .Format__value {
    margin-right: 4px
}

.offlineCasino body .SliderTypeE, body .SliderTypeA, body .offlineCasino .SliderTypeE {
    display: block;
    height: auto;
    overflow: hidden;
    background: var(--base-background);
    margin: 0 auto;
    padding: var(--container-padding-desktop)
}

body .SliderTypeA__navigation {
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 22px;
    z-index: 1;
    display: flex;
    width: 100%;
    max-width: 1640px;
    padding: 0 var(--container-padding-desktop);
    transform: translateX(-50%)
}

.offlineCasino body .SliderTypeE .swiper-container, body .SliderTypeA .swiper-container, body .offlineCasino .SliderTypeE .swiper-container {
    max-height: none;
    max-width: none;
    height: auto;
    overflow: hidden
}

.offlineCasino body .SliderTypeE .swiper-wrapper, body .SliderTypeA .swiper-wrapper, body .offlineCasino .SliderTypeE .swiper-wrapper {
    align-items: inherit
}

.offlineCasino body .SliderTypeE .swiper-slide, body .SliderTypeA .swiper-slide, body .offlineCasino .SliderTypeE .swiper-slide {
    height: auto;
    transition: none
}

.offlineCasino body .SliderTypeE .swiper-button-next, .offlineCasino body .SliderTypeE .swiper-button-prev, .offlineCasino body .SliderTypeE .swiper-pagination, body .SliderTypeA .swiper-button-next, body .SliderTypeA .swiper-button-prev, body .SliderTypeA .swiper-pagination, body .offlineCasino .SliderTypeE .swiper-button-next, body .offlineCasino .SliderTypeE .swiper-button-prev, body .offlineCasino .SliderTypeE .swiper-pagination {
    position: static;
    width: auto;
    height: 24px;
    padding: 0;
    line-height: 24px;
    font-size: 0;
    text-align: left;
    pointer-events: none;
    transform: translateX(0)
}

.offlineCasino body .SliderTypeE .swiper-pagination, body .SliderTypeA .swiper-pagination, body .offlineCasino .SliderTypeE .swiper-pagination {
    padding: 0
}

.offlineCasino body .SliderTypeE .swiper-pagination-bullet, body .SliderTypeA .swiper-pagination-bullet, body .offlineCasino .SliderTypeE .swiper-pagination-bullet {
    vertical-align: middle;
    background: transparent;
    border: 1.5px solid var(--base-text-on-color-bg);
    pointer-events: all;
    opacity: 1;
    margin: 0 8px
}

.offlineCasino body .SliderTypeE .swiper-pagination-bullet-active, body .SliderTypeA .swiper-pagination-bullet-active, body .offlineCasino .SliderTypeE .swiper-pagination-bullet-active {
    background: var(--base-text-on-color-bg)
}

.offlineCasino body .SliderTypeE .swiper-button-next, .offlineCasino body .SliderTypeE .swiper-button-prev, body .SliderTypeA .swiper-button-next, body .SliderTypeA .swiper-button-prev, body .offlineCasino .SliderTypeE .swiper-button-next, body .offlineCasino .SliderTypeE .swiper-button-prev {
    display: block;
    margin-top: 0
}

.offlineCasino body .SliderTypeE .swiper-button-next:before, .offlineCasino body .SliderTypeE .swiper-button-prev:before, body .SliderTypeA .swiper-button-next:before, body .SliderTypeA .swiper-button-prev:before, body .offlineCasino .SliderTypeE .swiper-button-next:before, body .offlineCasino .SliderTypeE .swiper-button-prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-on-color-bg);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    pointer-events: all
}

.offlineCasino body .SliderTypeE .swiper-button-next:after, .offlineCasino body .SliderTypeE .swiper-button-prev:after, body .SliderTypeA .swiper-button-next:after, body .SliderTypeA .swiper-button-prev:after, body .offlineCasino .SliderTypeE .swiper-button-next:after, body .offlineCasino .SliderTypeE .swiper-button-prev:after {
    display: none
}

.offlineCasino body .SliderTypeE .swiper-button-next, body .SliderTypeA .swiper-button-next, body .offlineCasino .SliderTypeE .swiper-button-next {
    padding: 0
}

.offlineCasino body .SliderTypeE .swiper-button-next:before, body .SliderTypeA .swiper-button-next:before, body .offlineCasino .SliderTypeE .swiper-button-next:before {
    transform: scaleX(-1)
}

body .SliderTypeA__slide {
    max-width: 100%;
    overflow: hidden;
    height: 450px
}

body .SliderTypeA__slide_solo .SliderTypeA__slideContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 100px 40px
}

body .SliderTypeA__slide_withTimer .SliderTypeA__slideContent {
    padding: 62px 40px
}

body .SliderTypeA__slide_withTimer .SliderTypeA__slideTitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

@media (max-width: 767.98px) {
    body .SliderTypeA__slide_withTimer .SliderTypeA__slideContent {
        padding: 40px 40px 80px
    }
}

@media (max-width: 434.98px) {
    body .SliderTypeA__slide_withTimer .SliderTypeA__slideContent {
        padding: 20px 20px 80px
    }
}

body .SliderTypeA__fullAreaLink {
    overflow: hidden
}

body .SliderTypeA__slideContainer {
    margin: 0 auto;
    position: relative;
    height: 100%;
    overflow: hidden;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    background: var(--base-surface)
}

body .SliderTypeA__slideContent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 100px 40px 80px
}

body .SliderTypeA__slideContentContainer {
    max-width: 520px;
    text-align: left;
    width: 100%
}

body .SliderTypeA__slideImage {
    display: block !important;
    width: 100%;
    height: 450px;
    object-fit: cover;
    object-position: top left
}

body .SliderTypeA__slideSubTitle {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-primary);
    margin-bottom: 16px;
    text-transform: uppercase;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

body .SliderTypeA__slideTitle {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    white-space: pre-wrap;
    text-transform: none
}

body .SliderTypeA__slideText, body .SliderTypeA__slideTitle {
    color: var(--base-text-primary);
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

body .SliderTypeA__slideText {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400
}

body .SliderTypeA__slideText a {
    color: var(--primary-link);
    transition: color .3s
}

body .SliderTypeA__slideText a:hover {
    color: var(--primary-link-hover)
}

body .SliderTypeA__timer {
    margin-bottom: 16px
}

body .SliderTypeA__slideCta {
    width: auto;
    text-align: left
}

body .SliderTypeA__slideCtaLink {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--base-text-primary)
}

body .SliderTypeA__slideCtaLink_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 11px
}

body .SliderTypeA__slideCtaLink:hover:after {
    transform: scaleX(-1) translateX(-5px)
}

body .SliderTypeA__slideCtaText {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

@media (max-width: 1919.98px) {
    body .SliderTypeA__slideImage_largeDesktop {
        object-position: top center
    }
}

@media (max-width: 1279.98px) {
    .offlineCasino body .SliderTypeE, body .SliderTypeA, body .offlineCasino .SliderTypeE {
        padding: var(--container-padding-tablet)
    }

    body .SliderTypeA__navigation {
        padding: 0 var(--container-padding-tablet)
    }
}

@media (max-width: 1023.98px) {
    .offlineCasino body .SliderTypeE .swiper-button-next, .offlineCasino body .SliderTypeE .swiper-button-prev, .offlineCasino body .SliderTypeE .swiper-pagination, body .SliderTypeA .swiper-button-next, body .SliderTypeA .swiper-button-prev, body .SliderTypeA .swiper-pagination, body .offlineCasino .SliderTypeE .swiper-button-next, body .offlineCasino .SliderTypeE .swiper-button-prev, body .offlineCasino .SliderTypeE .swiper-pagination {
        max-width: 1000px
    }

    body .SliderTypeA__slideContent {
        padding: 40px 40px 80px
    }

    body .SliderTypeA__slide {
        height: 380px
    }

    body .SliderTypeA__slide_solo .SliderTypeA__slideContent {
        padding: 40px
    }

    body .SliderTypeA__slideImage {
        height: 380px
    }

    body .SliderTypeA__slideContentContainer {
        max-width: 420px
    }

    body .SliderTypeA__slideTitle {
        font-size: 2rem;
        line-height: 2.75rem
    }

    .offlineCasino body .SliderTypeE .SliderTypeA__slideText, .offlineCasino body .SliderTypeE .SliderTypeA__slideTitle, body .SliderTypeA .SliderTypeA__slideText, body .SliderTypeA .SliderTypeA__slideTitle, body .offlineCasino .SliderTypeE .SliderTypeA__slideText, body .offlineCasino .SliderTypeE .SliderTypeA__slideTitle {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow-wrap: break-word
    }
}

@media (max-width: 767.98px) {
    .offlineCasino body .SliderTypeE, body .SliderTypeA, body .offlineCasino .SliderTypeE {
        padding: var(--container-padding-mobile)
    }

    body .SliderTypeA__navigation {
        padding: 0 var(--container-padding-mobile);
        bottom: 40px
    }
}

@media (max-width: 434.98px) {
    body .SliderTypeA__navigation {
        justify-content: center;
        bottom: 18px;
        left: 50%
    }

    body .SliderTypeA__slide {
        height: 276px
    }

    body .SliderTypeA__slide_solo .SliderTypeA__slideContent {
        padding: 20px
    }

    body .SliderTypeA__slide_hideMobileText .SliderTypeA__slideContent {
        display: none
    }

    body .SliderTypeA__slideImage {
        height: 276px
    }

    body .SliderTypeA__slideImage_mobile {
        object-position: center
    }

    body .SliderTypeA__slideContent {
        padding: 20px
    }

    body .SliderTypeA__slideSubTitle {
        font-size: .75rem;
        line-height: 1.25rem;
        margin-bottom: 8px
    }

    body .SliderTypeA__slideTitle {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 8px
    }

    body .SliderTypeA__slideText {
        font-size: .75rem;
        line-height: 1.25rem;
        margin-bottom: 16px
    }

    .offlineCasino body .SliderTypeE .swiper-button-prev, body .SliderTypeA .swiper-button-prev, body .offlineCasino .SliderTypeE .swiper-button-prev {
        padding: 0
    }

    .offlineCasino body .SliderTypeE .swiper-button-prev:before, body .SliderTypeA .swiper-button-prev:before, body .offlineCasino .SliderTypeE .swiper-button-prev:before {
        transform: translateX(0)
    }
}

.offlineCasino body .globalBackground .SliderTypeE, body .globalBackground .SliderTypeA, body .globalBackground .offlineCasino .SliderTypeE {
    background: transparent
}

body .SliderTypeB {
    overflow: hidden;
    background: var(--base-background);
    margin: 0 auto;
    padding: 40px
}

body .SliderTypeB .swiper {
    margin: 0 -12px
}

body .SliderTypeB__slide {
    padding: 0 12px;
    max-width: 100%;
    overflow: hidden;
    height: 306px
}

body .SliderTypeB__slide_withTimer .SliderTypeB__slideTitle {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

body .SliderTypeB__fullAreaLink {
    overflow: hidden
}

body .SliderTypeB__slideContainer {
    margin: 0 auto;
    position: relative;
    height: 100%;
    overflow: hidden;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    border-radius: 0 !important;
    background: var(--base-surface)
}

body .SliderTypeB__slideContent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 28px 40px
}

body .SliderTypeB__slideContentContainer {
    text-align: left;
    max-width: 420px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

body .SliderTypeB__slideImage {
    display: block !important;
    width: 100%;
    height: 306px;
    object-fit: cover;
    object-position: top center
}

body .SliderTypeB__slideSubTitle {
    text-transform: uppercase;
    -webkit-line-clamp: 1
}

body .SliderTypeB__slideSubTitle, body .SliderTypeB__slideTitle {
    color: var(--base-text-primary);
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

body .SliderTypeB__slideTitle {
    font-weight: 700;
    white-space: pre-wrap;
    text-transform: none;
    -webkit-line-clamp: 2
}

body .SliderTypeB__slideText {
    color: var(--base-text-primary);
    margin-bottom: 16px;
    overflow: hidden;
    -webkit-box-orient: vertical
}

body .SliderTypeB__slideText a {
    color: var(--primary-link);
    transition: color .3s
}

body .SliderTypeB__slideText a:hover {
    color: var(--primary-link-hover)
}

body .SliderTypeB__timer {
    margin-bottom: 16px
}

body .SliderTypeB__slideCta {
    width: auto;
    text-align: left;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

body .SliderTypeB__slideCtaLink {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--base-text-primary)
}

body .SliderTypeB__slideCtaLink_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 11px
}

body .SliderTypeB__slideCtaLink:hover:after {
    transform: scaleX(-1) translateX(-5px)
}

body .SliderTypeB__slideCtaText {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

body .SliderTypeB .swiper-pagination {
    margin: 11px auto -13px;
    padding: 0 10px;
    pointer-events: none;
    position: static
}

body .SliderTypeB .swiper-pagination-bullet {
    vertical-align: middle;
    pointer-events: all;
    opacity: 1;
    background: var(--base-divider);
    border-radius: 8px;
    margin: 20px 12px;
    width: 40px;
    height: 2px
}

body .SliderTypeB .swiper-pagination-bullet:before {
    content: "";
    display: block;
    height: 40px;
    transform: translateY(-20px)
}

body .SliderTypeB .swiper-pagination-bullet:first-child:before {
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    transform: scale(2) translate(.5px, -1.5px)
}

body .SliderTypeB .swiper-pagination-bullet:first-child:before, body .SliderTypeB .swiper-pagination-bullet:last-child:after {
    content: "";
    display: block;
    height: 7px;
    width: 8px;
    background-color: var(--base-divider);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    border: 2px solid var(--base-divider)
}

body .SliderTypeB .swiper-pagination-bullet:last-child:after {
    -webkit-mask-image: url(/iconPack/arrow-right.svg);
    mask-image: url(/iconPack/arrow-right.svg);
    transform: scale(2) translate(15.5px, -21.5px)
}

body .SliderTypeB .swiper-pagination-bullet-active {
    background: var(--primary-solid)
}

body .SliderTypeB .swiper-pagination-bullet-active:first-child:before, body .SliderTypeB .swiper-pagination-bullet-active:last-child:after {
    border: 2px solid var(--primary-solid);
    background-color: var(--primary-solid)
}

@media (max-width: 1919.98px) {
    body .SliderTypeB__slideImage_largeDesktop {
        object-position: top center
    }
}

@media (max-width: 1439.98px) {
    body .SliderTypeB {
        padding: 40px 40px 30px
    }
}

@media (max-width: 1279.98px) {
    body .SliderTypeB {
        max-width: 980px;
        margin: auto
    }
}

@media (max-width: 1023.98px) {
    body .SliderTypeB {
        padding: 32px 32px 20px
    }
}

@media (max-width: 767.98px) {
    body .SliderTypeB {
        padding: 20px 20px 16px
    }

    body .SliderTypeB__slideContainer {
        max-width: 704px
    }
}

@media (max-width: 434.98px) {
    body .SliderTypeB__slide {
        height: 268px
    }

    body .SliderTypeB__slide_hideMobileText {
        height: 160px
    }

    body .SliderTypeB__slide_hideMobileText .SliderTypeB__slideContent {
        display: none
    }

    body .SliderTypeB__slideImage {
        height: 268px
    }

    body .SliderTypeB__slideContent {
        padding: 20px
    }

    body .SliderTypeB__slideImage_mobile {
        object-position: center
    }

    body .SliderTypeB__slideTitle {
        font-size: 1.5rem;
        line-height: 2rem
    }

    body .SliderTypeB__slideText {
        font-size: .875rem;
        line-height: 1.5rem;
        -webkit-line-clamp: 3
    }

    body .SliderTypeB .swiper-pagination-bullet {
        margin: 20px 6px;
        width: 20px
    }

    body .SliderTypeB .swiper-pagination-bullet:last-child:after {
        transform: scale(2) translate(5px, -21.5px)
    }
}

body .globalBackground .SliderTypeB {
    background: transparent
}

body .SliderTypeC {
    overflow: hidden;
    background: var(--base-background);
    margin: 0 auto;
    padding: 40px
}

body .SliderTypeC .swiper {
    margin: 0 -12px;
    padding-bottom: 48px
}

body .SliderTypeC .swiper-slide {
    transition: width .6s ease-in-out
}

body .SliderTypeC__slide {
    padding: 0 12px;
    max-width: 100%;
    overflow: hidden;
    height: 306px
}

body .SliderTypeC__fullAreaLink {
    overflow: hidden
}

body .SliderTypeC__slideContainer {
    margin: 0 auto;
    position: relative;
    height: 100%;
    overflow: hidden;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    border-radius: 0 !important;
    background: var(--base-surface)
}

body .SliderTypeC__slideContent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 28px
}

body .SliderTypeC__slideContentContainer {
    text-align: left;
    max-width: 420px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

body .SliderTypeC__slideImage {
    display: block !important;
    width: 100%;
    height: 306px;
    object-fit: cover;
    object-position: top center
}

body .SliderTypeC__slideSubTitle {
    text-transform: uppercase;
    -webkit-line-clamp: 1
}

body .SliderTypeC__slideSubTitle, body .SliderTypeC__slideTitle {
    color: var(--base-text-primary);
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

body .SliderTypeC__slideTitle {
    font-size: 2rem;
    line-height: 2.75rem;
    font-weight: 700;
    white-space: pre-wrap;
    text-transform: none;
    -webkit-line-clamp: 2;
    transition: font-size, line-height .6s ease-in-out
}

body .SliderTypeC__slideText {
    font-size: 1rem;
    line-height: 1.75rem;
    color: var(--base-text-primary);
    margin-bottom: 16px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    transition: font-size, line-height .6s ease-in-out
}

body .SliderTypeC__slideText a {
    color: var(--primary-link);
    transition: color .3s
}

body .SliderTypeC__slideText a:hover {
    color: var(--primary-link-hover)
}

body .SliderTypeC__timer {
    margin-bottom: 16px
}

body .SliderTypeC__slideCta {
    width: auto;
    text-align: left;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

body .SliderTypeC__slideCtaLink {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--base-text-primary)
}

body .SliderTypeC__slideCtaLink_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 11px
}

body .SliderTypeC__slideCtaLink:hover:after {
    transform: scaleX(-1) translateX(-5px)
}

body .SliderTypeC__slideCtaText {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

body .SliderTypeC .swiper-pagination {
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-size: 0;
    text-align: left;
    padding: 0 40px;
    pointer-events: none
}

body .SliderTypeC .swiper-pagination-bullet {
    vertical-align: middle;
    pointer-events: all;
    opacity: 1;
    background: var(--base-elements);
    border: 4px solid var(--base-elements);
    box-shadow: var(--base-button-normal-shadow);
    margin-left: 24px;
    width: 16px;
    height: 16px
}

body .SliderTypeC .swiper-pagination-bullet-active {
    border: 2px solid var(--primary-solid);
    background: var(--primary-solid);
    box-shadow: 0 0 0 4px rgba(35, 89, 170, .25)
}

body .SliderTypeC__paginationLine {
    height: 1px;
    background: var(--base-elements);
    border-radius: 0 1px 1px 0;
    position: relative;
    top: -13px;
    margin: 0 10px
}

body .SliderTypeC .swiper-button-next, body .SliderTypeC .swiper-button-prev {
    display: none
}

@media (max-width: 1919.98px) {
    body .SliderTypeC__slideImage_largeDesktop {
        object-position: top center
    }
}

@media (max-width: 1439.98px) {
    body .SliderTypeC {
        padding: 40px 40px 20px
    }

    body .SliderTypeC__slideContentContainer {
        max-width: 316px
    }

    body .SliderTypeC__slideTitle {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .SliderTypeC__slideText {
        font-size: .875rem;
        line-height: 1.5rem
    }
}

@media (max-width: 1023.98px) {
    body .SliderTypeC {
        padding: 32px 32px 20px
    }

    body .SliderTypeC__slide, body .SliderTypeC__slideImage {
        height: 272px
    }

    body .SliderTypeC__slideContentContainer {
        max-width: 420px
    }

    body .SliderTypeC__slideText {
        font-size: 1rem;
        line-height: 1.75rem
    }

    body .SliderTypeC__slideContent {
        padding: 24px
    }
}

@media (max-width: 434.98px) {
    body .SliderTypeC {
        padding: 20px 20px 16px
    }

    body .SliderTypeC__slide, body .SliderTypeC__slideImage {
        height: 320px
    }

    body .SliderTypeC__slideImage_hideMobileText, body .SliderTypeC__slide_hideMobileText {
        height: 160px
    }

    body .SliderTypeC__slideImage_hideMobileText .SliderTypeC__slideContent, body .SliderTypeC__slide_hideMobileText .SliderTypeC__slideContent {
        display: none
    }

    body .SliderTypeC__slideTitle {
        font-size: 1.5rem;
        line-height: 2rem
    }

    body .SliderTypeC__slideText {
        font-size: .875rem;
        line-height: 1.5rem
    }

    body .SliderTypeC__slideContent {
        padding: 20px
    }

    body .SliderTypeC__slideImage_mobile {
        object-position: center
    }
}

@media (min-width: 1023.98px) {
    body .SliderTypeC .swiper-wrapper {
        display: flex !important
    }

    body .SliderTypeC .swiper-slide.swiper-slide-active {
        width: 66.66666% !important
    }

    body .SliderTypeC .swiper-slide.swiper-slide-active + .swiper-slide-next {
        width: 33.33333% !important
    }
}

@media (min-width: 1439.98px) {
    body .SliderTypeC .swiper-wrapper {
        display: flex !important
    }

    body .SliderTypeC .swiper-slide.swiper-slide-active {
        width: 50% !important
    }

    body .SliderTypeC .swiper-slide.swiper-slide-active + .swiper-slide-next, body .SliderTypeC .swiper-slide.swiper-slide-active + .swiper-slide-next + .swiper-slide {
        width: 25% !important
    }

    body .SliderTypeC .swiper-slide.swiper-slide-active ~ .swiper-slide .SliderTypeC__slideTitle {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .SliderTypeC .swiper-slide.swiper-slide-active ~ .swiper-slide .SliderTypeC__slideText {
        font-size: .875rem;
        line-height: 1.5rem
    }
}

body .globalBackground .SliderTypeC {
    background: transparent
}

body .SliderTypeD {
    overflow: hidden;
    background: var(--base-background);
    margin: 0 auto;
    padding: 40px
}

body .SliderTypeD .swiper-grid {
    margin: -12px
}

body .SliderTypeD__slide {
    padding: 12px;
    max-width: 100%;
    overflow: hidden;
    height: 330px
}

body .SliderTypeD__fullAreaLink {
    overflow: hidden
}

body .SliderTypeD__slideContainer {
    margin: 0 auto;
    position: relative;
    height: 100%;
    overflow: hidden;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    background: var(--base-surface)
}

body .SliderTypeD__slideContent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 40px
}

body .SliderTypeD__slideContentContainer {
    text-align: left;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    max-width: 408px
}

body .SliderTypeD__slideImage {
    display: block !important;
    width: 100%;
    height: 306px;
    object-fit: cover;
    object-position: top center
}

body .SliderTypeD__slideSubTitle {
    text-transform: uppercase
}

body .SliderTypeD__slideSubTitle, body .SliderTypeD__slideTitle {
    color: var(--base-text-primary);
    margin-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

body .SliderTypeD__slideTitle {
    font-weight: 700;
    white-space: pre-wrap;
    text-transform: none
}

body .SliderTypeD__slideText {
    color: var(--base-text-primary);
    margin-bottom: 8px;
    overflow: hidden;
    -webkit-box-orient: vertical
}

body .SliderTypeD__slideText a {
    color: var(--primary-link);
    transition: color .3s
}

body .SliderTypeD__slideText a:hover {
    color: var(--primary-link-hover)
}

body .SliderTypeD__timer {
    margin-bottom: 8px
}

body .SliderTypeD__slideCta {
    width: auto;
    text-align: left;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

body .SliderTypeD__slideCtaLink {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--base-text-primary)
}

body .SliderTypeD__slideCtaLink_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 11px
}

body .SliderTypeD__slideCtaLink:hover:after {
    transform: scaleX(-1) translateX(-5px)
}

body .SliderTypeD__slideCtaText {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

body .SliderTypeD__navigation {
    display: none;
    margin-top: 14px;
    padding-bottom: 12px;
    justify-content: center;
    align-items: center;
    width: 100%
}

body .SliderTypeD .swiper-button-next, body .SliderTypeD .swiper-button-prev {
    display: block;
    margin-top: 0
}

body .SliderTypeD .swiper-button-next:before, body .SliderTypeD .swiper-button-prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    pointer-events: all
}

body .SliderTypeD .swiper-button-next:after, body .SliderTypeD .swiper-button-prev:after {
    display: none
}

body .SliderTypeD .swiper-button-next {
    padding: 0
}

body .SliderTypeD .swiper-button-next:before {
    transform: scaleX(-1)
}

body .SliderTypeD .swiper-button-next, body .SliderTypeD .swiper-button-prev, body .SliderTypeD .swiper-pagination {
    position: static;
    width: auto;
    height: 24px;
    padding: 0;
    line-height: 24px;
    font-size: 0;
    text-align: left;
    pointer-events: none;
    transform: translateX(0)
}

body .SliderTypeD .swiper-pagination-bullet {
    vertical-align: middle;
    background: transparent;
    border: 1.5px solid var(--base-text-secondary);
    pointer-events: all;
    opacity: 1
}

body .SliderTypeD .swiper-pagination-bullet-active {
    background: var(--base-text-secondary)
}

@media (max-width: 1919.98px) {
    body .SliderTypeD__slideImage_largeDesktop {
        object-position: top center
    }
}

@media (max-width: 1439.98px) {
    body .SliderTypeD__navigation {
        display: flex
    }
}

@media (max-width: 1023.98px) {
    body .SliderTypeD {
        padding: 32px 32px 20px
    }

    body .SliderTypeD__navigation {
        display: none
    }

    body .SliderTypeD .swiper, body .SliderTypeD__slide {
        overflow: initial
    }

    body .SliderTypeD__slide {
        padding: 0 12px;
        height: 280px
    }

    body .SliderTypeD__slideImage {
        height: 280px
    }

    body .SliderTypeD .swiper-slide {
        max-width: 94%;
        order: 0 !important
    }

    body .SliderTypeD .swiper-slide:has(.SliderTypeD__slide_solo) {
        max-width: 100%
    }

    body .SliderTypeD .swiper {
        margin: 0 -12px
    }

    body .SliderTypeD__slideContent {
        padding: 32px
    }

    body .SliderTypeD__slideTitle {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

@media (max-width: 434.98px) {
    body .SliderTypeD {
        padding: 20px
    }

    body .SliderTypeD .swiper {
        margin: 0 -6px
    }

    body .SliderTypeD .swiper-slide {
        max-width: 96%
    }

    body .SliderTypeD__slide {
        height: 240px;
        padding: 0 6px
    }

    body .SliderTypeD__slide_hideMobileText {
        height: 160px
    }

    body .SliderTypeD__slide_hideMobileText .SliderTypeD__slideContent {
        display: none
    }

    body .SliderTypeD__slideImage {
        height: 240px
    }

    body .SliderTypeD__slideContent {
        padding: 20px
    }

    body .SliderTypeD__slideImage_mobile {
        object-position: center
    }

    body .SliderTypeD__slideTitle {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .SliderTypeD__slideText {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

body .SliderTypeE {
    display: block;
    height: auto;
    overflow: hidden;
    background: var(--base-background);
    margin: 0 auto;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1649.98px) {
    body .SliderTypeE {
        padding: var(--container-padding-desktop) 0
    }

    body .SliderTypeE__wrapperTypeB {
        width: 100vw;
        position: relative;
        left: calc(-50vw + 50%)
    }

    body .SliderTypeE .radiusButton {
        border-radius: 0 !important
    }
}

@media (max-width: 1279.98px) {
    body .SliderTypeE {
        padding: var(--container-padding-tablet) 0
    }
}

@media (max-width: 767.98px) {
    body .SliderTypeE {
        padding: var(--container-padding-mobile) 0
    }
}

body .SliderTypeE__navigation {
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 40px;
    z-index: 1;
    display: flex;
    width: 100%;
    max-width: 1640px;
    padding: 0 var(--container-padding-desktop);
    transform: translateX(-50%)
}

@media (max-width: 1279.98px) {
    body .SliderTypeE__navigation {
        padding: 0 var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .SliderTypeE__navigation {
        padding: 0 var(--container-padding-mobile)
    }
}

body .SliderTypeE .swiper-container {
    max-height: none;
    max-width: none;
    height: auto;
    overflow: hidden
}

body .SliderTypeE .swiper-wrapper {
    align-items: inherit
}

body .SliderTypeE .swiper-slide {
    height: auto;
    transition: none
}

body .SliderTypeE .swiper-button-next, body .SliderTypeE .swiper-button-prev, body .SliderTypeE .swiper-pagination {
    position: static;
    width: auto;
    height: 24px;
    padding: 0;
    line-height: 24px;
    font-size: 0;
    text-align: left;
    pointer-events: none;
    transform: translateX(0)
}

body .SliderTypeE .swiper-pagination {
    padding: 0
}

body .SliderTypeE .swiper-pagination-bullet {
    vertical-align: middle;
    background: transparent;
    border: 1.5px solid var(--base-text-on-color-bg);
    pointer-events: all;
    opacity: 1;
    margin: 0 8px
}

body .SliderTypeE .swiper-pagination-bullet-active {
    background: var(--base-text-on-color-bg)
}

body .SliderTypeE .swiper-button-next, body .SliderTypeE .swiper-button-prev {
    display: block;
    margin-top: 0
}

body .SliderTypeE .swiper-button-next:before, body .SliderTypeE .swiper-button-prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-on-color-bg);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    pointer-events: all
}

body .SliderTypeE .swiper-button-next:after, body .SliderTypeE .swiper-button-prev:after {
    display: none
}

body .SliderTypeE .swiper-button-next {
    padding: 0
}

body .SliderTypeE .swiper-button-next:before {
    transform: scaleX(-1)
}

body .SliderTypeE__slide {
    max-width: 100%;
    overflow: hidden;
    height: 450px
}

body .SliderTypeE__slide_solo .SliderTypeE__slideContent {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 100px 40px
}

body .SliderTypeE__fullAreaLink {
    overflow: hidden
}

body .SliderTypeE__slideContainer {
    margin: 0 auto;
    position: relative;
    height: 100%;
    overflow: hidden;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    background: var(--base-surface)
}

body .SliderTypeE__slideContent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: var(--container-padding-desktop) !important
}

@media (max-width: 1279.98px) {
    body .SliderTypeE__slideContent {
        padding: var(--container-padding-tablet) !important
    }
}

@media (max-width: 767.98px) {
    body .SliderTypeE__slideContent {
        padding: var(--container-padding-mobile) !important
    }
}

body .SliderTypeE__slideContentContainer {
    max-width: 520px;
    text-align: left;
    width: 100%
}

body .SliderTypeE__slideImage {
    display: block !important;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top right
}

body .SliderTypeE__slideSubTitle {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    text-transform: uppercase;
    -webkit-line-clamp: 1
}

body .SliderTypeE__slideSubTitle, body .SliderTypeE__slideTitle {
    color: var(--base-text-on-color-bg);
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

body .SliderTypeE__slideTitle {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    white-space: pre-wrap;
    text-transform: none;
    -webkit-line-clamp: 2
}

body .SliderTypeE__slideText {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-on-color-bg);
    margin-bottom: 16px;
    overflow: hidden;
    -webkit-box-orient: vertical
}

body .SliderTypeE__slideText a {
    color: var(--primary-link);
    transition: color .3s
}

body .SliderTypeE__slideText a:hover {
    color: var(--primary-link-hover)
}

body .SliderTypeE__timer {
    margin-bottom: 16px
}

body .SliderTypeE__slideCta {
    width: auto;
    text-align: left
}

body .SliderTypeE__slideCtaLink {
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--base-text-on-color-bg)
}

body .SliderTypeE__slideCtaLink_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 11px
}

body .SliderTypeE__slideCtaLink:hover:after {
    transform: scaleX(-1) translateX(-5px)
}

body .SliderTypeE__slideCtaText {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

@media (max-width: 1919.98px) {
    body .SliderTypeE__slideImage_largeDesktop {
        object-position: top center
    }
}

@media (max-width: 1023.98px) {
    body .SliderTypeE .swiper-button-next, body .SliderTypeE .swiper-button-prev, body .SliderTypeE .swiper-pagination {
        max-width: 1000px
    }

    body .SliderTypeE__slideContent {
        padding: 40px 40px 80px
    }

    body .SliderTypeE__slide {
        height: 380px
    }

    body .SliderTypeE__slide_solo .SliderTypeE__slideContent {
        padding: 40px
    }

    body .SliderTypeE__slideContentContainer {
        max-width: 420px
    }

    body .SliderTypeE__slideTitle {
        font-size: 2rem;
        line-height: 2.75rem
    }
}

@media (max-width: 434.98px) {
    body .SliderTypeE__navigation {
        justify-content: center;
        bottom: 20px
    }

    body .SliderTypeE__slide {
        height: 276px
    }

    body .SliderTypeE__slide_solo .SliderTypeE__slideContent {
        padding: 24px 20px
    }

    body .SliderTypeE__slide_hideMobileText .SliderTypeE__slideContent {
        display: none
    }

    body .SliderTypeE__slideImage_mobile {
        object-position: center
    }

    body .SliderTypeE__slideContent {
        padding: 24px 20px 60px
    }

    body .SliderTypeE__slideSubTitle {
        font-size: .75rem;
        line-height: 1.25rem;
        margin-bottom: 8px
    }

    body .SliderTypeE__slideTitle {
        font-size: 1.25rem;
        line-height: 1.75rem;
        margin-bottom: 8px
    }

    body .SliderTypeE__slideText {
        font-size: .75rem;
        line-height: 1.25rem;
        margin-bottom: 16px
    }

    body .SliderTypeE .swiper-button-prev {
        padding: 0
    }

    body .SliderTypeE .swiper-button-prev:before {
        transform: translateX(0)
    }
}

body .globalBackground .SliderTypeE {
    background: transparent
}

body .JackpotsTypeA {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 40px
}

@media (max-width: 1279.98px) {
    body .JackpotsTypeA {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .JackpotsTypeA {
        padding: 20px
    }
}

body .JackpotsTypeA .Tabs {
    margin-bottom: 0
}

body .JackpotsTypeA .swiper-wrapper {
    align-items: stretch
}

body .JackpotsTypeA .swiper-slide {
    height: auto
}

body .JackpotsTypeA .swiper-slide > * {
    height: 100%
}

body .JackpotsTypeA__container {
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

@media (max-width: 767.98px) {
    body .JackpotsTypeA__container {
        max-width: 100%
    }
}

body .JackpotsTypeA__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    body .JackpotsTypeA__header {
        display: block;
        margin-bottom: 0
    }
}

body .JackpotsTypeA__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50%;
    font-size: 2.75rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-right: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -10px
}

@media (max-width: 767.98px) {
    body .JackpotsTypeA__title {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 16px
    }
}

body .JackpotsTypeA__selects {
    flex: 0 0 auto;
    max-width: inherit
}

body .JackpotsTypeA__selects .Tabs__tab {
    text-transform: capitalize;
    font-weight: 500
}

@media (max-width: 767.98px) {
    body .JackpotsTypeA__selects {
        max-width: 100%;
        margin-left: 0
    }
}

body .JackpotsTypeA__slider {
    max-width: 100%;
    padding: 20px 0;
    display: grid;
    grid-gap: 1.25rem;
    grid-template-columns:repeat(4, 1fr);
    grid-auto-flow: row
}

@media (max-width: 767.98px) {
    body .JackpotsTypeA__slider {
        grid-template-columns:repeat(2, 1fr);
        grid-gap: 1rem
    }
}

@media (max-width: 434.98px) {
    body .JackpotsTypeA__slider {
        grid-template-columns:repeat(1, 1fr);
        grid-gap: .75rem
    }
}

body .JackpotsTypeA.hiddenButton .Jackpots__header {
    padding-right: 0
}

body .JackpotsTypeA__selectWrapper, body .JackpotsTypeA__tabsWrapper {
    display: none
}

@media (max-width: 434.98px) {
    body .JackpotsTypeA__selectWrapper {
        display: block
    }
}

body .JackpotsTypeA .isShowTabs {
    display: block
}

@media (max-width: 434.98px) {
    body .JackpotsTypeA .isShowTabs {
        display: none
    }
}

body .JackpotsTypeA .isShowSelects {
    display: block
}

body .JackpotsCard {
    padding: 40px 32px
}

body .JackpotsCard__card {
    position: relative;
    overflow: hidden;
    padding: 16px 20px;
    border-radius: 12px;
    border: 4px solid var(--base-surface);
    background: var(--primary-gradient);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .06)
}

body .JackpotsCard__cardPlace {
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;
    font-size: 0;
    line-height: 0;
    margin-right: 16px
}

body .JackpotsCard__cardPlace .place {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body .JackpotsCard__cardPlace .place svg {
    width: 100%;
    height: 100%
}

body .JackpotsCard__customImage {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body .JackpotsCard__cardNumber {
    display: block;
    width: 34px;
    height: 34px;
    font-size: 1.25rem;
    color: var(--base-text-on-color-bg);
    line-height: 34px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    background-color: var(--primary-solid)
}

body .JackpotsCard__cardIcon {
    padding: 0;
    color: var(--base-text-on-color-bg);
    position: absolute;
    top: 13px;
    left: 13px
}

body .JackpotsCard__cardIcon svg {
    width: 100%;
    height: 100%
}

body .JackpotsCard__cardTitle {
    max-width: 100%;
    margin-top: 16px;
    text-align: left;
    position: relative
}

body .JackpotsCard__cardTitle p {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    color: var(--base-text-on-color-bg)
}

body .JackpotsCard__cardAmount {
    max-width: 100%;
    text-align: left;
    position: relative
}

body .JackpotsCard__cardAmount p {
    font-size: 2.1rem;
    line-height: 3rem;
    font-weight: 700;
    color: var(--base-text-on-color-bg)
}

body .JackpotsCard__cardCurrency, body .JackpotsCard__cardValue {
    text-transform: uppercase;
    color: var(--base-text-on-color-bg)
}

body .JackpotsCard__cardLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    line-height: 0
}

@media (max-width: 767.98px) {
    body .JackpotsCard {
        padding: 32px 20px
    }

    body .JackpotsCard__cardPlace {
        width: 40px;
        height: 40px
    }

    body .JackpotsCard__cardNumber {
        width: 23px;
        height: 23px;
        font-size: .875rem;
        line-height: 23px
    }

    body .JackpotsCard__cardIcon {
        top: 8.5px;
        left: 8.5px
    }

    body .JackpotsCard__cardTitle {
        margin-top: 12px
    }

    body .JackpotsCard__cardTitle p {
        font-size: .875rem;
        line-height: 1.5rem
    }

    body .JackpotsCard__cardAmount p {
        font-size: 1.5rem;
        line-height: 2rem
    }

    body .JackpotsCard__link {
        display: block
    }
}

body .JackpotsTypeB {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 40px
}

@media (max-width: 1279.98px) {
    body .JackpotsTypeB {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .JackpotsTypeB {
        padding: 20px
    }
}

body .JackpotsTypeB__cardPlace {
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;
    font-size: 0;
    line-height: 0;
    margin-right: 16px
}

body .JackpotsTypeB__cardPlace .place {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body .JackpotsTypeB__cardNumber {
    display: block;
    width: 34px;
    height: 34px;
    font-size: 1.25rem;
    color: var(--base-text-on-color-bg);
    line-height: 34px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    background-color: var(--primary-solid)
}

body .JackpotsTypeB__container {
    position: relative;
    margin: 0 auto;
    overflow: hidden
}

body .JackpotsTypeB__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px
}

body .JackpotsTypeB__header .Tabs {
    margin-bottom: 0
}

body .JackpotsTypeB__tabsWrapper {
    display: block
}

body .JackpotsTypeB__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 10px;
    max-width: 50%;
    font-size: 2.75rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-right: 16px
}

body .JackpotsTypeB__wrapper {
    position: relative;
    min-height: 500px;
    color: var(--primary-solid);
    max-width: 944px;
    margin: auto
}

body .JackpotsTypeB__wrapper .machine {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    fill: var(--primary-solid);
    pointer-events: none
}

body .JackpotsTypeB__wrapper .machine svg {
    width: 100%;
    height: 100%
}

body .JackpotsTypeB__wrapper .machine svg .lights * {
    animation: hideshow .8s ease-in-out infinite
}

body .JackpotsTypeB__wrapper .machine svg .lights :nth-child(2) {
    animation-delay: .2s
}

body .JackpotsTypeB__wrapper .machine svg .lights :nth-child(3) {
    animation-delay: .4s
}

body .JackpotsTypeB__wrapper .machine svg .lights :nth-child(4) {
    animation-delay: .6s
}

body .JackpotsTypeB__wrapper .arm-wrapper {
    position: absolute;
    bottom: 237px;
    right: -17.7px;
    display: flex;
    align-items: flex-end;
    transition: all 1s ease-in-out;
    overflow: hidden
}

body .JackpotsTypeB__wrapper .ball {
    position: absolute;
    top: 45px;
    right: -34px;
    cursor: pointer;
    transition: all 1s ease-in-out
}

body .JackpotsTypeB__playBall {
    animation: ballPlay 3s cubic-bezier(.77, 0, .175, 1) 1
}

body .JackpotsTypeB__playArm {
    animation: armPlay 3s cubic-bezier(.77, 0, .175, 1) 1
}

body .JackpotsTypeB__columns {
    position: absolute;
    top: 36px;
    left: 18px;
    display: flex;
    justify-content: space-between;
    width: 81.7%;
    margin: 65px 0 0 33px;
    padding: 0 16px;
    max-height: 220px;
    overflow: hidden
}

body .JackpotsTypeB__columns > div:nth-child(2) {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 18px;
    width: 2px;
    background: #565c64;
    height: 185px
}

body .JackpotsTypeB__column {
    width: 100%;
    transform: translateY(18px);
    height: -moz-fit-content;
    height: fit-content
}

body .JackpotsTypeB__playCol {
    animation: play 4s cubic-bezier(.68, -.15, .265, 1.55) 1
}

body .JackpotsTypeB__playCol:nth-child(3) {
    animation-duration: 3.5s
}

body .JackpotsTypeB__jackpotCard {
    background: var(--primary-gradient);
    overflow: hidden;
    margin: 0 0 16px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    position: relative;
    transition: all .3s
}

body .JackpotsTypeB__jackpotCard.hidden {
    opacity: 0;
    transform: translateY(10px)
}

body .JackpotsTypeB__customImage {
    width: 100%;
    height: 100%;
    object-fit: cover
}

body .JackpotsTypeB__cardDecor, body .JackpotsTypeB__customImage {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body .JackpotsTypeB__cardIcon {
    padding: 0;
    color: var(--base-text-on-color-bg);
    position: absolute;
    top: 13px;
    left: 13px
}

body .JackpotsTypeB__cardIcon svg {
    width: 100%;
    height: 100%
}

body .JackpotsTypeB__jackpotCardText {
    z-index: 1
}

body .JackpotsTypeB__jackpotCardSubtitle, body .JackpotsTypeB__jackpotCardTitle {
    font-size: 20px;
    color: var(--base-text-on-color-bg)
}

body .JackpotsTypeB__jackpotCardSubtitle {
    font-weight: 700;
    margin-top: 8px
}

body .JackpotsTypeB__selectWrapper {
    display: none
}

body .JackpotsTypeB__selectWrapper.show {
    display: block
}

@media (max-width: 1279.98px) {
    body .JackpotsTypeB {
        padding: 16px 0
    }
}

@media (max-width: 1023.98px) {
    body .JackpotsTypeB #holder, body .JackpotsTypeB .arm-wrapper, body .JackpotsTypeB .ball {
        display: none
    }

    body .JackpotsTypeB .machine {
        width: 105%;
        height: 100%
    }

    body .JackpotsTypeB .machine div {
        height: 100%
    }

    body .JackpotsTypeB__columns {
        max-height: 235px;
        left: 42px
    }

    body .JackpotsTypeB .play {
        display: block
    }
}

@media screen and (max-width: 980px) {
    body .JackpotsTypeB__wrapper {
        max-width: 720px;
        min-height: 400px
    }

    body .JackpotsTypeB__columns {
        margin: 35px 0 0 21px;
        width: 82%;
        padding: 0 8px;
        max-height: 180px;
        left: 36px
    }

    body .JackpotsTypeB__columns > div:nth-child(2) {
        margin-left: 8px;
        margin-right: 8px
    }

    body .JackpotsTypeB__jackpotCard {
        margin: 0 0 8px;
        padding: 8px 12px
    }

    body .JackpotsTypeB__jackpotCardSubtitle {
        font-size: 16px;
        margin-top: 4px
    }
}

@media (max-width: 767.98px) {
    body .JackpotsTypeB__container {
        max-width: 100%
    }

    body .JackpotsTypeB__header {
        display: block;
        margin-bottom: 0
    }

    body .JackpotsTypeB__title {
        margin-right: 0;
        margin-bottom: 16px;
        width: 100%;
        max-width: 100%
    }

    body .JackpotsTypeB .machine {
        display: none
    }

    body .JackpotsTypeB__columns {
        margin: 16px 0 0;
        width: 100%;
        padding: 0;
        max-height: 180px;
        display: block;
        position: static
    }

    body .JackpotsTypeB__columns > div:nth-child(2), body .JackpotsTypeB__columns > div:nth-child(3) {
        display: none
    }
}

@media (max-width: 434.98px) {
    body .JackpotsTypeB__wrapper {
        min-height: 350px
    }

    body .JackpotsTypeB__selectWrapper {
        display: block
    }

    body .JackpotsTypeB__tabsWrapper {
        display: none
    }
}

@keyframes hideshow {
    0% {
        opacity: 1
    }
    50% {
        opacity: .5
    }
    to {
        opacity: 0
    }
}

@keyframes play {
    0% {
        transform: translateY(18px)
    }
    10% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-783.2px)
    }
    90% {
        transform: translateY(0)
    }
    to {
        transform: translateY(18px)
    }
}

@keyframes ballPlay {
    0% {
        top: 45px
    }
    50% {
        top: 155px
    }
    to {
        top: 45px
    }
}

@keyframes armPlay {
    0% {
        height: 173px
    }
    50% {
        height: 50px
    }
    to {
        height: 173px
    }
}

body .BonusTimer .Format {
    background: var(--base-elements);
    padding: 4px 12px;
    width: max-content;
    border-radius: var(--radiusRegular);
    display: flex;
    color: var(--base-text-placeholder)
}

body .BonusTimer .Format .Format__value {
    margin-right: 2px;
    color: var(--base-text-primary)
}

body .BonusTimer .Format .Format__delimiter {
    margin: 0 8px
}

body .swiper.custom-swiper {
    padding: 10px 0;
    position: static;
    overflow: visible
}

body .swiper.custom-swiper .swiper-button-next, body .swiper.custom-swiper .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background: var(--base-elements);
    transition: all .3s ease-in-out
}

body .swiper.custom-swiper .swiper-button-next:before, body .swiper.custom-swiper .swiper-button-prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .swiper.custom-swiper .swiper-button-next:after, body .swiper.custom-swiper .swiper-button-prev:after {
    display: none
}

body .swiper.custom-swiper .swiper-button-next:hover, body .swiper.custom-swiper .swiper-button-prev:hover {
    background: var(--base-elements-hover)
}

body .swiper.custom-swiper .swiper-button-next:hover:before, body .swiper.custom-swiper .swiper-button-prev:hover:before {
    background-color: var(--base-text-primary)
}

body .swiper.custom-swiper .swiper-button-next {
    right: 0;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-left: 1px solid var(--base-divider)
}

body .swiper.custom-swiper .swiper-button-next:before {
    transform: rotate(180deg)
}

body .swiper.custom-swiper .swiper-button-prev {
    right: 40px;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

body .swiper-button-next.type-B, body .swiper-button-prev.type-B {
    background: transparent;
    border: none
}

body .swiper-button-prev.type-b {
    right: 0
}

body .Providers {
    display: block;
    max-width: 100%;
    padding: 40px;
    background: var(--base-background)
}

body .Providers__container {
    margin: 0 auto
}

body .Providers__title {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: left;
    margin-bottom: 28px
}

@media (max-width: 1279.98px) {
    body .Providers__title {
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    body .Providers__title {
        margin-bottom: 16px
    }
}

body .Providers__title h2 {
    font-weight: 700;
    color: var(--base-text-primary);
    font-size: 44px;
    line-height: 52px;
    margin-right: 16px;
    flex: 1 1
}

@media (max-width: 1279.98px) {
    body .Providers__title h2 {
        font-size: 36px;
        line-height: 48px
    }
}

@media (max-width: 767.98px) {
    body .Providers__title h2 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

body .Providers__wrapper {
    max-width: 100%;
    position: relative
}

body .Providers__wrapper .swiper {
    position: static;
    overflow: visible
}

body .Providers__wrapper .swiper-slide {
    width: calc((100% - 80px) / 6);
    margin-right: 16px
}

body .Providers__navigation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background: var(--base-elements);
    transition: all .3s ease-in-out
}

body .Providers__navigation:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .Providers__navigation:after {
    display: none
}

body .Providers__navigation_next {
    border-left: 1px solid var(--base-divider);
    left: 0
}

body .Providers__navigation_next:before {
    transform: scaleX(-1)
}

body .Providers__navigation.swiper-button-lock {
    display: none
}

body .Providers__navigation:hover:before {
    background-color: var(--base-text-primary)
}

body .Providers__swiper-buttons {
    margin-left: 16px;
    display: flex
}

@media (max-width: 767.98px) {
    body .Providers__swiper-buttons {
        margin-left: auto
    }
}

body .Providers__slider {
    max-width: calc(100% + 15px);
    overflow: hidden;
    padding: 5px 10px 10px 5px;
    margin: 0 -10px -10px -5px
}

body .Providers__slide {
    width: 100%;
    height: 100%
}

body .Providers__slideLink {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    padding: 25px 16px;
    background-color: var(--base-surface);
    text-decoration: none;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    transition: background-color .3s ease
}

body .Providers__slideLink:not(:disabled):hover {
    background-color: var(--base-elements)
}

@media (max-width: 1023.98px) {
    body .Providers__slideLink {
        padding: 22px 16px
    }
}

body .Providers__slideImage {
    display: block;
    width: 100%;
    height: 80px;
    object-fit: contain;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    text-decoration: none
}

@media (max-width: 1023.98px) {
    body .Providers__slideImage {
        height: 60px
    }
}

@media (max-width: 1279.98px) {
    body .Providers {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .Providers {
        padding: 20px
    }

    body .Providers__title {
        gap: 24px;
        flex-wrap: wrap
    }

    body .Providers__slideLink {
        padding: 16px
    }

    body .Providers__slideImage {
        width: 134px;
        height: 62px
    }
}

@media (max-width: 434.98px) {
    body .Providers__title h2 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .Providers__slideLink {
        padding: 17px 9px
    }

    body .Providers__slideImage {
        width: 100%;
        height: 54px
    }
}

body .globalBackground .Providers {
    background: transparent
}

body .PaymentMethods {
    display: block;
    max-width: 100%;
    padding: 40px
}

body .PaymentMethods__container {
    margin: 0 auto
}

body .PaymentMethods__title {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: left;
    margin-bottom: 28px
}

@media (max-width: 1279.98px) {
    body .PaymentMethods__title {
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    body .PaymentMethods__title {
        margin-bottom: 16px
    }
}

body .PaymentMethods__title h2 {
    font-weight: 700;
    color: var(--base-text-primary);
    font-size: 44px;
    line-height: 52px;
    margin-right: 16px;
    flex: 1 1
}

@media (max-width: 1279.98px) {
    body .PaymentMethods__title h2 {
        font-size: 36px;
        line-height: 48px
    }
}

@media (max-width: 767.98px) {
    body .PaymentMethods__title h2 {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

body .PaymentMethods__wrapper {
    max-width: 100%;
    position: relative
}

body .PaymentMethods__wrapper .swiper {
    position: static;
    overflow: visible
}

body .PaymentMethods__wrapper .swiper-slide {
    width: calc((100% - 80px) / 6);
    margin-right: 16px
}

body .PaymentMethods__navigation {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background: var(--base-elements);
    transition: all .3s ease-in-out
}

body .PaymentMethods__navigation:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .PaymentMethods__navigation:after {
    display: none
}

body .PaymentMethods__navigation_next {
    border-left: 1px solid var(--base-divider);
    left: 0
}

body .PaymentMethods__navigation_next:before {
    transform: scaleX(-1)
}

body .PaymentMethods__navigation.swiper-button-lock {
    display: none
}

body .PaymentMethods__navigation:hover:before {
    background-color: var(--base-text-primary)
}

body .PaymentMethods__swiper-buttons {
    margin-left: 16px;
    display: flex
}

@media (max-width: 767.98px) {
    body .PaymentMethods__swiper-buttons {
        margin-left: auto
    }
}

body .PaymentMethods__slider {
    max-width: calc(100% + 15px);
    overflow: hidden;
    padding: 0 10px 10px 5px;
    margin: 0 -10px -10px -5px
}

body .PaymentMethods__slide {
    width: 100%;
    height: 100%
}

body .PaymentMethods__slideLink {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0;
    padding: 25px 16px;
    background-color: var(--base-surface);
    text-decoration: none;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    transition: background-color .3s ease
}

body .PaymentMethods__slideLink:not(:disabled):hover {
    background-color: var(--base-elements)
}

@media (max-width: 1023.98px) {
    body .PaymentMethods__slideLink {
        padding: 22px 16px
    }
}

body .PaymentMethods__slideImage {
    display: block;
    width: 100%;
    height: 80px;
    object-fit: contain;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    text-decoration: none
}

@media (max-width: 1023.98px) {
    body .PaymentMethods__slideImage {
        height: 60px
    }
}

@media (max-width: 1279.98px) {
    body .PaymentMethods {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .PaymentMethods {
        padding: 20px
    }

    body .PaymentMethods__title {
        gap: 24px;
        flex-wrap: wrap
    }

    body .PaymentMethods__slideLink {
        padding: 16px
    }

    body .PaymentMethods__slideImage {
        width: 100%;
        height: 62px
    }
}

@media (max-width: 434.98px) {
    body .PaymentMethods__title h2 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .PaymentMethods__slideLink {
        padding: 17px 9px
    }

    body .PaymentMethods__slideImage {
        width: 100%;
        height: 54px
    }
}

body .TextContent {
    background: #21252d
}

@media (max-width: 767.98px) {
    body .TextContent__container {
        padding: 40px 0
    }
}

body .TextContent__content {
    display: grid;
    grid-template-columns:35% 65%;
    grid-gap: 28px
}

@media (max-width: 767.98px) {
    body .TextContent__content {
        grid-template-columns:1fr;
        grid-template-rows:max-content 1fr
    }
}

body .TextContent__title {
    font-size: 36px;
    line-height: 48px;
    color: var(--base-text-primary)
}

@media (max-width: 434.98px) {
    body .TextContent__title {
        font-size: 24px;
        line-height: 32px
    }
}

body .TextContent__info {
    width: 100%;
    color: var(--base-text-secondary);
    font-weight: 400;
    font-size: 20px;
    line-height: 34px
}

@media (max-width: 434.98px) {
    body .TextContent__info {
        font-size: 16px;
        line-height: 26px
    }
}

body .Transactions__container {
    padding: 40px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 1279.98px) {
    body .Transactions__container {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .Transactions__container {
        padding: 20px
    }
}

body .Transactions__content span:nth-child(2) {
    bottom: 1px !important
}

body .Transactions__titleContainer {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column
}

body .Transactions__titleContainer .FieldSelect, body .Transactions__titleContainer .Tabs {
    margin-bottom: 0
}

body .Transactions__titlePage {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 20px 0
}

body .Transactions__titlePage_shouldShowTooltip {
    justify-content: start
}

@media (max-width: 767.98px) {
    body .Transactions__titlePage {
        display: grid;
        grid-gap: 20px;
        justify-content: unset
    }
}

body .Transactions__filtersButtons {
    display: flex
}

body .Transactions__filtersButtons .Button, body .Transactions__filtersButtons .GameError__homeButton {
    overflow: visible
}

body .Transactions__filtersButtons .Button:first-child, body .Transactions__filtersButtons .GameError__homeButton:first-child {
    margin-right: 10px
}

body .Transactions__clearAllButton {
    color: var(--base-text-placeholder)
}

body .Transactions__info {
    cursor: pointer;
    color: var(--base-text-secondary)
}

body .Transactions__info svg {
    width: 24px;
    height: 24px
}

body .Transactions__titleWrapper {
    display: flex;
    gap: 16px
}

body .Transactions__title {
    font-weight: 700;
    font-size: 44px;
    line-height: 52px;
    color: var(--base-text-primary);
    margin: 10px 0
}

@media (max-width: 767.98px) {
    body .Transactions__title {
        font-size: 36px;
        line-height: 48px
    }
}

@media (max-width: 434.98px) {
    body .Transactions__title {
        font-size: 28px;
        line-height: 36px
    }
}

body .Transactions__backButtonWrapper {
    display: flex;
    align-items: center;
    grid-gap: 8px
}

body .Transactions .LinkButton {
    margin-right: 24px
}

body .Transactions__tabs {
    box-shadow: var(--base-input-normal-shadow);
    -webkit-box-shadow: var(--base-input-normal-shadow)
}

@media (max-width: 767.98px) {
    body .Transactions__tabs {
        display: none
    }
}

body .Transactions__select {
    display: none;
    width: 100%
}

@media (max-width: 767.98px) {
    body .Transactions__select {
        display: block
    }
}

body .Transactions__completeTransaction {
    display: flex;
    align-items: center
}

body .Transactions__button {
    width: 20px;
    height: 20px;
    color: var(--base-text-secondary);
    outline: none;
    border: none;
    position: relative
}

body .TransactionsTable__table {
    width: 100%;
    background: var(--base-surface);
    border-spacing: 0
}

body .TransactionsTable__table .Table__tableRow:nth-child(2n) {
    background: var(--base-surface)
}

body .TransactionsTable__table .Table__tableHeaderCell {
    font-weight: 400;
    color: var(--base-text-secondary)
}

body .TransactionsTable__thead {
    background: var(--base-background);
    border-radius: 16px 16px 0 0
}

body .TransactionsTable__th {
    padding: 14px 16px;
    text-align: left;
    font-weight: 500;
    font-size: 1.1rem;
    background: var(--base-background);
    color: var(--base-text-secondary)
}

body .TransactionsTable__th:first-of-type {
    border-top-left-radius: 16px
}

body .TransactionsTable__th:last-of-type {
    border-top-right-radius: 16px
}

body .TransactionsTable__td {
    padding: 14px 16px;
    text-align: left;
    font-size: 1.1rem;
    line-height: 20px;
    color: var(--base-text-primary)
}

body .TransactionsTable__td:last-of-type {
    padding: 14px;
    text-align: right
}

body .TransactionsTable__cell_ID {
    width: 90px;
    position: relative
}

body .TransactionsTable__cell_ID > span {
    overflow: hidden;
    width: 70px;
    text-overflow: ellipsis;
    display: inline-block;
    white-space: nowrap
}

body .TransactionsTable__cell_ID > i {
    color: var(--base-text-secondary);
    cursor: pointer;
    position: absolute;
    top: 13px
}

body .TransactionsTable__cell_ID > i.inModal {
    top: 3px
}

body .TransactionsTable__cell_ID:hover > i {
    color: var(--base-text-primary)
}

body .TransactionsTable__cell_status {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 108px;
    min-width: max-content
}

body .TransactionsTable__cell_status .Tooltip__icon {
    height: 24px;
    margin-left: 10px
}

body .TransactionsTable__cell_status .Icon {
    width: -moz-fit-content;
    width: fit-content
}

body .TransactionsTable__div_currencyCode {
    display: flex;
    align-items: center
}

body .TransactionsTable__div_currencyCode .Tooltip__icon {
    margin-left: 10px;
    height: 24px;
    color: var(--base-text-placeholder)
}

body .TransactionsTable__div_currencyCode .Tooltip__icon:hover {
    color: var(--primary-solid)
}

body .TransactionsTable__infoText {
    max-width: 220px;
    width: 100%;
    color: var(--base-text-secondary);
    line-height: 20px
}

body .TransactionsTable__GameSessionTransactionsOverlayModal {
    z-index: 10002
}

body .TransactionsTable__GameSessionTransactionsModal .Modal {
    max-height: calc(100% - 60px);
    max-width: calc(100% - 300px);
    background: var(--base-background);
    overflow: auto
}

@media (max-width: 1279.98px) {
    body .TransactionsTable__GameSessionTransactionsModal .Modal {
        max-width: 100%
    }
}

body .TransactionsTable__GameSessionTransactionsModal .Modal .Filters {
    padding: 0
}

body .TransactionsTable__GameSessionTransactionsModal .Modal .TransactionsTable {
    margin: 0 24px 24px
}

body .TransactionsTable__GameSessionTransactionsModal .Modal ul.Pagination {
    margin-top: 0
}

body .TransactionsTable__gameSessionSubTitle {
    display: inline-grid;
    grid-gap: 24px;
    grid-template-columns:auto auto auto auto auto;
    color: var(--base-text-primary);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px
}

@media (max-width: 767.98px) {
    body .TransactionsTable__gameSessionSubTitle {
        grid-template-columns:auto auto
    }
}

body .TransactionsTable__gameSessionSubTitle > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

body .TransactionsTable__gameSessionSubTitle > div .header {
    font-size: 12px;
    line-height: 20px;
    color: var(--base-text-secondary)
}

@media (max-width: 1279.98px) {
    body .TransactionsTable__gameSessionSubTitle > div.status {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2
    }
}

body .TransactionsTable__gameSessionCloseButton {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto
}

body .TransactionsTable__gameSessionCloseButton_underPagination {
    margin-top: -40px
}

body .TransactionsTable__gameSessionCloseButton_noResults {
    margin-top: 24px
}

@media (max-width: 767.98px) {
    body .TransactionsTable__gameSessionCloseButton {
        width: 100%
    }

    body .TransactionsTable__gameSessionCloseButton_underPagination {
        margin-top: 24px
    }
}

body .TransactionStatus__status {
    background: var(--base-elements);
    box-shadow: var(--base-tooltip-shadow);
    -webkit-box-shadow: var(--base-tooltip-shadow);
    padding: 0 12px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content;
    color: #33373c
}

body .TransactionStatus__status_pending {
    background: var(--base-status-pending)
}

body .TransactionStatus__status_approved {
    color: var(--base-surface);
    background: var(--base-status-active)
}

body .TransactionStatus__status_denied {
    background: var(--base-status-canceled)
}

body .TransactionStatus__status_in_progress {
    background: var(--base-status-pending)
}

body .TransactionStatus__gameSessionStatus {
    background: var(--base-elements);
    box-shadow: var(--base-tooltip-shadow);
    -webkit-box-shadow: var(--base-tooltip-shadow);
    padding: 0 12px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content;
    color: #33373c
}

body .TransactionStatus__gameSessionStatus_active {
    color: var(--base-surface);
    background: var(--base-status-active)
}

body .TransactionStatus__gameSessionStatus_closed {
    background: var(--base-status-offline)
}

body .TransactionStatus__gameSessionTransactionType {
    background: var(--base-elements);
    box-shadow: var(--base-tooltip-shadow);
    -webkit-box-shadow: var(--base-tooltip-shadow);
    padding: 0 12px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    width: -moz-fit-content;
    width: fit-content;
    color: #33373c;
    min-width: 96px;
    text-align: center
}

body .TransactionStatus__gameSessionTransactionType_FSRefund, body .TransactionStatus__gameSessionTransactionType_FSWin, body .TransactionStatus__gameSessionTransactionType_freespin, body .TransactionStatus__gameSessionTransactionType_jackpot, body .TransactionStatus__gameSessionTransactionType_refund, body .TransactionStatus__gameSessionTransactionType_tipRefund, body .TransactionStatus__gameSessionTransactionType_win {
    color: var(--base-surface);
    background: var(--base-status-active)
}

body .TransactionStatus__gameSessionTransactionType_FSBet, body .TransactionStatus__gameSessionTransactionType_bet, body .TransactionStatus__gameSessionTransactionType_rollback, body .TransactionStatus__gameSessionTransactionType_tip {
    background: var(--base-status-canceled)
}

body .LoyaltyLevels {
    word-break: break-word
}

body .LoyaltyLevels__zoobet .LoyaltyCard__silver {
    background: linear-gradient(123.94deg, #948e86 -12.06%, #efefef 129.21%)
}

body .LoyaltyLevels__zoobet .LoyaltyCard__bronze {
    background: linear-gradient(123.94deg, #915c10 -12.06%, #ffd772 129.21%)
}

body .LoyaltyLevels__wrapper {
    max-width: 814px;
    width: 100%;
    margin: 40px auto 100px;
    padding: 40px;
    background: var(--base-surface);
    box-shadow: var(-base-card-shadow);
    -webkit-box-shadow: var(-base-card-shadow)
}

@media (max-width: 1279.98px) {
    body .LoyaltyLevels__wrapper {
        max-width: none;
        padding: 0 32px;
        background: transparent
    }
}

@media (max-width: 767.98px) {
    body .LoyaltyLevels__wrapper {
        max-width: none;
        padding: 0 16px
    }
}

body .LoyaltyLevels .LinkButton__button {
    margin-top: 40px;
    width: auto
}

body .LoyaltyLevels__title {
    color: var(--base-text-primary)
}

body .LoyaltyLevels__description {
    margin-top: 32px;
    color: var(--base-text-secondary)
}

body .LoyaltyLevels__link {
    width: -moz-fit-content;
    width: fit-content
}

body .LoyaltyLevels .MarkdownContent__content {
    margin-bottom: 40px
}

@media (max-width: 1279.98px) {
    body .LoyaltyLevels .MarkdownContent__content {
        margin-bottom: 32px
    }
}

body .LoyaltyCard {
    display: flex;
    align-items: center;
    padding: 16px;
    background: var(--primary-gradient);
    color: var(--base-text-on-color-bg);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

body .LoyaltyCard__icon-container {
    position: relative;
    width: 60px;
    height: 60px;
    margin-right: 16px
}

body .LoyaltyCard__icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    transform: translateY(-50%) translateX(-50%);
    color: var(--base-text-on-color-bg)
}

body .LoyaltySlider {
    position: relative;
    margin: 32px 0
}

body .LoyaltySlider__heading {
    margin-bottom: 26px;
    color: var(--base-text-secondary)
}

body .LoyaltySlider .swiper {
    margin: -20px;
    padding: 20px
}

body .LoyaltySlider .swiper-container {
    position: static
}

body .LoyaltySlider .swiper-button-next, body .LoyaltySlider .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background: var(--base-elements);
    transition: all .3s ease-in-out
}

body .LoyaltySlider .swiper-button-next.swiper-button-lock, body .LoyaltySlider .swiper-button-prev.swiper-button-lock {
    display: none
}

body .LoyaltySlider .swiper-button-next:before, body .LoyaltySlider .swiper-button-prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .LoyaltySlider .swiper-button-next:after, body .LoyaltySlider .swiper-button-prev:after {
    display: none
}

body .LoyaltySlider .swiper-button-next:hover:before, body .LoyaltySlider .swiper-button-prev:hover:before {
    background-color: var(--base-text-primary)
}

body .LoyaltySlider .swiper-button-next {
    right: 10px;
    border-left: 1px solid var(--base-divider)
}

body .LoyaltySlider .swiper-button-next:before {
    transform: scaleX(-1)
}

body .LoyaltySlider .swiper-button-prev {
    right: 50px
}

body .Tournaments {
    display: block;
    padding: 40px;
    margin: 0 auto
}

@media (max-width: 1279.98px) {
    body .Tournaments {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .Tournaments {
        padding: 20px
    }
}

body .TournamentsDetails {
    padding: 32px 40px;
    display: flex;
    gap: 32px
}

body .TournamentsDetails_hideDescription .TournamentsDetails__switcher > div:last-child {
    display: none
}

body .TournamentsDetails_hideDescription .TournamentsDetails__data {
    justify-content: end
}

@media (max-width: 1280px) {
    body .TournamentsDetails_hideDescription .TournamentsDetails__data {
        justify-content: center
    }

    body .TournamentsDetails {
        flex-direction: column;
        gap: 0
    }
}

@media (max-width: 1279.98px) {
    body .TournamentsDetails {
        padding: 24px
    }
}

@media (max-width: 768px) {
    body .TournamentsDetails {
        padding: 16px
    }
}

@media (max-width: 434.98px) {
    body .TournamentsDetails {
        padding: 24px 0
    }
}

body .TournamentsDetails__switcher {
    width: 100%;
    flex-wrap: nowrap;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    background-color: var(--base-elements);
    border-radius: 20px;
    padding: 6px;
    height: 40px;
    align-items: center
}

body .TournamentsDetails__switcherButton {
    width: 100%;
    flex-wrap: nowrap;
    border-radius: 16px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 16px
}

body .TournamentsDetails__switcherButton_active {
    background-color: var(--primary-solid)
}

body .TournamentsDetails__switcherIcon svg {
    width: 20px;
    height: 20px
}

body .TournamentsDetails__switcherIcon svg path {
    fill: var(--base-text-secondary)
}

body .TournamentsDetails__switcherIcon_active svg path {
    fill: var(--base-text-on-color-bg)
}

body .TournamentsDetails__data {
    min-height: 350px;
    display: flex;
    flex: 3 1;
    gap: 32px
}

@media (max-width: 1280px) {
    body .TournamentsDetails__data {
        gap: 16px;
        min-height: 320px;
        justify-content: center
    }
}

@media (max-width: 768px) {
    body .TournamentsDetails__data {
        gap: 12px;
        min-height: 440px
    }
}

body .TournamentsDetails__buttons {
    max-width: 200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px
}

@media (max-width: 1919.98px) {
    body .TournamentsDetails__buttons {
        flex-direction: row;
        margin-bottom: 24px;
        max-width: 400px
    }
}

@media (max-width: 767.98px) {
    body .TournamentsDetails__buttons {
        flex-direction: column;
        max-width: 200px
    }
}

@media (max-width: 1919.98px) {
    body .TournamentsDetails__button {
        width: 50%
    }
}

@media (max-width: 767.98px) {
    body .TournamentsDetails__button {
        width: 100%
    }
}

body .TournamentsDetails .TournamentInfo, body .TournamentsDetails .TournamentRanking {
    background-color: var(--base-surface);
    border-radius: var(--radiusRegular);
    padding: 16px
}

body .TournamentsDetails .TournamentInfo, body .TournamentsDetails .TournamentPrizePool, body .TournamentsDetails .TournamentRanking {
    width: 33.33%
}

@media (max-width: 1920px)and (min-width: 1919px) {
    body .TournamentsDetails .TournamentInfo, body .TournamentsDetails .TournamentPrizePool, body .TournamentsDetails .TournamentRanking {
        width: 350px;
        height: 320px
    }
}

@media (max-width: 1480px)and (min-width: 1479px) {
    body .TournamentsDetails .TournamentInfo, body .TournamentsDetails .TournamentPrizePool, body .TournamentsDetails .TournamentRanking {
        width: 275px;
        height: auto
    }
}

@media (max-width: 1280px)and (min-width: 1279px) {
    body .TournamentsDetails .TournamentInfo, body .TournamentsDetails .TournamentPrizePool, body .TournamentsDetails .TournamentRanking {
        width: 280px;
        height: 320px
    }
}

@media (max-width: 768px) {
    body .TournamentsDetails .TournamentInfo, body .TournamentsDetails .TournamentPrizePool, body .TournamentsDetails .TournamentRanking {
        width: 216px;
        height: 440px
    }
}

@media (max-width: 767.98px) {
    body .TournamentsDetails .TournamentInfo, body .TournamentsDetails .TournamentPrizePool, body .TournamentsDetails .TournamentRanking {
        width: 100%
    }
}

body .TournamentsDetails__tournament {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

body .TournamentsDetails__tournamentImage {
    width: 180px;
    height: 64px
}

body .TournamentsDetails__title {
    color: var(--base-text-primary);
    margin: 16px 0;
    font-weight: 700;
    max-width: 222px;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden
}

@media (max-width: 434.98px) {
    body .TournamentsDetails__title {
        max-width: 185px
    }
}

body .TournamentsDetails .TournamentRanking__rankData {
    flex-direction: row;
    width: 100%
}

@media (max-width: 1279.98px) {
    body .TournamentsDetails .TournamentInfo__row {
        flex-direction: column;
        justify-content: normal;
        align-items: flex-start;
        gap: 4px
    }

    body .TournamentsDetails .TournamentInfo__value {
        text-align: left
    }

    body .TournamentsDetails .TournamentRanking__rank {
        height: 44px;
        padding: 0 16px;
        gap: 8px
    }

    body .TournamentsDetails .TournamentRanking__place {
        margin: 0;
        width: 28px;
        display: inline-block
    }
}

@media (max-width: 1439.98px) {
    body .TournamentsDetails .TournamentRanking__nickname .TournamentRanking__nickname {
        max-width: 90%;
        margin-right: 0;
        flex: initial
    }
}

body .TournamentPrizePool {
    background-color: var(--base-surface);
    border-radius: var(--radiusRegular);
    padding: 16px
}

body .TournamentPrizePool__currencySymbol {
    min-width: 24px;
    padding: 0 6px;
    flex-shrink: 0;
    flex-grow: 0;
    height: 24px;
    border-radius: 16px;
    background-color: #b664dc;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

body .TournamentPrizePool__titleContainer {
    padding-bottom: 4px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--base-divider);
    display: flex;
    flex-direction: column;
    align-items: start
}

body .TournamentPrizePool__extra-prize-container, body .TournamentPrizePool__title-with-tooltip {
    display: flex;
    justify-content: space-between;
    width: 100%
}

body .TournamentPrizePool__extra-prize-container {
    align-items: center
}

body .TournamentPrizePool__extra-prize-container .TournamentPrizePool__reward {
    flex: 0 1;
    display: flex;
    justify-content: space-between;
    width: 100%
}

body .TournamentPrizePool__extra-prize-container .TournamentPrizePool__reward path {
    fill: var(--base-text-primary)
}

body .TournamentPrizePool__extra-prize-container .TournamentPrizePool__extra-prize-amounts {
    color: var(--primary-hover);
    font-size: 20px;
    font-weight: 700;
    text-align: end
}

body .TournamentPrizePool__extra-prize-container .TournamentPrizePool__extra-prize-amounts .TournamentPrizePool__amount {
    color: inherit;
    font-size: inherit;
    font-weight: inherit
}

body .TournamentPrizePool__extra-prize-container .TournamentPrizePool__extra-prize-amounts .TournamentPrizePool__currency {
    color: var(--base-text-primary);
    font-size: inherit;
    font-weight: inherit
}

body .TournamentPrizePool__wrapper {
    display: flex;
    flex-direction: column;
    align-items: end
}

body .TournamentPrizePool__perWrapper {
    display: flex;
    flex-direction: row
}

body .TournamentPrizePool__percent {
    padding-right: 3px
}

body .TournamentPrizePool__percent, body .TournamentPrizePool__text {
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    color: var(--base-text-primary)
}

body .TournamentPrizePool__minText {
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    color: var(--base-text-placeholder)
}

body .TournamentPrizePool__title {
    color: var(--base-text-primary);
    margin-right: .5em
}

body .TournamentPrizePool__titleCount {
    word-break: break-all;
    word-wrap: break-word;
    color: var(--base-text-secondary);
    display: flex;
    gap: 4px;
    align-items: center
}

body .TournamentPrizePool__titleIcon {
    width: 20px;
    height: 20px;
    margin-left: 4px
}

body .TournamentPrizePool__place {
    background: var(--base-elements);
    padding: 6px 16px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

body .TournamentPrizePool__place:not(:first-child) {
    margin-top: 4px
}

body .TournamentPrizePool__placeNumber {
    color: var(--base-text-secondary);
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

body .TournamentPrizePool__amount {
    text-align: end
}

body .TournamentPrizePool__amount, body .TournamentPrizePool__currency {
    color: var(--base-text-primary);
    font-weight: 700;
    font-size: 12px;
    line-height: 20px
}

body .TournamentPrizePool__currency {
    margin-left: 4px
}

body .TournamentPrizePool__placeNumber-wrap {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center
}

body .TournamentPrizePool__placeNumber-wrap .Icon {
    width: 20px;
    height: 20px
}

body .TournamentsList__list {
    display: grid;
    grid-template-columns:1fr 1fr;
    flex-wrap: wrap;
    justify-content: flex-start;
    grid-gap: 32px
}

@media (max-width: 1439.98px) {
    body .TournamentsList__list {
        grid-template-columns:1fr
    }
}

@media (max-width: 1279.98px) {
    body .TournamentsList__list {
        justify-content: center
    }
}

body .TournamentsList__button-container {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    justify-content: space-between;
    gap: 16px
}

@media (max-width: 767.98px) {
    body .TournamentsList__button-container {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 32px
    }
}

body .TournamentsList__control-container {
    display: flex;
    align-items: center;
    gap: 16px
}

@media (max-width: 768px) {
    body .TournamentsList__control-container {
        align-items: normal;
        margin-left: unset
    }
}

@media (max-width: 767.98px) {
    body .TournamentsList__control-container {
        width: 100%
    }
}

@media (max-width: 595px) {
    body .TournamentsList__control-container {
        align-items: normal;
        margin-left: unset;
        flex-direction: column;
        width: 100%
    }
}

body .TournamentsList__filter-container {
    display: flex;
    gap: 16px;
    margin-bottom: 32px
}

@media (max-width: 767.98px) {
    body .TournamentsList__filter-container {
        flex-direction: column
    }
}

body .TournamentsList__filter-groups {
    width: 100%
}

@media (max-width: 767.98px) {
    body .TournamentsList__tabs > * {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

body .TournamentsList__title {
    color: var(--base-text-primary);
    text-transform: none
}

@media (max-width: 768px) {
    body .TournamentsList__title {
        width: 100%
    }
}

body .TournamentsList .Tabs {
    margin-bottom: 0
}

@media (max-width: 768px) {
    body .TournamentsList .Tabs {
        width: 100%;
        margin-right: unset;
        min-width: 298px
    }
}

@media (max-width: 595px) {
    body .TournamentsList .Tabs {
        margin-right: unset;
        width: 100%;
        min-width: unset
    }
}

body .TournamentsList__statusTabs_auth {
    display: none
}

@media (max-width: 767.98px) {
    body .TournamentsList__statusTabs {
        display: none
    }
}

body .TournamentsList__statusSelect {
    margin-bottom: 0;
    min-width: 240px
}

@media (max-width: 434.98px) {
    body .TournamentsList__statusSelect {
        display: block;
        width: 100%
    }
}

body .TournamentsList .Icon {
    width: auto
}

body .TournamentCard {
    background: var(--base-surface);
    display: flex;
    flex-direction: column;
    color: var(--base-text-on-color-bg);
    overflow: hidden;
    box-shadow: var(--base-card-shadow)
}

body .TournamentCard__header {
    padding: 24px;
    display: flex;
    flex-direction: column;
    position: relative;
    background-position: 50%;
    background-size: cover;
    min-height: 215px;
    background-image: url(/img/tournaments/tournament.png);
    background-repeat: no-repeat
}

@media (max-width: 1439.98px) {
    body .TournamentCard__header {
        min-height: 258px
    }
}

@media (max-width: 767.98px) {
    body .TournamentCard__header {
        padding: 20px;
        min-height: 200px
    }
}

body .TournamentCard__header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--base-elements);
    opacity: .5
}

body .TournamentCard__headerStub {
    background-size: initial
}

body .TournamentCard__header > * {
    z-index: 1
}

body .TournamentCard__header-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 16px
}

@media (max-width: 767.98px) {
    body .TournamentCard__header-top {
        align-items: flex-start;
        gap: 12px;
        flex-wrap: wrap
    }
}

@media (max-width: 434.98px) {
    body .TournamentCard__header-top {
        flex-direction: column
    }
}

body .TournamentCard__title {
    margin-bottom: 24px;
    color: var(--base-text-on-color-bg);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    body .TournamentCard__title {
        margin-bottom: 8px
    }
}

body .TournamentCard__prize {
    margin-top: auto
}

body .TournamentCard__groups {
    display: flex;
    padding: 24px 24px 0;
    gap: 12px
}

body .TournamentCard__groups .BonusTag {
    display: flex
}

body .TournamentCard__groups .BonusTag__title {
    color: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .TournamentCard__groups {
        padding: 20px 20px 0
    }
}

body .TournamentCard__show-more-tag {
    border-radius: 24px;
    padding: 8px 12px;
    background: var(--primary-solid);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px
}

body .TournamentCard__show-more-tag span {
    display: block;
    border-radius: 100%;
    width: 4px;
    height: 4px;
    background: var(--base-text-primary)
}

body .TournamentCard__body {
    padding: 24px;
    display: flex;
    gap: 24px
}

@media (max-width: 767.98px) {
    body .TournamentCard__body {
        padding: 20px;
        flex-direction: column
    }
}

body .TournamentCard__ranking {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex: 1 1;
    overflow: hidden
}

body .TournamentCard__ranking .Spinner {
    min-height: 100%
}

body .TournamentCard__description {
    color: var(--base-text-secondary);
    font-size: 16px;
    max-height: 220px;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical
}

body .TournamentCard__info {
    display: flex;
    flex-direction: column;
    min-width: 280px;
    width: auto
}

@media (max-width: 767.98px) {
    body .TournamentCard__info {
        width: 100%
    }
}

@media (max-width: 434.98px) {
    body .TournamentCard__info {
        min-width: unset
    }
}

body .TournamentCard__buttons {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 24px;
    margin-top: auto
}

body .TournamentCard__buttons .Button, body .TournamentCard__buttons .GameError__homeButton, body .TournamentCard__buttons .LinkButton {
    width: 24%
}

@media (max-width: 1279.98px) {
    body .TournamentCard__buttons .Button, body .TournamentCard__buttons .GameError__homeButton, body .TournamentCard__buttons .LinkButton {
        width: 16%
    }
}

@media (max-width: 767.98px) {
    body .TournamentCard__buttons .Button, body .TournamentCard__buttons .GameError__homeButton, body .TournamentCard__buttons .LinkButton {
        width: 24%
    }
}

@media (max-width: 434.98px) {
    body .TournamentCard__buttons {
        flex-direction: column
    }

    body .TournamentCard__buttons .Button, body .TournamentCard__buttons .GameError__homeButton, body .TournamentCard__buttons .LinkButton {
        width: 100%
    }
}

body .TournamentCard.TournamentCardActive {
    border: 1px solid var(--primary-solid)
}

body .TournamentCardDetails .TournamentCard__header {
    padding: 40px
}

@media (max-width: 1279.98px) {
    body .TournamentCardDetails .TournamentCard__header {
        padding: 24px
    }
}

@media (max-width: 434.98px) {
    body .TournamentCardDetails .TournamentCard__header {
        padding: 20px
    }
}

body .TournamentCardDetails .TournamentCard__groups {
    padding: 20px 40px 0
}

@media (max-width: 1279.98px) {
    body .TournamentCardDetails .TournamentCard__groups {
        padding: 20px 20px 0
    }
}

body .TournamentCardDetails .TournamentCard__body {
    padding: 20px 40px
}

@media (max-width: 1279.98px) {
    body .TournamentCardDetails .TournamentCard__body {
        padding: 20px 24px
    }
}

@media (max-width: 434.98px) {
    body .TournamentCardDetails .TournamentCard__body {
        padding: 20px
    }
}

body .TournamentCardDetails .TournamentCard__ranking {
    justify-content: center
}

body .TournamentCardDetails .TournamentCard__ranking .TournamentRestrictions {
    font-size: 14px;
    margin-bottom: 0
}

body .TournamentStatus {
    padding: 4px 12px;
    background: var(--base-elements);
    display: flex;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 24px;
    width: -moz-fit-content;
    width: fit-content
}

body .TournamentStatus__icon.Icon {
    max-width: 20px;
    max-height: 20px
}

@media (max-width: 767.98px) {
    body .TournamentStatus__icon.Icon {
        max-width: 16px;
        max-height: 16px
    }

    body .TournamentStatus {
        font-size: 10px;
        line-height: 12px
    }
}

body .TournamentTimer {
    display: flex;
    align-items: baseline;
    align-self: center
}

body .TournamentTimer__timer_show-seconds .TournamentTimer__value {
    color: var(--base-status-cancellation)
}

@media (max-width: 767.98px) {
    body .TournamentTimer {
        align-self: auto
    }
}

body .TournamentTimer__label {
    font-size: 10px;
    margin-right: 12px;
    text-transform: uppercase
}

body .TournamentTimer .TournamentCountDown .Format__delimiter {
    margin: 0 8px
}

body .TournamentTimer .TournamentCountDown .Format__value {
    padding-right: 4px
}

body .TournamentTimer .TournamentCountDown.ShowSeconds .Format__value {
    color: var(--base-status-cancellation)
}

body .TournamentPrize {
    display: flex;
    font-size: 24px;
    align-items: flex-start
}

@media (max-width: 767.98px) {
    body .TournamentPrize {
        font-size: 20px
    }
}

body .TournamentPrize .Popover {
    display: flex
}

body .TournamentPrize .Popover__tooltipText {
    line-height: 20px
}

body .TournamentPrize .Popover__textPopover {
    color: var(--base-text-primary);
    white-space: nowrap
}

body .TournamentPrize__exchange-prize {
    display: flex
}

body .TournamentPrize__plus {
    margin-left: 4px
}

body .TournamentPrize__reward {
    margin-right: 3px;
    margin-top: 2px
}

body .TournamentPrize__amount {
    margin: 0 4px;
    color: var(--primary-hover);
    font-weight: 700
}

body .TournamentPrize__currency {
    font-weight: 700;
    color: var(--base-text-primary)
}

body .TournamentPrize__info {
    cursor: pointer;
    color: var(--base-text-primary);
    position: relative;
    top: 1px
}

body .TournamentPrize__cryptoWrapper {
    display: flex;
    justify-content: flex-end;
    margin-right: 10px
}

body .TournamentPrize__cryptoAmount {
    margin-right: 4px
}

body .TournamentPrize__cryptoAmount, body .TournamentPrize__cryptoCurrency {
    font-size: .625rem;
    font-weight: 600;
    color: var(--base-text-placeholder);
    line-height: .75rem
}

body .TournamentPrize .Popover__main {
    margin-left: 9px
}

body .TournamentRestrictions {
    display: flex;
    font-size: 10px;
    margin-bottom: 20px;
    flex-wrap: wrap
}

@media (max-width: 434.98px) {
    body .TournamentRestrictions {
        flex-direction: column;
        gap: 4px
    }
}

body .TournamentRestrictions__games {
    display: flex;
    align-items: center
}

body .TournamentRestrictions__text {
    text-transform: uppercase;
    margin-left: 4px;
    margin-right: 8px;
    color: var(--base-text-secondary)
}

body .TournamentRestrictions__link {
    color: var(--primary-solid);
    text-decoration: underline;
    font-size: 12px;
    cursor: pointer
}

@media (max-width: 767.98px) {
    body .TournamentRestrictions__link {
        cursor: none
    }
}

body .TournamentRestrictions__link_disabled {
    color: var(--base-text-secondary);
    text-decoration: none;
    cursor: auto
}

body .TournamentRestrictions__delimiter {
    margin: 0 12px;
    color: var(--base-divider);
    font-size: 20px
}

@media (max-width: 434.98px) {
    body .TournamentRestrictions__delimiter {
        display: none
    }
}

body .TournamentInfo {
    display: flex;
    flex-direction: column;
    font-size: 12px
}

body .TournamentInfo__title {
    margin-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--base-divider);
    color: var(--base-text-primary)
}

body .TournamentInfo__row {
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    padding: 8px 0 7px;
    gap: 4px;
    border-bottom: 1px solid var(--base-divider)
}

body .TournamentInfo__row:first-child {
    padding: 0 0 7px
}

@media (max-width: 767.98px) {
    body .TournamentInfo__row:first-child {
        padding: 7px 0;
        border-top: 1px solid var(--base-divider)
    }
}

body .TournamentInfo__row:last-child {
    border-bottom: none
}

body .TournamentInfo__label {
    color: var(--base-text-secondary);
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

body .TournamentInfo__divider {
    margin: 0 4px;
    color: var(--base-text-secondary)
}

body .TournamentInfo__sign {
    margin-left: 4px;
    color: var(--base-text-secondary)
}

body .TournamentInfo__value {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: right;
    color: var(--base-text-primary)
}

body .TournamentInfo__valueWrapper {
    line-height: 1.5rem
}

body .TournamentInfo__cryptoWrapper {
    display: flex;
    justify-content: flex-end
}

body .TournamentInfo__cryptoAmount {
    margin-right: 4px
}

body .TournamentInfo__cryptoAmount, body .TournamentInfo__cryptoCurrency {
    font-size: .625rem;
    font-weight: 600;
    color: var(--base-text-placeholder);
    line-height: .75rem
}

body .details .TournamentInfo__row {
    font-size: 14px;
    padding: 12px 0 11px
}

body .details .TournamentInfo__row:first-child {
    padding: 0 0 11px
}

@media (max-width: 767.98px) {
    body .details .TournamentInfo__row:first-child {
        border-top: none
    }
}

body .details .TournamentInfo__point {
    text-align: end
}

body .details .TournamentInfo__value_column {
    display: flex;
    flex-direction: column;
    gap: 6px
}

body .details .TournamentInfo__value_exchange {
    display: flex;
    justify-content: flex-end;
    flex: 1 1;
    line-height: 24px
}

body .details .TournamentInfo__exchange {
    max-width: 55%;
    flex-wrap: wrap;
    display: flex
}

body .TournamentRanking {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: var(--base-text-secondary)
}

body .TournamentRanking__titleContainer {
    margin: 8px 0 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--base-divider);
    display: flex;
    justify-content: space-between;
    align-items: center
}

body .TournamentRanking__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px
}

@supports (-webkit-line-clamp:9) {
    body .TournamentRanking__description {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical
    }
}

@media (max-width: 768px) {
    @supports (-webkit-line-clamp:14) {
        body .TournamentRanking__description {
            -webkit-line-clamp: 14
        }
    }
}

body .TournamentRanking__title {
    color: var(--base-text-primary)
}

body .TournamentRanking__titleCount {
    color: var(--base-text-secondary)
}

body .TournamentRanking__rank {
    height: 32px;
    display: flex;
    align-items: center;
    background: var(--base-elements);
    margin-bottom: 4px;
    padding: 0 16px 0 8px
}

body .TournamentRanking__rank:last-child {
    margin-bottom: 0
}

body .TournamentRanking__rank_current {
    color: var(--base-text-primary);
    background-color: var(--base-elements-hover)
}

body .TournamentRanking__rank .Icon, body .TournamentRanking__rank .Icon svg {
    width: 20px;
    height: 20px
}

body .TournamentRanking__place {
    margin: 0 4px 0 16px;
    width: 26px
}

@media (max-width: 434.98px) {
    body .TournamentRanking__place {
        margin: 0 4px 0 16px
    }
}

body .TournamentRanking__place_finished {
    margin: 0 4px 0 8px
}

@media (max-width: 434.98px) {
    body .TournamentRanking__place_finished {
        margin: 0 4px 0 8px
    }
}

body .TournamentRanking__place_withoutIcon {
    margin: 0 4px 0 36px
}

@media (max-width: 434.98px) {
    body .TournamentRanking__place_withoutIcon {
        margin: 0 4px 0 36px
    }
}

body .TournamentRanking__rankData {
    flex: 1 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    overflow: hidden;
    gap: 8px
}

body .TournamentRanking__rankData_twoLines .TournamentRanking__winning {
    justify-content: flex-start;
    margin-left: 0
}

body .TournamentRanking__nickname {
    margin-right: auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    flex: 1 1;
    color: var(--base-text-secondary)
}

@media (max-width: 1439.98px) {
    body .TournamentRanking__nickname {
        max-width: unset
    }
}

body .TournamentRanking__points {
    margin-right: 16px
}

body .TournamentRanking__amount {
    display: block;
    color: var(--base-text-primary);
    white-space: nowrap
}

body .TournamentRanking__winning {
    margin-left: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    text-align: right;
    gap: 2px;
    font-weight: 700
}

@media (max-width: 434.98px) {
    body .TournamentRanking__winning {
        display: block
    }
}

body .TournamentRanking__cryptoWrapper {
    display: block;
    margin-left: 4px;
    font-size: .625rem;
    font-weight: 600;
    color: var(--base-text-placeholder)
}

body .TournamentRanking__cryptoSlash {
    margin-right: 2px
}

@media (max-width: 434.98px) {
    body .TournamentRanking__cryptoSlash {
        display: none
    }
}

body .TournamentRanking__cryptoAmount {
    margin-right: 2px
}

body .TournamentProvidersModal {
    display: flex;
    flex-direction: column;
    padding: 0 24px 16px;
    color: var(--base-text-primary);
    overflow: hidden
}

@media (max-width: 767.98px) {
    body .TournamentProvidersModal {
        padding: 0 20px 20px
    }
}

body .TournamentProvidersModal__providers {
    overflow-y: auto;
    display: flex;
    flex-direction: column
}

body .TournamentProvidersModal__providers::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .TournamentProvidersModal__providers::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px
}

body .TournamentProvidersModal__providers::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .TournamentProvidersModal__providers::-webkit-scrollbar {
        width: 6px
    }

    body .TournamentProvidersModal__providers::-webkit-scrollbar-thumb, body .TournamentProvidersModal__providers::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .TournamentProvidersModal__provider {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid var(--base-divider);
    padding: 16px 0
}

body .TournamentProvidersModal__provider:first-child {
    padding: 0 0 16px
}

body .TournamentProvidersModal__provider:last-child {
    border-bottom: none
}

body .TournamentProvidersModal__provider-name {
    cursor: pointer
}

body .TournamentProvidersModal__count {
    color: var(--base-text-secondary);
    margin-left: 4px
}

body .TournamentProvidersModal__games {
    display: flex;
    flex-wrap: wrap;
    margin: 4px 0
}

body .TournamentProvidersModal__link {
    color: var(--primary-link);
    text-decoration: underline
}

body .TournamentProvidersModal__game {
    margin-right: 4px;
    line-height: 28px;
    color: var(--base-text-secondary)
}

body .TournamentProvidersModal__game:after {
    content: ",";
    color: var(--base-text-secondary)
}

body .TournamentProvidersModal__game:last-child:after {
    content: ""
}

body .TournamentProvidersModal__show-more {
    text-transform: uppercase;
    cursor: pointer
}

body .TournamentProvidersModal__button {
    min-height: 44px;
    margin-left: auto;
    margin-top: 24px
}

@media (max-width: 767.98px) {
    body .TournamentProvidersModal__button {
        width: 100%
    }
}

body .TournamentProvidersModal .Spinner {
    min-height: auto
}

body .TournamentsEmpty {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    background: var(--base-surface);
    max-width: 820px;
    margin: auto;
    text-align: center;
    box-shadow: var(--base-modal-shadow)
}

@media (max-width: 1279.98px) {
    body .TournamentsEmpty {
        width: 100%
    }
}

@media (max-width: 767.98px) {
    body .TournamentsEmpty {
        padding: 20px
    }
}

body .TournamentsEmpty__icon {
    display: inherit;
    width: 136px;
    margin: 20px 20px 40px;
    color: var(--primary-solid)
}

@media (max-width: 1279.98px) {
    body .TournamentsEmpty__icon {
        width: 90px
    }
}

@media (max-width: 767.98px) {
    body .TournamentsEmpty__icon {
        width: 76px;
        margin: 17px
    }
}

body .TournamentsEmpty__icon .Icon, body .TournamentsEmpty__icon span, body .TournamentsEmpty__icon svg {
    width: 100%;
    height: 100%
}

body .TournamentsEmpty__title {
    margin-bottom: 8px;
    color: var(--base-text-primary)
}

@media (max-width: 1279.98px) {
    body .TournamentsEmpty__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

@media (max-width: 767.98px) {
    body .TournamentsEmpty__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

body .TournamentsEmpty__description {
    margin-bottom: 40px;
    color: var(--base-text-secondary)
}

@media (max-width: 1279.98px) {
    body .TournamentsEmpty__description {
        font-size: .875rem;
        line-height: 1.5rem
    }
}

@media (max-width: 767.98px) {
    body .TournamentsEmpty__description {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

body .TournamentsEmpty__home-button {
    height: 40px
}

body .TournamentDetails {
    color: var(--base-text-primary);
    max-width: 1162px;
    margin: auto
}

@media (max-width: 1280px) {
    body .TournamentDetails {
        max-width: 920px
    }
}

@media (max-width: 768px) {
    body .TournamentDetails {
        max-width: 704px;
        padding: 0
    }
}

body .TournamentDetails__title {
    margin-bottom: 24px;
    padding-top: 40px
}

@media (max-width: 1280px) {
    body .TournamentDetails__title {
        margin-bottom: 16px
    }
}

@media (max-width: 768px) {
    body .TournamentDetails__title {
        padding-top: 32px
    }
}

@media (max-width: 434.98px) {
    body .TournamentDetails__title {
        padding-top: 20px
    }
}

body .TournamentDetails__info {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px
}

body .TournamentDetails__info-title {
    margin-bottom: 24px
}

@media (max-width: 767.98px) {
    body .TournamentDetails__info-title {
        margin-bottom: 16px;
        font-size: 28px
    }
}

body .TournamentDetails__row {
    display: flex;
    gap: 24px
}

@media (max-width: 767.98px) {
    body .TournamentDetails__row {
        flex-direction: column;
        gap: 20px
    }
}

body .TournamentDetails__row .TournamentAbout, body .TournamentDetails__row .TournamentInfo {
    width: 50%
}

@media (max-width: 767.98px) {
    body .TournamentDetails__row .TournamentAbout, body .TournamentDetails__row .TournamentInfo {
        width: 100%
    }
}

body .TournamentDetails .TournamentCard {
    margin-bottom: 40px
}

body .TournamentDetails .TournamentCard__header {
    min-height: 326px
}

@media (max-width: 1439.98px) {
    body .TournamentDetails .TournamentCard__header {
        min-height: 259px
    }
}

@media (max-width: 1023.98px) {
    body .TournamentDetails .TournamentCard__header {
        min-height: 198px
    }
}

@media (max-width: 434.98px) {
    body .TournamentDetails .TournamentCard__header {
        min-height: 224px
    }
}

@media (max-width: 1023.98px) {
    body .TournamentDetails .TournamentCard {
        margin-bottom: 32px
    }
}

body .TournamentDetails .Icon {
    width: auto
}

body .TournamentAbout__section {
    margin-bottom: 12px
}

body .TournamentAbout__section-title {
    margin-bottom: 4px
}

body .TournamentAbout__text {
    color: var(--base-text-secondary);
    white-space: pre-wrap;
    overflow-wrap: break-word
}

body .TournamentPrizeSlider {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px
}

body .TournamentPrizeSlider__title {
    margin-bottom: 24px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    body .TournamentPrizeSlider__title h3 {
        font-size: 28px
    }
}

body .TournamentPrizeSlider__card {
    background: var(--base-surface);
    padding: 24px;
    display: flex
}

body .TournamentPrizeSlider__icon {
    margin-right: 20px;
    width: 40px;
    height: 40px
}

body .TournamentPrizeSlider__card-info {
    display: flex;
    flex-direction: column;
    color: var(--base-text-secondary);
    gap: 8px;
    font-size: 14px
}

body .TournamentPrizeSlider__card-info_progressive {
    gap: 4px
}

body .TournamentPrizeSlider__place {
    line-height: 24px;
    text-transform: uppercase
}

body .TournamentPrizeSlider__fund {
    font-size: 16px;
    text-align: end
}

body .TournamentPrizeSlider__prize {
    margin-right: 8px;
    font-size: 28px;
    color: var(--primary-solid);
    font-weight: 700
}

body .TournamentPrizeSlider__prize_progressive {
    line-height: 36px
}

body .TournamentPrizeSlider__currency {
    font-size: 28px;
    font-weight: 700
}

body .TournamentPrizeSlider__cryptoWrapper {
    display: flex;
    justify-content: flex-end;
    margin-right: 10px;
    text-align: left
}

body .TournamentPrizeSlider__cryptoAmount {
    margin-right: 4px;
    font-size: .625rem;
    font-weight: 600;
    color: var(--primary-solid);
    line-height: .75rem
}

body .TournamentPrizeSlider__cryptoCurrency {
    font-size: .625rem;
    font-weight: 600;
    color: var(--base-text-placeholder);
    line-height: .75rem
}

body .TournamentPrizeSlider__min-prize {
    line-height: 24px
}

body .TournamentPrizeSlider__slider-control {
    display: flex
}

body .TournamentPrizeSlider__row {
    display: flex;
    margin-left: auto;
    gap: 16px
}

body .TournamentPrizeSlider .swiper-button-next, body .TournamentPrizeSlider .swiper-button-prev {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background: var(--base-elements);
    transition: all .3s ease-in-out
}

body .TournamentPrizeSlider .swiper-button-next:before, body .TournamentPrizeSlider .swiper-button-prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .TournamentPrizeSlider .swiper-button-next:after, body .TournamentPrizeSlider .swiper-button-prev:after {
    display: none
}

body .TournamentPrizeSlider .swiper-button-next:hover, body .TournamentPrizeSlider .swiper-button-prev:hover {
    background: var(--base-elements-hover)
}

body .TournamentPrizeSlider .swiper-button-next:hover:before, body .TournamentPrizeSlider .swiper-button-prev:hover:before {
    background-color: var(--base-text-primary)
}

body .TournamentPrizeSlider .swiper-button-next {
    right: 0;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-left: 1px solid var(--base-divider)
}

body .TournamentPrizeSlider .swiper-button-next:before {
    transform: rotate(180deg)
}

body .TournamentPrizeSlider .swiper-button-prev {
    right: 40px;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

body .TournamentRankingTable {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px
}

body .TournamentRankingTable__title {
    margin-bottom: 16px
}

body .TournamentRankingTable__table {
    display: flex;
    flex-direction: column;
    color: var(--base-text-secondary)
}

body .TournamentRankingTable__search-empty {
    font-size: 20px;
    color: var(--base-text-secondary)
}

body .TournamentRankingTable__header {
    display: flex;
    padding: 0 16px 8px;
    font-size: 10px;
    text-transform: uppercase
}

body .TournamentRankingTable__header :first-child {
    width: 10%
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__header :first-child {
        width: 20%
    }
}

body .TournamentRankingTable__header :nth-child(2) {
    width: 30%
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__header :nth-child(2) {
        width: 50%
    }
}

body .TournamentRankingTable__header :nth-child(3) {
    width: 20%;
    text-align: end
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__header :nth-child(3) {
        width: 30%;
        text-align: right
    }
}

body .TournamentRankingTable__header :nth-child(4) {
    width: 20%;
    text-align: end
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__header :nth-child(4) {
        display: none
    }
}

body .TournamentRankingTable__header :nth-child(5) {
    width: 20%;
    text-align: end
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__header :nth-child(5), body .TournamentRankingTable__header_isVovan :nth-child(3) {
        display: none
    }

    body .TournamentRankingTable__header_isVovan :nth-child(4) {
        display: initial;
        text-align: right;
        width: 30%
    }
}

body .TournamentRankingTable__header_withoutExtra :nth-child(2) {
    width: 50%
}

body .TournamentRankingTable__rows {
    display: flex;
    flex-direction: column;
    gap: 8px
}

body .TournamentRankingTable__row {
    display: flex;
    background: var(--base-surface);
    height: 44px;
    padding: 0 16px;
    width: 100%;
    align-items: center
}

body .TournamentRankingTable__row_current {
    background: var(--base-elements);
    color: var(--base-text-primary);
    border: 1px solid var(--primary-solid)
}

body .TournamentRankingTable__control {
    display: flex;
    margin-bottom: 24px;
    align-items: center
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__control {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px
    }
}

body .TournamentRankingTable__control-form {
    display: flex
}

body .TournamentRankingTable__input {
    margin-right: 8px;
    min-width: 280px
}

@media (max-width: 434.98px) {
    body .TournamentRankingTable__input {
        min-width: unset
    }
}

body .TournamentRankingTable__input svg {
    color: var(--primary-solid)
}

body .TournamentRankingTable__how-link {
    color: var(--primary-solid);
    text-decoration: underline;
    font-size: 16px;
    cursor: pointer;
    margin-left: auto
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__how-link {
        margin-left: unset;
        cursor: none
    }
}

body .TournamentRankingTable__place {
    width: 10%;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__place {
        width: 20%
    }
}

body .TournamentRankingTable__icon {
    display: flex;
    margin-right: 8px
}

body .TournamentRankingTable__icon svg {
    width: 20px;
    height: 20px
}

body .TournamentRankingTable__nickname {
    width: 30%
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__nickname {
        width: 50%
    }
}

@media (max-width: 434.98px) {
    body .TournamentRankingTable__nickname {
        overflow: hidden;
        text-wrap: nowrap;
        text-overflow: ellipsis;
        margin-right: 10px
    }
}

body .TournamentRankingTable__nickname_withoutExtra {
    width: 50%
}

body .TournamentRankingTable__points {
    width: 20%;
    text-align: end
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__points {
        width: 30%;
        text-align: right
    }

    body .TournamentRankingTable__points_isVovan {
        display: none
    }
}

body .TournamentRankingTable__prize {
    width: 20%;
    text-align: end
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__prize {
        display: none
    }
}

body .TournamentRankingTable__prize_finished, body .TournamentRankingTable__prize_you {
    color: var(--base-text-primary)
}

body .TournamentRankingTable__extra-prize {
    width: 20%;
    text-align: end
}

@media (max-width: 767.98px) {
    body .TournamentRankingTable__extra-prize {
        display: none
    }

    body .TournamentRankingTable__extra-prize_isVovan {
        text-align: right;
        display: initial;
        width: 30%
    }
}

body .TournamentRankingTable__extra-prize_finished, body .TournamentRankingTable__extra-prize_you {
    color: var(--base-text-primary)
}

body .TournamentRankingTable__total {
    margin-top: 12px;
    padding: 0 16px
}

body .TournamentRankingTable__small {
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    color: var(--base-text-placeholder)
}

body .TournamentRankingScores {
    display: flex;
    background: var(--base-elements);
    padding: 16px 24px;
    color: var(--base-text-secondary);
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 16px
}

@media (max-width: 767.98px) {
    body .TournamentRankingScores {
        flex-direction: column
    }
}

body .TournamentRankingScores__block {
    height: 32px;
    padding: 0 20px;
    border-right: 1px solid var(--base-divider);
    display: flex;
    align-items: baseline
}

@media (max-width: 767.98px) {
    body .TournamentRankingScores__block {
        border-right: none;
        border-bottom: 1px solid var(--base-divider);
        padding: 0
    }
}

body .TournamentRankingScores__block:first-child {
    padding-left: 0
}

body .TournamentRankingScores__block:last-child {
    padding-right: 0;
    border-right: none;
    border-bottom: none
}

body .TournamentRankingScores__row {
    margin: auto
}

@media (max-width: 767.98px) {
    body .TournamentRankingScores__row {
        margin: auto auto auto 0
    }
}

body .TournamentRankingScores__text {
    margin-right: 8px
}

body .TournamentRankingScores__value {
    font-size: 20px;
    color: var(--base-text-primary)
}

body .TournamentRankingScores__total {
    font-size: 16px;
    color: var(--base-text-secondary)
}

body .TournamentCalculationModal {
    display: flex;
    flex-direction: column;
    padding: 0 0 16px 24px
}

@media (max-width: 767.98px) {
    body .TournamentCalculationModal {
        font-size: 12px;
        padding: 0 0 16px 20px
    }
}

body .TournamentCalculationModal__modal .Modal {
    max-width: 460px;
    max-height: 380px
}

@media (max-width: 434.98px) {
    body .TournamentCalculationModal__modal .Modal {
        max-width: 280px;
        min-height: 404px
    }
}

body .TournamentCalculationModal__list {
    margin-bottom: 24px;
    max-width: 100%;
    overflow-y: auto;
    max-height: 208px;
    padding-right: 24px
}

body .TournamentCalculationModal__list::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .TournamentCalculationModal__list::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

body .TournamentCalculationModal__list::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .TournamentCalculationModal__list::-webkit-scrollbar {
        width: 6px
    }

    body .TournamentCalculationModal__list::-webkit-scrollbar-thumb, body .TournamentCalculationModal__list::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .TournamentCalculationModal__row {
    display: flex;
    border-top: 1px solid var(--base-divider);
    padding: 12px 0
}

body .TournamentCalculationModal__row:last-child {
    border-bottom: 1px solid var(--base-divider)
}

body .TournamentCalculationModal__place {
    color: var(--base-text-secondary);
    margin-right: auto
}

body .TournamentCalculationModal__prize-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

body .TournamentCalculationModal__prize {
    color: var(--base-text-primary);
    font-size: 16px;
    font-weight: 700
}

@media (max-width: 767.98px) {
    body .TournamentCalculationModal__prize {
        font-size: 14px
    }
}

body .TournamentCalculationModal__extra-prize {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 4px
}

body .TournamentCalculationModal__extra-prize .TournamentCalculationModal__prize {
    font-size: 14px
}

@media (max-width: 767.98px) {
    body .TournamentCalculationModal__extra-prize .TournamentCalculationModal__prize {
        font-size: 12px
    }
}

body .TournamentCalculationModal__extra-prize span:not(.TournamentCalculationModal__prize) {
    font-size: 12px;
    font-weight: 400;
    color: var(--base-text-secondary)
}

body .TournamentCalculationModal__button {
    margin-left: auto;
    margin-right: 24px
}

@media (max-width: 434.98px) {
    body .TournamentCalculationModal__button {
        width: calc(100% - 24px)
    }
}

body .TournamentGamesSlider {
    position: relative;
    overflow: hidden;
    margin-bottom: 40px
}

body .TournamentGamesSlider__title {
    margin-bottom: 24px;
    display: flex
}

@media (max-width: 767.98px) {
    body .TournamentGamesSlider__title {
        flex-direction: column;
        gap: 16px
    }

    body .TournamentGamesSlider__title h3 {
        font-size: 28px
    }
}

body .TournamentGamesSlider__provider-select {
    margin-bottom: 0;
    height: 100%
}

body .TournamentGamesSlider__slider-control {
    display: flex
}

body .TournamentGamesSlider__row {
    display: flex;
    margin-left: auto;
    gap: 16px
}

@media (max-width: 767.98px) {
    body .TournamentGamesSlider__row {
        margin-left: unset;
        justify-content: space-between
    }
}

@media (max-width: 434.98px) {
    body .TournamentGamesSlider .swiper-slide .GameListItemTypeA__image {
        object-fit: cover
    }
}

body .TournamentGamesSlider .swiper-button-next, body .TournamentGamesSlider .swiper-button-prev {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background: var(--base-elements);
    transition: all .3s ease-in-out
}

body .TournamentGamesSlider .swiper-button-next:before, body .TournamentGamesSlider .swiper-button-prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .TournamentGamesSlider .swiper-button-next:after, body .TournamentGamesSlider .swiper-button-prev:after {
    display: none
}

body .TournamentGamesSlider .swiper-button-next:hover, body .TournamentGamesSlider .swiper-button-prev:hover {
    background: var(--base-elements-hover)
}

body .TournamentGamesSlider .swiper-button-next:hover:before, body .TournamentGamesSlider .swiper-button-prev:hover:before {
    background-color: var(--base-text-primary)
}

body .TournamentGamesSlider .swiper-button-next {
    right: 0;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-left: 1px solid var(--base-divider)
}

body .TournamentGamesSlider .swiper-button-next:before {
    transform: rotate(180deg)
}

body .TournamentGamesSlider .swiper-button-prev {
    right: 40px;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

body .TournamentsSlider {
    position: relative;
    max-width: calc(100% + 15px);
    overflow: hidden;
    padding: 40px 10px 10px 5px;
    margin: 0 -10px -10px -5px
}

body .TournamentsSlider__title {
    margin-bottom: 24px;
    display: flex
}

@media (max-width: 767.98px) {
    body .TournamentsSlider__title {
        flex-direction: column;
        gap: 16px
    }

    body .TournamentsSlider__title h3 {
        font-size: 28px
    }
}

body .TournamentsSlider__all {
    height: 100%;
    text-transform: uppercase;
    width: auto
}

body .TournamentsSlider__slider-control {
    display: flex
}

body .TournamentsSlider__row {
    display: flex;
    margin-left: auto;
    gap: 16px
}

@media (max-width: 767.98px) {
    body .TournamentsSlider__row {
        margin-left: unset;
        justify-content: space-between
    }
}

body .TournamentsSlider .swiper-button-next, body .TournamentsSlider .swiper-button-prev {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    left: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background: var(--base-elements);
    transition: all .3s ease-in-out
}

body .TournamentsSlider .swiper-button-next:before, body .TournamentsSlider .swiper-button-prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

body .TournamentsSlider .swiper-button-next:after, body .TournamentsSlider .swiper-button-prev:after {
    display: none
}

body .TournamentsSlider .swiper-button-next:hover, body .TournamentsSlider .swiper-button-prev:hover {
    background: var(--base-elements-hover)
}

body .TournamentsSlider .swiper-button-next:hover:before, body .TournamentsSlider .swiper-button-prev:hover:before {
    background-color: var(--base-text-primary)
}

body .TournamentsSlider .swiper-button-next {
    right: 0;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-left: 1px solid var(--base-divider)
}

body .TournamentsSlider .swiper-button-next:before {
    transform: rotate(180deg)
}

body .TournamentsSlider .swiper-button-prev {
    right: 40px;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important
}

body .TournamentsSlider .swiper-slide, body .TournamentsSlider swiper-slide {
    height: auto
}

body .TournamentSliderCard {
    background: var(--base-surface);
    overflow: hidden;
    box-shadow: var(--base-card-shadow);
    height: 100%;
    display: flex;
    flex-direction: column
}

body .TournamentSliderCard__header {
    padding: 20px;
    height: 228px;
    background-position: 50%;
    background-size: cover
}

body .TournamentSliderCard__body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

body .TournamentSliderCard__body .LinkButton {
    flex-grow: 1;
    display: flex;
    align-items: flex-end
}

body .TournamentSliderCard__title {
    margin-bottom: 20px;
    font-size: 20px
}

body .TournamentSliderCard__title p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body .TournamentSliderCard__prize {
    margin-bottom: 20px
}

body .TournamentEmpty {
    padding: 40px
}

body .TournamentEmpty__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--base-surface);
    max-width: 814px;
    margin: auto;
    text-align: center;
    padding: 0 40px 40px
}

@media (max-width: 1279.98px) {
    body .TournamentEmpty__card {
        max-width: 100%
    }
}

@media (max-width: 767.98px) {
    body .TournamentEmpty__card {
        padding: 20px
    }
}

@media (max-width: 1279.98px) {
    body .TournamentEmpty {
        width: 100%
    }
}

@media (max-width: 767.98px) {
    body .TournamentEmpty {
        padding: 20px
    }
}

body .TournamentEmpty__icon {
    height: 118.5px;
    width: 118.5px;
    margin: 70.75px auto;
    color: var(--primary-solid)
}

@media (max-width: 1279.98px) {
    body .TournamentEmpty__icon {
        width: 79px;
        height: 79px;
        margin: 60.5px auto
    }
}

@media (max-width: 767.98px) {
    body .TournamentEmpty__icon {
        height: 65px;
        width: 65px;
        margin: 37px auto
    }
}

body .TournamentEmpty__icon .Icon, body .TournamentEmpty__icon span, body .TournamentEmpty__icon svg {
    width: 100%;
    height: 100%
}

body .TournamentEmpty__title {
    margin-bottom: 8px;
    color: var(--base-text-primary);
    font-size: 36px;
    line-height: 48px
}

@media (max-width: 1023.98px) {
    body .TournamentEmpty__title {
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width: 434.98px) {
    body .TournamentEmpty__title {
        font-size: 20px;
        line-height: 28px
    }
}

body .TournamentEmpty__subtitle {
    color: var(--base-text-secondary)
}

@media (max-width: 1279.98px) {
    body .TournamentEmpty__subtitle {
        font-size: 14px;
        line-height: 24px
    }
}

@media (max-width: 767.98px) {
    body .TournamentEmpty__subtitle {
        font-size: 12px;
        line-height: 20px
    }
}

body .TournamentEmpty__description {
    margin-bottom: 40px;
    color: var(--base-text-secondary);
    font-size: 16px;
    line-height: 28px
}

@media (max-width: 1023.98px) {
    body .TournamentEmpty__description {
        font-size: 14px;
        line-height: 24px;
        font-weight: 400
    }
}

@media (max-width: 434.98px) {
    body .TournamentEmpty__description {
        font-size: 12px;
        line-height: 20px
    }
}

body .TournamentEmpty__homeButton {
    margin-top: 40px
}

@media (max-width: 1279.98px) {
    body .TournamentEmpty__homeButton {
        margin-top: 32px
    }
}

@media (max-width: 767.98px) {
    body .TournamentEmpty__homeButton {
        width: 100%;
        margin-top: 20px
    }
}

body .TournamentSubscribeModal__constructorOverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999
}

body .TournamentSubscribeModal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    padding: 180px 0 40px;
    z-index: 999999;
    background-color: rgba(41, 43, 66, .8);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    overflow-y: auto
}

body .TournamentSubscribeModal__overlay_silent {
    visibility: hidden
}

body .TournamentSubscribeModal__overlay.safari::-webkit-scrollbar {
    width: 0
}

body .TournamentSubscribeModal__overlay.safari::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0
}

body .TournamentSubscribeModal__overlay.safari::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0;
    border: 0
}

body .TournamentSubscribeModal__overlay::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .TournamentSubscribeModal__overlay::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

body .TournamentSubscribeModal__overlay::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .TournamentSubscribeModal__overlay::-webkit-scrollbar {
        width: 6px
    }

    body .TournamentSubscribeModal__overlay::-webkit-scrollbar-thumb, body .TournamentSubscribeModal__overlay::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

@media (max-width: 1279.98px) {
    body .TournamentSubscribeModal__overlay {
        padding: 120px 24px
    }
}

@media (max-width: 767.98px) {
    body .TournamentSubscribeModal__overlay {
        padding: 180px 24px 52px
    }
}

@media (max-width: 434.98px) {
    body .TournamentSubscribeModal__overlay {
        padding: 10px 20px
    }
}

body .TournamentSubscribeModal__overlay_pinnedToTop {
    align-items: flex-start;
    padding: 178px 0 40px
}

@media (max-width: 1279.98px) {
    body .TournamentSubscribeModal__overlay_pinnedToTop {
        padding: 120px 24px
    }
}

@media (max-width: 767.98px) {
    body .TournamentSubscribeModal__overlay_pinnedToTop {
        padding: 16px 15px
    }
}

body .TournamentSubscribeModal__content-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0 24px 24px;
    color: var(--base-text-secondary);
    background: var(--base-surface);
    line-height: 28px;
    width: 460px
}

@media (max-width: 767.98px) {
    body .TournamentSubscribeModal__content-wrap {
        width: 280px;
        font-size: 14px;
        padding: 0 20px 20px
    }
}

body .TournamentSubscribeModal__header {
    padding: 36px 24px
}

@media (max-width: 767.98px) {
    body .TournamentSubscribeModal__header {
        padding: 36px 24px
    }
}

body .TournamentSubscribeModal__close-button {
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
    background-color: var(--base-text-primary);
    -webkit-mask-image: url(/iconPack/close.svg);
    mask-image: url(/iconPack/close.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center
}

body .TournamentSubscribeModal__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .TournamentSubscribeModal__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

body .TournamentSubscribeModal__content {
    margin-bottom: 24px
}

body .TournamentSubscribeModal__content p {
    margin-bottom: 8px
}

@media (max-width: 767.98px) {
    body .TournamentSubscribeModal__content {
        margin-bottom: 4px
    }
}

body .TournamentSubscribeModal__info-container {
    border: 1px solid var(--base-warning);
    border-radius: var(--radiusRegular);
    display: flex;
    gap: 8px;
    padding: 16px;
    align-items: flex-start;
    margin-bottom: 12px
}

body .TournamentSubscribeModal__info-container .Icon {
    flex: 0 1
}

body .TournamentSubscribeModal__info-container .Icon svg {
    width: 22px;
    height: 22px
}

body .TournamentSubscribeModal__info-text {
    display: flex;
    flex-direction: column
}

body .TournamentSubscribeModal__info-text p {
    line-height: 24px
}

body .TournamentSubscribeModal__link {
    color: var(--primary-link)
}

body .TournamentSubscribeModal__fee {
    font-weight: 700;
    color: var(--base-text-primary)
}

body .TournamentSubscribeModal__activeTitle {
    text-align: center
}

body .TournamentSubscribeModal__countdown {
    margin-bottom: 24px;
    padding: 12px 0;
    display: flex;
    border-top: 1px solid var(--base-divider);
    border-bottom: 1px solid var(--base-divider);
    justify-content: space-between
}

body .TournamentSubscribeModal__buttons {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 767.98px) {
    body .TournamentSubscribeModal__buttons {
        flex-direction: column;
        gap: 16px
    }

    body .TournamentSubscribeModal__buttons button {
        margin-right: 0;
        width: 100%
    }
}

body .TournamentSubscribeModal__button:first-child {
    margin-right: 16px
}

body .TournamentSubscribeModal .TournamentCountDown {
    color: var(--base-text-primary)
}

body .TournamentSubscribeModal .TournamentCountDown .Format__value {
    margin-left: 4px
}

body .TournamentSubscribeModal .TournamentCountDown.ShowSeconds .Format__value {
    color: var(--base-status-cancellation)
}

body .TournamentUnsubscribeModal {
    display: flex;
    flex-direction: column;
    padding: 0 24px 24px;
    color: var(--base-text-secondary);
    line-height: 28px
}

@media (max-width: 767.98px) {
    body .TournamentUnsubscribeModal {
        font-size: 12px;
        padding: 0 20px 20px
    }
}

body .TournamentUnsubscribeModal__content {
    margin-bottom: 24px
}

body .TournamentUnsubscribeModal__content p {
    margin-bottom: 8px
}

body .TournamentUnsubscribeModal__fee {
    margin-bottom: 24px;
    padding: 12px 0;
    display: flex;
    border-top: 1px solid var(--base-divider);
    border-bottom: 1px solid var(--base-divider);
    justify-content: space-between
}

body .TournamentUnsubscribeModal__value {
    color: var(--base-text-primary)
}

body .TournamentUnsubscribeModal__buttons {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 434.98px) {
    body .TournamentUnsubscribeModal__buttons {
        justify-content: space-between
    }
}

body .TournamentUnsubscribeModal__button:first-child {
    margin-right: 16px
}

@media (max-width: 434.98px) {
    body .TournamentUnsubscribeModal__button {
        width: 100%
    }
}

body .TournamentSuccessfulSubscribedModal {
    display: flex;
    flex-direction: column;
    padding: 0 24px 24px;
    align-items: center
}

@media (max-width: 767.98px) {
    body .TournamentSuccessfulSubscribedModal {
        padding: 0 20px 20px
    }
}

body .TournamentSuccessfulSubscribedModal__icon {
    margin-bottom: 32px
}

body .TournamentSuccessfulSubscribedModal__title {
    font-size: 24px;
    color: var(--base-text-primary);
    margin-bottom: 24px;
    text-align: center
}

@media (max-width: 434.98px) {
    body .TournamentSuccessfulSubscribedModal__button {
        width: 100%;
        max-width: 100%
    }
}

body .TournamentNotEnoughMoneyModal {
    display: flex;
    flex-direction: column;
    padding: 0 24px 24px;
    color: var(--base-text-secondary);
    line-height: 28px
}

@media (max-width: 767.98px) {
    body .TournamentNotEnoughMoneyModal {
        font-size: 12px;
        padding: 0 20px 20px
    }
}

body .TournamentNotEnoughMoneyModal__content {
    margin-bottom: 24px
}

body .TournamentNotEnoughMoneyModal__content p {
    margin-bottom: 8px
}

body .TournamentNotEnoughMoneyModal__fee {
    margin-bottom: 24px;
    padding: 12px 0;
    display: flex;
    border-top: 1px solid var(--base-divider);
    border-bottom: 1px solid var(--base-divider);
    justify-content: space-between
}

body .TournamentNotEnoughMoneyModal__value {
    color: var(--base-text-primary)
}

body .TournamentNotEnoughMoneyModal__buttons {
    display: flex;
    justify-content: flex-end
}

body .TournamentNotEnoughMoneyModal__button:first-child {
    margin-right: 16px
}

body .TournamentsGroup {
    margin-bottom: 30px
}

body .TournamentsGroup .SwiperWrapper__slider {
    position: relative
}

@media (max-width: 434.98px) {
    body .TournamentsGroup {
        margin-bottom: 20px
    }

    body .TournamentsGroup .SwiperWrapper__slider {
        margin-top: unset;
        padding-top: 20px
    }

    body .TournamentsGroup .SwiperWrapper__topSection {
        margin-bottom: unset
    }
}

@media screen and (max-width: 768px) {
    body .TournamentsGroup .SwiperWrapper__topSection {
        gap: 16px;
        flex-direction: column;
        align-items: normal
    }
}

body .TournamentsGroup__title {
    color: var(--base-text-primary) !important
}

body .TournamentsGroup__controls {
    display: flex;
    gap: 16px
}

@media screen and (max-width: 768px) {
    body .TournamentsGroup__controls {
        width: 100%;
        justify-content: space-between
    }
}

@media (max-width: 434.98px) {
    body .TournamentsGroup__controls {
        flex-direction: column;
        justify-content: unset
    }
}

body .TournamentsGroup__filterByStatus {
    position: relative
}

body .TournamentsGroup__filterByStatusDropdown {
    background-color: var(--base-elements);
    border: .8px solid var(--base-elements);
    height: 40px;
    display: flex;
    align-items: center;
    width: 240px;
    justify-content: space-between;
    padding: 0 16px;
    cursor: pointer;
    gap: 8px
}

@media (max-width: 1279.98px) {
    body .TournamentsGroup__filterByStatusDropdown {
        width: 155px
    }
}

@media screen and (max-width: 869px) {
    body .TournamentsGroup__filterByStatusDropdown {
        width: 100%
    }
}

body .TournamentsGroup__filterByStatusDropdown_active {
    border-color: var(--primary-solid)
}

body .TournamentsGroup__filterByStatusDropdownBody {
    position: absolute;
    background-color: var(--base-elements);
    padding: 8px 0;
    width: 240px;
    max-height: 176px;
    overflow-y: auto;
    z-index: 999999;
    top: 44px
}

body .TournamentsGroup__filterByStatusDropdownBody::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .TournamentsGroup__filterByStatusDropdownBody::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

body .TournamentsGroup__filterByStatusDropdownBody::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .TournamentsGroup__filterByStatusDropdownBody::-webkit-scrollbar {
        width: 6px
    }

    body .TournamentsGroup__filterByStatusDropdownBody::-webkit-scrollbar-thumb, body .TournamentsGroup__filterByStatusDropdownBody::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

@media (max-width: 1279.98px) {
    body .TournamentsGroup__filterByStatusDropdownBody {
        width: 155px
    }
}

@media screen and (max-width: 869px) {
    body .TournamentsGroup__filterByStatusDropdownBody {
        width: 100%
    }
}

body .TournamentsGroup__filterByStatusDropdownItem {
    height: 40px;
    width: 100%;
    display: inline-block;
    padding: 8px 16px;
    color: var(--base-text-secondary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

body .TournamentsGroup__filterByStatusDropdownItem_active {
    color: var(--primary-hover)
}

body .TournamentsGroup__selectedFilter {
    color: var(--base-text-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

body .TournamentsGroup__arrowIcon {
    width: 24px;
    height: 24px;
    color: var(--base-text-secondary)
}

body .TournamentsGroup__tabs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 100%;
    background-color: var(--base-elements);
    padding: 6px
}

@media screen and (max-width: 768px) {
    body .TournamentsGroup__tabs {
        max-width: 280px
    }
}

@media (max-width: 434.98px) {
    body .TournamentsGroup__tabs {
        max-width: 100%
    }
}

body .TournamentsGroup__tab {
    width: 100%;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    padding: 4px 16px;
    color: var(--base-text-secondary);
    cursor: pointer
}

@media (max-width: 434.98px) {
    body .TournamentsGroup__tab {
        padding: 4px 6px
    }
}

body .TournamentsGroup__tab_active {
    color: var(--base-text-on-color-bg);
    background-color: var(--primary-solid)
}

body .TournamentsGroup__slider .SwiperWrapper__actions, body .TournamentsGroup__slider_hideSlider .SwiperWrapper__slider {
    display: none
}

body .TournamentsGroup .swiper-scrollbar {
    background-color: var(--base-elements);
    bottom: 0
}

body .TournamentsGroup .swiper-scrollbar .swiper-scrollbar-drag {
    background-color: var(--base-divider)
}

body .TournamentsGroup .swiper-slide, body .TournamentsGroup__slide {
    width: 138px;
    height: 132px
}

@media (max-width: 1919.98px) {
    body .TournamentsGroup .swiper-slide, body .TournamentsGroup__slide {
        width: 136px
    }
}

@media (max-width: 1279.98px) {
    body .TournamentsGroup .swiper-slide, body .TournamentsGroup__slide {
        width: 128px
    }
}

@media (max-width: 767.98px) {
    body .TournamentsGroup .swiper-slide, body .TournamentsGroup__slide {
        width: 132px
    }
}

@media (max-width: 434.98px) {
    body .TournamentsGroup .swiper-slide, body .TournamentsGroup__slide {
        height: 114px
    }
}

body .TournamentsGroup__slide {
    cursor: pointer;
    padding: 16px 12px;
    background-color: var(--base-surface);
    display: flex;
    flex-direction: column;
    align-items: center
}

body .TournamentsGroup__slide:not(:disabled):hover, body .TournamentsGroup__slide_active {
    background-color: var(--base-elements-hover)
}

body .TournamentsGroup__slideImage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-decoration: none
}

body .TournamentsGroup__slideImage > .ServerIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

body .TournamentsGroup__slideImage img {
    display: block;
    width: inherit;
    height: inherit
}

body .TournamentsGroup__slideTitle {
    text-transform: uppercase;
    color: var(--base-text-secondary);
    text-align: center;
    margin-top: 12px;
    max-width: 114px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

@media screen and (max-width: 768px) {
    body .TournamentsGroup__slideTitle {
        max-width: 104px
    }
}

body .TournamentsInfo {
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .TournamentsInfo {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .TournamentsInfo {
        padding: var(--container-padding-mobile)
    }
}

body .TournamentsInfo__title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 44px;
    line-height: 52px;
    color: var(--base-text-primary)
}

@media screen and (max-width: 768px) {
    body .TournamentsInfo__title {
        font-size: 36px;
        line-height: 48px
    }
}

@media screen and (max-width: 435px) {
    body .TournamentsInfo__title {
        font-size: 28px;
        line-height: 36px
    }
}

body .TournamentsInfo__slide {
    display: flex;
    gap: 24px;
    height: 100%
}

body .TournamentsInfoCard {
    width: 100%;
    height: 100%;
    min-height: 400px;
    display: flex;
    overflow: hidden;
    background: var(--base-surface)
}

body .TournamentsInfoCard_typeB {
    flex-direction: column
}

@media screen and (min-width: 768px) {
    body .TournamentsInfoCard_typeB {
        max-width: calc(50% - 12px)
    }
}

@media screen and (max-width: 1280px) {
    body .TournamentsInfoCard {
        flex-direction: column
    }
}

body .TournamentsInfoCard__main {
    background-position: 50%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    width: calc(100% - 528px);
    justify-content: space-between;
    padding: 34px 32px 32px
}

body .TournamentsInfoCard__main_noImage {
    background-position: 50%;
    background-size: initial;
    background-repeat: no-repeat
}

@media screen and (max-width: 1280px) {
    body .TournamentsInfoCard__main {
        height: 357px;
        width: 100%;
        padding: 24px 24px 27px
    }
}

@media screen and (max-width: 768px) {
    body .TournamentsInfoCard__main {
        height: 273px
    }
}

@media screen and (max-width: 435px) {
    body .TournamentsInfoCard__main {
        height: 200px;
        padding: 20px
    }
}

body .TournamentsInfoCard__main_typeB {
    height: 298px;
    width: 100%;
    padding: 32px
}

@media screen and (max-width: 1280px) {
    body .TournamentsInfoCard__main_typeB {
        height: 240px;
        padding: 24px
    }

    body .TournamentsInfoCard__main_typeB .TournamentsInfoCard__tournamentCardFooter {
        display: none
    }
}

@media screen and (max-width: 435px) {
    body .TournamentsInfoCard__main_typeB {
        height: 200px;
        padding: 20px
    }
}

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

body .TournamentsInfoCard__tournamentCardHeader .TournamentTimer {
    color: var(--base-text-on-color-bg)
}

body .TournamentsInfoCard__tournamentCardHeader .TournamentStatus {
    font-size: 14px;
    line-height: 24px;
    padding: 4px 12px
}

body .TournamentsInfoCard__tournamentCardHeader .TournamentCountDown {
    font-size: 16px;
    line-height: 28px
}

@media screen and (max-width: 435px) {
    body .TournamentsInfoCard__tournamentCardHeader {
        flex-direction: column;
        gap: 100px
    }
}

@media screen and (max-width: 768px) {
    body .TournamentsInfoCard__tournamentCardHeader_typeB {
        flex-direction: column;
        gap: 132px
    }

    body .TournamentsInfoCard__tournamentCardHeader_typeB .TournamentTimer {
        align-self: flex-start
    }
}

@media screen and (max-width: 435px) {
    body .TournamentsInfoCard__tournamentCardHeader_typeB {
        gap: 100px
    }
}

body .TournamentsInfoCard__tournamentTitle {
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--base-text-primary)
}

@media screen and (max-width: 435px) {
    body .TournamentsInfoCard__tournamentTitle {
        font-size: 24px;
        line-height: 32px
    }
}

body .TournamentsInfoCard__tournamentPrize {
    width: -moz-fit-content;
    width: fit-content
}

body .TournamentsInfoCard__tournamentPrize .TournamentPrize {
    align-items: center
}

body .TournamentsInfoCard__tournamentPrize .TournamentPrize__amount {
    white-space: nowrap
}

body .TournamentsInfoCard__tournamentPrize .TournamentPrize__currency {
    color: var(--base-text-on-color-bg);
    white-space: nowrap;
    font-weight: 700
}

@media screen and (max-width: 435px) {
    body .TournamentsInfoCard__tournamentPrize .TournamentPrize__amount, body .TournamentsInfoCard__tournamentPrize .TournamentPrize__currency {
        font-size: 20px;
        line-height: 28px
    }
}

body .TournamentsInfoCard__info {
    height: 100%;
    padding: 32px;
    width: 528px;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1280px) {
    body .TournamentsInfoCard__info {
        flex-direction: row;
        width: 100%;
        gap: 24px;
        padding: 24px;
        height: calc(100% - 357px)
    }

    body .TournamentsInfoCard__info .TournamentsInfoCard__infoLeftCol, body .TournamentsInfoCard__info .TournamentsInfoCard__infoRightCol {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    body .TournamentsInfoCard__info {
        flex-direction: column;
        gap: 0;
        height: calc(100% - 273px)
    }

    body .TournamentsInfoCard__info .TournamentsInfoCard__tournamentCardFooter {
        margin-bottom: 16px
    }
}

@media screen and (max-width: 435px) {
    body .TournamentsInfoCard__info {
        padding: 20px;
        height: calc(100% - 200px)
    }
}

@media screen and (max-width: 1280px) {
    body .TournamentsInfoCard__info_col {
        flex-direction: column
    }
}

body .TournamentsInfoCard__info_typeB {
    width: 100%;
    flex-direction: row;
    height: calc(100% - 298px);
    gap: 24px
}

body .TournamentsInfoCard__info_typeB .TournamentsInfoCard__infoLeftCol, body .TournamentsInfoCard__info_typeB .TournamentsInfoCard__infoRightCol {
    width: 100%
}

@media screen and (max-width: 1656px) {
    body .TournamentsInfoCard__info_typeB {
        flex-direction: column
    }

    body .TournamentsInfoCard__info_typeB .TournamentsInfoCard__infoRightCol {
        height: 100%
    }
}

@media screen and (max-width: 1280px) {
    body .TournamentsInfoCard__info_typeB {
        flex-direction: column;
        height: calc(100% - 240px)
    }

    body .TournamentsInfoCard__info_typeB .TournamentsInfoCard__infoLeftCol, body .TournamentsInfoCard__info_typeB .TournamentsInfoCard__infoRightCol {
        width: 100%;
        height: 100%
    }
}

body .TournamentsInfoCard__tournamentDescription {
    color: var(--base-text-secondary);
    margin-bottom: 22px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

@supports (-webkit-line-clamp:4) {
    body .TournamentsInfoCard__tournamentDescription {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }
}

@media screen and (max-width: 768px) {
    @supports (-webkit-line-clamp:3) {
        body .TournamentsInfoCard__tournamentDescription {
            -webkit-line-clamp: 3
        }
    }
}

@media screen and (max-width: 435px) {
    @supports (-webkit-line-clamp:6) {
        body .TournamentsInfoCard__tournamentDescription {
            -webkit-line-clamp: 6
        }
    }
}

@media screen and (max-width: 435px) {
    body .TournamentsInfoCard__tournamentDescription {
        line-height: 24px
    }
}

body .TournamentsInfoCard__rankings {
    margin-bottom: 22px
}

@media screen and (max-width: 1280px) {
    body .TournamentsInfoCard__rankings {
        margin-bottom: 16px
    }
}

@media screen and (min-width: 1281px) {
    body .TournamentsInfoCard__infoLeftCol_centerDescription {
        margin: auto 0
    }
}

body .TournamentsInfoCard__infoRightCol {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

body .TournamentsInfoCard__infoRightCol_onlyCol {
    height: 100%;
    align-self: flex-end
}

body .TournamentsInfoCard__actions {
    display: flex;
    width: 296px;
    max-width: 100%;
    gap: 16px;
    margin-left: auto;
    margin-top: auto;
    align-self: flex-end
}

@media screen and (max-width: 580px) {
    body .TournamentsInfoCard__actions {
        flex-direction: column;
        gap: 8px;
        max-width: 100%;
        width: 100%;
        margin-left: 0
    }

    body .TournamentsInfoCard__actions a, body .TournamentsInfoCard__actions button {
        width: 100%
    }
}

body .TournamentsTable {
    padding: 40px
}

@media (max-width: 1279.98px) {
    body .TournamentsTable {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .TournamentsTable {
        padding: 20px
    }
}

body .TournamentsTable hr {
    border: 1px solid var(--base-background)
}

body .TournamentsTable .TournamentTimer {
    flex-direction: column
}

body .TournamentsTable__groupImg img, body .TournamentsTable__groupImg svg {
    width: 24px;
    height: 24px
}

body .TournamentsTable__briefAboutImg img, body .TournamentsTable__briefAboutImg svg {
    width: 68px;
    height: 24px
}

body .TournamentsTable__playIcon {
    display: flex
}

body .TournamentsTable__filters {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    gap: 20px;
    margin-bottom: 40px
}

body .TournamentsTable__filters > * {
    flex: 0 1 auto
}

@media (max-width: 1023.98px) {
    body .TournamentsTable__filters {
        justify-content: stretch;
        gap: 16px;
        margin-bottom: 32px
    }

    body .TournamentsTable__filters > * {
        flex: 1 1 auto
    }
}

@media (max-width: 767.98px) {
    body .TournamentsTable__filters {
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-start;
        margin-bottom: 24px
    }

    body .TournamentsTable__filters > * {
        flex: 1 1 100%
    }
}

body .TournamentsTable__datePicker {
    max-width: 300px
}

@media (max-width: 434.98px) {
    body .TournamentsTable__datePicker {
        max-width: 100%
    }
}

body .TournamentsTable__expandableContent {
    max-height: 0;
    transition: max-height .5s ease, padding .5s ease;
    overflow: hidden;
    display: flex;
    align-content: center
}

@media (max-width: 1279.98px) {
    body .TournamentsTable__expandableContent {
        flex-direction: column;
        justify-content: center
    }
}

body .TournamentsTable__expandableContent_expanded {
    transition: max-height 1s ease, padding 1s ease;
    max-height: 2000px;
    background: var(--base-background)
}

body .TournamentsTable__expandableContentHeader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 25%
}

body .TournamentsTable__expandableContentHeader button:not(:last-child) {
    margin-bottom: 16px
}

body .TournamentsTable__expandableContentHeader h2 {
    display: inline-block;
    text-align: center;
    margin-bottom: 24px;
    font-size: 24px
}

@media (max-width: 1279.98px) {
    body .TournamentsTable__expandableContentHeader {
        margin: 0 auto
    }
}

body .TournamentsTable__expandableContentHeaderButtons {
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media (max-width: 1279.98px) {
    body .TournamentsTable__expandableContentHeaderButtons {
        flex-direction: row
    }
}

body .TournamentsTable__expandableContentDetails {
    display: flex;
    gap: 13px;
    padding: 16px;
    width: 75%
}

@media (max-width: 1279.98px) {
    body .TournamentsTable__expandableContentDetails {
        width: 100%
    }
}

body .TournamentsTable__expandableContentDetails > div {
    width: 33.3333333333%
}

body .TournamentsTable__expandableContentLogo svg {
    width: 120px;
    max-width: 100%
}

body .TournamentsTable__expandableContentCard {
    padding: 32px 16px 16px;
    background: var(--base-surface)
}

body .TournamentsTable__expandableContentCard_noWidthPadding {
    padding: 16px 0
}

body .TournamentsTable__expandableContentCardHeaderContainer {
    margin: 8px 0 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--base-divider);
    display: flex;
    justify-content: space-between;
    align-items: center
}

body .TournamentsTable__expandableContentTournamentIcon {
    width: 138px;
    max-width: 100%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 1023.98px) {
    body .TournamentsTable__expandableContentTournamentIcon {
        width: 127px
    }
}

body .TournamentsTable__expandableContentTournamentIcon img, body .TournamentsTable__expandableContentTournamentIcon svg {
    width: 90px;
    height: 32px;
    margin-right: 6px
}

@media (max-width: 768px) {
    body .TournamentsTable__expandableContentTournamentIcon img, body .TournamentsTable__expandableContentTournamentIcon svg {
        width: 68px;
        height: 24px
    }
}

body .TournamentsTable__expandableContentTournamentInfo {
    display: flex;
    align-items: center
}

body .TournamentsTable__expandableContentTournamentTitle {
    white-space: nowrap;
    text-overflow: ellipsis;
    word-wrap: break-word;
    overflow: hidden
}

@media (max-width: 1023.98px) {
    body .TournamentsTable__expandableContentTournamentTitle {
        display: none
    }
}

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

body .TournamentsTable__prizePool_extra {
    margin-top: 8px
}

body .TournamentsTable__currencyImage, body .TournamentsTable__currencySymbol, body .TournamentsTable__prizePool + .TournamentsTable__prizePool {
    margin-left: 6px
}

body .TournamentsTable__currencySymbol {
    min-width: 24px;
    padding: 0 6px;
    flex-shrink: 0;
    flex-grow: 0;
    height: 24px;
    border-radius: 16px;
    background-color: #b664dc;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

body .TournamentsTable__table {
    border-collapse: collapse;
    width: 100%;
    background: var(--base-surface);
    color: var(--base-text-primary);
    overflow: hidden;
    box-shadow: var(--base-card-shadow);
    table-layout: fixed
}

body .TournamentsTable__table td {
    min-height: 72px;
    overflow: hidden;
    padding: 16px 24px;
    white-space: nowrap
}

body .TournamentsTable__table svg {
    fill: var(--primary-solid)
}

body .TournamentsTable__table .TournamentsTable__rowActions {
    padding: 0
}

body .TournamentsTable__tableHeader td {
    background-color: var(--base-surface);
    border-bottom: 2px solid var(--base-background)
}

body .TournamentsTable__tableHeader td:not(:last-child) {
    border-right: 2px solid var(--base-background)
}

body .TournamentsTable__tableHeaderGroupCell {
    width: 92px
}

@media (max-width: 1023.98px) {
    body .TournamentsTable__tableHeaderGroupCell {
        text-align: center;
        padding: 16px 8px;
        width: 84px
    }

    body .TournamentsTable__tableHeaderTournamentCell {
        text-align: center;
        padding: 16px 8px;
        width: 127px
    }
}

body .TournamentsTable__tableHeaderPrizePoolCell {
    width: 192px;
    text-align: end
}

@media (max-width: 1023.98px) {
    body .TournamentsTable__tableHeaderPrizePoolCell {
        width: auto
    }
}

@media (max-width: 767.98px) {
    body .TournamentsTable__tableHeaderPrizePoolCell {
        text-align: center;
        padding: 16px 8px;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-wrap: break-word;
        overflow: hidden
    }
}

body .TournamentsTable__tableHeaderTimeCell {
    width: 182px
}

body .TournamentsTable__tableHeaderActionCell {
    width: 144px
}

body .TournamentsTable__tableVisibleBody tr {
    border-collapse: collapse;
    cursor: pointer
}

body .TournamentsTable__tableVisibleBody_selected {
    background: var(--base-elements)
}

body .TournamentsTable__groupCellImage img, body .TournamentsTable__groupCellImage svg {
    max-width: 48px;
    max-height: 48px;
    margin: 0 auto;
    display: block
}

body .TournamentsTable__tableExpandableBody {
    border-bottom: 1px solid var(--base-divider)
}

body .TournamentsTable__tableExpandableBody tr td {
    padding: 0
}

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

body .TournamentsTable__tableActionsCell svg {
    fill: var(--base-text-primary)
}

body .TournamentsTable__tableActionsCell > button {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center
}

body .TournamentsTable__list {
    display: block;
    width: 100%;
    background: var(--base-surface);
    color: var(--base-text-primary);
    overflow: hidden;
    box-shadow: var(--base-card-shadow)
}

body .TournamentsTable__listItemVisibleInfo {
    border-bottom: 1px solid var(--base-divider)
}

body .TournamentsTable__listItemVisibleInfo_selected {
    background: var(--base-elements)
}

body .TournamentsTable__listItemVisibleInfo > div {
    display: flex;
    width: 100%
}

body .TournamentsTable__listItemVisibleInfo > div .TournamentTimer {
    width: 100%;
    flex-direction: row;
    justify-content: space-between
}

body .TournamentsTable__listItemVisibleInfo > div .TournamentTimer .TournamentTimer__label {
    font-family: var(--secondary-font-family);
    text-transform: none;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 700
}

@media (max-width: 434.98px) {
    body .TournamentsTable__listItemVisibleInfo > div .TournamentTimer .TournamentTimer__label {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px
    }
}

body .TournamentsTable__listItemVisibleInfo > div > * {
    padding: 12px 16px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap
}

@media (max-width: 434.98px) {
    body .TournamentsTable__listItemVisibleInfo > div > * {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: var(--base-text-secondary)
    }
}

body .TournamentsTable__listItemVisibleInfo > div > :last-child:not(.TournamentTimer) {
    justify-content: flex-end
}

body .TournamentsTable__listItemExpandableInfo {
    border-bottom: 1px solid var(--base-divider)
}

body .TournamentsTable__listItemExpandButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    cursor: pointer;
    width: 100%
}

@media (max-width: 434.98px) {
    body .TournamentsTable__listItemExpandButton > div {
        font-weight: 400;
        font-size: 14px;
        line-height: 24px
    }
}

body .TournamentsTable__listItemExpandButton svg {
    width: 24px;
    fill: var(--primary-solid)
}

body .TournamentsTable .TournamentsDetails {
    width: 100%
}

body .TournamentsTable__emptyContainer {
    width: 100%;
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--base-surface)
}

@media (max-width: 767.98px) {
    body .TournamentsTable__emptyContainer {
        padding: 20px 19px
    }
}

body .TournamentsTable__emptyIcon {
    color: var(--primary-solid);
    width: 180px;
    height: 180px
}

@media (max-width: 1279.98px) {
    body .TournamentsTable__emptyIcon {
        width: 120px;
        height: 120px
    }
}

@media (max-width: 767.98px) {
    body .TournamentsTable__emptyIcon {
        width: 100px;
        height: 100px
    }
}

body .TournamentsTable__emptyTextContainer {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px
}

@media (max-width: 1279.98px) {
    body .TournamentsTable__emptyTextContainer {
        margin-top: 32px
    }
}

@media (max-width: 767.98px) {
    body .TournamentsTable__emptyTextContainer {
        margin-top: 20px
    }
}

body .TournamentsTable__emptyTitle {
    text-align: center;
    color: var(--base-text-primary)
}

body .TournamentsTable__emptyDescription {
    text-align: center;
    color: var(--base-text-secondary)
}

body .LeftPanel {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    max-width: inherit;
    height: 100%;
    left: 0
}

body .LeftPanel__menuIcon-wrapper:empty {
    width: 36px
}

body .LeftPanel__dropdownContainer {
    position: absolute;
    width: 1px;
    top: 15px;
    bottom: 15px;
    right: 0
}

body .LeftPanel__wrapper {
    display: block;
    position: relative;
    max-width: 100%
}

body .LeftPanel__scroll {
    height: 100%;
    background-color: var(--base-surface)
}

body .LeftPanel__scrollWrapper {
    height: calc(100vh + 16px);
    padding: 16px;
    overflow-y: auto;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    scrollbar-width: none
}

body .LeftPanel__scrollWrapper::-webkit-scrollbar {
    display: none
}

body .LeftPanel__panel {
    display: block;
    width: var(--sidebar-width);
    height: 100%;
    transition: width .3s linear;
    will-change: width
}

body .LeftPanel .LeftPanelSwitcher__arrow {
    position: absolute;
    right: 0;
    z-index: 2;
    top: 28px
}

body .LeftPanel__overlay {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(33, 37, 41, .8);
    transition: all .2s linear;
    opacity: 0;
    visibility: hidden
}

body .LeftPanel__overlay_isShown {
    opacity: 1;
    visibility: visible
}

body .LeftPanel .Feedback {
    height: 108px
}

body .LeftPanel .Feedback, body .LeftPanel .Feedback__iconsBlock, body .LeftPanel .Feedback__textBlock {
    transition: all .2s linear .1s
}

body .LeftPanel .Feedback__textBlock {
    opacity: 1;
    visibility: visible
}

body .LeftPanel .Feedback__iconsBlock, body .LeftPanel .Feedback__iconsBlock > * + * {
    transform: translate(0)
}

body .LeftPanel.relative {
    z-index: 1001;
    width: 100%
}

body .LeftPanel.relative .LeftPanel__wrapper {
    position: fixed;
    top: 0;
    width: inherit;
    height: auto;
    z-index: 10002
}

body .LeftPanel.absolute {
    z-index: 1001;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transition: transform .3s linear;
    transform: translateX(-100%)
}

body .LeftPanel.absolute .LeftPanelSwitcher {
    transition-delay: .3s;
    transition-property: opacity, visibility;
    opacity: 0;
    visibility: hidden
}

body .LeftPanel.isShown.absolute {
    transform: translateX(0)
}

body .LeftPanel.isShown.absolute .LeftPanelSwitcher {
    transition-delay: 0s;
    transition-property: opacity, visibility;
    opacity: 1;
    visibility: visible
}

body .LeftPanel.isCollapsed .ExpandableMenuItem__icon {
    display: none
}

body .LeftPanel.isCollapsed .LeftPanel__panel {
    width: 80px
}

body .LeftPanel.isCollapsed .LeftPanel__scrollWrapper > div > div {
    z-index: 2
}

body .LeftPanel.isCollapsed .LeftPanel__scrollWrapper > div:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1
}

body .LeftPanel.isCollapsed .GameCategoriesModal__button span.GameCategoriesModal__label {
    opacity: 0;
    transition-delay: 0s
}

body .LeftPanel.isCollapsed .GameCategoriesModal__button:before {
    margin-right: 0;
    transition-delay: 0s
}

body .LeftPanel.isCollapsed .GameCategoriesModal__button:after {
    opacity: 0;
    transition-delay: 0s
}

body .LeftPanel.isCollapsed .PlayerProgressButton {
    padding: 0 8px;
    gap: 0;
    justify-content: center
}

body .LeftPanel.isCollapsed .PlayerProgressButton .PlayerProgressButton__title {
    flex: 0 1;
    opacity: 0;
    width: 0;
    transition-delay: 0s
}

body .LeftPanel.isCollapsed .WheelOfFortune__wrapper {
    display: none
}

body .LeftPanel.isCollapsed .WheelOfFortune {
    padding: 16px 2px
}

body .LeftPanel.isCollapsed .WheelOfFortune:empty {
    display: none
}

body .LeftPanel.isCollapsed .LanguageSelectTypeA .LanguageSelectTypeA__arrow, body .LeftPanel.isCollapsed .LanguageSelectTypeA .LanguageSelectTypeA__label, body .LeftPanel.isCollapsed .LanguageSelectTypeB .LanguageSelectTypeB__arrow, body .LeftPanel.isCollapsed .LanguageSelectTypeB .LanguageSelectTypeB__label, body .LeftPanel.isCollapsed .LanguageSelectTypeC .LanguageSelectTypeC__arrow, body .LeftPanel.isCollapsed .LanguageSelectTypeC .LanguageSelectTypeC__label {
    opacity: 0;
    transition-delay: 0s
}

body .LeftPanel.isCollapsed .GamesSearchModal__button:before {
    margin-right: 0;
    transition-delay: 0s
}

body .LeftPanel.isCollapsed .GamesSearchModal__button span.GamesSearchModal__label {
    opacity: 0;
    transition-delay: 0s
}

body .LeftPanel.isCollapsed .Feedback {
    padding: 8px;
    height: 88px
}

body .LeftPanel.isCollapsed .Feedback__textBlock {
    opacity: 0;
    visibility: hidden
}

body .LeftPanel.isCollapsed .Feedback__iconsBlock {
    transform: translateY(calc(-100% - 8px))
}

body .LeftPanel.isCollapsed .Feedback__iconsBlock > * {
    margin-right: 0;
    min-width: 32px
}

body .LeftPanel.isCollapsed .Feedback__iconsBlock > * + * {
    transform: translate(-100%, calc(100% + 8px))
}

body .LeftPanel.isCollapsed .GameProvidersModal__button span.GameProvidersModal__label {
    opacity: 0;
    transition-delay: 0s
}

body .LeftPanel.isCollapsed .GameProvidersModal__button:before {
    margin-right: 0;
    transition-delay: 0s
}

body .LeftPanel.isCollapsed .GameProvidersModal__button:after {
    opacity: 0;
    transition-delay: 0s
}

body .LeftPanel.isCollapsed .Banner__content {
    padding: 0
}

body .LeftPanel.isCollapsed .Banner__title {
    opacity: 0
}

body .LeftPanel.isCollapsed .Banner__icon {
    left: -12px
}

body .LeftPanel.isCollapsed .Banner__backgroundGradient {
    opacity: 1
}

body .LeftPanel.boxShadow {
    box-shadow: 0 0 3px 10000px rgba(0, 0, 0, .6)
}

@media (max-width: 1279.98px) {
    body .LeftPanel, body .LeftPanel__overlay {
        display: none
    }
}

body .LeftPanelSwitcher__burger {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--base-elements)
}

body .LeftPanelSwitcher__burgerIcon {
    width: 24px;
    height: 24px;
    color: var(--primary-solid)
}

body .LeftPanelSwitcher__arrow {
    display: block;
    position: relative;
    transform: translateX(50%) rotate(-90deg);
    top: 28px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 50%;
    font-size: 0;
    line-height: 0;
    transition: all .3s linear;
    background-color: var(--base-elements)
}

body .LeftPanelSwitcher__arrow:after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    width: 16px;
    height: 16px;
    transform: translateX(-50%) translateY(-50%);
    background-color: var(--base-text-secondary);
    will-change: transform;
    -webkit-mask-image: url(/iconPack/arrow-down.svg);
    mask-image: url(/iconPack/arrow-down.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center
}

body .LeftPanelSwitcher__arrow:hover {
    background-color: var(--base-elements-hover)
}

body .LeftPanelSwitcher__arrow_isOpen {
    transform: translateX(50%) rotate(90deg)
}

@media (max-width: 1279.98px) {
    body .LeftPanelSwitcher {
        display: none
    }
}

body .ErrorComponent__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background: var(--base-background)
}

body .ErrorComponent__wrapper .Button_typePrimary {
    padding: 8px 16px;
    gap: 8px;
    min-width: 220px;
    width: auto;
    height: 40px;
    background: var(--primary-solid);
    color: var(--base-text-on-color-bg);
    font-weight: 600;
    font-family: var(--secondary-font-family)
}

body .ErrorComponent__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 814px;
    margin: auto;
    padding: 40px;
    background: var(--base-surface);
    text-align: center;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

@media (max-width: 1279.98px) {
    body .ErrorComponent__container {
        padding: 32px;
        max-width: 704px
    }
}

@media (max-width: 767.98px) {
    body .ErrorComponent__container {
        padding: 20px
    }
}

@media (max-width: 434.98px) {
    body .ErrorComponent__container {
        max-width: 280px
    }
}

body .ErrorComponent__logo {
    width: 180px;
    height: 180px;
    margin: 0 auto 40px;
    background: var(--base-elements);
    padding: 0 19px;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

@media (max-width: 767.98px) {
    body .ErrorComponent__logo {
        width: 120px;
        height: 120px;
        padding: 0 12px;
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    body .ErrorComponent__logo {
        width: 100px;
        height: 100px;
        padding: 0 10px;
        margin-bottom: 20px
    }
}

body .ErrorComponent__icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--base-divider)
}

body .ErrorComponent__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    text-align: center;
    color: var(--base-text-primary);
    margin-bottom: 8px
}

@media (max-width: 767.98px) {
    body .ErrorComponent__title {
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width: 434.98px) {
    body .ErrorComponent__title {
        font-size: 20px;
        line-height: 28px
    }
}

body .ErrorComponent__text {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: var(--base-text-secondary);
    margin-bottom: 40px;
    font-family: var(--secondary-font-family)
}

@media (max-width: 767.98px) {
    body .ErrorComponent__text {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    body .ErrorComponent__text {
        font-size: 12px;
        line-height: 20px;
        max-width: 240px;
        margin: 0 auto 20px
    }
}

body .SplitStack {
    display: flex;
    padding: var(--container-padding-desktop);
    gap: 24px
}

body .SplitStack_reverse {
    flex-direction: row-reverse
}

@media (max-width: 1279.98px) {
    body .SplitStack {
        gap: 16px;
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .SplitStack {
        overflow-y: auto;
        padding: var(--container-padding-mobile);
        gap: 12px
    }

    body .SplitStack::-webkit-scrollbar {
        width: 0
    }

    body .SplitStack::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 0
    }

    body .SplitStack::-webkit-scrollbar-thumb {
        background-color: transparent;
        border-radius: 0;
        border: 0
    }
}

body .SplitStack__navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    right: 16px;
    width: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    body .SplitStack__navigation {
        right: 8px
    }
}

body .SplitStack div.swiper-button-next, body .SplitStack div.swiper-button-prev {
    display: none
}

body .SplitStack__slideContent, body .SplitStack__stack {
    height: 356px
}

@media (max-width: 1919.98px) {
    body .SplitStack__slideContent, body .SplitStack__stack {
        height: 296px
    }
}

@media (max-width: 767.98px) {
    body .SplitStack__slideContent, body .SplitStack__stack {
        height: 268px
    }
}

body .SplitStack__stack {
    width: 100%;
    max-width: 50%
}

@media (max-width: 767.98px) {
    body .SplitStack__stack {
        max-width: calc(100% - 10px);
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% - 10px)
    }
}

body .SplitStack__slide {
    overflow: hidden
}

body .SplitStack__slideContent {
    justify-content: normal;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100%;
    flex-basis: auto;
    max-width: none;
    padding: 40px
}

@media (max-width: 1919.98px) {
    body .SplitStack__slideContent {
        padding: 24px 40px
    }
}

@media (max-width: 1279.98px) {
    body .SplitStack__slideContent {
        padding: 24px
    }
}

@media (max-width: 767.98px) {
    body .SplitStack__slideContent {
        padding: 16px 20px
    }
}

body .SplitStack .swiper {
    height: inherit
}

body .SplitStack .swiper-slide {
    height: auto !important
}

body .SplitStack .swiper-pagination-bullet {
    border: 1.4px solid var(--base-text-primary);
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-color: transparent;
    margin: 8px 0 !important;
    cursor: pointer
}

body .SplitStack .swiper-pagination-bullet-active {
    background-color: var(--base-text-primary)
}

body .SplitStack .swiper-button-next, body .SplitStack .swiper-button-prev {
    transform: rotate(90deg);
    width: 24px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    margin: 0;
    height: 24px
}

body .SplitStack .swiper-button-next:after, body .SplitStack .swiper-button-prev:after {
    display: none
}

body .SplitStack .swiper-button-next:before, body .SplitStack .swiper-button-prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-on-color-bg);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    pointer-events: all
}

body .SplitStack .swiper-button-next {
    padding: 0
}

body .SplitStack .swiper-button-next:before {
    transform: scaleX(-1)
}

body .SplitStack__pagination {
    top: auto !important;
    transform: none !important;
    max-height: 96px !important
}

body .SplitStack__pagination .swiper-pagination-bullet {
    opacity: 1;
    position: relative !important;
    transition-duration: .2s, .2s !important;
    transition-delay: 0s, 0s !important;
    transition-timing-function: ease, ease !important;
    transition-property: transform, top !important
}

body .SplitStack__pagination_pinToTop .swiper-pagination-bullet {
    top: 0 !important
}

body .SplitStack__pagination_pinFifth .swiper-pagination-bullet {
    top: -24px !important
}

body .SplitStack__pagination_full {
    height: 96px !important
}

body .SplitStack .swiper-pagination {
    width: 8px;
    display: flex;
    flex-direction: column;
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    overflow: hidden
}

body .SplitStack .swiper-pagination-bullets {
    transform: none
}

body .SplitStack .swiper-pagination-bullet {
    flex: 0 0 8px;
    transform: none !important
}

body .SplitStack .InfoBlockTypeA__infoCardTitle {
    max-width: 400px
}

@supports (-webkit-line-clamp:2) {
    body .SplitStack .InfoBlockTypeA__infoCardTitle {
        white-space: normal;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }
}

@media (max-width: 1919.98px) {
    body .SplitStack .InfoBlockTypeA__infoCardTitle {
        font-size: 24px;
        line-height: 32px
    }
}

@media (max-width: 1279.98px) {
    body .SplitStack .InfoBlockTypeA__infoCardTitle {
        max-width: 260px
    }
}

@media (max-width: 767.98px) {
    body .SplitStack .InfoBlockTypeA__infoCardTitle {
        font-size: 20px;
        line-height: 28px;
        max-width: 85%
    }

    @supports (-webkit-line-clamp:3) {
        body .SplitStack .InfoBlockTypeA__infoCardTitle {
            -webkit-line-clamp: 3
        }
    }
}

body .SplitStack .InfoBlockTypeA__infoCardDescription {
    max-height: 56px;
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    body .SplitStack .InfoBlockTypeA__infoCardDescription {
        max-height: 48px;
        font-size: 14px
    }
}

body .SplitStack .InfoBlockTypeA__infoCardDescription, body .SplitStack .InfoBlockTypeA__tags {
    max-width: 400px
}

@media (max-width: 1279.98px) {
    body .SplitStack .InfoBlockTypeA__infoCardDescription, body .SplitStack .InfoBlockTypeA__tags {
        max-width: 260px
    }
}

@media (max-width: 767.98px) {
    body .SplitStack .InfoBlockTypeA__infoCardDescription, body .SplitStack .InfoBlockTypeA__tags {
        margin-top: 12px;
        max-width: 85%
    }
}

body .SplitStack .InfoBlockTypeA__linkLabel {
    margin-top: auto;
    padding: 8px 16px;
    background-color: var(--primary-solid);
    border-radius: var(--radiusRegular)
}

body .Tags__dropdownList {
    max-height: 120px;
    overflow-y: auto
}

body .Tags__dropdownList::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .Tags__dropdownList::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .Tags__dropdownList::-webkit-scrollbar-thumb, body .Tags__dropdownList::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .Tags__dropdownList::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .Tags__dropdownList::-webkit-scrollbar {
        width: 6px
    }

    body .Tags__dropdownList::-webkit-scrollbar-thumb, body .Tags__dropdownList::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

@media (min-width: 767.98px) {
    body .Tags__dropdownList {
        right: auto !important;
        left: -1px !important
    }
}

@media (max-width: 767.98px) {
    body .Tags__dropdownList {
        left: auto;
        right: -1px
    }
}

body .Messages {
    display: block;
    overflow: hidden;
    max-width: 100%;
    padding: 40px
}

body .Messages__container {
    margin: 0 auto
}

@media (max-width: 1279.98px) {
    body .Messages {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .Messages {
        padding: 20px
    }

    body .Messages__container {
        max-width: 100%
    }
}

body .Message {
    background-color: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    padding: 40px;
    max-width: 814px;
    margin: 40px auto;
    width: 100%
}

body .Message__back {
    margin-bottom: 24px
}

body .Message__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 24px
}

body .Message__date {
    font-size: 1rem;
    line-height: 1.75rem;
    margin-bottom: 40px
}

body .Message__date, body .Message__description {
    font-weight: 400;
    color: var(--base-text-secondary)
}

body .Message__description {
    font-size: 1.25rem;
    line-height: 2rem
}

body .Message__description, body .Message__title {
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1023.98px) {
    body .Message {
        background-color: transparent;
        padding: 0;
        box-shadow: none
    }

    body .Message__title {
        font-size: 2.25rem;
        line-height: 3rem
    }

    body .Message__date {
        margin-bottom: 32px
    }
}

@media (max-width: 767.98px) {
    body .Message {
        background-color: transparent;
        padding: 0
    }

    body .Message__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .Message__description {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

body .MessageListItem__card {
    max-width: 100%;
    min-height: 192px;
    background: var(--base-surface);
    padding: 1px
}

body .MessageListItem__card_new {
    background: var(--primary-gradient);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

body .MessageListItem__wrapper {
    display: grid;
    grid-template-columns:1fr min-content;
    align-items: flex-end;
    justify-content: flex-start;
    max-width: 100%;
    height: 100%;
    padding: 24px;
    background-color: var(--base-surface)
}

body .MessageListItem__content {
    height: 100%;
    flex: 1 1 auto;
    max-width: inherit;
    margin-right: 40px;
    overflow: hidden
}

body .MessageListItem__link {
    flex: 0 0 auto;
    max-width: inherit
}

body .MessageListItem__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    max-width: 100%;
    margin-bottom: 8px
}

body .MessageListItem__date {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-secondary)
}

body .MessageListItem__new-message {
    display: block;
    max-width: inherit;
    background-color: var(--primary-solid);
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 700;
    padding: 2px 12px;
    color: var(--base-text-primary);
    text-transform: uppercase;
    margin-left: 8px
}

body .MessageListItem__arrowLink {
    display: none;
    margin-left: 4px;
    width: 24px;
    height: 24px;
    font-size: 0;
    line-height: 0;
    color: var(--base-text-secondary)
}

body .MessageListItem__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.25rem;
    line-height: 1.75rem;
    max-height: 56px;
    font-weight: 700;
    color: var(--base-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    margin-bottom: 12px
}

body .MessageListItem__title img {
    visibility: hidden
}

body .MessageListItem__description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    font-size: .875rem;
    line-height: 1.5rem;
    max-height: 72px;
    font-weight: 400;
    color: var(--base-text-secondary)
}

@media (max-width: 434.98px) {
    body .MessageListItem__card {
        min-height: auto
    }

    body .MessageListItem__wrapper {
        padding: 14px 16px 20px
    }

    body .MessageListItem__content {
        margin-right: 0
    }

    body .MessageListItem__date {
        font-size: .75rem;
        line-height: 1.25rem
    }

    body .MessageListItem__title {
        font-size: .875rem;
        line-height: 1.5rem;
        max-height: 48px
    }

    body .MessageListItem__text {
        font-size: .75rem;
        line-height: 1.25rem;
        max-height: 60px
    }

    body .MessageListItem__link {
        display: none
    }

    body .MessageListItem__arrowLink {
        display: block
    }
}

body .NoMessages {
    display: block;
    margin: 0 auto;
    max-width: 814px;
    width: 100%;
    padding: 40px;
    background: var(--base-surface)
}

body .NoMessages__icon {
    display: block;
    margin: 22px auto 62px;
    color: var(--primary-solid)
}

body .NoMessages__icon svg {
    width: 136px;
    height: 136px
}

body .NoMessages__title {
    font-size: 2.25rem;
    line-height: 3rem;
    font-weight: 700;
    text-align: center;
    color: var(--base-text-primary);
    margin-bottom: 8px
}

body .NoMessages__description {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    text-align: center;
    color: var(--base-text-secondary);
    margin-bottom: 40px
}

body .NoMessages__link {
    display: flex;
    justify-content: center;
    margin: 40px auto 0
}

@media (max-width: 767.98px) {
    body .NoMessages__icon {
        margin: 15px auto 47px
    }

    body .NoMessages__icon svg {
        width: 90px;
        height: 90px
    }

    body .NoMessages__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .NoMessages__description {
        margin-bottom: 32px
    }

    body .NoMessages__link {
        margin: 32px auto 0
    }
}

@media (max-width: 434.98px) {
    body .NoMessages__icon {
        margin: 12px auto 32px
    }

    body .NoMessages__icon svg {
        width: 75px;
        height: 75px
    }

    body .NoMessages__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .NoMessages__description {
        font-size: .875rem;
        line-height: 1.5rem;
        margin-bottom: 20px
    }

    body .NoMessages__link {
        margin: 20px auto 0
    }
}

body .MessagesList__back {
    margin-bottom: 16px
}

body .MessagesList__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 40px
}

body .MessagesList__list-wrapper {
    display: grid;
    max-width: 100%;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    grid-gap: 24px;
    margin-bottom: 24px
}

@media (max-width: 1439.98px) {
    body .MessagesList__list-wrapper {
        grid-template-columns:1fr
    }
}

@media (max-width: 767.98px) {
    body .MessagesList__title {
        font-size: 2.25rem;
        line-height: 3rem
    }
}

@media (max-width: 434.98px) {
    body .MessagesList__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .MessagesList__list-wrapper {
        grid-gap: 16px;
        margin-bottom: 16px
    }
}

body .Documents {
    display: block;
    max-width: 100%;
    overflow: hidden;
    padding: 40px
}

body .Documents__upload-block-text {
    max-width: 300px;
    width: 100%
}

body .Documents__upload-content {
    display: flex;
    flex-direction: column;
    grid-gap: 32px
}

body .Documents__backButton {
    margin-bottom: 16px
}

body .Documents__container {
    width: 100%;
    margin: 0 auto
}

body .Documents__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    margin-bottom: 40px
}

body .Documents__title {
    color: var(--base-text-primary);
    padding-right: 32px
}

body .Documents__body {
    display: flex;
    grid-gap: 32px
}

body .Documents__upload-description {
    color: var(--base-text-secondary)
}

body .Documents__upload-description_last {
    margin-top: 16px;
    word-break: break-word
}

body .Documents__upload-one-option {
    background-color: var(--base-elements);
    min-height: 40px;
    box-shadow: var(--base-input-normal-shadow);
    -webkit-box-shadow: var(--base-input-normal-shadow);
    width: 100%;
    padding: 8px 16px;
    margin-bottom: 16px;
    color: var(--base-text-primary)
}

body .Documents__upload-title {
    color: var(--base-text-primary);
    margin-bottom: 32px
}

body .Documents__player-documents-wrapper {
    width: 100%;
    padding: 32px;
    background: var(--base-surface)
}

body .Documents__upload {
    padding: 32px;
    background: var(--base-surface);
    height: max-content
}

body .Documents__upload-select .FieldSelect {
    margin-bottom: 16px
}

body .Documents__upload-button {
    max-width: inherit
}

body .Documents__input-file[type=file] {
    display: none
}

body .Documents__player-documents {
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-auto-flow: row dense;
    grid-column-gap: 24px;
    column-gap: 24px;
    grid-row-gap: 24px;
    row-gap: 24px
}

body .Documents__player-documents + ul {
    margin-top: 24px
}

@media (max-width: 1919.98px) {
    body .Documents {
        padding: 32px
    }

    body .Documents__upload-block-text {
        max-width: none;
        width: 100%
    }

    body .Documents__upload-block {
        max-width: 300px;
        width: 100%
    }

    body .Documents__player-documents {
        grid-template-columns:repeat(2, 1fr);
        column-gap: 16px;
        row-gap: 16px
    }
}

body .Documents__lessDesktop .Documents__player-documents_withUpload {
    grid-template-columns:repeat(1, 1fr)
}

body .Documents__isTablet .Documents {
    padding: 20px
}

body .Documents__isTablet .Documents__player-documents-wrapper, body .Documents__isTablet .Documents__upload {
    padding: 0;
    background: transparent
}

body .Documents__isTablet .Documents__upload-content {
    flex-direction: column
}

body .Documents__isTablet .Documents__upload-block {
    max-width: none;
    width: 100%
}

body .Documents__isTablet .Documents__header {
    display: block;
    margin-bottom: 32px
}

body .Documents__isTablet .Documents__title {
    margin-bottom: 32px;
    padding-right: 0
}

body .Documents__isTablet .Documents__player-documents {
    grid-template-columns:repeat(1, 1fr)
}

@media (max-width: 434.98px) {
    body .Documents__body {
        flex-direction: column
    }

    body .Documents__upload {
        flex-wrap: wrap;
        max-width: max-content
    }

    body .Documents__upload-description {
        margin-bottom: 16px;
        padding-right: 0
    }

    body .Documents__upload-button {
        width: 100%;
        max-width: 100%
    }

    body .Documents__player-documents {
        grid-template-columns:1fr
    }
}

body .DocumentStatus__status {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    box-shadow: var(--base-tooltip-shadow);
    -webkit-box-shadow: var(--base-tooltip-shadow);
    background-color: var(--base-elements);
    padding: 4px 12px;
    text-align: center
}

body .DocumentStatus__status_approved {
    color: var(--base-status-active)
}

body .DocumentStatus__status_uploaded {
    color: var(--base-status-expired)
}

body .DocumentStatus__status_inProgress {
    color: var(--base-status-pending)
}

body .DocumentStatus__status_declined {
    color: var(--base-status-canceled)
}

body .CardDocuments__player_body {
    padding: 8px 16px 0;
    display: flex;
    flex-direction: column;
    color: var(--base-text-primary);
    justify-content: space-between;
    height: 100%
}

body .CardDocuments__player_document-type {
    font-size: 16px;
    background: var(--base-elements-hover);
    text-align: center;
    padding: 8px 16px
}

body .CardDocuments__player_document-overflow {
    overflow: hidden
}

body .CardDocuments__player_document {
    display: flex;
    flex-direction: column;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    background-color: var(--base-elements);
    color: var(--base-text-primary)
}

body .CardDocuments__player_document_title {
    display: -webkit-box;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 28px
}

body .CardDocuments__player_document_reason {
    display: flex;
    gap: 8px;
    align-items: center
}

body .CardDocuments__player_document_date {
    color: var(--base-text-secondary);
    font-size: 14px;
    margin-bottom: 16px;
    line-height: 24px
}

body .CardDocuments__player_document_info {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    grid-gap: 16px
}

body .CardDocuments__player_document_status {
    display: flex;
    padding: 0 16px 8px
}

body .CardDocuments__player_document_icon {
    float: left
}

body .CardDocuments__player_document_icon .Icon {
    color: var(--base-text-secondary)
}

body .EmptyDocuments {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 464px;
    background-color: var(--base-surface);
    padding: 40px;
    margin: 0 auto;
    text-align: center
}

body .EmptyDocuments__icon {
    height: 180px;
    width: 180px;
    margin-bottom: 40px;
    color: var(--primary-solid)
}

body .EmptyDocuments__title {
    margin-bottom: 8px;
    color: var(--base-text-primary)
}

body .EmptyDocuments__description {
    margin-bottom: 40px;
    color: var(--base-text-secondary)
}

@media (max-width: 768px) {
    body .EmptyDocuments .EmptyDocuments {
        height: 372px
    }

    body .EmptyDocuments .EmptyDocuments__image {
        width: 105px;
        height: 90px
    }

    body .EmptyDocuments .EmptyDocuments__icon {
        margin-top: 30px
    }

    body .EmptyDocuments .EmptyDocuments__description {
        margin: 20px 0
    }

    body .EmptyDocuments .EmptyDocuments__description p {
        font-size: 14px
    }

    body .EmptyDocuments .EmptyDocuments__description h1 {
        font-size: 28px
    }
}

@media (max-width: 387px) {
    body .EmptyDocuments .EmptyDocuments {
        width: 280px;
        height: 276px
    }

    body .EmptyDocuments .EmptyDocuments__description {
        margin: 10px 0
    }

    body .EmptyDocuments .EmptyDocuments__description p {
        font-size: 12px
    }

    body .EmptyDocuments .EmptyDocuments__description h1 {
        font-size: 20px
    }

    body .EmptyDocuments .EmptyDocuments__image {
        width: 60px;
        height: 50px
    }

    body .EmptyDocuments .EmptyDocuments__icon {
        max-width: inherit;
        margin: 0 auto
    }
}

@media (max-width: 387px)and (max-width: 767.98px) {
    body .EmptyDocuments .EmptyDocuments__icon {
        width: 120px;
        height: 120px
    }

    body .EmptyDocuments .EmptyDocuments__description {
        margin-bottom: 32px
    }
}

@media (max-width: 387px)and (max-width: 434.98px) {
    body .EmptyDocuments .EmptyDocuments {
        padding: 20px
    }

    body .EmptyDocuments .EmptyDocuments__icon {
        width: 100px;
        height: 100px
    }

    body .EmptyDocuments .EmptyDocuments__description {
        margin-bottom: 20px
    }
}

body .LoadingDocument {
    background-color: var(--base-surface);
    box-shadow: 0 2px 8px rgba(0, 0, 0, .2);
    width: 100%;
    color: var(--base-text-primary);
    padding: 42px 16px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center
}

body .LoadingDocument__icon {
    width: 32px;
    height: 32px;
    margin: 0;
    color: var(--primary-solid);
    animation: spCircRot .6s linear infinite
}

body .LoadingDocument__description {
    font-size: 16px;
    color: var(--base-text-secondary);
    padding-top: 16px
}

body .Preloader {
    position: absolute;
    top: 0;
    z-index: 1000;
    background: #292b41;
    opacity: .8
}

body .Preloader, body .Preloader .Spinner {
    height: 100%;
    width: 100%
}

body .VerificationDocumentsModal {
    padding: 0 24px;
    max-height: 400px
}

@media screen and (max-width: 768px) {
    body .VerificationDocumentsModal {
        padding: 0 20px
    }
}

body .VerificationDocumentsModal__description {
    color: var(--base-text-secondary)
}

@media screen and (max-width: 768px) {
    body .VerificationDocumentsModal__description {
        font-size: 14px
    }
}

body .VerificationDocumentsModal__buttons {
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex;
    justify-content: flex-end
}

body .VerificationDocumentsModal__buttons button {
    width: auto;
    min-width: 86px
}

body .VerificationDocumentsModal__buttons .LinkButton {
    padding-right: 16px
}

body .VerificationDocumentsModal__buttons .LinkButton:last-child {
    padding-right: 0
}

@media screen and (max-width: 768px) {
    body .VerificationDocumentsModal__buttons {
        display: flex;
        justify-content: space-between
    }

    body .VerificationDocumentsModal__buttons .LinkButton {
        width: 100%
    }
}

body .KycAidModal__KycAidError .Modal {
    max-width: 814px;
    color: var(--base-text-secondary)
}

@media (max-width: 399.98px) {
    body .KycAidModal__KycAidError .Modal {
        max-width: 280px
    }
}

@media (max-width: 767.98px) {
    body .KycAidModal__KycAidError .Modal {
        max-width: 704px
    }
}

body .KycAidModal__KycAidError .Modal svg {
    color: var(--primary-solid)
}

body .KycAidModal__KycAidError .Modal .KycAIDError {
    padding: 0 20px 20px
}

body .KycAidModal__KycAidError .Modal .KycAIDError__title {
    text-align: center;
    font-size: 36px
}

body .KycAidModal__KycAidError .Modal .KycAIDError__message {
    margin-top: 8px;
    font-size: 16px;
    text-align: center
}

body .KycAidModal__KycAidError .Modal .KycAIDError__buttons {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

body .KycAidModal__KycAidError .Modal .KycAIDError__buttons button {
    width: auto
}

body .KycAidModal__KycAidIframe .Modal {
    width: 90%;
    max-width: 1560px;
    height: 90%
}

@media (max-width: 399.98px) {
    body .KycAidModal__KycAidIframe .Modal {
        max-width: 280px
    }
}

@media (max-width: 767.98px) {
    body .KycAidModal__KycAidIframe .Modal {
        max-width: 704px
    }
}

@media (max-width: 1279.98px) {
    body .KycAidModal__KycAidIframe .Modal {
        max-width: 920px
    }
}

body .KycAidModal__KycAidIframe .Modal iframe {
    height: 100%;
    border: none
}

body .KycAidModal__KycAidError .Modal__header, body .KycAidModal__KycAidIframe .Modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px
}

body .KycAidModal__KycAidError .Modal__header button, body .KycAidModal__KycAidIframe .Modal__header button {
    position: static
}

body .ResponsibleGaming {
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
    justify-content: center
}

body .ResponsibleGaming__card {
    color: var(--base-text-primary);
    background-color: var(--base-surface);
    max-width: 814px;
    width: 100%;
    padding: 40px;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

@media (max-width: 1279.98px) {
    body .ResponsibleGaming__card {
        background-color: transparent;
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .ResponsibleGaming__card {
        padding: 20px
    }
}

body .ResponsibleGaming__title {
    margin-top: 24px;
    margin-bottom: 24px
}

@media (max-width: 767.98px) {
    body .ResponsibleGaming__title {
        margin: 16px 0
    }
}

@media (max-width: 399.98px) {
    body .ResponsibleGaming__title {
        letter-spacing: -.0025em
    }
}

body .ResponsibleGaming__controls {
    margin-top: 24px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 767.98px) {
    body .ResponsibleGaming__controls {
        flex-direction: column;
        margin-top: 32px
    }

    body .ResponsibleGaming__controls > * {
        width: 100%
    }
}

body .ResponsibleGaming__controls > :last-child {
    margin-top: 16px
}

body .ResponsibleGaming__addButton {
    width: auto
}

body .ResponsibleGaming__addButton .Button__text {
    min-width: min-content
}

@media (max-width: 434.98px) {
    body .ResponsibleGaming__addButton .Button__text {
        max-width: unset
    }
}

@media (max-width: 767.98px) {
    body .ResponsibleGaming__addButton {
        width: 100%
    }
}

body .ResponsibleGaming__addButton img {
    width: 17px;
    height: auto;
    position: relative;
    top: 4px
}

body .ResponsibleGaming__emptyMessage {
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .ResponsibleGaming__tabs-switcher {
        display: none
    }
}

body .ResponsibleGaming__tabs-switcher li {
    width: auto
}

body .ResponsibleGaming__tabs-select {
    display: none
}

@media (max-width: 767.98px) {
    body .ResponsibleGaming__tabs-select {
        display: block
    }
}

body .ResponsibleGaming__limit-container > div:not(:last-child) {
    margin-bottom: 24px
}

body .ResponsibleGamingHint {
    margin-top: 40px;
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .ResponsibleGamingHint {
        margin-top: 32px
    }
}

body .ResponsibleGamingHint > p:not(:last-child) {
    margin-bottom: 12px
}

body .ResponsibleGamingProgress {
    width: 100%;
    height: 4px;
    background-color: var(--base-elements-hover)
}

body .ResponsibleGamingProgress__progressBar {
    height: 100%;
    background-color: var(--primary-solid)
}

body .ResponsibleGamingLimit {
    background-color: var(--base-elements);
    padding: 24px;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    position: relative;
    font-family: var(--secondary-font-family)
}

@media (max-width: 434.98px) {
    body .ResponsibleGamingLimit {
        padding: 16px;
        font-size: 14px
    }
}

body .ResponsibleGamingLimit__title {
    margin-bottom: 16px;
    font-weight: 700
}

body .ResponsibleGamingLimit__row {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px solid var(--base-divider);
    margin-bottom: 12px;
    margin-top: 0
}

body .ResponsibleGamingLimit__row:last-of-type {
    border-bottom: none;
    margin-bottom: 0
}

body .ResponsibleGamingLimit__alertText, body .ResponsibleGamingLimit__creationDate, body .ResponsibleGamingLimit__label {
    color: var(--base-text-secondary)
}

body .ResponsibleGamingLimit__value {
    color: var(--base-text-primary);
    font-weight: 700
}

body .ResponsibleGamingLimit__currency {
    color: var(--base-text-secondary)
}

body .ResponsibleGamingLimit__alert {
    padding: 18px;
    border: 1px solid var(--base-warning);
    margin-top: 16px;
    display: flex
}

body .ResponsibleGamingLimit__alertIcon {
    width: 22px;
    height: 22px
}

body .ResponsibleGamingLimit__alertIcon .Icon {
    color: var(--base-warning)
}

body .ResponsibleGamingLimit__alertText {
    margin-left: 8px
}

body .ResponsibleGamingLimit__creationDate {
    width: 100%;
    text-align: right;
    margin-top: 16px
}

@media (max-width: 434.98px) {
    body .ResponsibleGamingLimit__creationDate {
        font-size: 12px
    }
}

body .AddGamingLimitModal__modal-body {
    overflow-y: auto;
    margin-left: 24px;
    padding-right: 24px;
    margin-bottom: 16px
}

body .AddGamingLimitModal__modal-body p {
    color: var(--base-text-secondary);
    line-height: 28px
}

body .AddGamingLimitModal__modal-body p:last-of-type {
    margin-top: 10px;
    margin-bottom: 24px
}

body .AddGamingLimitModal__field-select label {
    padding-left: 8px
}

body .AddGamingLimitModal__field-select .FieldSelect__error {
    padding-left: 8px;
    font-size: 12px
}

body .AddGamingLimitModal__field-input-wrapper {
    position: relative
}

body .AddGamingLimitModal__input-currency {
    position: absolute;
    top: 37px;
    right: 16px;
    font-size: 14px;
    color: var(--base-text-secondary);
    z-index: 50
}

body .AddGamingLimitModal__field-input input {
    padding-right: 50px
}

body .AddGamingLimitModal__field-input .FieldText__error {
    padding-left: 8px
}

body .AddGamingLimitModal__buttons-block {
    display: flex;
    justify-content: flex-end
}

body .AddGamingLimitModal__buttons-block button {
    width: auto
}

@media (max-width: 767.98px) {
    body .AddGamingLimitModal__buttons-block button {
        flex: 1 1
    }
}

body .AddGamingLimitModal__buttons-block > :not(:last-child) {
    margin-right: 16px
}

body .ResponsibleGamingLimitMenu__btn {
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: none;
    position: absolute;
    top: 28px;
    right: 24px;
    cursor: pointer;
    color: var(--base-text-secondary)
}

body .ResponsibleGamingLimitMenu__menu {
    background: var(--base-elements);
    min-width: 112px;
    padding: 8px 16px;
    position: absolute;
    top: 52px;
    right: 24px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12)
}

body .ResponsibleGamingLimitMenu__menu-item {
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    color: var(--base-text-primary);
    height: 40px;
    min-width: 80px;
    display: flex;
    align-items: center
}

body .DeleteLimitConfirmModal__modal-body {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 16px
}

body .DeleteLimitConfirmModal__subtitle {
    font-size: 16px;
    color: var(--base-text-secondary)
}

body .DeleteLimitConfirmModal__buttons-block {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end
}

body .DeleteLimitConfirmModal__buttons-block button {
    font-weight: 600;
    width: auto
}

@media (max-width: 767.98px) {
    body .DeleteLimitConfirmModal__buttons-block button {
        flex: 1 1
    }
}

body .DeleteLimitConfirmModal__buttons-block > :not(:last-child) {
    margin-right: 16px
}

body .PlayerLimitModalResult__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 16px
}

body .PlayerLimitModalResult__icon {
    margin: 0 auto;
    width: 60px;
    height: 38px
}

body .PlayerLimitModalResult__icon .Icon {
    color: var(--primary-solid)
}

body .PlayerLimitModalResult__title {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    margin-top: 36px;
    color: var(--base-text-primary)
}

body .PlayerLimitModalResult__title:first-letter {
    text-transform: uppercase
}

body .PlayerLimitModalResult__subtitle {
    font-size: 16px;
    margin-top: 16px;
    color: var(--base-text-secondary);
    text-align: center
}

body .PlayerLimitModalResult__btn {
    width: auto;
    min-width: 200px;
    margin-top: 28px;
    font-weight: 600
}

body .EditGamingLimitModal__modal-body {
    margin-left: 24px;
    margin-right: 24px;
    margin-bottom: 16px
}

body .EditGamingLimitModal__text-block {
    display: flex;
    border: 1px solid var(--base-warning);
    padding: 16px;
    margin-bottom: 24px
}

body .EditGamingLimitModal__text-block-icon {
    padding-right: 9px;
    align-self: flex-start
}

body .EditGamingLimitModal__text-block-icon .Icon {
    color: var(--base-warning)
}

body .EditGamingLimitModal__text-block-paragraph {
    color: var(--base-text-secondary);
    line-height: 28px
}

body .EditGamingLimitModal__field-select label {
    padding-left: 8px
}

body .EditGamingLimitModal__field-select .FieldSelect__error {
    padding-left: 8px;
    font-size: 12px
}

body .EditGamingLimitModal__field-input-wrapper {
    position: relative
}

body .EditGamingLimitModal__input-currency {
    position: absolute;
    top: 37px;
    right: 16px;
    font-size: 14px;
    color: var(--base-text-secondary);
    z-index: 50
}

body .EditGamingLimitModal__field-input input {
    padding-right: 50px
}

body .EditGamingLimitModal__field-input .FieldText__error {
    padding-left: 8px
}

body .EditGamingLimitModal__buttons-block {
    display: flex;
    justify-content: flex-end
}

body .EditGamingLimitModal__buttons-block button {
    font-weight: 600;
    width: auto
}

@media (max-width: 767.98px) {
    body .EditGamingLimitModal__buttons-block button {
        flex: 1 1
    }
}

body .EditGamingLimitModal__buttons-block > :not(:last-child) {
    margin-right: 16px
}

body .SelfExclusionModal__modal-body {
    padding: 0 24px 16px
}

body .SelfExclusionModal__modal-body .FieldText__label, body .SelfExclusionModal__modal-body .rc-picker-time-panel {
    display: none
}

@media (max-width: 434.98px) {
    body .SelfExclusionModal__modal-body .rc-picker-dropdown-range {
        left: auto
    }
}

body .SelfExclusionModal__modal-spinner {
    min-height: 150px !important
}

body .SelfExclusionModal__warning {
    border: 1px solid var(--base-warning);
    padding: 16px;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 24px;
    display: flex;
    align-items: flex-start
}

body .SelfExclusionModal__warning_warning2 {
    border: none;
    padding: 0
}

body .SelfExclusionModal__warning-icon-wrapper {
    padding-top: 1px;
    padding-right: 9px
}

body .SelfExclusionModal__warning-icon-wrapper .Icon {
    color: var(--base-text-primary)
}

body .SelfExclusionModal__warning-icon {
    width: 22px;
    height: 22px
}

body .SelfExclusionModal__buttons-wrapper {
    display: flex;
    justify-content: flex-end
}

@media (max-width: 767.98px) {
    body .SelfExclusionModal__buttons-wrapper {
        flex-direction: column
    }
}

body .SelfExclusionModal__button {
    width: auto
}

body .SelfExclusionModal__button_save {
    margin-left: 15px
}

@media (max-width: 767.98px) {
    body .SelfExclusionModal__button_save {
        margin-left: 0;
        margin-top: 16px
    }

    body .SelfExclusionModal__button {
        flex: 1 1
    }
}

body .DeprecatedBrowser {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--base-background)
}

body .DeprecatedBrowser__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 814px;
    padding: 40px;
    background: var(--base-surface)
}

@media (max-width: 1279.98px) {
    body .DeprecatedBrowser__content {
        width: 704px
    }
}

@media (max-width: 767.98px) {
    body .DeprecatedBrowser__content {
        margin: 0 20px;
        width: 100%;
        padding: 20px
    }
}

body .DeprecatedBrowser__icon {
    width: 180px;
    height: 180px;
    padding: 30px;
    color: var(--primary-solid)
}

body .DeprecatedBrowser__icon_bitz {
    background-color: var(--base-elements)
}

body .DeprecatedBrowser__icon .Icon, body .DeprecatedBrowser__icon span, body .DeprecatedBrowser__icon svg {
    width: 100%;
    height: 100%
}

@media (max-width: 767.98px) {
    body .DeprecatedBrowser__icon {
        width: 120px;
        height: 120px;
        padding: 20px
    }
}

body .DeprecatedBrowser__description, body .DeprecatedBrowser__title {
    text-align: center
}

body .DeprecatedBrowser__title {
    color: var(--base-text-primary);
    margin-top: 40px
}

body .DeprecatedBrowser__title_bitz {
    font-weight: 700
}

@media (max-width: 1279.98px) {
    body .DeprecatedBrowser__title {
        margin-top: 32px
    }
}

@media (max-width: 767.98px) {
    body .DeprecatedBrowser__title {
        margin-top: 20px
    }
}

body .DeprecatedBrowser__description {
    margin-top: 8px;
    color: var(--base-text-secondary)
}

body .Sportsbook {
    position: relative;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .Sportsbook {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .Sportsbook {
        padding: var(--container-padding-mobile)
    }
}

@media (max-width: 434.98px) {
    body .Sportsbook {
        padding: unset
    }
}

body .Sportsbook__spinner {
    margin-top: 40px
}

body .Sportsbook__stub {
    margin: auto;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url(/img/sportsbook/sportsbook_1280.webp);
    background-size: 100%;
    height: 61vh;
    width: 100%
}

@media (max-width: 1279.98px) {
    body .Sportsbook__stub {
        background-image: url(/img/sportsbook/sportsbook_768.webp);
        background-size: 90%;
        height: 78vh
    }
}

@media (max-width: 434.98px) {
    body .Sportsbook__stub {
        background-image: url(/img/sportsbook/sportsbook_320.webp);
        background-size: 100%;
        height: 45vh
    }
}

body .Sportsbook__error-block {
    position: static;
    margin-top: 40px;
    margin-bottom: 20px
}

body .Sportsbook__error-block .ErrorComponent__logo {
    box-shadow: none;
    background: transparent
}

body .Sportsbook__error-block .ErrorComponent__logo svg {
    width: 129px;
    height: 129px
}

body .Atlas__iframe {
    border-style: none;
    height: 100%;
    min-height: calc(100vh - 88px);
    width: 100%
}

body .Betby__error-block {
    position: static;
    margin-top: 40px
}

body .Betby__spinner {
    margin-top: 40px
}

body .TurboBet {
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    height: calc(var(--vh, 1vh) * 100 - var(--height-header-sidebar) - var(--safe-area-inset-bottom) + var(--page-y-offset))
}

body .LanguageSelectTypeA {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 8px;
    background-color: var(--base-elements);
    text-align: left;
    overflow: hidden;
    transition: background-color .3s ease-in-out;
    white-space: nowrap
}

body .LanguageSelectTypeA:not(:disabled):hover {
    background-color: var(--base-elements-hover)
}

body .LanguageSelectTypeA .Flag {
    flex: 0 0 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    margin-left: 3px;
    margin-right: 11px;
    object-fit: contain;
    object-position: center;
    color: var(--base-text-secondary)
}

body .LanguageSelectTypeA__label {
    flex: 0 0 auto;
    max-width: inherit;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-primary);
    text-transform: capitalize;
    white-space: nowrap;
    transition: opacity .2s linear;
    opacity: 1;
    transition-delay: .2s
}

body .LanguageSelectTypeA .withoutIcon {
    padding-left: 8px
}

body .LanguageSelectTypeA__arrow {
    flex: 0 0 24px;
    max-width: 24px;
    content: "";
    width: 24px;
    height: 24px;
    color: var(--base-text-placeholder);
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: opacity .2s linear;
    transition-delay: .2s;
    opacity: 1;
    margin-left: auto
}

body .LanguageSelectTypeA__overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

body .LanguageSelectTypeA__wrapper {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    background-color: var(--base-background);
    max-width: 480px;
    width: 100%;
    height: 100%;
    animation: show .2s forwards
}

body .LanguageSelectTypeA__header {
    display: flex;
    width: 100%;
    height: 80px;
    padding: 20px 40px;
    justify-content: space-between;
    align-items: center;
    color: var(--base-text-primary)
}

body .LanguageSelectTypeA__content {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    padding: 16px;
    overflow: hidden;
    max-height: calc(100% - 80px);
    min-height: 0;
    border-top: 1px solid var(--base-divider)
}

body .LanguageSelectTypeA__title {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(100% - 40px);
    max-width: calc(100% - 40px);
    margin-right: 20px;
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: var(--base-text-secondary)
}

body .LanguageSelectTypeA__close {
    flex: 0 0 40px;
    max-width: 40px;
    position: relative;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    background-color: var(--base-elements);
    transition: all .3s ease-in-out;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .LanguageSelectTypeA__close:hover {
    background-color: var(--base-elements-hover)
}

body .LanguageSelectTypeA__close:active {
    box-shadow: var(--base-button-active-shadow);
    -webkit-box-shadow: var(--base-button-active-shadow)
}

body .LanguageSelectTypeA__close_icon {
    position: absolute;
    right: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    outline: none;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    color: var(--base-text-primary);
    transition: all .3s ease-in-out;
    box-shadow: none
}

body .LanguageSelectTypeA__grid {
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:1fr;
    grid-row-gap: 20px;
    width: 100%;
    max-height: 100%;
    padding: 24px;
    overflow-x: hidden;
    overflow-y: auto
}

body .LanguageSelectTypeA__grid::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .LanguageSelectTypeA__grid::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .LanguageSelectTypeA__grid::-webkit-scrollbar-thumb, body .LanguageSelectTypeA__grid::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .LanguageSelectTypeA__grid::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .LanguageSelectTypeA__grid::-webkit-scrollbar {
        width: 6px
    }

    body .LanguageSelectTypeA__grid::-webkit-scrollbar-thumb, body .LanguageSelectTypeA__grid::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

@media (max-width: 767.98px) {
    body .LanguageSelectTypeA__wrapper {
        max-width: 320px
    }

    body .LanguageSelectTypeA__header {
        padding: 16px 20px
    }

    body .LanguageSelectTypeA__content {
        max-height: calc(100% - 72px);
        padding: 8px
    }

    body .LanguageSelectTypeA__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .LanguageSelectTypeA__grid {
        padding: 12px
    }
}

body .Header__lang .LanguageSelectTypeA__button {
    margin-bottom: 0
}

body .LanguageSelectTypeB {
    position: relative
}

body .LanguageSelectTypeB__button {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 8px;
    background-color: var(--base-elements);
    text-align: left;
    overflow: hidden;
    transition: background-color .3s ease-in-out;
    white-space: nowrap;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .LanguageSelectTypeB__button:not(:disabled):hover {
    background-color: var(--base-elements-hover)
}

body .LanguageSelectTypeB__button .Flag {
    flex: 0 0 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    margin-left: 3px;
    margin-right: 11px;
    object-fit: contain;
    object-position: center;
    color: var(--base-text-secondary)
}

body .LanguageSelectTypeB__langSelect {
    display: block
}

body .LanguageSelectTypeB__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-width: 40px;
    font-size: 0;
    line-height: 0;
    padding: 8px 36px 8px 8px;
    background: var(--base-elements);
    transition: all .3s ease-in-out;
    overflow: hidden;
    cursor: pointer
}

body .LanguageSelectTypeB__item:not(:disabled):hover {
    background: var(--base-elements-hover)
}

@media (max-width: 767.98px) {
    body .LanguageSelectTypeB__item {
        padding: 8px
    }
}

body .LanguageSelectTypeB__item .Flag {
    flex: 0 0 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    margin-left: 3px;
    margin-right: 11px;
    object-fit: contain;
    object-position: center;
    color: var(--base-text-secondary)
}

body .LanguageSelectTypeB__label {
    flex: 0 0 auto;
    max-width: inherit;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-primary);
    text-transform: capitalize;
    white-space: nowrap;
    transition: opacity .2s linear;
    opacity: 1;
    transition-delay: .2s
}

body .LanguageSelectTypeB__selected {
    display: flex;
    align-items: center;
    color: var(--base-text-primary);
    text-transform: uppercase
}

body .LanguageSelectTypeB__image {
    width: 20px;
    height: 20px;
    object-fit: contain
}

body .LanguageSelectTypeB__suggestion {
    position: absolute;
    right: 0;
    z-index: 10;
    min-width: 120px;
    background: var(--base-elements);
    padding: 8px 0;
    cursor: pointer;
    overflow-y: auto;
    min-height: 50px;
    width: 100%;
    box-shadow: var(--base-button-normal-shadow)
}

body .LanguageSelectTypeB__suggestion::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .LanguageSelectTypeB__suggestion::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .LanguageSelectTypeB__suggestion::-webkit-scrollbar-thumb, body .LanguageSelectTypeB__suggestion::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .LanguageSelectTypeB__suggestion::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .LanguageSelectTypeB__suggestion::-webkit-scrollbar {
        width: 6px
    }

    body .LanguageSelectTypeB__suggestion::-webkit-scrollbar-thumb, body .LanguageSelectTypeB__suggestion::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .LanguageSelectTypeB__suggestion:after {
    position: absolute;
    content: "";
    bottom: 100%;
    right: 0;
    width: 100%;
    height: 8px
}

body .LanguageSelectTypeB__suggestion .SelectLanguage__item {
    padding: 10px 16px;
    border-radius: 0;
    width: 100%
}

body .LanguageSelectTypeB__suggestion .SelectLanguage__title {
    text-transform: capitalize;
    display: block
}

body .LanguageSelectTypeB__bitzLang {
    position: relative
}

body .LanguageSelectTypeB__bitzLang .LanguageSelectTypeB__item {
    padding-left: 20px
}

body .LanguageSelectTypeB__bitzLang .LanguageSelectTypeB__item:not(:disabled):hover {
    background-color: unset
}

body .LanguageSelectTypeB__bitzLang .LanguageSelectTypeB__selected:hover button {
    color: var(--primary-solid) !important
}

body .LanguageSelectTypeB__bitzButton {
    border-bottom: 1px solid var(--base-divider)
}

body .LanguageSelectTypeB__arrow {
    position: absolute;
    right: 8px;
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-down.svg);
    mask-image: url(/iconPack/arrow-down.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    transform-origin: center
}

body .LanguageSelectTypeB__arrow_open {
    transform: scaleY(-1)
}

body .LanguageSelectTypeC {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    padding: 8px;
    background-color: var(--base-elements);
    text-align: left;
    overflow: hidden;
    transition: background-color .3s ease-in-out;
    white-space: nowrap;
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow)
}

body .LanguageSelectTypeC:not(:disabled):hover {
    background-color: var(--base-elements-hover)
}

body .LanguageSelectTypeC .Flag {
    flex: 0 0 24px;
    max-width: 24px;
    width: 24px;
    height: 24px;
    margin-left: 3px;
    margin-right: 11px;
    object-fit: contain;
    object-position: center;
    color: var(--base-text-secondary)
}

body .LanguageSelectTypeC__label {
    flex: 0 0 auto;
    max-width: inherit;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-primary);
    text-transform: capitalize;
    white-space: nowrap;
    transition: opacity .2s linear;
    opacity: 1;
    transition-delay: .2s
}

body .LanguageSelectTypeC__arrow {
    flex: 0 0 24px;
    max-width: 24px;
    content: "";
    width: 24px;
    height: 24px;
    color: var(--base-text-placeholder);
    -webkit-mask-size: cover;
    mask-size: cover;
    transition: opacity .2s linear;
    transition-delay: .2s;
    opacity: 1;
    margin-left: auto
}

body .LanguageSelectTypeC__overlay {
    position: fixed;
    top: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

body .LanguageSelectTypeC__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background-color: var(--base-background);
    animation: show .2s forwards;
    transform: translate(-50%, -50%);
    padding: 40px;
    max-width: 704px;
    width: 100%
}

body .LanguageSelectTypeC__search {
    margin: 24px 0;
    height: 40px
}

body .LanguageSelectTypeC__title {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: var(--base-text-secondary)
}

body .LanguageSelectTypeC__close {
    position: absolute;
    top: 17px;
    right: 17px;
    width: 17px;
    height: 17px
}

body .LanguageSelectTypeC__close path {
    fill: var(--base-text-secondary)
}

body .LanguageSelectTypeC__grid {
    width: 100%;
    max-height: 400px;
    display: flex;
    flex-wrap: inherit;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 26px;
    gap: 24px;
    overflow-y: auto
}

body .LanguageSelectTypeC__grid::-webkit-scrollbar {
    width: 0
}

@media (max-width: 767.98px) {
    body .LanguageSelectTypeC__grid {
        padding: 0;
        max-height: 350px
    }
}

@media (max-width: 434.98px) {
    body .LanguageSelectTypeC__grid {
        padding: 0;
        max-height: 350px
    }
}

body .LanguageSelectTypeC__item {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    display: flex;
    width: 170px;
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .LanguageSelectTypeC__item {
        max-width: 100px
    }
}

body .LanguageSelectTypeC .isActive {
    color: var(--primary-solid)
}

@media (max-width: 767.98px) {
    body .LanguageSelectTypeC__wrapper {
        max-width: 320px
    }

    body .LanguageSelectTypeC__content {
        max-height: calc(100vh - 72px);
        padding: 8px
    }

    body .LanguageSelectTypeC__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

body .LanguageSelectTypeC__searchField {
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin: 24px 0;
    position: relative
}

body .LanguageSelectTypeC__searchField .FieldText {
    margin-bottom: 0
}

body .LanguageSelectTypeC__searchField .FieldText__wrapper {
    display: block;
    opacity: 1;
    transition: all .2s linear
}

body .LanguageSelectTypeC__searchField .FieldText__input {
    padding-left: 40px
}

body .LanguageSelectTypeC__searchField .FieldText__error {
    display: none
}

body .LanguageSelectTypeC__searchIcon {
    position: absolute;
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px
}

body .LanguageSelectTypeC__searchIcon path {
    fill: var(--primary-solid)
}

body .LanguageSelectTypeC__searchClean {
    right: 8px;
    position: absolute;
    top: 8px;
    width: 24px;
    height: 24px
}

body .LanguageSelectTypeC__searchClean path {
    fill: var(--base-text-secondary)
}

@keyframes show {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

body .NoContent__container {
    display: block;
    max-width: 100%;
    width: 100%;
    padding: 40px;
    background-color: var(--base-background);
    overflow: hidden
}

@media (max-width: 1279.98px) {
    body .NoContent__container {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .NoContent__container {
        padding: 20px
    }
}

body .NoContent__icon {
    width: 48px;
    height: 48px;
    margin: 0 auto
}

body .NoContent__icon, body .NoContent__text {
    display: block;
    color: var(--base-text-placeholder)
}

body .NoContent__text {
    text-align: center;
    margin-top: 16px;
    font-family: var(--primary-font-family);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500
}

body .isCollapsed .NoContent__container {
    padding: 4px
}

body .isCollapsed .NoContent__icon {
    width: 32px;
    height: 32px
}

body .isCollapsed .NoContent__text {
    margin-top: 8px;
    font-size: 12px;
    line-height: 1
}

body .Header .NoContent__container, body .LeftPanel__dropdownContainer .NoContent__container, body .LeftPanel__menu .NoContent__container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 16px 0
}

@media (max-width: 1023.98px) {
    body .Header .NoContent__container, body .LeftPanel__dropdownContainer .NoContent__container, body .LeftPanel__menu .NoContent__container {
        display: none
    }
}

body .Header .NoContent__icon, body .LeftPanel__dropdownContainer .NoContent__icon, body .LeftPanel__menu .NoContent__icon {
    margin: 0 16px 0 0;
    width: auto;
    height: auto
}

body .Header .NoContent__text, body .LeftPanel__dropdownContainer .NoContent__text, body .LeftPanel__menu .NoContent__text {
    margin: 0
}

body .LeftPanel__menu .NoContent__container {
    padding: 16px
}

body .LeftPanel.isCollapsed .NoContent__container {
    max-width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 5px
}

body .LeftPanel.isCollapsed .NoContent__icon {
    width: inherit;
    height: inherit;
    margin: 0 auto 12px
}

body .BottomMenuTypeB .NoContent {
    justify-content: space-evenly
}

body .BottomMenuTypeB .NoContent__container {
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 5px
}

body .BottomMenuTypeB .NoContent__text {
    font-size: .6rem;
    margin-top: 0;
    line-height: normal
}

body .BottomMenuTypeB .NoContent__icon {
    width: 50%;
    height: 24px;
    margin: .5rem auto
}

body .WalletModal__wrapper {
    padding: 0 24px 24px;
    color: var(--base-text-primary)
}

body .WalletModal__footer {
    margin: 20px 0 0;
    display: flex;
    justify-content: flex-end
}

body .DefiWallets {
    display: block;
    width: 100%;
    overflow: hidden
}

body .DefiWallets__link {
    color: var(--primary-solid)
}

body .DefiWallets__list {
    max-width: 100%;
    overflow: hidden;
    position: relative
}

body .DefiWallets__list .prevColumn {
    background: linear-gradient(to right, var(--base-background), transparent)
}

body .DefiWallets__list .nextColumn {
    background: linear-gradient(to left, var(--base-background), transparent)
}

body .DefiWallets__list .nextColumn, body .DefiWallets__list .prevColumn {
    position: absolute;
    width: 60px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    top: 0
}

body .DefiWallets__list .nextColumn.hide, body .DefiWallets__list .prevColumn.hide {
    display: none
}

body .DefiWallets__list .nextColumn button, body .DefiWallets__list .prevColumn button {
    color: var(--base-text-primary);
    background-color: var(--base-elements);
    height: 30px;
    border-radius: 11px;
    padding: 7px
}

body .DefiWallets__list .prevColumn {
    left: 0
}

body .DefiWallets__list .nextColumn {
    right: 0
}

body .DefiWallets__list .swiper-slide {
    height: auto;
    width: -moz-fit-content;
    width: fit-content
}

body .DefiWallets__error {
    color: var(--base-alert);
    width: 100%;
    font-family: var(--secondary-font-family);
    font-size: .75rem;
    line-height: 1.25rem;
    text-align: center
}

body .DefiWallets .isRequired:after {
    content: "*";
    color: var(--base-alert);
    margin-left: 3px
}

body .DefiWallets__label {
    display: block;
    margin-bottom: 4px;
    padding: 0 8px;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--base-text-secondary)
}

body .DefiWallets__amount_field {
    margin: 10px 0
}

body .DefiWallets__amount_field .FieldText {
    margin-bottom: 0
}

body .DefiWallets__icon {
    position: relative;
    top: 5px;
    left: 5px
}

body .DefiWalletsItem__item {
    background-color: var(--base-elements);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    padding: 6px 14px;
    transition: all .5s;
    margin: 5px 0;
    min-width: -moz-fit-content;
    min-width: fit-content
}

body .DefiWalletsItem:hover {
    background-color: var(--base-elements-hover)
}

body .DefiWalletsItem__title {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: calc(100% - 48px - 16px);
    font-family: var(--primary-font-family);
    color: var(--base-text-primary);
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-transform: capitalize;
    margin-left: 5px
}

body .DefiWalletsItem__icon {
    flex: 0 0 30px;
    max-width: 30px;
    max-height: 30px
}

body .ProfileCompletenessModal {
    padding: 0 24px 16px;
    margin-top: -12px;
    overflow-y: auto;
    overflow-x: hidden
}

body .ProfileCompletenessModal::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .ProfileCompletenessModal::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .ProfileCompletenessModal::-webkit-scrollbar-thumb, body .ProfileCompletenessModal::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .ProfileCompletenessModal::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .ProfileCompletenessModal::-webkit-scrollbar {
        width: 6px
    }

    body .ProfileCompletenessModal::-webkit-scrollbar-thumb, body .ProfileCompletenessModal::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .ProfileCompletenessModal__description {
    color: var(--base-text-secondary);
    margin-bottom: 24px
}

@media screen and (max-width: 768px) {
    body .ProfileCompletenessModal__description {
        font-size: 14px
    }
}

body .ProfileCompletenessModal__buttons {
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    align-items: center
}

@media screen and (max-width: 320px) {
    body .ProfileCompletenessModal__buttons {
        justify-content: center
    }
}

body .ProfileCompletenessModal .FieldText {
    margin-bottom: 16px
}

body .ProfileCompletenessModal .FieldPassword__inputIcon {
    top: 24px
}

body .WheelOfFortune {
    width: 100%;
    padding: 12px 16px;
    background: var(--primary-gradient);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer
}

body .WheelOfFortune_centerContent {
    justify-content: center
}

body .WheelOfFortune_centerContent .WheelOfFortune__contentWrapper {
    flex: 0 1 auto;
    margin-right: 16px;
    max-width: calc(100% - 44px - 16px);
    text-align: center
}

@media (max-width: 1279.98px) {
    body .WheelOfFortune {
        margin: 0
    }
}

body .WheelOfFortune__contentWrapper {
    flex: 1 1 auto;
    max-width: calc(100% - 44px - 8px)
}

body .WheelOfFortune__description, body .WheelOfFortune__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--base-text-on-color-bg)
}

body .WheelOfFortune__iconWrapper {
    position: relative;
    flex: 0 0 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--base-text-on-color-bg)
}

body .WheelOfFortune__iconWrapper img, body .WheelOfFortune__iconWrapper svg {
    max-width: 44px;
    max-height: 44px
}

body .WheelOfFortune__tag {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(25%, -50%);
    background: var(--base-alert);
    padding: 2px 4px;
    display: flex;
    font-weight: 600;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: var(--base-text-on-color-bg)
}

body .WheelOfFortuneTabs {
    position: relative;
    display: flex;
    height: 100%
}

body .WheelOfFortuneTabs .swiper-button-next, body .WheelOfFortuneTabs .swiper-button-prev {
    position: absolute;
    top: 2px;
    margin: 0;
    width: 24px;
    height: 24px
}

body .WheelOfFortuneTabs .swiper-button-next:after, body .WheelOfFortuneTabs .swiper-button-next:before, body .WheelOfFortuneTabs .swiper-button-prev:after, body .WheelOfFortuneTabs .swiper-button-prev:before {
    display: none
}

body .WheelOfFortuneTabs .swiper-button-next path, body .WheelOfFortuneTabs .swiper-button-prev path {
    fill: var(--base-text-secondary)
}

body .WheelOfFortuneTabs .swiper-button-prev {
    left: -24px
}

body .WheelOfFortuneTabs .swiper-button-next {
    right: -24px
}

body .WheelOfFortuneTabs.singleTab .WheelOfFortuneTabs__mobile-selected {
    overflow: hidden;
    max-width: none;
    width: auto;
    padding: 0;
    height: auto;
    margin: auto
}

body .WheelOfFortuneTabs.singleTab .WheelOfFortuneTabs__list {
    display: none
}

body .WheelOfFortuneTabs.singleTab .WheelOfFortuneTabs__desktop .WheelOfFortuneTabs__mobile-selected {
    width: max-content
}

body .WheelOfFortuneTabs.singleTab .WheelFortuneTabsItem {
    padding: 2px 15px 2px 2px;
    margin: auto;
    background: var(--primary-solid);
    color: var(--base-text-on-color-bg)
}

body .WheelOfFortuneTabs.singleTab .WheelFortuneTabsItem__name {
    color: var(--base-text-on-color-bg)
}

body .WheelOfFortuneTabs__icon {
    position: absolute;
    top: 2px
}

body .WheelOfFortuneTabs__icon_left {
    right: 100%
}

body .WheelOfFortuneTabs__icon_right {
    left: 100%
}

body .WheelOfFortuneTabs .shadow {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none
}

body .WheelOfFortuneTabs__list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 100%
}

body .WheelOfFortuneTabs__list .swiper {
    height: 100%;
    position: static
}

body .WheelOfFortuneTabs__list .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content
}

body .WheelOfFortuneTabs__list .swiper-slide-active {
    background: var(--base-background)
}

body .WheelOfFortuneTabs__desktop {
    width: 100%
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTabs__desktop {
        display: none
    }
}

body .WheelOfFortuneTabs__mobile {
    display: none;
    max-width: 240px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTabs__mobile {
        display: block
    }
}

@media (max-width: 1023.98px)and (orientation: landscape) {
    body .WheelOfFortuneTabs__mobile {
        display: block
    }
}

body .WheelOfFortuneTabs__mobile-selected {
    max-width: 240px;
    width: 100%;
    padding: 11px 17px;
    height: 40px;
    display: flex;
    align-items: center;
    background: var(--base-elements);
    position: relative
}

body .WheelOfFortuneTabs__mobile-selected-icon {
    position: absolute;
    top: 8px;
    right: 8px
}

body .WheelOfFortuneTabs__mobile-selected-icon_reverse svg {
    transform: rotate(180deg)
}

body .WheelOfFortuneTabs__suggestion {
    position: absolute;
    background: var(--base-elements);
    width: 100%;
    z-index: 2;
    padding: 8px 0;
    overflow-y: scroll;
    max-height: 136px;
    top: 80%
}

body .WheelOfFortuneTabs__suggestion::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .WheelOfFortuneTabs__suggestion::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .WheelOfFortuneTabs__suggestion::-webkit-scrollbar-thumb, body .WheelOfFortuneTabs__suggestion::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .WheelOfFortuneTabs__suggestion::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTabs__suggestion::-webkit-scrollbar {
        width: 6px
    }

    body .WheelOfFortuneTabs__suggestion::-webkit-scrollbar-thumb, body .WheelOfFortuneTabs__suggestion::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .WheelOfFortuneTabs__suggestion-item {
    padding: 10px 16px;
    height: 40px;
    display: flex;
    align-items: center
}

body .disabled {
    pointer-events: none
}

body .WheelOfFortuneTypeDTabs {
    position: relative
}

body .WheelOfFortuneTypeDTabs .swiper-button-next, body .WheelOfFortuneTypeDTabs .swiper-button-prev {
    position: relative;
    z-index: 99;
    margin: 0 auto;
    width: 24px;
    height: 24px
}

body .WheelOfFortuneTypeDTabs .swiper-button-next:after, body .WheelOfFortuneTypeDTabs .swiper-button-next:before, body .WheelOfFortuneTypeDTabs .swiper-button-prev:after, body .WheelOfFortuneTypeDTabs .swiper-button-prev:before {
    display: none
}

body .WheelOfFortuneTypeDTabs .swiper-button-next path, body .WheelOfFortuneTypeDTabs .swiper-button-prev path {
    fill: var(--base-text-secondary)
}

body .WheelOfFortuneTypeDTabs .swiper-button-prev {
    left: 0
}

body .WheelOfFortuneTypeDTabs .swiper-button-next {
    right: 0
}

body .WheelOfFortuneTypeDTabs.singleTab .swiper-button-next, body .WheelOfFortuneTypeDTabs.singleTab .swiper-button-prev {
    display: none
}

@media (min-width: 501px) {
    body .WheelOfFortuneTypeDTabs.singleTab .WheelFortuneTabsItem {
        margin: auto;
        background: var(--primary-solid);
        color: var(--base-text-on-color-bg)
    }

    body .WheelOfFortuneTypeDTabs.singleTab .WheelFortuneTabsItem__name {
        color: var(--base-text-on-color-bg)
    }
}

body .WheelOfFortuneTypeDTabs.singleTab .WheelOfFortuneTabs__mobile-selected {
    overflow: hidden;
    max-width: none;
    width: auto;
    padding: 0;
    height: auto;
    margin: auto
}

body .WheelOfFortuneTypeDTabs.singleTab .WheelOfFortuneTabs__list {
    display: none
}

body .WheelOfFortuneTypeDTabs.singleTab .WheelOfFortuneTabs__desktop .WheelOfFortuneTabs__mobile-selected {
    width: max-content
}

body .WheelOfFortuneTypeDTabs__icon {
    position: absolute;
    top: 2px
}

body .WheelOfFortuneTypeDTabs__icon_left {
    right: 100%
}

body .WheelOfFortuneTypeDTabs__icon_right {
    left: 100%
}

body .WheelOfFortuneTypeDTabs .shadow {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    pointer-events: none
}

body .WheelOfFortuneTypeDTabs__list {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 214px
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDTabs__list {
        height: 55px
    }
}

body .WheelOfFortuneTypeDTabs__list .swiper {
    height: 100%;
    position: relative
}

body .WheelOfFortuneTypeDTabs__list .swiper:before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    top: 0;
    left: 0;
    background-image: linear-gradient(to bottom, var(--base-surface), transparent);
    z-index: 10;
    pointer-events: none
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDTabs__list .swiper:before {
        display: none
    }
}

body .WheelOfFortuneTypeDTabs__list .swiper:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, transparent, var(--base-surface));
    z-index: 10;
    pointer-events: none
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDTabs__list .swiper:after {
        display: none
    }
}

body .WheelOfFortuneTypeDTabs__list .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    background: hsla(0, 0%, 100%, .05)
}

body .WheelOfFortuneTypeDTabs__list .swiper-slide-active {
    background: var(--primary-solid)
}

body .WheelOfFortuneTypeDTabs__desktop {
    width: 100%
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDTabs__desktop {
        display: none
    }
}

body .WheelOfFortuneTypeDTabs__mobile {
    display: none;
    max-width: 240px;
    width: 100%;
    margin: 0 auto
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDTabs__mobile {
        display: block
    }
}

body .WheelOfFortuneTypeDTabs__mobile-selected {
    max-width: 240px;
    width: 100%;
    padding: 11px 17px;
    height: 40px;
    display: flex;
    align-items: center;
    position: relative
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDTabs__mobile-selected {
        background: var(--base-elements)
    }
}

body .WheelOfFortuneTypeDTabs__mobile-selected-icon {
    position: absolute;
    top: 8px;
    right: 8px
}

body .WheelOfFortuneTypeDTabs__suggestion {
    position: absolute;
    background: var(--base-elements);
    width: 100%;
    z-index: 2;
    padding: 8px 0;
    overflow: scroll;
    max-height: 136px;
    top: 80%
}

body .WheelOfFortuneTypeDTabs__suggestion-item {
    padding: 10px 16px;
    height: 40px;
    display: flex;
    align-items: center
}

body .WheelOfFortuneTypeDTabs .WheelFortuneTabsItem {
    width: 120px;
    height: 56px;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    font-size: 14px;
    padding: 8px 10px
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDTabs .WheelFortuneTabsItem {
        flex-direction: row
    }
}

body .WheelFortuneTabsItem {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    gap: 3px;
    padding: 2px 8px 2px 0;
    position: relative;
    max-width: 190px;
    width: 100%
}

body .WheelFortuneTabsItem__name {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    color: var(--base-text-secondary);
    display: flex;
    align-items: center;
    text-align: center;
    width: 100%;
    font-size: 14px
}

body .WheelFortuneTabsItem__icon {
    width: 24px;
    height: 24px;
    opacity: .5
}

body .WheelFortuneTabsItem__icon_active {
    opacity: 1
}

body .WheelOfFortuneTypeAModal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    background: rgba(33, 37, 41, .6);
    z-index: 1001;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    padding: 20px 0;
    justify-content: center;
    align-items: center
}

body .WheelOfFortuneTypeAModal__untouchable {
    pointer-events: none
}

body .WheelOfFortuneTypeAModal_isConstructorPreview {
    z-index: 9999999
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeAModal {
        padding: 20px;
        overflow: scroll
    }
}

body .WheelOfFortuneTypeAModal__gradientModalWrapper {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 258px;
    height: 210px;
    overflow: hidden;
    pointer-events: none
}

@media (max-width: 1279.98px) {
    body .WheelOfFortuneTypeAModal__gradientModalWrapper {
        top: 50%;
        height: 450px;
        transform: translateY(-50%)
    }
}

body .WheelOfFortuneTypeAModal__container {
    position: relative;
    max-height: 500px;
    background: var(--base-surface);
    display: flex;
    flex-direction: row;
    padding: 40px;
    gap: 40px;
    max-width: 980px;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    justify-content: center;
    align-items: stretch
}

body .WheelOfFortuneTypeAModal__container_disabled {
    pointer-events: none
}

@media (max-width: 1279.98px) {
    body .WheelOfFortuneTypeAModal__container {
        max-width: 510px;
        flex-direction: column-reverse;
        max-height: 716px;
        margin: auto;
        height: 100%;
        overflow: initial;
        position: relative;
        justify-content: space-between;
        gap: 0
    }
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeAModal__container {
        padding: 48px 0 0;
        overflow: hidden
    }
}

@media (max-width: 399.98px) {
    body .WheelOfFortuneTypeAModal__container {
        max-height: 550px
    }
}

body .WheelOfFortuneTypeAModal__isLandscape {
    height: auto;
    max-height: none
}

body .WheelOfFortuneTypeAModal__close {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

body .WheelOfFortuneTypeAModal__gradient {
    position: absolute;
    width: 455px;
    height: 456px;
    left: 487px;
    top: 209px;
    opacity: .2
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeAModal__gradient {
        position: absolute;
        right: -120px;
        bottom: 30%;
        pointer-events: none;
        transform: rotate(-60deg)
    }
}

body .WheelOfFortuneTypeAModal__wheel {
    width: inherit;
    height: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    overflow: hidden;
    min-width: 340px
}

@media (max-width: 1279.98px) {
    body .WheelOfFortuneTypeAModal__wheel {
        position: relative;
        min-width: unset
    }

    body .WheelOfFortuneTypeAModal__wheel > div {
        position: absolute;
        top: 50px
    }
}

body .WheelOfFortuneTypeAModal__block {
    width: 100%;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeAModal__block {
        margin-top: 20px
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeAModal__block {
        margin-top: 0
    }
}

body .WheelOfFortuneTypeAModal__tabs {
    max-width: 360px;
    width: 100%;
    margin-bottom: 24px
}

@media (max-width: 1279.98px) {
    body .WheelOfFortuneTypeAModal__tabs {
        margin: 0 0 20px
    }
}

body .WheelOfFortuneTypeAModal__button {
    cursor: pointer;
    min-width: 140px;
    z-index: 1
}

body .WheelOfFortuneTypeAModal__button_win {
    display: flex;
    grid-gap: 16px;
    justify-content: center;
    width: 100%
}

body .WheelOfFortuneTypeAModal__button .Button__text {
    font-family: Roboto, sans-serif;
    font-weight: 600
}

body .WheelOfFortuneTypeAModal__button .Popover__main {
    background: none;
    display: flex;
    justify-content: center;
    margin-top: 8px
}

body .WheelOfFortuneTypeAModal__button > span {
    margin-top: 8px;
    display: block;
    width: 100%;
    text-align: center
}

body .WheelOfFortuneTypeAModal__errorMessage {
    margin-top: auto;
    line-height: 24px;
    text-align: center;
    color: var(--base-alert)
}

@media (max-width: 1279.98px) {
    body .WheelOfFortuneTypeAModal__errorMessage {
        margin-top: 8px
    }
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeAModal__errorMessage {
        font-size: 12px
    }
}

body .WheelOfFortuneTypeAModal__noteMessage {
    margin-top: auto;
    text-align: center;
    color: var(--base-text-placeholder)
}

@media (max-width: 1279.98px) {
    body .WheelOfFortuneTypeAModal__noteMessage {
        margin-top: 8px
    }
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeAModal__noteMessage {
        font-size: 12px
    }
}

body .WheelOfFortuneTypeAModal__name {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    text-align: center;
    color: var(--base-text-primary);
    margin-bottom: 16px
}

body .WheelOfFortuneTypeAModal__isLandscape {
    overflow: scroll;
    padding: 20px 0
}

body .WheelModalTitle__title {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    color: var(--base-text-primary)
}

@media (max-width: 1279.98px) {
    body .WheelModalTitle__title {
        font-size: 32px
    }
}

@media (max-width: 767.98px) {
    body .WheelModalTitle__title {
        font-size: 24px;
        line-height: 32px;
        position: relative
    }
}

body .WheelModalTitle__titleText {
    width: 100%;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

body .WheelModalTitle__info {
    margin-left: 12px;
    display: flex
}

body .WheelModalTitle__info .Popover__main {
    background: none
}

body .WheelModalTitle__info svg {
    height: 100%
}

@media (max-width: 1279.98px) {
    body .WheelModalTitle__info {
        margin-left: 8px
    }
}

@media (max-width: 767.98px) {
    body .WheelModalTitle__info .Popover__wrapper_show {
        position: static
    }

    body .WheelModalTitle__info .Popover__textPopover {
        max-height: 75px;
        overflow-y: scroll
    }
}

body .WheelButtonAuth__goToBonusWrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 30px
}

@media (max-width: 434.98px) {
    body .WheelButtonAuth__goToBonusWrapper {
        flex-direction: column-reverse
    }
}

body .WheelButtonAuth__goToBonus {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (max-width: 434.98px) {
    body .WheelButtonAuth__goToBonus {
        gap: 4px
    }

    body .WheelButtonAuth__goToBonus .spinAgainWithTimer {
        display: none
    }
}

body .WheelDescription__descriptionWinAmount {
    margin-left: 4px;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .WheelDescription__descriptionWinAmount {
        font-size: 14px;
        line-height: 24px
    }
}

body .WheelDescription__description {
    margin-bottom: 16px;
    margin-top: 8px;
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-secondary);
    max-width: 290px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

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

@media (max-width: 1279.98px) {
    body .WheelDescription__description {
        line-height: 24px
    }
}

@media (max-width: 767.98px) {
    body .WheelDescription__description {
        font-size: 14px
    }
}

body .WheelTimer__nextSpin {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    text-transform: uppercase;
    cursor: default
}

body .WheelTimer__nextSpinText {
    margin-bottom: 8px
}

body .WheelTimer__tag {
    padding: 12px 16px;
    border: 1px solid var(--primary-solid);
    text-transform: none;
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    max-height: 52px
}

body .WheelTimer__tag div {
    display: flex;
    grid-gap: 10px
}

body .WheelTimer__tag p:not(:last-child) {
    padding: 0 8px 0 0;
    position: relative;
    border-right: 1px solid var(--base-text-primary)
}

body .PaidSpin__noSuitableCurrency {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px
}

body .PaidSpin__noSuitableCurrency .Popover__wrapper > .Popover__textPopover {
    width: max-content;
    cursor: pointer
}

body .PaidSpin__noSuitableCurrencyTitle {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--base-text-primary);
    text-align: center;
    cursor: auto;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

@media (max-width: 434.98px) {
    body .PaidSpin__noSuitableCurrencyTitle {
        font-size: 12px;
        line-height: 20px
    }
}

body .PaidSpin__availableCurrencies {
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: var(--base-text-primary);
    cursor: pointer
}

@media (max-width: 434.98px) {
    body .PaidSpin__availableCurrencies {
        font-size: 12px;
        line-height: 20px
    }
}

body .PaidSpin__PopoverLinkShort {
    text-decoration: none;
    cursor: pointer
}

body .PaidSpin__PopoverLinkShort:not(:last-child):after {
    content: "·";
    margin: 0 3px 0 0
}

body .PaidSpin__showMore {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    color: var(--primary-link)
}

@media (max-width: 434.98px) {
    body .PaidSpin__showMore {
        font-size: 12px;
        line-height: 20px
    }
}

body .PaidSpin__PopoverLink {
    text-transform: uppercase;
    color: var(--primary-solid);
    font-size: 12px
}

body .PaidSpin__PopoverLink:not(:last-child):after {
    content: ",";
    margin-right: 3px
}

body .contur1, body .contur2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

body .auraWrapper {
    width: 437px;
    height: 437px;
    position: absolute;
    animation: aura 10s ease-in 0s normal none running;
    animation-timing-function: steps(360)
}

@media (max-width: 767.98px) {
    body .auraWrapper {
        top: 60px
    }
}

body .finishAnimation {
    width: 437px;
    height: 437px;
    position: absolute;
    display: flex;
    justify-content: center;
    animation: opacityAn 2s ease-in 0s normal none running
}

body .finishIcon {
    transform: translate(-50%, -50%);
    animation-name: finish;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    position: absolute;
    top: 50%;
    left: 50%
}

body .finishWrapper {
    animation-name: rotation;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

@keyframes aura {
    0% {
        transform: rotate(0deg);
        opacity: 1
    }
    90% {
        opacity: .3
    }
    to {
        transform: rotate(-1turn);
        opacity: 0
    }
}

@keyframes finish {
    0% {
        width: 535px;
        height: 535px
    }
    to {
        width: 665px;
        height: 665px
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(-1turn)
    }
}

@keyframes opacityAn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

body .WheelOfFortuneTypeBModal__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(33, 37, 41, .6);
    z-index: 20000;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    justify-content: center;
    align-items: center
}

body .WheelOfFortuneTypeBModal__backdrop_isConstructorPreview {
    z-index: 9999999
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__backdrop {
        overflow-y: scroll;
        overflow-x: hidden
    }
}

body .WheelOfFortuneTypeBModal__untouchable {
    pointer-events: none
}

body .WheelOfFortuneTypeBModal__window {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 420px;
    background: var(--base-surface);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 35px 53px 20px;
    max-width: 900px;
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2)
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__window {
        max-width: 500px;
        width: calc(100% - 40px);
        min-height: 728px;
        align-items: center;
        flex-direction: column-reverse;
        justify-content: flex-end
    }
}

@media (max-height: 783px)and (max-width: 1024px) {
    body .WheelOfFortuneTypeBModal__window {
        top: 28px;
        transform: translateX(-50%)
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeBModal__window {
        top: 28px;
        transform: translateX(-50%);
        padding: 48px 20px 20px;
        min-height: 620px
    }
}

body .WheelOfFortuneTypeBModal__backgroundCoin {
    position: absolute;
    transition: all .5s ease-out
}

body .WheelOfFortuneTypeBModal__backgroundCoin_instance1 {
    bottom: -19px;
    right: 49%;
    width: 136px;
    height: 103px
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__backgroundCoin_instance1 {
        bottom: -16px;
        left: 35px
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeBModal__backgroundCoin_instance1 {
        bottom: 48%;
        left: -38px;
        transform: scale(.6)
    }
}

body .WheelOfFortuneTypeBModal__backgroundCoin_instance2 {
    bottom: 75px;
    right: 66px;
    width: 105px;
    height: 82px
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__backgroundCoin_instance2 {
        top: 283px;
        right: -29px
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeBModal__backgroundCoin_instance2 {
        top: 193px;
        right: -38px;
        transform: scale(.7)
    }
}

body .WheelOfFortuneTypeBModal__backgroundCoin_instance3 {
    top: -22px;
    left: 294px;
    width: 99px;
    height: 85px
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__backgroundCoin_instance3 {
        top: 38px;
        left: -25px
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeBModal__backgroundCoin_instance3 {
        top: 8px;
        left: -39px;
        transform: scale(.6)
    }
}

body .WheelOfFortuneTypeBModal__backgroundCoin_instance4 {
    top: 13px;
    right: 158px;
    width: 88px;
    height: 86px
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__backgroundCoin_instance4 {
        right: 65px
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeBModal__backgroundCoin_instance4 {
        display: none
    }
}

body .WheelOfFortuneTypeBModal__wheel {
    position: absolute;
    width: 880px;
    height: 880px;
    top: 50%;
    left: -50%;
    transform-origin: center;
    transform: translate(175px, -50%);
    z-index: 1;
    transition: all .5s ease-out
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__wheel {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        max-width: none;
        max-height: none;
        margin-top: -160px
    }

    body .WheelOfFortuneTypeBModal__wheelClippingPath {
        height: 690px;
        overflow: hidden;
        flex-shrink: 0;
        padding-top: 160px;
        margin-top: -160px
    }
}

@media (max-width: 1023.98px)and (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__wheelClippingPath {
        height: 760px;
        margin-bottom: -160px
    }
}

@media (max-width: 1023.98px)and (max-width: 500px) {
    body .WheelOfFortuneTypeBModal__wheelClippingPath {
        height: 630px;
        margin-bottom: -230px
    }
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeBModal__wheel {
        transform: rotate(-90deg);
        width: 680px;
        height: 680px;
        margin-top: -110px
    }

    body .WheelOfFortuneTypeBModal__wheel .SpinningWheel__horizontalResultCurrency {
        transform-origin: center;
        transform-box: fill-box;
        transform: rotate(90deg) scale(0)
    }

    body .WheelOfFortuneTypeBModal__wheel .SpinningWheel__horizontalResultCurrency_visible {
        transform: rotate(90deg) scale(1)
    }

    body .WheelOfFortuneTypeBModal__wheel .SpinningWheel__capLogo {
        transform-origin: center;
        transform-box: fill-box;
        transform: rotate(45deg)
    }
}

body .WheelOfFortuneTypeBModal__closeBtn {
    color: var(--base-text-primary);
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

body .WheelOfFortuneTypeBModal__content {
    z-index: 1;
    width: 38.3%;
    margin-left: auto;
    margin-right: 4%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

body .WheelOfFortuneTypeBModal__contentIcon {
    color: #fff;
    margin: 0 .3em
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__content {
        width: 100%;
        justify-content: flex-start
    }
}

body .WheelOfFortuneTypeBModal__frame {
    background-color: var(--base-surface);
    box-shadow: 0 2px 24px 0 var(--primary-solid);
    border: 1px solid var(--primary-solid);
    padding: 1.2em 1em 1.1em;
    width: 100%;
    margin-bottom: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 118px;
    max-width: 100%
}

body .WheelOfFortuneTypeBModal__frame .WheelModalTitle__info {
    margin-left: 0;
    margin-right: -.3em
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeBModal__frame .WheelModalTitle__info {
        margin-right: 0
    }
}

body .WheelOfFortuneTypeBModal__frameHeader {
    display: flex;
    width: 100%;
    overflow: hidden
}

body .WheelOfFortuneTypeBModal__frameHeader_withTooltip {
    margin-right: calc((18px + .6em) * -1)
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__frame {
        min-height: 110px
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeBModal__frame {
        height: auto;
        width: 100%;
        padding: 10px 0
    }
}

body .WheelOfFortuneTypeBModal__frame .WheelModalTitle__title {
    line-height: 1.8;
    font-size: 2em;
    margin-bottom: 8px;
    width: 100%
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__frame .WheelModalTitle__title {
        font-size: 1.7em;
        margin-bottom: .3em
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeBModal__frame .WheelModalTitle__title {
        font-size: 1.5em
    }
}

body .WheelOfFortuneTypeBModal__frame .WheelModalTitle__titleText {
    line-height: 1.2em
}

body .WheelOfFortuneTypeBModal__frame .WheelModalTitle__titleText_hasTooltip {
    flex-shrink: 0;
    width: calc(100% - 26px)
}

body .WheelOfFortuneTypeBModal__frame .WheelDescription__description {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 .5em
}

body .WheelOfFortuneTypeBModal__frame .WheelDescription__descriptionWinAmount {
    color: var(--primary-solid)
}

body .WheelOfFortuneTypeBModal__frame .WheelDescription__description_win {
    display: flex
}

body .WheelOfFortuneTypeBModal__frame .Tooltip__icon {
    line-height: 12px
}

body .WheelOfFortuneTypeBModal__frame .Tooltip__icon svg {
    height: auto
}

body .WheelOfFortuneTypeBModal__tabs {
    max-width: 360px;
    width: 100%;
    margin-bottom: 24px;
    height: 56px;
    color: var(--base-text-on-color-bg)
}

body .WheelOfFortuneTypeBModal__tabs .WheelFortuneTabsItem__name {
    display: initial;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeBModal__tabs {
        height: 41px
    }
}

body .WheelOfFortuneTypeBModal__tabs .WheelFortuneTabsItem__name {
    color: var(--base-text-primary)
}

body .WheelOfFortuneTypeBModal__tabs .WheelFortuneTabsItem__icon.WheelFortuneTabsItem__icon_active svg, body .WheelOfFortuneTypeBModal__tabs .swiper-slide-active .WheelFortuneTabsItem__name {
    color: var(--base-text-on-color-bg)
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__list {
    position: relative
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__list > svg.shadow {
    transform: translate(-18px, 13px) scaleY(2.1) scaleX(.9)
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__list > svg.shadow {
        transform: translate(-18px, 13px) scaleY(2.1) scaleX(1.2)
    }
}

@media (max-width: 488px) {
    body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__list > svg.shadow {
        transform: translate(-1px, 13px) scale(1.01, 2.6);
        width: 100%
    }
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__list .swiper-slide {
    background-color: hsla(0, 0%, 100%, .2);
    transition: all .2s
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__list .swiper-slide-active {
    background-color: var(--primary-hover)
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__list .WheelFortuneTabsItem {
    padding: 0 .5em;
    display: flex;
    flex-direction: column
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__list .WheelFortuneTabsItem .WheelFortuneTabsItem__icon {
    margin: 0 auto
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__desktop {
    display: block
}

@media (max-width: 399.98px) {
    body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__desktop {
        display: block
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__desktop {
        display: none
    }
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__suggestion .WheelFortuneTabsItem__icon {
    margin-right: 1em
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__suggestion .WheelFortuneTabsItem__name {
    display: inline;
    text-align: left
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__mobile {
    display: none
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__mobile {
        display: block;
        width: 100%;
        max-width: none
    }
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__mobile-selected .WheelFortuneTabsItem__icon {
    margin-right: 1em
}

body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__mobile-selected .WheelFortuneTabsItem__name {
    display: inline;
    text-align: left
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeBModal__tabs .WheelOfFortuneTabs__mobile-selected {
        width: 100%;
        max-width: none
    }
}

body .WheelOfFortuneTypeBModal__action {
    cursor: pointer;
    min-width: 140px;
    z-index: 1;
    color: var(--base-text-primary);
    text-align: center
}

body .WheelOfFortuneTypeBModal__action .Popover__main {
    margin-top: .8em
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeBModal__action {
        width: 100%
    }
}

body .WheelOfFortuneTypeBModal__action .WheelButtonAuth__goToBonus {
    flex-direction: row
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeBModal__action .WheelButtonAuth__goToBonus {
        gap: 8px;
        padding: 0 1px;
        flex-direction: column
    }
}

body .WheelOfFortuneTypeBModal__action .WheelButtonAuth__goToBonusWrapper {
    grid-gap: 25px
}

body .WheelOfFortuneTypeBModal__action .WheelTimer__nextSpinText {
    font-weight: 500;
    letter-spacing: .03em;
    margin-bottom: 1em
}

body .WheelOfFortuneTypeBModal__action .WheelTimer__tag {
    font-weight: 500;
    letter-spacing: .03em;
    padding: 18px
}

body .WheelOfFortuneTypeBModal__action .WheelTimer__tag .Format {
    grid-gap: 8px
}

body .WheelOfFortuneTypeBModal__action .WheelTimer__tag .Format > p {
    height: 16px;
    display: flex;
    align-items: center
}

body .WheelOfFortuneTypeBModal__action .WheelTimer__tag .Format > p .Format__value {
    margin-right: .2em
}

body .WheelOfFortuneTypeBModal__errorMessage {
    margin-top: 1.1em;
    line-height: 1.2em;
    text-align: center;
    color: var(--base-alert);
    font-size: 12px
}

body .WheelOfFortuneTypeBModal__noteMessage {
    margin-top: 3em;
    text-align: center;
    color: var(--base-text-placeholder)
}

body .WheelOfFortuneTypeCModal__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(33, 37, 41, .6);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    z-index: 20000
}

body .WheelOfFortuneTypeCModal__backdrop_isConstructorPreview {
    z-index: 9999999
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeCModal__backdrop {
        align-items: flex-start;
        overflow-y: scroll;
        overflow-x: hidden
    }
}

body .WheelOfFortuneTypeCModal__untouchable {
    pointer-events: none
}

body .WheelOfFortuneTypeCModal__window {
    position: relative;
    background: var(--base-surface);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 12px;
    margin: 0 20px;
    max-width: 815px;
    width: 100%;
    box-shadow: var(--base-modal-shadow)
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeCModal__window {
        align-items: center;
        flex-direction: column-reverse;
        justify-content: flex-end;
        max-width: 500px;
        padding: 40px 40px 12px;
        top: 20px;
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeCModal__window {
        height: 510px;
        max-width: 400px;
        padding: 48px 0 0;
        top: 20px;
        width: calc(100vw - 40px)
    }
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeCModal__window {
        height: 510px
    }
}

body .WheelOfFortuneTypeCModal__closeBtn {
    color: var(--base-text-primary);
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    z-index: 2
}

body .WheelOfFortuneTypeCModal__wheelClippingPath {
    position: relative
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeCModal__wheelClippingPath {
        width: 100%
    }
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeCModal__wheel {
        transform-origin: center;
        z-index: 1;
        transition: all .5s ease-out;
        position: relative;
        width: 416px;
        height: 396px
    }

    body .WheelOfFortuneTypeCModal__wheelClippingPath {
        width: 416px;
        height: 416px;
        flex-shrink: 0
    }
}

body .WheelOfFortuneTypeCModal__star {
    position: absolute
}

body .WheelOfFortuneTypeCModal__content {
    position: relative;
    z-index: 1;
    width: 334px;
    padding: 24px 8px;
    margin: 28px 0 28px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--base-surface);
    box-shadow: 0 2px 24px 0 var(--primary-solid);
    border: 1px solid var(--primary-solid)
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeCModal__content {
        margin: 0 0 12px;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeCModal__content {
        padding: 16px 20px;
        margin: 0 16px 20px;
        width: calc(100% - 32px)
    }
}

body .WheelOfFortuneTypeCModal__tabs {
    width: calc(100% - 48px);
    height: 56px;
    color: var(--base-text-on-color-bg)
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeCModal__tabs {
        width: 305px
    }
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeCModal__tabs {
        width: 85%;
        height: auto
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeCModal__tabs {
        width: 100%;
        height: auto
    }
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop {
    display: flex;
    align-items: center
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .swiper-slide {
    background-color: var(--base-elements);
    transition: background-color .2s linear
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .swiper-slide .WheelFortuneTabsItem {
    min-width: 130px;
    padding: 4px 8px;
    flex-direction: column;
    gap: 4px
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .swiper-slide .WheelFortuneTabsItem__name {
    display: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .swiper-slide .WheelFortuneTabsItem__icon {
    opacity: 1;
    color: var(--base-text-placeholder)
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .swiper-slide-active {
    background-color: var(--primary-solid)
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .swiper-slide-active .WheelFortuneTabsItem__icon, body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .swiper-slide-active .WheelFortuneTabsItem__name {
    color: var(--base-text-on-color-bg)
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .swiper-button-prev {
    top: unset
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .swiper-button-prev {
        left: -41.5px
    }
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .swiper-button-next {
    top: unset
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .swiper-button-next {
        right: -41.5px
    }
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__desktop .shadow {
    width: calc(100% + 2px);
    margin: 0 -1px;
    transform: scaleY(2.7);
    top: unset
}

body .WheelOfFortuneTypeCModal__tabs.singleTab .WheelOfFortuneTabs__desktop .WheelFortuneTabsItem {
    min-width: 130px;
    padding: 4px 8px;
    flex-direction: column;
    gap: 4px
}

body .WheelOfFortuneTypeCModal__tabs.singleTab .WheelOfFortuneTabs__desktop .WheelFortuneTabsItem__name {
    display: initial;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__suggestion {
    top: 100%
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__mobile-selected .WheelFortuneTabsItem, body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__suggestion-item .WheelFortuneTabsItem {
    padding: 0;
    gap: 12px;
    max-width: 100%
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__mobile-selected .WheelFortuneTabsItem__name, body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__suggestion-item .WheelFortuneTabsItem__name {
    display: initial;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__mobile-selected .WheelFortuneTabsItem__icon, body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__suggestion-item .WheelFortuneTabsItem__icon {
    opacity: 1;
    color: var(--base-text-placeholder)
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__suggestion-item .WheelFortuneTabsItem__name {
    color: var(--base-text-secondary)
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__suggestion-item .WheelFortuneTabsItem__name_active {
    color: var(--primary-hover)
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__suggestion-item .WheelFortuneTabsItem__icon_active {
    color: var(--primary-solid)
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__mobile-selected {
    padding-right: 32px
}

body .WheelOfFortuneTypeCModal__tabs .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__mobile-selected .WheelFortuneTabsItem__name {
    color: var(--base-text-primary)
}

body .WheelOfFortuneTypeCModal__tabs.singleTab .WheelOfFortuneTabs__mobile .WheelOfFortuneTabs__mobile-selected {
    padding-right: 0
}

body .WheelOfFortuneTypeCModal__tabs.singleTab .WheelOfFortuneTabs__mobile .WheelFortuneTabsItem {
    flex-direction: row;
    padding: 4px 8px
}

body .WheelOfFortuneTypeCModal__tabs.singleTab .WheelOfFortuneTabs__mobile .WheelFortuneTabsItem__icon, body .WheelOfFortuneTypeCModal__tabs.singleTab .WheelOfFortuneTabs__mobile .WheelFortuneTabsItem__name {
    color: var(--base-text-on-color-bg)
}

body .WheelOfFortuneTypeCModal__title {
    width: 100%;
    margin-top: 40px;
    padding: 0 .8em
}

body .WheelOfFortuneTypeCModal__title .WheelModalTitle__titleText_hasTooltip {
    width: calc(100% - 26px)
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeCModal__title {
        margin-top: 24px
    }
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeCModal__title {
        margin-top: 16px
    }
}

body .WheelOfFortuneTypeCModal__description {
    margin-top: 8px;
    margin-bottom: 0
}

body .WheelOfFortuneTypeCModal__action {
    cursor: pointer;
    min-width: 140px;
    color: var(--base-text-on-color-bg);
    margin-top: 40px
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeCModal__action {
        margin-top: 24px
    }
}

@media (max-width: 767.98px) {
    body .WheelOfFortuneTypeCModal__action {
        margin-top: 16px
    }
}

body .WheelOfFortuneTypeCModal__action .WheelButtonAuth__goToBonus {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px
}

body .WheelOfFortuneTypeCModal__action .WheelButtonAuth__goToBonus > * {
    flex: 1 1 auto;
    width: auto
}

body .WheelOfFortuneTypeCModal__action .Popover__main {
    background: none;
    display: flex;
    justify-content: center;
    margin-top: 8px
}

body .WheelOfFortuneTypeCModal__errorMessage {
    margin-top: 8px;
    text-align: center;
    color: var(--base-alert)
}

body .WheelOfFortuneTypeCModal__noteMessage {
    margin-top: 8px;
    text-align: center;
    color: var(--base-text-placeholder)
}

body .WheelTypeC__wrapper {
    width: 396px;
    height: 416px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center
}

@media (max-width: 767.98px) {
    body .WheelTypeC__wrapper {
        width: 100%;
        height: 234px;
        display: block;
        overflow: hidden;
        width: 416px;
        height: 416px
    }
}

body .WheelTypeC__container {
    z-index: 1;
    width: 396px;
    height: 396px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767.98px) {
    body .WheelTypeC__container {
        width: 100%;
        transform: rotate(-90deg)
    }
}

body .WheelTypeC__outerEffectWheel {
    position: absolute;
    z-index: 0;
    transform: rotate(0deg)
}

body .WheelTypeC__outerEffectWheel_showRotation {
    animation-name: WheelTypeC-spin;
    animation-delay: 0s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: linear
}

@media (max-width: 767.98px) {
    body .WheelTypeC__outerEffectWheel {
        transform: rotate(90deg)
    }

    body .WheelTypeC__outerEffectWheel_showRotation {
        animation-name: WheelTypeC-spin;
        animation-delay: 0s;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        animation-timing-function: linear
    }
}

body .WheelTypeC__middleEffectWheel {
    position: absolute;
    z-index: 0;
    transform: rotate(0deg)
}

body .WheelTypeC__middleEffectWheel_showRotation {
    animation-name: WheelTypeC-spin;
    animation-delay: 0s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
    animation-timing-function: linear
}

@media (max-width: 767.98px) {
    body .WheelTypeC__middleEffectWheel {
        transform: rotate(90deg)
    }

    body .WheelTypeC__middleEffectWheel_showRotation {
        animation-name: WheelTypeC-spin;
        animation-delay: 0s;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-direction: reverse;
        animation-timing-function: linear
    }
}

body .WheelTypeC__innerEffectWheel {
    position: absolute;
    z-index: 0;
    transform: rotate(0deg)
}

body .WheelTypeC__innerEffectWheel_showRotation {
    animation-name: WheelTypeC-spin;
    animation-delay: 0s;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-direction: reverse;
    animation-timing-function: linear
}

@keyframes WheelTypeC-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@media (max-width: 767.98px) {
    body .WheelTypeC__innerEffectWheel {
        transform: rotate(90deg)
    }

    body .WheelTypeC__innerEffectWheel_showRotation {
        animation-name: WheelTypeC-spin;
        animation-delay: 0s;
        animation-duration: 5s;
        animation-iteration-count: infinite;
        animation-direction: reverse;
        animation-timing-function: linear
    }

    @keyframes WheelTypeC-spin {
        0% {
            transform: rotate(90deg)
        }
        to {
            transform: rotate(450deg)
        }
    }
}

body .WheelTypeC__backdropCircleWithSectors, body .WheelTypeC__borderWheel {
    position: absolute;
    z-index: 1
}

body .WheelTypeC__mainCircleWithSectors {
    position: absolute;
    z-index: 2
}

body .WheelTypeC__logotype {
    max-width: 40px;
    max-height: 40px;
    position: absolute;
    z-index: 4;
    transform: rotate(0deg)
}

body .WheelTypeC__logotype_pulsation {
    animation-name: WheelTypeC-pulse;
    animation-delay: 0s;
    animation-duration: 1.25s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-timing-function: linear
}

@keyframes WheelTypeC-pulse {
    0% {
        transform: scale(1) rotate(0deg)
    }
    50% {
        transform: scale(1.25) rotate(0deg)
    }
    to {
        transform: scale(1) rotate(0deg)
    }
}

@media (max-width: 767.98px) {
    body .WheelTypeC__logotype {
        transform: rotate(90deg)
    }

    body .WheelTypeC__logotype_pulsation {
        animation-name: WheelTypeC-pulse;
        animation-delay: 0s;
        animation-duration: 1.25s;
        animation-iteration-count: infinite;
        animation-direction: normal;
        animation-timing-function: linear
    }

    @keyframes WheelTypeC-pulse {
        0% {
            transform: scale(1) rotate(90deg)
        }
        50% {
            transform: scale(1.25) rotate(90deg)
        }
        to {
            transform: scale(1) rotate(90deg)
        }
    }
}

body .WheelTypeC__center {
    position: absolute;
    z-index: 3
}

body .WheelTypeC__stand {
    z-index: 0;
    position: absolute;
    bottom: 0
}

@media (max-width: 767.98px) {
    body .WheelTypeC__stand {
        display: none
    }
}

body .WheelOfFortuneTypeDModal__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(33, 37, 41, .6);
    z-index: 20000;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    justify-content: center;
    align-items: center
}

body .WheelOfFortuneTypeDModal__backdrop_isConstructorPreview {
    z-index: 9999999
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDModal__backdrop {
        overflow-y: scroll;
        overflow-x: hidden
    }
}

body .WheelOfFortuneTypeDModal__untouchable {
    pointer-events: none
}

body .WheelOfFortuneTypeDModal__window {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 580px;
    background: var(--base-surface);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 78px 37px 20px;
    max-width: 814px;
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .2)
}

body .WheelOfFortuneTypeDModal__window_withTimerBeneathSlider {
    padding-top: 20px
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDModal__window {
        max-width: 500px;
        width: calc(100% - 40px);
        min-height: 740px;
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
        padding-top: 45px
    }
}

@media (max-height: 783px)and (max-width: 1024px) {
    body .WheelOfFortuneTypeDModal__window {
        top: 28px;
        transform: translateX(-50%)
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeDModal__window {
        top: 28px;
        transform: translateX(-50%);
        padding: 48px 20px 20px;
        min-height: 400px
    }
}

body .WheelOfFortuneTypeDModal__wheel {
    position: absolute;
    width: 880px;
    height: 880px;
    top: 50%;
    right: -50%;
    transform-origin: center;
    transform: translate(-208px, -55%);
    z-index: 1;
    transition: all .5s ease-out
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDModal__wheel {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        transform: none;
        max-width: none;
        max-height: none;
        margin-top: -160px
    }

    body .WheelOfFortuneTypeDModal__wheelClippingPath {
        margin-top: -20px;
        height: 600px;
        overflow: hidden;
        flex-shrink: 0
    }
}

@media (max-width: 1023.98px)and (max-width: 500px) {
    body .WheelOfFortuneTypeDModal__wheelClippingPath {
        height: 530px
    }
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDModal__wheel {
        transform: rotate(-90deg);
        width: 730px;
        height: 730px;
        margin-top: -110px
    }

    body .WheelOfFortuneTypeDModal__wheel .SpinningWheel__horizontalResultCurrency {
        transform-origin: center;
        transform-box: fill-box;
        transform: rotate(90deg) scale(0)
    }

    body .WheelOfFortuneTypeDModal__wheel .SpinningWheel__horizontalResultCurrency_visible {
        transform: rotate(90deg) scale(1)
    }

    body .WheelOfFortuneTypeDModal__wheel .SpinningWheel__capLogo {
        transform-origin: center;
        transform-box: fill-box;
        transform: rotate(45deg)
    }
}

body .WheelOfFortuneTypeDModal__closeBtn {
    color: var(--base-text-primary);
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    z-index: 5
}

body .WheelOfFortuneTypeDModal__content {
    color: var(--base-text-on-color-bg);
    z-index: 7;
    width: 42%;
    margin-right: auto;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative
}

body .WheelOfFortuneTypeDModal__contentIcon {
    color: #fff;
    margin: 0 .3em
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDModal__content {
        width: 100%;
        justify-content: space-around;
        flex-direction: row
    }
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDModal__content {
        flex-direction: column
    }
}

body .WheelOfFortuneTypeDModal__frame {
    padding: 1.2em 1em 1.1em;
    width: 100%;
    margin-bottom: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 118px;
    max-width: 100%
}

body .WheelOfFortuneTypeDModal__frame_collapsedBottomMargin {
    margin-bottom: 0
}

body .WheelOfFortuneTypeDModal__frame .WheelModalTitle__info {
    margin: 0
}

body .WheelOfFortuneTypeDModal__frameHeader {
    display: flex;
    width: 100%;
    overflow: hidden
}

body .WheelOfFortuneTypeDModal__frameHeader_withTooltip {
    margin-right: calc((18px + .6em) * -1)
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDModal__frame {
        width: 260px;
        flex-shrink: 0;
        margin-bottom: 1em;
        padding: 0 1em;
        min-height: auto
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeDModal__frame {
        height: auto;
        width: 100%;
        padding: 10px 0
    }
}

body .WheelOfFortuneTypeDModal__frame .WheelModalTitle__title {
    line-height: 1.8;
    font-size: 2em;
    margin-bottom: 8px;
    width: 100%
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDModal__frame .WheelModalTitle__title {
        font-size: 1.7em;
        margin-bottom: .3em
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeDModal__frame .WheelModalTitle__title {
        font-size: 1.5em
    }
}

body .WheelOfFortuneTypeDModal__frame .WheelModalTitle__titleText {
    line-height: 1.2em
}

body .WheelOfFortuneTypeDModal__frame .WheelModalTitle__titleText_hasTooltip {
    flex-shrink: 0;
    width: 90%;
    margin-right: .2em
}

body .WheelOfFortuneTypeDModal__frame .WheelDescription__description {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 .5em
}

body .WheelOfFortuneTypeDModal__frame .WheelDescription__descriptionWinAmount {
    color: var(--primary-solid)
}

body .WheelOfFortuneTypeDModal__frame .WheelDescription__description_win {
    display: flex
}

body .WheelOfFortuneTypeDModal__frame .Tooltip__icon {
    line-height: 12px
}

body .WheelOfFortuneTypeDModal__frame .Tooltip__icon svg {
    height: auto
}

body .WheelOfFortuneTypeDModal__tabs {
    max-width: 360px;
    width: 100%;
    margin-bottom: 1em;
    color: var(--base-text-on-color-bg)
}

body .WheelOfFortuneTypeDModal__tabs_collapsedBottomMargin {
    margin-bottom: .5em
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDModal__tabs {
        height: auto;
        margin-bottom: 0
    }
}

body .WheelOfFortuneTypeDModal__tabs .WheelFortuneTabsItem__name {
    display: initial;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeDModal__tabs {
        height: 41px
    }
}

body .WheelOfFortuneTypeDModal__tabs .WheelFortuneTabsItem__name {
    color: var(--base-text-primary);
    line-height: normal;
    flex-shrink: 0
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeDModal__tabs .WheelFortuneTabsItem__name {
        text-align: left
    }
}

body .WheelOfFortuneTypeDModal__tabs .swiper-slide-active .WheelFortuneTabsItem__name {
    color: var(--base-text-on-color-bg);
    text-align: center
}

body .WheelOfFortuneTypeDModal__tabs .WheelFortuneTabsItem__icon.WheelFortuneTabsItem__icon_active svg {
    color: var(--base-text-on-color-bg)
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__list {
    position: relative
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__list > svg.shadow {
    transform: translate(-18px, 13px) scaleY(2.1) scaleX(.9)
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__list > svg.shadow {
        transform: translate(-18px, 13px) scaleY(2.1) scaleX(1.2)
    }
}

@media (max-width: 488px) {
    body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__list > svg.shadow {
        transform: translate(-1px, 13px) scale(1.01, 2.6);
        width: 100%
    }
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__list .swiper-slide {
    background-color: hsla(0, 0%, 100%, .2);
    transition: all .2s
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__list .swiper-slide-active {
    background-color: var(--primary-hover)
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__list .WheelFortuneTabsItem {
    padding: 0 .5em;
    display: flex;
    flex-direction: column
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__list .WheelFortuneTabsItem .WheelFortuneTabsItem__icon {
    margin: 0 auto
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__desktop {
    display: block
}

@media (max-width: 399.98px) {
    body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__desktop {
        display: block
    }
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__desktop {
        display: none
    }
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__suggestion .WheelFortuneTabsItem__icon {
    margin-right: 1em
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__suggestion .WheelFortuneTabsItem__name {
    display: inline;
    text-align: left
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__mobile {
    display: none
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__mobile {
        display: block;
        width: 100%;
        max-width: none
    }
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__mobile-selected .WheelFortuneTabsItem__icon {
    margin-right: 1em
}

body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__mobile-selected .WheelFortuneTabsItem__name {
    display: inline;
    text-align: left
}

@media (max-width: 434.98px) {
    body .WheelOfFortuneTypeDModal__tabs .WheelOfFortuneTabs__mobile-selected {
        width: 100%;
        max-width: none
    }
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDModal__tabs {
        margin-bottom: 1em
    }
}

body .WheelOfFortuneTypeDModal__action {
    cursor: pointer;
    min-width: 140px;
    color: var(--base-text-primary);
    position: absolute;
    z-index: 10;
    top: 45.5%;
    left: 50%;
    transform: translate(-50%, 288px)
}

body .WheelOfFortuneTypeDModal__action .Popover__main {
    margin-top: .9em;
    text-align: center
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDModal__action {
        padding: .5em .3em;
        transform: translate(-50%, -50%) rotate(90deg);
        transform-origin: center;
        border-radius: 8px;
        top: 50%;
        left: 122px
    }
}

body .WheelOfFortuneTypeDModal__action .WheelButtonAuth__goToBonus {
    flex-direction: row
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDModal__action .WheelButtonAuth__goToBonus {
        gap: 8px;
        padding: 0 1px;
        justify-content: space-around
    }
}

body .WheelOfFortuneTypeDModal__action .WheelButtonAuth__goToBonusWrapper {
    grid-gap: 25px
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDModal__action .WheelButtonAuth__goToBonusWrapper {
        grid-gap: 7px;
        position: relative
    }
}

body .WheelOfFortuneTypeDModal__action .WheelTimer__nextSpin {
    display: flex;
    align-items: center;
    gap: 14px
}

body .WheelOfFortuneTypeDModal__action .WheelTimer__nextSpinText {
    font-weight: 500;
    letter-spacing: .03em;
    margin-bottom: 0
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDModal__action .WheelTimer__nextSpinText {
        width: 35%;
        flex-shrink: 0
    }
}

body .WheelOfFortuneTypeDModal__action .WheelTimer__tag {
    font-weight: 500;
    letter-spacing: .03em;
    padding: 10px
}

body .WheelOfFortuneTypeDModal__action .WheelTimer__tag .Format {
    grid-gap: 8px
}

body .WheelOfFortuneTypeDModal__action .WheelTimer__tag .Format > p {
    height: 16px;
    display: flex;
    align-items: center
}

body .WheelOfFortuneTypeDModal__action .WheelTimer__tag .Format > p .Format__value {
    margin-right: .2em
}

body .WheelOfFortuneTypeDModal__errorMessage {
    margin-top: 1.1em;
    line-height: 1.2em;
    text-align: center;
    color: var(--base-alert);
    font-size: 12px
}

body .WheelOfFortuneTypeDModal__noteMessage {
    text-align: center;
    color: var(--base-text-placeholder);
    display: block;
    height: auto;
    max-width: 230px;
    margin-bottom: 1em
}

@media (max-width: 1023.98px) {
    body .WheelOfFortuneTypeDModal__noteMessage {
        margin-top: 1em
    }
}

@media (max-width: 500px) {
    body .WheelOfFortuneTypeDModal__noteMessage {
        margin-bottom: 0
    }
}

body .PromoBannerTypeA {
    padding: 40px
}

body .PromoBannerTypeA__container {
    position: relative
}

body .PromoBannerTypeA .swiper {
    overflow: hidden;
    transition: max-height .5s linear
}

body .PromoBannerTypeA .swiper-wrapper {
    max-height: calc((var(--promo-banner-item-height) + var(--promo-banner-space-between-items)) * 4)
}

@media (max-width: 1023.98px) {
    body .PromoBannerTypeA {
        padding: 32px
    }

    body .PromoBannerTypeA .swiper-slide {
        margin: calc(var(--promo-banner-space-between-items) / 2) !important
    }

    body .PromoBannerTypeA .swiper-wrapper {
        margin: calc(var(--promo-banner-space-between-items) / -2)
    }
}

@media (max-width: 434.98px) {
    body .PromoBannerTypeA {
        padding: 20px
    }
}

body .PromoBannerTypeB {
    padding: 40px
}

body .PromoBannerTypeB__container {
    position: relative
}

body .PromoBannerTypeB .swiper {
    overflow: hidden;
    transition: max-height .5s linear
}

body .PromoBannerTypeB .swiper-wrapper {
    max-height: calc((var(--promo-banner-item-height) + var(--promo-banner-space-between-items)) * 2)
}

@media (max-width: 1023.98px) {
    body .PromoBannerTypeB {
        padding: 32px
    }

    body .PromoBannerTypeB .swiper-slide {
        margin: calc(var(--promo-banner-space-between-items) / 2) !important
    }

    body .PromoBannerTypeB .swiper-wrapper {
        margin: calc(var(--promo-banner-space-between-items) / -2)
    }
}

@media (max-width: 434.98px) {
    body .PromoBannerTypeB {
        padding: 20px
    }
}

body .PromoBannerItem__container {
    position: relative;
    width: 100%;
    height: var(--promo-banner-item-height);
    background: var(--base-background);
    overflow: hidden
}

body .PromoBannerItem__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

body .PromoBannerItem__content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 40px
}

body .PromoBannerItem__title {
    font-size: 2.25rem;
    line-height: 3rem;
    font-weight: 700;
    color: var(--base-text-primary);
    text-transform: none;
    text-decoration: none;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

@media (max-width: 1439.98px) {
    body .PromoBannerItem__content {
        padding: 20px
    }
}

@media (max-width: 1023.98px) {
    body .PromoBannerItem__content {
        padding: 16px
    }

    body .PromoBannerItem__title {
        font-size: 2rem;
        line-height: 2.75rem
    }
}

@media (max-width: 434.98px) {
    body .PromoBannerItem__title {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

body .PromoBannerNavigation .SwiperNavigation__button {
    margin-bottom: 24px
}

@media (max-width: 434.98px) {
    body .PromoBannerNavigation .SwiperNavigation__button {
        margin-bottom: 12px
    }
}

body .RevolverSwitcher {
    position: relative;
    margin-top: -22px
}

body .RevolverSwitcher__innerWheelButton {
    width: 64px;
    height: 64px;
    background-color: var(--base-surface);
    border-radius: 50%;
    padding: 3px;
    position: relative;
    z-index: 2;
    overflow: hidden
}

body .RevolverSwitcher__innerWheelIcon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    color: var(--base-text-primary);
    transition: all .5s;
    opacity: 0
}

body .RevolverSwitcher__innerWheelIcon img, body .RevolverSwitcher__innerWheelIcon svg {
    max-width: 100%;
    max-height: 100%
}

body .RevolverSwitcher__innerWheelIcon_visible {
    opacity: 1
}

body .RevolverSwitcher__innerWheelButtonOutline {
    width: 66px;
    height: 66px;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 50%;
    padding: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, calc(-50% - 1px));
    z-index: -1;
    overflow: hidden
}

body .RevolverSwitcher__innerSmallWheel {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 4;
    background-color: var(--primary-solid);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    width: 60%;
    height: 60%;
    border-radius: 50%;
    transition: all .5s
}

body .RevolverSwitcher__innerSmallWheel_active {
    background-color: var(--primary-hover)
}

body .RevolverSwitcher__topShadow {
    --shadow: inset 0 25px 25px -12.5px var(--base-surface);
    position: absolute;
    box-shadow: var(--shadow), var(--shadow), var(--shadow);
    bottom: -1px;
    left: -1px;
    right: -1px;
    top: -1px;
    z-index: 3
}

body .RevolverSwitcher__outerWheel {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 50%;
    border: none;
    height: 170px;
    left: 50%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
    width: 170px;
    z-index: -1;
    opacity: 0
}

@keyframes inAnimation {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes outAnimation {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

body .RevolverSwitcher__outerWheel_small {
    width: 24px;
    height: 24px
}

body .RevolverSwitcher__outerWheelItem {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-grow: 0;
    flex-wrap: wrap;
    height: 40px;
    justify-content: center;
    left: 50%;
    overflow: visible;
    position: absolute;
    top: 15%;
    transform: translate(-50%, -50%);
    width: 40px
}

body .RevolverSwitcher__outerWheelItem:first-child {
    left: 24%;
    top: 23.5%;
    transform: translate(-50%, -50%)
}

body .RevolverSwitcher__outerWheelItem:last-child {
    left: auto;
    right: 24%;
    top: 23.5%;
    transform: translate(50%, -50%)
}

body .RevolverSwitcher__outerWheelItem input {
    display: none
}

body .RevolverSwitcher__outerWheelItem_active .RevolverSwitcher__outerWheelItemIcon {
    color: var(--primary-solid)
}

body .RevolverSwitcher__outerWheelItemIcon {
    align-items: center;
    color: var(--base-text-secondary);
    display: flex;
    height: 24px;
    justify-content: center;
    width: 100%
}

body .RevolverSwitcher__outerWheelItemIcon img, body .RevolverSwitcher__outerWheelItemIcon svg {
    max-width: 100%;
    max-height: 100%
}

body .RevolverSwitcher__outerWheelItemLabel {
    color: var(--base-text-secondary);
    flex-grow: 0;
    font-size: 9px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

body .WinnersItem {
    cursor: pointer;
    text-decoration: none;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    max-height: 80px;
    min-width: 0
}

body .WinnersItem__logo {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    flex-grow: 0;
    width: 120px;
    height: 80px;
    margin-right: 24px
}

body .WinnersItem__logo img {
    background-color: var(--base-elements) !important
}

body .WinnersItem__logo_placeholder img {
    padding: 21.7% 38.3% !important
}

body .WinnersItem__logoImage {
    width: 100%;
    height: 100%;
    object-fit: contain
}

body .WinnersItem__content {
    max-width: calc(100% - 120px - 24px);
    flex-grow: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    display: flex;
    align-items: stretch;
    justify-content: flex-start
}

body .WinnersItem__contentPartContainer {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

body .WinnersItem__contentPartContainer:first-child {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

body .WinnersItem__contentPartContainer > :first-child {
    margin-right: 10px
}

body .WinnersItem__playerNickname {
    color: var(--base-text-secondary)
}

body .WinnersItem__gameName {
    color: var(--primary-solid)
}

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

body .WinnersItem__winMoneyAmount {
    flex-shrink: 1;
    color: var(--base-text-primary)
}

body .WinnersItem__winMoneyCurrency {
    flex-shrink: 0;
    color: var(--base-text-secondary);
    margin-left: 4px
}

body .WinnersItem__roundEndDate {
    color: var(--base-text-placeholder)
}

body .WinnersItem__gameName, body .WinnersItem__playerNickname, body .WinnersItem__winMoney, body .WinnersItem__winMoneyAmount {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 434.98px) {
    body .WinnersItem {
        max-height: 68px
    }

    body .WinnersItem__logo {
        width: 102px;
        height: 68px;
        margin-right: 16px
    }

    body .WinnersItem__content {
        max-width: calc(100% - 102px - 16px)
    }
}

body .WinnersNavigation__wrapper {
    margin-left: auto
}

body .WinnersNavigation__wrapper_hide {
    display: none
}

body .WinnersTypeA {
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .WinnersTypeA {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .WinnersTypeA {
        padding: var(--container-padding-mobile)
    }
}

body .WinnersTypeA__topSection {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

body .WinnersTypeA__title {
    color: var(--base-text-primary);
    margin-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .WinnersTypeA__title_hidden {
    display: none
}

body .WinnersTypeA__wrapper {
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    grid-column-gap: 80px;
    column-gap: 80px
}

body .WinnersTypeA__wrapper > :nth-child(n+4) {
    border-top: 1px solid var(--base-divider);
    padding-top: 16px;
    margin-top: 16px;
    box-sizing: content-box
}

body .WinnersTypeA__wrapper .WinnersItem {
    max-height: 52px
}

body .WinnersTypeA__wrapper .WinnersItem__logo {
    height: 52px;
    width: 78px
}

body .WinnersTypeA__wrapper .WinnersItem__roundEndDate {
    font-family: var(--secondary-font-family);
    font-size: .75rem;
    line-height: 1.25rem
}

body .WinnersTypeA__wrapper .WinnersItem__content {
    max-width: calc(100% - 78px - 24px)
}

body .WinnersTypeA__wrapper .WinnersItem__contentPartContainer {
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

@media (max-width: 1439.98px) {
    body .WinnersTypeA__wrapper {
        grid-template-columns:1fr 1fr
    }

    body .WinnersTypeA__wrapper > :nth-child(n+3) {
        border-top: 1px solid var(--base-divider);
        padding-top: 16px;
        margin-top: 16px;
        box-sizing: content-box
    }
}

@media (max-width: 1023.98px) {
    body .WinnersTypeA__wrapper {
        column-gap: 40px
    }

    body .WinnersTypeA__wrapper .WinnersItem {
        max-height: 100px;
        align-items: center
    }

    body .WinnersTypeA__wrapper .WinnersItem__logo {
        height: 80px;
        width: 120px;
        margin-right: 16px
    }

    body .WinnersTypeA__wrapper .WinnersItem__content {
        max-width: calc(100% - 120px - 16px)
    }

    body .WinnersTypeA__wrapper .WinnersItem__contentPartContainer {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }
}

@media (max-width: 434.98px) {
    body .WinnersTypeA__topSection {
        margin-bottom: 24px
    }

    body .WinnersTypeA__wrapper {
        display: block
    }

    body .WinnersTypeA__wrapper .swiper-wrapper {
        max-height: 693px
    }

    body .WinnersTypeA__wrapper .swiper-wrapper > :not(:nth-child(6n+1)) {
        border-top: 1px solid var(--base-divider);
        padding-top: 16px;
        margin-top: 16px !important;
        box-sizing: content-box
    }

    body .WinnersTypeA__wrapper .WinnersItem {
        max-height: 88px;
        align-items: center
    }

    body .WinnersTypeA__wrapper .WinnersItem__logo {
        height: 68px;
        width: 102px
    }

    body .WinnersTypeA__wrapper .WinnersItem__content {
        max-width: calc(100% - 102px - 16px)
    }
}

body .WinnersTypeB {
    overflow: hidden;
    padding: 40px 0;
    margin: 0 40px
}

body .WinnersTypeB__topSection {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

body .WinnersTypeB__title {
    color: var(--base-text-primary);
    margin-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .WinnersTypeB__title_hidden {
    display: none
}

body .WinnersTypeB__wrapper .swiper {
    margin: 0 -40px
}

body .WinnersTypeB__wrapper .swiper-slide {
    padding: 0 40px
}

body .WinnersTypeB__wrapper .swiper-slide + .swiper-slide {
    border-left: 1px solid var(--base-divider)
}

@media (max-width: 1439.98px) {
    body .WinnersTypeB {
        padding: 30px 0;
        margin: 0 40px
    }

    body .WinnersTypeB__wrapper .swiper {
        margin: 0 -24px
    }

    body .WinnersTypeB__wrapper .swiper-slide {
        padding: 0 24px
    }
}

@media (max-width: 1023.98px) {
    body .WinnersTypeB {
        padding: 20px 0;
        margin: 0 32px
    }
}

@media (max-width: 434.98px) {
    body .WinnersTypeB {
        padding: 16px 0;
        margin: 0 20px
    }

    body .WinnersTypeB__topSection {
        margin-bottom: 24px
    }

    body .WinnersTypeB__wrapper .swiper {
        margin: 0 -10px
    }

    body .WinnersTypeB__wrapper .swiper-slide {
        padding: 0 10px
    }

    body .WinnersTypeB__wrapper .swiper-slide + .swiper-slide {
        border-left: none
    }
}

body .WinnersTypeC {
    position: fixed;
    top: 260px;
    right: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

body .WinnersTypeC.zIndex1000 {
    z-index: 1000
}

body .WinnersTypeC__openButton {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    width: 52px;
    height: 56px;
    background-color: var(--base-elements)
}

body .WinnersTypeC__openButton:hover .WinnersTypeC__openButtonIcon {
    background-color: var(--primary-hover)
}

body .WinnersTypeC__openButtonIcon {
    display: block;
    width: 24px;
    height: 24px;
    background-color: var(--primary-solid);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/iconPack/winners_modal-button.svg);
    mask-image: url(/iconPack/winners_modal-button.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    transition: background-color .25s
}

body .WinnersTypeC__wrapper {
    max-height: 620px;
    width: 460px;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--base-surface)
}

body .WinnersTypeC__wrapper_isOpen {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

body .WinnersTypeC__topSection {
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

body .WinnersTypeC__title {
    color: var(--base-text-primary);
    margin-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .WinnersTypeC__title_hidden {
    display: none
}

body .WinnersTypeC__closeButton {
    margin-left: auto;
    width: 24px;
    height: 24px;
    background-color: var(--base-text-primary);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-image: url(/iconPack/close.svg);
    mask-image: url(/iconPack/close.svg);
    -webkit-mask-size: cover;
    mask-size: cover
}

body .WinnersTypeC__content {
    padding: 0 20px 20px;
    width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

body .WinnersTypeC__content::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .WinnersTypeC__content::-webkit-scrollbar-track {
    background-color: var(--base-divider)
}

body .WinnersTypeC__content::-webkit-scrollbar-thumb, body .WinnersTypeC__content::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .WinnersTypeC__content::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .WinnersTypeC__content::-webkit-scrollbar {
        width: 6px
    }

    body .WinnersTypeC__content::-webkit-scrollbar-thumb, body .WinnersTypeC__content::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .WinnersTypeC__content::-webkit-scrollbar-track {
    margin-bottom: 20px
}

body .WinnersTypeC__contentItem:not(:first-child) {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--base-divider)
}

@media (max-width: 1279.98px) {
    body .WinnersTypeC {
        top: 155px
    }

    body .WinnersTypeC__openButton {
        width: 40px;
        height: 40px
    }
}

@media (max-width: 767.98px) {
    body .WinnersTypeC__wrapper {
        width: 420px
    }
}

@media (max-width: 434.98px) {
    body .WinnersTypeC__wrapper {
        margin-top: 32px;
        max-height: none;
        position: fixed;
        top: 64px;
        width: 100vw;
        height: calc(100vh - 64px);
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important
    }
}

body .WinnersTypeD {
    position: relative;
    padding: var(--container-padding-desktop)
}

body .WinnersTypeD__topSection {
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap
}

body .WinnersTypeD__tabsWrapper {
    display: inline-block;
    margin-top: 12px
}

body .WinnersTypeD__title {
    color: var(--base-text-primary);
    margin-right: 16px;
    font-size: 44px;
    line-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 768px) {
    body .WinnersTypeD__title {
        font-size: 36px;
        line-height: 48px
    }
}

@media (max-width: 434.98px) {
    body .WinnersTypeD__title {
        font-size: 28px;
        line-height: 36px
    }
}

body .WinnersTypeD__title_hidden {
    display: none
}

body .WinnersTypeD__slugCell {
    display: flex;
    align-items: center
}

body .WinnersTypeD__gameCategoriesIcon {
    margin-right: 8px;
    height: 16px
}

body .WinnersTypeD__wagerCell {
    display: flex;
    align-items: baseline;
    justify-content: flex-end
}

body .WinnersTypeD__wagerCell p {
    color: var(--base-text-secondary)
}

body .WinnersTypeD__wagerCell p:first-child {
    margin-right: 4px;
    color: var(--base-text-primary)
}

body .WinnersTypeD__wagerCellWin {
    color: var(--base-status-active)
}

body .WinnersTypeD__wagerCellLoss {
    color: var(--base-alert)
}

body .WinnersTypeD__sportEventCell {
    display: flex;
    align-items: center;
    gap: 8px
}

body .WinnersTypeD__sportEventTitle {
    max-width: 410px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .WinnersTypeD__wagerCellIcon {
    width: 16px;
    height: 16px;
    margin-left: 8px
}

body .WinnersTypeD__filterWrapper .Filters {
    min-width: 240px;
    display: block;
    height: 40px;
    margin-top: 0
}

body .WinnersTypeD__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

@media (max-width: 1280px) {
    body .WinnersTypeD__wrapper {
        flex-direction: column;
        justify-content: flex-start;
        gap: 20px
    }
}

@media (max-width: 768px) {
    body .WinnersTypeD__wrapper {
        gap: 4px
    }
}

body .WinnersTypeD__wrapper_filtersEnabled {
    flex-direction: column;
    justify-content: flex-start;
    width: unset;
    gap: 16px
}

body .WinnersTypeD__wrapper_filtersEnabled .WinnersTypeD__tabsWrapper {
    margin-top: unset
}

body .WinnersTypeD__sportsBook .Table__tableBody .Table__tableRow {
    cursor: pointer
}

body .WinnersTypeD .Tabs {
    margin: 0
}

body .WinnersTypeD .Select {
    display: none
}

@media (max-width: 1279.98px) {
    body .WinnersTypeD {
        padding: var(--container-padding-tablet)
    }

    body .WinnersTypeD__topSection_filtersEnabled {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    body .WinnersTypeD__filterWrapper {
        margin-top: 16px
    }

    body .WinnersTypeD__sportEventTitle {
        max-width: 340px
    }
}

@media (max-width: 767.98px) {
    body .WinnersTypeD {
        padding: var(--container-padding-mobile)
    }

    body .WinnersTypeD__filterWrapper {
        width: 100%
    }

    body .WinnersTypeD__topSection {
        margin-bottom: 20px
    }

    body .WinnersTypeD__title {
        margin-right: 0
    }

    body .WinnersTypeD__wrapper {
        flex-direction: column
    }

    body .WinnersTypeD__sportEventTitle {
        max-width: 215px
    }

    body .WinnersTypeD .Tabs {
        display: none
    }

    body .WinnersTypeD .Select {
        display: block
    }
}

@media screen and (max-width: 535px) {
    body .WinnersTypeD__topSection {
        display: block
    }
}

@media (max-width: 434.98px) {
    body .WinnersTypeD__sportEventTitle {
        max-width: 100px
    }
}

body .SportsbookModal {
    position: fixed;
    top: 0;
    z-index: 11099;
    bottom: 0;
    left: 0;
    right: 0
}

body .SportsbookModal__overlay {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 160px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    overflow: auto
}

body .SportsbookModal__modal {
    width: 100%;
    max-width: 460px;
    background: var(--base-surface);
    padding: 16px 24px;
    position: relative
}

@media screen and (max-width: 500px) {
    body .SportsbookModal__modal {
        max-width: calc(100% - 40px)
    }
}

@media screen and (max-width: 320px) {
    body .SportsbookModal__modal {
        max-width: 280px;
        padding: 16px 20px 20px
    }
}

body .SportsbookModal__closeIcon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer
}

body .SportsbookModal__closeIcon path {
    fill: var(--base-text-primary)
}

body .SportsbookModal__header {
    margin: 20px 0 24px
}

body .SportsbookModal__title {
    color: var(--base-text-primary);
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%
}

@media screen and (max-width: 500px) {
    body .SportsbookModal__title {
        font-size: 20px
    }
}

body .SportsbookModal__subTitle {
    color: var(--base-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%
}

body .SportsbookModal__data {
    margin-bottom: 24px
}

body .SportsbookModal__item {
    border-bottom: 1px solid var(--base-divider);
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

body .SportsbookModal__item:first-child {
    border-top: 1px solid var(--base-divider)
}

body .SportsbookModal__itemText {
    color: var(--base-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 90%
}

body .SportsbookModal__itemText_data {
    color: var(--base-text-primary);
    font-weight: 700;
    display: flex;
    align-items: center
}

@media screen and (max-width: 500px) {
    body .SportsbookModal__itemText {
        font-size: 12px
    }
}

body .SportsbookModal__itemIcon {
    margin-left: 8px;
    width: 16px;
    height: 16px
}

body .SportsbookModal__event {
    padding: 16px;
    background: var(--base-elements)
}

body .SportsbookModal__event:not(:last-child) {
    margin-bottom: 24px
}

@media screen and (max-width: 500px) {
    body .SportsbookModal__event {
        padding: 12px
    }
}

body .SportsbookModal__eventTitle {
    margin-bottom: 8px;
    color: var(--base-text-primary);
    font-weight: 700;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content
}

body .SportsbookModal__eventTitle svg path {
    fill: var(--base-text-secondary)
}

body .SportsbookModal__liveBadge {
    margin-left: 16px;
    align-self: baseline;
    font-family: Roboto;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    color: var(--base-warning)
}

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

body .SportsbookModal__eventData:not(:last-child) {
    margin-bottom: 12px
}

body .SportsbookModal__eventDataText {
    color: var(--base-text-secondary)
}

body .SportsbookModal__eventDataText_bold {
    color: var(--base-text-primary);
    font-weight: 700;
    white-space: nowrap
}

@media screen and (max-width: 500px) {
    body .SportsbookModal__eventDataText {
        font-size: 12px
    }
}

body .SportsbookModal__eventDataDivider {
    height: 1px;
    width: 100%;
    border-top: 1px dashed var(--base-divider)
}

body .SportsbookModal__okButton {
    width: auto;
    margin-left: auto;
    margin-top: 24px
}

@media screen and (max-width: 500px) {
    body .SportsbookModal__okButton {
        width: 100%
    }
}

body .CarouselBody__wrapper {
    padding: 40px;
    overflow: hidden
}

body .CarouselBody .swiper {
    padding-bottom: 40px;
    margin-bottom: -40px
}

@media (max-width: 1439.98px) {
    body .CarouselBody__wrapper {
        padding: 30px 40px
    }

    body .CarouselBody .swiper {
        padding-bottom: 30px;
        margin-bottom: -30px
    }
}

@media (max-width: 1023.98px) {
    body .CarouselBody__wrapper {
        padding: 20px 32px
    }

    body .CarouselBody .swiper {
        padding-bottom: 20px;
        margin-bottom: -20px
    }
}

@media (max-width: 434.98px) {
    body .CarouselBody__wrapper {
        padding: 16px 20px
    }

    body .CarouselBody .swiper {
        padding-bottom: 16px;
        margin-bottom: -16px
    }
}

body .CarouselItem__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    height: 130px;
    transition: background-color .3s
}

body .CarouselItem__wrapper_showBackground {
    background-color: var(--base-surface);
    box-shadow: var(--base-card-shadow)
}

body .CarouselItem__wrapper_showBackground:hover {
    background-color: var(--base-elements)
}

body .CarouselItem__wrapper_fillWrapperOnHover:hover .CarouselItem__container {
    width: 100%;
    height: 100%
}

body .CarouselItem__container {
    max-width: 100%;
    width: 170px;
    height: 78px;
    transition: width .3s, height .3s
}

body .CarouselItem__image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

body .CarouselItem__svgContainer {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--base-text-secondary)
}

body .CarouselItem__svgContainer svg {
    max-width: 100%;
    max-height: 100%
}

@media (max-width: 1023.98px) {
    body .CarouselItem__wrapper {
        height: 104px
    }

    body .CarouselItem__container {
        width: 130px;
        height: 60px
    }
}

@media (max-width: 434.98px) {
    body .CarouselItem__wrapper {
        height: 88px
    }

    body .CarouselItem__container {
        width: 116px;
        height: 54px
    }
}

body .CarouselNavigation {
    margin-left: auto
}

body .CarouselTopSection__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body .CarouselTopSection__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    color: var(--base-text-secondary);
    margin-right: 16px;
    margin-bottom: 40px
}

body .CarouselTopSection__title_hidden {
    display: none
}

body .CarouselTopSection .CarouselNavigation button {
    margin-bottom: 40px
}

@media (max-width: 1023.98px) {
    body .CarouselTopSection .CarouselNavigation button, body .CarouselTopSection__title {
        margin-bottom: 24px
    }
}

body .CarouselTypeA .swiper {
    padding-left: 6px;
    padding-right: 6px;
    margin-left: -6px;
    margin-right: -6px
}

@media (min-width: 434.98px) {
    body .CarouselTypeA .swiper {
        padding-left: 8px;
        padding-right: 8px;
        margin-left: -8px;
        margin-right: -8px
    }
}

@media (min-width: 1023.98px) {
    body .CarouselTypeA .swiper {
        padding-left: 12px;
        padding-right: 12px;
        margin-left: -12px;
        margin-right: -12px
    }
}

body .CarouselTypeB .CarouselItem__wrapper {
    height: 102px
}

@media (max-width: 1023.98px) {
    body .CarouselTypeB .CarouselItem__wrapper {
        height: 76px
    }
}

@media (max-width: 434.98px) {
    body .CarouselTypeB .CarouselItem__wrapper {
        height: 42px
    }

    body .CarouselTypeB .CarouselItem__container {
        width: 80px;
        height: 38px
    }
}

body .CarouselTypeC .swiper-wrapper {
    flex-wrap: wrap
}

body .CarouselTypeC .CarouselItem__wrapper {
    height: 98px
}

body .CarouselTypeC .CarouselItem__container {
    width: 160px;
    height: 74px
}

@media (max-width: 1439.98px) {
    body .CarouselTypeC .CarouselItem__wrapper {
        height: 92px
    }

    body .CarouselTypeC .CarouselItem__container {
        width: 148px;
        height: 68px
    }
}

@media (max-width: 1023.98px) {
    body .CarouselTypeC .CarouselItem__wrapper {
        height: 76px
    }

    body .CarouselTypeC .CarouselItem__container {
        width: 130px;
        height: 60px
    }
}

@media (max-width: 434.98px) {
    body .CarouselTypeC .CarouselItem__wrapper {
        height: 48px
    }

    body .CarouselTypeC .CarouselItem__container {
        width: 70px;
        height: 32px
    }
}

body .CarouselTypeD .swiper {
    box-shadow: var(--base-card-shadow)
}

body .CarouselTypeD .swiper-wrapper {
    display: inline-flex;
    width: auto;
    max-width: 100%
}

body .CarouselTypeD.CarouselBody__wrapper_onlyOneScreen .swiper {
    overflow: initial;
    box-shadow: none;
    border: none !important
}

body .CarouselTypeD.CarouselBody__wrapper_onlyOneScreen .swiper-wrapper {
    overflow: hidden;
    box-shadow: var(--base-card-shadow)
}

body .CarouselTypeD.CarouselBody .swiper {
    padding-bottom: 0;
    margin-bottom: 0
}

body .CarouselTypeD .CarouselItem {
    border-radius: 0 !important
}

body .CarouselTypeD .CarouselItem__wrapper_showBackground {
    box-shadow: none
}

@media (max-width: 1439.98px) {
    body .CarouselTypeD .CarouselItem__wrapper {
        height: 115px
    }
}

@media (max-width: 1023.98px) {
    body .CarouselTypeD .CarouselItem__wrapper {
        height: 88px
    }

    body .CarouselTypeD .CarouselItem__container {
        width: 134px;
        height: 62px
    }
}

@media (max-width: 434.98px) {
    body .CarouselTypeD .CarouselItem__wrapper {
        height: 88px
    }

    body .CarouselTypeD .CarouselItem__container {
        width: 112px;
        height: 52px
    }
}

body .CarouselTypeE .swiper-slide {
    width: auto;
    display: flex;
    justify-content: center
}

body .CarouselTypeE .swiper {
    margin-left: -5px;
    margin-right: -5px
}

@media (min-width: 434.98px) {
    body .CarouselTypeE .swiper {
        margin-left: -8px;
        margin-right: -8px
    }
}

@media (min-width: 1439.98px) {
    body .CarouselTypeE .swiper {
        margin-left: -10px;
        margin-right: -10px
    }
}

body .CarouselTypeE .CarouselItem {
    flex-shrink: 0;
    border-radius: 50% !important;
    margin: 0 10px
}

body .CarouselTypeE .CarouselItem__wrapper {
    width: 60px;
    height: 60px
}

body .CarouselTypeE .CarouselItem__wrapper_showBackground {
    background-color: var(--base-elements);
    box-shadow: var(--base-tooltip-shadow)
}

body .CarouselTypeE .CarouselItem__wrapper_showBackground:hover {
    background-color: var(--base-elements-hover)
}

body .CarouselTypeE .CarouselItem__container {
    width: 44px;
    height: 44px
}

@media (max-width: 1439.98px) {
    body .CarouselTypeE .CarouselItem {
        margin: 0 8px
    }
}

@media (max-width: 1023.98px) {
    body .CarouselTypeE .CarouselItem__wrapper {
        width: 56px;
        height: 56px
    }
}

@media (max-width: 434.98px) {
    body .CarouselTypeE .CarouselItem {
        margin: 0 5px
    }

    body .CarouselTypeE .CarouselItem__wrapper {
        width: 48px;
        height: 48px
    }

    body .CarouselTypeE .CarouselItem__container {
        width: 32px;
        height: 32px
    }
}

body .QuestCardPrizeInfo__wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px
}

body .QuestCardPrizeInfo__icon {
    width: 20px;
    height: 20px;
    color: var(--primary-solid)
}

body .QuestCardPrizeInfo__title {
    color: var(--primary-solid)
}

body .QuestCardPrizeInfo__amount {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--base-text-primary)
}

body .QuestCardPrizeInfo__cryptoFiatAmount {
    margin-left: 8px;
    color: var(--base-text-secondary)
}

body .QuestCardTypeA.Shadow {
    box-shadow: 0 2px 24px var(--primary-solid);
    background: var(--primary-gradient)
}

body .QuestCardTypeA.Disabled * {
    pointer-events: none
}

body .QuestCardTypeA {
    display: flex;
    flex-direction: column;
    padding: 1px;
    background: transparent;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    max-width: 360px;
    min-width: 280px;
    width: 100%;
    height: 510px;
    overflow: hidden;
    position: relative
}

body .QuestCardTypeA__linkText {
    display: block;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
    line-height: 100%
}

@media (max-width: 1919.98px) {
    body .QuestCardTypeA {
        height: 510px
    }
}

@media (max-width: 1279.98px) {
    body .QuestCardTypeA {
        height: 497px;
        max-width: 340px
    }
}

@media (max-width: 767.98px) {
    body .QuestCardTypeA {
        height: 420px
    }
}

@media (max-width: 434.98px) {
    body .QuestCardTypeA {
        max-width: 100%
    }
}

body .QuestCardTypeA__disable {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
    flex-direction: column;
    justify-content: flex-end
}

body .QuestCardTypeA__disablePic {
    background: rgba(41, 45, 50, .8);
    margin-top: 50px;
    width: 100%;
    max-height: 200px;
    min-height: 200px
}

@media (max-width: 1919.98px) {
    body .QuestCardTypeA__disablePic {
        max-height: 247px;
        min-height: 247px
    }
}

@media (max-width: 1279.98px) {
    body .QuestCardTypeA__disablePic {
        max-height: 224px;
        min-height: 224px
    }
}

body .QuestCardTypeA__reason {
    width: calc(100% - 28px);
    padding: 10px;
    background: var(--primary-solid);
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 12px;
    justify-content: center
}

body .QuestCardTypeA__icon_reasonIcon {
    width: 24px;
    height: 24px;
    color: var(--base-text-primary)
}

body .QuestCardTypeA__icon_reasonIcon svg {
    width: 24px;
    height: 24px
}

body .QuestCardTypeA__reasonText {
    color: var(--base-text-primary)
}

body .QuestCardTypeA__timer {
    box-shadow: var(--base-tooltip-shadow);
    background: var(--base-elements);
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1
}

body .QuestCardTypeA__timer .QuestsCountDown {
    padding: 4px 12px;
    display: flex;
    align-items: center;
    color: var(--base-text-placeholder)
}

body .QuestCardTypeA__timer .QuestsCountDown .Format__value {
    color: var(--base-text-primary);
    margin-right: 2px
}

body .QuestCardTypeA__timer .QuestsCountDown .Format__delimiter {
    margin: 0 6px
}

body .QuestCardTypeA__timer .QuestsCountDown.ShowSeconds .Format__value {
    color: var(--base-alert)
}

body .QuestCardTypeA__pic {
    width: 100%;
    height: 100%;
    max-height: 240px;
    min-height: 240px;
    object-fit: cover;
    object-position: center;
    background: var(--base-elements)
}

@media (max-width: 1919.98px) {
    body .QuestCardTypeA__pic {
        max-height: 187px;
        min-height: 187px
    }
}

@media (max-width: 1279.98px) {
    body .QuestCardTypeA__pic {
        max-height: 227px;
        min-height: 227px
    }
}

@media (max-width: 767.98px) {
    body .QuestCardTypeA__pic {
        max-height: 150px;
        min-height: 150px
    }
}

body .QuestCardTypeA__prize {
    background: var(--base-elements);
    padding: 8px;
    justify-content: center;
    flex: 0 0 auto
}

body .QuestCardTypeA__body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--base-surface)
}

body .QuestCardTypeA__name {
    color: var(--base-text-primary)
}

body .QuestCardTypeA__description, body .QuestCardTypeA__name {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    margin-bottom: 8px;
    word-break: break-word
}

body .QuestCardTypeA__description {
    color: var(--base-text-secondary);
    white-space: pre-wrap
}

body .QuestCardTypeA__description_hidden {
    display: block;
    -webkit-line-clamp: inherit;
    position: absolute;
    width: inherit;
    left: 20px;
    right: 20px;
    z-index: -1;
    visibility: hidden
}

body .QuestCardTypeA__tooltip {
    margin-bottom: 8px;
    font-size: .875rem;
    line-height: 1.5rem;
    align-self: flex-start;
    color: var(--primary-link);
    text-decoration: underline;
    -webkit-text-decoration-color: var(--primary-link);
    text-decoration-color: var(--primary-link);
    transition: color .3s ease-in-out
}

body .QuestCardTypeA__tooltip_content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    width: 100%;
    max-width: 320px;
    margin-bottom: 0;
    box-sizing: border-box;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--base-text-primary);
    text-decoration: none;
    white-space: pre-wrap;
    word-break: break-word;
    text-overflow: ellipsis
}

body .QuestCardTypeA__tooltip:hover {
    color: var(--primary-link-hover)
}

body .QuestCardTypeA__tooltip:hover.QuestCardTypeA__tooltip_content {
    color: var(--base-text-primary)
}

@media (max-width: 1919.98px) {
    body .QuestCardTypeA__tooltip_content {
        max-width: 250px
    }
}

@media (max-width: 1279.98px) {
    body .QuestCardTypeA__tooltip_content {
        max-width: 298px
    }
}

@media (max-width: 767.98px) {
    body .QuestCardTypeA__tooltip_content {
        max-width: 298px
    }
}

@media (max-width: 434.98px) {
    body .QuestCardTypeA__tooltip_content {
        max-width: 238px
    }
}

body .QuestCardTypeA__footer {
    display: flex;
    margin-top: auto;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-end
}

body .QuestCardTypeA__progress {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1
}

body .QuestCardTypeA__progressTitleWrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body .QuestCardTypeA__progressTitle {
    text-transform: uppercase;
    color: var(--base-text-secondary)
}

body .QuestCardTypeA__progressAmount {
    color: var(--base-text-primary);
    text-transform: uppercase
}

body .QuestCardTypeA__progressBar {
    border-radius: 16px;
    background: var(--base-divider);
    width: 100%;
    position: relative;
    height: 12px
}

body .QuestCardTypeA__progressBarPercent {
    background: var(--primary-gradient);
    height: 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 16px
}

body .QuestCardTypeA__prizeTake {
    background: var(--primary-solid);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

body .QuestCardTypeA__icon_prizeTakeIcon {
    color: var(--base-text-primary)
}

body .QuestCardTypeA__icon_prizeTakeIcon path {
    fill: currentColor !important;
    stroke: currentColor !important
}

body .QuestCardTypeA__icon_prizeTakeIcon svg {
    height: 40px;
    width: 40px
}

body .QuestCardTypeA__button_prizeShow {
    width: 100%
}

body .QuestCardTypeA__button_prizeShow .LinkButton__button {
    gap: 10px
}

body .QuestCardTypeA__icon_prizeShowIcon, body .QuestCardTypeA__icon_prizeShowIcon svg {
    width: 24px;
    height: 24px
}

body .QuestCardTypeA__prizeShowText {
    text-transform: uppercase;
    font-weight: 600
}

body .QuestCardTypeA__button_prizeNotAuth {
    width: 100%
}

body .QuestCardTypeA__button_prizeNotAuth .LinkButton__button {
    font-weight: 600
}

body .QuestCardTypeA__done {
    display: block;
    position: absolute;
    right: 1px;
    top: 20px;
    height: 36px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%);
    min-width: 100px;
    max-width: 140px;
    background: var(--primary-gradient);
    box-shadow: 0 2px 24px var(--primary-solid);
    overflow: hidden
}

body .QuestCardTypeA__doneContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 0 30px
}

body .QuestCardTypeA__doneContainer:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 15px;
    transform: skewX(-35deg);
    left: -150%;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4));
    filter: blur(4px);
    animation: flareAnimation 3s linear infinite
}

body .QuestCardTypeA__doneTitle {
    position: relative;
    z-index: 1;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.5rem;
    color: var(--base-text-primary);
    text-transform: uppercase
}

body .QuestCardTypeA div[data-radix-popper-content-wrapper] {
    z-index: 2 !important
}

body .QuestCardTypeB__card {
    display: grid;
    grid-template-areas:"picWrap body" "prize body";
    grid-template-rows:1fr auto;
    grid-template-columns:48% auto;
    background: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    overflow: hidden;
    position: relative
}

@media (max-width: 1919.98px) {
    body .QuestCardTypeB__card {
        grid-template-areas:"picWrap" "prize" "body";
        grid-template-rows:1fr auto 1fr;
        grid-template-columns:none
    }
}

@media (max-width: 1023.98px) {
    body .QuestCardTypeB__card {
        grid-template-areas:"picWrap body" "prize body";
        grid-template-rows:1fr auto;
        grid-template-columns:48% auto
    }
}

@media (max-width: 767.98px) {
    body .QuestCardTypeB__card {
        grid-template-areas:"picWrap" "prize" "body";
        grid-template-rows:1fr auto 1fr;
        grid-template-columns:none
    }
}

body .QuestCardTypeB__card_highlighted {
    box-shadow: 0 2px 24px 0 var(--primary-solid);
    border-color: var(--primary-hover)
}

body .QuestCardTypeB__picWrap {
    position: relative;
    z-index: 3;
    grid-area: picWrap
}

body .QuestCardTypeB__pic {
    width: 100%;
    height: 100%;
    max-height: 196px;
    object-fit: cover;
    object-position: center;
    background: var(--base-elements)
}

@media (max-width: 1919.98px) {
    body .QuestCardTypeB__pic {
        max-height: 214px
    }
}

@media (max-width: 1279.98px) {
    body .QuestCardTypeB__pic {
        max-height: 186px
    }
}

@media (max-width: 767.98px) {
    body .QuestCardTypeB__pic {
        max-height: 112px
    }
}

body .QuestCardTypeB__doneTag {
    position: absolute;
    left: 0;
    top: 72px;
    height: 24px;
    width: 140px;
    transform-origin: bottom left;
    transform: rotate(-45deg);
    background: var(--primary-gradient);
    display: flex;
    justify-content: center;
    align-items: center
}

body .QuestCardTypeB__doneTag:after {
    content: "";
    display: block;
    width: 30px;
    height: 100%;
    background: #fff;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .5) 0, #fff 50%, hsla(0, 0%, 100%, .5));
    left: 0;
    top: 0;
    filter: blur(10px);
    transform: rotate(90deg);
    position: absolute;
    animation: doneTagFlare 3s ease-in-out infinite
}

body .QuestCardTypeB__doneTag_text {
    color: var(--base-text-primary)
}

body .QuestCardTypeB__timer {
    box-shadow: var(--base-tooltip-shadow);
    background: var(--base-elements);
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1
}

@media (max-width: 1279.98px) {
    body .QuestCardTypeB__timer {
        right: 16px;
        top: 16px
    }
}

@media (max-width: 767.98px) {
    body .QuestCardTypeB__timer {
        right: 12px;
        top: 12px
    }
}

body .QuestCardTypeB__timer .QuestsCountDown {
    padding: 4px 12px;
    display: flex;
    align-items: center;
    color: var(--base-text-placeholder)
}

body .QuestCardTypeB__timer .QuestsCountDown .Format__value {
    color: var(--base-text-primary);
    margin-right: 2px
}

body .QuestCardTypeB__timer .QuestsCountDown .Format__delimiter {
    margin: 0 6px
}

body .QuestCardTypeB__timer .QuestsCountDown.ShowSeconds {
    color: var(--base-alert)
}

body .QuestCardTypeB__questDisabledBackground {
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
    flex-direction: column;
    justify-content: flex-end;
    background: rgba(41, 45, 50, .8)
}

body .QuestCardTypeB__questDisabledButton {
    position: absolute;
    bottom: 7%;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 28px);
    height: 40px;
    z-index: 4;
    background: var(--primary-solid);
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 12px;
    justify-content: center
}

body .QuestCardTypeB__questDisabledIcon {
    width: 24px;
    height: 24px;
    color: var(--base-text-primary)
}

body .QuestCardTypeB__questDisabledText {
    color: var(--base-text-primary)
}

body .QuestCardTypeB__prize {
    grid-area: prize;
    justify-content: center;
    height: 44px
}

body .QuestCardTypeB__body {
    grid-area: body;
    padding: 20px;
    display: flex;
    flex-direction: column
}

@media (max-width: 1279.98px) {
    body .QuestCardTypeB__body {
        padding: 16px
    }
}

body .QuestCardTypeB__name {
    color: var(--base-text-primary);
    margin-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

@media (max-width: 1279.98px) {
    body .QuestCardTypeB__name {
        margin-bottom: 12px
    }
}

body .QuestCardTypeB__description {
    color: var(--base-text-secondary);
    letter-spacing: -1px;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    word-break: break-word;
    margin-bottom: 8px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

body .QuestCardTypeB__description_hidden {
    display: block;
    -webkit-line-clamp: inherit;
    position: absolute;
    width: inherit;
    left: 20px;
    right: 20px;
    z-index: -1;
    visibility: hidden
}

body .QuestCardTypeB__tooltip {
    margin-bottom: 8px;
    font-size: .875rem;
    line-height: 1.5rem;
    align-self: flex-start;
    color: var(--primary-link);
    text-decoration: underline;
    -webkit-text-decoration-color: var(--primary-link);
    text-decoration-color: var(--primary-link);
    transition: color .3s ease-in-out
}

body .QuestCardTypeB__tooltip_content {
    width: 100%;
    max-width: 340px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    margin-bottom: 0;
    box-sizing: border-box;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--base-text-primary);
    text-decoration: none;
    white-space: pre-wrap;
    word-break: break-word;
    text-overflow: ellipsis
}

body .QuestCardTypeB__tooltip:hover {
    color: var(--primary-link-hover)
}

body .QuestCardTypeB__tooltip:hover.QuestCardTypeB__tooltip_content {
    color: var(--base-text-primary)
}

@media (max-width: 1919.98px) {
    body .QuestCardTypeB__tooltip_content {
        max-width: 420px
    }
}

@media (max-width: 1279.98px) {
    body .QuestCardTypeB__tooltip_content {
        max-width: 335px
    }
}

@media (max-width: 767.98px) {
    body .QuestCardTypeB__tooltip_content {
        max-width: 363px
    }
}

@media (max-width: 434.98px) {
    body .QuestCardTypeB__tooltip_content {
        max-width: 248px
    }
}

body .QuestCardTypeB__footer {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: auto
}

body .QuestCardTypeB__button_prizeNotAuth {
    width: 100%
}

body .QuestCardTypeB__progress {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1
}

body .QuestCardTypeB__progressBar {
    border-radius: 16px;
    background: var(--base-divider);
    width: 100%;
    position: relative;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

body .QuestCardTypeB__progressBarPercent {
    border-radius: 16px;
    background: var(--primary-gradient);
    height: 28px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1
}

body .QuestCardTypeB__progressAmount {
    z-index: 1;
    color: var(--base-text-primary);
    text-transform: uppercase
}

body .QuestCardTypeB__prizeTake {
    display: flex;
    flex-direction: column;
    color: var(--primary-solid);
    width: 46px;
    height: 46px;
    justify-content: center;
    align-items: center
}

body .QuestCardTypeB__prizeTake_notActivated {
    animation: pulse 1.5s ease-in-out infinite
}

body .QuestCardTypeB__prizeTake_activated .QuestCardTypeB___animationGiftCap {
    animation: giftCapMoving 1.5s ease-in-out
}

body .QuestCardTypeB__prizeTake_activated .QuestCardTypeB___animationGiftBox {
    animation: giftBoxMoving 1.5s ease-in-out
}

body .QuestCardTypeB__icon_prizeTakeIcon {
    color: var(--base-text-primary)
}

body .QuestCardTypeB__icon_prizeTakeIcon svg {
    height: 40px;
    width: 40px
}

body .QuestCardTypeB__prizeShow {
    background: var(--primary-solid);
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--base-text-primary)
}

body .QuestCardTypeB__icon_prizeShowIcon, body .QuestCardTypeB__icon_prizeShowIcon svg {
    width: 24px;
    height: 24px
}

body .QuestCardTypeB__prizeShowText {
    text-transform: uppercase;
    font-weight: 600
}

body .QuestCardTypeB div[data-radix-popper-content-wrapper] {
    z-index: 2 !important
}

@keyframes pulse {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.2)
    }
    to {
        transform: scale(1)
    }
}

@keyframes giftCapMoving {
    25% {
        transform: translateY(10px)
    }
    50% {
        transform: unset
    }
    75% {
        transform: rotate(90deg) translate(14px, -16px)
    }
    to {
        transform: rotate(90deg) translate(14px, -16px)
    }
}

@keyframes giftBoxMoving {
    25% {
        transform: translateY(10px)
    }
    to {
        transform: translateY(10px)
    }
}

@keyframes doneTagFlare {
    0% {
        left: -30px
    }
    10% {
        left: 100%
    }
    to {
        left: 100%
    }
}

body .QuestCardTypeC {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    padding-top: 13.8888888889%
}

@media (max-width: 1439.98px) {
    body .QuestCardTypeC {
        padding-top: 15.625%
    }
}

@media (max-width: 1023.98px) {
    body .QuestCardTypeC {
        padding-top: 14.5348837209%
    }
}

@media (max-width: 767.98px) {
    body .QuestCardTypeC {
        padding: 12px 0;
        border-radius: 0 !important;
        border-top: 1px solid var(--base-divider)
    }
}

body .QuestCardTypeC__cardDesktop {
    position: relative;
    background: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    border: 1px solid var(--base-surface);
    padding: 0 32px 32px;
    display: flex;
    flex-direction: column;
    height: 100%
}

@media (max-width: 1023.98px) {
    body .QuestCardTypeC__cardDesktop {
        padding: 0 24px 24px
    }
}

@media (max-width: 767.98px) {
    body .QuestCardTypeC__cardDesktop {
        display: none
    }
}

body .QuestCardTypeC__cardDesktop_highlighted {
    box-shadow: 0 2px 24px 0 var(--primary-solid);
    border-color: var(--primary-hover)
}

body .QuestCardTypeC__cardDesktop_disabled * {
    pointer-events: none
}

body .QuestCardTypeC__disableMask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    background: rgba(41, 45, 50, .8)
}

body .QuestCardTypeC__disableBody {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

body .QuestCardTypeC__disableIcon {
    width: 24px;
    height: 24px;
    color: var(--base-text-primary)
}

body .QuestCardTypeC__disableIcon svg {
    width: 24px;
    height: 24px
}

body .QuestCardTypeC__disableText {
    color: var(--base-text-primary)
}

body .QuestCardTypeC__topSection {
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 28px;
    width: 100%;
    margin-top: -15.9090909091%
}

@media (max-width: 1439.98px) {
    body .QuestCardTypeC__topSection {
        margin-top: -18.2291666667%
    }
}

@media (max-width: 1023.98px) {
    body .QuestCardTypeC__topSection {
        margin-bottom: 24px;
        margin-top: -16.8918918919%
    }
}

@media (max-width: 767.98px) {
    body .QuestCardTypeC__topSection {
        margin: 0;
        align-items: center;
        gap: 8px
    }
}

body .QuestCardTypeC__topSectionHalf {
    position: relative;
    flex: 1 1 198px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between
}

body .QuestCardTypeC__topSectionHalf_image {
    flex: 1 1 210px;
    margin-right: 32px;
    align-items: center;
    justify-content: center;
    padding-top: 31.8181818182%
}

@media (max-width: 1439.98px) {
    body .QuestCardTypeC__topSectionHalf {
        flex: 1 1 142px
    }

    body .QuestCardTypeC__topSectionHalf_image {
        flex: 1 1 210px;
        padding-top: 36.4583333333%
    }
}

@media (max-width: 1023.98px) {
    body .QuestCardTypeC__topSectionHalf {
        flex: 1 1 122px
    }

    body .QuestCardTypeC__topSectionHalf_image {
        flex: 1 1 150px;
        margin-right: 24px;
        padding-top: 33.7837837838%
    }
}

body .QuestCardTypeC__image {
    position: absolute;
    top: -50%;
    transform: translateY(50%);
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: none
}

body .QuestCardTypeC__image_cover {
    object-fit: cover
}

body .QuestCardTypeC__timer {
    margin-top: auto;
    z-index: 1
}

body .QuestCardTypeC__timer .QuestsCountDown {
    padding: 4px 0;
    display: flex;
    align-items: center;
    color: var(--base-text-placeholder)
}

body .QuestCardTypeC__timer .QuestsCountDown .Format__value {
    color: var(--base-text-primary);
    margin-right: 2px
}

body .QuestCardTypeC__timer .QuestsCountDown .Format__delimiter {
    margin: 0 6px
}

body .QuestCardTypeC__timer .QuestsCountDown.ShowSeconds {
    color: var(--base-alert)
}

@media (max-width: 767.98px) {
    body .QuestCardTypeC__timer {
        margin: 0
    }
}

body .QuestCardTypeC__labelDone, body .QuestCardTypeC__labelDoneIcon {
    position: relative;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center
}

body .QuestCardTypeC__labelDoneIcon {
    overflow: hidden
}

body .QuestCardTypeC__labelDoneIcon div {
    height: 100%
}

body .QuestCardTypeC__labelDoneIcon .primary-solid {
    fill: var(--primary-solid) !important
}

body .QuestCardTypeC__labelDoneIcon .primary-hover {
    fill: var(--primary-hover) !important
}

body .QuestCardTypeC__labelDoneIcon:after {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    width: 32px;
    left: -32px;
    background: var(--base-text-on-color-bg);
    opacity: .3;
    filter: blur(2px);
    animation: flareAnimation 2s linear infinite
}

body .QuestCardTypeC__labelDoneText {
    z-index: 1;
    position: absolute;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--base-text-primary)
}

body .QuestCardTypeC__name {
    color: var(--base-text-primary);
    margin-bottom: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

@media (max-width: 1023.98px) {
    body .QuestCardTypeC__name {
        margin-bottom: 8px
    }
}

@media (max-width: 767.98px) {
    body .QuestCardTypeC__name {
        margin-bottom: 0;
        margin-right: auto;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow-wrap: break-word
    }
}

body .QuestCardTypeC__description {
    color: var(--base-text-secondary);
    margin-bottom: 8px;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

body .QuestCardTypeC__description_hidden {
    display: block;
    -webkit-line-clamp: inherit;
    position: absolute;
    width: inherit;
    left: 20px;
    right: 20px;
    z-index: -1;
    visibility: hidden
}

@media (max-width: 767.98px) {
    body .QuestCardTypeC__description {
        display: none
    }
}

body .QuestCardTypeC__tooltip {
    margin-bottom: 8px;
    font-size: .875rem;
    line-height: 1.5rem;
    align-self: flex-start;
    color: var(--primary-link);
    text-decoration: underline;
    -webkit-text-decoration-color: var(--primary-link);
    text-decoration-color: var(--primary-link);
    transition: color .3s ease-in-out
}

body .QuestCardTypeC__tooltip_content {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 15;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    max-width: 415px;
    width: 100%;
    margin-bottom: 0;
    box-sizing: border-box;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--base-text-primary);
    text-decoration: none;
    white-space: pre-wrap;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow-y: hidden
}

body .QuestCardTypeC__tooltip:hover {
    color: var(--primary-link-hover)
}

body .QuestCardTypeC__tooltip:hover.QuestCardTypeC__tooltip_content {
    color: var(--base-text-primary)
}

@media (max-width: 1919.98px) {
    body .QuestCardTypeC__tooltip_content {
        max-width: 400px
    }
}

@media (max-width: 1279.98px) {
    body .QuestCardTypeC__tooltip_content {
        max-width: 305px
    }
}

body .QuestCardTypeC__footer {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: flex-end;
    padding-top: 16px;
    margin-top: auto
}

@media (max-width: 767.98px) {
    body .QuestCardTypeC__footer {
        padding-top: 0;
        gap: 8px;
        justify-content: flex-end;
        align-items: center
    }
}

body .QuestCardTypeC__loginButton {
    width: 100%;
    font-weight: 600
}

body .QuestCardTypeC__progress {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1;
    padding: 8px 12px;
    background: var(--base-elements)
}

@media (max-width: 767.98px) {
    body .QuestCardTypeC__progress {
        flex-grow: 0
    }
}

body .QuestCardTypeC__progressTitleWrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body .QuestCardTypeC__progressTitle {
    text-transform: uppercase;
    color: var(--base-text-secondary)
}

body .QuestCardTypeC__progressAmount {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--base-text-primary);
    text-transform: uppercase
}

body .QuestCardTypeC__progressAmount span {
    white-space: nowrap;
    color: var(--base-text-placeholder)
}

body .QuestCardTypeC__progressBar {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
    height: 12px
}

body .QuestCardTypeC__progressBarPercent {
    background: var(--base-divider);
    height: 12px;
    flex: 1 1;
    border-radius: 16px
}

body .QuestCardTypeC__progressBarPercentSuccess {
    background: var(--base-success);
    height: 12px;
    flex: 1 1;
    border-radius: 16px
}

body .QuestCardTypeC__giftBox .primary-solid path {
    fill: var(--primary-solid) !important
}

body .QuestCardTypeC__giftBox .primary-hover path {
    fill: var(--primary-hover) !important
}

body .QuestCardTypeC__giftBox .divider path {
    fill: var(--base-divider) !important
}

body .QuestCardTypeC__giftBox .surface path {
    fill: var(--base-surface) !important
}

body .QuestCardTypeC__giftBox .warning path {
    fill: var(--base-warning) !important
}

body .QuestCardTypeC__showPrizeButton {
    width: 100%
}

body .QuestCardTypeC__showPrizeButton a {
    font-weight: 600
}

body .QuestCardTypeC__showPrizeButton .Icon {
    width: unset
}

@media (max-width: 767.98px) {
    body .QuestCardTypeC__showPrizeButton {
        width: auto
    }

    body .QuestCardTypeC__showPrizeButton a {
        height: 20px;
        padding: 4px 8px;
        font-family: var(--primary-font-family);
        font-size: .625rem;
        line-height: .75rem
    }
}

body .QuestCardTypeC__mobileWrap {
    display: none
}

@media (max-width: 767.98px) {
    body .QuestCardTypeC__mobileWrap {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 12px 0;
        border-top: 1px solid var(--base-divider)
    }
}

body .QuestCardTypeC__mobileWrap .QuestCardPrizeInfo__icon {
    width: 12px;
    height: 12px
}

body .QuestCardTypeC__mobileWrap .QuestCardPrizeInfo__wrap {
    font-size: .75rem;
    line-height: 1.25rem;
    gap: 4px
}

body .QuestCardTypeC__mobileWrap .QuestCardPrizeInfo__cryptoFiatAmount {
    margin-left: 4px
}

body .QuestCardTypeC__getPrizeButton {
    font-weight: 600;
    text-transform: uppercase;
    height: 20px;
    padding: 4px 8px;
    color: var(--base-text-on-color-bg);
    background: var(--primary-gradient);
    white-space: nowrap
}

body .QuestCardTypeC div[data-radix-popper-content-wrapper] {
    z-index: 2 !important
}

body .QuestsList {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 40px
}

@media (max-width: 1279.98px) {
    body .QuestsList {
        padding: 32px;
        gap: 32px
    }
}

@media (max-width: 767.98px) {
    body .QuestsList {
        padding: 20px
    }
}

body .QuestsList__cardsWrap {
    display: grid;
    flex-wrap: wrap;
    justify-content: center
}

body .QuestsList__cardsWrap_A {
    grid-template-columns:repeat(4, minmax(auto, 100%));
    grid-row-gap: 40px;
    grid-column-gap: 40px
}

@media (max-width: 1919.98px) {
    body .QuestsList__cardsWrap_A {
        grid-template-columns:repeat(3, minmax(auto, 100%))
    }
}

@media (max-width: 1279.98px) {
    body .QuestsList__cardsWrap_A {
        grid-template-columns:repeat(2, minmax(auto, 100%));
        grid-row-gap: 24px;
        grid-column-gap: 24px
    }
}

@media (max-width: 767.98px) {
    body .QuestsList__cardsWrap_A {
        grid-template-columns:repeat(1, minmax(auto, 100%))
    }
}

body .QuestsList__cardsWrap_B {
    grid-template-columns:repeat(2, minmax(auto, 100%));
    grid-row-gap: 40px;
    grid-column-gap: 40px
}

@media (max-width: 1279.98px) {
    body .QuestsList__cardsWrap_B {
        grid-template-columns:repeat(1, minmax(auto, 100%));
        grid-row-gap: 24px;
        grid-column-gap: 24px
    }
}

body .QuestsList__cardsWrap_C {
    grid-template-columns:repeat(3, minmax(auto, 100%));
    grid-row-gap: 40px;
    grid-column-gap: 40px
}

@media (max-width: 1919.98px) {
    body .QuestsList__cardsWrap_C {
        grid-template-columns:repeat(2, minmax(auto, 100%))
    }
}

@media (max-width: 1279.98px) {
    body .QuestsList__cardsWrap_C {
        grid-template-columns:repeat(2, minmax(auto, 100%));
        grid-row-gap: 24px;
        grid-column-gap: 24px
    }
}

@media (max-width: 767.98px) {
    body .QuestsList__cardsWrap_C {
        grid-template-columns:repeat(1, minmax(auto, 100%))
    }
}

body .QuestsList__menu .QuestsList__menuTitle .QuestsList__title {
    font-weight: 700;
    color: var(--base-text-primary)
}

body .Quests {
    display: block;
    max-width: 100%;
    background: var(--base-background);
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .Quests {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .Quests {
        padding: var(--container-padding-mobile)
    }
}

body .Quests__container {
    margin: 0 auto
}

body .Quests__title {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: left;
    margin-bottom: 28px
}

body .Quests__title h2 {
    font-weight: 700;
    color: var(--base-text-primary);
    flex: 1 1;
    display: flex;
    align-items: center;
    gap: 20px
}

body .Quests__title h2 .Icon, body .Quests__title h2 .Icon svg {
    width: 24px;
    height: 24px
}

body .Quests__title h2 span:first-child {
    display: flex;
    position: relative
}

body .Quests__title h2 .Popover__wrapper {
    position: static !important
}

body .Quests__title h2 .Popover__icon {
    position: static !important;
    display: flex
}

body .Quests__title h2 .Popover__textPopover {
    position: absolute !important;
    bottom: 50%;
    left: 100%;
    z-index: 11;
    margin-bottom: 6px;
    transform: translateY(50%);
    margin-left: 12px
}

@media (max-width: 767.98px) {
    body .Quests__title h2 .Popover__textPopover {
        bottom: 100%;
        left: 0;
        margin-bottom: 0;
        margin-left: 0;
        transform: translate(-33%, 137%);
        margin-top: 12px
    }
}

body .Quests__title h2 .Popover__textPopover:before {
    top: 100%;
    left: 0;
    right: 100%
}

@media (max-width: 767.98px) {
    body .Quests__title h2 .Popover__textPopover:before {
        top: 0;
        left: 0;
        right: 0
    }
}

body .Quests__title h2 .Popover__textPopover:after {
    top: 50%;
    left: -6px;
    margin-left: -6px;
    transform: rotate(90deg)
}

@media (max-width: 767.98px) {
    body .Quests__title h2 .Popover__textPopover:after {
        top: -12px;
        left: 37%;
        margin-left: -6px;
        transform: rotate(180deg)
    }
}

body .Quests__buttonsWrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex: 1 1
}

body .Quests__cardsWrap {
    display: grid;
    max-width: 100%;
    overflow: hidden
}

body .Quests__cardsWrap_A {
    grid-template-columns:repeat(4, minmax(auto, 100%));
    grid-row-gap: 40px;
    grid-column-gap: 40px
}

@media (max-width: 1919.98px) {
    body .Quests__cardsWrap_A {
        grid-template-columns:repeat(3, minmax(auto, 100%));
        grid-row-gap: 32px;
        grid-column-gap: 32px
    }
}

@media (max-width: 1279.98px) {
    body .Quests__cardsWrap_A {
        grid-template-columns:repeat(2, minmax(auto, 100%));
        grid-row-gap: 24px;
        grid-column-gap: 24px
    }
}

@media (max-width: 767.98px) {
    body .Quests__cardsWrap_A {
        grid-template-columns:repeat(1, minmax(auto, 100%));
        grid-row-gap: 16px;
        grid-column-gap: 16px
    }
}

body .Quests__cardsWrap_B {
    grid-template-columns:repeat(2, minmax(auto, 100%));
    grid-row-gap: 40px;
    grid-column-gap: 40px
}

@media (max-width: 1919.98px) {
    body .Quests__cardsWrap_B {
        grid-row-gap: 32px;
        grid-column-gap: 32px
    }
}

@media (max-width: 1279.98px) {
    body .Quests__cardsWrap_B {
        grid-template-columns:repeat(1, minmax(auto, 100%));
        grid-row-gap: 40px;
        grid-column-gap: 40px
    }
}

@media (max-width: 767.98px) {
    body .Quests__cardsWrap_B {
        grid-row-gap: 32px;
        grid-column-gap: 32px
    }
}

body .Quests__cardsWrap_C {
    padding-top: 100px;
    grid-template-columns:repeat(3, minmax(auto, 100%));
    grid-row-gap: 90px;
    grid-column-gap: 24px
}

@media (max-width: 1919.98px) {
    body .Quests__cardsWrap_C {
        grid-template-columns:repeat(2, minmax(340px, 100%));
        grid-row-gap: 120px
    }
}

@media (max-width: 1279.98px) {
    body .Quests__cardsWrap_C {
        grid-column-gap: 16px
    }
}

@media (max-width: 767.98px) {
    body .Quests__cardsWrap_C {
        padding-top: 20px;
        grid-template-columns:repeat(1, minmax(auto, 100%));
        grid-row-gap: 0;
        grid-column-gap: 0
    }
}

@media (max-width: 1279.98px) {
    body .Quests__title {
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    body .Quests__title {
        align-items: center;
        gap: 16px
    }

    body .Quests__title h2 {
        width: 100%
    }
}

@media (max-width: 434.98px) {
    body .Quests__title {
        flex-wrap: nowrap;
        gap: 10px
    }

    body .Quests__title h2 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        gap: 10px
    }
}

body .globalBackground .Quests {
    background: transparent
}

body .NoQuestsBox {
    display: block;
    padding: 40px
}

body .NoQuestsBox__wrapper {
    max-width: 814px;
    margin: 0 auto;
    background-color: var(--base-surface);
    border-radius: 12px;
    overflow: hidden;
    padding: 40px;
    text-align: center
}

body .NoQuestsBox__icon {
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto 40px;
    color: var(--primary-solid)
}

body .NoQuestsBox__icon .Icon, body .NoQuestsBox__icon span, body .NoQuestsBox__icon svg {
    width: 100%;
    height: 100%
}

body .NoQuestsBox__title {
    font-size: 2.25rem;
    line-height: 3rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 8px
}

body .NoQuestsBox__description {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 40px
}

body .NoQuestsBox__button {
    max-width: 180px;
    margin: 0 auto
}

@media (max-width: 767.98px) {
    body .NoQuestsBox {
        padding: 32px
    }

    body .NoQuestsBox__wrapper {
        max-width: 704px;
        padding: 32px
    }

    body .NoQuestsBox__icon {
        width: 120px;
        height: 120px;
        background-size: 91px 78px;
        margin: 0 auto 32px
    }

    body .NoQuestsBox__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    body .NoQuestsBox__description {
        font-size: .875rem;
        line-height: 1.5rem;
        margin-bottom: 32px
    }

    body .NoQuestsBox {
        padding: 20px
    }

    body .NoQuestsBox__wrapper {
        max-width: 100%;
        padding: 20px
    }

    body .NoQuestsBox__icon {
        width: 100px;
        height: 100px;
        background-size: 76px 65px;
        margin: 0 auto 20px
    }

    body .NoQuestsBox__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    body .NoQuestsBox__description {
        font-size: .75rem;
        line-height: 1.25rem;
        margin-bottom: 20px
    }
}

body .questErrorModal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

body .questErrorModal__back {
    top: 0;
    left: 0;
    opacity: .4
}

body .questErrorModal__back, body .questErrorModal__block {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--base-surface)
}

body .questErrorModal__block {
    max-width: 460px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 312px;
    padding: 36px 2px 16px;
    z-index: 2;
    box-shadow: var(--base-modal-shadow)
}

body .questErrorModal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer
}

body .questErrorModal__icon {
    width: 100px;
    height: 100px;
    margin: auto
}

body .questErrorModal__icon svg {
    width: 66px;
    height: 66px
}

body .questErrorModal__title {
    margin: 24px 0 12px;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: var(--base-text-primary)
}

body .questErrorModal__description {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: var(--base-text-secondary)
}

body .questErrorModal__button {
    max-width: 200px;
    margin: 24px auto 0
}

body .questErrorModal__button button {
    width: 100%;
    max-height: 40px
}

@media (max-width: 1279.98px) {
    body .questErrorModal .questErrorModal__title {
        font-size: 24px;
        line-height: 32px
    }

    body .questErrorModal .questErrorModal__description {
        font-size: 16px;
        line-height: 28px
    }
}

@media (max-width: 767.98px) {
    body .questErrorModal .questErrorModal__title {
        font-size: 20px;
        line-height: 28px
    }

    body .questErrorModal .questErrorModal__description {
        font-size: 14px;
        line-height: 24px
    }
}

body .PlayerProgressSkeleton {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%
}

@media (max-width: 767.98px) {
    body .PlayerProgressSkeleton {
        gap: 27px
    }
}

body .PlayerProgressSkeleton__twoElementsWrap {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 24px;
    width: calc(50% - 25px);
    margin: 20px 0
}

body .PlayerProgressSkeleton__twoElementsWrap .PlayerProgressSkeleton__row {
    animation: skeleton-loading 1s linear infinite alternate;
    height: 30px;
    width: 68%
}

body .PlayerProgressSkeleton__twoElementsWrap .PlayerProgressSkeleton__row:first-child {
    width: 86%
}

@media (max-width: 767.98px) {
    body .PlayerProgressSkeleton__twoElementsWrap .PlayerProgressSkeleton__row {
        height: 28px
    }

    body .PlayerProgressSkeleton__twoElementsWrap {
        width: 100%;
        margin: 16px 0
    }

    body .PlayerProgressSkeleton__twoElementsWrap:first-child {
        display: none
    }
}

body .PlayerProgressSkeleton__row {
    animation: skeleton-loading 1s linear infinite alternate;
    height: 50px;
    width: 100%;
    border-radius: 16px
}

@media (max-width: 767.98px) {
    body .PlayerProgressSkeleton__row {
        height: 46px
    }
}

@keyframes skeleton-loading {
    0% {
        background: var(--base-elements)
    }
    to {
        background: var(--base-divider)
    }
}

@media (max-width: 767.98px) {
    body .PlayerProgressSkeleton > .PlayerProgressSkeleton__twoElementsWrap {
        display: none
    }

    body .PlayerProgressSkeleton > .PlayerProgressSkeleton__twoElementsWrap ~ .PlayerProgressSkeleton__twoElementsWrap {
        display: flex
    }
}

body .PlayerProgressNoData {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

body .PlayerProgressNoData__message {
    color: var(--base-text-secondary)
}

body .PlayerProgressNoData__button {
    width: 200px;
    margin-top: 16px;
    padding: 0;
    box-shadow: none
}

body .PlayerProgressNoData__button:active {
    box-shadow: none
}

body .PlayerProgressTournamentTypeAB {
    width: 280px;
    height: 164px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    flex-shrink: 0
}

body .PlayerProgressTournamentTypeAB__pic {
    display: flex;
    position: relative
}

body .PlayerProgressTournamentTypeAB__pic .PlayerProgressTournamentTypeAB__image {
    width: 100%;
    height: 90px;
    object-fit: cover
}

body .PlayerProgressTournamentTypeAB__pic .PlayerProgressTournamentTypeAB__title {
    font-weight: 700;
    color: var(--base-text-primary);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: absolute;
    left: 12px;
    bottom: 12px;
    width: calc(100% - 24px);
    z-index: 2
}

body .PlayerProgressTournamentTypeAB__pic:after {
    content: "";
    background: rgba(33, 37, 41, .7);
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

body .PlayerProgressTournamentTypeAB__body {
    background: var(--base-elements);
    height: 100%;
    padding: 12px;
    display: flex
}

body .PlayerProgressTournamentTypeAB__body .PlayerProgressTournamentTypeAB__places {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100%;
    width: 100%;
    text-decoration: none
}

body .PlayerProgressTournamentTypeAB__body .PlayerProgressTournamentTypeAB__places .PlayerProgressTournamentTypeAB__ratingPlace_me {
    background: var(--base-elements-hover);
    bottom: 0;
    left: 0;
    z-index: 1
}

body .PlayerProgressTournamentTypeAB__body .PlayerProgressTournamentTypeAB__places .PlayerProgressTournamentTypeAB__ratingPlace_another {
    background: var(--base-elements-hover);
    z-index: 0;
    top: 0;
    width: calc(100% - 12px);
    left: 6px;
    opacity: .5
}

body .PlayerProgressTournamentTypeAB__body .PlayerProgressTournamentTypeAB__places_meFirst .PlayerProgressTournamentTypeAB__ratingPlace_me {
    bottom: auto;
    top: 0
}

body .PlayerProgressTournamentTypeAB__body .PlayerProgressTournamentTypeAB__places_meFirst .PlayerProgressTournamentTypeAB__ratingPlace_another {
    top: auto;
    bottom: 0
}

body .PlayerProgressTournamentTypeAB__body .PlayerProgressTournamentTypeAB__ratingPlace {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
    height: 32px;
    width: 100%;
    border-radius: 16px;
    color: var(--base-text-primary);
    position: absolute
}

body .PlayerProgressTournamentTypeAB__body .PlayerProgressTournamentTypeAB__buttonWrap {
    align-self: flex-end;
    width: 100%
}

body .PlayerProgressTournamentTag {
    position: absolute;
    z-index: 2;
    top: 12px;
    left: 12px;
    display: flex;
    padding: 4px 12px;
    align-items: center;
    cursor: default;
    background: var(--base-elements);
    height: 32px;
    width: 40px;
    overflow: hidden;
    flex: 0 1
}

body .PlayerProgressTournamentTag__icon {
    flex: 0 1
}

body .PlayerProgressTournamentTag__icon svg {
    width: 16px;
    height: 16px
}

body .PlayerProgressTournamentTag__tagNameWrap {
    overflow: hidden;
    width: 0;
    transition: width .5s
}

body .PlayerProgressTournamentTag__tagName {
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase;
    position: relative;
    left: -100%
}

body .PlayerProgressTournamentTag:hover {
    width: auto;
    gap: 12px
}

body .PlayerProgressTournamentTag:hover .PlayerProgressTournamentTag__tagNameWrap {
    width: 100%
}

body .PlayerProgressTournamentTag:hover .PlayerProgressTournamentTag__tagName {
    left: 0
}

body .PlayerProgressTournamentTag__icon_active, body .PlayerProgressTournamentTag__tagName_active {
    color: var(--base-status-active)
}

body .PlayerProgressTournamentTag__icon_finished, body .PlayerProgressTournamentTag__tagName_finished {
    color: var(--base-status-offline)
}

body .PlayerProgressTournamentTag__icon_subscribed, body .PlayerProgressTournamentTag__tagName_subscribed {
    color: var(--base-status-unsubscribed)
}

body .PlayerProgressTournamentTypeC {
    position: relative;
    max-width: 280px;
    width: 100%;
    min-width: 212px;
    padding: 16px;
    overflow: hidden;
    box-shadow: var(--base-card-shadow);
    scroll-snap-align: start
}

body .PlayerProgressTournamentTypeC_controlledWidth {
    max-width: none;
    min-width: auto;
    flex-shrink: 0;
    flex-grow: 0
}

body .PlayerProgressTournamentTypeC__image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    z-index: 0
}

body .PlayerProgressTournamentTypeC__imageShadowMask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    background: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) 35%, hsla(0, 0%, 100%, .1));
    z-index: 1
}

body .PlayerProgressTournamentTypeC__content {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    z-index: 2
}

body .PlayerProgressTournamentTypeC__topSection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px
}

body .PlayerProgressTournamentTypeC__title {
    color: var(--base-text-primary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

body .PlayerProgressTournamentTypeC__indicator {
    flex: 0 0 8px;
    align-self: flex-start;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--base-status-offline)
}

body .PlayerProgressTournamentTypeC__indicator_active {
    background: var(--base-status-active)
}

body .PlayerProgressTournamentTypeC__places {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-top: 16px;
    height: 50px;
    width: 100%;
    text-decoration: none
}

body .PlayerProgressTournamentTypeC__ratingPlace {
    position: absolute;
    background: var(--base-elements-hover);
    color: var(--base-text-primary);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 16px;
    width: 100%
}

body .PlayerProgressTournamentTypeC__ratingPlace_me {
    bottom: 0;
    z-index: 1
}

body .PlayerProgressTournamentTypeC__ratingPlace_another {
    top: 0;
    z-index: 0;
    width: calc(100% - 12px);
    opacity: .5
}

body .PlayerProgressTournamentTypeC__ratingPlace_placeOnBottom {
    top: auto;
    bottom: 0
}

body .PlayerProgressTournamentTypeC__ratingPlace_placeOnTop {
    top: 0;
    bottom: auto
}

body .PlayerProgressTournamentTypeC__buttonWrap {
    margin-top: 26px;
    width: 100%
}

body .PlayerProgressQuestAB.Shadow {
    box-shadow: 0 2px 24px var(--primary-solid);
    background: var(--primary-gradient)
}

body .PlayerProgressQuestAB {
    display: flex;
    flex-direction: column;
    padding: 1px;
    background: transparent;
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    max-width: 280px;
    min-width: 280px;
    width: 100%;
    height: 312px;
    overflow: hidden;
    position: relative
}

body .PlayerProgressQuestAB__disable {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
    flex-direction: column;
    justify-content: flex-end
}

body .PlayerProgressQuestAB__disablePic {
    background: rgba(41, 45, 50, .8);
    margin-top: 50px;
    width: 100%;
    max-height: 96px;
    min-height: 96px
}

body .PlayerProgressQuestAB__reason {
    width: calc(100% - 28px);
    padding: 10px;
    background: var(--primary-solid);
    display: flex;
    align-items: center;
    gap: 14px;
    border-radius: 12px;
    justify-content: center
}

body .PlayerProgressQuestAB__icon_reasonIcon {
    width: 24px;
    height: 24px;
    color: var(--base-text-primary)
}

body .PlayerProgressQuestAB__icon_reasonIcon svg {
    width: 24px;
    height: 24px
}

body .PlayerProgressQuestAB__reasonText {
    color: var(--base-text-primary)
}

body .PlayerProgressQuestAB__timer {
    box-shadow: var(--base-tooltip-shadow);
    background: var(--base-elements);
    position: absolute;
    right: 10px;
    top: 134px;
    z-index: 2
}

body .PlayerProgressQuestAB__timer .QuestsCountDown {
    padding: 4px 12px;
    display: flex;
    align-items: center;
    color: var(--base-text-placeholder)
}

body .PlayerProgressQuestAB__timer .QuestsCountDown .Format__value {
    color: var(--base-text-primary);
    margin-right: 2px
}

body .PlayerProgressQuestAB__timer .QuestsCountDown .Format__delimiter {
    margin: 0 6px
}

body .PlayerProgressQuestAB__timer .QuestsCountDown.ShowSeconds .Format__value {
    color: var(--base-alert)
}

body .PlayerProgressQuestAB__pic {
    width: 100%;
    height: 100%;
    max-height: 180px;
    min-height: 180px;
    object-fit: cover;
    object-position: center;
    background: var(--base-elements)
}

body .PlayerProgressQuestAB__prizeWrap {
    background: var(--base-elements);
    padding: 4px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

body .PlayerProgressQuestAB__icon_prizeIcon {
    width: 20px;
    height: 20px;
    color: var(--primary-solid)
}

body .PlayerProgressQuestAB__prizeTitle {
    color: var(--primary-solid)
}

body .PlayerProgressQuestAB__prizeAmount {
    color: var(--base-text-primary)
}

body .PlayerProgressQuestAB__cryptoFiatPrize, body .PlayerProgressQuestAB__prizeAmount {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

body .PlayerProgressQuestAB__cryptoFiatPrize {
    color: var(--base-text-secondary)
}

body .PlayerProgressQuestAB__body {
    padding: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    background: var(--base-surface)
}

body .PlayerProgressQuestAB__name {
    color: var(--base-text-primary);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
    word-break: break-word;
    font-weight: 700
}

body .PlayerProgressQuestAB__footer {
    display: flex;
    margin-top: auto;
    gap: 16px;
    justify-content: space-between;
    align-items: flex-end
}

body .PlayerProgressQuestAB__progress {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1
}

body .PlayerProgressQuestAB__progressTitleWrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body .PlayerProgressQuestAB__progressTitle {
    text-transform: uppercase;
    color: var(--base-text-secondary)
}

body .PlayerProgressQuestAB__progressAmount {
    color: var(--base-text-primary);
    text-transform: uppercase
}

body .PlayerProgressQuestAB__progressBar {
    border-radius: 16px;
    background: var(--base-elements);
    width: 100%;
    position: relative;
    height: 8px
}

body .PlayerProgressQuestAB__progressBarPercent {
    background: var(--base-success);
    height: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 16px
}

body .PlayerProgressQuestAB__prizeTake {
    background: var(--primary-solid);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

body .PlayerProgressQuestAB__icon_prizeTakeIcon {
    color: var(--base-text-primary)
}

body .PlayerProgressQuestAB__icon_prizeTakeIcon path {
    fill: currentColor !important;
    stroke: currentColor !important
}

body .PlayerProgressQuestAB__icon_prizeTakeIcon svg {
    height: 24px;
    width: 24px
}

body .PlayerProgressQuestAB__button_prizeShow {
    width: 100%
}

body .PlayerProgressQuestAB__button_prizeShow .LinkButton__button {
    gap: 10px
}

body .PlayerProgressQuestAB__icon_prizeShowIcon, body .PlayerProgressQuestAB__icon_prizeShowIcon svg {
    width: 24px;
    height: 24px
}

body .PlayerProgressQuestAB__prizeShowText {
    text-transform: uppercase;
    font-weight: 600
}

body .PlayerProgressQuestAB__button_prizeNotAuth {
    width: 100%
}

body .PlayerProgressQuestAB__button_prizeNotAuth .LinkButton__button {
    font-weight: 600
}

body .PlayerProgressQuestAB__done {
    display: block;
    position: absolute;
    right: 1px;
    top: 20px;
    height: 36px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 50%);
    min-width: 100px;
    max-width: 140px;
    background: var(--primary-gradient);
    box-shadow: 0 2px 24px var(--primary-solid);
    overflow: hidden
}

body .PlayerProgressQuestAB__doneContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 0 30px
}

body .PlayerProgressQuestAB__doneContainer:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 15px;
    transform: skewX(-35deg);
    left: -150%;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .4), hsla(0, 0%, 100%, .4));
    filter: blur(4px);
    animation: flareAnimation 3s linear infinite
}

body .PlayerProgressQuestAB__doneTitle {
    position: relative;
    z-index: 1;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.5rem;
    color: var(--base-text-primary);
    text-transform: uppercase
}

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

body .PlayerProgressQuestC {
    padding: 16px;
    background: transparent;
    box-shadow: var(--base-card-shadow);
    max-width: 280px;
    min-width: 212px;
    width: 100%;
    overflow: hidden;
    position: relative;
    scroll-snap-align: start
}

body .PlayerProgressQuestC_controlledWidth {
    max-width: none;
    min-width: auto;
    flex-shrink: 0;
    flex-grow: 0
}

body .PlayerProgressQuestC_carousel {
    min-width: auto;
    width: auto
}

body .PlayerProgressQuestC__prizeTakeIcon {
    color: var(--base-text-primary)
}

body .PlayerProgressQuestC__prizeTakeIcon path {
    fill: currentColor !important;
    stroke: currentColor !important
}

body .PlayerProgressQuestC__prizeTakeIcon svg {
    height: 24px;
    width: 24px
}

body .PlayerProgressQuestC__pic {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: var(--base-elements);
    z-index: 0
}

body .PlayerProgressQuestC__picShadowMask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 1
}

body .PlayerProgressQuestC__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

body .PlayerProgressQuestC__flexRow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

body .PlayerProgressQuestC__timer {
    box-shadow: var(--base-tooltip-shadow);
    background: var(--base-elements)
}

body .PlayerProgressQuestC__timer .QuestsCountDown {
    padding: 4px 12px;
    display: flex;
    align-items: center;
    color: var(--base-text-placeholder)
}

body .PlayerProgressQuestC__timer .QuestsCountDown .Format__value {
    color: var(--base-text-primary);
    margin-right: 2px
}

body .PlayerProgressQuestC__timer .QuestsCountDown .Format__delimiter {
    margin: 0 6px
}

body .PlayerProgressQuestC__timer .QuestsCountDown.ShowSeconds .Format__value {
    color: var(--base-alert)
}

body .PlayerProgressQuestC__doneContainer {
    align-self: flex-start;
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--primary-gradient);
    overflow: hidden
}

body .PlayerProgressQuestC__doneIcon {
    width: 100%;
    height: 100%;
    color: var(--base-text-primary)
}

body .PlayerProgressQuestC__prizeWrap {
    padding: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

body .PlayerProgressQuestC__prizeIcon {
    width: 20px;
    height: 20px;
    color: var(--primary-solid)
}

body .PlayerProgressQuestC__prizeTitle {
    color: var(--primary-solid)
}

body .PlayerProgressQuestC__prizeAmount {
    color: var(--base-text-primary)
}

body .PlayerProgressQuestC__cryptoFiatPrize, body .PlayerProgressQuestC__prizeAmount {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

body .PlayerProgressQuestC__cryptoFiatPrize {
    color: var(--base-text-secondary)
}

body .PlayerProgressQuestC__name {
    color: var(--base-text-primary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    margin-bottom: 8px;
    font-weight: 700
}

body .PlayerProgressQuestC__progress {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1 1;
    align-self: flex-end
}

body .PlayerProgressQuestC__progress_declined {
    opacity: .3
}

body .PlayerProgressQuestC__progressTitleWrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

body .PlayerProgressQuestC__progressTitle {
    text-transform: uppercase;
    color: var(--base-text-secondary)
}

body .PlayerProgressQuestC__progressAmount {
    color: var(--base-text-primary);
    text-transform: uppercase
}

body .PlayerProgressQuestC__progressBar {
    border-radius: 16px;
    background: var(--base-elements);
    width: 100%;
    position: relative;
    height: 8px
}

body .PlayerProgressQuestC__progressBarPercent {
    background: var(--primary-gradient);
    height: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 16px
}

body .PlayerProgressQuestC__prizeTake {
    background: var(--primary-solid);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

body .PlayerProgressQuestC__declineContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin-bottom: 16px
}

body .PlayerProgressQuestC__declineIcon {
    width: 16px;
    height: 16px;
    color: var(--base-alert)
}

body .PlayerProgressQuestC__declineIcon svg {
    width: 16px;
    height: 16px
}

body .PlayerProgressQuestC__declineReason {
    color: var(--base-alert);
    font-weight: 600;
    text-transform: uppercase
}

body .PlayerProgressQuestC__showPrizeButton {
    width: 100%
}

body .PlayerProgressQuestC__showPrizeButton .LinkButton__button {
    gap: 10px
}

body .PlayerProgressQuestC__showPrizeIcon {
    color: var(--base-text-primary);
    width: 24px;
    height: 24px
}

body .PlayerProgressQuestC__showPrizeIcon svg {
    width: 24px;
    height: 24px
}

body .PlayerProgressQuestC__showPrizeText {
    color: var(--base-text-on-color-bg);
    text-transform: uppercase;
    font-weight: 600
}

body .PlayerProgressCashbackRow {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

body .PlayerProgressCashbackRow__name {
    color: var(--base-text-primary);
    font-weight: 700
}

body .PlayerProgressCashbackRow__dash {
    border-top: 1px dashed var(--base-divider);
    width: 100%;
    flex: 1 1
}

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

body .PlayerProgressCashbackRow__amountWrap .PlayerProgressCashbackRow__amount {
    font-weight: 700;
    color: var(--base-text-primary);
    white-space: break-spaces;
    text-align: end
}

body .PlayerProgressCashbackRow__amountWrap span {
    position: relative !important
}

body .PlayerProgressCashbackRow__amounts {
    margin-right: 8px
}

body .PlayerProgressCashbackRow__crypto {
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    color: var(--base-text-placeholder)
}

body .PlayerProgressCashbackRow__icon {
    color: var(--base-text-secondary);
    width: 24px;
    height: 24px;
    position: static !important
}

body .PlayerProgressCashbackRow .Tooltip__icon, body .PlayerProgressCashbackRow__icon svg {
    width: 24px;
    height: 24px
}

body .PopoverCashback {
    display: flex;
    flex-direction: column;
    gap: 4px
}

body .PopoverCashback__title {
    font-weight: 700;
    color: var(--base-text-primary)
}

body .PopoverCashback__divider {
    border-top: 1px solid var(--base-divider);
    width: 100%
}

body .PopoverCashback__content {
    color: var(--base-text-secondary)
}

body .PopoverCashback__tag {
    padding: 0 12px;
    flex: 0 1;
    border: 1px solid var(--base-divider);
    border-radius: 16px
}

body .PopoverCashback__tagName {
    color: var(--base-text-secondary)
}

body .PlayerProgressBonusTypeAB {
    width: 100%
}

body .PlayerProgressBonusTypeAB__progressBar {
    display: flex;
    flex-direction: column;
    gap: 4px
}

body .PlayerProgressBonusTypeAB__links {
    display: flex;
    justify-content: space-between;
    align-items: center
}

body .PlayerProgressBonusTypeAB__links .PlayerProgressBonusTypeAB__active {
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-transform: uppercase;
    color: var(--primary-link)
}

body .PlayerProgressBonusTypeAB__links .PlayerProgressBonusTypeAB__next {
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    text-transform: uppercase;
    -webkit-text-decoration-line: none;
    text-decoration-line: none;
    color: var(--base-text-placeholder)
}

body .PlayerProgressBonusTypeAB__bar {
    background: var(--base-divider);
    display: flex;
    height: 8px;
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 12px
}

body .PlayerProgressBonusTypeAB__bar .PlayerProgressBonusTypeAB__percent {
    height: 8px;
    background: var(--primary-gradient)
}

body .PlayerProgressBonusTypeAB__row {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-start
}

body .PlayerProgressBonusTypeAB__row .PlayerProgressBonusTypeAB__rowName {
    color: var(--base-text-secondary)
}

body .PlayerProgressBonusTypeAB__row .PlayerProgressBonusTypeAB__dash {
    border-top: 1px dashed var(--base-divider);
    width: 100%;
    flex: 1 1
}

body .PlayerProgressBonusTypeAB__row .PlayerProgressBonusTypeAB__amountWrap {
    display: flex;
    align-items: flex-start;
    gap: 4px
}

body .PlayerProgressBonusTypeAB__row .PlayerProgressBonusTypeAB__amountWrap .PlayerProgressBonusTypeAB__amount {
    color: var(--base-text-primary)
}

body .PlayerProgressBonusTypeAB__row .PlayerProgressBonusTypeAB__amountWrap .PlayerProgressBonusTypeAB__amount_grey {
    color: var(--base-text-secondary)
}

body .PlayerProgressBonusTypeAB__row .PlayerProgressBonusTypeAB__amountWrap .PlayerProgressBonusTypeAB__crypto {
    color: var(--base-text-placeholder);
    position: absolute;
    white-space: nowrap;
    bottom: 0;
    right: 0;
    text-transform: uppercase
}

body .PlayerProgressBonusTypeAB__row .PlayerProgressBonusTypeAB__amountWrap_withCrypto {
    padding-bottom: 12px;
    position: relative
}

body .PlayerProgressBonusTypeC {
    padding: 16px;
    background: transparent;
    box-shadow: var(--base-card-shadow);
    max-width: 280px;
    min-width: 212px;
    width: 100%;
    overflow: hidden;
    position: relative
}

body .PlayerProgressBonusTypeC__pic {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: var(--base-elements);
    z-index: 0
}

body .PlayerProgressBonusTypeC__picShadowMask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 1
}

body .PlayerProgressBonusTypeC__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

body .PlayerProgressBonusTypeC__topSection {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

body .PlayerProgressBonusTypeC__timer {
    box-shadow: var(--base-tooltip-shadow);
    background: var(--base-elements)
}

body .PlayerProgressBonusTypeC__timer .PlayerProgressBonusCountDown {
    padding: 4px 12px;
    display: flex;
    align-items: center;
    color: var(--base-text-placeholder)
}

body .PlayerProgressBonusTypeC__timer .PlayerProgressBonusCountDown .Format__value {
    color: var(--base-text-primary);
    margin-right: 2px
}

body .PlayerProgressBonusTypeC__timer .PlayerProgressBonusCountDown .Format__delimiter {
    margin: 0 6px
}

body .PlayerProgressBonusTypeC__timer .PlayerProgressBonusCountDown.ShowSeconds .Format__value {
    color: var(--base-alert)
}

body .PlayerProgressBonusTypeC__activeMark {
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-left: auto;
    background: var(--base-status-active)
}

body .PlayerProgressBonusTypeC__name {
    color: var(--base-text-primary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

body .PlayerProgressBonusTypeC__progress {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 4px
}

body .PlayerProgressBonusTypeC__progressTitleWrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px
}

body .PlayerProgressBonusTypeC__progressTitleLeft {
    font-weight: 600;
    flex: 1 1 auto;
    color: var(--primary-link);
    text-transform: uppercase;
    text-decoration: underline;
    cursor: pointer;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word
}

body .PlayerProgressBonusTypeC__progressTitleRight {
    font-weight: 600;
    flex: 0 0 auto;
    color: var(--base-text-placeholder);
    text-transform: uppercase
}

body .PlayerProgressBonusTypeC__progressBar {
    border-radius: 16px;
    background: var(--base-elements);
    width: 100%;
    position: relative;
    height: 8px
}

body .PlayerProgressBonusTypeC__progressBarPercent {
    background: var(--primary-gradient);
    height: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    border-radius: 16px
}

body .PlayerProgressBonusTypeC__bottomSection {
    margin-top: auto
}

body .PlayerProgressBonusTypeC__button {
    margin-top: 8px;
    width: 100%
}

body .PlayerProgressBonusTypeC__buttonText {
    color: var(--base-text-on-color-bg);
    text-transform: uppercase;
    font-weight: 600
}

body .PlayerProgressBonuses {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

body .PlayerProgressBonuses__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    background: var(--base-elements);
    padding: 10px 10px 10px 16px;
    gap: 16px
}

body .PlayerProgressBonuses__name {
    font-weight: 700;
    color: var(--base-text-primary);
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-word
}

body .PlayerProgressBonuses__prizeTake {
    background: var(--primary-solid);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding: 0 16px;
    gap: 8px;
    text-decoration: none;
    height: 40px;
    flex-shrink: 0
}

body .PlayerProgressBonuses__prizeTake div {
    height: 24px;
    width: 24px
}

body .PlayerProgressBonuses__prizeTake p {
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    text-transform: uppercase
}

body .PlayerProgressBonuses__icon_prizeTakeIcon {
    color: var(--base-text-primary);
    height: 24px;
    width: 24px
}

body .PlayerProgressBonuses__icon_prizeTakeIcon path {
    fill: currentColor !important;
    stroke: currentColor !important
}

body .PlayerProgressLevel {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 8px;
    border-bottom: 1px solid var(--base-divider);
    padding-bottom: 16px
}

@media (max-width: 767.98px) {
    body .PlayerProgressLevel {
        flex-direction: column;
        gap: 12px
    }
}

body .PlayerProgressLevel__loyalty {
    display: flex;
    gap: 16px
}

body .PlayerProgressLevel__loyalty_typeC {
    flex: 1 1;
    flex-direction: column
}

@media (max-width: 434.98px) {
    body .PlayerProgressLevel__loyalty_typeC {
        display: flex;
        flex-direction: unset;
        margin-right: 0;
        gap: 0 !important;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    body .PlayerProgressLevel__loyalty {
        gap: 40px
    }
}

@media (max-width: 434.98px) {
    body .PlayerProgressLevel__column_typeC {
        width: 50%
    }
}

body .PlayerProgressLevel__experience {
    display: flex;
    gap: 16px
}

body .PlayerProgressLevel__experience_typeC {
    flex: 1 1;
    flex-direction: column
}

@media (max-width: 434.98px) {
    body .PlayerProgressLevel__experience_typeC {
        display: flex;
        flex-direction: unset;
        margin-left: 0;
        gap: 0 !important;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    body .PlayerProgressLevel__experience {
        gap: 22px
    }
}

body .PlayerProgressLevel__progressBar {
    overflow: hidden;
    border-radius: 16px;
    background: var(--base-divider);
    width: 100%;
    position: relative;
    height: 8px;
    margin-top: 12px
}

body .PlayerProgressLevel__progressBarPercent {
    background: var(--primary-solid);
    height: 8px;
    border-radius: 16px
}

body .PlayerProgressLevel__title {
    text-transform: uppercase;
    color: var(--base-text-secondary)
}

body .PlayerProgressLevel__subTitle {
    font-weight: 700;
    color: var(--base-text-primary);
    display: flex;
    align-items: center;
    gap: 4px
}

body .PlayerProgressLevel__total {
    color: var(--base-text-secondary)
}

body .PlayerProgressLevel__divider {
    height: 40px;
    width: 1px;
    background: var(--base-divider)
}

@media (max-width: 767.98px) {
    body .PlayerProgressLevel__divider {
        height: 1px;
        width: 100%
    }
}

body .PlayerProgress {
    position: relative
}

body .PlayerProgress_hidden {
    display: none
}

body .PlayerProgress.zIndex1000 {
    z-index: 1000
}

body .PlayerProgress__overlay {
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(33, 37, 41, .8);
    transition: all .2s linear;
    opacity: 0;
    visibility: hidden
}

body .PlayerProgress__overlay_isShown {
    opacity: 1;
    visibility: visible
}

body .PlayerProgress.progress__page {
    position: fixed;
    right: 0;
    top: 190px;
    border-radius: 16px 0 0 16px;
    background: var(--base-elements);
    padding: 10px;
    z-index: 10
}

body .PlayerProgress.progress__page.for_page {
    border-bottom: 1px solid var(--primary-solid);
    border-top: 1px solid var(--primary-solid);
    border-left: 1px solid var(--primary-solid)
}

body .PlayerProgressButton {
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    background: var(--base-elements-hover);
    cursor: pointer
}

body .PlayerProgressButton.for_page {
    background: none
}

body .PlayerProgressButton div {
    margin: 0 !important
}

body .PlayerProgressButton__title {
    flex: 1 1;
    color: var(--primary-solid);
    font-weight: 700
}

body .PlayerProgressButton__icon {
    width: 24px;
    height: 24px;
    max-width: 100%;
    max-height: 100%
}

body .PlayerProgressButton__indicator {
    border-radius: 20px;
    display: flex;
    width: 16px;
    height: 16px;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    background: var(--base-alert)
}

body .PlayerProgressButton__indicator p {
    font-weight: 600;
    color: var(--base-text-on-color-bg)
}

body .PlayerProgressButton.isCollapsed {
    position: relative
}

body .PlayerProgressButton.isCollapsed .PlayerProgressButton__indicator {
    position: absolute;
    top: 3px;
    left: 22px
}

body .PlayerProgressButton.progress__header {
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    padding: 0;
    position: relative
}

body .PlayerProgressButton.progress__header .PlayerProgressButton__indicator {
    position: absolute;
    top: 4px;
    left: 20px
}

body .PlayerProgressButton.progress__header .PlayerProgressButton__title {
    display: none
}

body .PlayerProgressButton.progress__page {
    padding: 8px;
    border-radius: 8px;
    position: relative
}

body .PlayerProgressButton.progress__page .PlayerProgressButton__indicator {
    position: absolute;
    top: 4px;
    left: 20px
}

body .PlayerProgressButton.progress__page .PlayerProgressButton__title {
    display: none
}

body .PlayerProgressWrap {
    position: fixed;
    background: var(--base-surface);
    width: 480px;
    z-index: 1000;
    transition: all .3s linear
}

body .PlayerProgressWrap__content_wrapper {
    display: flex;
    width: 100%;
    padding-bottom: 8px;
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory
}

body .PlayerProgressWrap__content_wrapper::-webkit-scrollbar {
    height: 4px
}

body .PlayerProgressWrap__content_wrapper::-webkit-scrollbar-track {
    height: 2px;
    margin: 0 16px
}

body .PlayerProgressWrap__content_wrapper::-webkit-scrollbar-thumb {
    height: 2px
}

body .PlayerProgressWrap__content_wrapper::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .PlayerProgressWrap__content_wrapper::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

body .PlayerProgressWrap__content_wrapper::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    body .PlayerProgressWrap__content_wrapper::-webkit-scrollbar {
        width: 6px
    }

    body .PlayerProgressWrap__content_wrapper::-webkit-scrollbar-thumb, body .PlayerProgressWrap__content_wrapper::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .PlayerProgressWrap__content_wrapper.for_mobile {
    overflow-y: auto
}

@media (max-width: 1279.98px) {
    body .PlayerProgressWrap {
        z-index: 10001;
        width: 100%;
        bottom: 0;
        left: 0;
        border-radius: 16px !important
    }
}

@media (max-width: 1023.98px) {
    body .PlayerProgressWrap {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important
    }
}

@media (max-width: 434.98px) {
    body .PlayerProgressWrap {
        z-index: 10001
    }
}

body .PlayerProgressWrap__container {
    overflow-y: auto;
    padding: 24px 12px;
    scrollbar-gutter: stable both-edges;
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-height: 80vh
}

body .PlayerProgressWrap__container::-webkit-scrollbar {
    width: 4px;
    margin-left: -4px
}

body .PlayerProgressWrap__container::-webkit-scrollbar-track {
    width: 2px;
    margin: 0 16px
}

body .PlayerProgressWrap__container::-webkit-scrollbar-thumb {
    width: 2px
}

body .PlayerProgressWrap__container::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .PlayerProgressWrap__container::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .PlayerProgressWrap__container::-webkit-scrollbar-thumb, body .PlayerProgressWrap__container::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .PlayerProgressWrap__container::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .PlayerProgressWrap__container::-webkit-scrollbar {
        width: 6px
    }

    body .PlayerProgressWrap__container::-webkit-scrollbar-thumb, body .PlayerProgressWrap__container::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

@media (max-width: 1279.98px) {
    body .PlayerProgressWrap__container {
        max-height: 90vh;
        height: 100%
    }
}

body .PlayerProgressWrap__select, body .PlayerProgressWrap__tabs {
    margin-bottom: 0
}

body .PlayerProgressWrap__tabs_full {
    width: 100%;
    margin: 0 auto
}

body .PlayerProgressWrap__icon, body .PlayerProgressWrap__icon img, body .PlayerProgressWrap__icon svg {
    width: 24px;
    height: 24px
}

body .PlayerProgressWrap__row {
    display: flex;
    gap: 8px;
    justify-content: flex-start;
    align-items: center
}

body .PlayerProgressWrap__name {
    font-weight: 700;
    color: var(--base-text-primary);
    display: flex;
    align-items: center;
    gap: 8px
}

body .PlayerProgressWrap__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

body .PlayerProgressWrap__title {
    font-weight: 700;
    color: var(--base-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

body .PlayerProgressWrap__close {
    width: 24px;
    height: 24px;
    color: var(--base-text-placeholder)
}

body .PlayerProgressWrap__close svg {
    width: 24px;
    height: 24px
}

body .PlayerProgressWrap__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px
}

body .PlayerProgressWrap__content::-webkit-scrollbar {
    width: 0
}

body .PlayerProgressWrap__content::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0
}

body .PlayerProgressWrap__content::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0;
    border: 0
}

body .PlayerProgressWrap .Accordion {
    border-bottom: 1px solid var(--base-divider);
    padding-bottom: 16px
}

body .PlayerProgressWrap .Accordion:last-child {
    border-bottom: none
}

body .PlayerProgressWrap__pointer {
    position: absolute;
    left: 0;
    border: 10px solid transparent;
    border-right: 10px solid var(--base-surface);
    transform: translateX(-100%)
}

@media (max-width: 1279.98px) {
    body .PlayerProgressWrap__pointer {
        display: none
    }
}

body .PlayerProgressWrap__indicator {
    border-radius: 20px;
    display: flex;
    width: 16px;
    height: 16px;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    background: var(--base-alert)
}

body .PlayerProgressWrap__indicator p {
    font-weight: 600;
    color: var(--base-text-on-color-bg)
}

body .PlayerProgressWrap.progress__header .PlayerProgressWrap__pointer {
    transform: rotate(90deg)
}

body .PlayerProgressWrap.progress__page .PlayerProgressWrap__pointer {
    transform: rotate(180deg);
    left: unset
}

body .MenuMain__progress .PlayerProgressButton.progress__sidebar {
    padding: 8px 16px
}

body .MenuMain__progress .PlayerProgressButton.progress__header {
    border: 1px solid var(--primary-solid);
    width: 80px;
    position: relative
}

body .MenuMain__progress .PlayerProgressButton.progress__header > :first-child {
    width: 24px !important;
    height: 24px !important
}

body .MenuMain__progress .PlayerProgressButton.progress__header:after {
    cursor: pointer;
    content: "";
    display: block;
    width: 24px;
    max-width: 100%;
    max-height: 24px;
    flex: 0 0 24px;
    align-self: stretch;
    margin-top: 8px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-down.svg);
    mask-image: url(/iconPack/arrow-down.svg);
    -webkit-mask-size: 24px;
    mask-size: 24px;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    transform: rotate(270deg)
}

body .PlayerProgressBonusCard {
    box-shadow: var(--base-card-shadow);
    overflow: hidden;
    padding: 16px;
    position: relative;
    max-width: 280px;
    min-width: 212px;
    width: 100%;
    height: 184px;
    font-size: 14px;
    background: rgba(0, 0, 0, .5);
    scroll-snap-align: start
}

body .PlayerProgressBonusCard_controlledWidth {
    flex-shrink: 0;
    flex-grow: 0;
    max-width: none;
    min-width: auto
}

body .PlayerProgressBonusCard .LinkButton {
    width: 100%
}

body .PlayerProgressBonusCard__bonusTitle {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--base-text-primary);
    display: -webkit-box;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 700;
    max-height: 48px;
    line-clamp: 2;
    line-height: 24px;
    margin-bottom: 16px;
    overflow: hidden;
    text-align: left;
    word-break: break-word
}

body .PlayerProgressBonusCard__bonusTitle_tinyBottomMargin {
    margin-bottom: 8px
}

body .PlayerProgressBonusCard__cover {
    background: var(--base-elements);
    bottom: 0;
    height: 100%;
    left: 0;
    object-fit: cover;
    object-position: center;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0
}

body .PlayerProgressBonusCard__timer {
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: var(--base-tooltip-shadow);
    background: var(--base-elements);
    color: var(--base-text-primary);
    min-height: 25px;
    padding: 0 1em;
    opacity: 0
}

body .PlayerProgressBonusCard__timer_visible {
    opacity: 1
}

body .PlayerProgressBonusCard__timer .Format.body2 {
    line-height: 2.25rem;
    color: var(--base-text-placeholder);
    font-weight: 400
}

body .PlayerProgressBonusCard__timer .Format__value {
    font-weight: 700;
    margin-right: .2em;
    color: var(--base-text-primary)
}

body .PlayerProgressBonusCard__timer .Format__delimiter {
    margin: 0 .2em
}

body .PlayerProgressBonusCard__activeBonusIndicator {
    position: absolute;
    right: 0;
    top: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #3dca85
}

body .PlayerProgressBonusCard__activeBonusIndicator .Tooltip__icon {
    display: block
}

body .PlayerProgressBonusCard__activeBonusIndicatorTrigger {
    width: 8px;
    height: 8px
}

body .PlayerProgressBonusCard__content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%
}

body .PlayerProgressBonusCard__subscribeButton {
    background: var(--primary-solid);
    box-shadow: var(--base-button-normal-shadow);
    color: var(--base-text-on-color-bg);
    cursor: pointer;
    font-family: var(--secondary-font-family);
    font-size: .875rem;
    font-weight: 600;
    height: 40px;
    overflow: hidden;
    padding: 0 16px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%
}

body .PlayerProgressBonusCard__progress {
    width: 100%;
    overflow: hidden;
    margin-bottom: 16px;
    flex-shrink: 0
}

body .PlayerProgressBonusCard__progress .PlayerProgressBonusCard__progressLegend {
    width: 100%;
    display: flex;
    font-size: 10px;
    font-weight: 600;
    line-height: 12px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 4px
}

body .PlayerProgressBonusCard__progress .PlayerProgressBonusCard__progressLegend .PlayerProgressBonusCard__bonusLink {
    color: var(--primary-link);
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 40%
}

body .PlayerProgressBonusCard__progress .PlayerProgressBonusCard__progressLegend .PlayerProgressBonusCard__allBonusesLink {
    color: var(--base-text-placeholder);
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: right;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60%
}

body .PlayerProgressBonusCard__progress .PlayerProgressBonusCard__progressBackground {
    border-radius: 16px;
    background: var(--base-elements);
    width: 100%;
    height: 8px
}

body .PlayerProgressBonusCard__progress .PlayerProgressBonusCard__progressBackground .PlayerProgressBonusCard__progressBar {
    background: var(--base-success);
    height: 8px;
    left: 0;
    bottom: 0;
    border-radius: 16px
}

body .PlayerProgressSectionCarousel {
    max-width: 100%
}

body .PlayerProgressSectionCarousel_nothingToSwipe {
    display: flex;
    gap: 10px;
    margin-bottom: 16px
}

body .PlayerProgressSectionCarousel .swiper-wrapper {
    margin-bottom: 16px
}

body .PlayerProgressSectionCarousel .swiper-pagination {
    position: relative
}

body .PlayerProgressSectionCarousel .swiper-pagination .swiper-pagination-bullet {
    border: 1px solid var(--base-text-primary);
    background: transparent;
    margin-right: 14px
}

body .PlayerProgressSectionCarousel .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--base-text-primary)
}

body .Accordion {
    width: 100%
}

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

body .Accordion__row_show {
    margin-bottom: 8px
}

body .Accordion__icon, body .Accordion__icon svg {
    width: 24px;
    height: 24px
}

body .Accordion .Accordion__icon_main {
    margin-right: 8px
}

body .Accordion__name {
    font-weight: 700;
    color: var(--base-text-primary);
    display: flex;
    align-items: center;
    gap: 8px
}

body .Accordion__button {
    margin-left: auto;
    padding: 8px;
    height: 40px;
    width: 40px
}

body .Accordion .Accordion__icon_up {
    transform: rotate(180deg)
}

body .Accordion__content {
    display: none;
    width: 100%;
    padding: 8px 0;
    gap: 8px
}

body .Accordion__content_show {
    display: flex;
    overflow-x: auto
}

body .Accordion__content_show::-webkit-scrollbar {
    height: 4px
}

body .Accordion__content_show::-webkit-scrollbar-track {
    height: 2px;
    margin: 0 16px
}

body .Accordion__content_show::-webkit-scrollbar-thumb {
    height: 2px
}

body .Accordion__content_show::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .Accordion__content_show::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .Accordion__content_show::-webkit-scrollbar-thumb, body .Accordion__content_show::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .Accordion__content_show::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .Accordion__content_show::-webkit-scrollbar {
        width: 6px
    }

    body .Accordion__content_show::-webkit-scrollbar-thumb, body .Accordion__content_show::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .Accordion__content_column {
    flex-direction: column;
    overflow-x: inherit
}

body .Alert {
    padding: 16px;
    display: inline-flex;
    gap: 8px;
    border-radius: var(--radiusRegular);
    margin-bottom: 40px;
    border: 1px solid var(--base-warning);
    color: var(--base-text-secondary)
}

body .Alert .Icon {
    width: auto
}

body .Alert__message {
    line-height: 28px
}

body .NotifyWithIcon {
    display: flex;
    align-items: center
}

body .NotifyWithIcon .Icon {
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 5px
}

body .NotifyWithIcon .Icon.error {
    margin-left: -16px;
    margin-right: 16px
}

body .InfoBoxResponse__wrapper {
    color: var(--base-text-primary);
    margin-top: 40px
}

body .InfoBoxResponse__wrapper_verification .InfoBoxResponse__title {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    text-align: left;
    color: var(--base-text-secondary);
    margin-bottom: 20px
}

body .InfoBoxResponse__wrapper_verification .InfoBoxResponse__text {
    text-align: left;
    margin: 0
}

body .InfoBoxResponse__iconWrapper {
    margin-top: 50px;
    margin-bottom: 50px
}

body .InfoBoxResponse__icon_success {
    color: var(--primary-solid)
}

body .InfoBoxResponse__icon_error {
    color: var(--base-alert)
}

body .InfoBoxResponse__icon_info {
    color: var(--base-warning)
}

body .InfoBoxResponse__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center
}

body .InfoBoxResponse__text {
    color: var(--base-text-secondary);
    margin: 10px 0;
    text-align: center;
    line-height: 1.5rem;
    width: 100%
}

body .InfoBoxResponse__button {
    width: auto;
    margin: 20px 0
}

body .InfoBoxModal {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--base-text-primary);
    padding: 0 24px;
    margin-top: -20px
}

body .InfoBoxModal__icon {
    margin-bottom: 40px;
    margin-top: 20px
}

body .InfoBoxModal__icon_success {
    color: var(--primary-solid)
}

body .InfoBoxModal__icon_error {
    color: var(--base-alert)
}

body .InfoBoxModal__icon_info {
    color: var(--base-warning)
}

body .InfoBoxModal__title {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center
}

body .InfoBoxModal__text {
    color: var(--base-text-secondary);
    margin: 10px 0;
    text-align: center;
    line-height: 1.5rem;
    width: 100%
}

body .InfoBoxModal__button {
    width: auto;
    margin: 20px 0
}

body .PromoCodeTypeA__container {
    margin: auto;
    box-sizing: content-box
}

@media (min-width: 1279.98px) {
    body .PromoCodeTypeA__container {
        padding: 40px;
        height: 360px
    }
}

@media (max-width: 1279.98px) {
    body .PromoCodeTypeA__container {
        padding: 32px;
        height: 410px
    }
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeA__container {
        padding: 20px;
        height: 348px;
        max-width: 580px
    }
}

body .PromoCodeTypeA__card {
    position: relative;
    height: inherit;
    width: inherit
}

body .PromoCodeTypeA__pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: var(--base-elements)
}

body .PromoCodeTypeA__info {
    position: absolute;
    background: var(--base-surface);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 1279.98px) {
    body .PromoCodeTypeA__info {
        width: 600px;
        height: 280px;
        top: 50%;
        padding: 40px
    }

    body .PromoCodeTypeA__info_left {
        left: 0;
        transform: translate(12%, -50%)
    }

    body .PromoCodeTypeA__info_center {
        left: 50%;
        transform: translate(-50%, -50%)
    }

    body .PromoCodeTypeA__info_right {
        left: 100%;
        transform: translate(-112%, -50%)
    }
}

@media (max-width: 1279.98px) {
    body .PromoCodeTypeA__info {
        width: 100%;
        height: 248px;
        bottom: 0;
        padding: 40px;
        border-radius: 0 0 var(--radiusRegular) var(--radiusRegular) !important
    }
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeA__info {
        height: 284px;
        padding: 20px
    }
}

body .PromoCodeTypeA__title {
    color: var(--base-text-primary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    max-width: 600px;
    text-align: center
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeA__title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-wrap: break-word;
        font-size: 1.5rem;
        line-height: 2rem
    }
}

body .PromoCodeTypeA__description {
    color: var(--base-text-secondary);
    padding: 0 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    max-width: 600px;
    text-align: center
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeA__description {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

body .PromoCodeTypeA__footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    max-width: 600px
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeA__footer {
        flex-direction: column;
        gap: 12px
    }
}

body .PromoCodeTypeA__input {
    margin: 0;
    color: var(--base-text-placeholder);
    flex-grow: 1;
    height: 40px;
    max-width: unset
}

body .PromoCodeTypeA__input input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeA__input {
        width: 100%
    }
}

body .PromoCodeTypeA__button {
    color: var(--base-text-on-color-bg);
    width: 140px;
    height: 40px;
    min-width: unset
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeA__button {
        width: 100%
    }
}

body .PromoCodeTypeB__container {
    margin: auto;
    box-sizing: content-box;
    display: flex
}

@media (min-width: 1919.98px) {
    body .PromoCodeTypeB__container {
        padding: 40px;
        height: 300px;
        gap: 60px
    }

    body .PromoCodeTypeB__container_center, body .PromoCodeTypeB__container_left {
        flex-direction: row
    }

    body .PromoCodeTypeB__container_right {
        flex-direction: row-reverse
    }
}

@media (max-width: 1919.98px) {
    body .PromoCodeTypeB__container {
        padding: 40px;
        height: 516px;
        gap: 40px
    }

    body .PromoCodeTypeB__container_center, body .PromoCodeTypeB__container_left {
        flex-direction: column
    }

    body .PromoCodeTypeB__container_right {
        flex-direction: column-reverse
    }
}

@media (max-width: 1279.98px) {
    body .PromoCodeTypeB__container {
        padding: 32px;
        height: 500px;
        gap: 32px
    }
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeB__container {
        padding: 20px;
        height: 440px;
        gap: 24px;
        max-width: 580px
    }
}

@media (min-width: 1919.98px) {
    body .PromoCodeTypeB__picWrapper {
        height: inherit;
        width: 50%
    }
}

@media (max-width: 1919.98px) {
    body .PromoCodeTypeB__picWrapper {
        height: 300px;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeB__picWrapper {
        height: 164px
    }
}

body .PromoCodeTypeB__pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: var(--base-elements)
}

body .PromoCodeTypeB__info {
    background: var(--base-background);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 1919.98px) {
    body .PromoCodeTypeB__info {
        height: inherit;
        width: 50%;
        padding: 60px
    }
}

@media (max-width: 1919.98px) {
    body .PromoCodeTypeB__info {
        height: 176px;
        width: 100%;
        padding: 0
    }
}

@media (max-width: 1279.98px) {
    body .PromoCodeTypeB__info {
        height: 168px
    }
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeB__info {
        height: 252px
    }
}

body .PromoCodeTypeB__title {
    color: var(--base-text-primary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    max-width: 600px;
    text-align: center
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeB__title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-wrap: break-word;
        max-width: unset;
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

body .PromoCodeTypeB__description {
    color: var(--base-text-secondary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    max-width: 600px;
    text-align: center
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeB__description {
        max-width: unset;
        font-size: 1.25rem;
        line-height: 2rem
    }
}

body .PromoCodeTypeB__footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    max-width: 600px
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeB__footer {
        flex-direction: column;
        max-width: unset
    }
}

body .PromoCodeTypeB__input {
    margin: 0;
    color: var(--base-text-placeholder);
    flex-grow: 1;
    height: 40px;
    max-width: unset
}

body .PromoCodeTypeB__input input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeB__input {
        width: 100%
    }
}

body .PromoCodeTypeB__button {
    color: var(--base-text-on-color-bg);
    width: 140px;
    height: 40px;
    min-width: unset
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeB__button {
        width: 100%
    }
}

body .PromoCodeTypeC__container {
    margin: auto;
    box-sizing: content-box
}

@media (min-width: 1279.98px) {
    body .PromoCodeTypeC__container {
        padding: 40px;
        height: 248px
    }
}

@media (max-width: 1279.98px) {
    body .PromoCodeTypeC__container {
        padding: 32px;
        height: 248px
    }
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeC__container {
        padding: 20px;
        height: 284px;
        max-width: 580px
    }
}

body .PromoCodeTypeC__card {
    position: relative;
    height: inherit;
    width: inherit
}

body .PromoCodeTypeC__pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: var(--base-elements)
}

body .PromoCodeTypeC__info {
    padding: 40px;
    width: 100%;
    height: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeC__info {
        padding: 20px
    }
}

body .PromoCodeTypeC__title {
    color: var(--base-text-primary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    max-width: 600px;
    text-align: center
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeC__title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-wrap: break-word;
        font-size: 1.5rem;
        line-height: 2rem
    }
}

body .PromoCodeTypeC__description {
    color: var(--base-text-secondary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    max-width: 600px;
    text-align: center
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeC__description {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

body .PromoCodeTypeC__footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    max-width: 600px
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeC__footer {
        flex-direction: column;
        gap: 12px
    }
}

body .PromoCodeTypeC__input {
    margin: 0;
    color: var(--base-text-placeholder);
    flex-grow: 1;
    height: 40px;
    max-width: unset
}

body .PromoCodeTypeC__input input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeC__input {
        width: 100%
    }
}

body .PromoCodeTypeC__button {
    color: var(--base-text-on-color-bg);
    width: 140px;
    height: 40px;
    min-width: unset
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeC__button {
        width: 100%
    }
}

body .PromoCodeTypeD__container {
    box-sizing: content-box
}

body .PromoCodeTypeD__container_left {
    margin-right: auto
}

body .PromoCodeTypeD__container_center {
    margin: auto
}

body .PromoCodeTypeD__container_right {
    margin-left: auto
}

@media (min-width: 1919.98px) {
    body .PromoCodeTypeD__container {
        padding: 40px;
        height: 280px;
        max-width: 764px
    }
}

@media (max-width: 1919.98px) {
    body .PromoCodeTypeD__container {
        padding: 40px;
        height: 280px;
        max-width: 550px
    }
}

@media (max-width: 1279.98px) {
    body .PromoCodeTypeD__container {
        padding: 32px;
        height: 348px;
        max-width: 364px
    }
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeD__container {
        padding: 20px;
        height: 292px;
        margin: auto
    }
}

body .PromoCodeTypeD__card {
    position: relative;
    height: inherit;
    width: inherit
}

body .PromoCodeTypeD__pic {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    background: var(--base-elements)
}

body .PromoCodeTypeD__info {
    padding: 40px;
    width: 100%;
    height: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 1279.98px) {
    body .PromoCodeTypeD__info {
        padding: 32px
    }
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeD__info {
        padding: 20px
    }
}

body .PromoCodeTypeD__title {
    color: var(--base-text-primary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    max-width: 100%;
    text-align: center
}

@media (max-width: 1279.98px) {
    body .PromoCodeTypeD__title {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-wrap: break-word;
        font-size: 2.25rem;
        line-height: 3rem
    }
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeD__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

body .PromoCodeTypeD__description {
    color: var(--base-text-secondary);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-wrap: break-word;
    max-width: 100%;
    text-align: center
}

@media (max-width: 767.98px) {
    body .PromoCodeTypeD__description {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

body .PromoCodeTypeD__footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    max-width: 100%
}

@media (max-width: 1279.98px) {
    body .PromoCodeTypeD__footer {
        flex-direction: column;
        gap: 12px
    }
}

body .PromoCodeTypeD__input {
    margin: 0;
    color: var(--base-text-placeholder);
    flex-grow: 1;
    height: 40px;
    max-width: unset
}

body .PromoCodeTypeD__input input {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1279.98px) {
    body .PromoCodeTypeD__input {
        width: 100%
    }
}

body .PromoCodeTypeD__button {
    color: var(--base-text-on-color-bg);
    width: 140px;
    height: 40px;
    min-width: unset
}

@media (max-width: 1279.98px) {
    body .PromoCodeTypeD__button {
        width: 100%
    }
}

body .PinnedMessagesTypeA {
    position: fixed;
    z-index: 1000;
    transition: left .3s linear, right .3s linear
}

body .PinnedMessagesTypeA.isConstructorPreview {
    z-index: 10002;
    box-shadow: 0 0 3px 10000px rgba(0, 0, 0, .6)
}

body .PinnedMessagesTypeA.top_left {
    top: 104px;
    left: 104px
}

body .PinnedMessagesTypeA.top_left.leftPanelIsAbsolute {
    left: 24px
}

body .PinnedMessagesTypeA.top_left.leftPanelIsOpen {
    left: 304px
}

body .PinnedMessagesTypeA.top_right {
    top: 104px;
    right: 24px
}

body .PinnedMessagesTypeA.bottom_left {
    bottom: 24px;
    left: 104px
}

body .PinnedMessagesTypeA.bottom_left.leftPanelIsAbsolute {
    left: 24px
}

body .PinnedMessagesTypeA.bottom_left.leftPanelIsOpen {
    left: 304px
}

body .PinnedMessagesTypeA.bottom_right {
    bottom: 24px;
    right: 24px
}

body .PinnedMessagesTypeA.center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

@media (max-width: 1279.98px) {
    body .PinnedMessagesTypeA.top_left, body .PinnedMessagesTypeA.top_left.leftPanelIsOpen {
        left: 24px
    }

    body .PinnedMessagesTypeA.top_right {
        right: 24px
    }

    body .PinnedMessagesTypeA.bottom_left {
        left: 24px
    }

    body .PinnedMessagesTypeA.bottom_left.mobileBottomPanelIsAbsolute, body .PinnedMessagesTypeA.bottom_left.tabletBottomPanelIsAbsolute {
        bottom: 108px
    }

    body .PinnedMessagesTypeA.bottom_left.leftPanelIsOpen {
        left: 24px
    }

    body .PinnedMessagesTypeA.bottom_right.mobileBottomPanelIsAbsolute, body .PinnedMessagesTypeA.bottom_right.tabletBottomPanelIsAbsolute {
        bottom: 108px
    }
}

@media (max-width: 434.98px) {
    body .PinnedMessagesTypeA.top_left, body .PinnedMessagesTypeA.top_left.leftPanelIsAbsolute, body .PinnedMessagesTypeA.top_left.leftPanelIsOpen {
        left: 20px
    }

    body .PinnedMessagesTypeA.top_right {
        right: 20px
    }

    body .PinnedMessagesTypeA.bottom_left {
        left: 20px
    }

    body .PinnedMessagesTypeA.bottom_left.mobileBottomPanelIsAbsolute, body .PinnedMessagesTypeA.bottom_left.tabletBottomPanelIsAbsolute {
        bottom: 108px
    }

    body .PinnedMessagesTypeA.bottom_left.leftPanelIsAbsolute, body .PinnedMessagesTypeA.bottom_left.leftPanelIsOpen {
        left: 20px
    }

    body .PinnedMessagesTypeA.bottom_right {
        right: 20px
    }

    body .PinnedMessagesTypeA.bottom_right.mobileBottomPanelIsAbsolute, body .PinnedMessagesTypeA.bottom_right.tabletBottomPanelIsAbsolute {
        bottom: 108px
    }
}

body .PinnedMessagesTypeA .PinnedMessageItem {
    display: block;
    position: relative;
    width: 460px;
    background: var(--primary-gradient);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    padding: 1px;
    cursor: pointer
}

body .PinnedMessagesTypeA .PinnedMessageItem:nth-of-type(n+2) {
    display: none
}

body .PinnedMessagesTypeA .PinnedMessageItem__layer {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1px;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -42.5%) scaleX(95%);
    background: var(--primary-gradient);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    border-radius: inherit
}

body .PinnedMessagesTypeA .PinnedMessageItem__layer:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--base-surface);
    border-radius: inherit;
    overflow: hidden
}

body .PinnedMessagesTypeA .PinnedMessageItem__layer:last-of-type {
    transform: translate(-50%, -35%) scaleX(90%);
    z-index: -2
}

body .PinnedMessagesTypeA .PinnedMessageItem.penultimate .PinnedMessageItem__layer:last-of-type, body .PinnedMessagesTypeA .PinnedMessageItem.ultimate .PinnedMessageItem__layer {
    display: none
}

body .PinnedMessagesTypeA .PinnedMessageItem__wrapper {
    display: block;
    padding: 12px 24px 16px;
    background-color: var(--base-surface);
    overflow: hidden;
    pointer-events: none
}

body .PinnedMessagesTypeA .PinnedMessageItem__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    max-width: 100%;
    margin-bottom: 12px;
    padding-right: 12px;
    position: relative
}

body .PinnedMessagesTypeA .PinnedMessageItem__icon {
    flex: 0 0 18px;
    display: block;
    width: 18px;
    height: 18px;
    color: var(--primary-solid)
}

body .PinnedMessagesTypeA .PinnedMessageItem__date {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-left: 8px
}

body .PinnedMessagesTypeA .PinnedMessageItem__close {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 12px;
    right: 12px;
    color: var(--base-text-primary)
}

body .PinnedMessagesTypeA .PinnedMessageItem__title {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    margin-bottom: 8px
}

body .PinnedMessagesTypeA .PinnedMessageItem__description {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 72px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-word;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .PinnedMessagesTypeA .PinnedMessageItem {
        width: 380px
    }
}

@media (max-width: 434.98px) {
    body .PinnedMessagesTypeA .PinnedMessageItem {
        width: calc(100vw - 20px - 20px)
    }

    body .PinnedMessagesTypeA .PinnedMessageItem__description {
        font-size: .75rem;
        line-height: 1.25rem;
        max-height: 60px
    }
}

body .Withdrawal {
    display: block;
    max-width: 100%;
    padding: 40px;
    overflow: hidden
}

body .Withdrawal__container {
    margin: 0 auto
}

body .Withdrawal__back {
    max-width: 100%;
    margin-bottom: 16px
}

body .Withdrawal__title {
    max-width: 100%;
    margin-bottom: 40px;
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary)
}

body .Withdrawal__grid {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    grid-gap: 24px
}

body .Withdrawal__pagination {
    max-width: 100%;
    margin-top: 40px
}

body .Withdrawal__noRecords {
    max-width: 100%;
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary)
}

@media (max-width: 1279.98px) {
    body .Withdrawal {
        padding: 32px
    }

    body .Withdrawal__grid {
        grid-template-columns:1fr;
        grid-gap: 16px
    }
}

@media (max-width: 767.98px) {
    body .Withdrawal {
        padding: 20px
    }

    body .Withdrawal__container {
        max-width: 100%
    }

    body .Withdrawal__title {
        font-size: 2.25rem;
        line-height: 3rem;
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    body .Withdrawal {
        padding: 10px 20px 20px
    }

    body .Withdrawal__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

body .TopImageCard {
    background-color: var(--base-surface);
    overflow: hidden;
    position: relative;
    height: 100%
}

body .TopImageCard__cover {
    background-repeat: no-repeat;
    background-color: var(--base-elements);
    background-position: 50%;
    background-size: auto 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    transition: all .1s;
    padding: 20px
}

body .TopImageCard__cover_isSloterra {
    height: 168px
}

body .TopImageCard__cover_isVovan {
    position: static;
    background-size: cover
}

body .TopImageCard__cover_mounted {
    opacity: 1
}

body .TopImageCard__content {
    background-color: var(--base-surface);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1
}

body .TopImageCard__content_isSloterra {
    height: calc(100% - 168px);
    position: static
}

body .TopImageCard__content_isVovan {
    position: static
}

body .TopImageCard__content_isDetailBonus {
    position: relative
}

@media (max-width: 1279.98px) {
    body .TopImageCard__content_isDetailBonus {
        background-color: unset
    }
}

body .SpinningWheel {
    width: 100%;
    max-width: 100%
}

body .SpinningWheel__capLogo {
    fill: var(--base-surface)
}

body .SpinningWheel__capLogoCircleBg {
    fill: #fff
}

body .SpinningWheel__capLogoCircle {
    fill: var(--primary-solid);
    opacity: .9
}

body .SpinningWheel__capLogoOutlineBg {
    fill: #000
}

body .SpinningWheel__capOutline {
    stroke: var(--base-text-primary);
    fill: none;
    stroke-width: 4px
}

body .SpinningWheel__handleHorizontalResultSurfaceBg {
    fill: var(--base-text-on-color-bg)
}

body .SpinningWheel__handleHorizontalResultPointer {
    fill: var(--base-text-primary);
    transform: scale(1);
    transition: all .5s;
    transform-origin: center;
    transform-box: fill-box
}

body .SpinningWheel__handleHorizontalResultPointer_hidden {
    transform: scale(0)
}

body .SpinningWheel__handleHorizontalOutline, body .SpinningWheel__handleHorizontalVerticalLine {
    fill: none;
    stroke: var(--base-text-primary);
    vector-effect: non-scaling-stroke;
    stroke-width: 4.95px
}

body .SpinningWheel__handleHorizontalOutline {
    stroke-linecap: round;
    stroke-linejoin: round
}

body .SpinningWheel__horizontalResultCurrency {
    transform: scale(0);
    transition: all .5s;
    transform-origin: center;
    transform-box: fill-box
}

body .SpinningWheel__horizontalResultCurrency_visible {
    transform: scale(1)
}

body .SpinningWheel__horizontalResultCurrencyImage {
    transform: translate(635px, 417px);
    transition: all .5s;
    transform-origin: center;
    transform-box: fill-box
}

body .SpinningWheel__horizontalResultCurrencyBg {
    fill: var(--base-text-on-color-bg)
}

body .SpinningWheel__horizontalResultCurrencyText {
    fill: var(--primary-solid);
    transform: translate(655px, 445px);
    font-size: 1.4em;
    font-weight: 700
}

body .SpinningWheel__innerWheel {
    transform-origin: center
}

body .SpinningWheel__innerWheel_spinning {
    animation: SpinningWheelAnimation_innerWheelRotating 3s linear infinite
}

body .SpinningWheel__largeWinVisuals {
    transition: all .2s;
    transform: scale(0);
    transform-origin: center;
    opacity: 0
}

body .SpinningWheel__largeWinVisuals_visible {
    transform: scale(1);
    opacity: 1
}

body .SpinningWheel__largeWinVisualsStar, body .SpinningWheel__largeWinVisualsStarBg {
    fill: var(--primary-hover);
    transform-origin: center;
    transform-box: fill-box
}

body .SpinningWheel__largeWinVisualsStarBg_isSparkling, body .SpinningWheel__largeWinVisualsStar_isSparkling {
    animation: SpinningWheelAnimation_fadeInOut 5s linear infinite
}

body .SpinningWheel__largeWinVisualsStarBg {
    opacity: .5
}

body .SpinningWheel__largeWinVisualsInnerRotor {
    isolation: isolate;
    opacity: .5;
    stroke-width: 3.71px
}

body .SpinningWheel__largeWinVisualsInnerStator {
    opacity: .5;
    stroke-width: 7.35px
}

body .SpinningWheel__largeWinVisualsInnerRipple {
    isolation: isolate;
    opacity: .5;
    stroke-width: 3.71px
}

body .SpinningWheel__largeWinVisualsOuterRotor {
    isolation: isolate;
    opacity: .5;
    stroke-width: 12.35px
}

body .SpinningWheel__largeWinVisualsShine {
    transform-origin: center
}

body .SpinningWheel__largeWinVisualsShine_spinning {
    animation: SpinningWheelAnimation_rotateClockwise 7s linear infinite
}

body .SpinningWheel__noResultVisuals {
    transition: all .2s;
    transform: scale(1);
    transform-origin: center;
    opacity: 1
}

body .SpinningWheel__noResultVisuals_hidden {
    transform: scale(0);
    opacity: 0
}

body .SpinningWheel__noResultVisualsInnerRotor {
    isolation: isolate;
    opacity: .5;
    stroke-width: 3.71px;
    transform-origin: center
}

body .SpinningWheel__noResultVisualsInnerRotor_spinning {
    animation: SpinningWheelAnimation_rotateClockwise 2s linear infinite
}

body .SpinningWheel__noResultVisualsInnerStator {
    fill-opacity: .2;
    isolation: isolate;
    opacity: .5;
    stroke-width: 7.41px;
    transition: all .2s;
    transform-origin: center
}

body .SpinningWheel__noResultVisualsInnerStator_spinning {
    transform: scale(1.03)
}

body .SpinningWheel__noResultVisualsInnerSmallRotor {
    isolation: isolate;
    opacity: .5;
    stroke-width: 3.71px;
    transform-origin: center
}

body .SpinningWheel__noResultVisualsInnerSmallRotor_spinning {
    animation: SpinningWheelAnimation_rotateCounterClockwise 2s linear infinite
}

body .SpinningWheel__noResultVisualsInnerOuterRotor {
    stroke-width: 12.35px;
    transform-origin: center;
    transition: all .2s
}

body .SpinningWheel__noResultVisualsInnerOuterRotor_idle {
    animation: SpinningWheelAnimation_pulse 2s linear infinite
}

body .SpinningWheel__noResultVisualsInnerOuterRotor_spinning {
    transform: scale(1.03)
}

body .SpinningWheel__noResultVisualsShadow {
    transform-origin: center;
    transition: all .2s;
    transform: translateY(25px);
    fill: #000;
    opacity: .8
}

body .SpinningWheel__noResultVisualsShadow_increased {
    transform: translateY(25px) scale(1.03)
}

body .SpinningWheel__innerWheelSlice {
    transform-origin: center
}

body .SpinningWheel__innerWheelSliceLogoCircle, body .SpinningWheel__innerWheelSliceOutline {
    fill: var(--base-text-primary);
    opacity: .8
}

body .SpinningWheel__innerWheelSliceHint {
    fill: var(--base-surface);
    transform-origin: center;
    transform-box: fill-box
}

body .SpinningWheel__innerWheelSliceHintContainer {
    transform-origin: center;
    opacity: 0;
    transition: opacity .5s
}

body .SpinningWheel__innerWheelSliceHintContainer_visible {
    opacity: 1
}

body .SpinningWheel__innerWheelSliceHintText {
    font-family: var(--secondary-font-family);
    fill: var(--base-text-primary);
    color: var(--base-text-primary);
    font-size: .8em;
    transform: translate(23.05px, 19.73px)
}

body .SpinningWheel__innerWheelSliceLogo, body .SpinningWheel__innerWheelSliceLogoCircle {
    transform-box: fill-box;
    transform-origin: center;
    transform: scale(1);
    transition: transform .5s
}

body .SpinningWheel__innerWheelSliceLogoCircleWrapper {
    transform: translateY(1px)
}

body .SpinningWheel__innerWheelSliceLogo {
    fill: var(--base-elements);
    font-size: 12px;
    font-weight: 600;
    transition: all .5s;
    transform: translate(601px, 441px)
}

body .SpinningWheel__innerWheelSliceLogoSymbol {
    transform: translate(590px, 425px) scale(1);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheel__innerWheelSliceText {
    font-family: var(--secondary-font-family);
    fill: var(--base-text-primary);
    color: var(--base-text-primary);
    font-size: 12px;
    font-weight: 600;
    transition: all .5s;
    transform: translate(584px, 441.43px)
}

body .SpinningWheel__innerWheelSliceText_compact {
    font-size: 10px;
    transform: translate(584px, 441px)
}

body .SpinningWheel__innerWheelSlice_sectorWin .SpinningWheel__innerWheelSliceLogo, body .SpinningWheel__innerWheelSlice_sectorWin .SpinningWheel__innerWheelSliceLogoCircle {
    transform: scale(0)
}

body .SpinningWheel__innerWheelSlice_sectorWin .SpinningWheel__innerWheelSliceLogoSymbol {
    transform: translate(590px, 426.2px) scale(0)
}

body .SpinningWheel__innerWheelSlice_sectorWin .SpinningWheel__innerWheelSliceText {
    font-size: 14px;
    transform: translate(610px, 442px)
}

body .SpinningWheel__innerWheelSlice_sectorWin .SpinningWheel__innerWheelSliceText_compact {
    font-size: 12px;
    transform: translate(610px, 441.5px)
}

body .SpinningWheel__innerWheelSliceOutlineTriangle {
    fill-rule: evenodd;
    stroke: var(--base-divider);
    stroke-miterlimit: 10;
    stroke-width: 2px
}

body .SpinningWheel__innerWheelSliceInnerStrip {
    fill: var(--primary-hover)
}

body .SpinningWheel__innerWheelSliceOuterStrip {
    fill: var(--primary-solid)
}

body .SpinningWheel__innerWheelSliceDot {
    fill: var(--base-text-primary)
}

@keyframes SpinningWheelAnimation_pulse {
    0% {
        opacity: .2;
        transform: scale(1)
    }
    50% {
        opacity: .5;
        transform: scale(1.05)
    }
    to {
        opacity: .2;
        transform: scale(1)
    }
}

@keyframes SpinningWheelAnimation_fadeInOut {
    0% {
        opacity: .5
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .5
    }
}

@keyframes SpinningWheelAnimation_bubbleOut {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(2)
    }
}

@keyframes SpinningWheelAnimation_floatAround {
    0% {
        opacity: .8;
        transform: translate(2px, 1px)
    }
    40% {
        opacity: .3;
        transform: translate(-5px, 3px)
    }
    60% {
        opacity: .7;
        transform: translate(-3px, -4px)
    }
    to {
        opacity: .8;
        transform: translate(2px, 1px)
    }
}

@keyframes SpinningWheelAnimation_rotateClockwise {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

@keyframes SpinningWheelAnimation_rotateCounterClockwise {
    0% {
        transform: rotate(1turn)
    }
    to {
        transform: rotate(0deg)
    }
}

body .SpinningWheelTypeD {
    width: 100%;
    max-width: 100%
}

@media (max-width: 500px) {
    body .SpinningWheelTypeD__background {
        transform: rotate(90deg);
        transform-origin: center
    }
}

body .SpinningWheelTypeD__capElement1 {
    fill: #fff;
    isolation: isolate;
    opacity: .2
}

body .SpinningWheelTypeD__capElement1, body .SpinningWheelTypeD__capElement2 {
    fill-rule: evenodd
}

body .SpinningWheelTypeD__capElement3 {
    fill: var(--base-elements)
}

body .SpinningWheelTypeD__capElement3, body .SpinningWheelTypeD__capElement4 {
    stroke-width: 3.87px
}

body .SpinningWheelTypeD__capElement4, body .SpinningWheelTypeD__capElement5 {
    stroke: var(--primary-hover)
}

body .SpinningWheelTypeD__capElement5 {
    fill: none;
    stroke-width: 2.58px
}

body .SpinningWheelTypeD__capElement2 {
    fill: var(--primary-hover)
}

@media (max-width: 500px) {
    body .SpinningWheelTypeD__capElement2 {
        transform: rotate(90deg);
        transform-origin: center
    }
}

body .SpinningWheelTypeD__capLogo {
    fill: var(--primary-solid)
}

@media (max-width: 500px) {
    body .SpinningWheelTypeD__capLogo {
        transform: rotate(90deg);
        transform-origin: center
    }
}

body .SpinningWheelTypeD__handleBackground {
    fill: var(--primary-solid);
    opacity: .8
}

body .SpinningWheelTypeD__handleBackgroundFill {
    fill: #000
}

body .SpinningWheelTypeD__handleOutline {
    fill: hsla(0, 0%, 100%, .2)
}

body .SpinningWheelTypeD__capAndHandleGlowShadow {
    transform-origin: center;
    transform: scale(.9);
    opacity: .5
}

body .SpinningWheelTypeD__capAndHandleGlowShadow_pulsing {
    animation: SpinningWheelAnimation_pulse 1s infinite
}

body .SpinningWheelTypeD__slice {
    transform-origin: center
}

body .SpinningWheelTypeD__sliceElement1, body .SpinningWheelTypeD__sliceElement2 {
    fill: #fff
}

body .SpinningWheelTypeD__sliceSector {
    fill: var(--base-elements)
}

body .SpinningWheelTypeD__slice_even .SpinningWheelTypeD__sliceSector {
    fill: var(--base-surface)
}

body .SpinningWheelTypeD__sliceElement4 {
    fill: var(--primary-solid)
}

body .SpinningWheelTypeD__sliceElement2 {
    font-size: 12px;
    font-weight: 700
}

body .SpinningWheelTypeD__sliceHighlight {
    stroke: hsla(0, 0%, 100%, .5);
    stroke-width: 2px;
    stroke-linejoin: round;
    stroke-linecap: round;
    transform-origin: center
}

body .SpinningWheelTypeD__innerWheel {
    transform-origin: center
}

@keyframes SpinningWheelAnimation_innerWheelRotating {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

body .SpinningWheelTypeD__innerWheel_spinning {
    animation: SpinningWheelAnimation_innerWheelRotating 3s linear infinite
}

body .SpinningWheelTypeD__innerWheelTooltips {
    transform-origin: center
}

body .SpinningWheelTypeD__largeWinVisuals {
    transition: all .2s;
    transform: scale(0);
    transform-origin: center;
    opacity: 0
}

body .SpinningWheelTypeD__largeWinVisuals_visible {
    transform: scale(1);
    opacity: 1
}

@media (max-width: 500px) {
    body .SpinningWheelTypeD__largeWinVisuals_visible {
        transform: scale(1) rotate(90deg)
    }
}

body .SpinningWheelTypeD__largeWinVisualsDotsFarLayer {
    transform-origin: center;
    transform-box: fill-box;
    animation: SpinningWheelAnimation_floatAround 10s linear infinite
}

body .SpinningWheelTypeD__largeWinVisualsDotsCloseLayer {
    transform-origin: center;
    transform-box: fill-box;
    animation: SpinningWheelAnimation_floatAround 20s linear infinite
}

body .SpinningWheelTypeD__largeWinVisualsBubble {
    transform-origin: center;
    transform-box: fill-box;
    transform: scale(0);
    opacity: 1;
    transition: all .2s;
    animation: SpinningWheelAnimation_bubbleOut 2s linear infinite
}

body .SpinningWheelTypeD__largeWinVisualsBubble_delay1 {
    animation-delay: 1s;
    animation-duration: 2s
}

body .SpinningWheelTypeD__largeWinVisualsBubble_delay2 {
    animation-delay: 1.5s;
    animation-duration: 2s
}

body .SpinningWheelTypeD__largeWinVisualsBubble_delay3 {
    animation-delay: 2s;
    animation-duration: 4s
}

body .SpinningWheelTypeD__largeWinVisualsBubble_delay4 {
    animation-delay: 2.5s;
    animation-duration: 4s
}

body .SpinningWheelTypeD__largeWinVisualsRayCircle, body .SpinningWheelTypeD__largeWinVisualsRayRadiante {
    animation: SpinningWheelAnimation_fadeInOut 2s ease-in infinite
}

body .SpinningWheelTypeD__noResultVisuals {
    transition: all .2s;
    transform: scale(1);
    transform-origin: center;
    opacity: 1
}

body .SpinningWheelTypeD__noResultVisuals_hidden {
    transform: scale(0);
    opacity: 0
}

body .SpinningWheelTypeD__noResultVisualsOuterArcs {
    opacity: .25;
    transform-origin: center
}

body .SpinningWheelTypeD__noResultVisualsOuterArcs_animated {
    animation: SpinningWheelAnimation_rotateClockwise 2s linear infinite
}

body .SpinningWheelTypeD__noResultVisualsOuterArcs_animatedCCW {
    animation: SpinningWheelAnimation_rotateCounterClockwise 2s linear infinite
}

body .SpinningWheelTypeD__noResultVisualsBgCircleBlur {
    opacity: 0;
    transform-origin: center
}

body .SpinningWheelTypeD__noResultVisualsBgCircleBlur_pulse {
    animation: SpinningWheelAnimation_pulse 1.5s infinite;
    transform-origin: center
}

body .SpinningWheelTypeD__noResultVisualsOuterDotsGlow {
    transform: scale(.8);
    opacity: .2;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__noResultVisualsOuterDotsGlow_pulsing {
    animation: SpinningWheelAnimation_pulse 1s infinite
}

body .SpinningWheelTypeD__noResultVisualsOuterDotsGlow_idlePulsing, body .SpinningWheelTypeD__noResultVisualsOuterDotsGlow_winPulsing {
    animation: SpinningWheelAnimation_pulse 3s infinite
}

body .SpinningWheelTypeD__noResultVisualsBgBlur {
    opacity: .5
}

body .SpinningWheelTypeD__noResultVisualsBgBlur_pulse {
    animation: SpinningWheelAnimation_pulse 3s infinite;
    transform-origin: center
}

body .SpinningWheelTypeD__innerWheelSlice {
    transform-origin: center
}

body .SpinningWheelTypeD__innerWheelSliceHint {
    fill: var(--base-surface);
    transform-origin: center;
    transform-box: fill-box;
    transform: translate(417px, 397px)
}

body .SpinningWheelTypeD__innerWheelSliceHintWrapper {
    transform-origin: center;
    transform: translate(170px)
}

body .SpinningWheelTypeD__innerWheelSliceHintContainer {
    transform-origin: center;
    opacity: 0;
    transition: opacity .5s
}

body .SpinningWheelTypeD__innerWheelSliceHintContainer_visible {
    opacity: 1
}

body .SpinningWheelTypeD__innerWheelSliceHintText {
    font-family: var(--secondary-font-family);
    fill: var(--base-text-primary);
    color: var(--base-text-primary);
    font-size: .8em;
    transform: translate(23.05px, 19.73px)
}

body .SpinningWheelTypeD__innerWheelSliceLogo, body .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform-box: fill-box;
    transform-origin: center;
    transform: translate(5px) scale(1.38);
    transition: transform .5s;
    fill: var(--primary-solid)
}

body .SpinningWheelTypeD__innerWheelSliceLogoCircleWrapper {
    transform: translateY(1px)
}

body .SpinningWheelTypeD__innerWheelSliceLogo {
    fill: var(--base-elements);
    font-size: 12px;
    font-weight: 600;
    transition: all .5s;
    transform: translate(607px, 441px)
}

body .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(590px, 422px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__innerWheelSliceText {
    font-family: var(--secondary-font-family);
    fill: var(--base-text-primary);
    color: var(--base-text-primary);
    font-size: 12px;
    font-weight: 600;
    transition: all .5s;
    transform: translate(584px, 441.43px)
}

body .SpinningWheelTypeD__innerWheelSliceText_compact {
    font-size: 10px;
    transform: translate(591px, 441px)
}

body .SpinningWheelTypeD__innerWheelSlice_sectorWin .SpinningWheelTypeD__innerWheelSliceLogo, body .SpinningWheelTypeD__innerWheelSlice_sectorWin .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: scale(0)
}

body .SpinningWheelTypeD__innerWheelSlice_sectorWin .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(590px, 426.2px) scale(0)
}

body .SpinningWheelTypeD__innerWheelSlice_sectorWin .SpinningWheelTypeD__innerWheelSliceText {
    font-size: 14px;
    transform: translate(610px, 442px)
}

body .SpinningWheelTypeD__innerWheelSlice_sectorWin .SpinningWheelTypeD__innerWheelSliceText_compact {
    font-size: 12px;
    transform: translate(610px, 441.5px)
}

body .SpinningWheelTypeD__slice_4x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(6px, 5px) scale(1.38)
}

body .SpinningWheelTypeD__slice_4x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(608px, 446px)
}

body .SpinningWheelTypeD__slice_4x .SpinningWheelTypeD__innerWheelSliceText, body .SpinningWheelTypeD__slice_4x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(588px, 445.43px)
}

body .SpinningWheelTypeD__slice_4x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(593px, 425px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__slice_6x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(1px, -26px) scale(1.38)
}

body .SpinningWheelTypeD__slice_6x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(602px, 415px)
}

body .SpinningWheelTypeD__slice_6x .SpinningWheelTypeD__innerWheelSliceText {
    transform: translate(580px, 415px)
}

body .SpinningWheelTypeD__slice_6x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(580px, 441px)
}

body .SpinningWheelTypeD__slice_6x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(588px, 399px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__slice_8x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(3px, -26px) scale(1.38)
}

body .SpinningWheelTypeD__slice_8x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(604px, 415px)
}

body .SpinningWheelTypeD__slice_8x .SpinningWheelTypeD__innerWheelSliceText {
    transform: translate(583px, 418px)
}

body .SpinningWheelTypeD__slice_8x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(580px, 441px)
}

body .SpinningWheelTypeD__slice_8x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(588px, 399px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__slice_10x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(3px, -26px) scale(1.38)
}

body .SpinningWheelTypeD__slice_10x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(604px, 416px)
}

body .SpinningWheelTypeD__slice_10x .SpinningWheelTypeD__innerWheelSliceText {
    transform: translate(583px, 418px)
}

body .SpinningWheelTypeD__slice_10x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(580px, 441px)
}

body .SpinningWheelTypeD__slice_10x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(588px, 399px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__slice_12x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(1px, -26px) scale(1.38)
}

body .SpinningWheelTypeD__slice_12x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(602px, 415px)
}

body .SpinningWheelTypeD__slice_12x .SpinningWheelTypeD__innerWheelSliceText {
    transform: translate(583px, 418px)
}

body .SpinningWheelTypeD__slice_12x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(580px, 441px)
}

body .SpinningWheelTypeD__slice_12x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(588px, 399px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__slice_14x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(3px, -26px) scale(1.38)
}

body .SpinningWheelTypeD__slice_14x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(602px, 415px)
}

body .SpinningWheelTypeD__slice_14x .SpinningWheelTypeD__innerWheelSliceText {
    transform: translate(583px, 418px)
}

body .SpinningWheelTypeD__slice_14x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(580px, 441px)
}

body .SpinningWheelTypeD__slice_14x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(588px, 399px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__slice_16x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(3px, -26px) scale(1.38)
}

body .SpinningWheelTypeD__slice_16x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(602px, 415px)
}

body .SpinningWheelTypeD__slice_16x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(1px, -24px) scale(1.38)
}

body .SpinningWheelTypeD__slice_16x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(602px, 417px)
}

body .SpinningWheelTypeD__slice_16x .SpinningWheelTypeD__innerWheelSliceText {
    transform: translate(583px, 418px)
}

body .SpinningWheelTypeD__slice_16x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(580px, 441px)
}

body .SpinningWheelTypeD__slice_16x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(588px, 399px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__slice_18x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(3px, -26px) scale(1.38)
}

body .SpinningWheelTypeD__slice_18x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(604px, 415px)
}

body .SpinningWheelTypeD__slice_18x .SpinningWheelTypeD__innerWheelSliceText {
    transform: translate(583px, 418px)
}

body .SpinningWheelTypeD__slice_18x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(580px, 441px)
}

body .SpinningWheelTypeD__slice_18x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(588px, 399px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__slice_20x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(2px, -23px) scale(1.38)
}

body .SpinningWheelTypeD__slice_20x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(604px, 418px)
}

body .SpinningWheelTypeD__slice_20x .SpinningWheelTypeD__innerWheelSliceText {
    transform: translate(583px, 418px)
}

body .SpinningWheelTypeD__slice_20x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(580px, 441px)
}

body .SpinningWheelTypeD__slice_20x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(588px, 399px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__slice_22x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(3px, -26px) scale(1.38)
}

body .SpinningWheelTypeD__slice_22x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(602px, 415px)
}

body .SpinningWheelTypeD__slice_22x .SpinningWheelTypeD__innerWheelSliceText {
    transform: translate(583px, 418px)
}

body .SpinningWheelTypeD__slice_22x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(580px, 441px)
}

body .SpinningWheelTypeD__slice_22x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(588px, 399px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__slice_24x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translateY(-22px) scale(1.38)
}

body .SpinningWheelTypeD__slice_24x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(602px, 419px)
}

body .SpinningWheelTypeD__slice_24x .SpinningWheelTypeD__innerWheelSliceText {
    transform: translate(583px, 418px)
}

body .SpinningWheelTypeD__slice_24x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(580px, 441px)
}

body .SpinningWheelTypeD__slice_24x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(588px, 399px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .SpinningWheelTypeD__slice_26x .SpinningWheelTypeD__innerWheelSliceLogoCircle {
    transform: translate(3px, -26px) scale(1.38)
}

body .SpinningWheelTypeD__slice_26x .SpinningWheelTypeD__innerWheelSliceLogo {
    transform: translate(602px, 415px)
}

body .SpinningWheelTypeD__slice_26x .SpinningWheelTypeD__innerWheelSliceText {
    transform: translate(583px, 418px)
}

body .SpinningWheelTypeD__slice_26x .SpinningWheelTypeD__innerWheelSliceText_compact {
    transform: translate(580px, 441px)
}

body .SpinningWheelTypeD__slice_26x .SpinningWheelTypeD__innerWheelSliceLogoSymbol {
    transform: translate(588px, 399px);
    transition: transform .5s;
    transform-box: fill-box;
    transform-origin: center
}

body .ReferralPromocodes {
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .ReferralPromocodes {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .ReferralPromocodes {
        padding: var(--container-padding-mobile)
    }
}

body .ReferralPromocodes__header {
    display: grid;
    grid-template-areas:"title count toggle";
    grid-template-columns:min-content min-content 1fr;
    grid-gap: 16px;
    align-items: center;
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    body .ReferralPromocodes__header {
        grid-template-areas:"title toggle" "count count";
        grid-template-columns:min-content 1fr;
        margin-bottom: 24px
    }
}

body .ReferralPromocodes__title {
    grid-area: title;
    font-size: 2.25rem;
    line-height: 3rem;
    font-weight: 700;
    color: var(--base-text-primary);
    white-space: nowrap
}

@media (max-width: 767.98px) {
    body .ReferralPromocodes__title {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

body .ReferralPromocodes__count {
    grid-area: count;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    color: var(--base-text-placeholder);
    white-space: nowrap
}

body .ReferralPromocodes__toggle {
    grid-area: toggle;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    max-width: inherit;
    width: auto;
    margin-left: auto;
    font-size: .875rem;
    line-height: 1.5rem;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--base-text-primary);
    background: transparent;
    transition: all .3s ease-in-out
}

body .ReferralPromocodes__toggle .Icon {
    margin-right: 8px;
    color: var(--primary-link);
    transition: all .3s ease-in-out
}

body .ReferralPromocodes__toggle:not(:disabled):hover {
    color: var(--base-text-primary)
}

body .ReferralPromocodes__toggle:not(:disabled):hover .Icon {
    color: var(--primary-hover)
}

body .ReferralPromocodes__list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    grid-gap: 16px
}

body .ReferralPromocodes__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 auto;
    max-width: inherit;
    width: auto
}

body .ReferralPromocodes__item .Button__text {
    text-overflow: clip;
    overflow: initial
}

body .ReferralPromocodes__item_delete {
    margin-left: 6px;
    color: var(--primary-link);
    transition: all .3s ease-in-out
}

body .ReferralPromocodes__item_delete:not(:disabled):hover {
    color: var(--primary-hover)
}

body .ReferralPromocodes__modal {
    padding: 0 24px 24px
}

body .ReferralPromocodes__modal .FieldText__input {
    text-transform: uppercase
}

body .ReferralPromocodes__modal-footer {
    display: grid;
    grid-template-columns:min-content min-content;
    align-items: center;
    justify-content: flex-end;
    grid-column-gap: 16px
}

body .ReferralPromocodes__error {
    color: var(--base-alert);
    width: 100%;
    margin-top: 4px
}

body .ReferralLinks {
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .ReferralLinks {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .ReferralLinks {
        padding: var(--container-padding-mobile)
    }
}

body .ReferralLinks__header {
    max-width: 100%;
    margin-bottom: 40px
}

@media (max-width: 1649.98px) {
    body .ReferralLinks__header {
        margin-bottom: 24px
    }
}

body .ReferralLinks__title {
    font-size: 2.25rem;
    line-height: 3rem;
    font-weight: 700;
    color: var(--base-text-primary);
    white-space: nowrap
}

@media (max-width: 767.98px) {
    body .ReferralLinks__title {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

body .ReferralLinks__description {
    flex: 0 0 auto;
    max-width: inherit;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    color: var(--base-text-placeholder);
    white-space: nowrap
}

body .ReferralLinks__content {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 48px
}

@media (max-width: 1649.98px) {
    body .ReferralLinks__content {
        gap: 24px;
        flex-wrap: wrap
    }
}

body .ReferralLinks__link, body .ReferralLinks__share {
    flex: 0 0 auto;
    max-width: inherit;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 24px;
    overflow: hidden
}

@media (max-width: 767.98px) {
    body .ReferralLinks__link, body .ReferralLinks__share {
        flex: 1 1 100%;
        max-width: 100%;
        align-items: flex-start;
        gap: 8px
    }
}

body .ReferralLinks__textarea {
    flex: 1 1 480px;
    max-width: 480px;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: hidden;
    padding: 16px 24px;
    background-color: var(--base-elements)
}

@media (max-width: 767.98px) {
    body .ReferralLinks__textarea {
        padding: 16px 10px;
        flex: 1 1 100%;
        max-width: 100%;
        flex-wrap: wrap;
        align-items: flex-start
    }
}

body .ReferralLinks__value {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 700;
    white-space: nowrap;
    color: var(--base-text-primary);
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden
}

@media (max-width: 767.98px) {
    body .ReferralLinks__value {
        font-size: 1rem;
        line-height: 1.75rem
    }
}

body .ReferralLinks__copy {
    flex: 0 0 auto;
    max-width: inherit
}

body .ReferralLinks__list {
    display: grid;
    grid-template-columns:repeat(6, 32px);
    grid-gap: 16px
}

body .ReferralLinks__social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: var(--base-text-on-color-bg);
    background-color: var(--base-text-placeholder);
    transition: all .3s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden
}

body .ReferralLinks__social:hover {
    background-color: var(--primary-solid)
}

body .ReferralTopList {
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .ReferralTopList {
        padding: var(--container-padding-tablet)
    }
}

@media screen and (max-width: 768px) {
    body .ReferralTopList {
        padding: var(--container-padding-mobile) var(--container-padding-mobile) calc(var(--container-padding-mobile) + 32px) var(--container-padding-mobile)
    }
}

body .ReferralTopList__row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: hidden;
    background-color: var(--base-surface)
}

@media screen and (max-width: 768px) {
    body .ReferralTopList__row {
        display: block;
        overflow: initial
    }
}

body .ReferralTopList__button, body .ReferralTopList__total {
    flex: 0 0 auto;
    max-width: inherit;
    padding: 16px 20px
}

@media (max-width: 1279.98px) {
    body .ReferralTopList__button, body .ReferralTopList__total {
        padding: 16px
    }
}

@media screen and (max-width: 768px) {
    body .ReferralTopList__button, body .ReferralTopList__total {
        padding: 8px 10px
    }
}

body .ReferralTopList__total {
    text-align: left
}

@media screen and (max-width: 768px) {
    body .ReferralTopList__total {
        width: 100%;
        max-width: 100%;
        text-align: center
    }

    body .ReferralTopList__button {
        width: 100%;
        max-width: 100%
    }
}

body .ReferralTopList__slider {
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    padding: 16px 10px;
    position: relative
}

body .ReferralTopList__slider:after, body .ReferralTopList__slider:before {
    position: absolute;
    top: 0;
    z-index: 2;
    display: block;
    content: "";
    width: 48px;
    height: 100%
}

body .ReferralTopList__slider:before {
    left: 0;
    background: linear-gradient(90deg, var(--base-surface) 30%, transparent 100%)
}

body .ReferralTopList__slider:after {
    right: 0;
    background: linear-gradient(270deg, var(--base-surface) 30%, transparent 100%)
}

@media screen and (max-width: 768px) {
    body .ReferralTopList__slider {
        width: 100%;
        max-width: 100%;
        padding: 8px
    }
}

body .ReferralTopList__slider .swiper {
    width: 100%
}

body .ReferralTopList__slider .swiper-wrapper {
    transition-timing-function: linear !important
}

body .ReferralTopList__slider .swiper-slide {
    width: auto;
    max-width: 180px
}

body .ReferralTopList__link {
    display: block;
    padding: 2px;
    background: var(--primary-hover);
    overflow: hidden;
    transition: background .3s ease-in-out
}

body .ReferralTopList__link_wrapper {
    word-break: break-word;
    display: block;
    width: 100%;
    max-width: inherit;
    outline: none;
    padding: 8px 24px;
    background: var(--primary-gradient);
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow);
    font-family: var(--secondary-font-family);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--base-text-on-color-bg)
}

@media screen and (max-width: 1280px) {
    body .ReferralTopList__link_wrapper {
        font-size: 14px;
        line-height: 24px
    }
}

body .ReferralTopList__link:not(:disabled):hover {
    background: var(--primary-solid)
}

body .ReferralTopList__link:not(:disabled):hover .ReferralTopList__link_wrapper {
    background: var(--primary-gradient)
}

@media screen and (max-width: 768px) {
    body .ReferralTopList__link {
        max-width: max-content;
        margin: -32px auto 0;
        transform: translateY(32px)
    }

    body .ReferralTopList__link_wrapper {
        transform: none;
        margin: 0;
        text-align: center
    }
}

body .ReferralTopList__amount {
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    background: var(--primary-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width: 768px) {
    body .ReferralTopList__amount {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (max-width: 434.98px) {
    body .ReferralTopList__amount {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

body .ReferralTopList__description {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    word-wrap: nowrap
}

body .ReferralTopList__item {
    padding-right: 40px;
    overflow: hidden
}

@media (max-width: 1279.98px) {
    body .ReferralTopList__item {
        padding-right: 24px
    }
}

@media screen and (max-width: 768px) {
    body .ReferralTopList__item {
        padding-right: 16px
    }
}

body .ReferralTopList__value {
    font-size: 1.25rem;
    font-weight: 700
}

body .ReferralTopList__name, body .ReferralTopList__value {
    line-height: 1.75rem;
    color: var(--base-text-primary);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

body .ReferralTopList__name {
    font-size: 1rem;
    font-weight: 400
}

body .ReferralTopList__name_colored {
    color: var(--base-text-placeholder)
}

body .ReferralChart {
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
    min-height: 425px
}

body .ReferralChart .ReferralTopList {
    margin-top: -125px;
    position: relative
}

body .ReferralChart__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%
}

body .ReferralChart-chartHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: -110px;
    position: relative;
    overflow: hidden;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .ReferralChart-chartHeader {
        padding: var(--container-padding-tablet);
        display: block;
        margin-bottom: -140px
    }
}

@media (max-width: 767.98px) {
    body .ReferralChart-chartHeader {
        padding: var(--container-padding-mobile) var(--container-padding-mobile) calc(var(--container-padding-mobile) + 32px) var(--container-padding-mobile)
    }
}

body .ReferralChart-chartHeader__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary)
}

@media (max-width: 1279.98px) {
    body .ReferralChart-chartHeader__title {
        margin-bottom: 20px
    }
}

@media (max-width: 767.98px) {
    body .ReferralChart-chartHeader__title {
        font-size: 1.75rem;
        line-height: 2rem
    }
}

body .ReferralChart-chartHeader__title > span {
    color: var(--primary-solid)
}

body .ReferralChart-chartHeader__tabs {
    display: block
}

body .ReferralChart-chartHeader__tabs .Tabs {
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    body .ReferralChart-chartHeader__tabs {
        display: none
    }
}

body .ReferralChart-chartHeader__select {
    display: none
}

@media (max-width: 767.98px) {
    body .ReferralChart-chartHeader__select {
        display: block;
        max-width: 320px
    }
}

body .ReferralChart-lineChart-annotation__title {
    font-family: var(--primary-font-family);
    font-size: 1.75rem;
    line-height: 2.25rem;
    font-weight: 700;
    white-space: nowrap;
    fill: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .ReferralChart-lineChart-annotation__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

body .ReferralChart-lineChart-annotation__description {
    font-family: var(--primary-font-family);
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    white-space: nowrap;
    fill: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .ReferralChart-lineChart-annotation__description {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

body .ReferralChart-lineChart-annotation__circle {
    stroke-width: 0;
    fill: var(--primary-solid);
    fill-opacity: 1
}

body .ReferralChart-lineChart-annotation__circle_10 {
    fill-opacity: 10%
}

body .ReferralChart-lineChart-annotation__circle_20 {
    fill-opacity: 20%
}

body .ReferralChart-lineChart-annotation__circle_primary {
    fill: var(--base-text-primary)
}

body .ReferralChart-lineChart-annotation__connector {
    stroke: var(--base-text-secondary);
    stroke-dasharray: 5;
    stroke-width: 1
}

body .ReferralChart-lineChart-tooltip {
    display: block;
    position: relative;
    padding: 4px 8px;
    background-color: var(--base-elements)
}

body .ReferralChart-lineChart-tooltip__title {
    display: block;
    font-family: var(--primary-font-family);
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 700;
    white-space: nowrap
}

@media (max-width: 767.98px) {
    body .ReferralChart-lineChart-tooltip__title {
        font-size: .75rem;
        line-height: 1.25rem
    }
}

body .ReferralChart-lineChart-tooltip__description {
    display: block;
    font-family: var(--primary-font-family);
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    white-space: nowrap;
    fill: var(--base-text-placeholder)
}

body .ReferralChart-lineChart-title__title {
    font-family: var(--primary-font-family);
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    white-space: nowrap;
    fill: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .ReferralChart-lineChart-title__title {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

body .ReferralChart-lineChart-title__description {
    font-family: var(--primary-font-family);
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    white-space: nowrap;
    fill: var(--base-text-placeholder)
}

@media (max-width: 767.98px) {
    body .ReferralChart-lineChart-title__description {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

body .ReferralChart-lineChart__tick {
    font-family: var(--primary-font-family);
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    white-space: nowrap;
    fill: var(--base-text-placeholder)
}

body .ReferralFirstVisit {
    display: block;
    width: 100%;
    max-width: calc(480px + 2 * var(--container-padding-desktop));
    position: absolute;
    top: calc(50% - 2 * var(--container-padding-desktop) - 42px);
    left: 50%;
    transform: translate(-50%, -50%);
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .ReferralFirstVisit {
        max-width: calc(480px + 2 * var(--container-padding-tablet));
        padding: var(--container-padding-tablet);
        top: calc(50% - 2 * var(--container-padding-tablet) - 85px)
    }
}

@media (max-width: 767.98px) {
    body .ReferralFirstVisit {
        max-width: calc(480px + 2 * var(--container-padding-mobile));
        padding: var(--container-padding-mobile);
        top: calc(50% - 2 * var(--container-padding-mobile) - 140px)
    }
}

body .ReferralFirstVisit__description {
    text-align: center;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: var(--base-text-primary);
    margin-bottom: 24px
}

@media (max-width: 767.98px) {
    body .ReferralFirstVisit__description {
        margin-bottom: 34px
    }
}

body .ReferralFirstVisit__wrapper {
    width: 100%;
    overflow: hidden
}

body .ReferralFirstVisit__row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 16px 24px;
    background-color: var(--base-surface)
}

body .ReferralFirstVisit__row:nth-of-type(2) {
    border-top: 1px solid var(--base-elements)
}

@media (max-width: 767.98px) {
    body .ReferralFirstVisit__row {
        flex-wrap: wrap;
        gap: 8px;
        padding: 0;
        background-color: transparent
    }

    body .ReferralFirstVisit__row:nth-of-type(2) {
        border-top: none;
        margin-top: 32px
    }
}

body .ReferralFirstVisit__link {
    flex: 1 1 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow: hidden;
    padding: 16px 24px;
    background-color: var(--base-elements)
}

body .ReferralFirstVisit__value {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 0;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 700;
    white-space: nowrap;
    color: var(--base-text-primary);
    text-overflow: ellipsis;
    word-break: break-all;
    overflow: hidden
}

@media (max-width: 767.98px) {
    body .ReferralFirstVisit__value {
        padding: 16px 10px 28px;
        text-align: center;
        font-size: 1rem;
        line-height: 1.75rem;
        background-color: var(--base-surface)
    }
}

body .ReferralFirstVisit__copy {
    flex: 0 0 auto;
    max-width: inherit
}

@media (max-width: 767.98px) {
    body .ReferralFirstVisit__copy {
        margin-top: -32px
    }
}

body .ReferralFirstVisit__code {
    flex: 0 0 auto;
    max-width: inherit;
    width: auto
}

body .ReferralFirstVisit__code .Button__text {
    text-overflow: clip;
    overflow: initial
}

body .ReferralTotal {
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .ReferralTotal {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .ReferralTotal {
        padding: var(--container-padding-mobile)
    }
}

body .ReferralTotal__row {
    display: grid;
    grid-template-columns:1fr 1fr;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    padding: 16px 24px;
    background-color: var(--base-surface)
}

body .ReferralTotal__row .Spinner {
    grid-column-end: span 2
}

@media (max-width: 1279.98px) {
    body .ReferralTotal__row {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 1023.98px) {
    body .ReferralTotal__row {
        grid-template-columns:1fr;
        padding: 16px 12px
    }
}

body .ReferralTotal__col {
    max-width: 100%;
    grid-gap: 40px;
    gap: 40px;
    display: grid;
    grid-template-columns:min-content min-content 1fr;
    align-items: center;
    justify-content: flex-start
}

body .ReferralTotal__col:first-of-type {
    padding-right: 24px;
    border-right: 1px solid var(--base-divider)
}

body .ReferralTotal__col:last-of-type {
    padding-left: 24px
}

@media (max-width: 1023.98px) {
    body .ReferralTotal__col:first-of-type {
        padding-right: 0;
        border-right: none;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--base-divider)
    }

    body .ReferralTotal__col:last-of-type {
        padding-left: 0;
        padding-top: 16px
    }
}

@media (max-width: 767.98px) {
    body .ReferralTotal__col {
        grid-template-columns:1fr 1fr;
        gap: 16px
    }

    body .ReferralTotal__col:first-of-type {
        padding-right: 0;
        border-right: none;
        padding-bottom: 16px;
        border-bottom: 1px solid var(--base-divider)
    }

    body .ReferralTotal__col:last-of-type {
        padding-left: 0;
        padding-top: 16px
    }
}

body .ReferralTotal__item {
    max-width: inherit
}

body .ReferralTotal__item_end {
    max-width: 100%
}

body .ReferralTotal__item .Button, body .ReferralTotal__item .GameError__homeButton {
    max-width: min-content;
    margin-left: auto
}

@media (max-width: 767.98px) {
    body .ReferralTotal__item_end {
        grid-column-end: span 2
    }

    body .ReferralTotal__item .Button, body .ReferralTotal__item .GameError__homeButton {
        margin: 0 auto
    }
}

body .ReferralTotal__value {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: var(--base-text-primary);
    white-space: nowrap
}

body .ReferralTotal__value_small {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500
}

body .ReferralTotal__label, body .ReferralTotal__value_disabled {
    color: var(--base-text-secondary)
}

body .ReferralTotal__label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    white-space: nowrap
}

body .ReferralTotal__label .Icon {
    margin-left: 8px
}

body .ReferralTotal__label_point:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 8px
}

body .ReferralTotal__label_earning:before {
    background-color: var(--primary-solid)
}

body .ReferralTotal__label_referrals:before {
    background-color: var(--base-text-primary)
}

body .ReferralTotal__label_solo:before {
    background-color: var(--primary-solid)
}

body .ReferralTotal-modal__footer {
    display: grid;
    grid-template-columns:min-content min-content;
    align-items: center;
    justify-content: flex-end;
    grid-gap: 16px;
    gap: 16px;
    padding: 0 24px 24px
}

body .ReferralTotal-modal__footer .Button, body .ReferralTotal-modal__footer .GameError__homeButton {
    max-width: min-content
}

@media (max-width: 767.98px) {
    body .ReferralTotal-modal__footer {
        padding: 0 20px 24px
    }
}

body .ReferralTable {
    display: block;
    max-width: 100%;
    overflow: hidden;
    margin: 0 auto;
    padding: var(--container-padding-desktop)
}

@media (max-width: 1279.98px) {
    body .ReferralTable {
        padding: var(--container-padding-tablet)
    }
}

@media (max-width: 767.98px) {
    body .ReferralTable {
        padding: var(--container-padding-mobile)
    }
}

body .ReferralTable-header {
    display: block;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 24px
}

@media (max-width: 767.98px) {
    body .ReferralTable-header {
        margin-bottom: 16px
    }
}

body .ReferralTable-header__row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    max-width: 100%
}

body .ReferralTable-header__row:not(:last-of-type) {
    margin-bottom: 24px
}

@media (max-width: 767.98px) {
    body .ReferralTable-header__row {
        flex-wrap: wrap
    }

    body .ReferralTable-header__row:not(:last-of-type) {
        margin-bottom: 16px
    }
}

body .ReferralTable-header__title {
    flex: 1 1 auto;
    max-width: inherit
}

body .ReferralTable-header__title h2 {
    font-size: 2rem;
    line-height: 2.75rem;
    font-weight: 700;
    color: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .ReferralTable-header__title {
        flex: 1 1 100%;
        max-width: 100%
    }

    body .ReferralTable-header__title h2 {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

body .ReferralTable-header__search {
    flex: 0 0 280px;
    max-width: 280px
}

body .ReferralTable-header__tabs {
    display: block;
    margin-left: auto
}

body .ReferralTable-header__tabs .Tabs {
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    body .ReferralTable-header__tabs {
        display: none
    }
}

body .ReferralTable-header__select {
    display: none;
    margin-left: auto;
    width: 100%
}

body .ReferralTable-header__select .FieldSelect {
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    body .ReferralTable-header__select {
        display: block;
        margin-left: 0;
        max-width: 320px
    }
}

body .ReferralTable-search {
    display: block;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    font-size: 0;
    line-height: 0
}

body .ReferralTable-search .FieldText {
    margin-bottom: 0
}

body .ReferralTable-search .FieldText__error {
    display: none
}

body .ReferralTable-search .FieldText__input {
    padding: 0 38px
}

body .ReferralTable-search__icon {
    position: absolute;
    top: 0;
    left: 12px;
    width: min-content;
    color: var(--primary-solid)
}

body .ReferralTable-search__clean {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    display: block;
    width: 16px;
    height: 16px;
    color: var(--primary-solid);
    outline: none;
    border: none;
    padding: 0;
    font-size: 0;
    line-height: 0;
    transition: all .3s ease-in-out
}

body .ReferralTable-search__spinner {
    width: auto;
    position: absolute;
    min-height: unset !important;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    z-index: 1
}

body .ReferralTable__cell_t-right {
    text-align: right
}

body .ReferralTable__cell .Icon {
    width: auto;
    margin-right: 10px
}

body .ReferralTable__copy {
    display: block;
    cursor: pointer;
    color: var(--primary-link)
}

body .ReferralTable__copy .ReferralTable__tableIcon {
    margin-left: 10px;
    visibility: hidden;
    width: auto;
    vertical-align: top
}

body .ReferralTable__copy .ReferralTable__tableIcon_notHide, body .ReferralTable__copy:hover .ReferralTable__tableIcon {
    visibility: visible
}

body .InfoRTPBlockContent__container {
    width: 100%
}

body .InfoRTPBlockContent__betRow, body .InfoRTPBlockContent__container {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 104px;
    row-gap: 24px
}

@media (max-width: 1023.98px) {
    body .InfoRTPBlockContent__betRow, body .InfoRTPBlockContent__container {
        column-gap: 64px
    }
}

body .InfoRTPBlockContent__rtpRow {
    flex-grow: 1;
    flex-basis: min-content;
    max-width: max-content;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    column-gap: 12px;
    row-gap: 8px
}

body .InfoRTPBlockContent__betContainer, body .InfoRTPBlockContent__rtpContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 16px
}

body .InfoRTPBlockContent__icon {
    color: var(--base-text-primary);
    width: 24px;
    height: 24px
}

body .InfoRTPBlockContent__label {
    color: var(--base-text-secondary);
    font-weight: 600;
    white-space: nowrap
}

body .InfoRTPBlockContent__value {
    color: var(--base-text-primary);
    white-space: nowrap
}

body .InfoRTPBlockContent__column {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

body .InfoRTPBlockContent__rtpRetrospectiveRow {
    flex-wrap: nowrap;
    gap: 12px;
    margin-bottom: 8px
}

body .InfoRTPBlockContent__rtpRetrospectiveItem, body .InfoRTPBlockContent__rtpRetrospectiveRow {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

body .InfoRTPBlockContent__rtpRetrospectiveText {
    color: var(--base-text-secondary);
    font-weight: 600;
    margin-right: 2px
}

body .InfoRTPBlockContent__rtpRetrospectiveValue {
    color: var(--base-text-primary);
    font-weight: 600
}

body .InfoRTPBlockContent__rtpRetrospectiveIcon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12px;
    height: 12px
}

body .InfoRTPBlockContent__betIconContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background-color: var(--base-elements)
}

body .InfoRTPTooltip__content {
    background-color: var(--base-surface);
    padding: 0
}

body .InfoRTPTooltip__arrow {
    color: var(--base-surface)
}

body .InfoRTPTooltip__arrow polygon {
    fill: currentColor
}

body .InfoRTPTooltip__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: color .15s linear;
    color: var(--base-text-secondary)
}

body .InfoRTPTooltip__icon:hover {
    color: var(--base-text-primary)
}

body .InfoRTPTooltip__icon * {
    pointer-events: none
}

body .InfoRTPTooltipContent__container {
    padding: 12px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 300px;
    min-width: 215px
}

body .InfoRTPTooltipContent__row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

body .InfoRTPTooltipContent__row > * + * {
    margin-left: 4px
}

body .InfoRTPTooltipContent__row_retrospective {
    margin-top: 6px;
    justify-content: flex-start
}

body .InfoRTPTooltipContent__row_title {
    margin-bottom: 8px
}

body .InfoRTPTooltipContent__row_rtp {
    margin-bottom: 4px
}

body .InfoRTPTooltipContent__row_minMaxBet {
    margin-top: 12px
}

body .InfoRTPTooltipContent__title {
    color: var(--base-text-primary)
}

body .InfoRTPTooltipContent__closer {
    color: var(--base-text-primary);
    width: 24px;
    height: 24px
}

body .InfoRTPTooltipContent__label {
    color: var(--base-text-secondary);
    font-weight: 600
}

body .InfoRTPTooltipContent__value {
    color: var(--base-text-primary)
}

body .InfoRTPTooltipContent__rtpProgressContainer {
    position: relative;
    width: 100%;
    height: 4px;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--base-elements-hover)
}

body .InfoRTPTooltipContent__rtpProgressBar {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    max-width: 100%;
    border-radius: 4px
}

body .InfoRTPTooltipContent__rtpProgressBar_success {
    background-color: var(--base-success)
}

body .InfoRTPTooltipContent__rtpProgressBar_warning {
    background-color: var(--base-warning)
}

body .InfoRTPTooltipContent__rtpProgressBar_alert {
    background-color: var(--base-alert)
}

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

body .InfoRTPTooltipContent__rtpRetrospectiveText {
    color: var(--base-text-secondary);
    font-weight: 600;
    margin-right: 1px
}

body .InfoRTPTooltipContent__rtpRetrospectiveValue {
    color: var(--base-text-primary);
    font-weight: 600
}

body .InfoRTPTooltipContent__rtpRetrospectiveIcon {
    width: 12px;
    height: 12px
}

body .GameTournamentsInfo__content {
    background-color: var(--base-surface);
    padding: 0
}

body .GameTournamentsInfo__arrow {
    color: var(--base-surface)
}

body .GameTournamentsInfo__arrow polygon {
    fill: currentColor
}

body .GameTournamentsInfo__tooltip_rtp {
    margin-left: auto
}

body .GameTournamentsInfo__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    transition: color .15s linear;
    color: var(--base-text-secondary)
}

body .GameTournamentsInfo__icon:hover {
    color: var(--base-text-on-color-bg)
}

body .GameTournamentsInfoContent__container {
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    max-width: 280px;
    min-width: 215px
}

@media (max-width: 767.98px) {
    body .GameTournamentsInfoContent__container {
        max-width: 216px
    }
}

body .GameTournamentsInfoContent__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px
}

body .GameTournamentsInfoContent__icon img {
    width: 24px;
    height: 8px
}

body .GameTournamentsInfoContent__closer {
    color: var(--base-text-primary);
    width: 24px;
    height: 24px;
    margin-left: auto;
    display: none
}

body .GameTournamentsInfoContent__header {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 4px
}

body .GameTournamentsInfoContent__status {
    display: flex;
    align-items: center;
    width: 12px;
    height: 24px
}

body .GameTournamentsInfoContent__title {
    color: var(--base-text-primary);
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

@media screen and (max-width: 768px) {
    body .GameTournamentsInfoContent__title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

body .GameTournamentsInfoContent__tournaments {
    display: flex;
    align-items: flex-start;
    gap: 8px
}

body .GameTournamentsInfoContent__linkWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px
}

body .GameTournamentsInfoContent__link {
    min-width: 50px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: var(--base-text-primary)
}

body .GameTournamentsInfoContent__link:hover {
    text-decoration: underline;
    cursor: pointer
}

body .GameTournamentsInfoContent__divider {
    width: 100%;
    margin: 12px 0;
    height: 1px;
    background: var(--base-divider)
}

body .GameTournamentsInfoContent__name {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-decoration: underline;
    color: var(--base-text-secondary)
}

body .GameTournamentsInfoContent__name:hover {
    color: var(--base-text-primary);
    cursor: pointer
}

body .GameTournamentsInfoContent__dot {
    background-color: var(--base-status-pending);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block
}

body .GameTournamentsInfoContent__dot_active {
    background-color: var(--base-status-active)
}

@media screen and (max-width: 768px) {
    body .GameTournamentsInfoContent__closer {
        display: block
    }

    body .GameTournamentsInfoContent__name {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow-wrap: break-word
    }
}

body .TournamentsCurrencyModal__modalHeader .Modal__header {
    padding: 36px 12px 0 0
}

body .TournamentsCurrencyModal__wrapper {
    padding: 0 24px 16px;
    display: flex;
    flex-direction: column
}

@media (max-width: 434.98px) {
    body .TournamentsCurrencyModal__wrapper {
        padding: 0 20px 20px
    }
}

body .TournamentsCurrencyModal__title {
    color: var(--base-text-primary);
    text-align: left;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    word-wrap: break-word
}

@media (max-width: 434.98px) {
    body .TournamentsCurrencyModal__title {
        font-size: 20px;
        line-height: 28px
    }
}

body .TournamentsCurrencyModal__link {
    margin-top: 12px;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: var(--base-text-secondary)
}

@media (max-width: 434.98px) {
    body .TournamentsCurrencyModal__link {
        font-size: 14px;
        line-height: 24px;
        margin-top: 6px
    }
}

body .TournamentsCurrencyModal__footer {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    flex-wrap: wrap
}

@media (max-width: 767.98px) {
    body .TournamentsCurrencyModal__footer {
        justify-content: center
    }
}

@media (max-width: 434.98px) {
    body .TournamentsCurrencyModal__footer {
        flex-direction: column
    }

    body .TournamentsCurrencyModal__footer .Button, body .TournamentsCurrencyModal__footer .GameError__homeButton {
        width: 100%
    }
}

body .TournamentsCurrencyModal__currencyWrapper {
    margin-top: 24px
}

body .TournamentsCurrencyModal__currencyWrapper .FieldSelect {
    margin-bottom: 24px
}

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

body .TournamentsCurrencyModal__selectCurrency > div {
    margin-right: 12px
}

@keyframes blockAnimation {
    0% {
        opacity: 1
    }
    50% {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

body .Skeleton, body .Skeleton__container {
    width: 100%
}

body .Skeleton__container_isCentered {
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto
}

body .Skeleton__block {
    background: var(--base-elements);
    animation-name: blockAnimation;
    animation-duration: 2s;
    animation-iteration-count: infinite
}

body .Skeleton__block_customRadius {
    border-radius: var(--radiusRegular)
}

body .Skeleton__block_isCircle {
    border-radius: 50%
}

body .Skeleton__block_noTopLeftRadius {
    border-top-left-radius: 0 !important
}

body .Skeleton__block_noTopRightRadius {
    border-top-right-radius: 0 !important
}

body .Skeleton__block_noBottomLeftRadius {
    border-bottom-left-radius: 0 !important
}

body .Skeleton__block_noBottomRightRadius {
    border-bottom-right-radius: 0 !important
}

body .Skeleton__group {
    display: flex
}

body .Skeleton__group_customRadius {
    border-radius: var(--radiusRegular)
}

body .Skeleton__group_noTopLeftRadius {
    border-top-left-radius: 0 !important
}

body .Skeleton__group_noTopRightRadius {
    border-top-right-radius: 0 !important
}

body .Skeleton__group_noBottomLeftRadius {
    border-bottom-left-radius: 0 !important
}

body .Skeleton__group_noBottomRightRadius {
    border-bottom-right-radius: 0 !important
}

body .Skeleton__group_withBg {
    background: var(--base-surface)
}

body .Skeleton__group_inverseBg, body .Skeleton__group_withBg .Skeleton__block {
    background: var(--base-elements)
}

body .Skeleton__group_inverseBg > .Skeleton__block {
    background: var(--base-surface)
}

body .SignUpLoginFormModal__constructorOverlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999
}

body .SignUpLoginFormModal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    padding: 180px 0 40px;
    z-index: 999999;
    background: rgba(0, 0, 0, .4);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    overflow-y: auto
}

body .SignUpLoginFormModal__overlay_silent {
    visibility: hidden
}

body .SignUpLoginFormModal__overlay.safari::-webkit-scrollbar {
    width: 0
}

body .SignUpLoginFormModal__overlay.safari::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0
}

body .SignUpLoginFormModal__overlay.safari::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0;
    border: 0
}

body .SignUpLoginFormModal__overlay::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .SignUpLoginFormModal__overlay::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .SignUpLoginFormModal__overlay::-webkit-scrollbar-thumb, body .SignUpLoginFormModal__overlay::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .SignUpLoginFormModal__overlay::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__overlay::-webkit-scrollbar {
        width: 6px
    }

    body .SignUpLoginFormModal__overlay::-webkit-scrollbar-thumb, body .SignUpLoginFormModal__overlay::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__overlay {
        padding: 180px 24px 52px
    }
}

@media (max-width: 434.98px) {
    body .SignUpLoginFormModal__overlay {
        padding: 10px 20px
    }
}

body .SignUpLoginFormModal__overlay_auth {
    padding: 156px 40px
}

@media (max-width: 1279.98px) {
    body .SignUpLoginFormModal__overlay_auth {
        padding: 168px 24px
    }
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__overlay_auth {
        padding: 122px 20px
    }
}

body .SignUpLoginFormModal__overlay_registration {
    padding: 140px 40px
}

@media (max-width: 1279.98px) {
    body .SignUpLoginFormModal__overlay_registration {
        padding: 140px 24px
    }
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__overlay_registration {
        padding: 60px 20px
    }
}

body .SignUpLoginFormModal__overlay_pinnedToTop {
    align-items: flex-start;
    padding: 178px 0 40px
}

@media (max-width: 1279.98px) {
    body .SignUpLoginFormModal__overlay_pinnedToTop {
        padding: 190px 24px
    }
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__overlay_pinnedToTop {
        padding: 16px 15px
    }
}

body .SignUpLoginFormModal__content {
    flex-shrink: 0;
    flex-grow: 0;
    height: -moz-fit-content;
    height: fit-content
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__content {
        width: 100%
    }
}

body .SignUpLoginFormModal__wrapper {
    display: flex;
    max-height: 100%;
    width: 100%;
    flex-direction: column;
    overflow: hidden
}

@media (min-width: 434.98px) {
    body .SignUpLoginFormModal__wrapper {
        flex-direction: row
    }
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__wrapper {
        flex-direction: column
    }
}

body .SignUpLoginFormModal__imageContainer {
    width: 420px;
    background-color: var(--base-background);
    background-size: cover;
    background-repeat: no-repeat;
    border-top-left-radius: var(--radiusRegular);
    border-bottom-left-radius: var(--radiusRegular)
}

body .SignUpLoginFormModal__imageContainer_noImage {
    background-color: var(--base-elements-hover);
    align-items: center;
    justify-content: center;
    display: flex
}

body .SignUpLoginFormModal__imageContainer_noImage img {
    background-color: transparent;
    color: var(--primary-solid);
    width: 154px
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__imageContainer_noImage img {
        width: 30px
    }
}

@media (max-width: 1279.98px) {
    body .SignUpLoginFormModal__imageContainer {
        width: 320px
    }
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__imageContainer {
        height: 120px;
        width: 100%;
        border-radius: var(--radiusRegular) var(--radiusRegular) 0 0
    }
}

body .SignUpLoginFormModal__form {
    border-top-right-radius: var(--radiusRegular);
    border-bottom-right-radius: var(--radiusRegular);
    background: var(--base-background);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    position: relative;
    overflow-y: auto
}

body .SignUpLoginFormModal__form .SocialNetworkAuthorization__socialLinksText, body .SignUpLoginFormModal__form .SocialNetworkRegistration__socialLinksText {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-bottom: 24px
}

body .SignUpLoginFormModal__form_socialMediaBelow .SocialNetworkAuthorization__socialLinksText, body .SignUpLoginFormModal__form_socialMediaBelow .SocialNetworkRegistration__socialLinksText {
    display: none
}

body .SignUpLoginFormModal__form_socialMediaBelow .SocialNetworkRegistration__socialLinksDropdownBody {
    top: auto;
    bottom: calc(100% + 4px)
}

@media (min-width: 767.98px) {
    body .SignUpLoginFormModal__form {
        width: 400px;
        padding: 24px
    }
}

@media (min-width: 1279.98px) {
    body .SignUpLoginFormModal__form {
        width: 480px
    }
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__form {
        padding: 16px;
        width: 100%;
        border-radius: 0 0 var(--radiusRegular) var(--radiusRegular)
    }
}

body .SignUpLoginFormModal__form::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body .SignUpLoginFormModal__form::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body .SignUpLoginFormModal__form::-webkit-scrollbar-thumb, body .SignUpLoginFormModal__form::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body .SignUpLoginFormModal__form::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__form::-webkit-scrollbar {
        width: 6px
    }

    body .SignUpLoginFormModal__form::-webkit-scrollbar-thumb, body .SignUpLoginFormModal__form::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

body .SignUpLoginFormModal__form_registration {
    max-height: 800px
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__form_registration {
        max-height: 680px
    }
}

body .SignUpLoginFormModal__form_auth {
    max-height: 768px
}

@media (max-width: 1279.98px) {
    body .SignUpLoginFormModal__form_auth {
        max-height: 744px
    }
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__form_auth {
        max-height: 716px
    }
}

body .SignUpLoginFormModal__title {
    color: var(--base-text-primary);
    margin: 32px 0 24px
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__title {
        font-size: 24px;
        line-height: 32px;
        margin-top: 0
    }
}

body .SignUpLoginFormModal__tabs {
    width: 100%
}

body .SignUpLoginFormModal__tabs_isConstructor {
    z-index: 99999999
}

body .SignUpLoginFormModal__closeButton {
    position: absolute;
    top: 24px;
    right: 20px;
    cursor: pointer;
    height: 24px;
    width: 24px;
    background: transparent
}

body .SignUpLoginFormModal__closeButton_icon {
    position: relative;
    top: 0;
    right: 0
}

body .SignUpLoginFormModal__closeButton svg {
    color: var(--base-text-primary)
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal__closeButton {
        top: -112px;
        right: 12px
    }

    body .SignUpLoginFormModal__closeButton_icon {
        top: 0;
        right: 0
    }

    body .SignUpLoginFormModal__closeButton_noImage {
        top: 24px
    }

    body .SignUpLoginFormModal__closeButton_noImage_icon {
        top: 0
    }
}

body .SignUpLoginFormModal__social {
    margin-top: 24px
}

body .SignUpLoginFormModal__social_above {
    margin-top: 0;
    margin-bottom: 24px
}

body .SignUpLoginFormModal__socialTitle {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center
}

body .SignUpLoginFormModal__socialTitleDivider {
    width: 100%;
    height: 1px;
    background: var(--base-divider)
}

body .SignUpLoginFormModal__socialTitleText {
    color: var(--base-text-secondary);
    white-space: nowrap
}

body .SignUpLoginFormModal .Authorization {
    padding: 0;
    overflow: initial;
    width: 100%
}

body .SignUpLoginFormModal .Authorization__container {
    width: 100%
}

body .SignUpLoginFormModal .Authorization__wrapper, body .SignUpLoginFormModal .Registration__wrapper {
    box-shadow: none;
    padding: 0;
    width: 100%;
    background-color: transparent
}

body .SignUpLoginFormModal .Authorization__title {
    display: none
}

body .SignUpLoginFormModal .SocialNetworkAuthorization, body .SignUpLoginFormModal .SocialNetworkRegistration {
    height: auto
}

body .SignUpLoginFormModal .SocialNetworkAuthorization__socialLinksContainer, body .SignUpLoginFormModal .SocialNetworkRegistration__socialLinksContainer {
    margin: 0;
    padding: 0
}

body .SignUpLoginFormModal .SocialNetworkAuthorization__socialLinks, body .SignUpLoginFormModal .SocialNetworkRegistration__socialLinks {
    justify-content: center
}

body .SignUpLoginFormModal .SocialNetworkAuthorization__socialLinks > .SocialAuthLink__item, body .SignUpLoginFormModal .SocialNetworkRegistration__socialLinks > .SocialAuthLink__item {
    margin-right: 11px;
    flex-basis: auto;
    flex-grow: 0;
    width: 40px;
    height: 40px
}

body .SignUpLoginFormModal .SocialNetworkAuthorization__socialLinks > .SocialAuthLink__item .SocialAuthLink__title, body .SignUpLoginFormModal .SocialNetworkRegistration__socialLinks > .SocialAuthLink__item .SocialAuthLink__title {
    display: none
}

body .SignUpLoginFormModal .SocialNetworkAuthorization__socialLinksDropdownBody, body .SignUpLoginFormModal .SocialNetworkRegistration__socialLinksDropdownBody {
    z-index: 999999
}

body .SignUpLoginFormModal .SocialNetworkAuthorization__socialLinksDropdownBody > .SocialAuthLink__item, body .SignUpLoginFormModal .SocialNetworkRegistration__socialLinksDropdownBody > .SocialAuthLink__item {
    color: var(--base-text-secondary)
}

body .SignUpLoginFormModal .Registration {
    padding: 0;
    overflow: initial;
    width: 100%
}

body .SignUpLoginFormModal .Authorization__container, body .SignUpLoginFormModal .Registration__container {
    width: 100%;
    padding-bottom: 20px
}

@media (max-width: 1279.98px) {
    body .SignUpLoginFormModal .Authorization__container, body .SignUpLoginFormModal .Registration__container {
        padding-bottom: 28px
    }
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal .Authorization__container, body .SignUpLoginFormModal .Registration__container {
        padding-bottom: 16px
    }
}

body .SignUpLoginFormModal .Registration__wrapper {
    padding: 0;
    box-shadow: none
}

body .SignUpLoginFormModal .Registration__button {
    width: 200px;
    max-width: 200px
}

@media (max-width: 767.98px) {
    body .SignUpLoginFormModal .Registration__button {
        width: 100%;
        max-width: 248px
    }
}

body .SignUpLoginFormModal .Registration__title {
    display: none
}

body div[data-radix-popper-content-wrapper] {
    z-index: 999999 !important
}

.offlineCasino .Button_typePrimary {
    background: var(--base-elements);
    color: var(--primary-solid)
}

.offlineCasino .Button_typePrimary:hover {
    background: var(--base-elements-hover);
    color: var(--primary-hover)
}

.offlineCasino .Button_typeSecondary, .offlineCasino body .NoGames__button, body .offlineCasino .NoGames__button {
    background: var(--primary-solid);
    color: var(--base-text-primary)
}

.offlineCasino .Button_typeSecondary:hover, .offlineCasino body .NoGames__button:hover, body .offlineCasino .NoGames__button:hover {
    background: var(--primary-hover)
}

.offlineCasino .Button__leftIcon {
    margin-right: 11px;
    max-width: 20px
}

.offlineCasino .LinkButton__button {
    height: 40px;
    font-weight: 600;
    font-size: .875rem;
    border-radius: 8px
}

.offlineCasino .LinkButton__button_typePrimary {
    background: var(--primary-solid);
    color: var(--base-text-primary)
}

.offlineCasino .LinkButton__button_typePrimary:hover {
    background: var(--primary-hover)
}

.offlineCasino .LinkButton__button_typeSecondary {
    background: var(--base-elements);
    color: var(--primary-solid)
}

.offlineCasino .LinkButton__button_typeSecondary:hover {
    background: var(--base-elements-hover)
}

.offlineCasino .LinkButton__linkText {
    display: block;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
    line-height: 100%
}

.offlineCasino .FieldText {
    margin-bottom: 16px
}

.offlineCasino .FieldText__wrapper {
    border: .8px solid transparent;
    border-radius: 8px
}

.offlineCasino .FieldText__wrapper_error {
    border: .8px solid var(--base-alert)
}

.offlineCasino .FieldText__wrapper_focus {
    border: .8px solid var(--primary-solid)
}

.offlineCasino .FieldText__input {
    color: var(--base-text-primary);
    background: var(--base-elements);
    font-size: .875rem;
    line-height: 1.5rem;
    border: none;
    border-radius: 8px
}

.offlineCasino .FieldText__input:-webkit-autofill {
    background-color: var(--base-elements)
}

.offlineCasino .FieldText__input:-webkit-autofill, .offlineCasino .FieldText__input:auto-fill, .offlineCasino .FieldText__input:autofill {
    background-color: var(--base-elements)
}

.offlineCasino .FieldText__input::placeholder {
    color: var(--base-text-placeholder)
}

.offlineCasino .FieldText__input[type=date], .offlineCasino .FieldText__input[type=datetime-local] {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    cursor: text
}

.offlineCasino .FieldText__input[type=date]::-webkit-calendar-picker-indicator, .offlineCasino .FieldText__input[type=datetime-local]::-webkit-calendar-picker-indicator {
    background-color: var(--base-text-primary);
    background-image: none;
    -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=);
    -webkit-mask-size: 18px;
    mask-size: 18px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    mask-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJXaW5kb3dUZXh0IiBkPSJNMjAgM2gtMVYxaC0ydjJIN1YxSDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnYxNmMwIDEuMS45IDIgMiAyaDE2YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJ6bTAgMThINFY4aDE2djEzeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=)
}

.offlineCasino .FieldText__input[type=date]::-webkit-datetime-edit, .offlineCasino .FieldText__input[type=datetime-local]::-webkit-datetime-edit {
    font-size: 10px;
    font-weight: 400;
    color: var(--base-text-primary);
    margin-top: 1px
}

.offlineCasino .FieldText__input[type=date]::-webkit-calendar-picker-indicator, .offlineCasino .FieldText__input[type=datetime-local]::-webkit-calendar-picker-indicator {
    cursor: pointer
}

.offlineCasino .FieldText__input[type=date][value=""]::-webkit-calendar-picker-indicator, .offlineCasino .FieldText__input[type=datetime-local][value=""]::-webkit-calendar-picker-indicator {
    opacity: .5
}

.offlineCasino .FieldText__input[type=date][value=""]::-webkit-datetime-edit, .offlineCasino .FieldText__input[type=datetime-local][value=""]::-webkit-datetime-edit {
    opacity: 0
}

.offlineCasino .FieldText__input[type=date][value=""]:before, .offlineCasino .FieldText__input[type=datetime-local][value=""]:before {
    display: block;
    width: 100%;
    font-family: var(--primary-font-family);
    color: var(--base-text-placeholder);
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    content: attr(placeholder)
}

.offlineCasino .FieldText__input[type=date]:focus::-webkit-calendar-picker-indicator, .offlineCasino .FieldText__input[type=date]:focus::-webkit-datetime-edit, .offlineCasino .FieldText__input[type=datetime-local]:focus::-webkit-calendar-picker-indicator, .offlineCasino .FieldText__input[type=datetime-local]:focus::-webkit-datetime-edit {
    opacity: 1
}

.offlineCasino .FieldText__input[type=date]:focus:before, .offlineCasino .FieldText__input[type=datetime-local]:focus:before {
    display: none
}

.offlineCasino .FieldText__input[type=date][value=""], .offlineCasino .FieldText__input[type=datetime-local][value=""] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.offlineCasino .FieldText__input[type=date]:focus, .offlineCasino .FieldText__input[type=datetime-local]:focus {
    display: inline-block
}

.offlineCasino .FieldText__input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.offlineCasino .FieldText__input[type=number]::-webkit-inner-spin-button, .offlineCasino .FieldText__input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.offlineCasino .FieldText__input_range {
    width: auto;
    flex-grow: 1
}

.offlineCasino .FieldText__input_marginLeft {
    margin-left: 24px
}

.offlineCasino .FieldText__label {
    display: block;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    color: var(--base-text-secondary)
}

.offlineCasino .NumericKeyPad {
    max-width: 100%;
    overflow: hidden
}

.offlineCasino .NumericKeyPad__keyboard {
    font-size: 0;
    line-height: 0;
    display: grid;
    grid-template-columns:repeat(3, 1fr);
    grid-template-rows:auto;
    grid-gap: 12px
}

.offlineCasino .NumericKeyPad__keyboardButton {
    display: block;
    width: 80px;
    height: 80px;
    border: none;
    padding: 0;
    font-size: 2rem;
    line-height: 80px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 12px;
    background: var(--primary-solid);
    color: var(--base-text-on-color-bg);
    transition: all .3s ease-in-out
}

.offlineCasino .NumericKeyPad__keyboardButton:active {
    background: var(--base-text-on-color-bg);
    color: var(--primary-solid)
}

.offlineCasino .NumericKeyPad__keyboardButton_enter {
    width: 100%
}

.offlineCasino .NumericKeyPad__keyboardEnter {
    max-width: 100%;
    margin-top: 12px
}

@media (max-width: 767.98px) {
    .offlineCasino .NumericKeyPad__keyboardButton {
        width: 54px;
        height: 54px;
        line-height: 54px
    }

    .offlineCasino .NumericKeyPad__keyboardButton_enter {
        width: 100%
    }
}

.offlineCasino .Header {
    background: var(--base-background);
    padding: 0 32px
}

.offlineCasino .Header__link {
    cursor: pointer
}

.offlineCasino .Header__logo {
    margin-right: 22px
}

.offlineCasino .Header__shadow {
    box-shadow: none;
    padding: 11px 0
}

.offlineCasino .Header__content {
    max-width: 1560px
}

.offlineCasino .Header__logo {
    display: block;
    flex: 0 0 auto;
    max-width: inherit;
    margin-right: auto
}

.offlineCasino .Header__search {
    margin-right: 20px;
    width: 40px;
    flex: 0 0 40px
}

.offlineCasino .Header__auth {
    flex: 0 0 auto;
    max-width: inherit;
    margin-left: 0;
    margin-right: 20px
}

.offlineCasino .Header__bottomPanelWrapper {
    position: fixed;
    bottom: 0;
    z-index: 9997
}

.offlineCasino .Header .UserAuthorized .UserAuthorized__select {
    flex: 0 0 auto;
    max-width: 142px
}

.offlineCasino .Header .UserAuthorized .UserAuthorized__logout {
    display: none
}

@media (max-width: 1279.98px) {
    .offlineCasino .Header__content {
        max-width: 920px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .Header__content {
        max-width: 100%
    }

    .offlineCasino .Header {
        padding: 0 20px
    }

    .offlineCasino .Header__auth, .offlineCasino .Header__search {
        margin-right: 16px
    }

    .offlineCasino .Header .UserAuthorized .UserAuthorized__select {
        display: block
    }
}

.offlineCasino .About__container {
    max-width: 814px;
    background: var(--base-surface);
    margin: 0 auto;
    padding: 40px
}

@media (max-width: 767.98px) {
    .offlineCasino .About__container {
        background: var(--base-background);
        padding: 32px
    }
}

@media (max-width: 434.98px) {
    .offlineCasino .About__container {
        padding: 20px
    }
}

.offlineCasino .About__image {
    margin-bottom: 30px;
    max-width: 100%;
    max-height: 100%
}

.offlineCasino .About .TextContent__content {
    display: flex;
    flex-direction: column
}

.offlineCasino .About .TextContent__content_large {
    grid-gap: 40px
}

@media (max-width: 767.98px) {
    .offlineCasino .About .TextContent__content_large {
        grid-gap: 32px
    }
}

.offlineCasino .About .TextContent__content_small {
    grid-gap: 16px
}

.offlineCasino .About .TextContent__content:not(:last-of-type) {
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    .offlineCasino .About .TextContent__content:not(:last-of-type) {
        margin-bottom: 32px
    }
}

.offlineCasino .About .TextContent__content:last-of-type {
    margin-bottom: 32px
}

.offlineCasino .About .TextContent__title {
    color: var(--base-text-primary)
}

.offlineCasino .About .TextContent__title_large {
    font-size: 44px;
    line-height: 52px;
    font-weight: 700
}

@media (max-width: 767.98px) {
    .offlineCasino .About .TextContent__title_large {
        font-size: 36px;
        line-height: 48px
    }
}

@media (max-width: 434.98px) {
    .offlineCasino .About .TextContent__title_large {
        font-size: 28px;
        line-height: 36px
    }
}

.offlineCasino .About .TextContent__title_small {
    font-size: 28px;
    line-height: 36px;
    font-weight: 700
}

@media (max-width: 434.98px) {
    .offlineCasino .About .TextContent__title_small {
        font-size: 24px;
        line-height: 32px
    }
}

.offlineCasino .About .TextContent__info {
    color: var(--base-text-secondary);
    font-size: 20px;
    line-height: 32px;
    font-weight: 400
}

@media (max-width: 434.98px) {
    .offlineCasino .About .TextContent__info {
        font-size: 16px;
        line-height: 28px
    }
}

.offlineCasino .About .LinkButton__button {
    background-color: var(--base-elements);
    color: var(--primary-link);
    width: 168px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600
}

.offlineCasino .Authorization {
    max-width: 560px;
    padding: 40px 0
}

.offlineCasino .Authorization__title {
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 60px;
    color: #d2d2d4;
    margin-bottom: 40px;
    color: var(--base-text-primary);
    text-transform: none;
    text-align: center
}

@media (max-width: 1279.98px) {
    .offlineCasino .Authorization__title {
        font-size: 36px;
        line-height: 48px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .Authorization__title {
        font-size: 24px;
        line-height: 32px
    }
}

.offlineCasino .Authorization__form {
    width: 100%
}

.offlineCasino .Authorization .FieldText__label, .offlineCasino .Authorization__label {
    margin-bottom: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #757885;
    height: auto;
    display: block
}

@media (max-width: 767.98px) {
    .offlineCasino .Authorization .FieldText__label, .offlineCasino .Authorization__label {
        font-size: 16px;
        line-height: 26px;
        color: #d2d2d4
    }
}

.offlineCasino .Authorization .FieldPassword .FieldText__label {
    display: none
}

.offlineCasino .Authorization .FieldText {
    margin-bottom: 16px
}

.offlineCasino .Authorization .FieldCheckbox__label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #d2d2d4
}

.offlineCasino .Authorization__error {
    margin-top: 5px;
    font-size: 1rem
}

.offlineCasino .Authorization__link {
    text-decoration: none;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #6c5cd9
}

.offlineCasino .Authorization__link:hover {
    text-decoration: underline
}

.offlineCasino .Authorization__fieldSet {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 20px 0 42px
}

.offlineCasino .Authorization__button.Button_typePrimary {
    margin: 0 auto;
    display: flex;
    width: auto;
    min-width: 160px
}

.offlineCasino .Authorization__links {
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #f2f2f2;
    text-align: center;
    margin-top: 24px
}

.offlineCasino .Authorization__links a {
    margin-left: 5px
}

.offlineCasino .Authorization__Tabs {
    margin: 0 auto 18px
}

.offlineCasino .AuthorizationNumPad {
    max-width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px
}

.offlineCasino .AuthorizationNumPad__container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 520px;
    padding: 42px 128px;
    border-radius: 12px;
    background-color: rgba(2, 2, 45, .6)
}

.offlineCasino .AuthorizationNumPad__background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: none
}

.offlineCasino .AuthorizationNumPad__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.offlineCasino .AuthorizationNumPad__image_tablet {
    display: none
}

.offlineCasino .AuthorizationNumPad__decor {
    display: block;
    width: 180px;
    height: 120px;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: -23px;
    right: 45px;
    transform: translate(50%, -50%)
}

@media (max-width: 1279.98px) {
    .offlineCasino .AuthorizationNumPad__container {
        max-width: 394px;
        padding: 22px 65px
    }

    .offlineCasino .AuthorizationNumPad__decor {
        width: 110px;
        height: 72px;
        top: -15px;
        right: 25px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .AuthorizationNumPad__container {
        max-width: 424px;
        padding: 44px 80px
    }

    .offlineCasino .AuthorizationNumPad__image {
        display: none
    }

    .offlineCasino .AuthorizationNumPad__image_tablet {
        display: block
    }

    .offlineCasino .AuthorizationNumPad__decor {
        width: 65px;
        height: 42px;
        top: -10px;
        right: 15px
    }

    .offlineCasino .AuthorizationNumPad {
        padding: 40px 20px
    }

    .offlineCasino .AuthorizationNumPad__container {
        max-width: 260px;
        padding: 15px 34px
    }

    .offlineCasino .AuthorizationNumPad__background {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: var(--primary-solid)
    }

    .offlineCasino .AuthorizationNumPad__image, .offlineCasino .AuthorizationNumPad__image_tablet {
        display: none
    }
}

.offlineCasino .Footer {
    background: var(--base-background);
    min-height: auto;
    padding: 0 32px;
    margin-top: 40px;
    border-top: none
}

@media (max-width: 1279.98px) {
    .offlineCasino .Footer {
        margin-top: 16px
    }
}

.offlineCasino .Footer__content {
    max-width: 1560px
}

@media (max-width: 767.98px) {
    .offlineCasino .Footer__content {
        max-width: 100%
    }
}

.offlineCasino .Footer__layout {
    display: none
}

.offlineCasino .Footer__copyright {
    background: var(--base-background);
    padding: 18px 0;
    border-top: 1px solid var(--base-divider)
}

@media (max-width: 767.98px) {
    .offlineCasino .Footer__copyright {
        padding: 24px 0 32px;
        align-items: flex-start;
        grid-template-areas:"text text text text" "license limitation . .";
        grid-template-columns:36px 36px 1fr 1fr;
        grid-template-rows:1fr
    }
}

.offlineCasino .Footer__text {
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    .offlineCasino .Footer__text {
        margin: 0
    }
}

.offlineCasino .Footer__license, .offlineCasino .Footer__limitation {
    mix-blend-mode: luminosity;
    color: var(--base-text-secondary)
}

.offlineCasino .FooterTypeD {
    background: var(--base-background);
    min-height: auto;
    padding: 0 32px;
    margin-top: 40px;
    border-top: none
}

@media (max-width: 1279.98px) {
    .offlineCasino .FooterTypeD {
        margin-top: 16px
    }
}

.offlineCasino .FooterTypeD__content {
    max-width: 1560px
}

@media (max-width: 767.98px) {
    .offlineCasino .FooterTypeD__content {
        max-width: 100%
    }
}

.offlineCasino .FooterTypeD__layout {
    display: none
}

.offlineCasino .FooterTypeD__copyright {
    background: var(--base-background);
    padding: 18px 0;
    border-top: 1px solid var(--base-divider)
}

@media (max-width: 767.98px) {
    .offlineCasino .FooterTypeD__copyright {
        padding: 24px 0 32px;
        align-items: flex-start;
        grid-template-areas:"text text text text" "license limitation . .";
        grid-template-columns:36px 36px 1fr 1fr;
        grid-template-rows:1fr
    }
}

.offlineCasino .FooterTypeD__text {
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    .offlineCasino .FooterTypeD__text {
        margin: 0
    }
}

.offlineCasino .FooterTypeD__license, .offlineCasino .FooterTypeD__limitation {
    mix-blend-mode: luminosity;
    color: var(--base-text-secondary)
}

.offlineCasino .Games {
    max-width: 100%;
    padding: 40px 32px
}

@media (max-width: 1279.98px) {
    .offlineCasino .Games {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .Games {
        padding: 20px 32px 40px;
        padding: 32px 20px
    }
}

.offlineCasino .Games__container {
    margin: 0 auto;
    max-width: 1560px
}

@media (max-width: 767.98px) {
    .offlineCasino .Games__container {
        max-width: 100%
    }
}

.offlineCasino .Games__menu {
    margin-bottom: 80px
}

@media (max-width: 767.98px) {
    .offlineCasino .Games__menu {
        margin-bottom: 40px
    }
}

.offlineCasino .Games__listMenu {
    position: relative
}

.offlineCasino .Games__listTitle {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 40px;
    padding-right: 150px
}

@media (max-width: 767.98px) {
    .offlineCasino .Games__listTitle {
        font-size: 2.25rem;
        line-height: 3rem;
        font-size: 1.75rem;
        line-height: 2.25rem;
        margin-bottom: 16px
    }
}

.offlineCasino .Games__paginationButton {
    display: block;
    max-width: 94px;
    position: absolute;
    top: 6px;
    right: 0
}

@media (max-width: 767.98px) {
    .offlineCasino .Games__paginationButton {
        position: static;
        margin-bottom: 24px
    }
}

.offlineCasino .Games.GamesPage .Games__paginationButton {
    display: none
}

.offlineCasino .Games.GamesPage .Games__paginationList {
    display: block
}

.offlineCasino .Games__selects {
    display: none
}

.offlineCasino .NoGamesBox {
    display: block;
    padding: 40px
}

.offlineCasino .NoGamesBox__wrapper {
    max-width: 814px;
    margin: 0 auto;
    background-color: var(--base-surface);
    border-radius: 12px;
    overflow: hidden;
    padding: 40px;
    text-align: center
}

.offlineCasino .NoGamesBox__icon {
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto 40px
}

.offlineCasino .NoGamesBox__icon .Icon, .offlineCasino .NoGamesBox__icon span, .offlineCasino .NoGamesBox__icon svg {
    width: 100%;
    height: 100%
}

.offlineCasino .NoGamesBox__title {
    font-size: 2.25rem;
    line-height: 3rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 8px
}

.offlineCasino .NoGamesBox__description {
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--base-text-secondary);
    margin-bottom: 40px
}

.offlineCasino .NoGamesBox__button {
    max-width: 180px;
    margin: 0 auto
}

@media (max-width: 767.98px) {
    .offlineCasino .NoGamesBox {
        padding: 32px
    }

    .offlineCasino .NoGamesBox__wrapper {
        max-width: 704px;
        padding: 32px
    }

    .offlineCasino .NoGamesBox__icon {
        width: 120px;
        height: 120px;
        background-size: 91px 78px;
        margin: 0 auto 32px
    }

    .offlineCasino .NoGamesBox__title {
        font-size: 1.75rem;
        line-height: 2.25rem
    }

    .offlineCasino .NoGamesBox__description {
        font-size: .875rem;
        line-height: 1.5rem;
        margin-bottom: 32px
    }

    .offlineCasino .NoGamesBox {
        padding: 20px
    }

    .offlineCasino .NoGamesBox__wrapper {
        max-width: 100%;
        padding: 20px
    }

    .offlineCasino .NoGamesBox__icon {
        width: 100px;
        height: 100px;
        background-size: 76px 65px;
        margin: 0 auto 20px
    }

    .offlineCasino .NoGamesBox__title {
        font-size: 1.25rem;
        line-height: 1.75rem
    }

    .offlineCasino .NoGamesBox__description {
        font-size: .75rem;
        line-height: 1.25rem;
        margin-bottom: 20px
    }
}

.offlineCasino .GameListTypeA, .offlineCasino body .GameGroupWidgetTypeA__listTypeA, body .offlineCasino .GameGroupWidgetTypeA__listTypeA {
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    grid-row-gap: 32px;
    grid-column-gap: 24px
}

@media (max-width: 1919.98px) {
    .offlineCasino .GameListTypeA, .offlineCasino body .GameGroupWidgetTypeA__listTypeA, body .offlineCasino .GameGroupWidgetTypeA__listTypeA {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media (max-width: 1279.98px) {
    .offlineCasino .GameListTypeA, .offlineCasino body .GameGroupWidgetTypeA__listTypeA, body .offlineCasino .GameGroupWidgetTypeA__listTypeA {
        grid-row-gap: 24px;
        grid-column-gap: 16px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .GameListTypeA, .offlineCasino body .GameGroupWidgetTypeA__listTypeA, body .offlineCasino .GameGroupWidgetTypeA__listTypeA {
        grid-template-columns:repeat(2, 1fr);
        grid-row-gap: 16px;
        grid-column-gap: 8px
    }
}

.offlineCasino .GameListItemTypeA {
    border-radius: 12px;
    box-shadow: none;
    transition: all .3s ease-in-out
}

.offlineCasino .GameListItemTypeA:nth-child(14n+3), .offlineCasino .GameListItemTypeA:nth-child(14n+4) {
    grid-column: span 1;
    grid-row: span 1
}

.offlineCasino .GameListItemTypeA:hover {
    box-shadow: 0 4px 40px 0 var(--primary-hover)
}

.offlineCasino .GameListItemTypeA:hover .GameListItem__overlay {
    border: 1px solid var(--primary-hover)
}

.offlineCasino .GameListItemTypeA__overlay {
    border: 1px solid transparent;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: none;
    transition: all .3s ease-in-out
}

.offlineCasino .GameListItemTypeA__details {
    display: flex;
    flex-direction: column;
    opacity: 1;
    background: var(--base-surface);
    padding: 20px 20px 0;
    height: 100%
}

.offlineCasino .GameListItemTypeA__details .provider {
    line-height: 1.75rem;
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    .offlineCasino .GameListItemTypeA__details {
        padding: 20px
    }
}

.offlineCasino .GameListItemTypeA__title {
    font-size: 1.5rem;
    line-height: 2rem;
    text-transform: capitalize;
    margin-bottom: 4px
}

@media (max-width: 434.98px) {
    .offlineCasino .GameListItemTypeA__title {
        display: block;
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.offlineCasino .GameListItemTypeA__buttons {
    background: var(--base-surface);
    padding: 20px;
    display: grid;
    height: auto;
    max-height: inherit;
    grid-gap: 8px;
    grid-template-columns:repeat(2, 1fr)
}

@media (max-width: 767.98px) {
    .offlineCasino .GameListItemTypeA__buttons {
        padding: 20px
    }
}

.offlineCasino .GameListItemTypeA .LinkButton {
    max-width: 100%
}

@media (max-width: 767.98px) {
    .offlineCasino .GameListItemTypeA {
        border-radius: 12px
    }
}

@media (max-width: 434.98px) {
    .offlineCasino .GameListItemTypeA .LinkButton + .LinkButton {
        margin-top: 8px
    }
}

.offlineCasino .GameListItemTypeA__emptyLogo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    transform: translateX(-50%) translateY(-50%)
}

.offlineCasino .GameListItemTypeA__emptyLogo .GameListItem__image {
    object-fit: contain
}

.offlineCasino .Games__menuTitle {
    flex: 1 1 100%;
    max-width: 100%
}

.offlineCasino .Games__title {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-bottom: 0
}

@media (max-width: 767.98px) {
    .offlineCasino .Games__title {
        font-size: 2.25rem;
        line-height: 3rem;
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

.offlineCasino .Games__menuLink {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 16px
}

.offlineCasino .Games.GroupGames .Games__paginationButton {
    display: none
}

.offlineCasino .Games.GroupGames .Games__paginationList {
    display: block
}

.offlineCasino .Games.GroupGames .Games__groupList {
    display: none
}

.offlineCasino .Wrapper {
    background: var(--base-background);
    overflow: hidden;
    margin: 0 auto;
    padding: 0 32px;
    min-height: calc(100vh - (var(--header-height) + var(--footer-height)))
}

@media (max-width: 767.98px) {
    .offlineCasino .Wrapper {
        padding: 0 16px
    }
}

.offlineCasino .Container {
    margin: 0 auto;
    padding: 40px 0;
    max-width: var(--content-width)
}

@media (max-width: 1279.98px) {
    .offlineCasino .Container {
        padding: 32px 0
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .Container {
        padding: 16px 0
    }
}

.offlineCasino .ProviderList {
    background: var(--base-background);
    border-top: none;
    border-bottom: none;
    padding: 80px 32px
}

@media (max-width: 1279.98px) {
    .offlineCasino .ProviderList {
        padding: 60px 32px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .ProviderList {
        padding: 40px 32px;
        padding: 32px 20px
    }
}

.offlineCasino .ProviderList__container {
    max-width: 1560px
}

@media (max-width: 767.98px) {
    .offlineCasino .ProviderList__container {
        max-width: 100%
    }
}

.offlineCasino .ProviderList__title {
    margin-bottom: 40px;
    padding-right: 100px;
    color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    .offlineCasino .ProviderList__title {
        text-align: left;
        font-size: 1.75rem
    }
}

.offlineCasino .ProviderList .swiper-container {
    max-width: 100%;
    max-height: inherit;
    position: static
}

@media (max-width: 1279.98px) {
    .offlineCasino .ProviderList .swiper-container {
        width: 100%;
        min-height: auto
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .ProviderList .swiper-container {
        width: 100%
    }
}

.offlineCasino .ProviderList .swiper-slide {
    opacity: 1;
    max-width: 240px;
    width: 100%;
    max-width: 300px
}

.offlineCasino .ProviderList .swiper-button-next, .offlineCasino .ProviderList .swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 0;
    line-height: 0;
    top: -80px;
    margin: 0;
    background: var(--base-elements);
    transform: none;
    transition: all .3s ease-in-out
}

.offlineCasino .ProviderList .swiper-button-next:before, .offlineCasino .ProviderList .swiper-button-prev:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

.offlineCasino .ProviderList .swiper-button-next:hover, .offlineCasino .ProviderList .swiper-button-prev:hover {
    background: var(--base-elements-hover)
}

.offlineCasino .ProviderList .swiper-button-next:hover:before, .offlineCasino .ProviderList .swiper-button-prev:hover:before {
    background-color: var(--base-text-primary)
}

.offlineCasino .ProviderList .swiper-button-next {
    width: 41px;
    right: 0;
    border-radius: 0 12px 12px 0;
    border-left: 1px solid var(--base-divider)
}

.offlineCasino .ProviderList .swiper-button-next:before {
    transform: rotate(180deg)
}

@media (max-width: 1279.98px) {
    .offlineCasino .ProviderList .swiper-button-next {
        right: 0;
        background: var(--base-elements);
        background-color: var(--base-elements);
        border-radius: 0 12px 12px 0;
        width: 41px;
        height: 40px;
        left: auto;
        transform: none;
        margin: 0;
        bottom: auto;
        top: -80px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .ProviderList .swiper-button-next {
        left: auto
    }
}

@media (max-width: 434.98px) {
    .offlineCasino .ProviderList .swiper-button-next {
        left: auto
    }
}

.offlineCasino .ProviderList .swiper-button-prev {
    left: auto;
    right: 41px;
    border-radius: 12px 0 0 12px
}

@media (max-width: 1279.98px) {
    .offlineCasino .ProviderList .swiper-button-prev {
        left: auto;
        background: var(--base-elements);
        background-color: var(--base-elements);
        border-radius: 12px 0 0 12px;
        width: 41px;
        transform: none;
        bottom: auto;
        top: -80px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .ProviderList .swiper-button-prev {
        left: auto
    }
}

@media (max-width: 434.98px) {
    .offlineCasino .ProviderList .swiper-button-prev {
        left: auto
    }
}

.offlineCasino .ProviderLink {
    width: 100%;
    max-width: 240px;
    height: 130px;
    background: var(--base-surface);
    border-radius: 12px
}

.offlineCasino .ProviderLink__link {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: grayscale(0) brightness(1.5);
    max-width: 170px;
    transition: all .3s ease-in-out
}

.offlineCasino .ProviderLink__link:hover {
    filter: grayscale(0) brightness(3)
}

.offlineCasino .JackpotsTypeA__title {
    max-width: 50%
}

@media (max-width: 767.98px) {
    .offlineCasino .JackpotsTypeA__title {
        margin-right: 0;
        margin-bottom: 16px;
        max-width: 100%
    }
}

.offlineCasino .JackpotsTypeA.hiddenButton .Jackpots__header {
    padding-right: 0
}

.offlineCasino .JackpotsTypeA.hiddenButton .swiper-button-next, .offlineCasino .JackpotsTypeA.hiddenButton .swiper-button-prev, .offlineCasino .JackpotsTypeA__selectWrapper, .offlineCasino .JackpotsTypeA__tabsWrapper {
    display: none
}

@media (max-width: 434.98px) {
    .offlineCasino .JackpotsTypeA__selectWrapper {
        display: block
    }
}

.offlineCasino .JackpotsCard {
    padding: 40px 32px
}

.offlineCasino .JackpotsCard__card {
    position: relative;
    overflow: hidden;
    padding: 16px 20px;
    border-radius: 12px;
    border: 4px solid var(--base-surface);
    background: var(--primary-gradient);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .06)
}

.offlineCasino .JackpotsCard__cardPlace {
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;
    font-size: 0;
    line-height: 0;
    margin-right: 16px
}

.offlineCasino .JackpotsCard__cardPlace .place {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.offlineCasino .JackpotsCard__cardPlace .place svg {
    width: 100%;
    height: 100%
}

.offlineCasino .JackpotsCard__customImage {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.offlineCasino .JackpotsCard__cardNumber {
    display: block;
    width: 34px;
    height: 34px;
    font-size: 1.25rem;
    color: var(--base-text-on-color-bg);
    line-height: 34px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    background-color: var(--primary-solid)
}

.offlineCasino .JackpotsCard__cardIcon {
    padding: 0;
    color: var(--base-text-on-color-bg);
    position: absolute;
    top: 13px;
    left: 13px
}

.offlineCasino .JackpotsCard__cardIcon svg {
    width: 100%;
    height: 100%
}

.offlineCasino .JackpotsCard__cardTitle {
    max-width: 100%;
    margin-top: 16px;
    text-align: left;
    position: relative
}

.offlineCasino .JackpotsCard__cardTitle p {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 400;
    color: var(--base-text-on-color-bg)
}

.offlineCasino .JackpotsCard__cardAmount {
    max-width: 100%;
    text-align: left;
    position: relative
}

.offlineCasino .JackpotsCard__cardAmount p {
    font-size: 2.1rem;
    line-height: 3rem;
    font-weight: 700;
    color: var(--base-text-on-color-bg)
}

.offlineCasino .JackpotsCard__cardCurrency, .offlineCasino .JackpotsCard__cardValue {
    text-transform: uppercase;
    color: var(--base-text-on-color-bg)
}

.offlineCasino .JackpotsCard__cardLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 0;
    line-height: 0
}

@media (max-width: 767.98px) {
    .offlineCasino .JackpotsCard {
        padding: 32px 20px
    }

    .offlineCasino .JackpotsCard__cardPlace {
        width: 40px;
        height: 40px
    }

    .offlineCasino .JackpotsCard__cardNumber {
        width: 23px;
        height: 23px;
        font-size: .875rem;
        line-height: 23px
    }

    .offlineCasino .JackpotsCard__cardIcon {
        top: 8.5px;
        left: 8.5px
    }

    .offlineCasino .JackpotsCard__cardTitle {
        margin-top: 12px
    }

    .offlineCasino .JackpotsCard__cardTitle p {
        font-size: .875rem;
        line-height: 1.5rem
    }

    .offlineCasino .JackpotsCard__cardAmount p {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .offlineCasino .JackpotsCard__link {
        display: block
    }
}

.offlineCasino .JackpotsTypeA {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 40px 0 30px
}

@media (max-width: 1279.98px) {
    .offlineCasino .JackpotsTypeA {
        padding: 16px 0
    }
}

.offlineCasino .JackpotsTypeA__container {
    max-width: 1600px;
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden
}

@media (max-width: 1279.98px) {
    .offlineCasino .JackpotsTypeA__container {
        max-width: 960px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .JackpotsTypeA__container {
        max-width: 100%
    }
}

.offlineCasino .JackpotsTypeA__header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-right: 96px
}

@media (max-width: 767.98px) {
    .offlineCasino .JackpotsTypeA__header {
        display: block;
        margin-bottom: 0
    }
}

.offlineCasino .JackpotsTypeA__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 2.75rem;
    line-height: 2.5rem;
    font-weight: 700;
    color: var(--base-text-primary);
    margin-right: 16px
}

@media (max-width: 767.98px) {
    .offlineCasino .JackpotsTypeA__title {
        margin-right: 0;
        margin-bottom: 16px
    }
}

.offlineCasino .JackpotsTypeA__selects {
    flex: 0 0 auto;
    max-width: inherit;
    margin-left: auto
}

.offlineCasino .JackpotsTypeA__selects .Tabs__tab {
    text-transform: capitalize;
    font-weight: 500
}

@media (max-width: 767.98px) {
    .offlineCasino .JackpotsTypeA__selects {
        max-width: 100%;
        margin-left: 0
    }
}

.offlineCasino .JackpotsTypeA__slider {
    max-width: 100%;
    padding: 20px 0
}

.offlineCasino .JackpotsTypeA .isShowTabs {
    display: block
}

@media (max-width: 434.98px) {
    .offlineCasino .JackpotsTypeA .isShowTabs {
        display: none
    }
}

.offlineCasino .JackpotsTypeA .isShowSelects {
    display: block
}

.offlineCasino .WalletModal__wrapper {
    padding: 0 24px 24px;
    color: var(--base-text-primary)
}

.offlineCasino .WalletModal__footer {
    margin: 20px 0 0;
    display: flex;
    justify-content: flex-end
}

.offlineCasino :root {
    --content-width: 1300px;
    --footer-height: 400px;
    --header-height: 80px
}

.offlineCasino .QuestCardTypeA {
    display: flex;
    flex-direction: column;
    background: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    max-width: 360px;
    width: 100%;
    height: 484px;
    overflow: hidden
}

.offlineCasino .QuestCardTypeA__linkText {
    display: block;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden
}

@media (max-width: 1919.98px) {
    .offlineCasino .QuestCardTypeA {
        max-width: 280px;
        height: 454px
    }
}

@media (max-width: 1279.98px) {
    .offlineCasino .QuestCardTypeA {
        max-width: 340px;
        height: 495px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .QuestCardTypeA {
        max-width: 280px;
        height: 418px
    }
}

.offlineCasino .QuestCardTypeA__pic {
    width: 100%;
    height: 100%;
    max-height: 240px;
    object-fit: cover;
    object-position: center
}

@media (max-width: 1919.98px) {
    .offlineCasino .QuestCardTypeA__pic {
        max-height: 187px
    }
}

@media (max-width: 1279.98px) {
    .offlineCasino .QuestCardTypeA__pic {
        max-height: 227px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .QuestCardTypeA__pic {
        max-height: 150px
    }
}

.offlineCasino .QuestCardTypeA__noPic {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 240px;
    position: relative
}

@media (max-width: 1919.98px) {
    .offlineCasino .QuestCardTypeA__noPic {
        min-height: 187px
    }
}

@media (max-width: 1279.98px) {
    .offlineCasino .QuestCardTypeA__noPic {
        min-height: 227px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .QuestCardTypeA__noPic {
        min-height: 150px
    }
}

.offlineCasino .QuestCardTypeA__noPicEllipse {
    background: radial-gradient(50% 50% at 50% 50%, var(--primary-solid) 0, rgba(72, 112, 255, 0) 100%);
    opacity: .1;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.offlineCasino .QuestCardTypeA__icon_noPicIcon {
    width: 57px;
    height: 57px;
    color: var(--primary-solid);
    z-index: 2
}

.offlineCasino .QuestCardTypeA__icon_noPicIcon svg {
    width: 57px;
    height: 57px
}

.offlineCasino .QuestCardTypeA__prizeWrap {
    background: var(--base-elements);
    padding: 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px
}

.offlineCasino .QuestCardTypeA__icon_prizeIcon {
    width: 20px;
    height: 20px;
    color: var(--primary-solid)
}

.offlineCasino .QuestCardTypeA__prizeTitle {
    color: var(--primary-solid)
}

.offlineCasino .QuestCardTypeA__prizeAmount {
    color: var(--base-text-primary)
}

.offlineCasino .QuestCardTypeA__body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%
}

.offlineCasino .QuestCardTypeA__name {
    color: var(--base-text-primary);
    margin-bottom: 8px
}

.offlineCasino .QuestCardTypeA__description {
    color: var(--base-text-secondary)
}

.offlineCasino .QuestCardTypeA__footer {
    display: flex;
    margin-top: auto;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-end
}

.offlineCasino .QuestCardTypeA__progress {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1
}

.offlineCasino .QuestCardTypeA__progressTitleWrap {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.offlineCasino .QuestCardTypeA__progressTitle {
    text-transform: uppercase;
    color: var(--base-text-secondary)
}

.offlineCasino .QuestCardTypeA__progressAmount {
    color: var(--base-text-primary);
    text-transform: uppercase
}

.offlineCasino .QuestCardTypeA__progressBar {
    border-radius: 16px;
    background: var(--base-divider);
    width: 100%;
    position: relative;
    height: 12px
}

.offlineCasino .QuestCardTypeA__progressBarPercent {
    background: var(--primary-gradient);
    height: 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 16px
}

.offlineCasino .QuestCardTypeA__prizeTake {
    background: var(--primary-solid);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.offlineCasino .QuestCardTypeA__icon_prizeTakeIcon {
    color: var(--base-text-primary)
}

.offlineCasino .QuestCardTypeA__icon_prizeTakeIcon svg {
    height: 40px;
    width: 40px
}

.offlineCasino .QuestCardTypeA__prizeShow {
    background: var(--primary-solid);
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--base-text-primary)
}

.offlineCasino .QuestCardTypeA__icon_prizeShowIcon, .offlineCasino .QuestCardTypeA__icon_prizeShowIcon svg {
    width: 24px;
    height: 24px
}

.offlineCasino .QuestCardTypeA__prizeShowText {
    text-transform: uppercase;
    font-weight: 600
}

.offlineCasino .QuestCardTypeA__button_prizeNotAuth {
    width: 100%
}

@media (max-width: 1279.98px) {
    .offlineCasino .QuestCardTypeB__noPic {
        min-height: 230px;
        max-width: 344px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .QuestCardTypeB__noPic {
        width: 280px;
        min-height: 156px
    }
}

.offlineCasino .QuestCardTypeB__progressAmount {
    z-index: 1
}

.offlineCasino .QuestCardTypeB__progressBarPercent {
    background: var(--primary-gradient)
}

.offlineCasino .QuestCardTypeB {
    display: flex;
    background: var(--base-surface);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow);
    max-width: 760px;
    width: 100%;
    height: 240px;
    overflow: hidden
}

@media (max-width: 1919.98px) {
    .offlineCasino .QuestCardTypeB {
        flex-direction: column;
        max-width: 444px;
        height: 536px
    }
}

@media (max-width: 1279.98px) {
    .offlineCasino .QuestCardTypeB {
        flex-direction: row;
        max-width: 704px;
        height: 230px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .QuestCardTypeB {
        flex-direction: column;
        max-width: 280px;
        height: 446px
    }
}

.offlineCasino .QuestCardTypeB__pic {
    width: 100%;
    height: 100%;
    max-width: 360px;
    max-height: 240px;
    object-fit: cover;
    object-position: center
}

@media (max-width: 1919.98px) {
    .offlineCasino .QuestCardTypeB__pic {
        max-height: 296px;
        max-width: 444px
    }
}

@media (max-width: 1279.98px) {
    .offlineCasino .QuestCardTypeB__pic {
        max-height: 230px;
        max-width: 344px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .QuestCardTypeB__pic {
        max-width: 280px;
        max-height: 156px
    }
}

.offlineCasino .QuestCardTypeB__noPic {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 360px;
    min-height: 240px;
    position: relative
}

@media (max-width: 1919.98px) {
    .offlineCasino .QuestCardTypeB__noPic {
        min-height: 296px;
        max-width: 444px
    }
}

@media (max-width: 1279.98px) {
    .offlineCasino .QuestCardTypeB__noPic {
        min-height: 230px;
        width: 344px
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .QuestCardTypeB__noPic {
        min-width: 280px;
        height: 156px
    }
}

.offlineCasino .QuestCardTypeB__noPicEllipse {
    background: radial-gradient(50% 50% at 50% 50%, var(--primary-solid) 0, rgba(72, 112, 255, 0) 100%);
    opacity: .1;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.offlineCasino .QuestCardTypeB__icon_noPicIcon {
    width: 57px;
    height: 57px;
    color: var(--primary-solid);
    z-index: 2
}

.offlineCasino .QuestCardTypeB__icon_noPicIcon svg {
    width: 57px;
    height: 57px
}

.offlineCasino .QuestCardTypeB__prizeWrap {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px
}

@media (max-width: 1279.98px) {
    .offlineCasino .QuestCardTypeB__prizeWrap {
        margin-top: 12px
    }
}

.offlineCasino .QuestCardTypeB__icon_prizeIcon {
    width: 20px;
    height: 20px;
    color: var(--primary-solid)
}

.offlineCasino .QuestCardTypeB__prizeTitle {
    color: var(--primary-solid)
}

.offlineCasino .QuestCardTypeB__prizeAmount {
    color: var(--base-text-primary)
}

.offlineCasino .QuestCardTypeB__body {
    padding: 20px;
    display: flex;
    flex-direction: column;
    height: 100%
}

@media (max-width: 1279.98px) {
    .offlineCasino .QuestCardTypeB__body {
        padding: 16px
    }
}

.offlineCasino .QuestCardTypeB__name {
    color: var(--base-text-primary);
    margin-bottom: 16px
}

@media (max-width: 1279.98px) {
    .offlineCasino .QuestCardTypeB__name {
        margin-bottom: 12px
    }
}

.offlineCasino .QuestCardTypeB__description {
    color: var(--base-text-secondary);
    letter-spacing: -1px
}

.offlineCasino .QuestCardTypeB__footer {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: flex-end
}

.offlineCasino .QuestCardTypeB__progress {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1 1
}

.offlineCasino .QuestCardTypeB__progressAmount {
    color: var(--base-text-primary);
    text-transform: uppercase
}

.offlineCasino .QuestCardTypeB__progressBar {
    border-radius: 16px;
    background: var(--base-divider);
    width: 100%;
    position: relative;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2
}

.offlineCasino .QuestCardTypeB__progressBarPercent {
    background: var(--base-success);
    height: 28px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 16px;
    z-index: 1
}

.offlineCasino .QuestCardTypeB__prizeTake {
    background: var(--primary-solid);
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center
}

.offlineCasino .QuestCardTypeB__icon_prizeTakeIcon {
    color: var(--base-text-primary)
}

.offlineCasino .QuestCardTypeB__icon_prizeTakeIcon svg {
    height: 40px;
    width: 40px
}

.offlineCasino .QuestCardTypeB__prizeShow {
    background: var(--primary-solid);
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--base-text-primary)
}

.offlineCasino .QuestCardTypeB__icon_prizeShowIcon, .offlineCasino .QuestCardTypeB__icon_prizeShowIcon svg {
    width: 24px;
    height: 24px
}

.offlineCasino .QuestCardTypeB__prizeShowText {
    text-transform: uppercase;
    font-weight: 600
}

.offlineCasino .QuestCardTypeB__button_prizeNotAuth {
    width: 100%
}

.offlineCasino .SliderTypeA, .offlineCasino .SliderTypeE {
    display: block;
    height: auto;
    max-width: 100%;
    padding: 40px 0;
    overflow: hidden;
    background: var(--base-background)
}

.offlineCasino .SliderTypeA .swiper-container, .offlineCasino .SliderTypeE .swiper-container {
    max-height: none;
    max-width: none;
    height: auto;
    overflow: hidden
}

.offlineCasino .SliderTypeA .swiper-wrapper, .offlineCasino .SliderTypeE .swiper-wrapper {
    align-items: inherit
}

.offlineCasino .SliderTypeA .swiper-slide, .offlineCasino .SliderTypeE .swiper-slide {
    height: auto;
    transition: none
}

.offlineCasino .SliderTypeA__navigation {
    position: absolute;
    top: auto;
    left: 50%;
    bottom: 40px;
    z-index: 1;
    display: flex;
    width: 100%;
    max-width: 1640px;
    padding: 0 80px;
    transform: translateX(-50%)
}

.offlineCasino .SliderTypeA .swiper-button-next, .offlineCasino .SliderTypeA .swiper-button-prev, .offlineCasino .SliderTypeA .swiper-pagination, .offlineCasino .SliderTypeE .swiper-button-next, .offlineCasino .SliderTypeE .swiper-button-prev, .offlineCasino .SliderTypeE .swiper-pagination {
    position: static;
    width: auto;
    height: 24px;
    padding: 0;
    line-height: 24px;
    font-size: 0;
    text-align: left;
    pointer-events: none;
    transform: translateX(0)
}

.offlineCasino .SliderTypeA .swiper-pagination, .offlineCasino .SliderTypeE .swiper-pagination {
    padding: 0
}

.offlineCasino .SliderTypeA .swiper-pagination-bullet, .offlineCasino .SliderTypeE .swiper-pagination-bullet {
    vertical-align: middle;
    background: transparent;
    border: 1.5px solid var(--base-text-on-color-bg);
    pointer-events: all
}

.offlineCasino .SliderTypeA .swiper-pagination-bullet-active, .offlineCasino .SliderTypeE .swiper-pagination-bullet-active {
    background: var(--base-text-on-color-bg)
}

.offlineCasino .SliderTypeA .swiper-button-next, .offlineCasino .SliderTypeA .swiper-button-prev, .offlineCasino .SliderTypeE .swiper-button-next, .offlineCasino .SliderTypeE .swiper-button-prev {
    margin-top: 0
}

.offlineCasino .SliderTypeA .swiper-button-next:before, .offlineCasino .SliderTypeA .swiper-button-prev:before, .offlineCasino .SliderTypeE .swiper-button-next:before, .offlineCasino .SliderTypeE .swiper-button-prev:before {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-on-color-bg);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    pointer-events: all
}

.offlineCasino .SliderTypeA .swiper-button-next, .offlineCasino .SliderTypeE .swiper-button-next {
    padding: 0
}

.offlineCasino .SliderTypeA .swiper-button-next:before, .offlineCasino .SliderTypeE .swiper-button-next:before {
    transform: scaleX(-1)
}

.offlineCasino .SliderTypeA__slide {
    padding: 0 40px;
    max-width: 100%;
    overflow: hidden;
    height: 500px
}

.offlineCasino .SliderTypeA__slideContainer {
    max-width: 1560px;
    margin: 0 auto;
    position: relative;
    height: 100%;
    border-radius: 24px;
    overflow: hidden
}

.offlineCasino .SliderTypeA__slideBanner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.offlineCasino .SliderTypeA__slideContent {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 110px 40px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.offlineCasino .SliderTypeA__slideContentContainer {
    max-width: 520px;
    text-align: left;
    width: 100%
}

.offlineCasino .SliderTypeA__slideImage {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.offlineCasino .SliderTypeA__slideImage_mobile, .offlineCasino .SliderTypeA__slideImage_tablet {
    display: none
}

.offlineCasino .SliderTypeA__slideTitle {
    font-size: 2.75rem;
    line-height: 3.25rem;
    font-weight: 700;
    color: var(--base-text-on-color-bg);
    margin-bottom: 16px;
    white-space: pre-wrap;
    text-transform: uppercase
}

.offlineCasino .SliderTypeA__slideCta {
    max-width: 125px;
    text-align: left
}

.offlineCasino .SliderTypeA__slideCtaLink {
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--base-text-on-color-bg)
}

@media (max-width: 1279.98px) {
    .offlineCasino .SliderTypeA__navigation {
        max-width: 1000px
    }

    .offlineCasino .SliderTypeA__slideContainer {
        max-width: 920px
    }

    .offlineCasino .SliderTypeA__slideImage {
        display: none
    }

    .offlineCasino .SliderTypeA__slideImage_tablet {
        display: block
    }
}

@media (max-width: 767.98px) {
    .offlineCasino .SliderTypeA, .offlineCasino .SliderTypeE {
        padding: 32px 0
    }

    .offlineCasino .SliderTypeA__slide {
        padding: 0 32px;
        height: 380px
    }

    .offlineCasino .SliderTypeA__slideContainer {
        max-width: 704px
    }

    .offlineCasino .SliderTypeA__slideContent {
        padding: 40px 40px 100px
    }

    .offlineCasino .SliderTypeA__slideTitle {
        font-size: 2rem;
        line-height: 2.75rem
    }

    .offlineCasino .SliderTypeA, .offlineCasino .SliderTypeE {
        padding: 20px 0
    }

    .offlineCasino .SliderTypeA__navigation {
        bottom: 20px;
        justify-content: center
    }

    .offlineCasino .SliderTypeA__slide {
        padding: 0 20px;
        height: 472px
    }

    .offlineCasino .SliderTypeA__slideImage_tablet {
        display: none
    }

    .offlineCasino .SliderTypeA__slideImage_mobile {
        display: block
    }

    .offlineCasino .SliderTypeA__slideContent {
        top: auto;
        bottom: 60px;
        align-items: flex-end;
        padding: 216px 20px 0
    }

    .offlineCasino .SliderTypeA__slideTitle {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}

@media (max-width: 434.98px) {
    .offlineCasino .SliderTypeA .swiper-button-prev, .offlineCasino .SliderTypeE .swiper-button-prev {
        padding: 0
    }

    .offlineCasino .SliderTypeA .swiper-button-prev:before, .offlineCasino .SliderTypeE .swiper-button-prev:before {
        transform: translateX(0)
    }
}

html {
    color: var(--white);
    font-family: var(--primary-font-family);
    font-size: var(--base-font-size);
    font-weight: 400
}

html.ac-gn-noscroll {
    overflow: hidden !important;
    height: 100svh !important
}

html.ac-gn-fixed {
    overflow: hidden !important;
    height: 100vh !important
}

body {
    font-family: var(--primary-font-family);
    background: var(--base-background);
    color: var(--middle-gray)
}

body.safari::-webkit-scrollbar {
    width: 0
}

body.safari::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 0
}

body.safari::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 0;
    border: 0
}

body::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

body::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

body::-webkit-scrollbar-thumb, body::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

body::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    body::-webkit-scrollbar {
        width: 6px
    }

    body::-webkit-scrollbar-thumb, body::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--primary-font-family)
}

h1 {
    font-size: 3.4rem;
    text-transform: none
}

@media (max-width: 1279.98px) {
    h1 {
        font-size: 2.8rem
    }
}

@media (max-width: 767.98px) {
    h1 {
        font-size: 2.4rem
    }
}

@media (max-width: 434.98px) {
    h1 {
        font-size: 1.8rem
    }
}

h2 {
    font-family: var(--primary-font-family);
    font-size: 2.5rem;
    text-transform: none
}

@media (max-width: 1279.98px) {
    h2 {
        font-size: 2rem
    }
}

@media (max-width: 767.98px) {
    h2 {
        font-size: 1.6rem
    }
}

@media (max-width: 434.98px) {
    h2 {
        font-size: 1.4rem
    }
}

h3 {
    font-size: 1.7rem
}

h3, h5 {
    font-family: var(--primary-font-family)
}

h5 {
    font-size: 1.3rem
}

h6 {
    text-transform: none
}

button {
    font-family: var(--primary-font-family)
}

.ReactModal__Overlay {
    z-index: 10002
}

.ReactModal__Overlay.global-modal-overlay {
    position: fixed;
    inset: 0
}

.ReactModal__Overlay.global-modal-hide {
    visibility: hidden
}

.gisErrorPage .ZoobetGisErrorPage__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh
}

.gisErrorPage .ZoobetGisErrorPage__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 40px
}

.gisErrorPage .ZoobetGisErrorPage__logo {
    position: relative;
    width: 180px;
    height: 180px
}

.gisErrorPage .ZoobetGisErrorPage__title {
    margin-top: 40px;
    text-align: center;
    font-family: Work Sans, sans-serif;
    font-size: 36px;
    line-height: 48px;
    font-weight: 700;
    color: #fff
}

.gisErrorPage .ZoobetGisErrorPage__button {
    margin-top: 40px;
    font-family: Work Sans, sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    color: #171634;
    padding: 8px 16px;
    border-radius: 8px;
    background-color: #e6be4b;
    transition: all .5s
}

.gisErrorPage .ZoobetGisErrorPage__button:hover {
    background: #f8d163
}

@media (max-width: 1023.98px) {
    .gisErrorPage .ZoobetGisErrorPage__logo {
        width: 120px;
        height: 120px
    }

    .gisErrorPage .ZoobetGisErrorPage__title {
        margin-top: 32px;
        font-size: 28px;
        line-height: 36px
    }

    .gisErrorPage .ZoobetGisErrorPage__button {
        margin-top: 32px
    }
}

@media (max-width: 434.98px) {
    .gisErrorPage .ZoobetGisErrorPage__logo {
        width: 100px;
        height: 100px
    }

    .gisErrorPage .ZoobetGisErrorPage__title {
        margin-top: 20px;
        font-size: 20px;
        line-height: 28px
    }

    .gisErrorPage .ZoobetGisErrorPage__button {
        margin-top: 20px
    }
}

input[type=password] {
    font-family: Verdana, sans-serif;
    letter-spacing: .4em
}

input[type=password]::placeholder {
    letter-spacing: .02em
}

#notification-wrapper > div {
    z-index: 9999999 !important
}

.ErrorComponent #notification-wrapper {
    visibility: hidden
}

#capcha {
    width: 256px;
    height: 60px;
    display: none;
    transition: right .3s ease 0s;
    position: fixed;
    bottom: 14px;
    right: -186px;
    box-shadow: 0 0 5px gray;
    border-radius: 2px;
    overflow: hidden;
    z-index: 100
}

#capcha:hover {
    right: 0
}

.grecaptcha-badge {
    visibility: hidden
}

#Web3ModalTransaction {
    position: fixed;
    z-index: 1012
}

#contentWrapper {
    position: relative
}

html.ac-gn-iframe #contentWrapper {
    z-index: 997
}

:root ::selection {
    background: var(--primary-solid);
    color: var(--base-text-on-color-bg)
}

input:-internal-autofill-selected, input:-webkit-autofill {
    -webkit-text-fill-color: var(--base-text-primary) !important;
    transition-delay: 9999s !important
}

:root {
    --container-padding-desktop: 40px;
    --container-padding-tablet: 32px;
    --container-padding-mobile: 20px;
    --sidebar-width: 240px;
    --sidebar-width-collapsed: 80px
}

.CircularProgress {
    fill: transparent;
    background-color: var(--base-elements);
    border-radius: 50%;
    overflow: hidden
}

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

.CircularProgress__content {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.CircularProgress__backgroundRing {
    stroke: var(--base-elements-hover)
}

.CircularProgress__indicatorRing {
    stroke-linecap: round;
    transform: rotate(-90deg)
}

.CircularProgress__indicatorRing_success {
    stroke: var(--base-success)
}

.CircularProgress__indicatorRing_warning {
    stroke: var(--base-warning)
}

.CircularProgress__indicatorRing_alert {
    stroke: var(--base-alert)
}

.SettingsError__container {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--base-background);
    z-index: 1;
    position: fixed;
    display: flex
}

.SettingsError__content {
    width: 100%;
    max-width: 814px;
    margin: auto;
    padding: 40px 0;
    background: var(--base-surface);
    text-align: center
}

@media (max-width: 767.98px) {
    .SettingsError__content {
        max-width: 704px
    }
}

@media (max-width: 434.98px) {
    .SettingsError__content {
        max-width: 280px
    }
}

.SettingsError__logo {
    width: 180px;
    height: 180px;
    margin: 0 auto 40px;
    background: var(--base-elements);
    padding: 0 19px
}

@media (max-width: 767.98px) {
    .SettingsError__logo {
        width: 120px;
        height: 120px;
        padding: 0 12px;
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    .SettingsError__logo {
        width: 100px;
        height: 100px;
        padding: 0 10px;
        margin-bottom: 20px
    }
}

.SettingsError__icon {
    background-image: url(/iconPack/construction.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    width: 100%;
    height: 100%
}

.SettingsError__title {
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    text-align: center;
    color: var(--base-text-primary);
    margin-bottom: 8px
}

@media (max-width: 767.98px) {
    .SettingsError__title {
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width: 434.98px) {
    .SettingsError__title {
        font-size: 20px;
        line-height: 28px
    }
}

.SettingsError__text {
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: var(--base-text-secondary);
    margin-bottom: 40px
}

@media (max-width: 767.98px) {
    .SettingsError__text {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 32px
    }
}

@media (max-width: 434.98px) {
    .SettingsError__text {
        font-size: 12px;
        line-height: 20px;
        max-width: 240px;
        margin: 0 auto 20px
    }
}

.Spinner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.Spinner__content {
    width: 32px;
    height: 32px;
    clear: both;
    margin: 0;
    border: 4px solid rgba(28, 165, 208, .25);
    border-top-color: #1ca5d0
}

.Spinner__content_default-image {
    animation: spCircRot .6s linear infinite;
    border-radius: 50%
}

.Spinner.height-auto {
    min-height: 300px
}

.Spinner.height-full {
    min-height: 100vh
}

.Spinner.height-space-around {
    height: 100%
}

.Spinner.type-icon .Spinner__content {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    border: none;
    margin: 0;
    clear: none
}

.Spinner.type-icon .Spinner__content_mask-image {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    background-color: var(--primary-solid)
}

.Spinner.background-base {
    background-color: var(--base-background)
}

.Spinner.background-transparent {
    background-color: transparent
}

.Spinner.size-small .Spinner__content {
    width: 16px;
    height: 16px
}

.Spinner.size-normal .Spinner__content {
    width: 32px;
    height: 32px
}

.Spinner.size-big .Spinner__content {
    width: 64px;
    height: 64px
}

@keyframes spCircRot {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}

ul.Pagination {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

ul.Pagination.showSizeChanger {
    justify-content: flex-start
}

ul.Pagination .rc-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-right: 12px;
    border-radius: inherit;
    transition: .3s;
    background: var(--base-elements);
    box-shadow: var(--base-button-normal-shadow);
    -webkit-box-shadow: var(--base-button-normal-shadow);
    cursor: pointer
}

ul.Pagination .rc-pagination-options, ul.Pagination .rc-pagination-options-size-changer {
    border-radius: inherit
}

ul.Pagination .rc-pagination-item a {
    color: var(--base-text-primary)
}

ul.Pagination .rc-pagination-item-active {
    background: var(--primary-solid);
    box-shadow: var(--base-button-active-shadow);
    -webkit-box-shadow: var(--base-button-active-shadow)
}

ul.Pagination .rc-pagination-item-active a {
    color: var(--base-text-primary)
}

ul.Pagination .rc-pagination-jump-next, ul.Pagination .rc-pagination-jump-prev {
    width: 24px;
    height: 36px;
    margin-right: 16px;
    color: var(--base-text-primary)
}

ul.Pagination .rc-pagination-jump-next button, ul.Pagination .rc-pagination-jump-prev button {
    width: inherit;
    height: inherit
}

ul.Pagination .rc-pagination-jump-next button:after, ul.Pagination .rc-pagination-jump-prev button:after {
    display: block;
    content: "•••"
}

ul.Pagination .rc-select {
    width: auto
}

@media (min-width: 434.98px) {
    ul.Pagination .rc-select {
        width: 150px;
        margin-left: 40px
    }
}

.Tag {
    display: flex
}

.Tag__item {
    display: block;
    border-radius: 24px;
    color: var(--base-text-secondary);
    background: var(--base-elements);
    padding: 8px 12px;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    margin-right: 8px;
    width: auto
}

.SwiperNavigation {
    display: flex;
    justify-content: flex-end;
    align-items: stretch
}

.SwiperNavigation__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: var(--base-elements);
    transition: all .3s ease-in-out
}

.SwiperNavigation__button.swiper-button-lock {
    display: none
}

.SwiperNavigation__button:after {
    display: block;
    content: "";
    width: 24px;
    height: 24px;
    background-color: var(--base-text-secondary);
    -webkit-mask-image: url(/iconPack/arrow-left.svg);
    mask-image: url(/iconPack/arrow-left.svg);
    -webkit-mask-size: cover;
    mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    transition: all .3s ease-in-out
}

.SwiperNavigation__button:disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.SwiperNavigation__button:hover:after {
    background-color: var(--base-text-primary)
}

.SwiperNavigation__buttonNext {
    border-left: 1px solid var(--base-divider)
}

.SwiperNavigation__buttonNext:after {
    transform: scaleX(-1)
}

.SwiperNavigation .type-B {
    background: transparent;
    border: none
}

.SwiperWrapper__topSection {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: left;
    margin-bottom: 24px
}

.SwiperWrapper__topSection h1, .SwiperWrapper__topSection > span {
    color: var(--base-text-secondary)
}

.SwiperWrapper__topSection h1 {
    font-weight: 700;
    margin-right: 16px;
    flex: 1 1;
    font-size: 32px;
    line-height: 44px
}

@media (max-width: 1279.98px) {
    .SwiperWrapper__topSection h1 {
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width: 767.98px) {
    .SwiperWrapper__topSection h1 {
        font-size: 20px;
        line-height: 28px
    }
}

@media (max-width: 434.98px) {
    .SwiperWrapper__topSection h1 {
        margin-right: 8px
    }
}

@media (max-width: 767.98px) {
    .SwiperWrapper__topSection {
        gap: 24px;
        flex-wrap: wrap
    }
}

.SwiperWrapper__linkWrapper {
    max-width: inherit
}

.SwiperWrapper__heading {
    margin-right: auto;
    color: var(--base-text-secondary);
    font-weight: 700
}

.SwiperWrapper__actions {
    margin-left: 16px
}

.SwiperWrapper__actions_showButton {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: left;
    gap: 24px
}

@media (max-width: 434.98px) {
    .SwiperWrapper__actions_showButton {
        justify-content: space-between;
        width: 100%;
        align-items: unset;
        gap: unset;
        margin-left: 0
    }
}

.SwiperWrapper__gameProvidersButton {
    max-width: 248px;
    width: 100%;
    margin-left: auto
}

.SwiperWrapper__swiper-buttons {
    margin-left: 16px;
    display: flex;
    z-index: 1
}

@media (max-width: 767.98px) {
    .SwiperWrapper__swiper-buttons {
        margin-left: auto
    }
}

.SwiperWrapper__slider {
    max-width: calc(100% + 15px);
    overflow: hidden;
    margin-top: 24px
}

@media (max-width: 767.98px) {
    .SwiperWrapper__slider {
        padding-top: 20px
    }
}

@media (max-width: 434.98px) {
    .SwiperWrapper__gameProvidersButton {
        max-width: 100%;
        order: 1
    }
}

.ProvidersFilter {
    z-index: 3;
    position: relative;
    min-width: 250px;
    display: inline-flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start
}

.ProvidersFilter__options {
    display: none
}

.ProvidersFilter__options_show {
    display: block
}

@media (max-width: 767.98px) {
    .ProvidersFilter {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .ProvidersFilter {
        width: 100%
    }
}

.ProvidersFilterButton {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--base-elements);
    transition: background-color .5s ease;
    padding: 8px
}

.ProvidersFilterButton:hover {
    background-color: var(--base-elements-hover)
}

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

.ProvidersFilterButton__half > :not(:last-child) {
    margin-right: 8px
}

.ProvidersFilterButton__half:first-of-type {
    margin-right: 16px
}

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

.ProvidersFilterButton__indicator {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--base-alert);
    transition: all .3s ease
}

.ProvidersFilterButton__indicator_show {
    opacity: 1;
    visibility: visible
}

.ProvidersFilterButton__text {
    text-overflow: ellipsis;
    text-wrap: avoid;
    overflow: hidden;
    max-width: 135px;
    color: var(--base-text-primary)
}

.ProvidersFilterButton__counter {
    display: none;
    color: var(--base-text-primary);
    background-color: var(--base-text-placeholder);
    font-weight: 600;
    padding: 4px 6px;
    min-width: 28px;
    text-align: center;
    flex: none
}

.ProvidersFilterButton__counter_show {
    display: inline-table
}

.ProvidersFilterButton__arrow_revert {
    transform: rotate(180deg)
}

.ProvidersFilterButton__arrow, .ProvidersFilterButton__icon {
    color: var(--base-text-secondary)
}

.ProvidersFilterButton__icon {
    display: flex
}

.ProvidersFilterButton__icon img, .ProvidersFilterButton__icon svg {
    max-width: 24px;
    max-height: 24px;
    width: 100%;
    height: 100%
}

.ProvidersFilterItem {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px
}

.ProvidersFilterItem.isSelected .ProvidersFilterItem__label, .ProvidersFilterItem:hover .ProvidersFilterItem__label {
    color: var(--base-text-primary)
}

.ProvidersFilterItem__labelWithCheckbox {
    margin-right: 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.ProvidersFilterItem__checkboxInput {
    position: absolute;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}

.ProvidersFilterItem__checkboxInput:checked + .ProvidersFilterItem__checkbox {
    border-color: var(--primary-solid);
    background-color: var(--primary-solid)
}

.ProvidersFilterItem__checkboxInput:checked + .ProvidersFilterItem__checkbox .ProvidersFilterItem__checkboxIcon {
    opacity: 1;
    visibility: visible
}

.ProvidersFilterItem__checkbox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    margin: 0 15px 0 0;
    border: 1px solid var(--base-text-secondary);
    border-radius: 4px;
    background-color: transparent;
    transition: all .2s ease
}

.ProvidersFilterItem__checkboxIcon {
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease;
    color: var(--base-text-on-color-bg)
}

.ProvidersFilterItem__label {
    transition: all .2s ease;
    color: var(--base-text-secondary)
}

.ProvidersFilterItem__counter {
    display: none;
    color: var(--base-text-primary);
    background-color: var(--base-text-placeholder);
    padding: 4px 8px;
    font-weight: 600;
    min-width: 28px;
    text-align: center
}

.ProvidersFilterItem__counter_show {
    display: block
}

.ProvidersFilterList {
    width: 100%;
    position: absolute;
    top: calc(100% + 4px);
    background-color: var(--base-elements);
    padding: 8px 0 0
}

.ProvidersFilterList__list {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    max-height: 328px;
    overflow-y: auto;
    z-index: 2;
    position: relative
}

.ProvidersFilterList__list::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

.ProvidersFilterList__list::-webkit-scrollbar-track {
    background-color: var(--base-divider);
    margin: 16px 0
}

.ProvidersFilterList__list::-webkit-scrollbar-thumb, .ProvidersFilterList__list::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    border-radius: 5px
}

.ProvidersFilterList__list::-webkit-scrollbar-thumb {
    background-color: var(--base-text-secondary)
}

@media (max-width: 767.98px) {
    .ProvidersFilterList__list::-webkit-scrollbar {
        width: 6px
    }

    .ProvidersFilterList__list::-webkit-scrollbar-thumb, .ProvidersFilterList__list::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

.ProvidersFilterList__list::-webkit-scrollbar-thumb {
    background-color: var(--base-divider)
}

.ProvidersFilterList__list::-webkit-scrollbar-track {
    background-color: transparent
}

@media screen and (max-width: 434px) {
    .ProvidersFilterList__list {
        max-height: 240px
    }
}

.ProvidersFilterList__buttons {
    display: flex
}

.ProvidersFilterList__clearButton, .ProvidersFilterList__okButton {
    border-top: 1px solid var(--base-divider);
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    color: var(--primary-solid)
}

.ProvidersFilterList__clearButton {
    border-left: 1px solid var(--base-divider)
}

.ProvidersFilterList__clearButton_disabled {
    cursor: auto;
    color: var(--base-text-placeholder)
}

.Select .selectric__control {
    min-height: 40px;
    min-width: 180px;
    width: 100%;
    background: var(--base-elements);
    box-shadow: var(--base-button-normal-shadow);
    border-radius: inherit;
    border: none;
    cursor: pointer
}

.Select .selectric__value-container {
    padding: 10px 14px
}

.Select .selectric__single-value {
    color: var(--base-text-primary);
    font-weight: 400;
    font-size: .875rem;
    text-transform: capitalize
}

.Select .selectric__menu {
    z-index: 10111;
    margin: 0;
    background: var(--base-elements);
    box-shadow: 0 4px 16px rgba(29, 29, 87, .4);
    border-radius: 8px;
    overflow: hidden;
    top: calc(100% + 4px)
}

.Select .selectric__menu-list {
    padding: 0
}

.Select .selectric__option {
    cursor: pointer;
    padding: 8px 16px;
    font-size: .875rem;
    line-height: 1.5rem;
    text-transform: capitalize;
    background: var(--base-elements);
    color: var(--base-text-secondary)
}

.Select .selectric__option--is-focused {
    background: var(--base-elements-hover);
    color: var(--base-text-secondary)
}

.Select .selectric__option--is-selected {
    background: var(--primary-solid);
    color: var(--base-text-on-color-bg)
}

.Select .selectric__indicator {
    color: var(--base-text-secondary)
}

.Select .selectric__indicator-separator {
    display: none
}

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

.payment-swiper-container, .swiper-container {
    width: 100%;
    max-width: 100%;
    max-height: 500px;
    min-height: 0;
    min-width: 0
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

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

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

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

.swiper-container-free-mode > .swiper-wrapper {
    margin: 0 auto;
    transition-timing-function: ease-out
}

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

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    z-index: 10;
    margin-top: -22px;
    width: 27px;
    height: 44px;
    background-position: 50%;
    background-size: 27px 44px;
    background-repeat: no-repeat;
    cursor: pointer
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    right: auto;
    left: 0;
    background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 0;
    left: auto;
    background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    z-index: 10;
    text-align: center;
    transition: opacity .3s;
    transform: translateZ(0)
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #000
}

button.swiper-pagination-bullet {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1
}

.swiper-container-vertical > .swiper-pagination-bullets {
    top: 50%;
    right: 10px;
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    width: 8px;
    transform: translateY(-50%)
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%)
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    position: absolute;
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #007aff;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar {
    top: 0;
    left: 0;
    width: 100%;
    height: 4px
}

.swiper-container-vertical > .swiper-pagination-progressbar {
    top: 0;
    left: 0;
    width: 4px;
    height: 100%
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    position: relative;
    border-radius: 10px;
    background: rgba(0, 0, 0, .1);
    -ms-touch-action: none
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    bottom: 3px;
    left: 1%;
    z-index: 50;
    width: 98%;
    height: 5px
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    top: 1%;
    right: 3px;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0, 0, 0, .5)
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    margin-top: -21px;
    margin-left: -21px;
    width: 42px;
    height: 42px;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
    content: ""
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xmlcharset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@keyframes swiper-preloader-spin {
    to {
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000;
    opacity: 0;
    pointer-events: none
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    transition-property: opacity;
    pointer-events: none
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    z-index: 1;
    visibility: hidden;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform-origin: 0 0;
    pointer-events: none
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    visibility: visible;
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #000;
    filter: blur(50px);
    opacity: .6
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    z-index: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.rc-select {
    position: relative;
    font-size: .875rem;
    line-height: 1.375rem
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector {
    background-color: var(--base-elements);
    min-height: 40px;
    cursor: pointer;
    transition: border .3s ease-in-out;
    box-shadow: var(--base-input-normal-shadow);
    -webkit-box-shadow: var(--base-input-normal-shadow);
    width: 100%;
    padding: 8px 38px 8px 16px;
    border: 1px solid transparent;
    border-radius: inherit
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-placeholder, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-placeholder {
    display: block;
    width: calc(100% - 16px - 8px - 22px - 8px - 1px - 1px);
    height: 22px;
    padding: 0;
    position: absolute;
    top: 9px;
    left: 17px;
    transform: none;
    font-size: inherit;
    line-height: inherit;
    color: var(--base-text-placeholder);
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 1;
    transition: opacity .3s ease-in-out
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search {
    display: none;
    cursor: pointer
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input {
    display: block;
    width: 100%;
    height: inherit;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    background-color: transparent;
    color: var(--base-text-primary);
    -webkit-appearance: none;
    -moz-appearance: none
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-ms-clear, .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-ms-reveal, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-ms-clear, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-webkit-search-cancel-button, .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-webkit-search-decoration, .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-webkit-search-results-button, .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-webkit-search-results-decoration, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-webkit-search-cancel-button, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-webkit-search-decoration, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-webkit-search-results-button, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-search .rc-select-selection-search-input::-webkit-search-results-decoration {
    display: none
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown {
    display: block;
    padding: 8px 0;
    position: absolute;
    z-index: 9999;
    background: var(--base-elements);
    box-shadow: var(--base-card-shadow);
    -webkit-box-shadow: var(--base-card-shadow)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder {
    overflow-y: auto !important;
    overflow-x: hidden
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar {
    width: 12px;
    background-color: hsla(0, 0%, 100%, 0)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-track, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-track {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-divider);
    border-radius: 5px;
    margin: 16px 0
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb {
    border-left: 4px solid hsla(0, 0%, 100%, 0);
    border-right: 4px solid hsla(0, 0%, 100%, 0);
    background-clip: padding-box;
    background-color: var(--base-text-secondary);
    border-radius: 5px
}

@media (max-width: 767.98px) {
    .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar {
        width: 6px
    }

    .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb, .rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-track, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-thumb, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-virtual-list-holder::-webkit-scrollbar-track {
        border-left: 2px solid hsla(0, 0%, 100%, 0);
        border-right: 2px solid hsla(0, 0%, 100%, 0);
        border-radius: 3px
    }
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item-empty, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item-empty {
    display: block;
    width: 100%;
    padding: 8px 16px;
    background-color: transparent;
    font-size: inherit;
    line-height: inherit;
    color: var(--base-text-secondary);
    text-overflow: ellipsis;
    overflow: hidden
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown.rc-select-dropdown-hidden, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown.rc-select-dropdown-hidden {
    display: none
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-arrow, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-arrow {
    display: none;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 9px;
    right: 9px;
    color: var(--base-text-secondary);
    transition: transform .3s ease-in-out;
    cursor: pointer;
    pointer-events: none
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-show-arrow .rc-select-arrow, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-show-arrow .rc-select-arrow {
    display: block
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-show-arrow.rc-select-open .rc-select-arrow, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-show-arrow.rc-select-open .rc-select-arrow {
    transform: scaleY(-1)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-show-search .rc-select-selection-search, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-show-search .rc-select-selection-search {
    display: block
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-error .rc-select-selector, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-error .rc-select-selector {
    border: 1px solid var(--base-alert)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-allow-clear .rc-select-selector, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-allow-clear .rc-select-selector {
    padding: 8px 62px 8px 16px
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-allow-clear .rc-select-clear, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-allow-clear .rc-select-clear {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 20px;
    right: 35px;
    color: var(--base-text-secondary);
    cursor: pointer
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-disabled, .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-disabled *, .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-loading, .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-loading *, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-disabled, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-disabled *, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-loading, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-loading * {
    cursor: not-allowed
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-disabled .rc-select-selector .rc-select-selection-item, .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-disabled .rc-select-selector .rc-select-selection-overflow .rc-select-selection-overflow-item .rc-select-selection-item .rc-select-selection-item-content, .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-disabled .rc-select-selector .rc-select-selection-placeholder, .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-disabled .rc-select-selector .rc-select-selection-search, .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-loading .rc-select-selector .rc-select-selection-item, .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-loading .rc-select-selector .rc-select-selection-overflow .rc-select-selection-overflow-item .rc-select-selection-item .rc-select-selection-item-content, .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-loading .rc-select-selector .rc-select-selection-placeholder, .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-loading .rc-select-selector .rc-select-selection-search, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-disabled .rc-select-selector .rc-select-selection-item, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-disabled .rc-select-selector .rc-select-selection-overflow .rc-select-selection-overflow-item .rc-select-selection-item .rc-select-selection-item-content, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-disabled .rc-select-selector .rc-select-selection-placeholder, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-disabled .rc-select-selector .rc-select-selection-search, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-loading .rc-select-selector .rc-select-selection-item, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-loading .rc-select-selector .rc-select-selection-overflow .rc-select-selection-overflow-item .rc-select-selection-item .rc-select-selection-item-content, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-loading .rc-select-selector .rc-select-selection-placeholder, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-loading .rc-select-selector .rc-select-selection-search {
    color: var(--base-divider)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-focused.rc-select-single:not(.rc-select-customize-input) .rc-select-selector, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-focused.rc-select-single:not(.rc-select-customize-input) .rc-select-selector {
    border: 1px solid var(--primary-solid)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-focused.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-placeholder, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-focused.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-placeholder {
    opacity: 0
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-open.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector, .rc-select.rc-select-multiple:not(.rc-select-customize-input).rc-select-open.rc-select-single:not(.rc-select-customize-input) .rc-select-selector, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-open.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selector, .rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-open.rc-select-single:not(.rc-select-customize-input) .rc-select-selector {
    border: 1px solid var(--primary-solid)
}

.rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selector .rc-select-selection-item {
    display: block;
    max-width: 100%;
    font-size: inherit;
    line-height: inherit;
    color: var(--base-text-primary)
}

.rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option {
    display: block;
    width: 100%;
    padding: 8px 16px;
    background-color: transparent;
    font-size: inherit;
    line-height: inherit;
    color: var(--base-text-secondary);
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer
}

.rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-active {
    color: var(--base-text-secondary)
}

.rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-active:hover {
    color: var(--base-text-primary)
}

.rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-selected, .rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-selected:hover {
    color: var(--primary-hover)
}

.rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option .rc-select-item-option-state {
    display: none
}

.rc-select.rc-select-single:not(.rc-select-customize-input) .rc-select-selection-search {
    width: calc(100% - 16px - 8px - 22px - 8px - 1px - 1px);
    height: 22px;
    padding: 0;
    position: absolute;
    top: 9px;
    left: 17px
}

.rc-select.rc-select-single:not(.rc-select-customize-input).rc-select-allow-clear .rc-select-selection-search {
    width: calc(100% - 16px - 8px - 22px - 8px - 6px - 12px - 6px - 1px - 1px)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selection-overflow {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 4px;
    border-radius: inherit
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selection-overflow .rc-select-selection-overflow-item {
    flex: 0 0 auto;
    max-width: 100%;
    border-radius: inherit
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selection-overflow .rc-select-selection-overflow-item .rc-select-selection-item {
    display: block;
    position: relative;
    border-radius: inherit;
    padding: 2px 28px 2px 8px;
    background-color: var(--base-elements-hover);
    overflow: hidden
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selection-overflow .rc-select-selection-overflow-item .rc-select-selection-item .rc-select-selection-item-content {
    display: block;
    font-size: .75rem;
    line-height: 1.125rem;
    color: var(--base-text-primary);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selection-overflow .rc-select-selection-overflow-item .rc-select-selection-item .rc-select-selection-item-remove {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 6px;
    right: 8px;
    color: var(--base-text-secondary)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selection-search {
    display: block;
    max-width: 100%;
    position: relative
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-selection-search .rc-select-selection-search-mirror {
    position: absolute;
    z-index: 999;
    white-space: nowrap;
    left: 0;
    top: 0;
    visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    position: relative;
    width: 100%;
    padding: 8px 16px;
    color: var(--base-text-secondary);
    background-color: transparent;
    cursor: pointer
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option .rc-select-item-option-content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: inherit;
    line-height: inherit;
    text-overflow: ellipsis;
    overflow: hidden
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option .rc-select-item-option-content:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    border: 2px solid var(--base-text-secondary);
    border-radius: 4px;
    margin-right: 15px;
    transition: all .3s ease-in-out
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option .rc-select-item-option-state {
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 10px;
    left: 16px;
    visibility: hidden;
    background-color: transparent;
    color: transparent;
    transition: all .3s ease-in-out
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-active {
    color: var(--base-text-secondary)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-active:hover {
    color: var(--primary-hover)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-active .rc-select-item-option-content:before {
    border: 2px solid var(--base-text-secondary);
    background-color: transparent
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-active .rc-select-item-option-state {
    visibility: hidden;
    color: var(--base-text-on-color-bg)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-selected {
    color: var(--base-text-secondary)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-selected:hover {
    color: var(--primary-hover)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-selected .rc-select-item-option-content:before {
    border: 2px solid var(--primary-solid);
    background-color: var(--primary-solid)
}

.rc-select.rc-select-multiple:not(.rc-select-customize-input) .rc-select-dropdown .rc-select-item.rc-select-item-option.rc-select-item-option-selected .rc-select-item-option-state {
    visibility: visible;
    color: var(--base-text-on-color-bg)
}

.react-tel-input {
    font-family: Roboto, sans-serif;
    font-size: 15px;
    position: relative;
    width: 100%
}

.react-tel-input :disabled {
    cursor: not-allowed
}

.react-tel-input .flag {
    width: 16px;
    height: 11px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=)
}

.react-tel-input .ad {
    background-position: -16px 0
}

.react-tel-input .ae {
    background-position: -32px 0
}

.react-tel-input .af {
    background-position: -48px 0
}

.react-tel-input .ag {
    background-position: -64px 0
}

.react-tel-input .ai {
    background-position: -80px 0
}

.react-tel-input .al {
    background-position: -96px 0
}

.react-tel-input .am {
    background-position: -112px 0
}

.react-tel-input .ao {
    background-position: -128px 0
}

.react-tel-input .ar {
    background-position: -144px 0
}

.react-tel-input .as {
    background-position: -160px 0
}

.react-tel-input .at {
    background-position: -176px 0
}

.react-tel-input .au {
    background-position: -192px 0
}

.react-tel-input .aw {
    background-position: -208px 0
}

.react-tel-input .az {
    background-position: -224px 0
}

.react-tel-input .ba {
    background-position: -240px 0
}

.react-tel-input .bb {
    background-position: 0 -11px
}

.react-tel-input .bd {
    background-position: -16px -11px
}

.react-tel-input .be {
    background-position: -32px -11px
}

.react-tel-input .bf {
    background-position: -48px -11px
}

.react-tel-input .bg {
    background-position: -64px -11px
}

.react-tel-input .bh {
    background-position: -80px -11px
}

.react-tel-input .bi {
    background-position: -96px -11px
}

.react-tel-input .bj {
    background-position: -112px -11px
}

.react-tel-input .bm {
    background-position: -128px -11px
}

.react-tel-input .bn {
    background-position: -144px -11px
}

.react-tel-input .bo {
    background-position: -160px -11px
}

.react-tel-input .br {
    background-position: -176px -11px
}

.react-tel-input .bs {
    background-position: -192px -11px
}

.react-tel-input .bt {
    background-position: -208px -11px
}

.react-tel-input .bw {
    background-position: -224px -11px
}

.react-tel-input .by {
    background-position: -240px -11px
}

.react-tel-input .bz {
    background-position: 0 -22px
}

.react-tel-input .ca {
    background-position: -16px -22px
}

.react-tel-input .cd {
    background-position: -32px -22px
}

.react-tel-input .cf {
    background-position: -48px -22px
}

.react-tel-input .cg {
    background-position: -64px -22px
}

.react-tel-input .ch {
    background-position: -80px -22px
}

.react-tel-input .ci {
    background-position: -96px -22px
}

.react-tel-input .ck {
    background-position: -112px -22px
}

.react-tel-input .cl {
    background-position: -128px -22px
}

.react-tel-input .cm {
    background-position: -144px -22px
}

.react-tel-input .cn {
    background-position: -160px -22px
}

.react-tel-input .co {
    background-position: -176px -22px
}

.react-tel-input .cr {
    background-position: -192px -22px
}

.react-tel-input .cu {
    background-position: -208px -22px
}

.react-tel-input .cv {
    background-position: -224px -22px
}

.react-tel-input .cw {
    background-position: -240px -22px
}

.react-tel-input .cy {
    background-position: 0 -33px
}

.react-tel-input .cz {
    background-position: -16px -33px
}

.react-tel-input .de {
    background-position: -32px -33px
}

.react-tel-input .dj {
    background-position: -48px -33px
}

.react-tel-input .dk {
    background-position: -64px -33px
}

.react-tel-input .dm {
    background-position: -80px -33px
}

.react-tel-input .do {
    background-position: -96px -33px
}

.react-tel-input .dz {
    background-position: -112px -33px
}

.react-tel-input .ec {
    background-position: -128px -33px
}

.react-tel-input .ee {
    background-position: -144px -33px
}

.react-tel-input .eg {
    background-position: -160px -33px
}

.react-tel-input .er {
    background-position: -176px -33px
}

.react-tel-input .es {
    background-position: -192px -33px
}

.react-tel-input .et {
    background-position: -208px -33px
}

.react-tel-input .fi {
    background-position: -224px -33px
}

.react-tel-input .fj {
    background-position: -240px -33px
}

.react-tel-input .fk {
    background-position: 0 -44px
}

.react-tel-input .fm {
    background-position: -16px -44px
}

.react-tel-input .fo {
    background-position: -32px -44px
}

.react-tel-input .bl, .react-tel-input .fr, .react-tel-input .mf {
    background-position: -48px -44px
}

.react-tel-input .ga {
    background-position: -64px -44px
}

.react-tel-input .gb {
    background-position: -80px -44px
}

.react-tel-input .gd {
    background-position: -96px -44px
}

.react-tel-input .ge {
    background-position: -112px -44px
}

.react-tel-input .gf {
    background-position: -128px -44px
}

.react-tel-input .gh {
    background-position: -144px -44px
}

.react-tel-input .gi {
    background-position: -160px -44px
}

.react-tel-input .gl {
    background-position: -176px -44px
}

.react-tel-input .gm {
    background-position: -192px -44px
}

.react-tel-input .gn {
    background-position: -208px -44px
}

.react-tel-input .gp {
    background-position: -224px -44px
}

.react-tel-input .gq {
    background-position: -240px -44px
}

.react-tel-input .gr {
    background-position: 0 -55px
}

.react-tel-input .gt {
    background-position: -16px -55px
}

.react-tel-input .gu {
    background-position: -32px -55px
}

.react-tel-input .gw {
    background-position: -48px -55px
}

.react-tel-input .gy {
    background-position: -64px -55px
}

.react-tel-input .hk {
    background-position: -80px -55px
}

.react-tel-input .hn {
    background-position: -96px -55px
}

.react-tel-input .hr {
    background-position: -112px -55px
}

.react-tel-input .ht {
    background-position: -128px -55px
}

.react-tel-input .hu {
    background-position: -144px -55px
}

.react-tel-input .id {
    background-position: -160px -55px
}

.react-tel-input .ie {
    background-position: -176px -55px
}

.react-tel-input .il {
    background-position: -192px -55px
}

.react-tel-input .in {
    background-position: -208px -55px
}

.react-tel-input .io {
    background-position: -224px -55px
}

.react-tel-input .iq {
    background-position: -240px -55px
}

.react-tel-input .ir {
    background-position: 0 -66px
}

.react-tel-input .is {
    background-position: -16px -66px
}

.react-tel-input .it {
    background-position: -32px -66px
}

.react-tel-input .je {
    background-position: -144px -154px
}

.react-tel-input .jm {
    background-position: -48px -66px
}

.react-tel-input .jo {
    background-position: -64px -66px
}

.react-tel-input .jp {
    background-position: -80px -66px
}

.react-tel-input .ke {
    background-position: -96px -66px
}

.react-tel-input .kg {
    background-position: -112px -66px
}

.react-tel-input .kh {
    background-position: -128px -66px
}

.react-tel-input .ki {
    background-position: -144px -66px
}

.react-tel-input .xk {
    background-position: -128px -154px
}

.react-tel-input .km {
    background-position: -160px -66px
}

.react-tel-input .kn {
    background-position: -176px -66px
}

.react-tel-input .kp {
    background-position: -192px -66px
}

.react-tel-input .kr {
    background-position: -208px -66px
}

.react-tel-input .kw {
    background-position: -224px -66px
}

.react-tel-input .ky {
    background-position: -240px -66px
}

.react-tel-input .kz {
    background-position: 0 -77px
}

.react-tel-input .la {
    background-position: -16px -77px
}

.react-tel-input .lb {
    background-position: -32px -77px
}

.react-tel-input .lc {
    background-position: -48px -77px
}

.react-tel-input .li {
    background-position: -64px -77px
}

.react-tel-input .lk {
    background-position: -80px -77px
}

.react-tel-input .lr {
    background-position: -96px -77px
}

.react-tel-input .ls {
    background-position: -112px -77px
}

.react-tel-input .lt {
    background-position: -128px -77px
}

.react-tel-input .lu {
    background-position: -144px -77px
}

.react-tel-input .lv {
    background-position: -160px -77px
}

.react-tel-input .ly {
    background-position: -176px -77px
}

.react-tel-input .ma {
    background-position: -192px -77px
}

.react-tel-input .mc {
    background-position: -208px -77px
}

.react-tel-input .md {
    background-position: -224px -77px
}

.react-tel-input .me {
    background-position: -112px -154px;
    height: 12px
}

.react-tel-input .mg {
    background-position: 0 -88px
}

.react-tel-input .mh {
    background-position: -16px -88px
}

.react-tel-input .mk {
    background-position: -32px -88px
}

.react-tel-input .ml {
    background-position: -48px -88px
}

.react-tel-input .mm {
    background-position: -64px -88px
}

.react-tel-input .mn {
    background-position: -80px -88px
}

.react-tel-input .mo {
    background-position: -96px -88px
}

.react-tel-input .mp {
    background-position: -112px -88px
}

.react-tel-input .mq {
    background-position: -128px -88px
}

.react-tel-input .mr {
    background-position: -144px -88px
}

.react-tel-input .ms {
    background-position: -160px -88px
}

.react-tel-input .mt {
    background-position: -176px -88px
}

.react-tel-input .mu {
    background-position: -192px -88px
}

.react-tel-input .mv {
    background-position: -208px -88px
}

.react-tel-input .mw {
    background-position: -224px -88px
}

.react-tel-input .mx {
    background-position: -240px -88px
}

.react-tel-input .my {
    background-position: 0 -99px
}

.react-tel-input .mz {
    background-position: -16px -99px
}

.react-tel-input .na {
    background-position: -32px -99px
}

.react-tel-input .nc {
    background-position: -48px -99px
}

.react-tel-input .ne {
    background-position: -64px -99px
}

.react-tel-input .nf {
    background-position: -80px -99px
}

.react-tel-input .ng {
    background-position: -96px -99px
}

.react-tel-input .ni {
    background-position: -112px -99px
}

.react-tel-input .bq, .react-tel-input .nl {
    background-position: -128px -99px
}

.react-tel-input .no {
    background-position: -144px -99px
}

.react-tel-input .np {
    background-position: -160px -99px
}

.react-tel-input .nr {
    background-position: -176px -99px
}

.react-tel-input .nu {
    background-position: -192px -99px
}

.react-tel-input .nz {
    background-position: -208px -99px
}

.react-tel-input .om {
    background-position: -224px -99px
}

.react-tel-input .pa {
    background-position: -240px -99px
}

.react-tel-input .pe {
    background-position: 0 -110px
}

.react-tel-input .pf {
    background-position: -16px -110px
}

.react-tel-input .pg {
    background-position: -32px -110px
}

.react-tel-input .ph {
    background-position: -48px -110px
}

.react-tel-input .pk {
    background-position: -64px -110px
}

.react-tel-input .pl {
    background-position: -80px -110px
}

.react-tel-input .pm {
    background-position: -96px -110px
}

.react-tel-input .pr {
    background-position: -112px -110px
}

.react-tel-input .ps {
    background-position: -128px -110px
}

.react-tel-input .pt {
    background-position: -144px -110px
}

.react-tel-input .pw {
    background-position: -160px -110px
}

.react-tel-input .py {
    background-position: -176px -110px
}

.react-tel-input .qa {
    background-position: -192px -110px
}

.react-tel-input .re {
    background-position: -208px -110px
}

.react-tel-input .ro {
    background-position: -224px -110px
}

.react-tel-input .rs {
    background-position: -240px -110px
}

.react-tel-input .ru {
    background-position: 0 -121px
}

.react-tel-input .rw {
    background-position: -16px -121px
}

.react-tel-input .sa {
    background-position: -32px -121px
}

.react-tel-input .sb {
    background-position: -48px -121px
}

.react-tel-input .sc {
    background-position: -64px -121px
}

.react-tel-input .sd {
    background-position: -80px -121px
}

.react-tel-input .se {
    background-position: -96px -121px
}

.react-tel-input .sg {
    background-position: -112px -121px
}

.react-tel-input .sh {
    background-position: -128px -121px
}

.react-tel-input .si {
    background-position: -144px -121px
}

.react-tel-input .sk {
    background-position: -160px -121px
}

.react-tel-input .sl {
    background-position: -176px -121px
}

.react-tel-input .sm {
    background-position: -192px -121px
}

.react-tel-input .sn {
    background-position: -208px -121px
}

.react-tel-input .so {
    background-position: -224px -121px
}

.react-tel-input .sr {
    background-position: -240px -121px
}

.react-tel-input .ss {
    background-position: 0 -132px
}

.react-tel-input .st {
    background-position: -16px -132px
}

.react-tel-input .sv {
    background-position: -32px -132px
}

.react-tel-input .sx {
    background-position: -48px -132px
}

.react-tel-input .sy {
    background-position: -64px -132px
}

.react-tel-input .sz {
    background-position: -80px -132px
}

.react-tel-input .tc {
    background-position: -96px -132px
}

.react-tel-input .td {
    background-position: -112px -132px
}

.react-tel-input .tg {
    background-position: -128px -132px
}

.react-tel-input .th {
    background-position: -144px -132px
}

.react-tel-input .tj {
    background-position: -160px -132px
}

.react-tel-input .tk {
    background-position: -176px -132px
}

.react-tel-input .tl {
    background-position: -192px -132px
}

.react-tel-input .tm {
    background-position: -208px -132px
}

.react-tel-input .tn {
    background-position: -224px -132px
}

.react-tel-input .to {
    background-position: -240px -132px
}

.react-tel-input .tr {
    background-position: 0 -143px
}

.react-tel-input .tt {
    background-position: -16px -143px
}

.react-tel-input .tv {
    background-position: -32px -143px
}

.react-tel-input .tw {
    background-position: -48px -143px
}

.react-tel-input .tz {
    background-position: -64px -143px
}

.react-tel-input .ua {
    background-position: -80px -143px
}

.react-tel-input .ug {
    background-position: -96px -143px
}

.react-tel-input .us {
    background-position: -112px -143px
}

.react-tel-input .uy {
    background-position: -128px -143px
}

.react-tel-input .uz {
    background-position: -144px -143px
}

.react-tel-input .va {
    background-position: -160px -143px
}

.react-tel-input .vc {
    background-position: -176px -143px
}

.react-tel-input .ve {
    background-position: -192px -143px
}

.react-tel-input .vg {
    background-position: -208px -143px
}

.react-tel-input .vi {
    background-position: -224px -143px
}

.react-tel-input .vn {
    background-position: -240px -143px
}

.react-tel-input .vu {
    background-position: 0 -154px
}

.react-tel-input .wf {
    background-position: -16px -154px
}

.react-tel-input .ws {
    background-position: -32px -154px
}

.react-tel-input .ye {
    background-position: -48px -154px
}

.react-tel-input .za {
    background-position: -64px -154px
}

.react-tel-input .zm {
    background-position: -80px -154px
}

.react-tel-input .zw {
    background-position: -96px -154px
}

.react-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.react-tel-input .hide {
    display: none
}

.react-tel-input .v-hide {
    visibility: hidden
}

.react-tel-input .form-control {
    position: relative;
    font-size: 14px;
    letter-spacing: .01rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 48px;
    margin-left: 0;
    background: #fff;
    border: 1px solid #cacaca;
    border-radius: 5px;
    line-height: 25px;
    height: 35px;
    width: 300px;
    outline: none
}

.react-tel-input .form-control.invalid-number, .react-tel-input .form-control.invalid-number:focus {
    background-color: #faf0f0;
    border: 1px solid #d79f9f;
    border-left-color: #cacaca
}

.react-tel-input .flag-dropdown {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0;
    background-color: #f5f5f5;
    border: 1px solid #cacaca;
    border-radius: 3px 0 0 3px
}

.react-tel-input .flag-dropdown:focus, .react-tel-input .flag-dropdown:hover {
    cursor: pointer
}

.react-tel-input .flag-dropdown.invalid-number {
    border-color: #d79f9f
}

.react-tel-input .flag-dropdown.open {
    z-index: 2
}

.react-tel-input .flag-dropdown.open, .react-tel-input .flag-dropdown.open .selected-flag {
    background: #fff;
    border-radius: 3px 0 0 0
}

.react-tel-input input[disabled] + .flag-dropdown:hover {
    cursor: default
}

.react-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
    background-color: transparent
}

.react-tel-input .selected-flag {
    outline: none;
    position: relative;
    width: 38px;
    height: 100%;
    padding: 0 0 0 8px;
    border-radius: 3px 0 0 3px
}

.react-tel-input .selected-flag:focus, .react-tel-input .selected-flag:hover {
    background-color: #fff
}

.react-tel-input .selected-flag .flag {
    position: absolute;
    top: 50%;
    margin-top: -5px
}

.react-tel-input .selected-flag .arrow {
    position: relative;
    top: 50%;
    margin-top: -2px;
    left: 20px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.react-tel-input .selected-flag .arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.react-tel-input .country-list {
    outline: none;
    z-index: 1;
    list-style: none;
    position: absolute;
    padding: 0;
    margin: 10px 0 10px -1px;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, .35);
    background-color: #fff;
    width: 300px;
    max-height: 200px;
    overflow-y: scroll;
    border-radius: 0 0 3px 3px
}

.react-tel-input .country-list::-webkit-scrollbar {
    width: 5px
}

.react-tel-input .country-list::-webkit-scrollbar-track {
    background: inherit
}

.react-tel-input .country-list::-webkit-scrollbar-thumb {
    background: var(--base-divider);
    border-radius: 3px
}

.react-tel-input .country-list::-webkit-scrollbar-thumb:hover {
    background: var(--primary-solid)
}

.react-tel-input .country-list .flag {
    display: inline-block;
    order: 1
}

.react-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.react-tel-input .country-list .country {
    padding: 7px 9px;
    display: flex;
    align-items: center
}

.react-tel-input .country-list .country .dial-code {
    order: 2;
    flex-basis: 42px
}

.react-tel-input .country-list .country.highlight, .react-tel-input .country-list .country:hover {
    background-color: inherit;
    color: var(--primary-hover)
}

.react-tel-input .country-list .flag {
    margin-right: 7px;
    margin-top: 2px
}

.react-tel-input .country-list .country-name {
    margin-left: 6px;
    order: 3
}

.react-tel-input .country-list .search {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    padding: 10px 0 6px 10px
}

.react-tel-input .country-list .search-emoji {
    font-size: 15px
}

.react-tel-input .country-list .search-box {
    border: 1px solid #cacaca;
    border-radius: 3px;
    font-size: 15px;
    line-height: 15px;
    margin-left: 6px;
    padding: 3px 8px 5px;
    outline: none
}

.react-tel-input .country-list .no-entries-message {
    padding: 7px 10px 11px;
    opacity: .7
}

.react-tel-input .invalid-number-message {
    color: #de0000
}

.react-tel-input .invalid-number-message, .react-tel-input .special-label {
    position: absolute;
    z-index: 1;
    font-size: 13px;
    left: 46px;
    top: -8px;
    background: #fff;
    padding: 0 2px
}

.react-tel-input .special-label {
    display: none;
    white-space: nowrap
}

.visx-tooltip-glyph, .visx-tooltip-glyph svg {
    width: 6px
}

.visx-axis.xAxis .visx-axis-tick:first-of-type {
    transform: translateX(25px)
}

.visx-axis.xAxis .visx-axis-tick:last-of-type {
    transform: translateX(-25px)
}

.toast-notification {
    top: 75px !important
}

.borderRadiusExtreme .toast-notification span {
    border-radius: 24px !important
}

.borderRadiusMedium .toast-notification span {
    border-radius: 16px !important
}

.borderRadiusSoft .toast-notification span {
    border-radius: 8px !important
}

.borderRadiusRectangle .toast-notification span {
    border-radius: 2px !important
}

.borderRadiusMixed .toast-notification span {
    border-radius: 0 20px !important
}

:root {
    --content-width: 1160px;
    --footer-height: 400px;
    --header-height: 80px;
    --promo-banner-item-height: 188px;
    --promo-banner-space-between-items: 24px
}

@media (max-width: 434.98px) {
    :root {
        --promo-banner-item-height: 140px;
        --promo-banner-space-between-items: 12px
    }
}

.ContentBlockTypeD__container h1, h2, h3 {
    color: white;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.ContentBlockTypeD__container p, ul, ol, table {
    color: white;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 20px;
}

p, ul, ol, table {
    margin-bottom: 20px;
}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.responsive-table {
    width: 100%;
    border-collapse: collapse;
}

.responsive-table th,
.responsive-table td {
    padding: 5px 5px;
    border: 1px solid #ddd;
    text-align: left;
}

.responsive-table th {
    background-color: #f4f4f4;
    font-weight: bold;
    color: black;
}

.img-fig {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.fig-img img {
    border-radius: 14px;
    margin: 30px auto;
}