.LoginPage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:60px;height:100%;display:flex;position:relative}.LoginPage .error-message{text-align:left;color:#500;background-color:#fcc;border:3px double #500;padding:15px;font:400 1.2rem/1.2 Roboto,sans-serif;position:absolute;top:20px;left:20px;right:20px}.LoginPage .container{display:inline-block}.LoginPage h1{color:#777;margin-bottom:10px;padding-bottom:10px;font:400 1.7rem/1.2 Roboto,sans-serif}.LoginPage a.login-link,.LoginPage a.login-link img{display:block}
.GenericSignIn{padding:30px}.GenericSignIn form{flex-direction:column;gap:15px;display:flex}.GenericSignIn .error-message{color:#ef4444;text-align:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-bottom:10px;padding:12px 16px;font-size:14px}.GenericSignIn input{color:#fff;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:12px 14px;font:1.2rem Roboto,sans-serif;display:block}.GenericSignIn input::placeholder{color:#666}.GenericSignIn input:focus{border-color:#32cfc5;outline:none}.GenericSignIn .submit-button{color:#fff;cursor:pointer;background-color:#32cfc5;border:none;border-radius:8px;width:100%;padding:12px 10px;font:600 1.2rem Roboto,sans-serif;transition:background-color .2s;display:block}.GenericSignIn .submit-button:hover:not(:disabled){background-color:#27a79f}.GenericSignIn .submit-button:disabled{opacity:.6;cursor:not-allowed}.GenericSignIn .demo-hint{color:#666;text-align:center;margin-top:20px;font-size:12px}