/* The login hero is always dark; do not affect light page branding. */
.layout-login .login-hero .hero-brand,
.layout-login .login-hero .brand-name,
.layout-login .login-hero .brand-sub {
    color: #fff !important;
    opacity: 1;
}
.layout-login .login-hero .brand-mark {
    background: transparent;
    backdrop-filter: none;
}
.layout-login .login-hero .brand-mark svg {
    width: 32px;
    height: 32px;
}