#login{display:flex;flex-direction:column;justify-content:center;align-content:center;flex-wrap:wrap;height:100vh;width:100vw}#login .inner{background-color:#fff;min-width:400px;width:30vw;max-width:800px;padding:10px;border-radius:var(--border-radius-small)}#login .inner .mdi.prefix{top:-2px}#login .inner .login-title{font-size:clamp(2rem,2vw,3rem);padding:10px 5px;text-align:center;position:relative;top:0;transition-property:top;transition-duration:.5s;transition-timing-function:ease-in-out}#login .inner .login-title.init{top:-50px}#login .inner .login-logo{background-repeat:no-repeat;background-position:center;background-size:contain;display:block;position:relative;width:auto;height:20vh;max-height:100px;opacity:1;transition-property:opacity;transition-duration:1.5s;transition-timing-function:ease-in-out;margin-bottom:10px}#login .inner .login-logo.init{opacity:0}#login .inner .login-message{width:100%;position:relative;font-size:larger;margin-top:10px}#login .inner .login-message span.mdi{top:-1px;position:relative}#login .inner .login-message span.mdi:before{color:inherit}#login .inner .login-message.error,#login .inner .login-message.warning{color:#d9534f}#login .inner .login-message.info{color:#696969}#login .inner .loginmethodselector{font-weight:bold;cursor:pointer}#login .inner .loginmethodselector.active{border-bottom:solid 2px var(--primary-color)}#login .inner .loginmethod{display:none}#login .inner .loginmethod.active{display:block}@media only screen and (max-width:600px){#login .inner{min-width:unset;width:95vw}}