/* Navigation between the website and the existing DAPP. */
.topbar .site-home-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  gap: 6px;
  min-height: 37px;
  padding: 0 11px;
  border: 1px solid rgba(184, 166, 235, .2);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(222, 210, 253, .13), rgba(14, 14, 29, .8) 44%, rgba(105, 111, 164, .18));
  box-shadow: inset 0 1px 2px #c2c1dc50, inset 0 -2px 3px #87aaf845;
  color: #eee7ff;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s, border-color .2s;
}
.topbar .site-home-link svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.topbar .site-home-link:hover {
  background: rgba(136, 108, 185, .2);
  border-color: rgba(197, 170, 250, .4);
}
.topbar .site-home-link:focus-visible {
  outline: 2px solid #b5a0f1;
  outline-offset: 3px;
}
a.nova-whitepaper-cta { text-decoration: none; }
@media (max-width: 1024px) {
  .topbar .site-home-link { min-height: 36px; padding-inline: 8px; }
  .topbar .site-home-link svg { display: none; }
}
@media (max-width: 440px) {
  html .topbar .topbar-actions { gap: 6px; }
  .topbar .mobile-brand .lumenova-logo-word { width: 104px; }
  .topbar .mobile-brand .lumenova-logo { gap: 7px; }
  .topbar .mobile-brand .lumenova-logo-symbol { width: 13px; height: 30px; }
  html .topbar .wallet-button { min-width: 92px; padding-inline: 8px; }
}
@media (max-width: 359px) {
  .topbar .mobile-brand .lumenova-logo-word { width: 80px; }
  html .topbar .topbar-actions { gap: 4px; }
  .topbar .site-home-link { padding-inline: 6px; }
}