.brand-logo {
  display: inline-flex;
  flex: 0 0 auto;
  height: 38px;
  width: 32px;
}

.brand-logo__image {
  display: none;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.brand-logo__image--dark { display: block; }
.brand-logo--light .brand-logo__image--dark { display: none; }
.brand-logo--light .brand-logo__image--light { display: block; }

.app-brand-link .brand-logo { height: 40px; width: 34px; }
.app-brand.justify-content-center .brand-logo { height: 54px; width: 46px; }

.brand-logo__word {
  color: #123E33;
  font-family: "Manrope", "Public Sans", Arial, sans-serif;
  font-size: 1.12rem;
  font-weight: 800;
  letter-spacing: -0.055em;
  line-height: 1;
}

.brand-logo--light + .brand-logo__word { color: #fff; }
.client-brand,
.auth-mobile-brand {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 0.65rem;
  min-height: 42px;
}
.client-brand .brand-logo,
.auth-mobile-brand .brand-logo { height: 42px; width: 36px; }
.client-brand .brand-logo__word,
.auth-mobile-brand .brand-logo__word {
  font-size: 1.2rem;
  line-height: 1;
  white-space: nowrap;
}
.app-brand-link { align-items: center; gap: 0.65rem; }
.authentication-wrapper .app-brand-link .brand-logo__word,
.authentication-cover .auth-cover-brand .brand-logo__word { color: #123E33; }
.authentication-cover .auth-cover-brand { align-items: center; gap: 0.65rem; }
#layout-menu .brand-logo__word { color: #172b28; }
.platform-theme-dark #layout-menu .brand-logo__word { color: #fff; }