.login-entry[hidden], .login-modal [hidden] { display: none; }
.login-modal { width: min(420px, calc(100vw - 32px)); }
.login-modal h2 { font-size: 22px; margin: 0; letter-spacing: -.02em; }
.login-modal .modal-head { justify-content: space-between; margin-bottom: 20px; }
.login-modal p { color: var(--muted); font-size: 14px; line-height: 1.6; margin: 0 0 22px; }
.login-modal .login-subtle { font-size: 12px; margin: 16px 0 0; color: var(--quiet); }
.login-modal .login-message { color: var(--danger); margin-bottom: 16px; }
.login-modal .login-status { font-size: 13px; margin: 16px 0 0; }
.login-modal #retryLogin { margin-top: 14px; }
.login-modal .button.primary { width: 100%; justify-content: center; }
.login-modal a[aria-disabled="true"] { opacity: .45; pointer-events: none; }
.login-modal::backdrop { background: rgb(0 0 0 / .65); }
.login-close { font-size: 22px; line-height: 1; }