body.login.fcpress-auth {
    box-sizing: border-box;
    min-height: 100vh;
    height: auto;
    padding: 40px 16px;
    background-color: var(--fc-auth-bg, #191919);
    background-size: cover;
    background-position: center;
    color: var(--fc-auth-page-fg, #fff);
}
body.login.fcpress-auth div#login {
    display: block;
    box-sizing: border-box;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 24px 0;
    color: var(--fc-auth-fg);
}
body.login.fcpress-auth--card div#login {
    padding: 28px;
    background: var(--fc-auth-bg);
    border: 1px solid currentColor;
    border-radius: 8px;
}
body.login.fcpress-auth #login form,
body.login.fcpress-auth #login #nav,
body.login.fcpress-auth #login #backtoblog,
body.login.fcpress-auth #login .privacy-policy-page-link,
body.login.fcpress-auth #login .message,
body.login.fcpress-auth #login .notice,
body.login.fcpress-auth #login .success,
body.login.fcpress-auth #login #login_error {
    background: transparent;
    color: inherit;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    width: auto;
    padding: 0;
    margin: 0 0 24px;
}
body.login.fcpress-auth #login .notice,
body.login.fcpress-auth #login .message,
body.login.fcpress-auth #login #login_error {
    border-inline-start: 3px solid currentColor;
    padding-inline-start: 12px;
}
body.login.fcpress-auth #login a,
body.login.fcpress-auth #login label,
body.login.fcpress-auth .language-switcher label { color: inherit; }
body.login.fcpress-auth #login #nav a,
body.login.fcpress-auth #login #backtoblog a,
body.login.fcpress-auth #login .privacy-policy-page-link a {
    display: inline;
    padding: 0;
    text-decoration: underline;
}
body.login.fcpress-auth #login input:not([type=submit]):not([type=checkbox]):not([type=hidden]),
body.login.fcpress-auth .language-switcher select {
    box-sizing: border-box;
    background: #fff;
    color: #000;
    border: 2px solid #767676;
    border-radius: 4px;
    min-height: 44px;
    max-width: 100%;
}
body.login.fcpress-auth #login .button-primary {
    background: var(--fc-auth-fg);
    color: var(--fc-auth-bg);
    border: 2px solid var(--fc-auth-fg);
    box-shadow: none;
    text-shadow: none;
    border-radius: 4px;
    min-height: 44px;
}
body.login.fcpress-auth #login .wp-hide-pw { color: #000; }
body.login.fcpress-auth #login :focus-visible,
body.login.fcpress-auth .language-switcher :focus-visible {
    outline: 2px solid var(--fc-auth-fg);
    outline-offset: 3px;
    box-shadow: none;
}
body.login.fcpress-auth #login .wp-hide-pw:focus-visible {
    outline-color: #000;
    outline-offset: -4px;
}
/* Keep field focus inside the border, clear of the form's overflow clipping. */
body.login.fcpress-auth #login input:not([type=submit]):not([type=checkbox]):not([type=hidden]):focus,
body.login.fcpress-auth .language-switcher select:focus {
    outline: 2px solid #000;
    outline-offset: -2px;
    box-shadow: none;
}
body.login.fcpress-auth #login .indicator-hint,
body.login.fcpress-auth #login .description { color: inherit; }
body.login.fcpress-auth .language-switcher { color: var(--fc-auth-page-fg); }
@media (max-width: 480px) {
    body.login.fcpress-auth { padding: 24px 16px; }
    body.login.fcpress-auth--card div#login { padding: 20px; }
}