.page-game {
    background: #2e2f39 none;
    bottom: 0;
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100
}

.page-game__bg,
.page-game__bg img {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page-game__bg img {
    border: none;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.page-game__bg:after {
    background: rgba(24, 26, 31, .9) none;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page-game__container {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 10px 12px 10px 84px;
    position: relative
}

.page-game__panel {
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    z-index: 1
}

.page-game__grid {
    grid-row-gap: 10px;
    grid-column-gap: 10px;
    align-items: center;
    display: inline-grid;
    flex-direction: row;
    flex-wrap: nowrap;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    height: calc(75vw - 24px);
    justify-content: center;
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    padding: 0;
    position: relative;
    width: calc(177.77778vh - 78.22222px)
}

@media(min-width:1248px) {
    .page-game__grid {
        grid-row-gap: 24px;
        grid-column-gap: 24px
    }
}

@media(min-width:1632px) {
    .page-game__grid {
        height: calc(75vw - 24px);
        width: calc(177.77778vh - 92.44444px)
    }
}

.page-game__grid--count-2 {
    grid-template-columns: repeat(2, 1fr);
    height: calc(37.5vw - 12px);
    width: calc(355.55556vh - 192px)
}

@media(min-width:1248px) {
    .page-game__grid--count-2 {
        width: calc(355.55556vh - 241.77778px)
    }
}

@media(min-width:1632px) {
    .page-game__grid--count-2 {
        height: calc(37.5vw - 12px);
        width: calc(355.55556vh - 270.22222px)
    }
}

.page-game__grid--count-4 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    height: calc(75vw - 31.5px);
    width: calc(177.77778vh - 96px)
}

@media(min-width:1248px) {
    .page-game__grid--count-4 {
        height: calc(75vw - 42px);
        width: calc(177.77778vh - 120.88889px)
    }
}

@media(min-width:1632px) {
    .page-game__grid--count-4 {
        height: calc(75vw - 42px);
        width: calc(177.77778vh - 135.11111px)
    }
}

.page-game__grid .game-frame__frame--fix {
    max-width: calc(129.03226vh - 56.77419px)
}

@media(min-width:1632px) {
    .page-game__grid .game-frame__frame--fix {
        max-width: calc(129.03226vh - 67.09677px)
    }
}

.page-game__grid--count-2 .game-frame__frame--fix {
    max-width: calc(129.03226vh - 69.67742px)
}

@media(min-width:1248px) {
    .page-game__grid--count-2 .game-frame__frame--fix {
        max-width: calc(129.03226vh - 87.74194px)
    }
}

@media(min-width:1632px) {
    .page-game__grid--count-2 .game-frame__frame--fix {
        max-width: calc(129.03226vh - 98.06452px)
    }
}

.page-game__grid--count-4 .game-frame__frame--fix {
    max-width: calc(64.51613vh - 34.83871px)
}

@media(min-width:1248px) {
    .page-game__grid--count-4 .game-frame__frame--fix {
        max-width: calc(64.51613vh - 43.87097px)
    }
}

@media(min-width:1632px) {
    .page-game__grid--count-4 .game-frame__frame--fix {
        max-width: calc(64.51613vh - 49.03226px)
    }
}

.page-game__grid-item {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    padding: 0;
    width: 100%
}

.page-game__grid--count-4 .page-game__grid-item {
    height: calc(50vh - 22px)
}

.page-game__grid--count-4 .page-game__grid-item:last-child .select-games-search-for-grid__dropdown,
.page-game__grid--count-4 .page-game__grid-item:nth-last-child(2) .select-games-search-for-grid__dropdown {
    bottom: 60px;
    top: auto
}

.page-game__slider {
    bottom: 0;
    display: block;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 1035
}

.page-game__frame-modal {
    align-items: center;
    border: none;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: 100%
}

.page-game--mobile {
    padding: 0 0 71px
}

@media screen and (orientation:landscape) {
    .page-game--mobile {
        padding: 0 0 0 50px
    }
}

.page-game .game__title a {
    pointer-events: none
}

@media(min-width:960px) {
    .page-game--jackpot .page-game__container {
        padding-top: 80px
    }

    .page-game--jackpot .page-game__grid {
        height: calc(75vw - 84px)
    }

    .page-game--jackpot .page-game__grid--count-2 {
        height: calc(37.5vw - 42px)
    }

    .page-game--jackpot .page-game__grid--count-4 {
        height: calc(75vw - 84px)
    }

    .page-game--jackpot .page-game__grid--count-4 .page-game__grid-item {
        height: calc(50vh - 56px)
    }
}

.page-game__jackpot {
    display: none;
    left: 0;
    position: absolute;
    right: 54px;
    top: 0;
    z-index: 100
}

@media(min-width:960px) {
    .page-game__jackpot {
        display: block
    }
}

.unavailable-game {
    height: 100%
}

.unavailable-game__message {
    padding: 30px;
    text-align: center
}

.unavailable-game__games-block {
    height: 100%;
    overflow: auto
}

.game-frame {
    align-items: center;
    align-self: stretch;
    background-color: #1f2029;
    border-radius: 4px;
    display: flex;
    max-height: 100%;
    max-width: 100%
}

.game-frame,
.game-frame__empty {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    padding: 0;
    width: 100%
}

.game-frame__empty {
    display: none;
    height: 100%;
    margin: 0
}

.game-frame--empty .game-frame__empty {
    display: flex
}

.game-frame__inner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.game-frame--empty .game-frame__inner {
    display: none
}

.game-frame__head {
    align-items: center;
    display: flex;
    height: 72px;
    margin: 0;
    padding: 0 16px;
    position: relative;
    width: 100%
}

.game-frame__block-frame {
    background-color: #181a1f;
    border-radius: 0 0 4px 4px;
    flex: 1;
    height: 100%;
    overflow: hidden;
    width: 100%
}

.game-frame__block-frame,
.game-frame__frame {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0
}

.game-frame__frame {
    border: none;
    max-height: 100%;
    max-width: 100%
}

.game-frame__title {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 1.6;
    margin: 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.game-frame__controls {
    gap: 25px;
    height: 100%;
    justify-content: flex-end;
    position: absolute;
    right: 16px;
    top: 0
}

.game-frame__button,
.game-frame__controls {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap
}

.game-frame__button {
    background: transparent none;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    justify-content: center;
    line-height: 1;
    outline: none;
    padding: 0;
    text-align: center;
    text-shadow: none;
    transition: color .3s ease
}

@media(min-width:1632px) {
    .game-frame__button {
        font-size: 14px
    }
}

.game-frame__button:hover {
    color: #fee63b
}

.game-frame__button--favorite {
    font-size: 18px
}

.game-frame__search {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.game-frame__button-info {
    left: 10px;
    position: absolute
}

.page-game__grid--count-4 .game-frame .game-frame__title {
    font-size: 12px
}

@media(min-width:1632px) {
    .page-game__grid--count-4 .game-frame .game-frame__title {
        font-size: 14px
    }
}

.currency-exchange-modal.modal .modal__content-wrapper {
    width: -moz-max-content;
    width: max-content
}

.currency-exchange-modal__content-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 40px
}

.currency-exchange-modal__title {
    font-size: 24px;
    font-weight: 700
}

.currency-exchange-modal__select-wrapper {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.currency-exchange-modal__currency-symbol {
    color: #1d79dd;
    font-size: 18px;
    font-weight: 700
}

.currency-exchange-modal__buttons-wrapper {
    display: flex;
    gap: 20px
}

.game-description {
    display: inline-flex;
    width: auto
}

.game-description .game-description__button {
    display: inline-flex;
    font-size: 20px;
    width: auto
}

.game-description__content {
    align-items: center;
    background: rgba(0, 0, 0, .7);
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 1040
}

.game-description--open .game-description__content {
    display: flex
}

.game-description__inner {
    background: #212121;
    border-radius: 4px;
    max-width: 1000px;
    padding: 40px;
    position: relative;
    width: calc(100% - 20px)
}

.game-description .game-description__close-button {
    color: #c1c1c1;
    font-size: 16px;
    position: absolute;
    right: 20px;
    top: 20px;
    transition: color .3s ease
}

.game-description .game-description__close-button:hover {
    color: #fff
}

.game-required-fields-modal__title {
    color: #9a9db5;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 24px
}

@media(min-width:768px) {
    .game-required-fields-modal__title {
        margin-bottom: 48px
    }
}

.game-required-fields-modal__content {
    padding: 24px
}

.game-required-fields-modal .game-required-fields-modal__form {
    background-color: transparent;
    padding: 0
}

.game-required-fields-modal__reject-button {
    margin: 0 8px 0 0;
    min-height: 40px;
    text-transform: uppercase
}

@media(min-width:576px) {
    .game-required-fields-modal__reject-button {
        margin: 0 16px 0 0
    }
}

@media(min-width:768px) {
    .game-required-fields-modal__reject-button {
        min-height: 48px
    }
}

.game-required-fields-modal__submit-button {
    min-height: 40px
}

@media(min-width:768px) {
    .game-required-fields-modal__submit-button {
        min-height: 48px
    }
}

.game-required-fields-modal__submit-button {
    text-transform: uppercase
}

.game-required-fields-modal .dynamic-form__buttons-wrapper {
    flex-direction: row;
    justify-content: flex-end
}

.game-required-fields-modal .simple-date__day,
.game-required-fields-modal .simple-date__month {
    margin-right: 12px
}

.select-games-search-for-grid-item__results-wrp {
    scrollbar-color: #40424f
}

.select-games-search-for-grid-item__results-wrp::-webkit-scrollbar {
    height: 3px;
    width: 3px
}

.select-games-search-for-grid-item__results-wrp::-webkit-scrollbar-track {
    background: #22242c;
    border-radius: 2px
}

.select-games-search-for-grid-item__results-wrp::-webkit-scrollbar-thumb {
    background: rgba(64, 66, 79, .6);
    border-radius: 2px;
    margin: 0
}

.select-games-search-for-grid-item__results-wrp::-webkit-scrollbar-thumb:hover {
    background: #40424f
}

.select-games-search-for-grid-item__results-wrp:hover::-webkit-scrollbar-thumb {
    background: rgba(64, 66, 79, .8)
}

.select-games-search-for-grid-item {
    height: 100%;
    overflow: hidden;
    padding: 16px;
    position: relative;
    width: 100%
}

.select-games-search-for-grid-item__input-wrp {
    border-bottom: 1px solid #2e2f39;
    margin: 0 -16px;
    padding: 0 16px 14px
}

.select-games-search-for-grid-item__dropdown {
    background-color: transparent;
    height: 100%;
    left: 0;
    max-height: 100%;
    padding-bottom: 135px;
    position: absolute;
    top: 95px;
    width: 100%;
    z-index: 100
}

.select-games-search-for-grid-item__dropdown--hide {
    display: none
}

.select-games-search-for-grid-item__dropdown--empty {
    color: #c1c1c1;
    font-size: 18px
}

.select-games-search-for-grid-item__results-descr {
    padding-bottom: 16px;
    padding-left: 16px
}

.select-games-search-for-grid-item__results-ttl {
    color: #9a9db5;
    font-size: 14px;
    line-height: 1
}

.select-games-search-for-grid-item__results-wrp {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: scroll;
    padding: 5px 8px 15px
}

.select-games-search-for-grid-item__option-img-wrp {
    align-items: center;
    display: flex;
    margin: 0 12px 0 0;
    position: relative
}

.select-games-search-for-grid-item__option-img-wrp:after {
    align-items: center;
    background: #fee63b;
    border-radius: 50%;
    color: #1f2029;
    content: "";
    display: none;
    font-family: font-icons;
    height: 32px;
    justify-content: center;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 32px
}

.select-games-search-for-grid-item__option-image {
    border-radius: 8px;
    width: 62px
}

.select-games-search-for-grid-item .select-games-search-for-grid-item__option {
    border-radius: 8px;
    cursor: pointer;
    min-height: 86px;
    padding: 12px 16px
}

.select-games-search-for-grid-item .select-games-search-for-grid-item__option:hover {
    background: #40424f
}

.select-games-search-for-grid-item .select-games-search-for-grid-item__option:hover .select-games-search-for-grid-item__name {
    text-decoration: underline
}

.select-games-search-for-grid-item__option-link {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    padding: 0;
    text-align: left;
    transition: background-color .3s ease, color .3s ease;
    width: 100%
}

.select-games-search-for-grid-item__option-link:hover {
    color: #fff
}

@media(min-width:960px) {
    .select-games-search-for-grid-item__option-link {
        font-size: 14px;
        line-height: 20px
    }
}

.select-games-search-for-grid-item .select-games-search-for-grid-item__input {
    border-radius: 8px;
    padding: 0
}

.select-games-search-for-grid-item .select-games-search-for-grid-item__input input.input__native {
    background-color: transparent;
    font-size: 14px;
    height: 32px;
    padding-left: 35px;
    width: calc(100% - 50px)
}

@media(min-width:1248px) {
    .select-games-search-for-grid-item .select-games-search-for-grid-item__input input.input__native {
        height: 40px
    }
}

.select-games-search-for-grid-item .select-games-search-for-grid-item__input input.input__native:active+.input__focus-container,
.select-games-search-for-grid-item .select-games-search-for-grid-item__input input.input__native:focus+.input__focus-container,
.select-games-search-for-grid-item .select-games-search-for-grid-item__input input.input__native:hover+.input__focus-container {
    border: 1px solid #fee63b
}

.select-games-search-for-grid-item .input__left-container {
    color: #fff;
    left: 10px;
    pointer-events: none;
    position: absolute
}

.select-games-search-for-grid-item .input__right-container {
    position: absolute;
    right: 10px
}

.select-games-search-for-grid-item .input .input__native+.input__focus-container {
    background-color: transparent;
    border: 1px solid #40424f;
    border-radius: 8px;
    outline: none;
    width: calc(100% - 50px)
}

.select-games-search-for-grid-item .input .input__native+.input__focus-container:active,
.select-games-search-for-grid-item .input .input__native+.input__focus-container:focus,
.select-games-search-for-grid-item .input .input__native+.input__focus-container:hover {
    background: #2e2f39;
    border: none
}

.select-games-search-for-grid-item .font-icons--close {
    color: #fff;
    font-size: 10px
}

.select-games-search-for-grid-item__option-name {
    align-items: flex-start;
    display: inline-flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.select-games-search-for-grid-item__provider {
    color: #9a9db5;
    display: block;
    font-size: 10px;
    text-transform: capitalize
}

@media(min-width:960px) {
    .select-games-search-for-grid-item__provider {
        font-size: 12px
    }
}

.select-games-search-for-grid-item__close-icon {
    margin-left: 5px
}

.game-panel {
    scrollbar-width: none
}

.game-panel::-webkit-scrollbar {
    display: none
}

.game-panel {
    align-items: flex-start;
    background: #181a1f;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: flex-start;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    padding: 24px 8px 48px;
    position: absolute;
    right: auto;
    top: 0;
    transition: width .3s ease;
    width: 56px;
    z-index: 1025
}

@media(max-height:700px) {
    .game-panel {
        padding-bottom: 20px
    }
}

.game-panel:hover {
    padding: 24px 16px 48px;
    width: 244px
}

.game-panel__logo-wrp {
    align-items: center;
    border: 1px solid #40424f;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin-bottom: 24px;
    min-height: 40px;
    width: 100%
}

.game-panel:hover .game-panel__logo-wrp {
    border: none
}

.game-panel__logo-wrp .logo {
    display: none
}

.game-panel:hover .game-panel__logo-wrp .logo {
    display: block
}

.game-panel:hover .game-panel__logo-short {
    display: none
}

.game-panel__currency {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.game-panel__chat {
    background: none;
    display: block;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.game-panel__chat .live-chat-button {
    background: none
}

.game-panel__chat .live-chat-button__text {
    -webkit-text-stroke: initial;
    display: none
}

.game-panel:hover .game-panel__chat {
    padding-left: 8px;
    text-align: left
}

.game-panel:hover .game-panel__chat .live-chat-button__text {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    padding: 5px 10px;
    text-transform: capitalize
}

.game-panel:hover .game-panel__chat .live-chat-button__text:active,
.game-panel:hover .game-panel__chat .live-chat-button__text:hover,
.game-panel:hover .game-panel__chat--active .live-chat-button__text,
.game-panel__chat--active .live-chat-button__icon {
    color: #fee63b
}

.game-panel__controls {
    display: block;
    margin: 10px 0 0;
    text-align: center;
    width: 100%
}

.game-panel:hover .game-panel__controls {
    padding-left: 4px;
    text-align: left
}

.game-panel__auth {
    display: block;
    margin-bottom: 8px;
    width: 100%
}

.game-panel__menu {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 12px 0 0;
    padding: 0;
    width: 100%
}

.game-auth {
    display: block;
    padding: 0;
    width: 100%
}

.game-auth .game-auth__button {
    font-size: 16px;
    min-height: 44px;
    min-width: 100%;
    padding: 0;
    width: 100%
}

.game-auth .game-auth__button+.game-auth__button {
    margin-top: 10px
}

.game-panel:not(:hover) .game-auth .game-auth__button {
    border-radius: 50%;
    min-height: 40px;
    width: 40px
}

.game-auth__btn-icon {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    vertical-align: top
}

.game-auth__btn-icon--signup {
    font-size: 19px
}

.game-auth__btn-icon--deposit {
    font-size: 17px
}

.game-auth__btn-text {
    display: none;
    vertical-align: top
}

.game-panel:hover .game-auth .game-auth__btn-icon {
    margin-right: 8px
}

.game-panel:hover .game-auth .game-auth__btn-text {
    display: inline-block
}

.game-currency {
    border-radius: 8px;
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: normal;
    line-height: 1.2;
    padding: 0;
    position: relative;
    text-align: center;
    width: 100%
}

.game-currency__button {
    align-items: center;
    background-color: #40424f;
    background-image: none;
    border: none;
    border-radius: 8px;
    box-shadow: none;
    color: inherit;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-weight: inherit;
    height: 34px;
    justify-content: center;
    margin: 0;
    min-height: 34px;
    outline: none;
    position: relative;
    text-shadow: none;
    transition: border-radius .3s ease;
    width: 100%
}

.game-currency--one .game-currency__button {
    pointer-events: none
}

.game-currency__button.input--disabled {
    background-color: #2e2f39 !important;
    border: none !important;
    color: inherit !important;
    cursor: not-allowed
}

.game-currency__button .input__focus-container {
    background-color: transparent;
    border: none
}

.game-currency__code {
    text-align: center !important
}

.game-currency__caret {
    display: none;
    font-size: 8px;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 0 auto;
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: top;
    transition: transform .3s ease;
    vertical-align: top;
    z-index: 10
}

.game-currency--open .game-currency__caret {
    transform: rotateX(180deg) translateY(-50%)
}

.game-currency__list {
    background-color: #2e2f39;
    border-radius: 8px;
    display: none;
    left: 0;
    margin: 4px 0 0;
    padding: 8px;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 100
}

.game-panel:hover .game-currency--open .game-currency__list {
    display: block
}

.game-currency__item {
    cursor: pointer;
    display: block;
    margin: 0;
    width: 100%
}

.game-currency__link {
    align-items: center;
    border-radius: 8px;
    color: inherit;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-weight: inherit;
    justify-content: center;
    min-height: 48px;
    text-decoration: none;
    transition: background-color .3s ease;
    width: 100%
}

.game-currency__item--active .game-currency__link {
    background-color: #40424f
}

.game-currency__link:hover {
    background-color: #1f2029;
    color: #fee63b
}

.game-currency__item--active .game-currency__link {
    cursor: default
}

.game-panel:hover .game-currency .game-currency__button {
    height: 48px;
    min-height: 48px
}

.game-panel:hover .game-currency .game-currency__caret,
.game-panel:hover .game-currency .game-currency__label {
    display: inline-block
}

.game-panel:hover .game-currency--one .game-currency__caret {
    display: none
}

.game-panel:hover .game-currency .game-currency__button {
    justify-content: center;
    padding: 0 24px
}

.input {
    align-items: center;
    border-radius: 8px;
    color: #fff;
    cursor: text;
    display: flex;
    padding: 0 16px;
    position: relative;
    transition: background-color .3s ease;
    width: 100%;
    z-index: 10
}

.input__left-container {
    display: flex;
    margin-right: 10px
}

.input__right-container {
    display: flex;
    margin-left: 16px
}

.input .input__native,
.input--default .input__native {
    color: #fff
}

.input .input__native+.input__focus-container,
.input--default .input__native+.input__focus-container {
    background: #1f2029;
    border-color: #40424f
}

.input .input__native:hover:not([disabled]),
.input--default .input__native:hover:not([disabled]) {
    color: #fff
}

.input .input__native:hover:not([disabled])+.input__focus-container,
.input--default .input__native:hover:not([disabled])+.input__focus-container {
    background: #1f2029 none;
    border-color: #fff
}

.input .input__native:focus:not([disabled]),
.input--default .input__native:focus:not([disabled]) {
    color: #fff
}

.input .input__native:focus:not([disabled])+.input__focus-container,
.input--default .input__native:focus:not([disabled])+.input__focus-container {
    background: #1f2029 none;
    border-color: #fff
}

.input--empty .input__native {
    color: #9a9db5
}

.input--empty .input__native+.input__focus-container {
    background: #1f2029 none;
    border-color: #40424f
}

.input--empty .input__native:hover {
    color: #9a9db5
}

.input--empty .input__native:hover+.input__focus-container {
    background: #1f2029 none;
    border-color: #fff
}

.input--empty .input__native:focus {
    color: #fff
}

.input--empty .input__native:focus+.input__focus-container {
    background: #1f2029 none;
    border-color: #fff
}

.input__native {
    background-color: transparent;
    border: none;
    caret-color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    letter-spacing: normal;
    line-height: 1;
    margin: 1px 0;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: none;
    transition: color .3s ease;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%
}

@media(min-width:768px) {
    .input__native {
        font-size: 16px;
        height: 46px
    }
}

.input__native[name=mobile_phone-code] {
    min-height: 46px;
    min-width: 42px
}

.input__native:active,
.input__native:focus,
.input__native:hover {
    background-color: transparent;
    box-shadow: none;
    outline: none
}

.input__native::-moz-placeholder {
    color: #9a9db5 !important;
    line-height: 44px !important;
    opacity: 1;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.input__native::-webkit-input-placeholder {
    color: #9a9db5 !important;
    line-height: normal;
    opacity: 1;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.input__native:hover::-moz-placeholder {
    color: #9a9db5 !important;
    opacity: 1
}

.input__native:hover::-webkit-input-placeholder {
    color: #9a9db5 !important;
    opacity: 1
}

.input__native:focus::-moz-placeholder {
    color: rgba(154, 157, 181, .5) !important;
    opacity: 1
}

.input__native:focus::-webkit-input-placeholder {
    color: rgba(154, 157, 181, .5) !important;
    opacity: 1
}

.input__native:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    background: #1f2029 !important;
    background-clip: content-box !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: inset 0 0 0 100px #1f2029 !important;
    color: #fff !important;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease !important;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease !important
}

.input__native:-webkit-autofill:active,
.input__native:-webkit-autofill:active:focus,
.input__native:-webkit-autofill:active:hover,
.input__native:-webkit-autofill:focus,
.input__native:-webkit-autofill:focus:hover,
.input__native:-webkit-autofill:hover {
    -webkit-text-fill-color: #fff !important;
    box-shadow: inset 0 0 0 100px #1f2029 none !important;
    color: #fff !important
}

.input__native:-webkit-autofill:active:not(:hover) {
    -webkit-text-fill-color: #fff !important
}

.input__focus-container {
    background: #1f2029;
    border: 1px solid #40424f;
    border-radius: 8px;
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: border-color .3s ease;
    z-index: -1
}

.input--disabled {
    background: transparent none !important;
    border-color: #6d6a71 !important;
    color: #c1c1c1 !important
}

.input--error .input__native+.input__focus-container {
    border-color: #ff3c7e
}

.input--warning .input__native+.input__focus-container {
    border-color: #ff9500
}

.input--warning .input__native:focus+.input__focus-container,
.input--warning .input__native:hover+.input__focus-container {
    border-color: #995900
}

.input--success .input__native+.input__focus-container {
    border-color: #48a902
}

.input--success .input__native:focus+.input__focus-container,
.input--success .input__native:hover+.input__focus-container {
    border-color: #1d4401
}

.game-currency .input__native:not([disabled]) {
    cursor: pointer
}

.game-currency .input--disabled,
.game-currency .input--disabled * {
    cursor: auto
}

.game-menu {
    display: block;
    padding: 0;
    width: 100%
}

.game-menu__item {
    align-items: center;
    background: transparent none;
    border: none;
    box-shadow: none;
    color: #8a8d99;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-start;
    line-height: 1.2;
    margin: 0 0 5px;
    min-height: 48px;
    outline: none;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    transition: background-color .3s ease, color .3s ease, padding .3s ease;
    width: 100%
}

.game-menu__item--active,
.game-menu__item--active .game-menu__title,
.game-menu__item:hover,
.game-menu__item:hover .game-menu__title {
    color: #fee63b
}

.game-menu__item--random .game-menu__icon {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.game-menu__item--random a.link-btn {
    align-items: center;
    background: none;
    color: inherit;
    display: flex;
    font-weight: 400;
    justify-content: flex-start;
    opacity: 0;
    padding: 0 0 0 40px;
    width: 100%
}

.game-menu__search-wrp {
    border-bottom: 1px solid #40424f;
    display: none;
    margin-bottom: 16px;
    padding-bottom: 24px;
    width: 100%
}

.game-menu__icon {
    display: inline-block;
    flex-shrink: 0;
    font-size: 18px;
    text-align: center;
    vertical-align: top;
    width: 40px
}

.game-menu__item--promotions .game-menu__icon {
    font-size: 15px
}

.game-menu__title {
    color: #fff;
    display: none;
    min-width: 150px;
    padding: 5px 10px 5px 0;
    text-transform: capitalize;
    vertical-align: top
}

.game-panel:hover .game-menu .game-menu__title {
    display: inline-block
}

.game-panel:hover .game-menu .game-menu__search-wrp {
    display: block
}

.game-panel:hover .game-menu .game-menu__item--random a.link-btn {
    color: #fff;
    opacity: 1
}

.game-panel:hover .game-menu .game-menu__icon--search {
    display: none
}

.select-games-search-for-sidebar__dropdown {
    scrollbar-width: none
}

.select-games-search-for-sidebar__dropdown::-webkit-scrollbar {
    display: none
}

.select-games-search-for-sidebar {
    height: 100%;
    position: relative;
    width: 100%
}

.select-games-search-for-sidebar__input-wrp {
    margin: 0;
    padding: 0
}

.select-games-search-for-sidebar__dropdown {
    background-color: #1f2029;
    border: 1px solid #40424f;
    border-radius: 8px;
    box-shadow: 0 8px 8px 0 rgba(0, 0, 0, .5);
    display: none;
    height: auto;
    left: 0;
    max-height: 400px;
    overflow: auto;
    position: absolute;
    top: 55px;
    width: 100%;
    z-index: 100
}

.select-games-search-for-sidebar__dropdown--hide {
    display: none
}

.select-games-search-for-sidebar__dropdown--empty {
    color: #c1c1c1;
    font-size: 18px
}

.select-games-search-for-sidebar__dropdown--open {
    display: block
}

.select-games-search-for-sidebar__results-descr {
    padding-left: 16px;
    padding-top: 16px
}

.select-games-search-for-sidebar__results-ttl {
    color: #9a9db5;
    font-size: 14px;
    line-height: 1
}

.select-games-search-for-sidebar__results-wrp {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 12px 8px 15px
}

.select-games-search-for-sidebar__option-image {
    border-radius: 8px;
    margin: 0 8px 0 0;
    width: 48px
}

.select-games-search-for-sidebar .select-games-search-for-sidebar__option {
    border-radius: 8px;
    cursor: pointer;
    min-height: 86px;
    padding: 12px 16px
}

.select-games-search-for-sidebar .select-games-search-for-sidebar__option:hover {
    background: #40424f
}

.select-games-search-for-sidebar .select-games-search-for-sidebar__option:hover .select-games-search-for-sidebar__name {
    text-decoration: underline
}

.select-games-search-for-sidebar__option-link {
    align-items: center;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    padding: 0;
    text-align: left;
    transition: background-color .3s ease, color .3s ease;
    width: 100%
}

.select-games-search-for-sidebar__option-link:hover {
    color: #fff
}

@media(min-width:960px) {
    .select-games-search-for-sidebar__option-link {
        font-size: 14px;
        line-height: 20px
    }
}

.select-games-search-for-sidebar .select-games-search-for-sidebar__input {
    border-radius: 8px;
    padding: 0
}

.select-games-search-for-sidebar .select-games-search-for-sidebar__input input.input__native {
    background-color: transparent;
    font-size: 14px;
    height: 32px;
    padding-left: 35px;
    width: calc(100% - 50px)
}

@media(min-width:1248px) {
    .select-games-search-for-sidebar .select-games-search-for-sidebar__input input.input__native {
        height: 48px
    }
}

.select-games-search-for-sidebar .select-games-search-for-sidebar__input input.input__native:active+.input__focus-container,
.select-games-search-for-sidebar .select-games-search-for-sidebar__input input.input__native:focus+.input__focus-container,
.select-games-search-for-sidebar .select-games-search-for-sidebar__input input.input__native:hover+.input__focus-container {
    border: 1px solid #fee63b
}

.select-games-search-for-sidebar .input__left-container {
    color: #fff;
    left: 10px;
    pointer-events: none;
    position: absolute
}

.select-games-search-for-sidebar .input__right-container {
    position: absolute;
    right: 10px
}

.select-games-search-for-sidebar .input .input__native+.input__focus-container {
    background-color: transparent;
    border: 1px solid #40424f;
    border-radius: 8px;
    outline: none;
    width: 100%
}

.select-games-search-for-sidebar .input .input__native+.input__focus-container:active,
.select-games-search-for-sidebar .input .input__native+.input__focus-container:focus,
.select-games-search-for-sidebar .input .input__native+.input__focus-container:hover {
    background: #2e2f39;
    border: none
}

.select-games-search-for-sidebar .font-icons--close {
    color: #fff;
    font-size: 10px
}

.select-games-search-for-sidebar__option-name {
    align-items: flex-start;
    display: inline-flex;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    width: 100%
}

.select-games-search-for-sidebar__provider {
    color: #9a9db5;
    display: block;
    font-size: 10px;
    text-transform: capitalize
}

@media(min-width:960px) {
    .select-games-search-for-sidebar__provider {
        font-size: 12px
    }
}

.select-games-search-for-sidebar__close-icon {
    position: absolute;
    right: 8px;
    top: -12px
}

.game-tile__random-play.link-btn {
    border: none;
    display: block
}

.game-tile__random-play.link-btn:hover {
    background-color: transparent
}

.game-slider {
    background-color: #181a1f;
    bottom: 0;
    display: block;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.game-slider.page-slider {
    background: none
}

.game-slider .promo-cards-slider.slick-slider .slick-dots {
    display: none !important
}

.game-slider__head {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 14px;
    font-weight: 700;
    justify-content: center;
    line-height: 1.2;
    margin: 0;
    min-height: 60px;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-transform: none;
    width: 100%
}

.game-slider__close {
    background: #40424f;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    height: 32px;
    left: 16px;
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: color .3s ease;
    width: 32px
}

.game-slider__close:hover {
    color: #c1c1c1
}

.game-slider__content {
    display: block;
    margin: 0;
    padding: 0 16px 16px;
    position: relative;
    width: 100%
}

.game-slider__container {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.game-slider__list {
    align-items: center;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: auto
}

.game-slider__not-found {
    color: #c1c1c1;
    text-transform: uppercase
}

.game-slider__item {
    align-items: center;
    align-self: stretch;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center
}

.game-slider__title {
    text-transform: capitalize
}

.winners-game {
    position: relative
}

.winners-game .winners-game__item {
    background: transparent;
    padding: 16px;
    width: 280px
}

.winners-game .winners-game__item .winner__info {
    padding: 0 16px
}

.winners-game .winners-game__item .winner__game {
    font-size: 14px;
    line-height: 1.4
}

.winners-game .winners-game__item .winner__username {
    font-size: 12px;
    line-height: 1
}

.winners-game .winners-game__item .winner__sum {
    line-height: 1
}

.game-controls {
    display: inline-flex;
    width: auto
}

.game-controls,
.game-controls__list {
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    max-width: 100%;
    padding: 0
}

.game-controls__list {
    grid-column-gap: 8px;
    display: inline-grid;
    grid-template-columns: 1fr;
    margin: 0;
    width: 100%
}

.game-controls__item {
    align-items: center;
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    width: auto
}

.game-controls__item:first-child {
    display: inline-flex
}

.game-controls__button {
    align-items: center;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 8px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 20px;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    margin: 0;
    outline: none;
    padding: 0;
    text-shadow: none;
    transition: background-color .3s ease, color .3s ease, width .3s ease, height .3s ease, font-size .3s ease;
    width: 36px
}

.game-controls__button--fullscreen {
    font-size: 18px
}

html:fullscreen .game-controls__button .font-icons--fullscreen {
    display: none
}

.game-controls__button .font-icons--fullscreen-close {
    display: none
}

html:fullscreen .game-controls__button .font-icons--fullscreen-close {
    display: block
}

.game-controls__button--active,
.game-controls__button:hover {
    color: #fee63b
}

.game-controls__button[disabled] {
    color: #fff;
    cursor: not-allowed
}

.game-panel:hover .game-controls .game-controls__list {
    grid-template-columns: repeat(4, 1fr)
}

.game-panel:hover .game-controls .game-controls__item {
    display: inline-flex
}

.game-box-v2 {
    height: 100%
}

.game-box-mobile-info {
    bottom: 5px;
    left: 3px;
    position: fixed;
    z-index: 1020
}

@media screen and (orientation:landscape) {
    .game-box-mobile-info {
        bottom: auto;
        left: 10px;
        top: 5px
    }
}

.game-panel-mob {
    background-color: #1f2029;
    bottom: 0;
    display: block;
    left: 0;
    padding: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 1055
}

@media screen and (orientation:landscape) {
    .game-panel-mob {
        height: 100%;
        right: auto;
        top: 0;
        width: 50px
    }
}

.game-panel-mob__list {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 16px 0 17px;
    width: 100%
}

@media screen and (orientation:landscape) {
    .game-panel-mob__list {
        align-items: center;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        padding: 16px 0
    }
}

.game-panel-mob__item {
    align-items: flex-end;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin: 0;
    padding: 0;
    position: relative;
    width: 20%
}

@media screen and (orientation:landscape) {
    .game-panel-mob__item {
        width: auto
    }
}

.game-panel-mob__link {
    align-items: center;
    color: #9a9db5;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    font-size: 12px;
    font-weight: 600;
    justify-content: flex-end;
    line-height: 1;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: capitalize;
    transition: color .3s ease;
    width: 100%
}

.game-panel-mob__link:active,
.game-panel-mob__link:focus,
.game-panel-mob__link:hover {
    outline: none;
    text-decoration: none
}

.game-panel-mob__link--curr {
    color: #fee63b
}

@media screen and (orientation:landscape) {
    .game-panel-mob__title {
        display: none
    }
}

.game-panel-mob__icon {
    font-size: 18px;
    margin-bottom: 8px
}

.game-panel-mob__icon--menu {
    font-size: 12px
}

.game-panel-mob__item--main .game-panel-mob__icon {
    align-items: center;
    background: #fee63b none;
    border-radius: 50%;
    color: #000;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 18px;
    height: 40px;
    justify-content: center;
    left: 50%;
    margin: 0 auto 4px;
    opacity: 1;
    position: absolute;
    top: -50px;
    transform: translate(-50%);
    transition: color .3s ease;
    width: 40px
}

@media screen and (orientation:landscape) {
    .game-panel-mob__item--main .game-panel-mob__icon {
        top: 50%;
        transform: translate(-50%, -50%)
    }
}

.game-panel-mob__item--main .game-panel-mob__link:hover .game-panel-mob__icon {
    color: #ffe458
}

.game-session-close-modal__content {
    line-height: 1.5;
    padding: 32px
}

.game-session-close-modal__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 40px
}

.game-session-close-modal.modal .modal__close-button {
    right: 10px;
    top: 10px
}

.reality-check-modal__body {
    line-height: 1.5;
    padding: 32px
}

.reality-check-modal__buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 40px
}

.reality-check-modal__buttons .btn {
    margin-bottom: 10px
}

.reality-check-modal.modal .modal__close-button {
    display: none
}


.games {
    padding-top: 10px
}

@media(min-width: 768px) {
    .games {
        padding: 0
    }
}

.games__section {
    display: block;
    margin: 0;
    width: 100%
}

.games__section--winners {
    margin-bottom: 20px
}

.games__catalog {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%
}

.games__filter {
    display: block;
    margin: 0 0 20px;
    width: 100%
}

@media(min-width: 768px) {
    .games__filter {
        margin-bottom: 40px
    }
}

.favorite-games {
    display: block;
    overflow: hidden;
    padding: 0 0 40px;
    width: 100%
}

.favorite-games__not-found {
    color: #c1c1c1;
    text-transform: uppercase
}

.favorite-games__subtitle {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px
}

.favorite-games__list {
    grid-row-gap: 8px;
    grid-column-gap: 8px;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 1fr);
    width: 100%
}

@media(min-width: 768px) {
    .favorite-games__list {
        grid-row-gap: 8px;
        grid-column-gap: 8px;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width: 960px) {
    .favorite-games__list {
        grid-row-gap: 8px;
        grid-column-gap: 8px;
        grid-template-columns: repeat(4, 1fr)
    }
}

@media(min-width: 1248px) {
    .favorite-games__list {
        grid-row-gap: 8px;
        grid-column-gap: 8px;
        grid-template-columns: repeat(6, 1fr)
    }
}

@media(min-width: 1632px) {
    .favorite-games__list {
        grid-row-gap: 8px;
        grid-column-gap: 8px;
        grid-template-columns: repeat(6, 1fr)
    }
}

@media(min-width: 1920px) {
    .favorite-games__list {
        grid-row-gap: 8px;
        grid-column-gap: 8px;
        grid-template-columns: repeat(6, 1fr)
    }
}

.favorite-games__item {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    width: 100%
}

.favorite-games__item--first,
.favorite-games__item--last {
    grid-column: span 2
}

.favorite-games__more {
    display: block;
    margin: 0;
    padding: 8px 0 0;
    text-align: center;
    width: 100%
}

@media(min-width: 768px) {
    .favorite-games__more {
        padding-top: 16px
    }
}

@media(min-width: 960px) {
    .favorite-games__more {
        padding-top: 24px
    }
}

@media(min-width: 1632px) {
    .favorite-games__more {
        padding-top: 32px
    }
}

.home {
    display: block;
    padding: 0 0 20px;
    width: 100%
}

.home__slider {
    border-radius: 8px;
    margin: 0 0 25px;
    min-height: 200px
}

@media(min-width: 768px) {
    .home__slider {
        min-height: 218px
    }
}

@media(min-width: 960px) {
    .home__slider {
        margin-bottom: 40px;
        min-height: 288px
    }
}

@media(min-width: 1632px) {
    .home__slider {
        min-height: 376px
    }
}

.home__promo-slider {
    margin-bottom: 35px;
    min-height: 182px
}

@media(min-width: 768px) {
    .home__promo-slider {
        margin-bottom: 45px;
        min-height: 252px
    }
}

.home .home__section {
    margin-bottom: 20px
}

@media(min-width: 768px) {
    .home .home__section {
        margin-bottom: 40px
    }
}

.home .home__section--games .games-catalog {
    min-height: 170px
}

@media(min-width: 768px) {
    .home .home__section--games .games-catalog {
        min-height: 238px
    }
}

.home .home__section--advantages {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media(min-width: 768px) {
    .home .home__section--advantages {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.home__winners {
    margin-bottom: 20px
}

@media(min-width: 768px) {
    .home__winners {
        margin-bottom: 36px
    }
}

@media(min-width: 960px) {
    .home__winners {
        margin-bottom: 44px
    }
}

.home__payments {
    margin-bottom: 20px
}

.home__filter {
    display: block;
    margin: 0 0 24px;
    width: 100%
}

@media(min-width: 768px) {
    .home__filter {
        min-height: 84px
    }
}

.home .home__random-game {
    margin: 0 auto 50px
}

.home__stories-wrp {
    margin-right: -16px;
    overflow: auto;
    padding: 15px 0 15px 3px
}

.stories {
    align-items: center;
    display: flex;
    gap: 15px;
    padding-right: 16px
}

.stories__container {
    height: 100%;
    position: relative
}

.stories__unavailable {
    background-color: #000;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%)
}

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

.stories__preview:before {
    background: linear-gradient(90deg, #fee63b, #a93bfe);
    border-radius: 50%;
    content: "";
    height: calc(100% + 6px);
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 6px);
    z-index: -1
}

.stories__preview img {
    border-radius: 50%;
    cursor: pointer;
    height: 64px
}

.stories__preview--new:before {
    background: #fee63b
}

.stories__progress-bar {
    height: 10px;
    left: 50%;
    position: absolute;
    top: 20px;
    transform: translate(-50%);
    width: calc(100% - 40px);
    z-index: 3
}

.stories__modal .modal__content-wrapper {
    max-width: 296px;
    width: 296px
}

.stories__modal .modal__content {
    background: rgba(58, 58, 58, .53);
    border-radius: 12px
}

.stories__modal .modal__close-button {
    background: rgba(0, 0, 0, .24);
    height: 32px;
    right: 20px;
    top: 32px;
    width: 32px;
    z-index: 2
}

.stories__modal .stories__content {
    max-height: 600px;
    overflow: hidden
}

.stories__modal .stories__buttons {
    text-align: center
}

.stories__fullscreen .modal__content-wrapper {
    max-width: 100%;
    width: 100%
}

.stories__fullscreen .modal__content {
    height: 100vh;
    margin: 0;
    overflow: hidden
}

.stories__fullscreen .stories__buttons {
    bottom: 0;
    position: absolute
}

@keyframes progress-bar {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.stories-progress-bar {
    background: #40424f;
    border-radius: 4px;
    height: 2px;
    overflow: hidden
}

.stories-progress-bar__inner {
    background: #fee63b;
    height: 100%;
    width: 0
}

.stories-progress-bar__inner--animation {
    animation-name: stories-progress-bar;
    animation-timing-function: linear
}

@keyframes stories-progress-bar {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.stories-story {
    border-radius: 12px;
    display: flex;
    min-height: 580px;
    overflow: hidden;
    padding: 100px 20px 20px;
    position: relative
}

.stories-story__image {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.stories-story__content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100%;
    width: 100%;
    z-index: 2
}

.stories-story-background-animation {
    filter: blur(20px);
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.stories-story-background-animation img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.stories-story-label {
    margin: 0 auto 25px;
    max-width: 100px
}

.stories-story-title {
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 20px;
    text-align: center
}

.stories-story-title--animation {
    animation: story-title-animation 1s ease-in-out infinite alternate
}

@keyframes story-title-animation {
    0% {
        transform: scale(.97)
    }

    to {
        transform: scale(1.03)
    }
}

.stories-story-prize {
    animation: bell 2s ease-in-out infinite;
    background: linear-gradient(270deg, #43ccdf, #557aff);
    border-radius: 32px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
    padding: 8px 12px;
    text-align: center
}

.stories-story-prize--red {
    background: linear-gradient(270deg, #fca14e, #fe59a8)
}

.stories-story-image {
    animation: pulse 2s ease-in-out infinite;
    aspect-ratio: 1/1 auto;
    margin: 0 auto 20px;
    max-width: 124px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.stories-story-image__image {
    width: 100%
}

.stories-story-link {
    align-items: flex-end;
    display: flex;
    flex-grow: 1;
    justify-content: center;
    width: 100%
}

.stories-story-link .stories-story-link__link {
    min-height: 40px;
    padding: 12px 24px;
    width: 100%
}

.stories-story-link .stories-story-link__link--animation {
    animation: story-link-animation 1s ease-in-out infinite alternate
}

.stories-story-link .stories-story-link__link--image {
    box-shadow: none;
    padding: 0;
    width: 100%
}

.stories-story-link__animation-img {
    bottom: 0;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1
}

@keyframes story-link-animation {
    0% {
        transform: scale(.97)
    }

    to {
        transform: scale(1.03)
    }
}

.stories-story-text {
    color: #fff;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 20px
}

.stories-story-bonus-code {
    margin-bottom: 20px
}

.stories-story-bonus-code__btn {
    align-items: center;
    background: #40424f;
    border-radius: 32px;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    gap: 8px;
    line-height: 1;
    min-height: 57px;
    padding: 0 24px;
    position: relative;
    text-align: center
}

.stories-story-bonus-code__btn i {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(270deg, #bbd66e, #6ad068);
    -webkit-background-clip: text;
    font-size: 20px
}

.stories-story-bonus-code__btn:active,
.stories-story-bonus-code__btn:hover {
    cursor: pointer;
    opacity: .8
}

.stories-story-bonus-code__btn-text {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(270deg, #bbd66e, #6ad068);
    -webkit-background-clip: text
}

.stories-story-bonus-code__title {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 9px;
    text-align: center;
    text-transform: uppercase
}

@media(min-width: 1248px) {
    .winners-with-type-choice {
        padding: 0
    }
}

.winners-with-type-choice__container {
    margin: 0 auto;
    text-align: center
}

.winners-with-type-choice__buttons {
    grid-gap: 16px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: flex-start;
    position: relative
}

.winners-with-type-choice__buttons--reverse {
    direction: rtl;
    justify-content: end
}

.winners-with-type-choice .winners-with-type-choice__button {
    color: #9a9db5;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    margin: 0 0 18px;
    text-align: left
}

@media(min-width: 768px) {
    .winners-with-type-choice .winners-with-type-choice__button {
        font-size: 16px
    }
}

.winners-with-type-choice .winners-with-type-choice__button:active,
.winners-with-type-choice .winners-with-type-choice__button:focus,
.winners-with-type-choice .winners-with-type-choice__button:hover {
    color: #6d6a71
}

.winners-with-type-choice .winners-with-type-choice__button--active,
.winners-with-type-choice .winners-with-type-choice__button--active:active,
.winners-with-type-choice .winners-with-type-choice__button--active:focus,
.winners-with-type-choice .winners-with-type-choice__button:hover {
    color: #fee63b
}

.winners-on-page--static {
    scrollbar-width: none
}

.winners-on-page--static::-webkit-scrollbar {
    display: none
}

@media(max-width: 767px) {
    .winners-on-page--static {
        scrollbar-width: none
    }

    .winners-on-page--static::-webkit-scrollbar {
        display: none
    }
}

.winners-on-page {
    position: relative
}

.winners-on-page--static {
    display: flex;
    gap: 12px;
    overflow: auto;
    padding-right: 16px;
    width: calc(100% + 16px)
}

.winners-on-page--static .winners-on-page__item {
    flex-shrink: 0
}

.skeleton-winner-tile {
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    height: 100%;
    min-height: 62px;
    overflow: hidden;
    padding: 0;
    position: relative;
    transition: background-color .3s ease;
    width: 172px
}

.skeleton-winner-tile__skeleton {
    border-radius: 5px;
    height: 1.1em;
    margin-top: .1em;
    overflow: hidden;
    position: relative
}

@keyframes pulse {

    0%,
    to {
        transform: scale(.95)
    }

    50% {
        transform: scale(1)
    }
}

@keyframes shimmer {
    to {
        transform: translateX(100%)
    }
}

@keyframes bell {
    0% {
        transform: rotate(-10deg)
    }

    50% {
        transform: rotate(10deg)
    }

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

.skeleton-box {
    background-color: #2e2f39;
    display: block;
    overflow: hidden
}

.skeleton-box,
.skeleton-box__inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.skeleton-box__inner {
    animation: shimmer 1.2s infinite;
    background: linear-gradient(90deg, hsla(53, 99%, 71%, 0), #feec6e 50%, hsla(53, 99%, 71%, 0));
    transform: translateX(-100%)
}

.payments-static {
    scrollbar-width: none
}

.payments-static::-webkit-scrollbar {
    display: none
}

@media(max-width: 767px) {
    .payments-static {
        scrollbar-width: none
    }

    .payments-static::-webkit-scrollbar {
        display: none
    }
}

.payments-static {
    align-items: center;
    background: #2e2f39;
    border-radius: 8px;
    display: flex;
    gap: 5px;
    height: 40px;
    justify-content: space-between;
    overflow: auto;
    padding: 5px 8px;
    transition: opacity .3s ease;
    width: 100%
}

.payments-static:active,
.payments-static:hover {
    opacity: .8
}

@media(min-width: 960px) {
    .payments-static {
        height: 48px;
        padding: 5px 32px
    }
}

@media(min-width: 1248px) {
    .payments-static {
        padding: 5px 58px
    }
}

@media(min-width: 1632px) {
    .payments-static {
        height: 56px
    }
}

.payments-static__item {
    max-height: 100%;
    max-width: 36px
}

@media(min-width: 768px) {
    .payments-static__item {
        max-width: none
    }
}

@media(max-width: 767px) {
    .promotions-slider--static {
        scrollbar-width: none
    }

    .promotions-slider--static::-webkit-scrollbar {
        display: none
    }
}

.promotions-slider.slick-slider {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    display: block;
    position: relative;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.promotions-slider.slick-slider .slick-list {
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative
}

.promotions-slider.slick-slider .slick-list:focus {
    outline: none
}

.promotions-slider.slick-slider .slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.promotions-slider.slick-slider .slick-list,
.promotions-slider.slick-slider .slick-track {
    transform: translateZ(0)
}

.promotions-slider.slick-slider .slick-track {
    display: block;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 0
}

.promotions-slider.slick-slider .slick-track:after,
.promotions-slider.slick-slider .slick-track:before {
    content: "";
    display: table
}

.promotions-slider.slick-slider .slick-track:after {
    clear: both
}

.slick-loading .promotions-slider.slick-slider .slick-track {
    visibility: hidden
}

.promotions-slider.slick-slider .slick-slide {
    display: none;
    float: left;
    height: 100%;
    margin-left: 4px;
    min-height: 1px
}

@media(min-width: 768px) {
    .promotions-slider.slick-slider .slick-slide {
        margin-left: 12px
    }
}

.promotions-slider.slick-slider .slick-slide:first-child {
    margin-left: 0
}

[dir=rtl] .promotions-slider.slick-slider .slick-slide {
    float: right
}

.promotions-slider.slick-slider .slick-slide img:not(.image--hidden) {
    display: block
}

.promotions-slider.slick-slider .slick-slide.slick-loading img {
    display: none
}

.promotions-slider.slick-slider .slick-slide.dragging img {
    pointer-events: none
}

.promotions-slider.slick-slider.slick-initialized .slick-slide {
    display: block
}

.promotions-slider.slick-slider.slick-loading .slick-slide {
    visibility: hidden
}

.promotions-slider.slick-slider.slick-vertical .slick-slide {
    border: 1px solid transparent;
    display: block;
    height: auto
}

.promotions-slider.slick-slider .slick-arrow.slick-hidden {
    display: none
}

@media(min-width: 960px) {
    .home .promotions-slider.slick-slider .slick-arrow {
        height: 40px;
        width: 40px
    }
}

.home .promotions-slider.slick-slider .slick-arrow.slick-prev {
    right: 40px
}

@media(min-width: 960px) {
    .home .promotions-slider.slick-slider .slick-arrow.slick-prev {
        right: 46px
    }
}

.promotions-slider--static {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    overflow: auto
}

.advantage-card {
    background: #2e2f39;
    border-radius: 8px;
    color: #fff;
    padding: 12px
}

@media(min-width: 768px) {
    .advantage-card {
        padding: 16px
    }
}

.advantage-card__head {
    align-items: center;
    display: flex;
    margin-bottom: 6px
}

@media(min-width: 768px) {
    .advantage-card__head {
        margin-bottom: 12px
    }
}

.advantage-card__img {
    margin-right: 8px;
    width: 24px
}

@media(min-width: 768px) {
    .advantage-card__img {
        margin-right: 14px;
        width: 30px
    }
}

.advantage-card__ttl {
    font-size: 16px;
    font-weight: 600;
    line-height: 21px
}

@media(min-width: 768px) {
    .advantage-card__ttl {
        font-size: 20px;
        line-height: 1.2
    }
}

.advantage-card__descr {
    color: #9a9db5;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4
}

@media(min-width: 768px) {
    .advantage-card__descr {
        font-size: 14px
    }
}