.brand-mark,
.login-card + * .brand-mark,
.admin-brand span,
header .brand > span {
  background-color: #fff;
  background-image: url('/assets/logo-soleil-bat-symbole.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  color: transparent;
  font-size: 0;
}

.brand-mark {
  width: 52px;
  height: 48px;
}

.brand-mark svg {
  display: none;
}

.admin-brand span,
header .brand > span {
  width: 52px;
  height: 48px;
}

footer .brand-mark {
  background-color: #a94726;
  background-image: none;
}

footer .brand-mark svg {
  display: block;
}

.topbar > .brand,
header > .brand,
.admin-brand {
  display: block;
  width: 142px;
  height: 66px;
  background-image: url('/assets/logo-soleil-bat.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.topbar > .brand > *,
header > .brand > *,
.admin-brand > * {
  display: none;
}

@media (max-width: 560px) {
  .topbar > .brand,
  header > .brand,
  .admin-brand {
    width: 118px;
    height: 58px;
  }
}