.header-main {
  background-color: var(--color-surface-surface-active);
}
.header-main .navbar-brand__logo {
  width: 120px;
}
.account-menu li,
.account-menu li:first-child,
.account-menu li:first-child:has(.register-nav) + li,
.account-dropdown > li > a {
  border-color: var(--color-border-width-border-width-default);
}
.account-menu .search-nav {
  background: url('../assets/icons/search-24-white.png') no-repeat center;
}
.account-menu .mail-nav {
  background: url('../assets/icons/mail-24-white.png') no-repeat center;
}
.header-main .navbar-collapse .sm-show {
  background: var(--color-surface-surface-inverse);
}
.live-nav:after {
  background-color: var(--color-foreground-foreground-on-error);
}
.account-menu ul[data-component-id="radix:nav"] .live-nav {
  width: 86px;
}
.sponsor-brand__logo img {
  width: 85px;
  object-fit: contain;
}
.header-main .navigation-header {
  width: calc(100% - 197px);
}
.account-menu .navbar-right {
  display: flex;
}
@media only screen and (min-width: 1279.97px) {
  .header-main .navbar-left .dropdown .show,
  .header-main .navbar-left .dropdown:hover > .nav-link {
    color: var(--color-foreground-foreground-on-inverse-active);
    font-weight: var(--font-weight-bold);
  }
  .header-main .active a.nav-link,
  .header-main .active span.nav-link {
    font-weight: var(--font-weight-bold);
  }
  .account-menu .nav-item:has(.live-nav) {
    display: none;
  }
}
@media only screen and (max-width: 1279.97px) {
  .sponsor-brand__logo img {
    width: 56px;
    height: 32px;
  }
  .header-main:has(.sponsor-brand__logo) .navbar-brand__logo {
    width: 64px;
  }
  .header-main:has(.sponsor-brand__logo) .account-menu .live-nav {
    font-size: 0;
    width: 48px;
  }
  .header-main:has(.sponsor-brand__logo) .account-menu .live-nav::after {
    margin-right: 0;
  }
  .header-main .navbar-left .dropdown .live-nav.nav-link:before {
    background-color: var(--color-foreground-foreground-on-error);
  }
  .account-menu li:has(.search-nav) {
    display: none;
  }
  .account-menu li:first-child:has(.register-nav) {
    border-right: 1px solid var(--color-border-width-border-width-default);
  }
  .account-dropdown > li > a {
    border-left: 1px solid var(--color-border-width-border-width-default);
  }
  .account-logout li:has(.register-nav) {
    border-left: 1px solid var(--color-border-width-border-width-default);
  }
}