@font-face {
  font-family:"Charger Manrope";
  src:url("/static/manrope-latin.woff2") format("woff2");
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
  unicode-range:U+0000-00FF;
}
@font-face {
  font-family:"Charger Manrope";
  src:url("/static/manrope-cyrillic.woff2") format("woff2");
  font-style:normal;
  font-weight:200 800;
  font-display:swap;
  unicode-range:U+0400-052F;
}

/* The mark is vector artwork; both lines of lettering are selectable HTML text. */
.charger-logo {
  --charger-name-size:46px;
  --charger-mark-width:80px;
  display:inline-flex;
  flex-direction:column;
  vertical-align:middle;
  width:300px;
  max-width:100%;
  color:#101010;
  font-family:"Charger Manrope",Arial,Helvetica,sans-serif;
  text-align:left;
  letter-spacing:0;
}
.charger-logo-main {display:flex; align-items:center; gap:8px}
.charger-logo .charger-logo-mark {display:block; width:var(--charger-mark-width); height:auto; flex:none; overflow:visible}
.charger-logo-name {display:block; font-size:var(--charger-name-size); font-weight:800; line-height:1.1; letter-spacing:-2px}
.charger-logo-tagline {display:block; margin-top:6px; font-size:11px; font-weight:500; line-height:1.45; letter-spacing:0; white-space:nowrap; text-wrap:nowrap}
.login-panel-brand {align-items:flex-start; flex-direction:column; gap:12px}

.login-screen .login-card .login-logo {margin-bottom:30px}
.charger-heading {display:inline-block; max-width:100%; margin-bottom:20px}
.dash-footer>span:first-child {display:flex; align-items:center; flex-wrap:wrap; gap:8px}

.dash-footer small {margin-left:0}
.charger-plan-brand {display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:12px; min-width:0}

.life-header .brand {display:block; max-width:100%; padding:0; background:transparent}
@media(max-width:750px) {
  .charger-logo {width:216px; --charger-name-size:36px; --charger-mark-width:64px}
  .charger-logo-name {letter-spacing:-1.7px}
  .charger-logo-tagline {margin-top:5px; font-size:9px}
  .charger-plan-brand {gap:6px; flex-direction:column; align-items:flex-end}

  .charger-plan-brand>small {font-size:9px}
  .dash-footer>span:first-child {gap:6px}

}

.login-brand-home{display:block;color:inherit;text-decoration:none}
.page-header:has(.charger-logo),.options-header:has(.charger-logo){flex-wrap:wrap;row-gap:12px}
.page-header>a:has(.charger-logo),.options-header>a:has(.charger-logo){flex-shrink:0;max-width:100%}
.page-header>.back,.options-header>.back{margin-left:auto}