/* These custom settings apply exclusively to the login welcome page. */
.login-design{font-family:var(--login-font);background:var(--login-hero-bg);color:var(--login-form-text)}
.login-design .auth-art{background-color:var(--login-hero-bg);background-image:none;color:var(--login-hero-text);gap:30px;min-width:0}
.login-design .auth-art::after{display:none}
.login-design.login-background-welcome .auth-art{background-image:linear-gradient(var(--login-overlay),var(--login-overlay)),var(--login-image);background-size:cover;background-position:var(--login-position)}
.login-design.login-background-page{background-image:linear-gradient(var(--login-overlay),var(--login-overlay)),var(--login-image);background-size:cover;background-position:var(--login-position)}
.login-design.login-background-page .auth-art{background:transparent}
.login-design .auth-form{background:var(--login-form-bg);color:var(--login-form-text);max-width:none;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow-wrap:anywhere}
.login-design .auth-form .muted,.login-design .auth-form .eyebrow{color:var(--login-form-text)}
.login-design .auth-form .primary{background:var(--login-button-bg);border-color:var(--login-button-bg);color:var(--login-button-text)}
.login-design .auth-form .primary:hover{filter:brightness(.92)}
.login-design .auth-form input,.login-design .auth-form button{font-family:inherit}
.login-design .login-welcome{text-align:var(--login-align);overflow-wrap:anywhere}
.login-design .login-welcome h1{font-size:clamp(28px,4.7vw,var(--login-heading-size));color:var(--login-hero-text)}
.login-design .login-welcome h2,.login-design .login-welcome h3{color:var(--login-hero-text)}
.login-design .login-welcome p{color:var(--login-hero-muted);max-width:none}
.login-design .login-welcome .eyebrow{color:var(--login-accent);font-size:10px}
.login-design .login-welcome-footer{color:var(--login-hero-muted)}
.login-design .login-welcome a{color:inherit;text-decoration:underline}
.login-design.login-layout-split-right .auth-art{order:2}
.login-design.login-layout-split-right .auth-form{order:1}
.login-design.login-layout-center{display:flex;flex-direction:column;align-items:center;padding:36px 20px;gap:24px}
.login-design.login-layout-center .auth-art{width:min(680px,100%);padding:24px;min-height:auto;border-radius:10px}
.login-design.login-layout-center .auth-form{width:min(560px,100%);min-height:0;margin:0;padding:36px;border-radius:10px}
@media(max-width:850px){.login-design .auth-form{padding:36px}}
@media(max-width:580px){.login-design .auth-art,.login-design.login-layout-split-right .auth-art{order:0;padding:24px;min-height:210px}.login-design .auth-form,.login-design.login-layout-split-right .auth-form{order:1;min-height:0;padding:30px 24px}.login-design .login-welcome h1{font-size:min(var(--login-heading-size),36px)}.login-design .auth-art .login-welcome p,.login-design .login-welcome-footer{display:block}.login-design.login-layout-center{padding:20px 14px}.login-design.login-layout-center .auth-art{padding:18px}.login-design.login-layout-center .auth-form{padding:28px 22px}}
.login-design .auth-art{overflow-wrap:anywhere}
.login-design .brand>span{min-width:0;overflow-wrap:anywhere}