/* Avoid displaying the old PIN form while the server's auth mode loads. */
html:not([data-auth-mode]) #login { visibility: hidden; }
html[data-auth-mode="clerk"] #login { display: flex; justify-content: center; width: 100%; position: relative; z-index: 3; }
html[data-auth-mode="clerk"] #login input { max-width: none; }
html[data-auth-mode="clerk"] #login > div { max-width: 100%; }
.authNotice { max-width: 600px; width: 100%; }
.authNotice button { margin: 5px; }
html[data-auth-mode="clerk"] .legacyAccountControls { display: none; }
@media(max-width: 520px) { html[data-auth-mode="clerk"] .userbox { flex-wrap: wrap; } }