@font-face {
  font-family: 'Tilt Neon';
  src: url('/css/fonts/TiltNeon-Variable.ttf') format('truetype-variations'),
       url('/css/fonts/TiltNeon-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Favorites-style topnav brand slot */
body > nav.nav.topnav .topnav-sidebar-space,
body > nav.topnav[data-mockup-topnav] .topnav-sidebar-space,
nav.topnav .topnav-sidebar-space {
  width: auto !important;
  min-width: 0 !important;
  height: 100%;
  border-right: none !important;
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  flex-shrink: 0;
  padding: 0 !important;
  margin-right: 8px;
}

#mobileLogo.aio-brand-logo {
  display: none;
  margin-right: 8px;
}

@media (max-width: 1024px) {
  body.journey-active nav.nav.topnav .topnav-sidebar-space .aio-brand-logo {
    display: inline-block !important;
  }
}

.topnav-sidebar-space .logo.aio-brand-logo,
.topnav-spc .logo.aio-brand-logo,
.nav-logo.aio-brand-logo,
.aio-brand-logo {
  font-family: 'Tilt Neon', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-synthesis: none !important;
  font-variation-settings: 'XROT' 0, 'YROT' 0 !important;
  font-size: 1.5rem !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  background: #ffffff !important;
  background-image: none !important;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: #162984 !important;
  color: #162984 !important;
  padding: 0;
  border-radius: 0;
  display: inline-block;
  white-space: nowrap;
}

:root[data-mockup-theme-resolved='dark'] .aio-brand-logo,
:root[data-mockup-theme-resolved='dark-blue'] .aio-brand-logo,
:root[data-mockup-theme-resolved='darkgray'] .aio-brand-logo {
  background: transparent !important;
  background-image: none !important;
  -webkit-text-fill-color: #ffffff !important;
  color: #ffffff !important;
}

:root[data-mockup-theme-resolved='light'] .aio-brand-logo {
  background: #ffffff !important;
  background-image: none !important;
  -webkit-text-fill-color: #162984 !important;
  color: #162984 !important;
}