/* The supplied Charger image stays byte-for-byte intact. CSS frames its logo and slogan. */
.charger-logo {display:block; width:260px; max-width:100%; height:auto; aspect-ratio:1536/450; object-fit:cover; object-position:center 50%; border-radius:7px}
.login-panel-brand {align-items:flex-start; flex-direction:column; gap:12px}
.login-panel-brand .charger-logo {width:350px; border-radius:10px}
.login-screen .login-card .login-logo {width:310px; margin-bottom:30px}
.charger-heading {display:inline-block; margin-bottom:20px}
.charger-heading .charger-logo {width:260px}
.dash-footer>span:first-child {display:flex; align-items:center; flex-wrap:wrap; gap:8px}
.dash-footer .charger-logo {width:190px}
.dash-footer small {margin-left:0}
.charger-plan-brand {display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:8px}
.charger-plan-brand .charger-logo {width:210px}
@media(max-width:600px) {
  .charger-heading .charger-logo {width:230px}
  .login-screen .login-card .login-logo {width:290px}
  .charger-plan-brand {gap:4px; flex-direction:column; align-items:flex-end}
  .charger-plan-brand .charger-logo {width:170px}
  .charger-plan-brand small {font-size:9px}
  .dash-footer>span:first-child {gap:6px}
  .dash-footer .charger-logo {width:180px}
}