.nav {
  overflow: visible;
  border-bottom: 1px solid var(--border-primary);
}

.nav::after {
  border: none
}

.nav__items {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0
}

.nav__item {
  margin-right: 32px;
  height: 28px;
  position: relative;
  cursor: pointer
}

.nav__item:last-child {
  margin-right: 0
}

.nav__item_active::after {
  content: "";
  background: var(--element-accent);
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 4px 4px 0 0;
}

.nav__link {
  color: var(--text-primary);
}

.nav__link:hover,
.nav__link_active {
  color: var(--element-accent);
}