ul {
  &:nth-of-type(1) {
    display: flex;
    flex-direction: row;
    gap: var(--sp-8);

    li.active a {
      color: var(--bg);
      background-color: var(--font);
    }
  }

  &:nth-of-type(2) {
    margin-block-start: var(--sp-20);
  }
}