@layer legacy {
.nav__container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  gap: var(--spacing-sm);
}

.nav__link--active {
  font-weight: bold;
}

.nav__link--active,
.nav__link:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  text-decoration: none;
}

.nav--on-right {
  text-align: right;
}
}