@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);

html {
    --GREEN: #5cb85c;
    --RED: #eb3f2f;
    --YELLOW: #f2c037;
    --LIGHT_BLUE: #3fa9f5;
    --BLUE: #186ef0;
    --VK: #07f;
    --YANDEX: #FF0000;
    --GOOGLE: #464747;
    --DISCORD: #5865f2;
    --TELEGRAM: #08c;
    --BG_0: #fff;
    --BG_1: #f7f7f7;
    --BG_2: #eee;
    --BG_3: #b5b5b5;
    --BG_4: #2d2d2e;
    --BG_5: #1e1e1e;
    --FG_0: #fff;
    --FG_1: #b5b5b5;
    --FG_2: #757575;
    --FG_3: #464747;
    --FG_4: #1e1e1e
}

::-webkit-scrollbar-thumb {
    background-clip: padding-box;
    background-color: #00000030;
    border: 3px solid #00000000;
    border-radius: 9999px
}

::-webkit-scrollbar-thumb:hover {
    background-color: #00000070
}

::-webkit-scrollbar {
    position: fixed;
    width: 14px
}

* {
    scrollbar-color: #00000070 #00000000;
    scrollbar-width: thin
}

@media screen and (max-width: 700px) {
    ::-webkit-scrollbar {
        width: 9px
    }
}

select {
    background: var(--LIGHT_BLUE);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 10px
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

html {
    --NAV_HEIGHT: 75px;
    --SCROLL: overflow;
    --SCROLL: overlay;
    font-family: Roboto, sans-serif;
    font-size: 20px;
    height: 100vh
}

body {
    height: calc(100vh - 75px);
    height: calc(100vh - var(--NAV_HEIGHT));
    overflow: hidden
}

#root {
    background-color: var(--BG_0);
    display: flex;
    flex-direction: column;
    margin: 75px 0 0;
    margin: var(--NAV_HEIGHT) 0 0 0;
    overflow-y: scroll;
    overflow-y: overlay
}

main {
    flex: 1 1 auto;
    position: relative
}

svg {
    fill: currentColor;
    stroke: currentColor
}

.Footer_footer__cMN1o {
    background: var(--BG_5);
    padding: 60px 0
}

.Footer_container__Twpu4 {
    grid-gap: 40px;
    display: grid;
    gap: 40px;
    grid-template-columns:repeat(4, 1fr)
}

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

.Footer_logo__EKVzu {
    color: var(--FG_0);
    margin-bottom: 20px;
    width: min(170px, 100%);
    max-height: 40px;
}

.Footer_socials__Ucvu9 svg {
    color: var(--FG_0);
    height: 25px;
    opacity: 1;
    width: 25px
}

.Footer_socials__Ucvu9 > :hover svg {
    opacity: .8
}

.Footer_socials__Ucvu9 > * {
    margin-left: 5px
}

.Footer_socials__Ucvu9 > :first-child {
    margin-left: 0
}

.Footer_inc__P69Nl {
    color: var(--FG_0);
    font-size: .6em;
    font-weight: 100;
    margin-top: 10px;
    opacity: .7
}

.Footer_inc__P69Nl:first-child {
    margin-top: 20px
}

.Footer_title__0xfQy {
    color: var(--FG_1);
    font-size: .8em;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.Footer_link__Xy0Jy {
    color: var(--FG_0);
    font-size: .7em;
    font-weight: 300;
    margin-bottom: 10px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.Footer_link__Xy0Jy:last-child {
    margin-bottom: 0
}

.Footer_link__Xy0Jy:before {
    border-bottom: 1px solid;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    transition: width .3s linear;
    width: 0
}

.Footer_link__Xy0Jy:hover:before {
    width: 100%
}

@media (max-width: 960px) {
    .Footer_container__Twpu4 {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (max-width: 650px) {
    .Footer_container__Twpu4 {
        grid-template-columns:1fr
    }

    .Footer_footerBlock__hPKHS {
        align-items: center;
        display: flex;
        text-align: center
    }
}

.Container_container__rwC73 {
    margin: 0 auto
}

.Nav_nav__nnw8d {
    --COLOR: var(--LIGHT_BLUE);
    --BG: var(--BG_0);
    background: var(--BG);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
    color: var(--COLOR);
    display: flex;
    height: var(--NAV_HEIGHT);
    inset: 0 0 auto;
    position: fixed;
    z-index: 100
}

.Nav_container__8zXFS {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between
}

.Nav_logo__GheQv {
    height: 35px
}

.Nav_navLink__a\+q\+m {
    flex-wrap: nowrap;
    font-size: .9em;
    margin-right: 24px;
    white-space: nowrap
}

.Nav_navLink__a\+q\+m:last-child {
    margin-left: 22px;
    margin-right: 0
}

@media (max-width: 700px) {
    .Nav_nav__nnw8d {
        box-shadow: -1px 8px 20px -6px rgba(0, 0, 0, .26);
        height: var(--NAV_HEIGHT)
    }

    .Nav_navLinks__1MoaE {
        background-color: var(--BG);
        display: flex;
        flex-direction: column;
        height: 0;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: var(--NAV_HEIGHT);
        transition: all .2s linear
    }

    .Nav_navLink__a\+q\+m, .Nav_navLink__a\+q\+m:last-child {
        font-size: 1.1em;
        margin-left: calc(15px + 10%);
        margin-right: 0;
        padding: 15px
    }

    .Nav_nav__nnw8d[data-open=true] .Nav_navLinks__1MoaE {
        height: 100vh
    }

    .Nav_container__8zXFS {
        align-items: center;
        display: flex;
        height: 75px
    }
}

.NavLogotype_logoContainer__bG1Rq {
    height: 35px
}

.NavLogotype_logoSmall__TOVOJ {
    display: none
}

@media (max-width: 800px) {
    .NavLogotype_logoBig__1xaf0 {
        display: none
    }

    .NavLogotype_logoSmall__TOVOJ {
        display: inherit
    }
}

.NavCloseButton_button__ZCSv\+ {
    --SIZE: 36px;
    align-items: center;
    cursor: pointer;
    display: flex;
    height: var(--SIZE);
    width: var(--SIZE)
}

.NavCloseButton_rows__dCvf5 {
    opacity: 1;
    position: relative
}

.NavCloseButton_rows__dCvf5, .NavCloseButton_rows__dCvf5:after, .NavCloseButton_rows__dCvf5:before {
    outline: 1px solid currentColor;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    width: 100%
}

.NavCloseButton_rows__dCvf5:after, .NavCloseButton_rows__dCvf5:before {
    content: "";
    position: absolute;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.NavCloseButton_rows__dCvf5:before {
    bottom: calc(var(--SIZE) / 2.9)
}

.NavCloseButton_rows__dCvf5:after {
    bottom: calc(var(--SIZE) / 2.9 * -1)
}

.NavCloseButton_button__ZCSv\+[data-active=true] .NavCloseButton_rows__dCvf5 {
    outline: none
}

.NavCloseButton_button__ZCSv\+[data-active=true] .NavCloseButton_rows__dCvf5:before {
    bottom: calc(var(--SIZE) / 3);
    left: calc(var(--SIZE) / 6.5);
    opacity: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.NavCloseButton_button__ZCSv\+[data-active=true] .NavCloseButton_rows__dCvf5:after {
    bottom: calc(var(--SIZE) / 2.7 * -1);
    left: calc(var(--SIZE) / 6.5);
    opacity: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (min-width: 700px) {
    .NavCloseButton_button__ZCSv\+ {
        display: none
    }
}

.Title_title__Zq4u7 {
    --SIZE: 48px;
    color: var(--FG_2);
    font-size: clamp(calc(var(--SIZE) / 1.2 * 1px), calc(var(--SIZE) / 7 * 1vw), calc(var(--SIZE) * 1px));
    font-weight: 500
}

.AccountWrapper_wrapper__rdcvd {
    display: flex;
    gap: 32px;
    margin: 40px 0;
    position: relative
}

.AccountWrapper_menu__c0yiT {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: min(260px, 100%);
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    width: 260px
}

.AccountWrapper_content__aRofL {
    flex-grow: 1;
    position: relative
}

.AccountWrapper_mobileMenu__T35RS {
    display: none
}

@media screen and (max-width: 800px) {
    .AccountWrapper_menuWrapper__Km\+9C {
        display: none
    }
}

.Balance_balance__oNOu2 {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between
}

.Balance_balance__oNOu2 > * {
    flex-grow: 1
}

.Balance_name__m3dGV {
    color: var(--FG_1);
    font-size: 12px
}

.Balance_count__D2E4a {
    color: var(--FG_3);
    font-size: 20px;
    white-space: nowrap
}

.Balance_button__iI-rT {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
}

.Balance_modal__VDwSx {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.ContentBlock_block__zgWnH {
    background-color: var(--BG_0);
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    transition: background-color .2s linear
}

.Button_button__cP3nh {
    --BG: var(--BLUE);
    background-color: var(--BG);
    border-radius: 3px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    transition: background-color .2s linear;
    width: 100%
}

.Button_disabled__2CAtn {
    cursor: not-allowed
}

.Button_button__cP3nh.Button_disabled__2CAtn {
    background-color: var(--BG_0)
}

.Button_button__cP3nh.Button_disabled__2CAtn .Button_text__-oker, .Button_disabled__2CAtn:hover .Button_text__-oker {
    background-color: var(--BG_3) !important
}

.Button_text__-oker {
    color: var(--FG_0);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
    padding: 8px 12px;
    transition: background-color .1s linear
}

.Button_button__cP3nh:hover .Button_text__-oker {
    background-color: #00000010
}

.Button_button__cP3nh:active .Button_text__-oker {
    background-color: #00000000
}

.MobileHotbar_bar__UJl9w {
    align-items: center;
    background-color: var(--BG_0);
    box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, .15);
    display: flex;
    height: 60px;
    inset: auto 0 0 0;
    justify-content: space-between;
    position: fixed;
    z-index: 50
}

.MobileHotbar_barItem__LE78L {
    align-items: center;
    color: var(--FG_1);
    cursor: pointer;
    display: flex;
    flex: 1 1;
    height: 100%;
    justify-content: center;
    transition: color .1s linear
}

.MobileHotbar_barItem__LE78L svg {
    height: 20px;
    transition: all .2s linear
}

.MobileHotbar_barItem__LE78L.MobileHotbar_opened__WX2j- {
    color: var(--FG_2)
}

.MobileHotbar_blur__JWHuJ {
    -webkit-backdrop-filter: blur(1px) brightness(90%);
    backdrop-filter: blur(1px) brightness(90%);
    display: flex;
    flex-direction: column;
    inset: var(--NAV_HEIGHT) 0 60px;
    justify-content: end;
    opacity: 0;
    overflow: hidden;
    padding: 0 10px 20px;
    pointer-events: none;
    position: fixed;
    transition: opacity .2s linear;
    z-index: 50
}

.MobileHotbar_blur__JWHuJ[data-opened=true] {
    opacity: 1;
    pointer-events: auto
}

.MobileHotbar_widget__kiziL {
    border-radius: 5px;
    max-height: 60vh;
    overflow-y: var(--SCROLL);
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: all .2s linear
}

.MobileHotbar_blur__JWHuJ[data-opened=true] .MobileHotbar_widget__kiziL {
    -webkit-transform: none;
    transform: none
}

.ExitAccountBlock_title__03\+6A {
    margin-bottom: 5px
}

.ExitAccountBlock_note__g49Ts {
    margin-bottom: 15px
}

.Note_note__YfO8z {
    color: var(--FG_1);
    font-size: 14px;
    font-weight: 400
}

.LoadingButton_loading__E9b27 {
    height: 1.4em;
    width: 100%
}

.LoadingButton_loading__E9b27 svg {
    -webkit-animation: LoadingButton_rotate__CT2Ze 1s linear infinite;
    animation: LoadingButton_rotate__CT2Ze 1s linear infinite;
    height: 100%
}

.LoadingButton_loading__E9b27 svg circle {
    stroke: var(--FG_0);
    stroke-linecap: round;
    -webkit-animation: LoadingButton_dash__671UF 2s ease-in-out infinite;
    animation: LoadingButton_dash__671UF 2s ease-in-out infinite
}

@-webkit-keyframes LoadingButton_rotate__CT2Ze {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes LoadingButton_rotate__CT2Ze {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes LoadingButton_dash__671UF {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

@keyframes LoadingButton_dash__671UF {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

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

.Menu_link__dNj\+S {
    background-color: var(--BG_0);
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
    color: var(--FG_2) !important;
    cursor: pointer;
    font-size: 12px;
    padding: 12px;
    transition: background-color .1s linear;
    width: 100%
}

.Menu_link__dNj\+S:hover {
    background-color: var(--BG_1)
}

.Menu_link__dNj\+S.Menu_active__uvhdu {
    background-color: var(--BLUE);
    color: var(--FG_0) !important
}

.Menu_title__FbR3M {
    color: var(--FG_1);
    font-size: 12px;
    padding-bottom: 5px;
    text-transform: uppercase;
    width: 100%
}

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

.Modal_background__IUU0A {
    -webkit-animation: Modal_appear__Rgt29 .2s linear;
    animation: Modal_appear__Rgt29 .2s linear;
    background: rgba(0, 0, 0, .5);
    display: flex;
    inset: 0;
    opacity: 1;
    overflow: auto;
    position: fixed;
    transition: opacity .2s linear;
    z-index: 500000
}

.Modal_background__IUU0A.Modal_hide__CsYa0 {
    -webkit-animation: Modal_disappear__JdWq1 .2s linear;
    animation: Modal_disappear__JdWq1 .2s linear;
    opacity: 0
}

.Modal_modal__GLeSH {
    background: var(--BG_0);
    border-radius: 5px;
    margin: auto;
    max-width: min(700px, 90vw);
    position: relative;
    width: 100%
}

.Modal_content__Qino0 {
    max-height: calc(100vh - 10rem);
    padding: 25px
}

.Modal_close__mYoOv {
    color: var(--BG_0);
    cursor: pointer;
    height: 25px;
    position: absolute;
    right: 3px;
    top: -30px;
    transition: all .2s linear;
    width: 25px
}

.Modal_close__mYoOv:hover {
    -webkit-transform: rotate(90deg) scale(1.2);
    transform: rotate(90deg) scale(1.2)
}

@-webkit-keyframes Modal_appear__Rgt29 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

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

@-webkit-keyframes Modal_disappear__JdWq1 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

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

.Input_label__K1K1N {
    color: var(--FG_2);
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 8px;
    position: relative;
    text-transform: uppercase
}

.Input_label__K1K1N[data-error] .Input_input__VbAaK {
    outline: 2px solid #ffacac
}

.Input_label__K1K1N[data-error]:after {
    color: #ffacac;
    content: attr(data-error);
    font-size: 12px;
    inset: auto 0 calc(-1em - 6px) auto;
    position: absolute;
    text-transform: none
}

.Input_label__K1K1N[data-postfix]:before {
    color: var(--FG_3);
    content: attr(data-postfix);
    font-size: 16px;
    inset: auto 10px 10px auto;
    position: absolute
}

.Input_input__VbAaK {
    background-color: var(--BG_2);
    border-radius: 3px;
    color: var(--FG_3);
    font-size: 16px;
    font-weight: 400;
    padding: 10px
}

.Input_input__VbAaK::-webkit-input-placeholder {
    color: var(--FG_1);
    opacity: 1;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.Input_input__VbAaK:-ms-input-placeholder {
    color: var(--FG_1);
    opacity: 1;
    -ms-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.Input_input__VbAaK::placeholder {
    color: var(--FG_1);
    opacity: 1;
    transition: opacity .2s linear
}

.Input_input__VbAaK:focus::-webkit-input-placeholder {
    opacity: 0
}

.Input_input__VbAaK:focus:-ms-input-placeholder {
    opacity: 0
}

.Input_input__VbAaK:focus::placeholder {
    opacity: 0
}

.Notification_wrapper__M\+H7u {
    display: flex;
    flex-direction: column;
    gap: 5px;
    inset: calc(var(--NAV_HEIGHT) + 20px) 20px auto auto;
    position: fixed;
    width: min(290px, calc(100% - 40px));
    z-index: 5000000
}

.Notification_content__gCGy7 {
    align-items: center;
    -webkit-animation: Notification_appear__9O1X\+ .3s linear;
    animation: Notification_appear__9O1X\+ .3s linear;
    cursor: pointer;
    display: flex;
    gap: 16px;
    transition: all .3s linear
}

.Notification_content__gCGy7.Notification_closing__HSidh {
    -webkit-transform: translateX(320px);
    transform: translateX(320px)
}

.Notification_title__DEHiR {
    color: currentColor
}

.Notification_content__gCGy7 svg {
    min-width: 22px;
    width: 22px
}

@-webkit-keyframes Notification_appear__9O1X\+ {
    0% {
        -webkit-transform: translateX(320px);
        transform: translateX(320px)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes Notification_appear__9O1X\+ {
    0% {
        -webkit-transform: translateX(320px);
        transform: translateX(320px)
    }
    to {
        -webkit-transform: none;
        transform: none
    }
}

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

.Support_variants__jaW0W {
    grid-gap: 12px;
    display: grid;
    gap: 12px;
    grid-template-columns:repeat(auto-fit, minmax(min(200px, 100%), 1fr))
}

.SocialBlock_block__lwym1 {
    background-color: var(--BG_0);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 4px;
    transition: all .2s linear
}

.SocialBlock_block__lwym1:hover {
    background-color: var(--BG_1)
}

.SocialBlock_disabled__1wqto {
    color: var(--FG_1) !important
}

.SocialBlock_title__uUvWX {
    align-items: center;
    color: inherit;
    display: flex;
    gap: 5px
}

.SocialBlock_title__uUvWX svg {
    color: inherit;
    height: 24px;
    width: 24px
}

.SocialBlock_subtitle__fsdHE {
    color: var(--GREEN);
    font-size: 12px
}

.SocialBlock_disabled__1wqto .SocialBlock_subtitle__fsdHE {
    color: var(--FG_1) !important
}

.SocialBlock_disabled__1wqto .SocialBlock_title__uUvWX svg path {
    fill: var(--FG_1) !important
}

.Payments_wrapper__4zJ9p {
    margin: 40px 0
}

.Payments_titles__BkndV {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 40px
}

.Payments_note__UArk0 {
    text-transform: uppercase
}

.Payments_methods__WcAct {
    grid-gap: 15px;
    display: grid;
    gap: 15px;
    grid-template-columns:repeat(auto-fit, minmax(min(250px, 100%), 1fr));
    margin-bottom: 40px
}

.Payments_waiting__KEnRK {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    padding: 20px 0
}

.Payments_backButton__1-1Bn {
    margin: 20px 0
}

.PayMethod_method__OZohD {
    align-items: center;
    background-color: var(--BG_0);
    cursor: pointer;
    display: flex;
    flex-grow: 1;
    gap: 15px;
    position: relative;
    transition: all .1s linear
}

.PayMethod_loading__1RpTH {
    background-color: var(--BG_0);
    inset: 0;
    position: absolute
}

.PayMethod_method__OZohD:hover {
    background-color: var(--BG_1)
}

.PayMethod_image__1nuum {
    height: 50px;
    width: 50px
}

.PayMethod_title__76pIs {
    color: var(--FG_2);
    font-size: 20px;
    font-weight: 500
}

.PayMethod_note__I1mZG {
    color: var(--FG_1);
    font-size: 12px;
    font-weight: 500;
    margin-top: 3px;
    text-transform: uppercase
}

.Error_error__vsNEI {
    color: var(--FG_2);
    font-size: clamp(15px, 2.57143vw, 18px);
    font-weight: 400;
    text-align: center
}