@layer components {
  /*
   * Sub-nav
   */
  
  .sub-nav {
    .sub-nav-list {
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
  
    .sub-nav-item {
      margin-bottom: 1rem;
    }
  
    .sub-nav-link {
      color: var(--color-primary);
      display: block;
    }
  
    .sub-nav-link-active {
      color: var(--color-grey-900);
      font-weight: 700;
    }
  }
}