.brand-mark {
  display: block;
  width: 32px;
  height: 32px;
  flex: none;
  background: transparent !important;
  border-radius: 0 !important;
  object-fit: contain;
}

.mini-brand {
  background: transparent !important;
  padding: 0;
}

.mini-brand img,
.sync-logo img,
.demo-window-logo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sync-logo,
.demo-window-logo {
  background: transparent !important;
  color: transparent !important;
}

.sync-logo {
  padding: 0;
}

.brand .brand-mark {
  margin: 0;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
}

.brand { gap: 14px; }
.sidebar .brand .brand-mark { width: 38px; height: 38px; flex-basis: 38px; }
@media (max-width: 720px) {
  .brand .brand-mark { width: 46px; height: 46px; flex-basis: 46px; }
}