diskort/src/settings.less

div.keybind-13vtq8, // true must know it!
div.socialLinks-3ywLUf, // in settings at end
{ &:extend(.hide); }

// New sidebar in settings
div.standardSidebarView-E9Pc3j {
  flex-direction: column;

  div.sidebarRegion-1VBisG {
    overflow: hidden;
    flex-basis: unset; // bugfix to normalize height
    flex-grow: 0; // fix scaling

    div.header-2Kx1US,
    div.separator-2wx7h6
    { 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.contentRegion-3HkfJJ {
    overflow-y: auto;
    scrollbar-width: thin;

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

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

// TrY AnImAtEd AvAtAr, eh... f you
div.optionBox-1UOevl:nth-child(2)
{ &:extend(.nitro); }

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

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

  div.bioTextArea-dDGOeC {
    height: 30vh;
  }
}

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

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

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

#connections-tab div.children-1xdcWE {
  flex-direction: row;
  flex-flow: row wrap;

  div.connectionsContainer-3wRUc6 {
    row-gap: 8px;
  }

  div.connectContainer-1hylYM,
  div.accountList-Wii_T5 {
    margin-right: @div-width;
    width: 33%;

    // auto detect
    & + div.container-1zDvAE {
      order: -1;
      width: 100%;
    }
  }
  div.connectionList-11Q_X- {
    flex-grow: 1;
  }

  div.connection-YOVI9j {
    height: max-content;
  }
}

#appearance-tab div.children-1xdcWE {
  .horiz-tab();

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

  div.marginTop20-2T8ZJx > div.slider-1NC-Gf {
    margin-top: 28px;
  }
}

#accessibility-tab div.children-1xdcWE {
  & > 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.children-1xdcWE {
  div:nth-child(6)
  { &:extend(.hide); }
}

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

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

// Server settings
#overview-tab > div > div.children-1xdcWE > 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);
    div.divider--oiTeJ {
      padding: 0;
      margin: 0;
      border: none;
    }
    & > div:first-child div.flexChild-3PzYmX
    { &:extend(.hide); }
  }
}

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

  img.iconWrapper-1sOtkE {
    width: unset;
  }

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

#widget-tab div.children-1xdcWE {
  &, & > div.infoWrapper-1HtsGy {
    .horiz-tab();
    row-gap: @gap * 2;
  }

  img.infoItem-Q4HWUe
  { &:extend(.hide); }

  div.infoItem-Q4HWUe,
  & > div:first-child,
  & > div:last-child {
    width: 100%;
    flex-basis: unset;
  }
}

#moderation-tab > div > div.children-1xdcWE {
  div[role="radiogroup"] {
    .horiz-tab();
  }
}

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

#discovery-tab > div.container-26RXEg {
  .horiz-tab();
  // disabledButtonWrapper-2Oz3aY
  span[class*="Button"] {
    align-self: start;
  }
}