.loginApp{margin:4em auto 0;max-width:800px;font-family:sans-serif}.loginApp,.loginApp *{box-sizing:border-box}.loginApp .loginApp--panel{padding:.5em}.loginApp .loginApp--panel p{margin:.25em 0}.loginApp .loginApp--panel a{color:inherit}.loginApp .loginApp--panel blockquote{margin:.5em 0;padding:1em;background:hsla(0,0%,100%,.5);border-color:rgba(51,51,51,.5) hsla(0,0%,100%,.5) hsla(0,0%,100%,.5) rgba(51,51,51,.5);border-style:solid;border-width:1px;border-radius:.3em;color:#333}.loginApp .loginApp--panel[panel-type=form] .loginApp--formField{margin-bottom:.5em}.loginApp .loginApp--panel[panel-type=form] .loginApp--formField input{font-size:1em;width:100%;border:1px solid #eee;border-radius:.3em;padding:.5em;background:none}.loginApp .loginApp--panel[panel-type=form] .loginApp--formField button{font-size:1em;width:100%;display:block;padding:.5em;background:#4d8cf3;color:#fff;border:none;border-radius:.3em}.loginApp .loginApp--panel[panel-type=username]{margin:.5em;border-radius:.3em;background:#5fbcdf;color:#fff}.loginApp .loginApp--panel[panel-type=username] button{background:#fff;color:#5fbcdf;display:inline-block;float:right;border:none;padding:.5em;border-radius:.3em;position:relative;top:-.35em;cursor:pointer;transition:all .25s ease}.loginApp .loginApp--panel[panel-type=username] button:hover{background:tomato;color:#fff}.loginApp .loginApp--panel[panel-type=message]{margin:0 .5em;border-radius:.3em;background:#5fbcdf;color:#fff}.loginApp .loginApp--panel[panel-type=error]{margin:0 .5em;border-radius:.3em;background:tomato;color:#fff}.loginApp .loginApp--panel[panel-type=token]{margin:0 .5em;border-radius:.3em;background:#88c243;color:#fff}.loginApp .loginApp--panel[panel-type=token] em{color:#ff6}