.logo-large {
  display: inline-flex;
  align-items: center;
  gap: var(--ui-space-8);
  color: var(--primary);
  font-family: var(--ui-font-interface);
  font-size: var(--ui-body-font-size);
  font-weight: 600;
  letter-spacing: var(--ui-body-letter-spacing);
  line-height: var(--ui-body-line-height);
  white-space: nowrap;
}

.logo-large::before {
  width: 32px;
  height: 32px;
  flex: none;
  background: currentColor;
  content: "";
  -webkit-mask: url("/brand/memento-menubar.svg?v=09b64e61") center / contain no-repeat;
  mask: url("/brand/memento-menubar.svg?v=09b64e61") center / contain no-repeat;
}

.demo-sidebar-wordmark > span {
  width: 32px;
  aspect-ratio: 1;
  background: var(--primary);
  opacity: 0.3;
  filter: none;
  -webkit-mask: url("/brand/memento-menubar.svg?v=09b64e61") center / contain no-repeat;
  mask: url("/brand/memento-menubar.svg?v=09b64e61") center / contain no-repeat;
}