html{box-sizing:border-box}#form-container{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;margin:0}form{width:320px;background:#fff;border-radius:5px;box-shadow:0 5px 15px rgba(0,0,0,.1);box-sizing:border-box}#form-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}form img{margin:10px 10px 0 0;height:40px}#login-details{width:280px;margin:auto}@media screen and (min-width:40em){.form-container{padding:1em}form{padding:0 0 20px 0}}h1{display:inline-block;margin:20px;font-size:32px;font-weight:300}input,label{display:block;width:100%;box-sizing:content-box}label{color:#2c2c2c;margin:0;padding:5px 0;text-align:left;font-size:18px;font-weight:400}input{width:100%;border:0 none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:5px 0;padding:3px;background-color:#c9c9c9}input:active,input:focus{border:0 none;outline:0}button{display:block;margin:15px auto;padding:10px;width:100px;font-size:14px;font-family:inherit;text-align:center;color:#fff;border:0;border-radius:3px;cursor:pointer;background-color:#128a50;transition:background-color .3s ease}button:hover{background-color:#dbdbdb}button:active,button:focus{outline:0}button.is-loading{opacity:.5;pointer-events:none;color:transparent}button.submit svg{display:none;font-size:1.5em;width:1em;height:1em;position:absolute;top:50%;left:50%;margin:-.5em 0 0 -.5em;color:#fff;animation:spin .75s linear infinite}button.is-loading svg{display:block}.password-input{position:relative}.password-input input{position:relative;padding-right:5.5em}.password-toggle{position:absolute;top:0;right:0;width:8em;height:100%;display:flex;align-items:center;justify-content:space-between;color:#999;background:0 0;font-weight:400;padding:.5em 1em;margin:.05em .25em;border-radius:.5em;transition:color .2s ease}.password-toggle:hover{color:#333;background:0 0}.password-toggle svg{font-size:1.25em;margin-right:.25em}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}.login-information{line-height:150%;margin-top:5px;font-size:12px;font-weight:lighter}.login-notice{display:none;width:280px;padding:.75em 1em;margin:.5em auto 1.5em;background-color:#4299e1;color:#fff;border-radius:.1em}.login-notice.is-shown{display:block}.login-notice.error{background-color:#e53e3e}.login-notice.success{background-color:#48bb78}