/* Web custodian portal additions to wizard.css (login form, sign-out). Colors come from the theme (CSS properties). */
.login{margin:6px 0 4px;max-width:620px}
.field{display:block;margin:0 0 22px}
.field .lbl{display:block;font-weight:700;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin:0 0 6px}
.field input{width:100%;font:inherit;font-family:var(--font-display);font-size:30px;font-weight:300;letter-spacing:.5px;
  color:var(--text-strong);background:transparent;border:0;border-bottom:2px solid var(--border);padding:6px 2px 8px;
  border-radius:0;outline:none;transition:border-color .2s ease}
.field input::placeholder{color:color-mix(in srgb,var(--muted) 55%,transparent)}
.field input:focus{border-bottom-color:var(--primary-2)}
.login .actions{margin-top:8px}
.portal-login .privacy{margin-top:28px;max-width:700px}
.portal-login .status.ok{margin:0 0 16px}
.portal-login .notice{margin:0 0 18px;max-width:620px}
.portal-login a.ghost{text-decoration:none;display:inline-block}
form.signout{display:inline;margin:0}
.screen.leave-up .btn{opacity:.6}
@media (max-width:760px){.field input{font-size:24px}}