section.settings {
  display: flex;
  gap: 3rem;
  
  nav {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    /* width: max-content; */
    width: 188px;
  }
}

/* Todo move the following styles */
.sidebar-heading {
  padding: 4px 8px;
}
.sidebar-divider {
  height: 1px;
  margin-block: 11px;
  /* margin-inline: 8px; */
  background-color: var(--color--border-low-contrast);
  border: none;
}
.sidebar-tab {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;

  white-space: nowrap;

  padding: 4px 8px;

  color: var(--color--aa-text);
  border-radius: var(--border-radius--base);

  &:where(a):hover {
    background-color: var(--color--bg-2);
    text-decoration: none;
  }

  &:where(span) {
    color: var(--color--aaa-high-contrast-text);
    background-color: var(--color--bg-raised);
    box-shadow: var(--card-shadow-and-border);
    cursor: default;
  }
}