.brand-mark {
  display: block;
  flex: 0 0 86px;
  width: 86px;
  height: 52px;
  overflow: visible;
  color: inherit;
  background: none;
  border-radius: 0;
}

.brand-mark picture,
.brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.admin-sidebar .brand-mark {
  background: none;
}

.login-card .brand-mark {
  flex-basis: 106px;
  width: 106px;
  height: 59px;
}

@media (max-width: 650px) {
  .site-header .brand-mark {
    flex-basis: 72px;
    width: 72px;
    height: 44px;
  }

  .site-header .brand {
    gap: 7px;
  }

  .site-header .brand b {
    font-size: 17px;
  }

  .site-header .brand small {
    font-size: 10px;
  }
}