.login-form{background-color:var(--bgcolor-alt);border-radius:3px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:500px;margin:auto;display:flex;position:relative;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}@media screen and (width<=700px){.login-form{height:auto;box-shadow:none}}.login-form.wiggle{animation:.6s wiggle}.login-form .login-title{color:var(--theme-color);margin:20px 0 0;font-family:noto-sans,Arial,sans-serif;font-size:2rem}.login-form .message-display{height:20px;line-height:20px}.login-form .hint{width:calc(100% - 80px);margin:15px 0 0}.login-form.loading #login,.login-form.loading .hint{opacity:0;pointer-events:none}.login-form.loading .spinner{opacity:1}.login-form .spinner{opacity:0;top:50%;transform:translateY(-50%);position:absolute!important}.login-form #login,.login-form .spinner{transition:opacity .3s cubic-bezier(.31,.65,.26,.97)}.login-form #login{box-sizing:border-box;flex-direction:column;width:100%;max-width:500px;padding:10px;display:flex}@keyframes wiggle{20%,60%{transform:translate(-10px)}40%,80%{transform:translate(10px)}}