.ui_icon__OafXJ{
    width: 1em;
    height: 1em;
    line-height: 1
}


@keyframes ui_spinner__tMYET {
    to {
        transform: rotate(1turn)
    }
}
.ui_root__jkTep{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s ease-out
}
.ui_root__jkTep:disabled, .ui_root_disabled__xYLA5{
    cursor: not-allowed;
    pointer-events: none
}
.ui_root_primary__fppbm{
    border: 1px solid var(--stroke-button-default);
    background: var(--background-button-primary-default);
    color: var(--content-button-primary)
}
.ui_root_primary__fppbm:not(.ui_root_withoutHover__72mgy):hover{
    background: var(--background-button-primary-hover)
}
.ui_root_primary__fppbm:not(.ui_root_withoutHover__72mgy):active{
    background: var(--background-button-primary-pressed)
}
.ui_root_primary__fppbm.ui_button_disabled__ZvYpu, .ui_root_primary__fppbm:disabled{
    border: 1px solid var(--stroke-button-disabled);
    background: var(--background-button-primary-disabled);
    color: var(--content-disabled)
}
.ui_root_primary__fppbm.ui_button_disabled__ZvYpu svg, .ui_root_primary__fppbm:disabled svg{
    color: var(--content-disabled);
    fill: var(--content-disabled)
}
.ui_root_primary__fppbm.ui_root_inverted__5PhUa{
    border: 1px solid var(--stroke-button-default);
    background: var(--background-button-inverted-primary-default);
    color: var(--content-button-inverted-primary)
}
.ui_root_primary__fppbm.ui_root_inverted__5PhUa:not(.ui_root_withoutHover__72mgy):hover{
    background: var(--background-button-inverted-primary-hover)
}
.ui_root_primary__fppbm.ui_root_inverted__5PhUa:not(.ui_root_withoutHover__72mgy):active{
    background: var(--background-button-inverted-primary-pressed)
}
.ui_root_primary__fppbm.ui_root_inverted__5PhUa.ui_button_disabled__ZvYpu, .ui_root_primary__fppbm.ui_root_inverted__5PhUa:disabled{
    border: 1px solid var(--stroke-button-disabled);
    background: var(--background-button-inverted-primary-disabled);
    color: var(--content-disabled)
}
.ui_root_primary__fppbm.ui_root_inverted__5PhUa.ui_button_disabled__ZvYpu svg, .ui_root_primary__fppbm.ui_root_inverted__5PhUa:disabled svg{
    color: var(--content-disabled);
    fill: var(--content-disabled)
}
.ui_root_primary__fppbm.ui_root_inverted__5PhUa{
    border: 1px solid rgba(0, 0, 0, 0)
}
.ui_root_secondary__89FM8{
    border: 1px solid var(--stroke-button-default);
    background: var(--background-button-secondary-default);
    color: var(--content-button-secondary)
}
.ui_root_secondary__89FM8:not(.ui_root_withoutHover__72mgy):hover{
    background: var(--background-button-secondary-hover)
}
.ui_root_secondary__89FM8:not(.ui_root_withoutHover__72mgy):active{
    background: var(--background-button-secondary-pressed)
}
.ui_root_secondary__89FM8.ui_button_disabled__ZvYpu, .ui_root_secondary__89FM8:disabled{
    border: 1px solid var(--stroke-button-disabled);
    background: var(--background-button-secondary-disabled);
    color: var(--content-disabled)
}
.ui_root_secondary__89FM8.ui_button_disabled__ZvYpu svg, .ui_root_secondary__89FM8:disabled svg{
    color: var(--content-disabled);
    fill: var(--content-disabled)
}
.ui_root_secondary__89FM8.ui_root_inverted__5PhUa{
    border: 1px solid var(--stroke-button-default);
    background: var(--background-button-inverted-secondary-default);
    color: var(--content-button-inverted-secondary)
}
.ui_root_secondary__89FM8.ui_root_inverted__5PhUa:not(.ui_root_withoutHover__72mgy):hover{
    background: var(--background-button-inverted-secondary-hover)
}
.ui_root_secondary__89FM8.ui_root_inverted__5PhUa:not(.ui_root_withoutHover__72mgy):active{
    background: var(--background-button-inverted-secondary-pressed)
}
.ui_root_secondary__89FM8.ui_root_inverted__5PhUa.ui_button_disabled__ZvYpu, .ui_root_secondary__89FM8.ui_root_inverted__5PhUa:disabled{
    border: 1px solid var(--stroke-button-disabled);
    background: var(--background-button-inverted-secondary-disabled);
    color: var(--content-disabled)
}
.ui_root_secondary__89FM8.ui_root_inverted__5PhUa.ui_button_disabled__ZvYpu svg, .ui_root_secondary__89FM8.ui_root_inverted__5PhUa:disabled svg{
    color: var(--content-disabled);
    fill: var(--content-disabled)
}
.ui_root_secondary__89FM8.ui_root_inverted__5PhUa{
    border: 1px solid rgba(0, 0, 0, 0)
}
.ui_root_neutral__zbLpu{
    border: 1px solid var(--stroke-button-default);
    background: var(--background-button-neutral-default);
    color: var(--content-button-neutral)
}
.ui_root_neutral__zbLpu:not(.ui_root_withoutHover__72mgy):hover{
    background: var(--background-button-neutral-hover)
}
.ui_root_neutral__zbLpu:not(.ui_root_withoutHover__72mgy):active{
    background: var(--background-button-neutral-pressed)
}
.ui_root_neutral__zbLpu.ui_button_disabled__ZvYpu, .ui_root_neutral__zbLpu:disabled{
    border: 1px solid var(--stroke-button-disabled);
    background: var(--background-button-neutral-disabled);
    color: var(--content-disabled)
}
.ui_root_neutral__zbLpu.ui_button_disabled__ZvYpu svg, .ui_root_neutral__zbLpu:disabled svg{
    color: var(--content-disabled);
    fill: var(--content-disabled)
}
.ui_root_neutral__zbLpu.ui_root_inverted__5PhUa{
    border: 1px solid var(--stroke-button-default);
    background: var(--background-button-inverted-neutral-default);
    color: var(--content-button-inverted-neutral)
}
.ui_root_neutral__zbLpu.ui_root_inverted__5PhUa:not(.ui_root_withoutHover__72mgy):hover{
    background: var(--background-button-inverted-neutral-hover)
}
.ui_root_neutral__zbLpu.ui_root_inverted__5PhUa:not(.ui_root_withoutHover__72mgy):active{
    background: var(--background-button-inverted-neutral-pressed)
}
.ui_root_neutral__zbLpu.ui_root_inverted__5PhUa.ui_button_disabled__ZvYpu, .ui_root_neutral__zbLpu.ui_root_inverted__5PhUa:disabled{
    border: 1px solid var(--stroke-button-disabled);
    background: var(--background-button-inverted-neutral-disabled);
    color: var(--content-disabled)
}
.ui_root_neutral__zbLpu.ui_root_inverted__5PhUa.ui_button_disabled__ZvYpu svg, .ui_root_neutral__zbLpu.ui_root_inverted__5PhUa:disabled svg{
    color: var(--content-disabled);
    fill: var(--content-disabled)
}
.ui_root_neutral__zbLpu.ui_root_inverted__5PhUa{
    border: 1px solid var(--stroke-button-inverted-default)
}
.ui_root_noBackground__zpXc5{
    border: 1px solid var(--stroke-button-default);
    background: var(--background-button-no-background-default);
    color: var(--content-button-no-background)
}
.ui_root_noBackground__zpXc5:not(.ui_root_withoutHover__72mgy):hover{
    background: var(--background-button-no-background-hover)
}
.ui_root_noBackground__zpXc5:not(.ui_root_withoutHover__72mgy):active{
    background: var(--background-button-no-background-pressed)
}
.ui_root_noBackground__zpXc5.ui_button_disabled__ZvYpu, .ui_root_noBackground__zpXc5:disabled{
    border: 1px solid var(--stroke-button-disabled);
    background: var(--background-button-no-background-disabled);
    color: var(--content-disabled)
}
.ui_root_noBackground__zpXc5.ui_button_disabled__ZvYpu svg, .ui_root_noBackground__zpXc5:disabled svg{
    color: var(--content-disabled);
    fill: var(--content-disabled)
}
.ui_root_noBackground__zpXc5{
    border: 1px solid rgba(0, 0, 0, 0)
}
.ui_root_noBackground__zpXc5.ui_root_inverted__5PhUa{
    border: 1px solid var(--stroke-button-default);
    background: var(--background-button-inverted-no-background-default);
    color: var(--content-button-inverted-no-background)
}
.ui_root_noBackground__zpXc5.ui_root_inverted__5PhUa:not(.ui_root_withoutHover__72mgy):hover{
    background: var(--background-button-inverted-no-background-hover)
}
.ui_root_noBackground__zpXc5.ui_root_inverted__5PhUa:not(.ui_root_withoutHover__72mgy):active{
    background: var(--background-button-inverted-no-background-pressed)
}
.ui_root_noBackground__zpXc5.ui_root_inverted__5PhUa.ui_button_disabled__ZvYpu, .ui_root_noBackground__zpXc5.ui_root_inverted__5PhUa:disabled{
    border: 1px solid var(--stroke-button-disabled);
    background: var(--background-button-inverted-no-background-disabled);
    color: var(--content-disabled)
}
.ui_root_noBackground__zpXc5.ui_root_inverted__5PhUa.ui_button_disabled__ZvYpu svg, .ui_root_noBackground__zpXc5.ui_root_inverted__5PhUa:disabled svg{
    color: var(--content-disabled);
    fill: var(--content-disabled)
}
.ui_root_noBackground__zpXc5.ui_root_inverted__5PhUa{
    border: 1px solid rgba(0, 0, 0, 0)
}
.ui_root_size_x_small__tlp7G{
    gap: 6px;
    min-width: 64px;
    padding: 6px 12px;
    border-radius: calc(var(--button_sm)*1px);
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    line-height: 16px
}
.ui_root_size_x_small__tlp7G.ui_root_iconOnly__vZsx4{
    min-width: unset;
    padding: 4px
}
.ui_root_size_small__n0pUc{
    gap: 6px;
    min-width: 80px;
    padding: 8px 14px;
    border-radius: calc(var(--button_sm)*1px);
    font-weight: 500;
    font-style: normal;
    font-size: 12px;
    line-height: 16px
}
.ui_root_size_small__n0pUc.ui_root_iconOnly__vZsx4{
    min-width: unset;
    padding: 6px
}
.ui_root_size_medium__50whq{
    gap: 6px;
    min-width: 80px;
    padding: 10px 16px;
    border-radius: calc(var(--button_md)*1px);
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    line-height: 16px
}
.ui_root_size_medium__50whq.ui_root_iconOnly__vZsx4{
    min-width: unset;
    padding: 8px
}
.ui_root_size_large___By0z{
    gap: 6px;
    min-width: 100px;
    padding: 12px 16px;
    border-radius: calc(var(--button_lg)*1px);
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
    line-height: 20px
}
.ui_root_size_large___By0z.ui_root_iconOnly__vZsx4{
    min-width: unset;
    padding: 10px
}
.ui_root_rounded__UoM9r{
    width: unset;
    min-width: unset;
    max-width: 56px;
    height: unset;
    min-height: unset;
    max-height: 56px;
    border-radius: 50%
}
.ui_root_fullWidth__2rAGU{
    width: 100%
}
.ui_root_size_small__n0pUc .ui_img__U0y_4, .ui_root_size_x_small__tlp7G .ui_img__U0y_4{
    width: 16px;
    height: 16px
}
.ui_root_size_medium__50whq .ui_img__U0y_4{
    width: 20px;
    height: 20px
}
.ui_root_size_large___By0z .ui_img__U0y_4{
    width: 24px;
    height: 24px
}
.ui_root_size_x_small__tlp7G.ui_root_iconOnly__vZsx4 .ui_img__U0y_4{
    width: 12px;
    height: 12px
}
.ui_icon__CeumR.ui_root_withoutHover__72mgy{
    background-color: inherit !important;
    pointer-events: none
}
.ui_root_size_small__n0pUc .ui_icon__CeumR, .ui_root_size_x_small__tlp7G .ui_icon__CeumR{
    font-size: 16px
}
.ui_root_size_medium__50whq .ui_icon__CeumR{
    font-size: 20px
}
.ui_root_size_large___By0z .ui_icon__CeumR{
    font-size: 24px
}
.ui_root_size_x_small__tlp7G.ui_root_iconOnly__vZsx4 .ui_icon__CeumR{
    font-size: 12px
}
.ui_root__uuVeD{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 114px
}
@media(hover:hover){.ui_root__uuVeD:hover{
        cursor: pointer
    }}
.ui_main__BAEOj{
    position: relative;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    border-radius: 8px;
    background: var(--background-surface-stage-2)
}
.ui_overlay__gIvyA{
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    padding: 12px 0;
    border-radius: 6px;
    background: var(--background-overlay-card-game-primary);
    font-weight: 600;
    font-style: italic;
    line-height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease-out;
    inset: 0 -.1px;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    will-change: opacity
}
@media(hover:hover){.ui_root__uuVeD:hover .ui_overlay__gIvyA{
        opacity: 1;
        visibility: visible
    }}
.ui_overlayText__FLQoN{
    min-height: 20px;
    font-weight: 600;
    font-style: normal;
    font-size: 8px;
    color: var(--content-card-game-primary);
    line-height: 8px;
    text-align: center;
    text-overflow: ellipsis
}
.ui_overlayButton_play__WFZ27{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 15px;
    aspect-ratio: 1
}
.ui_overlayFooter__h4MdO{
    min-height: 30px
}
.ui_textBlock__OZlH0{
    display: flex;
    flex-direction: column
}
.ui_textBlockTitle__as0j3{
    margin-top: 10px;
    font-weight: 600;
    font-size: 8px;
    color: var(--content-card-game-secondary);
    text-transform: uppercase
}
.ui_textBlockDescription__4qOGP{
    overflow: hidden;
    margin-top: 4px;
    font-weight: 500;
    font-size: 16px;
    color: var(--content-card-game-primary);
    text-overflow: ellipsis;
    white-space: nowrap
}
.ui_root__iSWXt{
    display: flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
    width: max-content;
    height: 40px;
    padding: 10px;
    border: 1px solid var(--stroke-chips-default);
    border-radius: 88px;
    background: var(--background-chips-default);
    color: var(--content-chips-default)
}
@media(hover:hover){.ui_root__iSWXt{
        cursor: pointer
    }
.ui_root__iSWXt:hover{
        border: 1px solid var(--stroke-chips-hover);
        background: var(--background-chips-hover);
        color: var(--content-chips-hover)
    }}
.ui_root__iSWXt:active{
    border: 1px solid var(--stroke-chips-active);
    background: var(--background-chips-active);
    color: var(--content-chips-active)
}
@media(hover:hover){.ui_root__iSWXt:active{
        cursor: pointer
    }
.ui_root__iSWXt:active:hover{
        border: 1px solid var(--stroke-chips-active);
        background: var(--background-chips-active);
        color: var(--content-chips-active)
    }}
.ui_root_template_1__vmJjZ{
    flex-direction: column;
    min-width: 113px;
    height: 82px;
    padding: 10px 5px;
    border-radius: 8px
}
.ui_text__qxBDW{
    margin: 0;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    font-family: var(--primary-font-family, Inter);
    line-height: 16px;
    text-align: center;
    white-space: nowrap
}
.ui_root_small__fLk8b .ui_text__qxBDW{
    font-size: 12px
}
.ui_imageContainer__niHX_{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px
}
.ui_imageContainer_template_1__lEmZK{
    width: 40px;
    height: 40px
}
.ui_image__KIkw7{
    width: auto;
    height: 100%
}
.ui_root__DvEKV{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    padding: 0 16px;
    border: 1px solid var(--stroke-input-default);
    border-radius: calc(var(--select_lg)*1px);
    background: var(--background-dropdown-header-default)
}
@media(hover:hover){.ui_root__DvEKV{
        cursor: pointer
    }
.ui_root__DvEKV:not(.ui_root_opened__SEuMk):hover{
        border: 1px solid var(--stroke-dropdown-header-hover);
        background: var(--background-dropdown-header-hover)
    }
.ui_root__DvEKV.ui_root_inverted__uIfkn:not(.ui_root_opened__SEuMk):hover{
        border: 1px solid rgba(0, 0, 0, 0);
        background: var(--background-menu-item-inverted-neutral-hover)
    }}
.ui_root_lite__mY47E{
    width: 32px;
    height: 32px;
    padding: 5px;
    border: 1px solid var(--stroke-button-default);
    background: var(--background-button-neutral-default)
}
.ui_root_lite__mY47E.ui_root_inverted__uIfkn{
    border: 1px solid var(--stroke-button-inverted-default);
    background: var(--background-button-inverted-neutral-default)
}
@media(min-width:960px){.ui_root_lite__mY47E{
        width: 40px;
        height: 40px;
        padding: 9px
    }}
.ui_value__Fe6RG{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    color: var(--content-primary)
}
.ui_root_disabled__J3DPg .ui_value__Fe6RG{
    color: var(--content-disabled)
}
.ui_root_inverted__uIfkn .ui_value__Fe6RG{
    color: var(--content-inverted-primary)
}
.ui_root_disabled__J3DPg.ui_root_inverted__uIfkn .ui_value__Fe6RG{
    color: var(--content-inverted-disabled)
}
.ui_selectContainer__hsbtr{
    position: absolute;
    top: 115%;
    z-index: 200;
    display: none;
    overflow: hidden;
    width: 100%;
    border: 1px solid var(--stroke-input-default);
    border-radius: 10px;
    background: var(--background-select-dropdown-group-primary);
    font-family: inherit;
    transition: all .5s;
    inset-inline-start: 0
}
@media(hover:hover){.ui_selectContainer__hsbtr{
        cursor: pointer
    }}
.ui_root_inverted__uIfkn .ui_selectContainer__hsbtr{
    border: 1px solid var(--stroke-input-inverted-default);
    background: var(--background-select-dropdown-group-primary)
}
.ui_selectContainer_lite__gq4Iy{
    width: auto;
    min-width: 190px;
    inset-inline-start: auto;
    inset-inline-end: 0
}
.ui_optionContainer__GP20Q{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 48px;
    padding: 16px;
    color: var(--content-dropdown-body-item-default)
}
.ui_root_inverted__uIfkn .ui_optionContainer__GP20Q{
    color: var(--content-primary)
}
.ui_optionContainer_lite__DjYZv{
    padding: 14px 16px
}
.ui_optionContainer__GP20Q:last-of-type{
    border-bottom: none
}
@media(hover:hover){.ui_optionContainer__GP20Q{
        cursor: pointer
    }
.ui_optionContainer__GP20Q:hover{
        background: var(--background-dropdown-body-item-hover);
        color: var(--content-dropdown-body-item-hover)
    }
.ui_root_inverted__uIfkn .ui_optionContainer__GP20Q:hover{
        background: var(--background-dropdown-body-item-inverted-hover);
        color: var(--content-dropdown-body-item-inverted-hover)
    }}


@keyframes ui_openPopupMobile__sALQY {
    0% {
        top: 100%
    }
    to {
        top: calc(var(--headerHeight) + 20px)
    }
}


@keyframes ui_closePopupMobile__RZmwH {
    0% {
        top: calc(var(--headerHeight) + 20px)
    }
    to {
        top: 100%
    }
}


@keyframes ui_showModalDesktop__HFwuP {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}


@keyframes ui_hideModalDesktop__hmfAE {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}


@keyframes ui_showTop__kYdvo {
    0% {
        top: calc(var(--headerHeight) + 24px - 15px);
        opacity: 0
    }
    to {
        top: calc(var(--headerHeight) + 24px);
        opacity: 1
    }
}


@keyframes ui_hideTop__ZNb_A {
    0% {
        top: calc(var(--headerHeight) + 24px);
        opacity: 1
    }
    to {
        top: calc(var(--headerHeight) + 24px - 15px);
        opacity: 0
    }
}


@keyframes ui_showBottom__UXe5K {
    0% {
        bottom: -5px;
        opacity: 0
    }
    to {
        bottom: 10px;
        opacity: 1
    }
}


@keyframes ui_hideBottom__WWRBi {
    0% {
        bottom: 10px;
        opacity: 1
    }
    to {
        bottom: -5px;
        opacity: 0
    }
}


@keyframes ui_shimmer__LadU2 {
    0% {
        background-position: -200% 0
    }
    to {
        background-position: 200% 0
    }
}


@keyframes ui_showDrawerBackdrop__QYorU {
    0% {
        opacity: 0
    }
    to {
        opacity: .8
    }
}


@keyframes ui_showDrawerBody__08Jp3 {
    0% {
        opacity: 0;
        transform: translateX(390px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}


@keyframes ui_showLeftDrawerBody__wZ3vi {
    0% {
        opacity: 0;
        transform: translateX(-390px)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}


@keyframes ui_closeDrawerBackdrop__J3xrV {
    0% {
        opacity: .8
    }
    to {
        opacity: 0
    }
}


@keyframes ui_closeDrawerBody__n3RlA {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        opacity: 0;
        transform: translateX(390px)
    }
}


@keyframes ui_closeLeftDrawerBody__eL6_e {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        opacity: 0;
        transform: translateX(-390px)
    }
}
.ui_root__rtY_1{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 208px;
    padding: 16px;
    border-radius: 8px;
    background: var(--background-help-center-primary)
}
.ui_root_vertical__LRjY_, .ui_root_vertical__LRjY_ .ui_buttonsContainer__6lbFN{
    flex-direction: column
}
.ui_root_template_1__VZLI5{
    padding: 0;
    background: none
}
.ui_textContainer___8l5g{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 16px
}
.ui_title__qeAMW{
    margin: 0 0 4px;
    font-weight: 500;
    font-style: normal;
    font-size: 14px;
    color: var(--content-primary);
    line-height: 16px
}
.ui_description__oe_oG{
    margin: 0;
    font-weight: 400;
    font-style: normal;
    font-size: 12px;
    color: var(--content-tertiary);
    line-height: 20px
}
.ui_buttonsContainer__6lbFN{
    display: flex;
    gap: 8px;
    width: 100%
}