/* Mobile login-brand containment for Application v2.3.0-r2. */
@media (max-width:560px){
  .auth-card{--auth-brand-shift:0px}
  .auth-brand{
    grid-template-columns:auto minmax(0,1fr);
    column-gap:12px;
    transform:none;
  }
  .auth-brand h1{
    max-width:100%;
    font-size:clamp(calc(1.05rem - 2pt),calc(4.9vw - 2pt),calc(1.35rem - 2pt));
    line-height:1.25;
    overflow-wrap:anywhere;
    word-break:normal;
  }
  .auth-logo{
    width:min(76px,22vw);
    max-width:76px;
    transform:none;
  }
}
@media (max-width:380px){
  .auth-brand{column-gap:10px}
  .auth-brand h1{font-size:clamp(calc(.98rem - 2pt),calc(4.7vw - 2pt),calc(1.08rem - 2pt))}
  .auth-logo{width:min(68px,22vw);max-width:68px}
}