.login{width:100%;max-width:28rem;margin-left:auto;margin-right:auto}.login form{margin-top:3rem;margin-bottom:3rem}.login form .controls{display:flex;flex-direction:column-reverse;align-items:center;justify-content:space-between}.login form .controls a.forgot-password{display:block;color:#61aaf2;text-decoration:none;text-align:right;width:100%}.login form .controls a.forgot-password:hover{text-decoration:underline}.login form .controls .button{display:flex;justify-content:center;align-items:center;width:100%;margin-top:2rem;margin-bottom:2rem}.login form .controls .button .icon-wrapper{color:#fff;width:1.25rem;height:1.25rem}.login form .controls .button .icon-or-loader{margin-right:.5rem}.login form .new-account{text-align:center;color:#6c7380}.login form .new-account a.new-account-button{color:#05e;text-decoration:none}.login form .new-account a.new-account-button:hover{text-decoration:underline}.login label{display:block;color:#4a5568;font-size:.875rem;margin-bottom:.5rem}.login input{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);appearance:none;border-width:1px;border-color:#a0aec0;border-radius:.25rem;width:100%;padding-top:.5rem;padding-bottom:.5rem;padding-left:.75rem;padding-right:.75rem;color:#4a5568;line-height:1.25}.login input:focus{outline:0;box-shadow:0 0 0 3px rgba(66,153,225,.5)}@media (min-width:768px){.login form{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border-radius:.25rem;padding-left:2rem;padding-right:2rem;padding-top:1.5rem;padding-bottom:2rem;margin-bottom:1rem}.login form .controls{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1rem}.login form .controls .button{margin-top:.5rem;margin-bottom:.5rem}}