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