.loginApp{font-family:sans-serif;margin:4em auto 0;max-width:800px}.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{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-radius:.3em;border-style:solid;border-width:1px;color:#333;margin:.5em 0;padding:1em}.loginApp .loginApp--panel[panel-type=form] .loginApp--formField{margin-bottom:.5em}.loginApp .loginApp--panel[panel-type=form] .loginApp--formField input{background:none;border:1px solid #eee;border-radius:.3em;font-size:1em;padding:.5em;width:100%}.loginApp .loginApp--panel[panel-type=form] .loginApp--formField button{background:#4d8cf3;border:none;border-radius:.3em;color:#fff;display:block;font-size:1em;padding:.5em;width:100%}.loginApp .loginApp--panel[panel-type=username]{background:#5fbcdf;border-radius:.3em;color:#fff;margin:.5em}.loginApp .loginApp--panel[panel-type=username] button{background:#fff;border:none;border-radius:.3em;color:#5fbcdf;cursor:pointer;display:inline-block;float:right;padding:.5em;position:relative;top:-.35em;transition:all .25s ease}.loginApp .loginApp--panel[panel-type=username] button:hover{background:tomato;color:#fff}.loginApp .loginApp--panel[panel-type=message]{background:#5fbcdf;border-radius:.3em;color:#fff;margin:0 .5em}.loginApp .loginApp--panel[panel-type=error]{background:tomato;border-radius:.3em;color:#fff;margin:0 .5em}.loginApp .loginApp--panel[panel-type=token]{background:#88c243;border-radius:.3em;color:#fff;margin:0 .5em}.loginApp .loginApp--panel[panel-type=token] em{color:#ff6}