div[class^="keybind-"], // true must know it!
[class*="socialLink-"], // in change log
div[class^="socialLinks-"], // in settings at bottom
{ &:extend(.hide); }

// New sidebar in settings
div[class^="standardSidebarView-"] {
  flex-direction: column;

  div[class^="sidebarRegion-"] {
    overflow: hidden;
    flex-basis: unset; // bugfix to normalize height
    flex-grow: 0; // fix scaling

    div[class^="header-"],
    div[class^="separator-"]
    { display: none; }

    & > div {
      background: var(--background-primary);
      scrollbar-width: thin;
      overflow: auto hidden !important;
      justify-content: left;
      max-width: 100%;

      & > nav {
        padding: 0;
        width: unset; // to increase size
        background: var(--background-secondary); // bugfix
        & > div {
          padding-left: @rounder;
          flex-direction: row;
          height: @tab-height;
        }
      }
    }
  }

  div[class^="contentRegion-"] {
    overflow-y: auto;
    scrollbar-width: thin;

    * {
      max-width: 100%;
    }
  }
}

div[aria-controls*="nitro"],
div[aria-controls="library-inventory-tab"],
div[aria-controls="subscriptions-tab"],
div[aria-controls="billing-tab"],
div[aria-controls^="hypesquad"],
div[aria-controls="stickers-tab"],
{ &:extend(.nitro); }

div[aria-controls="keybinds-tab"],
div[aria-controls="game-activity-tab"],
div[aria-controls="analytics-tab"],
div[aria-controls="partner-tab"],
{ &:extend(.hide); }

#my-account-tab > div {
  .horiz-tab();
  & > div:first-child {
    width: 50%;
    min-width: 512px;
  }
}

// TrY AnImAtEd AvAtAr, eh... f you
[class^="optionBox-"]:nth-child(2)
{ &:extend(.nitro); }

#profile-customization-tab {
  div.tabBar-2WK2Dm {
    &:extend(.nitro);

    + * {
      margin-top: 16px;
    }
  }

  div.baseLayout-8AMrwn {
    & > div:not([class]) {
      width: 100%;

      div.customizationSection-IGy2fS {
        &:nth-child(2), &:nth-child(3)
        { &:extend(.nitro); }
      }
    }
  }

  div[class^="bioTextArea-"] {
    height: 30vh;
  }
}

#privacy-\&-safety-tab {
  .marginBottom40-fvAlAV {
    &:first-child div[role=radiogroup],
    &:nth-child(3)
    { .horiz-tab(3); }
    &:nth-child(2)
    { .horiz-tab(); }

    &:nth-child(3) {
      h3 ~ * {
        min-width: 100%;
      }
    }

    &:nth-child(2), &:nth-child(3) {
      & > :first-child
      { min-width: 100%; }
    }

    &:last-child
    { &:extend(.hide); }
  }
}

#connections-tab div[class^="children-"] {
  flex-direction: row;
  flex-flow: row wrap;
  div[class^="accountList-"] {
    margin-right: @div-width;
    width: 33%;
    height: 100%; // decreases height? 0_0

    // auto detect
    & + div[class^="container-"] {
      order: -1;
      width: 100%;
    }
  }
  div[class^="connectionList-"] {
    flex-grow: 1;
  }
}

#appearance-tab div[class^="children-"] {
  .horiz-tab();

  & > div:first-child {
    width: 100%;
  }

  div[class^="marginTop20-"] > div[class^="slider-"] {
    margin-top: 28px;
  }
}

#accessibility-tab div div[class^="children-"] {
  & > div {
    &:nth-child(2),
    &:nth-child(3),
    &:nth-child(6),
    &:nth-child(7)
    { &:extend(.hide); }

    &:nth-child(4) {
      margin-top: @div-width * 2;
    }
  }
}

#notifications-tab div[class^="children"] {
  div:nth-child(6)
  { &:extend(.hide); }
}

#language-tab div[class^="children-"] {
  div div > div[role="radiogroup"] {
    .horiz-tab(3);
  }
}

#streamer-mode-tab div[class^="children-"] {
  .horiz-tab();
  & > * {
    &:nth-child(1),
    &:nth-child(2)
    { width: 100%; }
  }
  h5
  { display: none; }
}

// Server settings
#overview-tab div[class^="children-"] > div {
  // system messages
  &:nth-child(3) {
    .horiz-tab();

    & > :nth-child(1),
    & > :nth-child(2)
    { width: 100%; }

    & > :nth-child(3) // description
    { display: none; }
  }

  // notification settings
  &:nth-child(4) > div > div:last-child {
    .horiz-tab();
  }

  // nitro features
  &:nth-child(5) > div > div:last-child {
    .horiz-tab(3);
    & > * {
      padding: 0;
      margin: 0;
      border: none;
    }
    & > div:first-child div[class^="flexChild-"]
    { display: none; }
  }
}

#moderation-tab div[class^="children-"] {
  div[role="radiogroup"] {
    .horiz-tab();
  }
}

div[data-list-id="audit-log"] {
  .horiz-tab();
  & > * {
    height: min-content;
  }
}

#integrations-tab > div:nth-child(2) {
  .horiz-tab();

  img[class^="iconWrapper-"] {
    width: unset;
  }

  button[class^="createButton-"],
  [class^="sectionHeader-"],
  & > div:first-child {
    width: 100%;
    margin-bottom: @div-width * 3;
  }
}

#widget-tab div[class^="children-"] {
  &, & > div[class^="infoWrapper-"] {
    .horiz-tab();
    row-gap: @gap * 2;
  }

  img[class^="infoItem-"]
  { display: none; }

  div[class^="infoItem-"],
  & > div:first-child,
  & > div:last-child {
    width: 100%;
    flex-basis: unset;
  }
}

#community-tab > div[class^="container-"] {
  & > div[class^="banner-"]
  { &:extend(.hide); }
}

#discovery-tab > div[class^="container-"] {
  .horiz-tab();
  span[class*="Button"] {
    align-self: start;
  }
}