.login-screen{background:var(--portal-background);min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));flex:1;width:100%;display:flex;overflow-y:auto}.login-screen .login-form{margin:auto}.login-screen--legal{flex-direction:column}.login-legal{flex-shrink:0;justify-content:center;gap:1rem;width:100%;padding-top:1.5rem;display:flex}.login-legal a{color:var(--ink-muted);font-size:13px;text-decoration:none}.login-legal a:hover,.login-legal a:focus-visible{text-decoration:underline}.login-actions{gap:10px;display:flex}.login-actions .ui-button{flex:auto;min-width:0}.login-actions .ui-button-secondary{flex:none;min-width:64px}.login-mode-row{min-height:22px}.login-mode-switch{opacity:0;transition:opacity .16s}.login-mode-switch.is-visible{opacity:1}.login-form input[aria-invalid=true]{border-color:#d76555b8}.login-identifier{gap:var(--space-xs);display:grid}.login-mode-switch button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;transition:color .16s;position:relative}.login-mode-switch button:after{content:"";position:absolute;inset:-10px -4px}.login-mode-switch button:hover{color:var(--muk-green)}.login-error{color:var(--danger);text-align:center;margin:0;font-size:13px;font-weight:650;line-height:1.4}.login-hint{color:var(--ink-soft);text-align:center;margin:0;font-size:14px;line-height:1.5}.login-form h1 .route-loading-word{height:.72em;margin-inline:auto}