.profile() when (@no-nitro = true) {
  [class^="botTagVerified-"],
  [class^="badgeList-"], // modal profile page
  { &:extend(.nitro); }
}
.profile() {
  div[class^="listItemContents-"] div[class^="userInfo"] {
    padding-top: 0;
    div[class^="avatar-"] {
      top: 0;
    }
  }

  div.customStatus-3Bvsdb,
  div.memberSinceContainer-3biwiY {
    display: flex;
    justify-content: center;
  }

  // fixes
  div.section-3FmfOT.section--1D3ev {
    padding: 12px;
  }
  div.overlayBackground-1KgwVi {
    margin: 24px 0 0 0;
//    padding-right: 8px;
    background: none;

    & > div.section-3FmfOT:first-child {
      // nick
      margin: 0 auto;
      padding: 4px 0;
    }

    div.scroller-1jBQYo {
      display: grid;
      h3
      { &:extend(.hide); }
      & > .section-3FmfOT:nth-child(2) {
        order: -1;
      }
    }

    .customizationSection-IGy2fS .userPopoutInner-1hXSeY & {
      // in settings
      padding-right: 0;
      margin-top: -8px;
    }
  }
  div.status-b9jLr4 {
    position: relative;
    top: -24px;
    left: 56px;
  }

  .profileBadges-31rDHI {
    background: unset;
    justify-content: left;
    position: absolute;
    right: 0;
    left: 8px;
  }

  div.avatarWrapper-3y0KZ1,
  div.avatarUploader-CHGwK7 {
    position: relative;
    left: 0;
    margin: 0 auto;
  }

  div.imageUploaderInner-IIRaFr {
    background-color: unset;
  }

  div.avatarPositionPremiumBanner-2nq2Fy {
    top: 24px;
  }
}
.profile();

div[class^="pencilContainer-"] {
  z-index: 1; // fix edit button in profile
}

// Profile card in settings
div.accountProfileCard-lbN7n- {
  div.field-21XZwa:first-child {
    height: 0;
    div.constrainedRow-3y91Xf
    { &:extend(.hide); }
    button {
      position: absolute;
      right: 16px;
      top: 16px;
    }
  }

  div.userInfo-regn9W {
    justify-content: left;
    padding-top: 24px;
    height: 56px;

    button {
      margin-left: 32px;
      margin-top:  -8px;
    }
  }

  div.avatar-3mTjvZ {
    background-color: var(--background-tertiary) !important;
    .radius();
    border-bottom-right-radius: 16px;
    top: 0;
  }

  div.container-1gYwHN {
    width: max-content;
    margin-top: 8px;
    margin-left: -22px;
    background-color: var(--background-tertiary);
    .radius() !important;
    border-bottom-right-radius: 16px !important;
    height: 32px;
    padding-top: 4px;
    padding-right: 4px;
  }
}

// Redesigned profile page
div.root-8LYsGj {
  flex-direction: row;

  div.topSection-13QKHs {
    width: 260px;
    margin: 24px;

    div.avatar-3QF_VA {
      top: 0; left: 0;
      position: relative;
    }

    div.headerTop-1PNKck {
      position: unset;
      justify-content: left;
      margin-top: 8px;
    }

    div.nameTag-H6kSJ0 {
      width: 64px;
      position: absolute;
      margin-top: -64px;
      margin-left: 130px;
    }

    div.customStatus-kFfkj5 {
      margin-top: 16px;
      padding: 0;
    }
  }

  .connectedAccountsColumn-1zdyyx + .connectedAccountsColumn-1zdyyx
  { margin: 0; }

  .connectedAccounts-2R5M4w {
    flex-direction: column;
  }

  div.body-1Ukv50 {
    border: none;
    height: 370px;
    max-width: 100%;
    & > *
    { padding: 0 !important; }
  }
  div.tabBarContainer-sCZC4w {
    border: none;
    padding: 0;
  }
  div.tabBar-2hXqzU {
    flex-direction: column;
    height: unset;
    margin: 8px;
  }

  div.tabBarItem-30Te4- {
    margin-right: 0;
    border-bottom: unset;
    &:hover, &.selected-g-kMVV {
      border-right: 2px solid var(--interactive-active) !important;
    }
    .radius((@round / 4)) !important;
    .left-border(@round)  !important;
  }
}

#account {
  max-width: unset;
  width: 100%;
}

#account-info {
  div.headerTop-3GPUSF {
    padding-top: 108px;
  }
  div.profileBadges-2pItdR {
    width: max-content;
    .radius(@round);
    padding: 2px;
  }
}

#account-avatar div.avatarWrapperNormal-ahVUaC {
  left: 35%;
}