:root {
  --stags-brand-blue: #2563eb;
  --stags-brand-teal: #0f9f94;
  --stags-brand-ink: #172033;
}

.ExcalidrawLogo {
  gap: 0.6rem;
}

.ExcalidrawLogo svg {
  display: none !important;
}

.ExcalidrawLogo::before {
  width: 2.5rem;
  height: 2.5rem;
  flex: 0 0 2.5rem;
  content: "";
  background: url("/stags-canvas.svg") center / contain no-repeat;
}

.ExcalidrawLogo::after {
  color: var(--stags-brand-ink);
  content: "Stags Canvas";
  font-family: Assistant, system-ui, sans-serif;
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.ExcalidrawLogo.is-mobile::before {
  width: 1.25rem;
  height: 1.25rem;
  flex-basis: 1.25rem;
}

.ExcalidrawLogo.is-mobile::after,
.ExcalidrawLogo.is-xs::after {
  font-size: 0.9rem;
}

.ExcalidrawLogo.is-large::before {
  width: 5rem;
  height: 5rem;
  flex-basis: 5rem;
}

.ExcalidrawLogo.is-large::after {
  font-size: 2.25rem;
}

.welcome-screen-center__logo .ExcalidrawLogo {
  justify-content: center;
}

.dark .ExcalidrawLogo::after {
  color: #f8fafc;
}

[data-stags-hidden="true"] {
  display: none !important;
}

@media (max-width: 480px) {
  .ExcalidrawLogo::after {
    font-size: 1.15rem;
  }
}