.casino-slots-no-games__caption {
    margin: 0;
    padding: 0;
    color: var(--colorWhite);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase
}

.casino-slots-no-games__label {
    color: var(--colorPrimaryL60);
    font-weight: 400;
    font-size: 13px;
    line-height: 20px
}

.casino-slots-no-games__button {
    margin-top: 20px
}

.casino-slots-game-preview-top-bar {
    position: relative
}

.casino-slots-game-preview-top-bar__close-btn {
    position: fixed;
    top: 4px;
    left: 4px;
    display: inline-block;
    padding: 8px;
    background-color: hsla(var(--huecolorClearBlack), var(--saturationcolorClearBlack), var(--lightnesscolorClearBlack), .7);
    border-radius: 50%;
    z-index: 1
}

.casino-no-image {
    position: relative
}

.casino-no-image__additional-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px
}

.casino-game-info-overlay__seats {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    height: 20px;
    padding: 0 10px 0 8px;
    color: var(--colorPrimaryL70);
    font-weight: 500;
    font-size: 9px;
    background: hsla(var(--huecolorClearBlack), var(--saturationcolorClearBlack), var(--lightnesscolorClearBlack), .5);
    border-radius: 17px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.casino-game-info-overlay__seats:not(.casino-game-info-overlay__seats--busy):not(.casino-game-info-overlay__seats--behind) {
    letter-spacing: 1.5px
}

.casino-game-info-overlay__seats-indicator {
    width: 4px;
    height: 4px;
    margin-right: 5px;
    background-color: var(--colorGreenL10S5);
    border-radius: 50%
}

.casino-game-info-overlay__seats--busy .casino-game-info-overlay__seats-indicator {
    background-color: var(--colorRedL20)
}

.casino-game-info-overlay__seats--behind .casino-game-info-overlay__seats-indicator {
    background-color: var(--colorYellowL10S5)
}

.casino-game-info-overlay__seats-icon {
    margin-left: 2px
}

.casino-game-info-overlay__seats--behind .casino-game-info-overlay__seats-icon, .casino-game-info-overlay__seats--busy .casino-game-info-overlay__seats-icon {
    display: none
}

.casino-game-info-overlay__range {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    color: var(--colorPrimaryL60);
    font-weight: 500;
    font-size: 10px;
    letter-spacing: .25px;
    background: hsla(var(--huecolorClearBlack), var(--saturationcolorClearBlack), var(--lightnesscolorClearBlack), .7)
}

.casino-slots-section-header {
    display: flex;
    align-items: center;
    height: 40px;
    margin-top: 16px
}

.casino-slots-section-header__controls {
    display: flex;
    margin-left: auto
}

.casino-slots-section-header__title {
    font-weight: 400;
    font-size: 18px
}

html.app__layout--desktop .casino-slots-section-header__title {
    font-size: 22px
}

.casino-slots-section-header__action-btn {
    border: 1px solid var(--colorPrimaryL10);
    border-radius: 4px
}

.casino-slots-section-header__action-btn:hover {
    background-color: var(--colorPrimaryL10)
}

.game-item {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    cursor: pointer;
    border: 1px solid #;
}

.game-item__image-wrapper {
    position: relative;
    width: 100%;
    padding-top: 149.6%;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #444;
}

.game-item__image-wrapper--square-list {
    padding-top: 100%
}

html.app__layout--desktop .game-item .game-item__image-wrapper--with-buttons:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    z-index: 2;
    background-color: var(--colorClearBlack);
    opacity: 0;
    mix-blend-mode: normal;
    transition: .2s ease;
    content: " "
}

html.app__layout--desktop .game-item:hover .game-item__image-wrapper--with-buttons:before {
    opacity: .5;
    transition: .2s ease
}

.game-item__image-wrapper--editable:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    background-color: hsla(var(--huecolorClearBlack), var(--saturationcolorClearBlack), var(--lightnesscolorClearBlack), .3);
    content: ""
}

.game-item__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 4px;
    overflow: hidden;
    transition: transform .5s ease;
    pointer-events: none
}

.game-item:hover .game-item__image {
    transform: scale(1.05)
}

.game-item:hover .game-item__button-holder {
    opacity: 1;
    transition: .2s ease
}

.game-item__button-holder {
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 12px;
    left: 10px;
    opacity: 0;
    transition: .2s ease;
    z-index: 5
}

.game-item__button--start {
    top: 50%;
    transform: translateY(-50%)
}

.game-item__button--demo {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 28px;
    letter-spacing: .4px;
    text-transform: none;
    background-color: transparent;
    border-radius: 14px;
    box-shadow: inset 0 0 0 1px var(--colorWhite);
    transform: translateX(-50%)
}

.game-item__button--demo:hover {
    color: var(--colorGreen);
    background-color: var(--colorWhite)
}

html.app__layout--desktop .game-item__button--demo:hover:before {
    display: none
}

.game-item__name-wrapper {
    position: relative;
    width: 100%;
    height: 20px
}

html.app__layout--desktop .game-item__name-wrapper {
    height: 28px
}

.game-item__name {
    position: absolute;
    width: 100%;
    padding: 8px 8px 0;
    overflow: hidden;
    color: var(--colorWhite);
    font-weight: 500;
    font-size: 11px;
    line-height: 12px;
    white-space: nowrap;
    text-overflow: ellipsis
}

html.app__layout--desktop .game-item__name {
    padding: 12px 12px 0;
    font-size: 14px;
    line-height: 16px
}

html.app__layout--desktop .game-item:hover .game-item__name {
    color: var(--colorGreen)
}

.casino-slots-top-bar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 72px;
    pointer-events: none;
    z-index: 1
}

.casino-slots-top-bar--active {
    pointer-events: all
}

.casino-slots-top-bar__main {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 44px;
    margin-top: 14px;
    z-index: 2
}

.casino-slots-top-bar__toggle {
    display: flex;
    align-items: center;
    height: 44px;
    padding-right: 12px;
    pointer-events: all
}

.casino-slots-top-bar__toggle-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    border-radius: 0 5px 5px 0;
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px)
}

.casino-slots-top-bar__toggle-holder-text {
    margin: 0 12px 0 8px;
    font-size: 13px;
    line-height: 16px;
    white-space: nowrap
}

.casino-slots-top-bar--active .casino-slots-top-bar__toggle {
    width: 44px;
    padding-right: 0
}

.casino-slots-top-bar--active .casino-slots-top-bar__toggle-holder {
    width: 44px
}

.casino-slots-top-bar__balance {
    margin-left: auto
}

.casino-slots-top-bar--active .casino-slots-top-bar__balance {
    height: 44px;
    margin-right: 14px;
    background: transparent
}

.casino-slots-top-bar--active .casino-slots-top-bar__balance .button {
    width: 44px;
    height: 44px
}

.casino-slots-top-bar--active .casino-slots-top-bar__balance .button__icon {
    width: 10px;
    height: 10px
}

.casino-slots-top-bar__control {
    width: 100%;
    visibility: hidden;
    -webkit-animation: opacityOut .05s cubic-bezier(.01, .01, .53, .84), visibility .3s;
    animation: opacityOut .05s cubic-bezier(.01, .01, .53, .84), visibility .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.casino-slots-top-bar--active .casino-slots-top-bar__control {
    visibility: visible;
    -webkit-animation: opacityIn .05s cubic-bezier(.01, .01, .53, .84), visibility .3s;
    animation: opacityIn .05s cubic-bezier(.01, .01, .53, .84), visibility .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.casino-slots-top-bar__control-holder {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 44px
}

.casino-slots-top-bar__login {
    margin-right: 14px;
    margin-left: auto;
    color: var(--colorGreen);
    line-height: 20px;
    letter-spacing: .4px
}

.casino-slots-top-bar__content {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    padding: 72px 0 10px 0;
    background-color: var(--colorPrimary);
    -webkit-animation: slide-out-to-top .15s ease-in-out, opacityOut .1s cubic-bezier(.01, .01, .53, .84);
    animation: slide-out-to-top .15s ease-in-out, opacityOut .1s cubic-bezier(.01, .01, .53, .84);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: -1
}

.casino-slots-top-bar--active .casino-slots-top-bar__content {
    box-shadow: 0 8px 16px hsla(var(--huecolorClearBlack), var(--saturationcolorClearBlack), var(--lightnesscolorClearBlack), .3);
    -webkit-animation: slide-in-from-top .1s ease-in-out, opacityIn .15s cubic-bezier(.01, .01, .53, .84);
    animation: slide-in-from-top .1s ease-in-out, opacityIn .15s cubic-bezier(.01, .01, .53, .84);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.casino-slots-top-bar__details {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--colorPrimaryD5);
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    z-index: -1
}

.casino-slots-top-bar--active .casino-slots-top-bar__details {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s, visibility .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.casino-slots-top-bar__home, .casino-slots-top-bar__search {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-left: 20px
}

.casino-slots-top-bar__home-holder, .casino-slots-top-bar__search-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%
}

.casino-slots-top-bar__favorite {
    position: relative
}

.casino-slots-top-bar__favorite:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    content: "";
    z-index: -1
}

.casino-slots-top-bar__balance, .casino-slots-top-bar__toggle-holder {
    background: hsla(var(--huecolorClearBlack), var(--saturationcolorClearBlack), var(--lightnesscolorClearBlack), .5)
}

.casino-slots-top-bar__favorite:after, .casino-slots-top-bar__home-holder, .casino-slots-top-bar__search-holder {
    background: var(--colorPrimaryL5)
}

.casino-slots-top-bar__overlay-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -2;
    background-color: var(--colorClearBlack);
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s
}

.casino-slots-top-bar--active .casino-slots-top-bar__overlay-mask {
    visibility: visible;
    opacity: .6;
    transition: opacity .3s, visibility .3s
}

.casino-search-bar {
    background: var(--colorPrimaryL3)
}

html.app__layout--desktop .casino-search-bar {
    background: var(--colorPrimaryL5)
}

.casino-search-bar.search__input-area--focused:after {
    background-color: var(--colorGreen)
}

.slots-slots-game-tag {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    font-size: 12px;
    line-height: 20px
}

.slots-slots-game-tag__item {
    color: var(--colorPrimaryL70);
    list-style-type: none
}

.slots-slots-game-tag__item--category {
    margin-left: 3px;
    color: var(--colorPrimaryL50)
}

.slots-search-item {
    position: relative;
    padding: 0 0 1px;
    list-style: none
}

.slots-search-item:after {
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;
    border-bottom: 1px solid var(--colorPrimaryL5);
    content: ""
}

html.app__layout--desktop .slots-search-item:after {
    right: 24px;
    left: 24px;
    border-color: var(--colorPrimary)
}

.slots-search-item:last-child {
    padding: 0
}

.slots-search-item:last-child:after {
    content: none
}

.slots-search-item__content {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    cursor: pointer
}

html.app__layout--desktop .slots-search-item__content {
    padding: 10px 24px
}

.slots-search-item__image-holder {
    position: relative;
    flex: none;
    width: 60px;
    height: 60px;
    margin-right: 20px;
    overflow: hidden;
    border-radius: 4px
}

html.app__layout--desktop .slots-search-item__image-holder {
    width: 80px;
    height: 80px
}

.slots-search-item__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.slots-search-item__text {
    flex: 1;
    overflow: hidden;
    line-height: 20px
}

.slots-search-item__caption {
    overflow: hidden;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.slots-search-item__tag {
    height: 20px;
    overflow: hidden
}

.slots-search-item__chevron {
    flex: none;
    color: var(--colorPrimaryL50)
}

.slots-search-item__content:focus .slots-search-item__chevron, .slots-search-item__content:hover .slots-search-item__chevron {
    color: var(--colorWhite)
}

.slot-search__caption {
    margin: 0;
    padding: 16px 20px 6px;
    font-weight: 400;
    font-size: 18px;
    line-height: 40px
}

html.app__layout--desktop .slot-search__caption {
    padding: 20px 24px 8px;
    font-size: 22px;
    line-height: 32px
}

.slot-search__group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 0 0
}

.slot-search__not-found {
    display: block;
    padding: 20px 0;
    color: var(--colorPrimaryL50);
    font-size: 13px;
    line-height: 1;
    text-align: center
}

.slot-search__loader {
    padding: 20px;
    text-align: center
}

.slot-search__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.section {
    display: flex;
    flex-direction: column;
    padding: 0 20px
}

html.app__layout--desktop .section {
    padding: 0 24px
}

@media (min-width: 700px)and (max-width: 720px) {
    .section {
        max-width: calc(100% - 72px)
    }
}

.section__list {
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns:repeat(4, 1fr);
    position: relative;
    width: 100%
}

html.app__layout--desktop .section__list {
    grid-template-columns:repeat(6, 1fr);
    gap: 16px 16px
}

@media screen and (min-width: 1200px) {
    html.app__layout--desktop .section__list {
        grid-template-columns:repeat(8, 1fr)
    }
}

@media screen and (max-width: 440px) {
    .section__list {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media screen and (max-width: 330px) {
    .section__list {
        grid-template-columns:repeat(2, 1fr)
    }
}

.section__list--jackpot, .section__list--promotion {
    grid-template-columns:repeat(3, 1fr)
}

.section__list--square {
    grid-template-columns:repeat(2, 1fr)
}

html.app__layout--desktop .section__list--square {
    grid-template-columns:repeat(4, 1fr)
}

@media screen and (min-width: 1200px) {
    html.app__layout--desktop .section__list--square {
        grid-template-columns:repeat(6, 1fr)
    }
}

.section__list-item {
    display: inline-block;
    padding: 16px 0 0;
    text-align: center;
    vertical-align: top
}

html.app__layout--desktop .section__list-item {
    padding: 16px 0
}

.casino-slots-favorite {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    color: var(--colorPrimaryL70)
}

.casino-slots-favorite:hover {
    color: var(--colorWhite);
    cursor: pointer
}

.casino-slots-favorite__background {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: hsla(var(--huecolorClearBlack), var(--saturationcolorClearBlack), var(--lightnesscolorClearBlack), .5);
    border-radius: 50%;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px)
}

.casino-slots-favorite__background--big {
    width: 44px;
    height: 44px
}

.casino-slots-favorite__icon-filled {
    position: absolute;
    top: 12px;
    left: 12px;
    display: none
}

.casino-slots-favorite__icon-filled--background {
    top: 8px;
    left: 8px
}

.casino-slots-favorite__icon-filled--big {
    top: 10px;
    left: 10px
}

.favorite-games-empty {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 400px);
    margin: 0 20px
}

.favorite-games-empty__wrapper {
    max-width: 280px;
    margin: 40px auto 0;
    color: var(--colorPrimaryL70);
    text-align: center
}

.favorite-games-empty__title {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase
}

.favorite-games-empty__description {
    font-size: 13px;
    line-height: 20px
}

.casino-slots-favorite-game-list__button {
    font-weight: 400;
    text-transform: none;
    background: transparent;
    border: 1px solid var(--colorPrimaryL5)
}

html.app__layout--desktop .casino-slots-favorite-game-list__button:hover {
    background-color: var(--colorPrimaryL5)
}

.casino-slots-favorite-game-list__button--active, .casino-slots-favorite-game-list__button--active:hover {
    background-color: var(--colorGreen)
}

.casino-slots-favorite-game-list__item-wrapper {
    position: relative
}

.casino-slots-favorite-game-list__icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    margin: auto
}

html.app__layout--desktop .casino-slots-favorite-game-list__icon {
    bottom: 28px;
    pointer-events: none
}

.casino-slots-favorite-game-list__icon--show {
    display: block
}

.casino-slots-section-swiper-navigation {
    display: flex;
    height: 40px;
    margin-left: 16px;
    overflow: hidden;
    border: 1px solid var(--colorPrimaryL10);
    border-radius: 4px
}

.casino-slots-section-swiper-navigation__button {
    width: 40px
}

.casino-slots-section-swiper-navigation__button--left {
    border-right: 1px solid var(--colorPrimaryL10)
}

.casino-slots-section-swiper-navigation__button--right {
    margin-left: -1px
}

.casino-slots-section-swiper-navigation__button:hover {
    background-color: var(--colorPrimaryL10)
}

.casino-slots-section-swiper-navigation__button[disabled]:hover {
    background-color: transparent
}

.сasino-slots-game-jackpot-list-item {
    width: 100%;
    cursor: pointer
}

.сasino-slots-game-jackpot-list-item__label {
    display: inline-block;
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    text-align: center
}

html.app__layout--desktop .сasino-slots-game-jackpot-list-item:hover .сasino-slots-game-jackpot-list-item__label {
    color: var(--colorGreen)
}

.сasino-slots-game-jackpot-list-item__container {
    width: 100%;
    overflow: hidden;
    border-radius: 4px
}

html.app__layout--desktop .сasino-slots-game-jackpot-list-item__container {
    transform: scale(1);
    transition: all .5s ease
}

.сasino-slots-game-jackpot-list-item__inner {
    position: relative;
    height: 0;
    padding-top: 50%;
    border: none
}

.сasino-slots-game-jackpot-list-item__banner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex
}

.сasino-slots-game-jackpot-list-item__counter-block {
    margin: auto auto 0 auto;
    background-color: var(--colorPrimary);
    border-radius: 4px 4px 0 0;
    z-index: 1
}

html.app__layout--desktop .сasino-slots-game-jackpot-list-item__counter-block {
    background-color: var(--colorPrimaryL3)
}

.сasino-slots-game-jackpot-list-item__img {
    position: absolute
}

html.app__layout--desktop .сasino-slots-game-jackpot-list-item__img {
    transform: scale(1);
    transition: all .5s ease
}

html.app__layout--desktop .сasino-slots-game-jackpot-list-item:hover .сasino-slots-game-jackpot-list-item__img {
    transform: scale(1.05);
    transition: all .5s ease
}

.casino-slots-section-swiper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html.app__layout--desktop .casino-slots-section-swiper {
    margin: 0 24px;
}

@media (min-width: 700px)and (max-width: 720px) {
    .casino-slots-section-swiper {
        max-width: calc(100% - 122px)
    }
}

.casino-slots-section-swiper__slide {
	flex: 1 0 auto;
	box-sizing: content-box;
	/* width: 12%; */
	/* margin: 0.5%; */
	/* padding: 16px 16px 16px 0 */
}

html.app__layout--desktop .casino-slots-section-swiper__slide:last-child {
    /** padding-right: 0 **/
}

.casino-slots-section-swiper__slide-game {
    /* width: calc(25% - 12px) */
}

@media screen and (max-width: 1100px) {
    .casino-slots-section-swiper__slide-game {
        /* width: 16%; */
    }
}

@media screen and (max-width: 800px) {
    .casino-slots-section-swiper__slide-game {
        /* width: 20%; */
    }
}

@media screen and (max-width: 600px) {
    .casino-slots-section-swiper__slide-game {
        /* width: 25%; */
        /* margin: 1%; */
    }
}

@media screen and (max-width: 440px) {
    .casino-slots-section-swiper__slide-game {
        width: calc(31.25% - 11px)
    }
}

@media screen and (max-width: 400px) {
    .casino-slots-section-swiper__slide-game {
        width: calc(40% - 9.6px)
    }
}

@media screen and (max-width: 330px) {
    .casino-slots-section-swiper__slide-game {
        width: calc(45.45455% - 8.72727px)
    }
}

html.app__layout--desktop .casino-slots-section-swiper__slide-game {
    /* width: calc(16.66667% - 13.33333px) */
}

@media screen and (min-width: 1200px) {
    html.app__layout--desktop .casino-slots-section-swiper__slide-game {
        /* width: calc(12.3% - 14px) */
    }
}

html.app__layout--desktop .casino-slots-section-swiper--in-search-modal .casino-slots-section-swiper__slide-game {
    /* width: calc(20% - 12.8px) */
}

.casino-slots-section-swiper__slide-jackpot, .casino-slots-section-swiper__slide-promotion {
    width: 100%
}

@media (min-width: 700px)and (max-width: 1024px) {
    .casino-slots-section-swiper__slide-jackpot, .casino-slots-section-swiper__slide-promotion {
        width: calc(50% - 8px)
    }
}

@media (min-width: 1025px) {
    .casino-slots-section-swiper__slide-jackpot, .casino-slots-section-swiper__slide-promotion {
        width: calc(33.33333% - 10.66667px)
    }
}

@media (min-width: 1400px) {
    .casino-slots-section-swiper__slide-jackpot, .casino-slots-section-swiper__slide-promotion {
        width: calc(25% - 12px)
    }
}

.casino-slots-section-swiper__slide-history-game {
    width: calc(30.30303% - 11.15152px)
}

@media (orientation: landscape) {
    .casino-slots-section-swiper__slide-history-game {
        width: calc(16.66667% - 13.33333px)
    }
}

html.app__layout--desktop .casino-slots-section-swiper__slide-history-game {
    width: calc(11.11111% - 14.22222px)
}

html.app__layout--desktop .casino-slots-section-swiper--in-search-modal .casino-slots-section-swiper__slide-history-game {
    width: calc(16.66667% - 13.33333px)
}

.casino-slots-section-swiper__slide-group {
    width: 120px
}

html.app__layout--desktop .casino-slots-section-swiper__slide-group {
    width: calc(14.28571% - 13.71429px)
}

.casino-slots-section-swiper__slide-square {
    width: calc(50% - 8px)
}

html.app__layout--desktop .casino-slots-section-swiper__slide-square {
    width: calc(25% - 12px)
}

@media screen and (min-width: 1200px) {
    html.app__layout--desktop .casino-slots-section-swiper__slide-square {
        width: calc(16.66667% - 13.33333px)
    }
}

.casino-slots-section-swiper--in-search-modal .casino-slots-section-swiper__slide {
    width: calc(38.46154% - 9.84615px)
}

.casino-slots-section-swiper--in-search-modal .casino-slots-section-swiper__slide-history-game {
    width: calc(30.30303% - 11.15152px)
}

@media (orientation: landscape) {
    .casino-slots-section-swiper--in-search-modal .casino-slots-section-swiper__slide {
        width: calc(16.66667% - 13.33333px)
    }
}

.casino-slots-section-swiper--in-top-bar .casino-slots-section-swiper__slide {
    width: calc(30.30303% - 11.15152px)
}

@media (orientation: landscape) {
    .casino-slots-section-swiper--in-top-bar .casino-slots-section-swiper__slide {
        width: calc(16.66667% - 13.33333px)
    }

    .casino-game-top-bar__content-inner-bonus ~ .casino-game-top-bar__content-inner-swiper-block .casino-slots-section-swiper--in-top-bar .casino-slots-section-swiper__slide {
        width: calc(28.57143% - 11.42857px)
    }
}

html.app__layout--desktop .casino-slots-section-swiper--in-preview-game .casino-slots-section-swiper__slide {
    width: calc(20% - 12.8px)
}

@media (orientation: landscape) {
    .casino-slots-section-swiper--in-preview-game .casino-slots-section-swiper__slide {
        width: calc(21.2766% - 12.59574px)
    }
}

.section-swiper__item {
    display: flex;
    flex-direction: column
}

.provider-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    background-color: var(--colorPrimaryL5);
    border-radius: 4px
}

.provider-item--selected {
    border: 2px solid var(--colorGreen)
}

.provider-item__logo {
    display: inline-block;
    width: auto;
    max-width: 90%
}

.provider-item__text {
    max-width: 90%;
    overflow: hidden;
    color: var(--colorWhite);
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.provider-item--swiper {
    width: 120px;
    height: 53px
}

html.app__layout--desktop .provider-item {
    cursor: pointer
}

html.app__layout--desktop .provider-item:hover {
    background-color: var(--colorPrimaryL10)
}

html.app__layout--desktop .provider-item--swiper {
    width: 100%;
    height: 62px
}

.provider-list {
    display: grid;
    grid-row-gap: 15px;
    grid-column-gap: 15px;
    grid-template-columns:1fr 1fr
}

.provider-list--grid-row {
    display: inline-flex;
    grid-template-columns:none
}

.provider-list--grid-row .provider-list__item {
    width: 120px;
    height: 53px;
    background-color: transparent;
    border: 2px solid var(--colorPrimary)
}

@media (min-width: 568px) {
    .provider-list {
        grid-template-columns:1fr 1fr 1fr 1fr
    }

    .provider-list--grid-row {
        grid-template-columns:none
    }
}

html.app__layout--desktop .provider-list {
    grid-row-gap: 16px;
    grid-column-gap: 16px
}

html.app__layout--desktop .provider-list--grid-row .provider-list__item {
    width: 144px;
    height: 62px
}

html.app__layout--desktop .provider-list--grid-row .provider-list__item:hover {
    background-color: var(--colorPrimary)
}

.casino-slots-provider-page {
    padding: 0 20px 32px
}

html.app__layout--desktop .casino-slots-provider-page {
    padding: 0 32px 32px
}

.casino-slots-game-title-panel {
    display: block;
    justify-content: space-between;
    height: 76px;
    padding: 12px 16px 16px
}

.casino-slots-game-title-panel--big {
    height: 96px
}

.casino-slots-game-title-panel__title {
    margin: 0 0 8px;
    overflow: hidden;
    font-weight: 700;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.casino-slots-game-title-panel--big .casino-slots-game-title-panel__title {
    margin-bottom: 4px;
    font-size: 18px
}

.casino-slots-game-title-panel__description {
    margin: 0;
    font-size: 11px
}

.casino-slots-game-title-panel--big .casino-slots-game-title-panel__description {
    font-size: 13px;
    line-height: 20px
}

.casino-slots-game-title-panel__button {
    width: 120px
}

.casino-slots-game-title-panel__breadcrumbs {
    line-height: 11px
}

.casino-slots-game-title-panel__provider {
    font-size: 11px
}

.casino-slots-game-title-panel__category {
    position: relative;
    padding-left: 10px;
    color: var(--colorPrimaryL50);
    font-size: 11px
}

.casino-slots-game-title-panel__category:before {
    position: absolute;
    top: 5px;
    left: 4px;
    display: block;
    width: 2px;
    height: 2px;
    background-color: var(--colorPrimaryL50);
    border-radius: 50%;
    content: ""
}

.promotions {
    width: 100%;
    overflow: hidden;
    border-radius: 4px
}

html.app__layout--desktop .promotions__title-panel {
    transition: none
}

.promotions__image-container {
    height: 240px;
    transform: scale(1);
    transition: all .5s ease
}

.promotions:hover .promotions__image-container {
    transform: scale(1.05);
    transition: all .5s ease
}

.promotions__image-container:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: var(--colorWhite);
    opacity: 0;
    content: ""
}

.promotions__title {
    margin: 0 0 4px 0;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

.promotions__title-block {
    height: 96px;
    text-decoration: none
}

.promotions__text {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px
}

.promotions__image {
    border-radius: 4px
}

.provider-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
    color: var(--colorWhite);
    font-weight: 500;
    font-size: 14px;
    letter-spacing: .25px;
    background-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.provider-select__icon--selected {
    fill: var(--colorGreen)
}

html.app__layout--desktop .provider-select {
    flex: 0 0 220px;
    height: 52px;
    padding: 14px 12px 14px 16px;
    white-space: nowrap;
    background-color: var(--colorPrimaryL3);
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .3s, color .15s ease-in-out
}

html.app__layout--desktop .provider-select:hover {
    background-color: var(--colorPrimaryL10)
}

html.app__layout--desktop .provider-select:hover .provider-select__icon {
    fill: var(--colorWhite)
}

html.app__layout--desktop .provider-select:hover .provider-select__icon--selected {
    fill: var(--colorGreen)
}

.casino-slots-category-list-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 68px;
    min-width: 68px;
    height: 52px;
    padding-top: 7px;
    color: var(--colorPrimaryL70);
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    background-color: var(--colorPrimaryL3);
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .15s cubic-bezier(.25, .8, .25, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.casino-slots-category-list-item--active {
    color: var(--colorPrimaryL3);
    background-color: var(--colorPrimaryL70)
}

.casino-slots-category-list-item__label {
    width: 66px;
    margin-top: 1px;
    overflow: hidden;
    font-weight: 400;
    font-size: 11px;
    line-height: 16px;
    letter-spacing: -.2px;
    text-overflow: ellipsis
}

html.app__layout--desktop .casino-slots-category-list-item:hover {
    background-color: var(--colorPrimaryL10)
}

html.app__layout--desktop .casino-slots-category-list-item--active:hover {
    background-color: var(--colorPrimaryL70)
}

html.app__layout--desktop .casino-slots-category-list-item--loading {
    cursor: not-allowed
}

.loader-masked {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(var(--huecolorPrimary), var(--saturationcolorPrimary), var(--lightnesscolorPrimary), .7);
    border-radius: 4px;
    z-index: 110
}

html.app__theme--light .loader-masked {
    background-color: hsla(var(--huecolorWhite), var(--saturationcolorWhite), var(--lightnesscolorWhite), .3)
}

.casino-slots-category-list {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: left;
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none
}

.casino-slots-category-list::-webkit-scrollbar {
    display: none
}

.casino-slots-category-list__slide {
    padding-left: 8px;
    font-size: 11px
}

.casino-slots-category-list__slide:last-child {
    padding-right: 8px
}

.casino-slots-category-tabs__icon--image {
    filter: invert(98%) sepia(2%) saturate(373%) hue-rotate(178deg) brightness(93%) contrast(93%)
}

.casino-slots-category-tabs__icon--image-active {
    filter: invert(16%) sepia(22%) saturate(346%) hue-rotate(165deg) brightness(97%) contrast(85%)
}

.casino-slots-category-tabs__icon--active {
    fill: var(--colorPrimaryL3)
}

.casino-slots-headline-banner {
    position: relative
}

.casino-slots-headline-banner__wrapper {
    max-height: 232px
}

.casino-slots-headline-banner__pagination {
    margin-bottom: 52px
}

.casino-slots-headline-banner__blurred {
    display: flex;
    align-items: center
}

.casino-slots-headline-banner__search-button {
    flex: 0 0 64px;
    height: 52px;
    color: var(--colorWhite)
}

.casino-slots-headline-banner__provider-select {
    width: 100%
}

.casino-slots-headline-banner__categories {
    padding: 4px 0 12px 0;
    background-color: var(--colorPrimaryD2)
}

.casino-slots-headline-banner__categories-wrapper {
    position: relative
}

html.app__layout--desktop .casino-slots-headline-banner__wrapper {
    max-height: 318px
}

html.app__layout--desktop .casino-slots-headline-banner__pagination {
    margin-bottom: 68px
}

html.app__layout--desktop .casino-slots-headline-banner__blurred {
    padding: 8px 0 8px 24px
}

html.app__layout--desktop .casino-slots-headline-banner__search-button {
    flex: 0 0 52px;
    margin-right: 8px;
    color: var(--colorPrimaryL70);
    background-color: var(--colorPrimaryL3);
    border-radius: 4px
}

html.app__layout--desktop .casino-slots-headline-banner__search-button:hover {
    color: var(--colorWhite);
    background-color: var(--colorPrimaryL10)
}

html.app__layout--desktop .casino-slots-headline-banner__provider-select {
    margin-right: 16px
}

.casino-slots-lobby-skeleton-list-item {
    padding: 0 20px
}

html.app__layout--desktop .casino-slots-lobby-skeleton-list-item {
    padding: 0 24px
}

.casino-slots-lobby-skeleton-list-item--swiper {
    padding: 0
}

html.app__layout--desktop .casino-slots-lobby-skeleton-list-item--swiper {
    display: flex;
    flex-direction: column
}

.casino-slots-lobby-skeleton-list-item__header-wrapper {
    display: flex;
    align-items: center;
    height: 40px;
    margin-top: 16px
}

.casino-slots-lobby-skeleton-list-item__header {
    width: 90px;
    height: 10px;
    background-color: var(--colorPrimaryL5);
    border-radius: 8px
}

.casino-slots-lobby-skeleton-list-item__items-wrapper {
    display: grid;
    grid-column-gap: 16px;
    grid-template-columns:repeat(4, 1fr)
}

html.app__layout--desktop .casino-slots-lobby-skeleton-list-item__items-wrapper {
    grid-template-columns:repeat(6, 1fr);
    gap: 16px 16px
}

@media screen and (min-width: 1200px) {
    html.app__layout--desktop .casino-slots-lobby-skeleton-list-item__items-wrapper {
        grid-template-columns:repeat(8, 1fr)
    }
}

@media screen and (max-width: 440px) {
    .casino-slots-lobby-skeleton-list-item__items-wrapper {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media screen and (max-width: 330px) {
    .casino-slots-lobby-skeleton-list-item__items-wrapper {
        grid-template-columns:repeat(2, 1fr)
    }
}

.casino-slots-lobby-skeleton-list-item--swiper .casino-slots-lobby-skeleton-list-item__items-wrapper {
    display: flex;
    grid-column-gap: 0;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

html.app__layout--desktop .casino-slots-lobby-skeleton-list-item--swiper .casino-slots-lobby-skeleton-list-item__items-wrapper {
    grid-column-gap: 0;
    padding: 0
}

.casino-slots-lobby-skeleton-list-item__item {
    margin: 0;
    padding: 16px 0
}

.casino-slots-lobby-skeleton-list-item--swiper .casino-slots-lobby-skeleton-list-item__item {
    flex-shrink: 0;
    box-sizing: content-box;
    padding: 16px 16px 16px 0;
    width: calc(25% - 12px)
}

@media screen and (max-width: 440px) {
    .casino-slots-lobby-skeleton-list-item--swiper .casino-slots-lobby-skeleton-list-item__item {
        width: calc(31.25% - 11px)
    }
}

@media screen and (max-width: 400px) {
    .casino-slots-lobby-skeleton-list-item--swiper .casino-slots-lobby-skeleton-list-item__item {
        width: calc(40% - 9.6px)
    }
}

@media screen and (max-width: 330px) {
    .casino-slots-lobby-skeleton-list-item--swiper .casino-slots-lobby-skeleton-list-item__item {
        width: calc(45.45455% - 8.72727px)
    }
}

html.app__layout--desktop .casino-slots-lobby-skeleton-list-item--swiper .casino-slots-lobby-skeleton-list-item__item {
    width: calc(16.66667% - 13.33333px)
}

@media screen and (min-width: 1200px) {
    html.app__layout--desktop .casino-slots-lobby-skeleton-list-item--swiper .casino-slots-lobby-skeleton-list-item__item {
        width: calc(12.5% - 14px)
    }
}

.casino-slots-lobby-skeleton-list-item--swiper .casino-slots-lobby-skeleton-list-item__item:first-child {
    margin-left: 20px
}

html.app__layout--desktop .casino-slots-lobby-skeleton-list-item--swiper .casino-slots-lobby-skeleton-list-item__item:first-child {
    margin-left: 0
}

html.app__layout--desktop .casino-slots-lobby-skeleton-list-item--swiper-in-modal .casino-slots-lobby-skeleton-list-item__item {
    width: calc(20% - 12.8px)
}

.casino-slots-lobby-skeleton-list-item__item-inner {
    position: relative;
    padding-top: 149.6%;
    background-color: var(--colorPrimaryD7);
    border-radius: 4px
}

.casino-slots-lobby-skeleton-list-item__item-logo {
    position: absolute;
    top: 0;
    right: 24px;
    bottom: 0;
    left: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

.casino-slots-lobby-skeleton-list-item__item-text {
    width: 100%;
    height: 28px
}

.casino-slots-lobby {
    position: relative
}

.casino-slots-lobby--loading {
    min-height: 100vh
}

.casino-slots-lobby__no-games {
    width: 290px;
    margin: 0 auto;
    padding: 40px 0 80px
}

.casino-slots-lobby--loading .casino-slots-lobby__section {
    visibility: hidden
}

.loader-masked {
    position: absolute;
    top: 0;
    right: -20px;
    left: -20px;
    padding: 0 20px;
    background-color: var(--colorPrimary);
    z-index: 46
}

.loader-masked--no-items {
    position: relative
}

html.app__layout--desktop .loader-masked {
    background-color: var(--colorPrimaryL3)
}

.fade-leave-active {
    transition: opacity .15s
}

.fade-enter, .fade-leave-to {
    opacity: 1
}

.casino-slots-game-footer {
    padding: 0 20px 16px 20px
}

.casino-slots-game-footer__title {
    margin: 0 0 16px 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 40px
}

.casino-slots-game-footer__text {
    color: var(--colorPrimaryL50);
    font-size: 13px;
    line-height: 20px
}

.casino-slots-game-footer__open-more {
    color: var(--colorGreen);
    font-weight: 500;
    font-size: 13px;
    line-height: 44px
}

.casino-slots-game-footer__table {
    display: flex;
    flex-wrap: wrap
}

.casino-slots-game-footer__table-item {
    display: flex;
    flex-direction: column;
    width: 92px;
    height: 40px;
    margin: 0 4px 16px 0;
    color: var(--colorWhite);
    font-weight: 500;
    font-size: 13px;
    line-height: 20px
}

.casino-slots-game-footer__table-title {
    overflow: hidden;
    color: var(--colorPrimaryL50);
    font-weight: 400;
    white-space: nowrap;
    text-overflow: ellipsis
}

.casino-slots-game-footer__table-text {
    color: var(--colorWhite)
}

@media only screen and (min-device-width: 320px)and (max-device-width: 430px) {
    .casino-slots-game-footer__table {
        display: grid;
        grid-row-gap: 16px;
        grid-column-gap: 2px;
        margin-bottom: 16px
    }

    .casino-slots-game-footer__table-item {
        width: auto;
        margin: 0
    }
}

@media only screen and (min-device-width: 320px)and (max-device-width: 380px) {
    .casino-slots-game-footer__table {
        grid-template-columns:repeat(3, 1fr)
    }
}

@media only screen and (min-device-width: 381px)and (max-device-width: 430px) {
    .casino-slots-game-footer__table {
        grid-template-columns:repeat(4, 1fr)
    }
}

html.app__layout--desktop .casino-slots-game-footer {
    margin-top: 24px;
    padding: 0 40px 24px 24px
}

html.app__layout--desktop .casino-slots-game-footer__title {
    margin-bottom: 36px;
    font-size: 22px;
    line-height: 32px
}

html.app__layout--desktop .casino-slots-game-footer__text {
    color: var(--colorPrimaryL70)
}

html.app__layout--desktop .casino-slots-game-footer__open-more {
    display: none
}

html.app__layout--desktop .casino-slots-game-footer__table {
    margin-bottom: 16px
}

html.app__layout--desktop .casino-slots-game-footer__table-item {
    justify-content: flex-start;
    width: 97px;
    text-align: left
}

.casino-status-notification {
    display: flex;
    padding: 12px;
    background-color: var(--colorPrimaryL7TransparentOP7);
    border-radius: 8px
}

.casino-status-notification__message {
    color: var(--colorWhite);
    font-weight: 400;
    font-size: 13px;
    font-family: Roboto, sans-serif;
    font-style: normal;
    line-height: 16px
}

.casino-status-notification__icon {
    margin-right: 12px
}

.casino-game-detail__title {
    padding-top: 10px;
    color: var(--colorWhite);
    font-weight: 500;
    font-size: 20px;
    line-height: 24px
}

.casino-game-detail--compact .casino-game-detail__title {
    padding-top: 0;
    font-size: 18px
}

.casino-game-detail__tag {
    height: 20px;
    margin-top: 4px;
    overflow: hidden
}

.casino-game-detail--compact .casino-game-detail__tag {
    margin-top: 0
}

.casino-game-detail__favorite {
    float: right
}

.casino-game-detail--compact .casino-game-detail__favorite {
    background-color: var(--colorPrimaryL5);
    border-radius: 50%
}

.casino-slots-game-start-panel {
    padding: 10px 10px 20px 20px
}

.casino-slots-game-start-panel__jackpot {
    margin-bottom: 16px;
    padding-top: 10px
}

.casino-slots-game-start-panel__bonus, .casino-slots-game-start-panel__control, .casino-slots-game-start-panel__status-notification {
    margin-top: 16px;
    padding-right: 10px
}

.casino-slots-game-start-panel__control {
    display: flex;
    justify-content: left
}

.casino-slots-game-start-panel__control-start {
    flex: 1;
    height: 44px;
    background-color: var(--colorGreen)
}

.casino-slots-game-start-panel__control-demo {
    width: 135px;
    height: 44px;
    margin-left: 20px;
    background-color: transparent;
    box-shadow: inset 0 0 0 1px hsla(var(--huecolorWhite), var(--saturationcolorWhite), var(--lightnesscolorWhite), .3)
}

.casino-slots-game-start-panel__bonus {
    padding: 0 10px 0 0
}

@media (orientation: landscape) {
    .casino-slots-game-start-panel__control-start {
        flex: none;
        width: 180px
    }
}

.casino-slots-image-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden
}

.casino-slots-image-wrapper__holder {
    width: 100%
}

.casino-slots-image-wrapper__image {
    width: 100%;
    height: auto
}

.casino-slots-image-wrapper__image--reflection {
    transform: rotate(180deg) scaleX(-1)
}

.casino-slots-image-wrapper__blurred {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 70px;
    background: linear-gradient(180deg, hsla(var(--huecolorPrimary), var(--saturationcolorPrimary), var(--lightnesscolorPrimary), .5) 0, var(--colorPrimary) 100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    z-index: 5
}

.casino-slots-image-wrapper--custom:after, .casino-slots-image-wrapper:after {
    position: absolute;
    right: 0;
    bottom: -15px;
    left: 0;
    display: block;
    height: 30px;
    background-color: var(--colorPrimary);
    content: ""
}

.casino-slots-slip-holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.casino-slots-game__loader {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 456px
}

.casino-slots-control-bar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    min-width: 750px;
    padding-left: 12px;
    background-color: hsla(var(--huecolorPrimary), var(--saturationcolorPrimary), calc(var(--lightnesscolorPrimary) - 7%), .8);
    border-radius: 4px 4px 0 0;
    -webkit-backdrop-filter: blur(80px);
    backdrop-filter: blur(80px)
}

.casino-slots-control-bar__title {
    margin: 10px 0;
    padding-right: 20px;
    color: var(--colorPrimaryL70);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px
}

.casino-slots-control-bar__controls {
    display: flex;
    align-items: center
}

.casino-slots-control-bar__button {
    width: 44px;
    height: 44px;
    color: var(--colorPrimaryL70)
}

.casino-slots-control-bar__button:hover {
    color: var(--colorWhite)
}

.casino-slots-control-bar__switch-text {
    margin-right: 8px;
    color: var(--colorPrimaryL70);
    font-size: 13px
}

.casino-slots-control-bar__switch-wrapper {
    margin-right: 16px;
    cursor: pointer
}

@media (min-width: 700px)and (max-width: 720px) {
    .casino-slots-control-bar {
        min-width: 700px;
        max-width: 700px
    }
}

.casino-slots-demo-bar {
    position: fixed;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    padding: 0 4px 0 20px;
    background-color: var(--colorPrimary)
}

.casino-slots-demo-bar__left {
    color: var(--colorWhite);
    font-weight: 400;
    font-size: 14px
}

.casino-slots-demo-bar__reg-button {
    color: var(--colorGreen)
}

.search-slots-lobby {
    position: relative
}

.loader-masked {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--colorPrimary);
    z-index: 46
}

html.app__layout--desktop .loader-masked {
    background-color: var(--colorPrimaryL3)
}

.casino-slots-game-search-modal {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-y: auto
}

.casino-slots-game-search-modal__wrapper {
    bottom: 0;
    background: var(--colorPrimary)
}

.casino-slots-game-search-modal__content, .casino-slots-game-search-modal__search-bar {
    flex: 1;
    width: 100%
}

html.app__layout--desktop .casino-slots-game-search-modal__wrapper {
    background: none
}

html.app__os--android .casino-slots-game-search-modal__root, html.app__os--android .casino-slots-game-search-modal__wrapper {
    position: absolute
}

.casino-game-top-bar__tabs .swiper-item:first-child {
    padding-left: 14px
}

.casino-game-top-bar__content-inner {
    display: flex;
    flex-direction: column-reverse
}

@media (orientation: landscape) {
    .casino-game-top-bar__content-inner {
        flex-direction: row;
        justify-content: space-between
    }

    .casino-game-top-bar__content-inner-swiper-block {
        width: 100%
    }

    .casino-game-top-bar__content-inner-bonus ~ .casino-game-top-bar__content-inner-swiper-block {
        width: 60%
    }
}

.casino-game-top-bar__content-inner-bonus {
    padding: 0 20px 10px 20px
}

@media (orientation: landscape) {
    .casino-game-top-bar__content-inner-bonus {
        flex: 1;
        padding-top: 16px
    }
}

.casino-game-top-bar__balance-full .balance__info {
    display: none
}

.casino-game-top-bar__balance-low {
    min-width: 89px;
    padding-left: 4px
}

@media (orientation: landscape) {
    .casino-game-top-bar__swiper {
        margin-bottom: 10px
    }
}

.casino-game-top-bar__detail {
    padding: 16px 20px
}

.casino-game-loader {
    width: 100%;
    height: 100%;
    background-color: var(--colorPrimaryD12)
}

.casino-game-loader__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 260px;
    transform: translate(-50%, -50%)
}

.game-error {
    display: flex;
    justify-content: center
}

.game-error__content {
    display: block;
    width: 280px;
    line-height: 20px
}

.game-error__button {
    display: block;
    width: 100%;
    height: 36px;
    margin-top: 4px
}

html.app__layout--desktop .game-error__content {
    display: flex
}

.betgames__iframe {
    width: 100%
}

.betgames__loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px
}

.betgames__wrapper {
    position: relative;
    min-height: 500px
}

.betgames__iframe-error {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-top: 126px;
    background: var(--colorPrimaryD12);
    z-index: 1
}

.casino-slot-game-page__window {
    position: relative;
    display: flex;
    flex-wrap: wrap
}

.casino-slot-game-page__footer {
    margin-top: 16px
}

.casino-slot-game-page__loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto;
    height: auto
}

html.app__layout--desktop .casino-slot-game-page__loader {
    top: 44px;
    right: 20px;
    left: 20px
}

html.app__layout--desktop .casino-slot-game-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%
}

html.app__layout--desktop .casino-slot-game-page__iframe {
    height: 544px;
    min-height: 544px;
    max-height: 990px
}

html.app__layout--desktop .casino-slot-game-page__iframe--bigger {
    height: 630px;
    min-height: 630px
}

html.app__layout--desktop .casino-slot-game-page__window-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background-repeat: no-repeat;
    background-position-y: top;
    background-size: cover
}

html.app__layout--desktop .casino-slot-game-page__window {
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    min-width: 790px;
    max-width: 1200px;
    min-height: 588px;
    margin-top: 16px;
    padding: 0 20px
}

html.app__layout--desktop .casino-slot-game-page__window--bigger {
    min-height: 674px
}

html.app__layout--desktop .casino-slot-game-page__footer {
    width: 100%;
    margin-top: -72px
}

html.app__layout--desktop .casino-slot-game-page__blurred {
    width: 100%;
    height: 80px;
    background: linear-gradient(180deg, hsla(var(--huecolorPrimary), var(--saturationcolorPrimary), calc(var(--lightnesscolorPrimary) + 3%), 0) 0, hsla(var(--huecolorPrimary), var(--saturationcolorPrimary), calc(var(--lightnesscolorPrimary) + 3%), 1) 100%)
}

html.app__layout--desktop .casino-slot-game-page__recommended .casino-slots-section-swiper-navigation {
    border: 1px solid var(--colorPrimaryL20)
}

html.app__layout--desktop .casino-slot-game-page__recommended .casino-slots-section-swiper-navigation__button--left {
    border-right: 1px solid var(--colorPrimaryL20)
}

body.body-whole-screen .casino-slot-game-page__window {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    max-width: none;
    margin: 0;
    padding: 0;
    z-index: 100
}

body.body-whole-screen .casino-slot-game-page__iframe {
    height: 100%
}

.casino-slot-game-page__iframe-error {
    position: fixed;
    top: 170px;
    right: 20px;
    bottom: 0;
    left: 20px;
    background: var(--colorPrimaryD12)
}

html.app__layout--desktop .casino-slot-game-page__iframe-error {
    position: absolute
}

/*# sourceMappingURL=view-casino.54791aea.css.map*/