.WelcomePopup_popup__tsl10.WelcomePopup_popup__tsl10 {
    background-color: var(--c-dark--light);
    color: var(--c-white);
    border-radius: 1rem;
    width: auto;
    max-width: 80%;
    overflow: hidden;
    border: 2px solid rgba(147, 161, 200, .3)
}

.WelcomePopup_popup__tsl10.WelcomePopup_popup__tsl10 .ui-kit-close-button {
    display: none
}

.WelcomePopup_content___LW7j {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative
}

.WelcomePopup_title__DGMZ_ {
    font: var(--h4-font);
    margin: 0
}

.WelcomePopup_subtitle__wg9BS {
    font: var(--text-medium);
    margin: .5rem 0
}

.WelcomePopup_tokenBadge__ura26 {
    background-color: transparent;
    border: 1px solid var(--c-violet-light);
    border-radius: 1000px;
    padding: .4rem 1.5rem;
    font: var(--h3-font);
    margin: 0 0 2rem;
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline
}

.WelcomePopup_tokenBadge__ura26 svg {
    margin-left: .25rem
}

.WelcomePopup_usageTitle__iAIl1 {
    font: var(--text-extra-big);
    margin: 0 0 .5rem
}

.WelcomePopup_usageCards__4_kG_ {
    display: flex;
    gap: .5rem;
    margin-bottom: 2rem;
    width: 100%
}

.WelcomePopup_usageCard__z42A7 {
    background-color: var(--c-dark--deeper);
    border-radius: 1rem;
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 12.6rem
}

.WelcomePopup_cardTitle__7Wuui {
    font: var(--text-extra-big);
    margin: 1rem 0 .5rem
}

.WelcomePopup_cardDescription__XzhWF {
    color: var(--c-medium);
    font: var(--text-super-small);
    white-space: nowrap
}

.WelcomePopup_gradientCard__qQ5lZ {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    pointer-events: none
}

.WelcomePopup_gradientCard__qQ5lZ:before {
    content: "";
    position: absolute;
    width: 20rem;
    height: 20rem;
    border-radius: 20rem;
    background: var(--c-violet);
    filter: blur(60px);
    opacity: .3;
    top: -14rem;
    right: -16rem
}

.WelcomePopup_gradient__15rEG {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    pointer-events: none
}

.WelcomePopup_gradient__15rEG:before {
    content: "";
    position: absolute;
    width: 13.125rem;
    height: 13.125rem;
    background: linear-gradient(270deg, var(--c-violet) 0, var(--c-blue-light) 100%);
    filter: blur(140px)
}

.WelcomePopup_gradientTop__5y4R0:before {
    top: 0;
    left: 50%;
    transform: translate(-50%, -65%)
}

.WelcomePopup_gradientBottom__YW9S_:before {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 25%)
}

@media (max-width:64rem) {
    .WelcomePopup_popup__tsl10.WelcomePopup_popup__tsl10 {
        padding: 1.5rem
    }

    .WelcomePopup_title__DGMZ_ {
        font: var(--h4-font--mobile)
    }

    .WelcomePopup_subtitle__wg9BS {
        font: var(--text-medium--mobile)
    }

    .WelcomePopup_tokenBadge__ura26 {
        padding: .25rem 1rem;
        font: var(--h3-font--mobile);
        margin: 0 0 1.5rem
    }

    .WelcomePopup_tokenBadge__ura26 svg {
        width: 1rem;
        height: 1rem;
        margin-left: .25rem
    }

    .WelcomePopup_usageTitle__iAIl1 {
        font: var(--text-extra-big--mobile)
    }

    .WelcomePopup_usageCards__4_kG_ {
        margin-bottom: 1.5rem
    }

    .WelcomePopup_usageCard__z42A7 {
        padding: 1rem;
        width: 11rem
    }

    .WelcomePopup_usageCard__z42A7 img {
        width: 3rem;
        height: 3rem
    }

    .WelcomePopup_cardTitle__7Wuui {
        font: var(--text-extra-big--mobile);
        margin: 1rem 0 0
    }

    .WelcomePopup_cardDescription__XzhWF {
        font: var(--text-super-small--mobile)
    }

    .WelcomePopup_gradient__15rEG:before {
        width: 11.875rem;
        height: 11.875rem
    }

    .WelcomePopup_gradientTop__5y4R0:before {
        transform: translate(-50%, -85%)
    }

    .WelcomePopup_gradientBottom__YW9S_:before {
        transform: translate(-50%, 60%)
    }
}

@media (max-width:48rem) {
    .WelcomePopup_popup__tsl10.WelcomePopup_popup__tsl10 {
        width: 100%;
        max-width: unset;
        height: auto;
        grid-template-rows: 1.5rem 1fr;
        border-radius: 1.5rem 1.5rem 0 0
    }

    .WelcomePopup_popup__tsl10.WelcomePopup_popup__tsl10 .ui-kit-modal-content {
        padding: 0
    }

    .WelcomePopup_popup__tsl10.WelcomePopup_popup__tsl10 .ui-kit-modal-line {
        height: 1.5rem;
        min-height: 1.5rem
    }

    .WelcomePopup_usageCards__4_kG_ {
        justify-content: center
    }

    .WelcomePopup_cardDescription__XzhWF {
        white-space: normal
    }

    .WelcomePopup_gradientTop__5y4R0:before {
        transform: translate(-50%, -80%)
    }

    .WelcomePopup_gradientBottom__YW9S_:before {
        transform: translate(-50%, 35%)
    }
}

.AuthModal_modal__RC6c_ .ui-kit-modal-content {
    height: 100%;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    color: var(--c-white);
    overflow-y: auto
}

.AuthModal_modal__RC6c_.AuthModal_modal__RC6c_ {
    width: 70.25rem;
    max-width: 80%;
    height: auto;
    max-height: 80%;
    position: relative;
    background-color: var(--c-dark--light);
    border: 2px solid rgba(147, 161, 200, .3);
    overflow: hidden;
    padding: 2.5rem 2.5rem 2.5rem 34rem
}

.AuthModal_gradient__ITFHL {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
    border-radius: 1.125rem
}

.AuthModal_gradient__ITFHL:before {
    content: "";
    position: absolute;
    right: 12.5%;
    top: -10rem;
    width: 13.125rem;
    height: 13.125rem;
    border-radius: 50%;
    background: linear-gradient(270deg, var(--c-violet) 0, var(--c-blue-light) 100%);
    -webkit-backdrop-filter: blur(140px);
    backdrop-filter: blur(140px);
    filter: blur(140px)
}

.AuthModal_image__PbWb_ {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 45%;
    object-fit: cover;
    height: 100%
}

.AuthModal_textWrapper__YEnxU {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem
}

.AuthModal_title__8LHXx {
    font: var(--h4-font);
    font-weight: 400;
    margin: 0;
    text-align: center
}

.AuthModal_subTitle__vCfYE {
    font: var(--text-medium);
    margin: 0;
    text-align: center;
    text-wrap: auto
}

@media (max-width:90rem) {
    .AuthModal_textWrapper__YEnxU {
        gap: 1.5rem
    }

    .AuthModal_modal__RC6c_.AuthModal_modal__RC6c_ {
        max-width: calc(100% - 4rem);
        width: 100%;
        padding: 2.5rem 2.5rem 2.5rem 47%
    }

    .AuthModal_modal__RC6c_ .ui-kit-modal-content {
        padding: 1.5rem
    }

    .AuthModal_image__PbWb_ {
        width: 47%;
        object-fit: cover
    }
}

@media (max-width:64rem) {
    .AuthModal_image__PbWb_ {
        width: 25rem;
        height: 12.5rem;
        top: 0;
        transform: translateY(0);
        object-fit: cover
    }

    .AuthModal_modal__RC6c_.AuthModal_modal__RC6c_ {
        width: 25rem;
        padding: 14rem 1.5rem 1.5rem;
        max-height: 100%
    }

    .AuthModal_modal__RC6c_.AuthModal_modal__RC6c_.AuthModal_modal__RC6c_ {
        grid-template-rows: 1fr
    }

    .AuthModal_modal__RC6c_ .ui-kit-modal-line {
        display: none
    }

    .AuthModal_modal__RC6c_ .ui-kit-modal-content {
        padding: 0
    }

    .AuthModal_gradient__ITFHL:before {
        right: 50%;
        top: -2rem;
        transform: translate(50%, -50%)
    }

    .AuthModal_textWrapper__YEnxU {
        gap: 1rem
    }

    .AuthModal_title__8LHXx {
        font: var(--h4-font--mobile);
        font-weight: 400
    }

    .AuthModal_subTitle__vCfYE {
        font: var(--text-medium--mobile)
    }
}

@media (max-width:48rem) {
    .AuthModal_textWrapper__YEnxU {
        gap: .5rem
    }

    .AuthModal_image__PbWb_ {
        width: 100%
    }

    .AuthModal_modal__RC6c_.AuthModal_modal__RC6c_ {
        width: 100%;
        max-width: unset;
        height: auto;
        position: absolute;
        grid-template-rows: 2.25rem 1fr
    }

    .AuthModal_modal__RC6c_ .ui-kit-modal-content {
        padding: 0 1rem
    }

    .AuthModal_modal__RC6c_ .ui-kit-modal-line {
        max-height: 2rem
    }

    .AuthModal_subTitle__vCfYE {
        font: var(--text-big--mobile)
    }
}

.AuthForm_container__TvCSq {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%
}

.AuthForm_buttonsWrapper__fQPBV {
    align-items: center
}

.AuthForm_buttonsWrapper__fQPBV,
.AuthForm_form__Em0qG {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.AuthForm_link__Dqa1X {
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    color: var(--c-yellow);
    text-decoration: underline;
    cursor: pointer;
    font: var(--text-medium)
}

.AuthForm_passwordWrapper__tlUZt {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: .5rem
}

.AuthForm_divider__aKhRm {
    width: 100%;
    margin: 1rem 0;
    border: 1px solid var(--c-medium);
    opacity: .2
}

.AuthForm_registerFooter__5uVzO {
    display: flex;
    justify-content: center;
    gap: .5rem;
    font: var(--text-medium)
}

@media (max-width:90rem) {
    .AuthForm_buttonsWrapper__fQPBV {
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto
    }
}

@media (max-width:64rem) {

    .AuthForm_link__Dqa1X,
    .AuthForm_registerFooter__5uVzO {
        font: var(--text-small)
    }

    .AuthForm_form__Em0qG {
        gap: .5rem
    }
}