@font-face {
  font-family: 'Fuelz Exo 2';
  src: url('./exo2-italic-variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

.fuelz-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: #171719;
  white-space: nowrap;
}

.fuelz-brand-mark {
  width: 48px;
  height: 30px;
  flex-shrink: 0;
}

/* Keep the existing brand-text class so collapsed navigation hides the wordmark. */
.fuelz-brand .fuelz-brand-wordmark {
  font-family: 'Fuelz Exo 2', sans-serif;
  font-size: 1.65rem !important;
  font-style: italic;
  font-weight: 750 !important;
  letter-spacing: -.025em !important;
  line-height: 1.1;
  color: inherit !important;
  padding: 0 .08em 0 0 !important;
  margin: 0;
}

.dark-layout .fuelz-brand,
.menu-dark .fuelz-brand {
  color: #fff;
}

.fbs-login-logo .fuelz-brand-mark {
  width: 58px;
  height: 37px;
}

.loading-logo img {
  width: 96px;
  height: 60px;
}