.sidebar {
  align-self: flex-start;
  display: none;
  padding-top: var(--Spacing-x3);
  position: sticky;
  /* Based on header and breadcrumbs height, and gap */
  top: 7.1rem;
}

.nav {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding-left: 4rem;
}

@media screen and (min-width: 1367px) {
  .sidebar {
    display: block;
  }
}