.logo,
.sidebar-logo,
.brand {
  display: flex;
  align-items: center;
  gap: 0;
}

.logo::before,
.sidebar-logo::before,
.brand::before {
  content: "";
  display: inline-block;
  width: 1.35em;
  height: 1.35em;
  flex: 0 0 1.35em;
  margin-right: 0.5rem;
  background: url("/assets/brand/handleasy-mark.png") center / contain no-repeat;
}

a.brand {
  width: fit-content;
}