#loginDlg.noClose{
    margin-block: 100px;
        .closeBtn{display: none;}
}

#loginForm {
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: 4px;
    align-content: center;
    justify-content: stretch;
    width: min(80svw, 300px);
    padding-inline:min(50px, 3vw);
    font-size: 80%;
    >* {
        align-self: start;
        display: none;
    }
    label {
        font-size: 80%;
        color: gray;
        margin-bottom: -0.5rem;
        white-space: nowrap;
    }
    input {
        border: 1px solid gray;
        height: 1.8rem;
        text-align: center;
    }
    a {
        font-size: .8rem;
        color: var(--color1);
        justify-self: center;
    }
    button:disabled {
        background-color: #bbb;
        color: white;
        cursor: default;
    }
    
    #loginMessage {
        font-size: .8rem;
        color: red;
        text-align: center;
    }
    &.loginForm .forLogin {
        display: unset;
    }
    
    &.registerForm .forRegister {
        display: unset;
    }
    
    &.forgetForm .forForget {
        display: unset;
    }
    #registerLink,
    #loginLink {
        text-align: center;
        color: var(--color1);
    }
}