.LoginPage_main__8Tqxt {
    width: 100vw;
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.LoginPage_block__pyOwA {
    width: 400px;
    box-shadow: 0 0 0 1px #2d2d2d,0 5px 15px 0 rgba(0,0,0,.08),0 15px 35px -5px rgba(25,28,33,.2),0 0 0 1px rgba(255,255,255,.07);
    background: linear-gradient(rgba(255,255,255,.03),rgba(255,255,255,.03)),linear-gradient(rgb(15,15,15),rgb(15,15,15))
}

.LoginPage_blockTop__X0PqA,.LoginPage_block__pyOwA {
    height: auto;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.LoginPage_blockTop__X0PqA {
    width: 100%;
    padding: 35px 40px;
    background: rgb(15,15,15);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.08),0 1px 2px 0 rgba(25,28,33,.06),0 0 0 1px rgba(255,255,255,.03);
    z-index: 2
}

.LoginPage_logo__WA8fp {
    width: 48px;
    height: 48px;
    margin-bottom: 14px
}

.LoginPage_title__tRuzY {
    font-weight: 700;
    font-size: 18.2px;
    color: #FFF;
    margin-bottom: 5px;
    text-align: center
}

.LoginPage_desc__LOlGD {
    font-size: 14px;
    font-weight: 400;
    color: rgb(110,110,110);
    text-align: center;
    margin-bottom: 28px
}

.LoginPage_inputs__Mqq2s {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.LoginPage_input__MDlK9 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.LoginPage_inputLabel__MfwlX {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #FFF;
    transition-duration: .2s
}

.LoginPage_inputLabel__MfwlX.LoginPage_error__gjotc {
    color: #EF4D88
}

.LoginPage_blockBottom__2XYpZ {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.LoginPage_reg__E__rf {
    font-size: 14px;
    font-weight: 400;
    color: rgb(110,110,110)
}

.LoginPage_reg__E__rf>a {
    font-weight: 500;
    color: #FFF;
    text-decoration: none;
    cursor: pointer
}

.LoginPage_reg__E__rf>a:hover {
    text-decoration: underline
}

.LoginPage_overOtp__0A26A {
    margin-top: 6px
}

.LoginPage_overOtp__0A26A .ant-input {
    width: 35px;
    height: 35px
}

.DefaultInput_main__S9vpy {
    width: 100%;
    height: 32px;
    padding: 0 12px;
    font-weight: 400;
    font-size: 14px;
    color: #FFF;
    outline: none;
    border: none;
    background: rgba(255,255,255,.06);
    border-radius: 5px;
    transition-duration: .2s;
    box-shadow: 0 0 0 1px rgba(255,255,255,.11),0 0 1px 0 rgba(255,255,255,.07)
}

.DefaultInput_main__S9vpy:hover {
    box-shadow: 0 0 0 1px rgba(255,255,255,.28),0 0 1px 0 rgba(255,255,255,.11)
}

.DefaultInput_main__S9vpy:active,.DefaultInput_main__S9vpy:focus {
    box-shadow: 0 0 0 1px rgba(255,255,255,.28),0 0 1px 0 rgba(255,255,255,.11),0 0 0 4px rgba(255,255,255,.11)
}

.DefaultInput_main__S9vpy.DefaultInput_error__Kcxe9 {
    box-shadow: 0 0 0 1px rgba(239,77,136,.41),0 0 1px 0 rgba(239,77,136,.15)
}

.DefaultInput_main__S9vpy.DefaultInput_error__Kcxe9:hover {
    box-shadow: 0 0 0 1px rgba(239,77,136,.53),0 0 1px 0 rgba(239,77,136,.15)
}

.DefaultInput_main__S9vpy.DefaultInput_error__Kcxe9:active,.DefaultInput_main__S9vpy.DefaultInput_error__Kcxe9:focus {
    box-shadow: 0 0 0 1px rgba(239,77,136,.53),0 0 1px 0 rgba(239,77,136,.15),0 0 0 4px rgba(239,77,136,.15)
}

.DefaultInput_overInput__TbGl2 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 32px
}

.DefaultInput_main__S9vpy.DefaultInput_withEye__kV8XF {
    padding-right: 40px
}

.DefaultInput_eye__Ne9eW {
    position: absolute;
    display: flex;
    right: 12px
}

.DefaultInput_eyeIn__DSsUV {
    cursor: pointer
}

.DefaultInput_eyeIn__DSsUV circle,.DefaultInput_eyeIn__DSsUV path {
    transition-duration: .2s
}

.DefaultInput_eye__Ne9eW:hover>.DefaultInput_eyeIn__DSsUV circle,.DefaultInput_eye__Ne9eW:hover>.DefaultInput_eyeIn__DSsUV path {
    stroke: #FFF
}

.DefaultButton_main__IHVU9 {
    width: 100%;
    height: 32px;
    background: #FFF;
    border-radius: 5px;
    border: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #000;
    cursor: pointer;
    transition-duration: .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.DefaultButton_main__IHVU9:hover {
    opacity: .8
}

.DefaultButton_main__IHVU9:active,.DefaultButton_main__IHVU9:focus {
    box-shadow: 0 0 0 4px rgba(255,255,255,.15)
}

.DefaultButton_main__IHVU9:disabled,.DefaultButton_main__IHVU9[disabled] {
    opacity: .8!important;
    box-shadow: none!important
}

@keyframes CircleLoader_rotate__BtR5c {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.CircleLoader_main__9X6jf {
    animation: CircleLoader_rotate__BtR5c 2s linear infinite running
}