.Indicator_container__bjXbg {
    font-size: var(--frontly-label-x-sm-font-size);
    font-weight: var(--frontly-label-x-sm-font-weight);
    line-height: var(--frontly-label-x-sm-line-height);
    letter-spacing: var(--frontly-label-x-sm-letter-spacing);
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.Indicator_container__bjXbg.Indicator_dot__72Pbk {
    width: 10px;
    height: 10px;
    background-color: var(--frontly-illustration-bright-pink);
    border-radius: 10px
}

.Indicator_container__bjXbg.Indicator_counter__XfiKP {
    min-width: 16px;
    min-height: 8px;
    padding: 2px 5px;
    color: var(--frontly-white-100);
    cursor: pointer;
    background-color: var(--frontly-illustration-dark-purple);
    border-radius: 10px
}

.Indicator_container__bjXbg.Indicator_hidden__YCnFI {
    display: none
}

.InventoryGroup_container__XBRTC {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px
}

.InventoryGroup_title__0fVSu {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing)
}

.InventoryOption_container__I7tiC {
    --text-color: var(--frontly-graybase-100);
    --background-color: transparent;
    display: flex;
    column-gap: 10px;
    align-items: center;
    padding: 8px;
    cursor: pointer;
    background-color: var(--background-color);
    border-radius: 4px
}

.InventoryOption_container__I7tiC .InventoryOption_image__bm2U_ {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    min-width: 64px;
    height: 48px
}

.InventoryOption_container__I7tiC .InventoryOption_empty-image__hsnbA {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 22px;
    background-color: var(--frontly-purple-200-8);
    border-radius: 35px
}

.InventoryOption_container__I7tiC .InventoryOption_empty-image__hsnbA .InventoryOption_icon__8MWl3 {
    width: 20px;
    height: 20px
}

.InventoryOption_container__I7tiC .InventoryOption_content__qUW36 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 2px;
    transition: color .1s
}

.InventoryOption_container__I7tiC .InventoryOption_content__qUW36 .InventoryOption_title__XSXTw {
    color: var(--text-color);
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.InventoryOption_container__I7tiC .InventoryOption_content__qUW36 .InventoryOption_name__drS_T {
    color: var(--frontly-white-100);
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.InventoryOption_container__I7tiC .InventoryOption_delete-button__b08Jy {
    width: 16px;
    min-width: 16px;
    height: 16px;
    min-height: 16px;
    margin: 0 6px 0 2px;
    color: var(--frontly-purple-100-64);
    visibility: hidden
}

.InventoryOption_container__I7tiC.InventoryOption_mobile__qAjIr .InventoryOption_delete-button__b08Jy {
    visibility: visible
}

.InventoryOption_container__I7tiC.InventoryOption_desktop__EhP92:hover {
    --text-color: var(--frontly-white-100);
    --background-color: var(--frontly-purple-200-8)
}

.InventoryOption_container__I7tiC.InventoryOption_desktop__EhP92:hover .InventoryOption_delete-button__b08Jy {
    visibility: visible
}

.InventoryOption_container__I7tiC.InventoryOption_desktop__EhP92:hover .InventoryOption_delete-button__b08Jy:hover {
    color: var(--frontly-white-100)
}

.AutocompleteFilter_nothing-found__UwOOb {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 72px
}

.AutocompleteFilter_nothing-found__UwOOb.AutocompleteFilter_desktop___bIEl {
    padding: 24px
}

.AutocompleteFilter_desktop___bIEl.AutocompleteFilter_container__rPTyb {
    width: 100%
}

.AutocompleteFilter_desktop___bIEl .AutocompleteFilter_options-list__jg2s4 {
    padding: 8px
}

.AutocompleteFilter_mobile__BSRQQ.AutocompleteFilter_container__rPTyb {
    display: flex
}

.AutocompleteFilter_mobile__BSRQQ.AutocompleteFilter_options-list__jg2s4 {
    height: 100%;
    padding: 0 8px 8px
}

.AutocompleteFilter_mobile__BSRQQ .AutocompleteFilter_open-button__lha_K {
    position: relative;
    width: 24px;
    height: 24px
}

.AutocompleteFilter_mobile__BSRQQ .AutocompleteFilter_icon__edEhF {
    display: flex;
    cursor: pointer
}

.AutocompleteFilter_autocomplete-content__U6nTD {
    --modal-content-padding-left: 0!important;
    --modal-content-padding-right: 0!important;
    --modal-content-padding-bottom: 0!important
}

.StatusFailed_container__8XjSt,.StatusPending_container__4cTZB {
    display: flex;
    align-items: center;
    justify-content: center
}

.StatusPending_container__4cTZB .StatusPending_loader__bt_fS {
    width: 100%;
    height: 100%
}

.TopupBanner_container__XNcxB {
    display: flex;
    justify-content: center;
    margin-top: 68px
}

.TopupBanner_container__XNcxB .TopupBanner_img__abysb {
    width: 100%;
    max-width: 880px;
    min-height: 100px;
    cursor: pointer;
    transition: filter .3s ease
}

.TopupBanner_container__XNcxB .TopupBanner_img__abysb.TopupBanner_default__gh1BA:hover {
    filter: drop-shadow(0 0 28px rgba(89,18,168,.8))
}

.TopupBanner_container__XNcxB .TopupBanner_img__abysb.TopupBanner_xmas__X8Y6H:hover {
    filter: drop-shadow(0 0 28px #1091ff)
}

.TopupBanner_container__XNcxB .TopupBanner_img__abysb.TopupBanner_bf__yd6GO:hover {
    filter: drop-shadow(0 0 28px #35fa47)
}

.StatusSuccess_container__Z998g {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.StatusSuccess_price__uSsHH {
    display: inline;
    color: var(--frontly-green-400)
}

.SteamCookiesConsentModal_title__GhsRc {
    margin-bottom: 8px;
    color: var(--frontly-white-100);
    font-size: var(--frontly-headline-x-sm-font-size);
    font-weight: var(--frontly-headline-x-sm-font-weight);
    line-height: var(--frontly-headline-x-sm-line-height);
    letter-spacing: var(--frontly-headline-x-sm-letter-spacing)
}

.SteamCookiesConsentModal_text__ETwFi {
    margin-bottom: 24px;
    color: var(--frontly-graybase-100);
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.SteamCookiesConsentModal_text__ETwFi a {
    color: var(--frontly-purple-400);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.SteamCookiesConsentModal_subtitle__wKF0B {
    margin-bottom: 12px;
    color: var(--frontly-white-100);
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing)
}

.SteamCookiesConsentModal_accordion__IO66m {
    padding: 0 12px;
    background-color: var(--frontly-graybase-700-60);
    border-radius: 4px
}

.SteamCookiesConsentModal_buttons__xquvg {
    display: flex;
    gap: 16px;
    width: 100%
}

.PendingMessage_loader__WZ_b7 {
    width: 100%;
    height: 100%
}

.PendingMessageModal_message__P5Jfp {
    min-height: 320px
}

.PrivateUserInventoryMessage_pic__r8g5_ {
    min-height: 100px;
    overflow: hidden;
    line-height: 0;
    border-radius: 4px
}

.UpdateSteamTradeLinkMessage_get-link__v8nPp {
    align-self: center;
    margin-top: -8px;
    margin-bottom: 24px
}

.UpdateSteamTradeLinkMessage_input__NE2hI {
    width: 100%
}

.OnlineStep_app-buttons__bN67Q {
    display: flex;
    column-gap: 12px;
    padding-top: 32px;
    text-align: left
}

.Layout-module_container__4Y53g {
    --viewport-height: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: var(--viewport-height)
}

.Layout-module_header__1-9mG {
    position: relative
}

.Layout-module_content-area__Vm8O9 {
    position: relative;
    display: flex;
    flex-grow: 1;
    width: 100%;
    height: var(--viewport-height)
}

.Layout-module_content-area__Vm8O9 .Layout-module_content__Np24Y {
    flex: 1 1 auto;
    width: inherit;
    min-width: inherit;
    height: inherit;
    min-height: inherit
}

.Layout-module_content-area__Vm8O9.Layout-module_fixed__h72tF {
    overflow: hidden auto
}

.Layout-module_footer__KfXWJ {
    position: relative
}

.Banner_description__loYxY {
    font-family: Inter,sans-serif
}

.Banner_description__loYxY.Banner_popover__hxh_k {
    color: var(--frontly-graybase-100);
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.Banner_description__loYxY.Banner_modal__Hm7U2 {
    color: var(--frontly-graybase-200)
}

.Banner_description__loYxY.Banner_modal__Hm7U2.Banner_desktop__hoiqX {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.Banner_description__loYxY.Banner_modal__Hm7U2.Banner_mobile__yTobz {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.Banner_description__loYxY .Banner_link__hRjjI {
    color: var(--frontly-purple-400)
}

.Content_header__i7UiC {
    display: flex;
    justify-content: space-between
}

.Content_active__4JfT1 {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    color: var(--frontly-green-400)
}

.Content_active__4JfT1 .Content_icon__K6JRW {
    width: 16px;
    height: 16px
}

.Footer_container__PyPJ6 {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    justify-content: center
}

.Footer_container__PyPJ6.Footer_desktop__xiyPZ {
    gap: 16px
}

.Footer_container__PyPJ6.Footer_mobile__0Lggr {
    gap: 12px
}

.AcceptableOnly_container__qZcTM {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 20;
    box-sizing: border-box;
    display: block!important;
    max-width: 1000px;
    margin-right: auto;
    margin-left: auto
}

.AcceptableOnly_container__qZcTM.AcceptableOnly_desktop__El_JQ {
    bottom: 40px;
    width: calc(100% - 80px)
}

.AcceptableOnly_container__qZcTM.AcceptableOnly_mobile__FIiIu {
    bottom: 20px;
    width: calc(100% - 32px)
}

.AcceptableOnly_container-wrapper__zDGex {
    position: relative;
    display: flex;
    align-items: center;
    background-color: var(--frontly-graybase-800);
    border-radius: 8px;
    opacity: 0;
    transition: opacity .3s ease-out,transform .3s ease-out;
    transform: translateY(50%) scale(.9)
}

.AcceptableOnly_container-wrapper__zDGex.AcceptableOnly_visible__wJDfZ {
    opacity: 1;
    transition: all .3s ease-in;
    transform: translate(0) scale(1)
}

.AcceptableOnly_container-wrapper__zDGex.AcceptableOnly_desktop__El_JQ {
    flex-direction: row;
    gap: 32px;
    padding: 32px
}

.AcceptableOnly_container-wrapper__zDGex.AcceptableOnly_mobile__FIiIu {
    flex-direction: column;
    gap: 24px;
    padding: 16px 20px 20px
}

.AcceptableOnly_button__hV7eF.AcceptableOnly_desktop__El_JQ {
    max-width: 180px
}

.Default_container__OZpf_ {
    position: absolute;
    left: 50%;
    box-sizing: border-box;
    display: block!important;
    max-width: 1000px;
    transform: translate(-50%)
}

.Default_container__OZpf_.Default_desktop__JIp_T {
    bottom: 40px;
    width: calc(100% - 80px)
}

.Default_container__OZpf_.Default_mobile__ktR5Q {
    bottom: 20px;
    width: calc(100% - 32px)
}

.Default_container-wrapper___PDAA {
    position: relative;
    display: flex;
    background-color: var(--frontly-graybase-600);
    border-radius: 8px;
    opacity: 0;
    transition: opacity .3s ease-out,transform .3s ease-out;
    transform: translateY(50%) scale(.9)
}

.Default_container-wrapper___PDAA.Default_visible__1I_c4 {
    opacity: 1;
    transition: all .3s ease-in;
    transform: translate(0) scale(1)
}

.Default_container-wrapper___PDAA.Default_desktop__JIp_T {
    flex-direction: row;
    gap: 32px;
    padding: 32px
}

.Default_container-wrapper___PDAA.Default_mobile__ktR5Q {
    flex-direction: column;
    gap: 24px;
    padding: 16px 20px 20px
}

.Default_button-group__8HZqG {
    display: flex
}

.Default_button-group__8HZqG.Default_desktop__JIp_T {
    flex-direction: row;
    gap: 16px;
    align-items: center
}

.Default_button-group__8HZqG.Default_mobile__ktR5Q {
    gap: 12px
}

.Default_button-accept__JddHk.Default_desktop__JIp_T {
    width: 180px
}

.Score_container__Syra3 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 148px;
    margin-right: 16px
}

.Score_title__1dvG4 {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: .6;
    text-align: right;
    text-transform: uppercase
}

.Score_title__1dvG4.Score_default__YINR2 {
    color: #ff0
}

.Score_title__1dvG4.Score_bf__QEZql {
    color: #100f14
}

.Score_title__1dvG4.Score_xmas__TWpmM {
    color: #ff0
}

.Score_counter__4BLRk {
    display: flex;
    gap: 8px;
    align-items: baseline;
    justify-content: flex-end
}

.Score_counter__4BLRk .Score_logo__JTans {
    width: 24px;
    height: 24px
}

.Score_counter__4BLRk .Score_value__xPHRU {
    font-family: DrukTextCyApp,sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    line-height: 80%;
    text-transform: uppercase;
    letter-spacing: -1.28px
}

.Score_counter__4BLRk .Score_value__xPHRU.Score_default__YINR2,.Score_counter__4BLRk .Score_value__xPHRU.Score_xmas__TWpmM {
    color: #fff
}

.Score_counter__4BLRk .Score_value__xPHRU.Score_bf__QEZql {
    color: #100f14
}

.Timer_container__BqgHv {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 144px
}

.Timer_title__7xakt {
    font-family: Inter,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    font-feature-settings: "ss01" on,"cv01" on;
    line-height: .6;
    text-transform: uppercase
}

.Timer_title__7xakt.Timer_default__PEYbY,.Timer_title__7xakt.Timer_xmas__omv97 {
    color: #ff0
}

.Timer_title__7xakt.Timer_bf__kQNQH {
    color: #100f14
}

.Timer_value__8Bbp6 {
    font-family: DrukTextCyApp,sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
    line-height: 80%;
    text-transform: uppercase;
    letter-spacing: -1.28px
}

.Timer_value__8Bbp6.Timer_bf__kQNQH {
    color: #100f14
}

.Timer_value__8Bbp6.Timer_default__PEYbY,.Timer_value__8Bbp6.Timer_xmas__omv97 {
    color: #fff
}

.HeaderBanner_container__69W_a {
    position: relative;
    display: block;
    width: 100%;
    height: 64px;
    background-color: #911fc9
}

.HeaderBanner_container__69W_a .HeaderBanner_background__CCqjC {
    position: absolute;
    z-index: 0;
    max-width: 3840px;
    margin: auto
}

.HeaderBanner_container__69W_a:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: block;
    pointer-events: none;
    content: "";
    background: var(--frontly-white-100);
    opacity: 0;
    transition: opacity .3s ease-out
}

@media(hover: hover)and (pointer:fine) {
    .HeaderBanner_container__69W_a:hover:after {
        opacity:.1
    }
}

.HeaderBanner_content__YfMub {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.HeaderBanner_content__YfMub .HeaderBanner_left-side__LpBfQ {
    display: flex;
    gap: 27px;
    align-items: center;
    width: 360px
}

.HeaderBanner_content__YfMub .HeaderBanner_right-side__4DUCa {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media(max-width: 1024px) {
    .HeaderBanner_content__YfMub {
        justify-content:center
    }
}

.HeaderBanner_centralBlock__VncfJ {
    position: relative;
    width: 664px;
    height: 64px;
    overflow: hidden
}

.HeaderBanner_centralBlock__VncfJ .HeaderBanner_image__zX1Xl {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .4s ease,transform .6s ease;
    transform: translateX(100%)
}

.HeaderBanner_centralBlock__VncfJ .HeaderBanner_image__zX1Xl.HeaderBanner_active__f3snk {
    opacity: 1;
    transform: translateX(0)
}

.HeaderBanner_centralBlock__VncfJ .HeaderBanner_image__zX1Xl.HeaderBanner_leaving__VteF1 {
    opacity: 0
}

.HeaderBanner_centralBlock__VncfJ .HeaderBanner_image__zX1Xl:nth-child(n).HeaderBanner_active__f3snk {
    animation: HeaderBanner_slideInRight__5eoMX .6s ease forwards
}

.HeaderBanner_centralBlock__VncfJ .HeaderBanner_image__zX1Xl:nth-child(n).HeaderBanner_leaving__VteF1 {
    animation: HeaderBanner_slideOutLeft__HWsNM .6s ease forwards
}

.HeaderBanner_centralBlock__VncfJ .HeaderBanner_imageWrapper__z672E {
    position: relative;
    width: 100%;
    height: 100%
}

@media(max-width: 1024px) {
    .HeaderBanner_centralBlock__VncfJ {
        display:none
    }
}

@keyframes HeaderBanner_slideInRight__5eoMX {
    0% {
        opacity: 0;
        transform: translateX(100%)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes HeaderBanner_slideOutLeft__HWsNM {
    0% {
        opacity: 1;
        transform: translateX(0)
    }

    to {
        opacity: 0;
        transform: translateX(-20%)
    }
}

.LinkListDesktop_container__Otnu2 {
    display: flex;
    column-gap: 12px
}

.LinkListDesktop_link__RrFH4 {
    font-size: var(--frontly-label-sm-font-size);
    font-weight: var(--frontly-label-sm-font-weight);
    line-height: var(--frontly-label-sm-line-height);
    letter-spacing: var(--frontly-label-sm-letter-spacing);
    flex-grow: 1;
    align-self: flex-end;
    justify-content: center
}

.SuggestionButton_container__R7BsF {
    --container-padding: unset;
    --container-gap: unset;
    --content-gap: unset;
    --icon-size: unset;
    --chevron-size: unset;
    display: flex;
    column-gap: var(--container-gap);
    align-items: center;
    width: 100%;
    padding: var(--container-padding);
    cursor: pointer;
    background: var(--frontly-purple-200-8);
    border-radius: 8px;
    transition: all var(--frontly-duration-short-02)
}

.SuggestionButton_container__R7BsF .SuggestionButton_icon__c2nD0 {
    display: flex;
    width: var(--icon-size);
    min-width: var(--icon-size);
    height: var(--icon-size);
    color: var(--frontly-graybase-100)
}

.SuggestionButton_container__R7BsF .SuggestionButton_content__FW0Ql {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    row-gap: var(--content-gap);
    min-width: 0
}

.SuggestionButton_container__R7BsF .SuggestionButton_content__FW0Ql .SuggestionButton_title__VvA0q {
    color: var(--frontly-white-100)
}

.SuggestionButton_container__R7BsF .SuggestionButton_content__FW0Ql .SuggestionButton_description___ElzE {
    overflow: hidden;
    color: var(--frontly-graybase-200);
    text-overflow: ellipsis;
    white-space: nowrap
}

.SuggestionButton_container__R7BsF .SuggestionButton_chevron__AqoaD {
    width: var(--chevron-size);
    min-width: var(--chevron-size);
    height: var(--chevron-size);
    color: var(--frontly-graybase-200)
}

.SuggestionButton_container__R7BsF.SuggestionButton_disabled__yRLAt {
    cursor: default;
    opacity: .4
}

@media(hover: hover)and (pointer:fine) {
    .SuggestionButton_container__R7BsF:not(.SuggestionButton_disabled__yRLAt):hover {
        background:var(--frontly-purple-200-16)
    }
}

.SuggestionButton_container__R7BsF.SuggestionButton_size-md__NDcOG {
    --container-padding: 8px 8px 8px 12px;
    --container-gap: 12px;
    --content-gap: 2px;
    --icon-size: 20px;
    --chevron-size: 24px
}

.SuggestionButton_container__R7BsF.SuggestionButton_size-md__NDcOG .SuggestionButton_title__VvA0q {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing)
}

.SuggestionButton_container__R7BsF.SuggestionButton_size-md__NDcOG .SuggestionButton_description___ElzE {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing)
}

.SuggestionButton_container__R7BsF.SuggestionButton_size-lg__OS8N4 {
    --container-padding: 12px 8px 12px 16px;
    --container-gap: 16px;
    --icon-size: 24px;
    --chevron-size: 28px
}

.SuggestionButton_container__R7BsF.SuggestionButton_size-lg__OS8N4 .SuggestionButton_title__VvA0q {
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing)
}

.SuggestionButton_container__R7BsF.SuggestionButton_size-lg__OS8N4 .SuggestionButton_description___ElzE {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.LinkListMobile_container__j9pal {
    width: 100%
}

.SkinCard_container__j2BU_ {
    --table-width: unset;
    --row-gap: unset;
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.SkinCard_container__j2BU_ .SkinCard_table__Gj_TP {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: var(--table-width);
    padding: 20px;
    background-color: var(--frontly-graybase-700-60);
    border-radius: 4px
}

.SkinCard_container__j2BU_ .SkinCard_table__Gj_TP .SkinCard_row__dQ3Ac {
    display: flex;
    gap: var(--row-gap);
    align-items: baseline;
    justify-content: space-between
}

.SkinCard_container__j2BU_ .SkinCard_table__Gj_TP .SkinCard_row__dQ3Ac .SkinCard_left-column__zAouR {
    display: flex
}

.SkinCard_container__j2BU_ .SkinCard_table__Gj_TP .SkinCard_row__dQ3Ac .SkinCard_left-column__zAouR.SkinCard_detailed-column__wN9WZ {
    flex-direction: column
}

.SkinCard_container__j2BU_ .SkinCard_table__Gj_TP .SkinCard_row__dQ3Ac .SkinCard_right-column__d_LHO {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    display: flex;
    align-items: center;
    color: var(--frontly-white-100)
}

.SkinCard_container__j2BU_ .SkinCard_table__Gj_TP .SkinCard_row__dQ3Ac .SkinCard_title__dcSK9 {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    color: var(--frontly-graybase-100)
}

.SkinCard_container__j2BU_ .SkinCard_table__Gj_TP .SkinCard_row__dQ3Ac .SkinCard_description__Vz1au {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing);
    color: var(--frontly-graybase-200)
}

.SkinCard_container__j2BU_ .SkinCard_table__Gj_TP .SkinCard_row__dQ3Ac .SkinCard_demand__eDRJ7 {
    width: 16px;
    height: 16px;
    margin-right: 2px;
    fill: var(--frontly-white-100)
}

.SkinCard_container__j2BU_ .SkinCard_table__Gj_TP .SkinCard_row__dQ3Ac .SkinCard_hint__I6sur {
    width: 16px;
    height: 16px;
    margin-left: 6px
}

.SkinCard_container__j2BU_ .SkinCard_loader__cmFN5 {
    --loader-size: 32px;
    --loader-color: var(--frontly-graybase-200)
}

.SkinCard_desktop__58Y01 {
    --table-width: 348px;
    --row-gap: 20px;
    gap: 28px
}

.SkinCard_mobile__zVhBl {
    --table-width: 100%;
    --row-gap: 20px;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: flex-start
}

.SkinCard_tooltip__F2DBu {
    --tooltip-max-width: 320px;
    --tooltip-max-height: unset
}

.ItemStatusModal_container__R9dwb {
    --filters-direction: unset;
    --filters-margin-bottom: unset;
    --content-gap: unset;
    --content-min-height: unset;
    display: flex;
    flex-direction: column
}

.ItemStatusModal_container__R9dwb .ItemStatusModal_filters__fyk_B {
    display: flex;
    flex-direction: var(--filters-direction);
    gap: 12px;
    margin-bottom: var(--filters-margin-bottom)
}

.ItemStatusModal_container__R9dwb .ItemStatusModal_filters__fyk_B .ItemStatusModal_game-filter__yEZdZ {
    gap: 8px;
    align-self: flex-start
}

.ItemStatusModal_container__R9dwb .ItemStatusModal_filters__fyk_B .ItemStatusModal_game-filter__yEZdZ .ItemStatusModal_icon__UbtHB {
    width: 20px;
    height: 20px
}

.ItemStatusModal_container__R9dwb .ItemStatusModal_filters__fyk_B .ItemStatusModal_game-filter__yEZdZ .ItemStatusModal_button__Dkcka {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing)
}

.ItemStatusModal_container__R9dwb .ItemStatusModal_filters__fyk_B .ItemStatusModal_autocomplete__n9Its {
    flex-grow: 1
}

.ItemStatusModal_container__R9dwb .ItemStatusModal_content__QTLD9 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: var(--content-gap);
    justify-content: space-between;
    min-height: var(--content-min-height)
}

.ItemStatusModal_container__R9dwb .ItemStatusModal_content__QTLD9 .ItemStatusModal_links__aFedc {
    margin-top: auto
}

.ItemStatusModal_desktop__0fJQR {
    --filters-direction: row;
    --filters-margin-bottom: 40px;
    --content-gap: 40px;
    --content-min-height: 260px
}

.ItemStatusModal_mobile__IV_FS {
    --filters-direction: column;
    --filters-margin-bottom: 32px;
    --content-gap: 24px;
    --content-min-height: calc(var(--viewport-height) - 264px)
}

.StatusError_container__svKRc,.StatusNotFound_container__ETrvr {
    display: flex;
    align-items: center;
    align-self: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.TableOfBotsDesktop_container__guhqm {
    --transition-in: all var(--frontly-duration-short-02) var(--frontly-easing-ease);
    --transition-out: all var(--frontly-duration-short-01) var(--frontly-easing-ease);
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_content__Aewkn {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    justify-content: flex-start;
    height: 572px;
    padding-right: 4px;
    margin-right: -4px;
    overflow-y: scroll
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_content__Aewkn .TableOfBotsDesktop_status__GmYfh {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-right: -4px
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_content__Aewkn .TableOfBotsDesktop_loader__ydo9U {
    --loader-size: 36px
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_data-row__DGfY6 {
    display: grid;
    grid-template-columns: 40px 180px 96px 46px 20px;
    grid-gap: 12px;
    align-items: center;
    padding: 6px 6px 6px 12px;
    cursor: pointer;
    border-radius: 4px;
    transition: var(--transition-out)
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_data-row__DGfY6 .TableOfBotsDesktop_cell__bU9PI {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    overflow: hidden;
    color: var(--frontly-graybase-100);
    text-overflow: ellipsis
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_data-row__DGfY6 .TableOfBotsDesktop_cell__bU9PI.TableOfBotsDesktop_name__sUrZD {
    color: var(--frontly-white-100)
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_data-row__DGfY6 .TableOfBotsDesktop_cell__bU9PI.TableOfBotsDesktop_level__KyEef {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing);
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 22px;
    height: 22px;
    padding: 4px 6px;
    color: var(--frontly-white-100);
    border: 1px solid var(--frontly-yellow-500);
    border-radius: 200px
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_data-row__DGfY6 .TableOfBotsDesktop_cell__bU9PI.TableOfBotsDesktop_arrow__jqKYu {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 3px;
    color: var(--frontly-graybase-100);
    background-color: var(--frontly-purple-200-8);
    border-radius: 4px;
    opacity: 0;
    transition: var(--transition-out)
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_data-row__DGfY6.TableOfBotsDesktop_header__qcik2 {
    padding: 6px 12px;
    cursor: default
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_data-row__DGfY6.TableOfBotsDesktop_header__qcik2 .TableOfBotsDesktop_cell__bU9PI {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing);
    color: var(--frontly-white-100)
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_data-row__DGfY6:not(.TableOfBotsDesktop_header__qcik2):hover {
    background-color: var(--frontly-graybase-500);
    transition: var(--transition-in)
}

.TableOfBotsDesktop_container__guhqm .TableOfBotsDesktop_data-row__DGfY6:not(.TableOfBotsDesktop_header__qcik2):hover .TableOfBotsDesktop_arrow__jqKYu {
    opacity: 1;
    transition: var(--transition-in)
}

.TableOfBotsMobile_container__FEmCd {
    --transition-in: all var(--frontly-duration-short-02) var(--frontly-easing-ease);
    --transition-out: all var(--frontly-duration-short-01) var(--frontly-easing-ease);
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_content__8ou5c {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    justify-content: flex-start;
    height: calc(var(--viewport-height) - 200px);
    padding-right: 4px;
    overflow-y: scroll
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_content__8ou5c .TableOfBotsMobile_status__Zp3ZO {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-right: -4px
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_content__8ou5c .TableOfBotsMobile_loader__oQwwz {
    --loader-size: 36px
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_data-row__GEErj {
    display: grid;
    grid-template-columns: 40px 1fr 20px;
    grid-gap: 12px;
    align-items: center;
    padding: 6px 12px;
    cursor: pointer;
    border-radius: 4px;
    transition: var(--transition-out)
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_data-row__GEErj .TableOfBotsMobile_cell__l86AB {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    display: flex;
    column-gap: 8px;
    overflow: hidden;
    color: var(--frontly-graybase-100);
    text-overflow: ellipsis
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_data-row__GEErj .TableOfBotsMobile_cell__l86AB.TableOfBotsMobile_arrow__ROgjn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    padding: 3px;
    color: var(--frontly-graybase-100);
    background-color: var(--frontly-purple-200-8);
    border-radius: 4px;
    transition: var(--transition-out)
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_data-row__GEErj .TableOfBotsMobile_info__5E8pU {
    display: flex;
    flex-direction: column;
    row-gap: 6px
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_data-row__GEErj .TableOfBotsMobile_info__5E8pU .TableOfBotsMobile_name__16jEW {
    color: var(--frontly-white-100)
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_data-row__GEErj .TableOfBotsMobile_level__QQagq {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing);
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 22px;
    height: 22px;
    padding: 4px 6px;
    color: var(--frontly-white-100);
    border: 1px solid var(--frontly-yellow-500);
    border-radius: 200px
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_data-row__GEErj.TableOfBotsMobile_header__f_vbP {
    padding: 6px 12px;
    cursor: default
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_data-row__GEErj.TableOfBotsMobile_header__f_vbP .TableOfBotsMobile_cell__l86AB {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing);
    color: var(--frontly-white-100)
}

.TableOfBotsMobile_container__FEmCd .TableOfBotsMobile_data-row__GEErj:not(.TableOfBotsMobile_header__f_vbP):hover {
    background-color: var(--frontly-graybase-500);
    transition: var(--transition-in)
}

.ListOfBots_content__06WNo {
    row-gap: 20px
}

.VisualSettingsModal_container__FJUtO {
    --title-margin-bottom: 6px;
    --description-margin-bottom: 20px;
    display: flex;
    flex-direction: column
}

.VisualSettingsModal_container__FJUtO .VisualSettingsModal_title__7vlV9 {
    margin-bottom: var(--title-margin-bottom)
}

.VisualSettingsModal_container__FJUtO .VisualSettingsModal_description__XQ55y {
    margin-bottom: var(--description-margin-bottom);
    color: var(--frontly-graybase-200)
}

.VisualSettingsModal_container__FJUtO.VisualSettingsModal_desktop___gYkX {
    --title-margin-bottom: 6px;
    --description-margin-bottom: 20px
}

.VisualSettingsModal_container__FJUtO.VisualSettingsModal_desktop___gYkX .VisualSettingsModal_title__7vlV9 {
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing)
}

.VisualSettingsModal_container__FJUtO.VisualSettingsModal_desktop___gYkX .VisualSettingsModal_description__XQ55y {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.VisualSettingsModal_container__FJUtO.VisualSettingsModal_mobile__rX_ad {
    --title-margin-bottom: 4px;
    --description-margin-bottom: 16px
}

.VisualSettingsModal_container__FJUtO.VisualSettingsModal_mobile__rX_ad .VisualSettingsModal_title__7vlV9 {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing)
}

.VisualSettingsModal_container__FJUtO.VisualSettingsModal_mobile__rX_ad .VisualSettingsModal_description__XQ55y {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.VisualSettingsModal_radio-group__4cOU7 {
    gap: 40px
}

.VisualSettingsModal_divider___E1Pl {
    margin-top: 32px;
    margin-bottom: 32px
}

.LegalInfo_container__ohPZD {
    color: var(--frontly-graybase-200)
}

.LegalInfo_container__ohPZD p {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing)
}

.LegalInfo_container__ohPZD p.LegalInfo_size-x-lg__qxPFV {
    max-width: 540px
}

.LegalInfo_container__ohPZD p.LegalInfo_size-lg__F_mPq {
    max-width: 460px
}

.LegalInfo_container__ohPZD p.LegalInfo_size-md__U6SM8 {
    max-width: 400px
}

.LegalInfo_container__ohPZD p.LegalInfo_size-sm__i7Kpe {
    max-width: 360px
}

.LegalInfo_desktop__UQWy_ {
    display: flex;
    flex-direction: row;
    gap: 16px
}

.LegalInfo_mobile__rpmdw {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.AppleButton_icon___k1Av {
    width: 36px;
    height: 36px;
    color: var(--frontly-white-100)
}

.FooterColumn_container__AqmK6 {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0
}

.FooterColumn_column-name__6798U {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing);
    margin-bottom: 8px;
    color: var(--frontly-white-100);
    white-space: nowrap
}

.FooterColumn_item-list__YY9F7 {
    --link-color: var(--frontly-graybase-200);
    --link-color-hover: var(--frontly-graybase-100);
    margin-bottom: 8px;
    color: var(--link-color);
    cursor: pointer;
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.FooterColumn_item-list__YY9F7:hover {
    color: var(--link-color-hover)
}

.DownloadCards_container__lUXG9 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.Copyright_container__zbDf5 {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing);
    color: var(--frontly-graybase-200)
}

.Copyright_mobile__DqUWB {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    line-height: 24px;
    white-space: pre-wrap
}

.Partners_container__Dek5o {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 10px;
    gap: 10px;
    justify-content: flex-start
}

.Partners_container__Dek5o .Partners_icon__fVvoD {
    width: 32px
}

.SocialNetworks_container__7k76i {
    --items-gap: unset;
    --link-size: unset;
    --items-wrap: unset;
    display: flex;
    flex-wrap: var(--items-wrap);
    gap: var(--items-gap)
}

.SocialNetworks_container__7k76i .SocialNetworks_link__BzQkr {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--link-size);
    height: var(--link-size)
}

.SocialNetworks_container__7k76i .SocialNetworks_link__BzQkr .SocialNetworks_icon__98Hgc {
    width: 28px;
    height: 28px;
    color: var(--frontly-purple-100-64)
}

.SocialNetworks_container__7k76i .SocialNetworks_link__BzQkr:hover .SocialNetworks_icon__98Hgc {
    color: var(--frontly-white-100)
}

.SocialNetworks_desktop__cdJmx {
    --items-gap: 20px;
    --link-size: 34px;
    --items-wrap: nowrap
}

.SocialNetworks_mobile__X_dWx {
    --items-gap: 16px;
    --link-size: 40px;
    --items-wrap: wrap;
    justify-content: center
}

.Footer_container__Urhys {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    padding: 20px 16px 16px;
    overflow: hidden
}

.Footer_top-block__BHpi8 {
    display: flex;
    justify-content: space-between
}

.Footer_top-block__BHpi8 .Footer_logo__ivSkm {
    display: block;
    width: 132px;
    margin-top: -15px
}

.Footer_bottom-block__gV6xO {
    display: flex;
    gap: 48px;
    align-items: flex-end;
    justify-content: space-between
}

.Footer_bottom-block__gV6xO .Footer_social-copyright__2VK9W {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end
}

.Footer_bottom-block__gV6xO .Footer_social-copyright__2VK9W .Footer_copyright-wrapper__ygav0 {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: flex-end;
    min-width: 446px
}

.Footer_bottom-block__gV6xO .Footer_social-copyright__2VK9W .Footer_copyright-wrapper__ygav0 .Footer_divider__T_Oue {
    height: 20px
}

.Footer_bottom-block__gV6xO .Footer_social-copyright__2VK9W.Footer_row__uAuc9 {
    flex-direction: row;
    gap: 36px
}

.PopupCard_container__mJfAg {
    --viewport-height: 100vh;
    --card-width: unset;
    --card-min-width: 320px;
    --card-height: unset;
    --card-max-height: unset;
    --card-min-height: 64px;
    --card-background: var(--frontly-graybase-700);
    --header-padding-top: unset;
    --header-padding-right: unset;
    --header-padding-bottom: unset;
    --header-padding-left: unset;
    --header-min-height: calc(var(--header-line-height) + var(--header-padding-top));
    --close-button-top: 20px;
    --close-button-right: 20px;
    --close-button-width: 20px;
    --close-button-height: 20px;
    --close-button-color: var(--frontly-white-100-50);
    --close-button-color-hover: var(--frontly-white-100);
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    width: var(--card-width);
    min-width: var(--card-min-width);
    height: var(--card-height);
    min-height: var(--card-min-height);
    max-height: var(--card-max-height);
    overflow: hidden;
    background-color: var(--card-background);
    border-radius: 4px;
    box-shadow: 0 0 16px rgba(20,20,22,.4),0 8px 24px rgba(20,20,22,.4)
}

.PopupCard_container__mJfAg * {
    box-sizing: border-box
}

.PopupCard_size-sm__8xPP_,.PopupCard_size-x-sm__4NW5F {
    --card-width: 376px;
    --header-padding-top: 20px;
    --header-padding-right: 24px;
    --header-padding-bottom: 16px;
    --header-padding-left: 24px
}

.PopupCard_size-md__rd4JC {
    --card-width: 520px;
    --header-padding-top: 30px;
    --header-padding-right: 30px;
    --header-padding-bottom: 16px;
    --header-padding-left: 30px
}

.PopupCard_size-lg__JPrJ6 {
    --card-width: 780px;
    --header-padding-top: 30px;
    --header-padding-right: 30px;
    --header-padding-bottom: 16px;
    --header-padding-left: 30px
}

.PopupCard_size-auto__7yEiP {
    --card-width: 100%;
    --card-height: 100%;
    --header-padding-top: 20px;
    --header-padding-right: 16px;
    --header-padding-bottom: 16px;
    --header-padding-left: 16px
}

.PopupCard_size-fullscreen__V_4UM {
    --card-width: 100vw;
    --card-height: var(--viewport-height);
    --header-padding-top: 20px;
    --header-padding-right: 16px;
    --header-padding-bottom: 16px;
    --header-padding-left: 16px
}

.PopupCard_closable__IbAHW {
    --header-padding-right: 44px
}

.PopupCard_header__Po1dh {
    display: flex;
    padding: var(--header-padding-top) var(--header-padding-right) var(--header-padding-bottom) var(--header-padding-left);
    font-size: var(--frontly-headline-x-sm-font-size);
    font-weight: var(--frontly-headline-x-sm-font-weight);
    line-height: var(--frontly-headline-x-sm-line-height);
    letter-spacing: var(--frontly-headline-x-sm-letter-spacing)
}

.PopupCard_header__Po1dh:empty {
    min-height: var(--header-min-height)
}

.PopupCard_close-button__vzgr0 {
    position: absolute;
    top: var(--close-button-top);
    right: var(--close-button-right);
    z-index: 1;
    width: var(--close-button-width);
    height: var(--close-button-height);
    cursor: pointer
}

.PopupCard_close-button__vzgr0:focus {
    outline: none
}

.PopupCard_close-button__vzgr0 path {
    fill: var(--close-button-color)
}

.PopupCard_close-button__vzgr0:hover path {
    fill: var(--close-button-color-hover)
}

.PopupCard_body__LHJfD {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: 0
}

.PushNotifications_container__1rDgL.PushNotifications_desktop__0vQse {
    width: 0;
    transform: translateY(4px)
}

.PushNotifications_container__1rDgL.PushNotifications_desktop__0vQse .PushNotifications_item__p95SM {
    width: 495px;
    margin: 0 0 8px;
    animation: PushNotifications_item-closing-desktop__m6YWN .1s ease-in forwards
}

.PushNotifications_container__1rDgL.PushNotifications_desktop__0vQse .PushNotifications_item__p95SM.PushNotifications_visible__GCTV7 {
    animation: PushNotifications_item-appearing-desktop__TBMOz .2s ease-out .1s forwards
}

@keyframes PushNotifications_item-appearing-desktop__TBMOz {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(calc(-100% - 12px))
    }
}

@keyframes PushNotifications_item-closing-desktop__m6YWN {
    0% {
        transform: translateX(calc(-100% - 12px))
    }

    to {
        transform: translateX(0)
    }
}

.PushNotifications_container__1rDgL.PushNotifications_mobile__VBnxM {
    transform: translateY(calc(-100% - 4px))
}

.PushNotifications_container__1rDgL.PushNotifications_mobile__VBnxM .PushNotifications_item__p95SM {
    width: calc(100vw - 24px);
    margin: 0 0 4px;
    animation: PushNotifications_item-closing-mobile__Gua_u .1s ease-in forwards
}

.PushNotifications_container__1rDgL.PushNotifications_mobile__VBnxM .PushNotifications_item__p95SM.PushNotifications_visible__GCTV7 {
    animation: PushNotifications_item-appearing-mobile__MT4MB .2s ease-out forwards
}

@keyframes PushNotifications_item-appearing-mobile__MT4MB {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

@keyframes PushNotifications_item-closing-mobile__Gua_u {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

.InstallMobileApp_footer__BJHcS {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 16px;
    margin-top: 28px
}

.InstallMobileApp_footer__BJHcS .InstallMobileApp_app-buttons__Jfcan {
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr));
    grid-gap: 16px;
    gap: 16px
}

.InstantSellButton_link__TLpro {
    display: inline-flex;
    gap: 2px;
    align-items: center;
    height: 30px;
    padding: 0 5px 0 2px;
    margin-left: 12px;
    overflow: hidden;
    color: var(--frontly-illustration-dark-gray);
    background: var(--frontly-illustration-bright-mint);
    border-radius: 4px;
    transition: all var(--frontly-duration-short-02) var(--frontly-easing-ease)
}

.InstantSellButton_link__TLpro .InstantSellButton_icon__mtp3T {
    width: 24px;
    height: 22px
}

.InstantSellButton_link__TLpro:hover {
    background: #a9fec3
}

.InstantSellButton_link__TLpro.InstantSellButton_small__BU_C0 {
    margin-left: 32px;
    font-size: 15px
}

.InstantSellButton_link__TLpro.InstantSellButton_small__BU_C0 .InstantSellButton_icon__mtp3T {
    width: 20px;
    height: 20px
}

.InstantSellButton_text__6w31f {
    margin-top: -2px;
    font-family: DrukTextCyApp,sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 130%;
    text-transform: uppercase;
    letter-spacing: -.63px;
    white-space: nowrap
}

.NavigationMenu_container___q0hx {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    height: 100%
}

.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH {
    --transition-props: var(--frontly-duration-short-02) var(--frontly-easing-ease);
    font-size: var(--frontly-label-sm-font-size);
    font-weight: var(--frontly-label-sm-font-weight);
    line-height: var(--frontly-label-sm-line-height);
    letter-spacing: var(--frontly-label-sm-letter-spacing);
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 16px;
    color: var(--frontly-graybase-200);
    text-decoration: none;
    cursor: pointer;
    transition: color var(--transition-props)
}

.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH:first-child {
    margin-left: 0
}

.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH:last-child {
    margin-right: 0
}

.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH:before {
    position: absolute;
    top: 0;
    width: 100%;
    height: 4px;
    content: "";
    background-color: currentcolor;
    border-radius: 0 0 4px 4px;
    transition: transform var(--transition-props);
    transform: scaleX(0)
}

.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH:hover:before {
    transform: scaleX(.5)
}

.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH.NavigationMenu_active__K1tMt:before {
    transform: scale(1)
}

.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH.NavigationMenu_active__K1tMt.NavigationMenu_red__n3tLS,.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH:hover.NavigationMenu_red__n3tLS {
    color: var(--frontly-red-400)
}

.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH.NavigationMenu_active__K1tMt.NavigationMenu_purple__EBnf2,.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH:hover.NavigationMenu_purple__EBnf2 {
    color: var(--frontly-purple-300)
}

.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH.NavigationMenu_active__K1tMt.NavigationMenu_pink__zTCXh,.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH:hover.NavigationMenu_pink__zTCXh {
    color: var(--frontly-pink-500)
}

.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH.NavigationMenu_active__K1tMt.NavigationMenu_bluish-white__Rj8J6,.NavigationMenu_container___q0hx .NavigationMenu_item__FWIZH:hover.NavigationMenu_bluish-white__Rj8J6 {
    color: var(--frontly-purple-100)
}

.Bell_container__kqifv {
    display: flex;
    align-items: center;
    cursor: pointer
}

.Bell_container__kqifv:focus {
    outline: none
}

.Bell_container__kqifv.Bell_has-indicator__0SRjV {
    position: relative
}

.Bell_container__kqifv.Bell_has-indicator__0SRjV:after {
    position: absolute;
    top: -6px;
    right: -8px;
    width: 12px;
    height: 12px;
    content: "";
    background-color: var(--frontly-illustration-bright-pink);
    border: 2px solid var(--frontly-graybase-700);
    border-radius: 50%
}

.Bell_bell__c4Cey {
    width: 24px
}

.Bell_bell__c4Cey path {
    fill: var(--frontly-graybase-200);
    transition: all var(--frontly-duration-short-02)
}

.Bell_bell__c4Cey.Bell_highlight__t4Bej path,.Bell_bell__c4Cey:hover path {
    fill: var(--frontly-white-100);
    transition: all var(--frontly-duration-medium-01)
}

.Panel_container__avNTA {
    --panel-top-offset: 0
}

.Panel_container__avNTA.Panel_desktop__sjsQB {
    min-height: 375px;
    max-height: calc(var(--viewport-height) - var(--panel-top-offset) - 120px);
    border: 1px solid var(--frontly-graybase-900-40)
}

.Panel_container__avNTA.Panel_mobile__tzWjK {
    width: 100vw;
    height: calc(var(--viewport-height) - var(--panel-top-offset));
    max-height: calc(var(--viewport-height) - var(--panel-top-offset))
}

.Loader_container___UaKJ {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
    margin: auto
}

.Loader_loader__L82rU {
    width: 42px;
    height: 42px;
    margin-bottom: 25px;
    border-width: 4px
}

.Loader_title__R1ieq {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    color: var(--frontly-white-100)
}

.Notifications_container__tFyJj {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    border-top: 1px solid var(--frontly-white-100-10);
    -ms-overflow-style: none;
    scrollbar-width: none
}

.Notifications_container__tFyJj::-webkit-scrollbar {
    display: none
}

.CardBaseContent_container__Jj0Yt {
    --container-align-items: unset;
    --content-text-align: unset;
    --content-text-max-width: 264px;
    display: flex;
    flex-direction: column;
    align-items: var(--container-align-items)
}

.CardBaseContent_container__Jj0Yt.CardBaseContent_align-center___ArEn {
    --container-align-items: center;
    --content-text-align: center
}

.CardBaseContent_container__Jj0Yt.CardBaseContent_align-left__6jdVv {
    --container-align-items: flex-start;
    --content-text-align: left
}

.CardBaseContent_container__Jj0Yt.CardBaseContent_full-width__07VQn {
    --content-text-max-width: unset;
    flex: 1 1
}

.CardBaseContent_icon__PZ2aG {
    position: relative;
    width: 52px;
    height: 52px;
    margin-bottom: 24px
}

.CardBaseContent_icon__PZ2aG svg {
    width: 100%;
    height: 100%
}

.CardBaseContent_description__POs9T,.CardBaseContent_title__3kYzl {
    max-width: var(--content-text-max-width);
    text-align: var(--content-text-align);
    letter-spacing: 0
}

.CardBaseContent_title__3kYzl {
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    color: var(--frontly-white-100)
}

.CardBaseContent_description__POs9T {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: var(--frontly-graybase-200)
}

.CardBaseContent_content__FIfpb {
    position: relative
}

.CardBody_container__uKIsT {
    min-width: 0;
    height: 100%
}

.CardBody_container__uKIsT.CardBody_layout-column__iGd8f {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

.CardBody_container__uKIsT.CardBody_layout-inline__KsVAA {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    min-width: 0;
    height: 100%
}

.CardBody_size-sm__TlYWs {
    padding-right: 24px;
    padding-left: 24px
}

.CardBody_size-lg__I78LJ,.CardBody_size-md__AIXkd {
    padding-right: 30px;
    padding-left: 30px
}

.Status_container__X1vew {
    margin: auto
}

.Status_submit-button__EqOD1 {
    width: 264px;
    margin: 24px auto 0
}

.NotificationCenter_panel__x18SZ.NotificationCenter_show__GMrsl {
    animation: NotificationCenter_n-center-show__AmNp8 .3s ease forwards
}

.NotificationCenter_panel__x18SZ.NotificationCenter_hide__UXlp4 {
    animation: NotificationCenter_n-center-hide__P1J8H .3s ease-out forwards
}

@keyframes NotificationCenter_n-center-show__AmNp8 {
    0% {
        opacity: .4;
        transform: translateY(-8px)
    }

    90%,to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes NotificationCenter_n-center-hide__P1J8H {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    50%,to {
        opacity: 0;
        transform: translateY(-8px)
    }
}

.SteamBalanceButton_link__Hi55V {
    position: relative;
    display: inline-flex;
    gap: 4px;
    align-items: center;
    height: 30px;
    padding: 0 8px 0 4px;
    margin-left: 12px;
    overflow: hidden;
    background: linear-gradient(90deg,#5f2cff,#1091ff);
    border-radius: 4px
}

.SteamBalanceButton_link__Hi55V:after {
    position: absolute;
    inset: 0;
    z-index: 20;
    display: block;
    pointer-events: none;
    content: "";
    background: var(--frontly-white-100);
    opacity: 0;
    transition: all var(--frontly-duration-short-02) var(--frontly-easing-ease)
}

.SteamBalanceButton_link__Hi55V:hover:after {
    opacity: .1
}

.SteamBalanceButton_text__nQzG8 {
    margin-top: -2px;
    font-family: DrukTextCyApp,sans-serif;
    font-size: 21px;
    font-weight: 700;
    line-height: 130%;
    color: var(--frontly-white-100);
    text-transform: uppercase;
    letter-spacing: -.63px;
    white-space: nowrap
}

@font-face {
    font-family: DrukTextCyApp;
    font-size:21px;font-style: italic;
    font-weight: 500;
    src: url(/reborn/fonts/DrukTextApp/druk-textbold-italic-app.woff2) format("woff2");
    font-display: swap
}

.TooltipUserCurrencyBalance_container__20naw {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing);
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    color: var(--frontly-white-100)
}

.TooltipUserCurrencyBalance_container__20naw .TooltipUserCurrencyBalance_row__OaKwb {
    display: inline-block
}

.TooltipUserCurrencyBalance_container__20naw .TooltipUserCurrencyBalance_price__2MaKv {
    display: inline
}

.TooltipMainContent_container__CFDzY {
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.TooltipMainContent_container__CFDzY .TooltipMainContent_title__E3M_g {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing);
    color: var(--frontly-pink-500)
}

.TooltipMainContent_container__CFDzY .TooltipMainContent_description__RFmfP {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    color: var(--frontly-graybase-100)
}

.DepositOptions_container__5eU61 {
    --border-width: 1px;
    --border-color: transparent;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 12px
}

.DepositOptions_container__5eU61 .DepositOptions_item__LO7qe {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    position: relative;
    display: flex;
    column-gap: 6px;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    cursor: pointer;
    background-color: var(--frontly-purple-200-8);
    border-radius: 4px
}

.DepositOptions_container__5eU61 .DepositOptions_item__LO7qe:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - var(--border-width)*2);
    height: calc(100% - var(--border-width)*2);
    content: "";
    border: var(--border-width) solid var(--border-color);
    border-radius: 4px;
    transition: border var(--frontly-duration-short-02) var(--frontly-easing-ease);
    transform: translate(-50%,-50%)
}

.DepositOptions_container__5eU61 .DepositOptions_item__LO7qe .DepositOptions_bonus__o_HNQ {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing);
    color: var(--frontly-green-400)
}

.DepositOptions_container__5eU61 .DepositOptions_item__LO7qe:hover {
    --border-width: 1px;
    --border-color: var(--frontly-purple-400)
}

.DepositOptions_container__5eU61 .DepositOptions_item__LO7qe.DepositOptions_selected___zf32 {
    --border-width: 1.5px;
    --border-color: var(--frontly-purple-400)
}

.DepositOptions_desktop__YGhlt {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 12px
}

.DepositOptions_mobile__YqCBp {
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.DepositAmount_container___Na8r {
    position: relative;
    display: flex;
    flex-direction: column
}

.DepositAmount_container___Na8r .DepositAmount_inputs__6poc8 {
    position: relative;
    width: 100%;
    height: min-content
}

.DepositAmount_container___Na8r .DepositAmount_inputs__6poc8 .DepositAmount_currency-switcher__QdLO4 {
    font-size: var(--frontly-label-sm-font-size);
    font-weight: var(--frontly-label-sm-font-weight);
    line-height: var(--frontly-label-sm-line-height);
    letter-spacing: var(--frontly-label-sm-letter-spacing);
    position: absolute;
    top: 4px;
    right: 0;
    color: var(--frontly-purple-300);
    cursor: pointer
}

.DepositAmount_container___Na8r .DepositAmount_deposits__JRF8Q {
    flex-grow: 1
}

.DepositAmount_desktop__qh3oj {
    row-gap: 24px
}

.DepositAmount_desktop__qh3oj .DepositAmount_inputs__6poc8 {
    display: flex
}

.DepositAmount_desktop__qh3oj .DepositAmount_inputs__6poc8.DepositAmount_with-bonus__vuoOc {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr));
    grid-column-gap: 12px;
    column-gap: 12px
}

.DepositAmount_mobile__FkXpF {
    row-gap: 12px
}

.DepositAmount_mobile__FkXpF .DepositAmount_inputs__6poc8 {
    display: flex;
    flex-direction: column;
    row-gap: 28px
}

.Row_container__pS31C {
    display: flex;
    flex-grow: 1
}

.Row_container__pS31C .Row_title__4L6zw {
    flex-grow: 1;
    color: var(--frontly-graybase-100)
}

.Row_container__pS31C .Row_title__4L6zw,.Row_container__pS31C .Row_value__mDY0B {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.Row_container__pS31C .Row_value__mDY0B {
    color: var(--frontly-white-100)
}

.Row_color-green__D4FCr .Row_value__mDY0B {
    color: var(--frontly-green-400)
}

.Total_container__0E1rV {
    display: flex;
    flex-grow: 1
}

.Total_container__0E1rV .Total_title__D_1E8 {
    display: flex;
    flex-grow: 1;
    column-gap: 4px;
    align-items: center;
    color: var(--frontly-graybase-100)
}

.Total_container__0E1rV .Total_title__D_1E8 .Total_hint__QVt4d {
    display: flex;
    align-items: center;
    width: 16px
}

.Total_container__0E1rV .Total_value__q_B5_ {
    color: var(--frontly-white-100)
}

.Total_tooltip__bJZpn {
    --tooltip-max-width: 280px;
    --tooltip-max-height: unset
}

.Total_tooltip__bJZpn .Total_content__Q8__F {
    text-align: center
}

.Total_hint-tooltip-row__tbivg {
    display: flex;
    column-gap: 16px;
    width: 100%
}

.Total_hint-tooltip-row__tbivg>:first-child {
    position: relative;
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.Total_hint-tooltip-row__tbivg>:last-child {
    color: var(--frontly-white-100);
    white-space: nowrap
}

.Total_desktop__1xul6 {
    flex-direction: column
}

.Total_desktop__1xul6 .Total_title__D_1E8 {
    font-size: var(--frontly-body-lg-font-size);
    font-weight: var(--frontly-body-lg-font-weight);
    line-height: var(--frontly-body-lg-line-height);
    letter-spacing: var(--frontly-body-lg-letter-spacing)
}

.Total_desktop__1xul6 .Total_value__q_B5_ {
    font-size: var(--frontly-headline-sm-font-size);
    font-weight: var(--frontly-headline-sm-font-weight);
    line-height: var(--frontly-headline-sm-line-height);
    letter-spacing: var(--frontly-headline-sm-letter-spacing)
}

.Total_mobile__3Usfn {
    flex-direction: row
}

.Total_mobile__3Usfn .Total_title__D_1E8 {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing)
}

.Total_mobile__3Usfn .Total_value__q_B5_ {
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing)
}

.ModeIcon_container__naoCt {
    --icon-size: unset;
    width: var(--icon-size);
    min-width: var(--icon-size);
    height: var(--icon-size);
    min-height: var(--icon-size)
}

.ModeIcon_desktop____7Sl.ModeIcon_size-md__os75z {
    --icon-size: 44px
}

.ModeIcon_desktop____7Sl.ModeIcon_size-sm__oxUwb {
    --icon-size: 16px
}

.ModeIcon_mobile__tapbK.ModeIcon_size-md__os75z {
    --icon-size: 20px
}

.ModeIcon_mobile__tapbK.ModeIcon_size-sm__oxUwb {
    --icon-size: 16px
}

.DepositSubmitSection_container__P6em1 {
    width: 100%
}

.DepositSubmitSection_container__P6em1 .DepositSubmitSection_submit-button-content__pM_E7 {
    display: flex;
    column-gap: 8px;
    align-items: center
}

.DepositSubmitSection_desktop__BQZvK .DepositSubmitSection_total__4sMg3 {
    margin-bottom: 24px
}

.DepositSubmitSection_mobile__k2lrW .DepositSubmitSection_total__4sMg3 {
    margin-bottom: 16px
}

.DepositSubmitSection_mobile__k2lrW .DepositSubmitSection_mode-description__Y082O {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    display: flex;
    column-gap: 8px;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    color: var(--frontly-graybase-200)
}

.DepositDetails_container__wPLb_ {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.DepositDetails_container__wPLb_>* {
    width: 100%
}

.DepositDetails_container__wPLb_ .DepositDetails_head__4LO2S {
    display: flex;
    flex-grow: 1;
    column-gap: 8px
}

.DepositDetails_container__wPLb_ .DepositDetails_mode-title__bQgm6 {
    display: flex;
    align-items: center;
    color: var(--frontly-white-100)
}

.DepositDetails_container__wPLb_ .DepositDetails_mode-description__oHUfw {
    display: flex;
    align-items: center;
    color: var(--frontly-graybase-200)
}

.DepositDetails_container__wPLb_ .DepositDetails_rows__ndD7K {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.DepositDetails_desktop__px15Z {
    row-gap: 24px;
    padding: 24px 20px;
    background-color: var(--frontly-graybase-700-60);
    border-radius: 4px
}

.DepositDetails_desktop__px15Z .DepositDetails_head-body__I9vUQ {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    row-gap: 2px
}

.DepositDetails_desktop__px15Z .DepositDetails_mode-title__bQgm6 {
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing)
}

.DepositDetails_desktop__px15Z .DepositDetails_mode-description__oHUfw {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing)
}

.DepositDetails_desktop__px15Z .DepositDetails_rows__ndD7K {
    row-gap: 10px
}

.DepositDetails_mobile__Zf8x5,.DepositDetails_mobile__Zf8x5 .DepositDetails_rows__ndD7K {
    row-gap: 16px
}

.Providers_container__pv_YF {
    --icon-size: 62px;
    --border-width: 1px;
    --border-color: transparent;
    --item-min-height: 70px;
    --items-gap: 12px
}

.Providers_container__pv_YF .Providers_providers___hELo {
    display: grid;
    flex-grow: 1;
    grid-gap: var(--items-gap);
    gap: var(--items-gap)
}

.Providers_container__pv_YF .Providers_provider__4i_66 {
    position: relative;
    display: flex;
    column-gap: 12px;
    align-items: center;
    min-height: var(--item-min-height);
    padding: 4px 8px;
    cursor: pointer;
    background-color: var(--frontly-purple-200-8);
    border-radius: 4px
}

.Providers_container__pv_YF .Providers_provider__4i_66:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - var(--border-width)*2);
    height: calc(100% - var(--border-width)*2);
    content: "";
    border: var(--border-width) solid var(--border-color);
    border-radius: 4px;
    transition: border var(--frontly-duration-short-02) var(--frontly-easing-ease);
    transform: translate(-50%,-50%)
}

.Providers_container__pv_YF .Providers_provider__4i_66 .Providers_icon__WBT71 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--icon-size);
    min-width: var(--icon-size);
    height: var(--icon-size);
    min-height: var(--icon-size)
}

.Providers_container__pv_YF .Providers_provider__4i_66 .Providers_info__iXTaA {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.Providers_container__pv_YF .Providers_provider__4i_66 .Providers_info__iXTaA .Providers_name__Kdjuw {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing);
    color: var(--frontly-white-100)
}

.Providers_container__pv_YF .Providers_provider__4i_66 .Providers_info__iXTaA .Providers_description__9Ht_z {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    color: var(--frontly-graybase-200)
}

.Providers_container__pv_YF .Providers_provider__4i_66:hover:not(.Providers_disabled__tavkJ) {
    --border-width: 1px;
    --border-color: var(--frontly-purple-400)
}

.Providers_container__pv_YF .Providers_provider__4i_66.Providers_disabled__tavkJ {
    cursor: default;
    opacity: .4
}

.Providers_container__pv_YF .Providers_provider__4i_66.Providers_selected__cPILL {
    --border-width: 1.5px!important;
    --border-color: var(--frontly-purple-400)!important
}

.Providers_tooltip-row__LCMsW {
    display: flex;
    align-items: center
}

.Providers_container__pv_YF.Providers_desktop__oZfA_ .Providers_providers___hELo {
    grid-template-columns: 1fr 1fr;
    max-height: calc(var(--item-min-height)*3 + var(--items-gap)*2);
    padding-right: 4px;
    margin-right: -8px;
    overflow-y: scroll
}

.Providers_container__pv_YF.Providers_mobile__G8qB4 .Providers_providers___hELo {
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr))
}

.AddFundsView_container__sMtJ4 {
    position: relative;
    display: flex;
    width: 100%;
    min-width: 0
}

.AddFundsView_container__sMtJ4 .AddFundsView_payment-settings__3Mz8D {
    flex-grow: 1
}

.AddFundsView_container__sMtJ4 .AddFundsView_deposit-info__mq1xE {
    display: flex;
    flex-direction: column
}

.AddFundsView_container__sMtJ4 .AddFundsView_deposit-info__mq1xE .AddFundsView_policy__55_bS {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    align-self: center;
    margin: 16px auto 0;
    color: var(--frontly-graybase-200);
    text-align: center;
    white-space: break-spaces
}

.AddFundsView_container__sMtJ4 .AddFundsView_deposit-info__mq1xE .AddFundsView_policy__55_bS .AddFundsView_link__2k5RW {
    color: var(--frontly-purple-400)
}

.AddFundsView_container__sMtJ4 .AddFundsView_deposit-info__mq1xE .AddFundsView_policy__55_bS * {
    display: inline-flex
}

.AddFundsView_desktop__SNfLG {
    column-gap: 36px;
    align-items: flex-start;
    min-height: 462px
}

.AddFundsView_desktop__SNfLG .AddFundsView_providers__yo8Fb {
    margin-top: 24px
}

.AddFundsView_desktop__SNfLG .AddFundsView_deposit-info__mq1xE {
    width: 372px
}

.AddFundsView_mobile__x_exU {
    flex-direction: column;
    width: 100%
}

.AddFundsView_mobile__x_exU .AddFundsView_deposit-info__mq1xE,.AddFundsView_mobile__x_exU .AddFundsView_providers__yo8Fb {
    margin-top: 40px
}

.ContactsView_container__jefwg {
    --top-offset: unset;
    --content-max-width: unset;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--content-max-width);
    height: 100%
}

.ContactsView_container__jefwg .ContactsView_fields-container__WsvRW {
    margin-top: var(--top-offset)
}

.ContactsView_container__jefwg .ContactsView_fields-content__t0uz0 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    row-gap: 12px
}

.ContactsView_container__jefwg .ContactsView_submit__wDZHc {
    margin-top: 28px
}

.ContactsView_container__jefwg .ContactsView_details__COSm3 {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    margin-top: 16px;
    color: var(--frontly-graybase-100)
}

.ContactsView_desktop__dFxu4 {
    --top-offset: 72px;
    --content-max-width: 400px
}

.ContactsView_mobile__PyItI {
    --top-offset: 0;
    --content-max-width: 100%
}

.DepositStepper_container__zeZg9 {
    display: flex;
    flex-direction: column
}

.DepositStepper_container__zeZg9 .DepositStepper_loader-backdrop__gxYHJ {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-color: var(--frontly-graybase-600)
}

.DepositStepper_container__zeZg9 .DepositStepper_loader-backdrop__gxYHJ .DepositStepper_loader__gn8Pr {
    --loader-size: 40px;
    position: absolute;
    top: calc(50% - var(--loader-size)/2);
    left: calc(50% - var(--loader-size)/2)
}

.DepositStepper_container__zeZg9.DepositStepper_has-breadcrumbs__m0nhX {
    row-gap: 28px
}

.DepositStepper_container__zeZg9 .DepositStepper_breadcrumbs__Y_PIf {
    display: flex;
    column-gap: 4px
}

.DepositStepper_container__zeZg9 .DepositStepper_breadcrumbs__Y_PIf .DepositStepper_step___umR3 {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing);
    display: flex;
    margin: 4px 0;
    color: var(--frontly-graybase-100);
    cursor: pointer;
    transition: color var(--frontly-duration-short-02) var(--frontly-easing-ease-in-out)
}

.DepositStepper_container__zeZg9 .DepositStepper_breadcrumbs__Y_PIf .DepositStepper_step___umR3:hover {
    color: var(--frontly-white-100)
}

.DepositStepper_container__zeZg9 .DepositStepper_breadcrumbs__Y_PIf .DepositStepper_step___umR3.DepositStepper_active__p4Wte {
    color: var(--frontly-white-100);
    cursor: default
}

.DepositStepper_container__zeZg9 .DepositStepper_breadcrumbs__Y_PIf .DepositStepper_step___umR3.DepositStepper_disabled__uh8Dw,.DepositStepper_container__zeZg9 .DepositStepper_breadcrumbs__Y_PIf .DepositStepper_step___umR3.DepositStepper_disabled__uh8Dw:hover {
    color: var(--frontly-graybase-100);
    cursor: default;
    opacity: .4
}

.DepositStepper_container__zeZg9 .DepositStepper_breadcrumbs__Y_PIf .DepositStepper_arrow-icon__6MNVB {
    width: 16px;
    color: var(--frontly-graybase-100)
}

.DepositStepper_container__zeZg9 .DepositStepper_slides__kb_Uo {
    column-gap: 24px;
    align-items: flex-start
}

.DepositStepper_container__zeZg9.DepositStepper_desktop__IxwMC {
    padding-top: 36px
}

.DepositStepper_container__zeZg9.DepositStepper_desktop__IxwMC.DepositStepper_has-breadcrumbs__m0nhX,.DepositStepper_container__zeZg9.DepositStepper_mobile__nuOIU {
    padding-top: 20px
}

.DepositModal_container__oIBvs:not(.DepositModal_scrollable__gdLB8) {
    overflow: hidden
}

.DepositModal_container__oIBvs .DepositModal_payment-status__ZfJ1J {
    min-height: 360px
}

.DepositModal_container__oIBvs.DepositModal_desktop__We8Fm {
    min-height: 504px
}

.DepositModal_container__oIBvs.DepositModal_desktop__We8Fm .DepositModal_payment-status__ZfJ1J {
    padding-top: 36px
}

.DepositModal_container__oIBvs.DepositModal_mobile__uH8_Q .DepositModal_payment-status__ZfJ1J {
    height: max-content;
    padding-top: 20px
}

.DepositModal_header__cNiSR {
    display: flex;
    column-gap: 16px;
    align-items: center
}

.BalanceCard_container__bYw6L {
    --container-padding: unset;
    display: flex;
    align-items: center;
    padding: var(--container-padding);
    cursor: pointer;
    background-color: var(--frontly-graybase-500);
    border-radius: var(--frontly-radius-md)
}

.BalanceCard_container__bYw6L,.BalanceCard_container__bYw6L:hover {
    transition: all var(--frontly-duration-short-02) var(--frontly-easing-ease-in-out)
}

.BalanceCard_container__bYw6L:hover {
    background-color: var(--frontly-graybase-400)
}

.BalanceCard_container__bYw6L .BalanceCard_logo__2oOTO {
    --logo-size: 32px;
    width: var(--logo-size);
    min-width: var(--logo-size);
    height: var(--logo-size);
    min-height: var(--logo-size);
    margin-right: 8px
}

.BalanceCard_container__bYw6L .BalanceCard_price-info__NL3Pu {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center
}

.BalanceCard_container__bYw6L .BalanceCard_price-info__NL3Pu .BalanceCard_short-label__Xc7i7 {
    color: var(--frontly-white-100);
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing)
}

.BalanceCard_container__bYw6L .BalanceCard_price-info__NL3Pu .BalanceCard_full-label__GRzP_ {
    color: var(--frontly-graybase-100);
    white-space: nowrap;
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing)
}

.BalanceCard_container__bYw6L .BalanceCard_price-info__NL3Pu .BalanceCard_price__74Gxm {
    color: var(--frontly-white-100);
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing)
}

.BalanceCard_container__bYw6L .BalanceCard_price-info__NL3Pu .BalanceCard_price-in-currency__ARLdY {
    display: flex;
    align-items: center;
    color: var(--frontly-graybase-100);
    font-size: var(--frontly-subhead-x-sm-font-size);
    font-weight: var(--frontly-subhead-x-sm-font-weight);
    line-height: var(--frontly-subhead-x-sm-line-height);
    letter-spacing: var(--frontly-subhead-x-sm-letter-spacing)
}

.BalanceCard_container__bYw6L .BalanceCard_action__WJ7ft {
    display: flex;
    align-items: center;
    margin-left: 12px
}

.BalanceCard_container__bYw6L .BalanceCard_action__WJ7ft .BalanceCard_loader__7FGvv {
    --loader-size: 24px;
    --loader-color: var(--frontly-purple-300)
}

.BalanceCard_container__bYw6L .BalanceCard_action__WJ7ft .BalanceCard_button__sLRhJ {
    --button-padding: 10px 4px
}

.BalanceCard_tooltip__Xfb_2 {
    max-width: 254px
}

.BalanceCard_desktop__J0M4R {
    --container-padding: 6px 6px 6px 8px
}

.BalanceCard_mobile__lZelE {
    --container-padding: 2px 4px 2px 8px
}

.BalanceCard_mobile__lZelE .BalanceCard_action__WJ7ft .BalanceCard_button__sLRhJ {
    --button-padding: 8px 4px
}

.TooltipMainContent_container__E_0xY {
    display: flex;
    flex-direction: column;
    row-gap: 4px
}

.TooltipMainContent_container__E_0xY .TooltipMainContent_title__x2BTb {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing);
    color: var(--frontly-purple-500)
}

.TooltipMainContent_container__E_0xY .TooltipMainContent_description__0mqCI {
    font-size: var(--frontly-body-sm-font-size);
    font-weight: var(--frontly-body-sm-font-weight);
    line-height: var(--frontly-body-sm-line-height);
    letter-spacing: var(--frontly-body-sm-letter-spacing);
    color: var(--frontly-graybase-100)
}

.UserBalance_container__NSG54 {
    position: relative;
    display: flex
}

.UserBalance_container__NSG54 .UserBalance_card__wNjeR {
    position: absolute;
    top: 0;
    left: 0;
    filter: grayscale(1);
    opacity: .4
}

.UserBalance_container__NSG54 .UserBalance_card__wNjeR:hover {
    filter: grayscale(0)
}

.UserBalance_container__NSG54 .UserBalance_card__wNjeR.UserBalance_active__D8rco {
    position: relative;
    z-index: 1;
    filter: grayscale(0);
    opacity: 1
}

.UserBalance_container__NSG54.UserBalance_desktop__jMsjP .UserBalance_card__wNjeR.UserBalance_active__D8rco {
    margin-left: 36px
}

.Avatar_container__8hfXf {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    line-height: 0;
    cursor: pointer;
    border-radius: 50%
}

.Avatar_container__8hfXf>* {
    position: relative;
    display: block
}

.WarnIndicator_container__E7Fld {
    --indicator-display: none;
    --icon-cut-mask: none;
    position: relative;
    width: 100%;
    height: 100%
}

.WarnIndicator_container__E7Fld .WarnIndicator_indicator__gMF_S {
    position: absolute;
    top: -6px;
    right: -6px;
    display: var(--indicator-display);
    width: 16px;
    height: 16px;
    color: var(--frontly-yellow-400);
    stroke: var(--frontly-graybase-700)
}

.WarnIndicator_container__E7Fld .WarnIndicator_target__p3k5N {
    -webkit-mask: var(--icon-cut-mask);
    mask: var(--icon-cut-mask)
}

.WarnIndicator_container__E7Fld.WarnIndicator_visible__Uw9N_ {
    --indicator-display: block;
    --icon-cut-mask: radial-gradient(8.5px at 100% 0px,#0000 100%,#000) -2px 2px
}

.UserMenu_logout__GW_QN>*,.UserMenu_logout__GW_QN>:hover {
    --option-label-color: var(--frontly-red-400)
}

.DropActivator_container__7bVCb {
    --container-padding: unset;
    --container-color: var(--frontly-graybase-100);
    --activator-icon-size: unset;
    --activator-color: var(--frontly-graybase-100);
    display: flex;
    gap: 6px;
    align-items: center;
    padding: var(--container-padding);
    color: var(--container-color);
    cursor: pointer;
    transition: color .2s ease
}

.DropActivator_container__7bVCb .DropActivator_icon__RWvNe {
    width: var(--activator-icon-size);
    color: var(--activator-color);
    transition: transform .2s ease
}

.DropActivator_container__7bVCb .DropActivator_icon__RWvNe.DropActivator_rotate__ad8GB {
    transform: rotate(180deg)
}

.DropActivator_container__7bVCb.DropActivator_type-button__8voi_ {
    --container-padding: 7px 12px;
    background: var(--frontly-purple-200-8);
    border-radius: 4px
}

.DropActivator_container__7bVCb.DropActivator_mode-fill__9xEVM {
    width: 100%
}

.DropActivator_container__7bVCb.DropActivator_size-md__JzXuf {
    --activator-icon-size: 16px
}

.DropActivator_container__7bVCb.DropActivator_size-lg__kHdF9 {
    --activator-icon-size: 20px
}

@media(hover: hover)and (pointer:fine) {
    .DropActivator_container__7bVCb:hover {
        --container-color:var(--frontly-white-100);
        --activator-color: var(--frontly-white-100)
    }
}

.CurrencySelect_container__DqJCj {
    display: flex
}

.CurrencySelect_selected__w2P7W {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing);
    flex-grow: 1;
    white-space: nowrap
}

.LanguageSelect_container__JUi9i {
    display: flex
}

.LanguageSelect_selected-item__6qlLw {
    display: flex;
    column-gap: 8px;
    align-items: center
}

.LanguageSelect_selected-item__6qlLw .LanguageSelect_icon__o9gRd {
    width: 20px;
    height: 20px
}

.LanguageSelect_selected-item__6qlLw .LanguageSelect_language__MCE82 {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing);
    flex-grow: 1
}

.HeaderDesktop_container__F1Rtb {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
    height: 64px;
    padding: 0 16px;
    background-color: var(--frontly-graybase-700)
}

.HeaderDesktop_logo__cJww_ {
    width: 122px;
    height: 44px
}

.HeaderDesktop_navigation-menu__yMH5n {
    margin-right: 28px;
    margin-left: 28px
}

.HeaderDesktop_right-block__KRDuF {
    display: flex;
    flex: 1 1 auto;
    column-gap: 24px;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px
}

.HeaderDesktop_right-block__KRDuF .HeaderDesktop_notifications-center__dRS1I {
    margin: 0 12px
}

.HeaderDesktop_right-block__KRDuF .HeaderDesktop_user-menu__n7Q0W {
    margin-right: 16px;
    border: 2px solid transparent;
    transition: border var(--frontly-duration-short-02)
}

.HeaderDesktop_right-block__KRDuF .HeaderDesktop_user-menu__n7Q0W:hover {
    border: 2px solid var(--frontly-graybase-400)
}

.BurgerMenu_container__xIKHT {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    min-width: 32px;
    height: 32px
}

.HeaderMobile_container__1WcPH {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px
}

.HeaderMobile_container__1WcPH .HeaderMobile_left-block__z2qXc {
    display: flex;
    column-gap: 16px;
    align-items: center
}

.HeaderMobile_container__1WcPH .HeaderMobile_left-block__z2qXc .HeaderMobile_page-logo__nDScI {
    width: 32px;
    height: 32px
}

.HeaderMobile_container__1WcPH .HeaderMobile_right-block__muFw7 {
    display: flex;
    column-gap: 28px;
    align-items: center
}

.Header_container__C_tPB {
    width: 100%
}

.MenuBlock_container__S5HLx {
    padding: 20px 16px
}

.MenuBlock_container__S5HLx .MenuBlock_title__Cyt1I {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing);
    color: var(--frontly-white-100)
}

.MenuBlock_container__S5HLx .MenuBlock_content__9iE1O {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

.MenuBlock_container__S5HLx .MenuBlock_content__9iE1O.MenuBlock_content-indent__ndjR_ {
    padding-left: 34px
}

.MenuBlock_container__S5HLx .MenuBlock_content__9iE1O.MenuBlock_top-padding__FE89C,.MenuBlock_container__S5HLx.MenuBlock_thin-top__N7cuu {
    padding-top: 16px
}

.MenuItem_container__qtWnP {
    --primary-color: var(--frontly-graybase-100);
    --secondary-color: var(--frontly-graybase-200);
    --animation-duration: var(--frontly-duration-short-02);
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all var(--animation-duration)
}

.MenuItem_container__qtWnP .MenuItem_icon__Dh_nb {
    display: flex;
    width: 20px;
    height: 20px;
    margin-right: 6px;
    color: var(--primary-color);
    transition: all var(--animation-duration)
}

.MenuItem_container__qtWnP .MenuItem_content__ThLOk {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    row-gap: 2px
}

.MenuItem_container__qtWnP .MenuItem_content__ThLOk.MenuItem_has-indicator__138QH {
    position: relative
}

.MenuItem_container__qtWnP .MenuItem_content__ThLOk.MenuItem_has-indicator__138QH:after {
    position: absolute;
    top: calc(50% - 4px);
    left: -17px;
    width: 8px;
    height: 8px;
    content: "";
    background-color: var(--frontly-illustration-bright-pink);
    border-radius: 50%
}

.MenuItem_container__qtWnP .MenuItem_content__ThLOk .MenuItem_title__kJ6w6 {
    font-size: var(--frontly-body-md-font-size);
    font-weight: var(--frontly-body-md-font-weight);
    line-height: var(--frontly-body-md-line-height);
    letter-spacing: var(--frontly-body-md-letter-spacing);
    color: var(--primary-color);
    transition: all var(--animation-duration)
}

.MenuItem_container__qtWnP .MenuItem_content__ThLOk .MenuItem_description__pLcal {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing);
    color: var(--secondary-color);
    transition: all var(--animation-duration)
}

.MenuItem_container__qtWnP .MenuItem_right-content__IL2U9 {
    align-self: stretch;
    margin-left: 8px
}

.MenuItem_container__qtWnP.MenuItem_active__Six6r {
    --primary-color: var(--frontly-white-100);
    --secondary-color: var(--frontly-graybase-100);
    font-weight: 500
}

.MenuItem_container__qtWnP.MenuItem_disabled___sAiQ {
    opacity: .4
}

.Header_container__6Br_c {
    display: flex;
    column-gap: 12px;
    align-items: center;
    height: 64px;
    padding: 12px 16px
}

.Header_container__6Br_c .Header_logo__rGc4e {
    height: 40px
}

.ProfileMenu_container__3sRFi .ProfileMenu_title__U4Zqg {
    display: flex;
    flex-grow: 1;
    column-gap: 12px
}

.ProfileMenu_container__3sRFi .ProfileMenu_title__U4Zqg .ProfileMenu_user-info__W36p3 {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.ProfileMenu_container__3sRFi .ProfileMenu_title__U4Zqg .ProfileMenu_user-info__W36p3 .ProfileMenu_user-name__yQ0So {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing);
    color: var(--frontly-white-100)
}

.ProfileMenu_container__3sRFi .ProfileMenu_title__U4Zqg .ProfileMenu_user-info__W36p3 .ProfileMenu_user-trades__fJxnG {
    font-size: var(--frontly-body-x-sm-font-size);
    font-weight: var(--frontly-body-x-sm-font-weight);
    line-height: var(--frontly-body-x-sm-line-height);
    letter-spacing: var(--frontly-body-x-sm-letter-spacing);
    color: var(--frontly-graybase-200)
}

.ProfileMenu_container__3sRFi .ProfileMenu_logout-item__Sd6OQ {
    --primary-color: var(--frontly-red-400)
}

.ProfileMenu_login-button__LzEjo {
    margin: 0 16px 20px
}

.OnlineSwitcher_container__5QJgL {
    --text-color: var(--frontly-graybase-300);
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.OnlineSwitcher_container__5QJgL .OnlineSwitcher_status__5H9St {
    font-size: var(--frontly-subhead-sm-font-size);
    font-weight: var(--frontly-subhead-sm-font-weight);
    line-height: var(--frontly-subhead-sm-line-height);
    letter-spacing: var(--frontly-subhead-sm-letter-spacing);
    color: var(--text-color);
    text-align: center;
    transition: all var(--frontly-duration-short-01)
}

.OnlineSwitcher_container__5QJgL.OnlineSwitcher_online__ZrUWX,.OnlineSwitcher_container__5QJgL:hover {
    --text-color: var(--frontly-graybase-100)
}

.OnlineSwitcher_container__5QJgL.OnlineSwitcher_online__ZrUWX:hover {
    --text-color: var(--frontly-white-100)
}

.OnlineSwitcher_container__5QJgL.OnlineSwitcher_disabled__Q_35t {
    cursor: default
}

.OnlineSwitcher_tooltip__4_mEf {
    --tooltip-max-width: 200px
}

.SiteMenu_title__N7bhu {
    display: flex;
    column-gap: 12px
}

.SiteMenu_title__N7bhu .SiteMenu_logo__gp_vA {
    display: inline-block;
    width: 22px;
    height: 22px
}

.SiteMenu_title__N7bhu .SiteMenu_section__C3JMj {
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing);
    display: inline-block
}

.SiteMenu_switch-online-wrapper__DUNGO {
    cursor: default
}

.SiteMenu_switch-online-wrapper__DUNGO .SiteMenu_switch-online__UaTKi {
    display: flex;
    column-gap: 8px;
    align-items: center
}

.SiteMenu_switch-online-wrapper__DUNGO .SiteMenu_switcher__4TPO4 {
    padding-top: 2px;
    line-height: 0
}

.SidebarMobile_container__jhgVa {
    --sidebar-animation-duration: var(--frontly-duration-short-02);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 13;
    height: var(--viewport-height);
    transition: transform 0ms var(--sidebar-animation-duration);
    transform: translateX(-100%)
}

.SidebarMobile_container__jhgVa .SidebarMobile_drawer__NKD67 {
    position: absolute;
    top: 0;
    left: 0;
    width: 320px;
    height: 100%;
    overflow-y: scroll;
    scrollbar-width: none;
    background: var(--frontly-graybase-700);
    box-shadow: 2px 0 8px -2px rgba(0,0,0,.6);
    transition: transform var(--sidebar-animation-duration) var(--frontly-easing-ease);
    transform: translateX(-100%)
}

.SidebarMobile_container__jhgVa .SidebarMobile_drawer__NKD67::-webkit-scrollbar {
    display: none
}

.SidebarMobile_container__jhgVa .SidebarMobile_inline-buttons__f8TP4 {
    display: flex;
    column-gap: 12px
}

.SidebarMobile_container__jhgVa .SidebarMobile_inline-buttons__f8TP4>* {
    width: 50%
}

.SidebarMobile_container__jhgVa .SidebarMobile_column-buttons__OIniF {
    row-gap: 12px
}

.SidebarMobile_container__jhgVa .SidebarMobile_menu-title-text__K_E3Y {
    flex-grow: 1
}

.SidebarMobile_container__jhgVa.SidebarMobile_opened__xptq_ {
    --sidebar-animation-duration: var(--frontly-duration-medium-01);
    transition: transform 0ms;
    transform: translateX(0)
}

.SidebarMobile_container__jhgVa.SidebarMobile_opened__xptq_ .SidebarMobile_drawer__NKD67 {
    transition: transform var(--sidebar-animation-duration) var(--frontly-easing-ease-out);
    transform: translateX(0)
}

.SteamDownBanner_container__Ec_jj .SteamDownBanner_icon__aDkVc {
    width: 24px;
    height: 24px
}

.SiteStatusBanner_container____t_9 {
    --banner-color: var(--frontly-purple-100);
    --banner-background: var(--frontly-purple-500-50)
}

.SiteStatusBanner_container____t_9 .SiteStatusBanner_banner__PxKmn {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    justify-content: center;
    padding: 16px;
    color: var(--banner-color);
    background: var(--banner-background)
}

.SiteStatusBanner_container____t_9.SiteStatusBanner_desktop__DQY_Y {
    padding: 12px 16px
}

.SiteStatusBanner_container____t_9.SiteStatusBanner_desktop__DQY_Y .SiteStatusBanner_banner__PxKmn {
    font-size: var(--frontly-subhead-lg-font-size);
    font-weight: var(--frontly-subhead-lg-font-weight);
    line-height: var(--frontly-subhead-lg-line-height);
    letter-spacing: var(--frontly-subhead-lg-letter-spacing);
    flex-direction: row;
    border-radius: 4px
}

.SiteStatusBanner_container____t_9.SiteStatusBanner_mobile__Ao19X {
    padding: 12px 0
}

.SiteStatusBanner_container____t_9.SiteStatusBanner_mobile__Ao19X .SiteStatusBanner_banner__PxKmn {
    font-size: var(--frontly-subhead-md-font-size);
    font-weight: var(--frontly-subhead-md-font-weight);
    line-height: var(--frontly-subhead-md-line-height);
    letter-spacing: var(--frontly-subhead-md-letter-spacing);
    text-align: center
}

.PageLayout_root__YJcnJ {
    position: relative;
    display: flex;
    flex-grow: 1;
    width: 100%;
    min-width: 0;
    height: 100%
}

.PageLayout_content__3BcOZ {
    flex-grow: 1
}
