/* Nav Theme */
[data-theme-nav="light"] .nav-inner {
  color: var(--color-neutral-200);
}

[data-theme-nav="dark"] .nav-inner {
  color: var(--color-neutral-800);
}

@media (min-width: 569px) {
  [data-theme-nav="dark"] .nav-menu {
    background-color: #ffffff6e;
  }
}

[data-theme-nav="dark"] #navbar-button {
  background-color: #eeeeee;
}

/* Nav Background */
[data-bg-nav="pink"] .nav-inner {
  background-color: #562041;
}

[data-bg-nav="black"] .nav-inner {
  background-color: #1F1F1F;
}

[data-bg-nav="lightblue"] .nav-inner {
  background-color: #204b63;
}

[data-bg-nav="darkgreen"] .nav-inner {
  background-color: #C9FC7D;
}

[data-word-3-lines] {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}