.menu--sidebar {
  & .menu__item:not(.menu__item--nolink) {
    & .menu__link {
      display: inline-block;
      text-decoration: none;
      border-radius: 10px 0 0 10px;
      background-color: var(--color--primary-70);
      color: black;
      font-weight: 700;
      font-size: 1rem;
      height: fit-content;
      text-align: left;
      width: 100%;
      padding-top: 0.25em;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
      margin-right: 0.5rem;
      margin-top: 0.25rem;
      margin-top: 0.25rem;

      &:after {
        /* Turns off the separator bars that Olivero puts in. */
        border: none;
      }

      &:active {
        box-shadow: none;
      }

      &.is-active {
        background-color: var(--color--primary-50);
        font-size: 1.5rem;
      }
    }
  }
  & .menu__link--nolink {
    font-size: 1.5rem;
    font-weight: 900;
    color: black;
  }
}