.auth-page{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#000,#518a97);height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.logo{width:500px;height:auto;margin-bottom:8rem;text-align:center}.auth-form{display:grid;grid-template-areas:"body" "footer";width:300px}.auth-form__body{grid-area:body;display:flex;flex-direction:column;justify-content:center}.auth-form__body,.auth-form__body .auth-form__body-input-wrapper{position:relative}.auth-form__body .auth-form__body-input-wrapper input{width:100%}.auth-form__body .auth-form__body-input-wrapper svg{position:absolute;right:3px;top:50%;transform:translateY(-50%);cursor:pointer}.auth-form__error{color:tomato;margin-bottom:20px;margin-top:12px;font-family:Courier New,Courier,monospace}.auth-form__error ul{padding-left:0}.auth-form__error ul li{list-style-position:inside}.auth-form__body-input{padding:5px 12px;font-size:16px;border-radius:8px;font-family:Courier New,Courier,monospace}.auth-form__body-input:not(:first-child){margin-top:12px}.auth-form__hint{position:absolute;padding:5px;left:calc(100% + 20px);background:hsla(0,0%,50.2%,.4);border-radius:8px;width:210px;top:0;display:flex;flex-direction:column;color:#fff}.auth-form__hint .auth-form__hint-list{padding-left:0;list-style-position:inside;margin:3px 0 0 5px}.auth-form__hint .auth-form__hint-list .auth-form__hint-list-item{padding-left:0;font-size:13px}.auth-form__actions{grid-area:footer;display:flex;flex-direction:column;align-items:center;row-gap:10px;color:#fff}