@font-face {
  font-family: 'Bytesized';
  src: url('./Bytesized-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.brand-wordmark {
  font-family: 'Bytesized', monospace !important;
  font-weight: 400 !important;
  font-size: 40px !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase;
}
.brand .mark.brand-logo, .mobile-brand .mark.brand-logo, .login .mark.brand-logo {
  display: block !important;
  width: 26px !important;
  height: 26px !important;
  padding: 0 !important;
  flex: 0 0 26px;
  border: 0 !important;
  border-radius: 6px !important;
  background: none !important;
}
.brand-copy { display: flex; flex-direction: column; gap: 3px; }
.login .brand { justify-content: center; }
.mobile-brand { align-items: center; gap: 9px; }