nav.side {
  margin: 0rem 0rem 0rem 1rem;
  padding: 0rem;
  min-width: 14rem;

  .icon {
    margin: 0rem 0.3rem 0rem 0rem;
    padding: 0rem;
  }

  .reveal-children-on-hover {
    .show-on-hover {
      display: none;
    }
  }

  .reveal-children-on-hover:hover {
    .show-on-hover {
      display: block;
    }

    .show-on-hover:hover {
      color: var(--hover-danger);
    }
  }

  .hover-link {
    margin: 0rem;
    padding: 0.4rem 0.6rem 0.4rem 0.6rem;
    border: none;
    border-radius: 1rem;

    p {
      margin: 0rem;
      padding: 0rem;
    }

    .nav-counter {
      margin: 0rem 0rem 0rem auto;
    }
  }

  .hover-link:hover {
    background-color: var(--bg-hover);
  }

  hr {
    border-top: solid 1px;
    border-right: none;
    border-bottom: none;
    border-left: none;

    width: 100%;
    color: var(--separator);
  }
}