.brand {
  gap: 3px;
}

.brand-mark {
  width: 54px;
  height: 54px;
  flex: none;
  background-color: var(--bg);
}

.sidebar-toggle {
  top: 94px;
  z-index: 10;
}

html[data-theme="dark"] .brand-mark {
  background-color: #1d211d;
}

.brand-copy {
  width: 132px;
}

.brand-copy strong,
.brand-copy small {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  text-transform: uppercase;
}

.brand-copy strong {
  font-family: "Ruslan Display", "Cormorant Garamond", Georgia, serif;
  font-size: 27px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
}

.brand-mark .brand-symbol {
  display: block;
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.sidebar-collapsed .sidebar .nav-badge {
  display: none;
}