/* An icon in front of each top-level navigation entry. The icons are the
   theme's own Lucide set, copied into docs/images/nav-icons, and drawn as a
   mask in the text colour so they follow light and dark mode and the active
   state. The order matches the nav in zensical.toml. A section with an index
   page is a link, and a section without one (Reference) is a label, so both
   are matched. */
.md-nav--primary > .md-nav__list > .md-nav__item > a.md-nav__link::before,
.md-nav--primary > .md-nav__list > .md-nav__item > label.md-nav__link:not([for="__toc"])::before,
.md-nav--primary > .md-nav__list > .md-nav__item > .md-nav__container > a.md-nav__link::before {
  content: "";
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  margin-right: 0.5em;
  vertical-align: -0.2em;
  background-color: currentColor;
  -webkit-mask: var(--nav-icon) center / contain no-repeat;
  mask: var(--nav-icon) center / contain no-repeat;
}
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(1) > a.md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(1) > label.md-nav__link:not([for="__toc"]),
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(1) > .md-nav__container > a.md-nav__link {
  --nav-icon: url(../images/nav-icons/house.svg); /* Home */
}
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(2) > a.md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(2) > label.md-nav__link:not([for="__toc"]),
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(2) > .md-nav__container > a.md-nav__link {
  --nav-icon: url(../images/nav-icons/lightbulb.svg); /* Core Concepts */
}
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(3) > a.md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(3) > label.md-nav__link:not([for="__toc"]),
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(3) > .md-nav__container > a.md-nav__link {
  --nav-icon: url(../images/nav-icons/rocket.svg); /* Getting Started */
}
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(4) > a.md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(4) > label.md-nav__link:not([for="__toc"]),
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(4) > .md-nav__container > a.md-nav__link {
  --nav-icon: url(../images/nav-icons/users.svg); /* Projects & Users */
}
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(5) > a.md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(5) > label.md-nav__link:not([for="__toc"]),
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(5) > .md-nav__container > a.md-nav__link {
  --nav-icon: url(../images/nav-icons/clipboard-list.svg); /* Forms */
}
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(6) > a.md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(6) > label.md-nav__link:not([for="__toc"]),
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(6) > .md-nav__container > a.md-nav__link {
  --nav-icon: url(../images/nav-icons/table.svg); /* Data */
}
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(7) > a.md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(7) > label.md-nav__link:not([for="__toc"]),
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(7) > .md-nav__container > a.md-nav__link {
  --nav-icon: url(../images/nav-icons/layers.svg); /* Views */
}
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(8) > a.md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(8) > label.md-nav__link:not([for="__toc"]),
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(8) > .md-nav__container > a.md-nav__link {
  --nav-icon: url(../images/nav-icons/layout-panel-left.svg); /* Interfaces */
}
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(9) > a.md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(9) > label.md-nav__link:not([for="__toc"]),
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(9) > .md-nav__container > a.md-nav__link {
  --nav-icon: url(../images/nav-icons/chart-no-axes-column.svg); /* Dashboards */
}
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(10) > a.md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(10) > label.md-nav__link:not([for="__toc"]),
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(10) > .md-nav__container > a.md-nav__link {
  --nav-icon: url(../images/nav-icons/smartphone.svg); /* 3D App */
}
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(11) > a.md-nav__link,
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(11) > label.md-nav__link:not([for="__toc"]),
.md-nav--primary > .md-nav__list > .md-nav__item:nth-child(11) > .md-nav__container > a.md-nav__link {
  --nav-icon: url(../images/nav-icons/book-open.svg); /* Reference */
}
