.header-sub {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background-color: var(--color-surface-surface-subtle-neutral);
  border-bottom: 1px solid var(--color-border-width-border-width-default);
}
.header-sub ul {
  display: flex;
  flex-direction: row;
  gap: 24px;
  flex-wrap: nowrap;
}
.header-sub li {
  white-space: nowrap;
}
.header-sub .nav-link {
  color: var(--color-foreground-foreground-inactive);
  padding: var(--space-space-md) 0;
  position: relative;
}
.header-sub li:last-child .nav-link {
  padding-right: var(--space-space-xl);
}
.header-sub .active a.nav-link {
  color: var(--color-foreground-foreground-active);
  font-weight: var(--font-weight-font-font-weight-bold);
}
.header-sub .active a:before {
  position: absolute;
  content: '';
  bottom: 0;
  width: 100%;
  height: 2px;
  background: var(--color-border-width-border-width-active);
}
.fixed-header.header-sub .active a:before {
  bottom: 0.5px;
}