@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

.switch_2zx3e {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    justify-content: space-between;
    overflow: hidden;
    color: var(--TextDefault)
}

@media (hover: hover) and (pointer:fine) {
    .switch_2zx3e:hover .switch__input_7EKEv:not(:disabled):checked~.switch__bg_kKpPe {
        background-color:var(--BrandHighlight)
    }

    .switch_2zx3e:hover .switch__input_7EKEv:not(:disabled)~.switch__bg_kKpPe {
        box-shadow: inset 0 0 4px var(--SwitcherShadow)
    }
}

.switch__icon_pUa6z {
    position: relative;
    display: flex;
    flex-shrink: 0;
    width: 40px;
    height: 24px;
    cursor: pointer;
    border-radius: 12px
}

.switch--theme_IB6Xo .switch__bg_kKpPe {
    position: relative;
    background-color: var(--LHighlight)
}

.switch--theme_IB6Xo .switch__bg_kKpPe:before {
    left: 24px;
    background-image: /* original URL: https://twin-21a8b.kxcdn.com/assets/sunSw.DL-onBB5.svg */url(../images/0.svg)
}

.switch--theme_IB6Xo .switch__bg_kKpPe:after,.switch--theme_IB6Xo .switch__bg_kKpPe:before {
    position: absolute;
    top: 6px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    background-size: contain
}

.switch--theme_IB6Xo .switch__bg_kKpPe:after {
    left: 4px;
    background-image: /* original URL: https://twin-21a8b.kxcdn.com/assets/moonSw.DTmx5t_S.svg */url(../images/1.svg)
}

.switch__input_7EKEv {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0
}

.switch__input_7EKEv:not(:disabled):checked~.switch__bg_kKpPe {
    background-color: var(--BrandDefault);
    border: none
}

.switch__input_7EKEv:not(:disabled):checked~.switch__switcher_s4xh9 {
    transform: translate(16px)
}

.switch__input_7EKEv:disabled~.switch__bg_kKpPe,.switch__input_7EKEv:disabled~.switch__switcher_s4xh9 {
    cursor: default
}

.switch__input_7EKEv:disabled~.switch__switcher_s4xh9 {
    background-color: var(--Layer2)
}

.switch__input_7EKEv:checked:disabled~.switch__bg_kKpPe {
    background-color: var(--Highlight)
}

.switch__input_7EKEv:checked:disabled~.switch__switcher_s4xh9 {
    background-color: var(--Layer2);
    border: none;
    transform: translate(16px);
    transition: transform .3s ease-out
}

.switch__input_7EKEv:checked~.switch__switcher_s4xh9 {
    border: none
}

.switch__bg_kKpPe {
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 12px;
    transition: background-color .7s ease-out
}

.switch__switcher_s4xh9 {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 20px;
    height: 20px;
    background-color: var(--BrandText);
    border: none;
    border-radius: 50%;
    box-shadow: none;
    transform: translate(0);
    transition: transform .3s ease-out
}

.switch__switcher_s4xh9:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 24px;
    content: "";
    transform: translate(-50%,-50%)
}

.switch__switcher_s4xh9:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 28px;
    height: 28px;
    content: "";
    border-radius: 50%;
    opacity: .6;
    transform: translate(-50%,-50%) scale(0)
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@keyframes circle-chart-fill_73ytF {
    to {
        stroke-dasharray: 0 var(--circleLength)
    }
}

@keyframes gift-pendulum_DTEC1 {
    0% {
        transform: rotate(-30deg)
    }

    50% {
        transform: rotate(30deg)
    }

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

.scrollbar_Mh505 .scrollbar-thumb {
    background-color: initial
}

.scrollbar_Mh505 .scrollbar-thumb:before {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    content: "";
    background-color: var(--Highlight);
    border-radius: 4px
}

.scrollbar_Mh505 .scrollbar-thumb-y {
    width: 16px
}

.scrollbar_Mh505 .scrollbar-track {
    background-color: initial
}

.scrollbar_Mh505 .scrollbar-track-y {
    width: 16px
}

.scrollbar_Mh505 .scrollbar-track-x {
    height: 16px
}

.scrollbar_Mh505 .scroll-content {
    min-height: 100%;
    will-change: transform
}

.scrollbar--flex-fill_2-dzW {
    flex: 1
}

.scrollbar--flex-fill_2-dzW .scroll-content {
    display: flex;
    flex-direction: column
}

@media (hover: hover) and (pointer:fine) {
}

@media (max-height: 520px) {
}

@media (max-height: 520px) {
}

@keyframes modal-slide-up_pJh1b {
    0% {
        transform: translate3d(0,50%,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes modal-slide-up-outer-leave_-pTCu {
    0% {
        opacity: 1
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes caret-blink_wMXrq {
    0% {
        background: var(--AltDefault)
    }

    49% {
        background: var(--AltDefault)
    }

    50% {
        background: none
    }

    to {
        background: none
    }
}

.pagination-wrapper_uHXYP {
    position: absolute;
    z-index: 2
}

.pagination-wrapper-center_XCBAX {
    bottom: 0;
    left: 50%;
    width: 100%;
    transform: translate(-50%)
}

.pagination-wrapper-limited_ZSaAk {
    overflow-x: auto;
    scrollbar-width: none
}

.pagination_Doann {
    display: flex;
    gap: 0;
    justify-content: center
}

.pagination__item_aR0hU {
    padding: 6px;
    cursor: pointer
}

.pagination__item_aR0hU:before {
    display: block;
    width: 8px;
    height: 8px;
    content: "";
    background-color: #ffffff80;
    border: none;
    border-radius: 50%
}

.pagination__item--selected_SqzVv:before {
    width: 8px;
    background-color: var(--White);
    border-radius: 50%
}

.fade-carousel_Vjh-Y {
    position: relative;
    width: 100%;
    will-change: transform
}

html.app__layout--desktop .swiper-navigation-button_YA2DW {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--TextDefault);
    background: var(--Layer0)
}

@media (hover: hover) and (pointer:fine) {
    html.app__layout--desktop .swiper-navigation-button_YA2DW {
        cursor:pointer
    }

    html.app__layout--desktop .swiper-navigation-button_YA2DW:hover {
        color: var(--BrandHighlight)
    }
}

html.app__layout--desktop .swiper-navigation-button--rounded_CF3EN {
    align-items: flex-start;
    width: 34px;
    height: 44px;
    padding: 10px 0;
    margin: auto 0;
    border-radius: 0 24px 24px 0
}

html.app__layout--desktop .swiper-navigation-button--rounded_CF3EN.swiper-navigation-button--next_0Vc8o {
    align-items: flex-end;
    border-radius: 24px 0 0 24px
}

@media (hover: hover) and (pointer:fine) {
}

.swiper-navigation-buttons_M9yN- {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .25s ease-in-out
}

.swiper:hover .swiper-navigation-buttons_M9yN- {
    opacity: 1
}

.swiper-navigation-buttons__btn_rOWlw {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: all;
    -webkit-user-select: none;
    user-select: none
}

.swiper-navigation-buttons__btn--prev_xGUjc {
    left: 0
}

.swiper-navigation-buttons__btn--next_plnna {
    right: 0
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

.swiper_-hlG5 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.swiper__wrapper_b1B0Q {
    position: relative;
    display: flex;
    width: 100%;
    transition-timing-function: ease-out;
    transition-property: transform;
    will-change: transform
}

.swiper-slide_TSII9 {
    position: relative;
    flex-shrink: 0;
    transform: translateZ(0);
    backface-visibility: hidden
}

.swiper-slide_TSII9 a,.swiper-slide_TSII9 div,.swiper-slide_TSII9 img {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none
}

.swiper-slide--hidden_gtM9- {
    visibility: hidden
}

.fade-carousel-slide_u8i9h {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    -webkit-user-select: none;
    user-select: none;
    opacity: 0;
    transition: opacity .4s ease-in-out 0s;
    -webkit-user-drag: none
}

.fade-carousel-slide--active_-MWpW {
    position: relative;
    z-index: 1;
    opacity: 1
}

.fade-carousel-banner__item--link-drag-prevent_WOgFQ {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none
}

.banner-section_kUcAi {
    position: relative
}

.banner-section__big-height_6jfT4 {
    padding: 0 0 24px
}

.banner-section__disable-click_GBk90 {
    position: absolute
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

.app-buttons_8mloP {
    display: flex
}

.app-buttons__buttons_dHFYT {
    display: flex
}

.app-buttons__item_tDSZC:first-child {
    margin-right: 8px
}

.app-buttons__text_ZxEhy {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .25px;
    display: flex;
    align-items: center;
    color: var(--TextPrimary)
}

.footer-copyright_InHFx {
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: normal;
    color: var(--TextSecondary);
    text-align: center
}

.footer-copyright__year_OL7mh {
    padding: 0;
    margin-bottom: 8px;
    background-color: initial
}

@media (min-width: 1990px) {
}

@media (max-width: 699px) {
}

.link_wQg1X {
    text-decoration: none
}

html.app__layout--desktop .footer__menu-list_fViwP {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    list-style: none
}

html.app__layout--desktop .footer__menu-list-item_xyaHo {
    display: flex;
    padding: 12px 0;
    color: var(--TextPrimary);
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: .25px
}

html.app__layout--desktop .footer__menu-list-item_xyaHo:hover {
    color: var(--TextDefault)
}

html.app__layout--desktop .footer__follow_GQ4Vb {
    padding-top: 20px
}

html.app__layout--desktop .footer__follow-title_YWDVf {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: normal;
    text-align: left
}

html.app__layout--desktop .footer__follow-list_M8rmb {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    align-self: stretch;
    justify-content: left;
    padding: 8px 0 24px
}

html.app__layout--desktop .footer__follow-item_I6y6R {
    margin: 0;
    overflow: hidden
}

.footer-license_DGMtf {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    align-items: center;
    justify-content: center
}

.odds-switcher-button_DOKaa {
    display: flex;
    flex: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: inherit;
    color: var(--TextPrimary);
    background: none;
    border: none
}

@media (hover: hover) and (pointer:fine) {
    .odds-switcher-button_DOKaa:hover .odds-switcher-button__visual_KZH8T {
        color:var(--TextDefault);
        cursor: pointer;
        background-color: var(--Highlight)
    }
}

.odds-switcher-button__visual_KZH8T {
    display: flex;
    gap: 6px;
    align-items: center;
    height: 36px;
    padding: 0 10px;
    background-color: var(--LegacyButton);
    border-radius: 18px;
    transition: background-color .15s ease-in-out,color .15s ease-in-out
}

.odds-switcher-button__title_2JwRD {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: normal
}

@media (hover: hover) and (pointer:fine) {
}

html.app__layout--desktop .footer_x5PU1 {
    z-index: 1;
    padding: 32px 0 40px;
    background-color: var(--Layer0);
    border-radius: 5px
}

@media (min-width: 700px) and (max-width:720px) {
    html.app__layout--desktop .footer_x5PU1 {
        max-width:calc(100% - 55px)
    }
}

html.app__layout--desktop .footer--visible_eTEPx {
    display: block
}

html.app__layout--desktop .footer__special_A-nHp {
    padding: 0;
    margin: 0
}

html.app__layout--desktop .footer__menu_H1d-5 {
    display: grid;
    margin-bottom: 16px;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 16px;
    justify-content: flex-start;
    padding: 32px 0 16px
}

html.app__layout--desktop .footer__menu-item--title_jeIzi {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: normal;
    margin: 0 0 16px;
    color: var(--TextDefault)
}

html.app__layout--desktop .footer__app_MqsGO {
    margin-bottom: 16px
}

html.app__layout--desktop .footer__bottom_lwUNd {
    width: 100%
}

html.app__layout--desktop .footer__bottom--switchers-box_BW2uh {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px
}

html.app__layout--desktop .footer__bottom-container_Ordbw {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

html.app__layout--desktop .footer__license_-KGy5 {
    margin-bottom: 16px
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@keyframes apply-text-ratio_SiWFC {
    0% {
        margin-bottom: -1lh;
        transform: scale(0)
    }
}

@media (hover: hover) and (pointer:fine) {
}

.brand_NJNZA {
    width: 51px;
    height: 18px
}

@media (min-width: 768px) {
    .brand_NJNZA {
        width:68px;
        height: 24px
    }
}

@media (min-width: 1280px) {
    .brand_NJNZA {
        width:68px;
        height: 24px
    }
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

@media (hover: hover) and (pointer:fine) {
}

@keyframes animate-progress_zrutr {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@media (min-width: 1024px) {
}

@media (min-width: 768px) {
}

.skeleton-image_bXTRf {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 4px;
    background-color: var(--Layer1);
    border-radius: 15px
}

.skeleton-image__logo_UkaYG {
    width: 60%;
    max-width: 72px
}

html.app__layout--desktop .lobby-egs-group-item_sG7hf {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-top: 53px;
    overflow: hidden;
    text-decoration: none;
    background-color: var(--Layer1);
    border-radius: 15px;
    isolation: isolate
}

@media (hover: hover) and (pointer:fine) {
    html.app__layout--desktop .lobby-egs-group-item_sG7hf:hover {
        background-color:var(--Highlight)
    }
}

html.app__layout--desktop .lobby-egs-group-item__wrapper_gAr5y {
    position: absolute;
    top: 4px;
    right: 4px;
    bottom: 4px;
    left: 4px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    html.app__layout--desktop .lobby-egs-group-item--big_9v9lV {
        padding-top:66px
    }
}

html.app__layout--desktop .lobby-egs-group-item__logo_4BZhg {
    width: 100%;
    height: 100%
}

@media only screen and (min-width: 500px) {
}

@media only screen and (min-width: 650px) {
}

html.app__layout--desktop .lobby-section-header_DHZgW {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px 0 8px
}

@media (min-width: 1280px) {
    html.app__layout--desktop .lobby-section-header_DHZgW {
        padding-right:0;
        padding-bottom: 8px;
        padding-left: 0
    }
}

html.app__layout--desktop .lobby-section-header__title_BG0cv {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 40px;
    margin: 0 16px;
    color: var(--TextDefault);
    font-size: 24px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: normal
}

@media (min-width: 768px) {
    html.app__layout--desktop .lobby-section-header__title_BG0cv {
        gap:16px;
        height: 40px
    }
}

@media (min-width: 768px) {
}

html.app__layout--desktop .lobby-section-header__icon_cZF9k {
    width: 20px;
    height: 20px;
    border-radius: 0
}

@media (min-width: 768px) {
    html.app__layout--desktop .lobby-section-header__icon_cZF9k {
        width:24px;
        height: 24px;
        border-radius: 0
    }
}

html.app__layout--desktop .lobby-section-header__controls_NOFZH {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-right: 8px;
    margin-left: auto
}

@media (min-width: 768px) {
    html.app__layout--desktop .lobby-section-header__controls_NOFZH {
        margin-right:0
    }
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@property --fortune-wheel-banner-gradient-angle {
    syntax: "<angle>";
    initial-value: 180deg;
    inherits: false
}

@property --fortune-wheel-banner-overlay-opacity-start {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --fortune-wheel-banner-overlay-opacity-end {
    syntax: "<number>";
    initial-value: 0;
    inherits: false
}

@property --fortune-wheel-banner-overlay-angle {
    syntax: "<angle>";
    initial-value: 180deg;
    inherits: false
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

.egs-jackpot-amount_gFv5A {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: normal;
    display: inline-flex;
    align-items: center;
    color: var(--TextDefault)
}

.egs-jackpot-amount--background_zj9nY {
    padding: 4px 4px 0;
    background-color: var(--Layer0);
    border-radius: 5px 5px 0 0
}

.egs-jackpot-amount__currency_ztDVF {
    min-width: 11px;
    margin: 0 8px
}

.egs-jackpot-amount__value-list_WCe5B {
    display: flex
}

.egs-jackpot-amount__item-value_SWRAo {
    width: 19px;
    padding: 4px;
    margin-left: 2px;
    background-color: var(--Layer1);
    border-radius: 5px
}

.egs-jackpot-amount__dot_f-LuN {
    width: 6px;
    margin: 4px 0 4px 2px
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

.egs-game-info-overlay_XAWKF {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: normal;
    display: flex;
    justify-content: flex-end
}

.egs-game-info-overlay__badges_Fk4aO {
    z-index: 5;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
    pointer-events: none
}

@media (hover: hover) and (pointer:fine) {
}

.egs-exclusive-badge_4p9Hq {
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 4px 8px;
    color: var(--DBrandText);
    background-color: #00000080;
    border-radius: 20px
}

.egs-game-item-bottom-badge_OBW9p {
    z-index: 2;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: normal;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    color: var(--BrandText);
    background-color: #00000080
}

.lobby-egs-games-item-buttons-hover_Hxm3- {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .2s ease
}

.lobby-egs-games-item-buttons-hover__btn_IriA4 {
    z-index: 1
}

.lobby-egs-games-item-buttons-hover__btn--demo_QDBjE {
    position: absolute;
    bottom: 12px
}

.lobby-egs-games-item-buttons-hover_Hxm3-:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    background-color: #0009;
    opacity: 0;
    transition: opacity .3s ease
}

.lobby-egs-games-item-buttons-hover_Hxm3-:hover,.lobby-egs-games-item-buttons-hover_Hxm3-:hover:after {
    opacity: 1
}

.lobby-egs-games-item-image_baKWs {
    position: relative;
    width: 100%;
    padding-top: 149.194%
}

.lobby-egs-games-item-image--jackpot_NeUrI {
    padding-top: 50%
}

.lobby-egs-games-item-image__image-content_TJqy5 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
    isolation: isolate
}

.lobby-egs-games-item-image__image_uUatd {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: transform .5s ease
}

.lobby-egs-games-item-image__badges_bXc5P {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
    display: inline-flex;
    column-gap: 2px;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 4px;
    pointer-events: none
}

.lobby-egs-games-item-image__provider-badge_UXQpV {
    position: absolute;
    right: 0;
    bottom: 8px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.lobby-egs-games-item-image__jackpot_I58fl {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}

.lobby-egs-games-item-image__exclusive_r0IaW {
    position: absolute;
    top: 4px;
    left: 4px
}

.lobby-egs-games-item-image_baKWs:hover .lobby-egs-games-item-image__image_uUatd {
    transform: scale(1.05)
}

.lobby-egs-games-item_dLeDf {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    text-decoration: none
}

.lobby-egs-games-item__name-wrapper_vAOp8 {
    position: relative;
    height: 12px
}

@media (min-width: 768px) {
    .lobby-egs-games-item__name-wrapper_vAOp8 {
        height:16px
    }
}

.lobby-egs-games-item__name_-H9IZ {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: normal;
    position: absolute;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--TextDefault);
    text-align: center;
    white-space: nowrap
}

@media (min-width: 768px) {
    .lobby-egs-games-item__name_-H9IZ {
        font-size:14px;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: .25px
    }
}

.lobby-egs-games-item__name--skeleton_CLtxE {
    position: relative;
    display: flex;
    align-items: center;
    width: 64px;
    max-width: 100%;
    height: 12px;
    margin: auto
}

.lobby-egs-games-item__name--skeleton_CLtxE:before {
    width: 100%;
    height: 7px;
    content: "";
    background-color: var(--TextDefault);
    border-radius: 20px;
    opacity: .2
}

@media (min-width: 768px) {
    .lobby-egs-games-item__name--skeleton_CLtxE {
        position:relative;
        display: flex;
        align-items: center;
        width: 64px;
        max-width: 100%;
        height: 16px
    }

    .lobby-egs-games-item__name--skeleton_CLtxE:before {
        width: 100%;
        height: 8px;
        content: "";
        background-color: var(--TextDefault);
        border-radius: 20px;
        opacity: .2
    }
}

.lobby-egs-games-item_dLeDf:hover .lobby-egs-games-item__name_-H9IZ {
    color: var(--BrandDefault)
}

.lobby-section-swiper-navigation_2tvOm {
    display: flex;
    margin-left: 10px
}

.lobby-section-swiper-navigation__button_nOHaN:last-child {
    margin-left: 4px
}

@media (hover: hover) and (pointer:fine) {
}

html.app__layout--desktop .lobby-swiper__swiper-wrapper_UD9lH {
    gap: 16px;
    padding: 8px 0 0
}

@media (min-width: 1280px) {
    html.app__layout--desktop .lobby-swiper__swiper-wrapper_UD9lH {
        padding:8px 0 0;
        gap: 16px
    }
}

@media (min-width: 1280px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1280px) {
}

html.app__layout--desktop .lobby-swiper__grid_4VIui {
    display: grid;
    grid-gap: 16px
}

html.app__layout--desktop .lobby-swiper--overflow-hidden_LPHQX {
    overflow: hidden
}

html.app__layout--desktop .lobby-swiper--grid-type-column-1_2COgW .lobby-swiper__grid_4VIui {
    grid-template-columns: repeat(1,1fr)
}

@media only screen and (min-width: 600px) {
}

@media (min-width: 500px) {
}

@media (min-width: 600px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 500px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 600px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 500px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

html.app__layout--desktop .lobby-swiper--type-column-game-default_x05z5 .lobby-swiper__slide_qS79Y {
    width: 124px
}

@media (min-width: 500px) {
    html.app__layout--desktop .lobby-swiper--type-column-game-default_x05z5 .lobby-swiper__slide_qS79Y {
        width:134px
    }
}

@media (min-width: 600px) {
    html.app__layout--desktop .lobby-swiper--type-column-game-default_x05z5 .lobby-swiper__slide_qS79Y {
        width:124px
    }
}

@media (min-width: 768px) {
    html.app__layout--desktop .lobby-swiper--type-column-game-default_x05z5 .lobby-swiper__slide_qS79Y {
        width:calc(16.66667% - 13.33333px)
    }
}

@media (min-width: 1280px) {
    html.app__layout--desktop .lobby-swiper--type-column-game-default_x05z5 .lobby-swiper__slide_qS79Y {
        width:calc(12.5% - 14px)
    }
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 600px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 600px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 600px) {
}

@media (min-width: 768px) {
}

@media (min-width: 768px) {
}

html.app__layout--desktop .lobby-swiper--type-column-jackpot_F8NfC .lobby-swiper__slide_qS79Y {
    width: 307px
}

@media (min-width: 768px) {
    html.app__layout--desktop .lobby-swiper--type-column-jackpot_F8NfC .lobby-swiper__slide_qS79Y {
        width:340px
    }
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

html.app__layout--desktop .lobby-swiper--type-column-group_NUH1G .lobby-swiper__slide_qS79Y {
    width: 128px
}

@media (min-width: 768px) {
    html.app__layout--desktop .lobby-swiper--type-column-group_NUH1G .lobby-swiper__slide_qS79Y {
        width:162px
    }
}

.lobby-swiper-section_dLJWF {
    padding: 0;
    border: none;
    border-radius: 0
}

@media (min-width: 1280px) {
    .lobby-swiper-section_dLJWF {
        padding:0
    }
}

@media (min-width: 1280px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@keyframes mask-animation_IL65V {
    0% {
        border-radius: 50%;
        transform: scaleX(.5)
    }

    to {
        border-radius: 5px 5px 0 0;
        transform: scaleX(1)
    }
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@keyframes runner-reflect-borders_8Pbgo {
    0% {
        border-top-left-radius: 40%0;
        border-top-right-radius: 40%0
    }

    50% {
        border-top-left-radius: 40% 15%;
        border-top-right-radius: 40% 15%
    }

    to {
        border-top-left-radius: 40% 15%;
        border-top-right-radius: 40% 15%
    }
}

@keyframes runner-reflect-up_fzmcq {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes runner-reflect-down_jI52h {
    0% {
        transform: translateY(0) rotate(180deg)
    }

    to {
        transform: translateY(100%) rotate(180deg)
    }
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (max-width: 320px) {
}

@media (max-width: 320px) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (max-width: 320px) {
}

@media (max-width: 320px) {
}

@media (max-width: 320px) {
}

@media (max-width: 320px) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (max-width: 360px) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (max-width: 360px) {
}

@media (max-width: 360px) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (max-width: 320px) {
}

@media (hover: hover) and (pointer:fine) {
}

@media (hover: hover) and (pointer:fine) {
}