.vuiAppSideNavTree {
  margin-top: -$sizeXxs;
}

.vuiAppSideNavTreeSection {
  position: relative;
}

.vuiAppSideNavTreeToggleButton {
  position: absolute;
  top: 0;
  right: -30px;
}

.vuiAppSideNavTreeChildren {
  // Sized to match the width of the icons.
  margin-left: 20px;
}

.vuiAppSideNavTreeSection__subTitle {
  font-weight: $fontWeightBold;
  color: var(--vui-color-dark-shade);
}

.vuiAppSideNav--m {
  .vuiAppSideNavTreeSection__subTitle {
    @include appSideNavItem--m;
    font-size: $fontSizeSmall;
  }
}

.vuiAppSideNav--l {
  .vuiAppSideNavTreeSection__subTitle {
    @include appSideNavItem--l;
    font-size: $fontSizeStandard;
  }
}