:root .userPopoutOuter-1OHwPL {
  max-height: unset !important;
}
:root .userPopoutInner-nv9Y92 {
  position: relative;
  max-height: unset !important;
  overflow: hidden;
  z-index: 2;
}
:root .userPopoutInner-nv9Y92::before {
  z-index: -1;
  width: 100%;
  height: 100%;
}
:root .userPopoutInner-nv9Y92 .bannerSVGWrapper-2CLfzN {
  position: absolute;
  -webkit-mask-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
  mask-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
  background-color: #000000;
  height: 300px;
}
:root .userPopoutInner-nv9Y92 .bannerSVGWrapper-2CLfzN mask {
  display: none;
}
:root .userPopoutInner-nv9Y92 .bannerSVGWrapper-2CLfzN foreignObject {
  mask: none;
}
:root .userPopoutInner-nv9Y92 .bannerSVGWrapper-2CLfzN .banner-1YaD3N {
  height: 100%;
}
:root .userPopoutInner-nv9Y92 .bannerSVGWrapper-2CLfzN .banner-1YaD3N::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1882352941);
}
:root .userPopoutInner-nv9Y92 .bannerSVGWrapper-2CLfzN[viewBox="0 0 340 120"] {
  transform: translateX(-200px);
}
:root .userPopoutInner-nv9Y92 .bannerSVGWrapper-2CLfzN[viewBox="0 0 340 120"] .banner-1YaD3N > * {
  display: none;
}
:root .userPopoutInner-nv9Y92 .bannerSVGWrapper-2CLfzN .pencilContainer-11Kuga {
  display: none;
}
:root .userPopoutInner-nv9Y92 .profileBadges-2pItdR {
  position: absolute;
  top: 65px;
  left: 110px;
  background-color: transparent;
}
:root .userPopoutInner-nv9Y92 .avatarWrapperNormal-ahVUaC {
  position: relative;
  width: 80px;
  top: 16px;
  z-index: 1;
}
:root .userPopoutInner-nv9Y92 .avatarWrapperNormal-ahVUaC foreignObject {
  mask: none;
  border-radius: var(--border-radius);
}
:root .userPopoutInner-nv9Y92 .avatarWrapperNormal-ahVUaC .avatarHint-k7pYop {
  border-radius: var(--border-radius);
}
:root .userPopoutInner-nv9Y92 .avatarWrapperNormal-ahVUaC circle {
  display: none;
}
:root .userPopoutInner-nv9Y92 .userPopoutOverlayBackground-3A0Pcz {
  overflow: visible;
  background-color: rgba(0, 0, 0, 0.0666666667);
  backdrop-filter: blur(20px);
}
:root .userPopoutInner-nv9Y92 .userPopoutOverlayBackground-3A0Pcz .usernameSection-3FppkT > .copiableNameTag-3tf-II > .clickTarget-2uXro4, :root .userPopoutInner-nv9Y92 .userPopoutOverlayBackground-3A0Pcz .usernameSection-3FppkT > div > .userText-1_v2Cq {
  position: absolute;
  top: -87px;
  left: 100px;
  box-sizing: border-box;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  color: var(--header-secondary);
}
:root .userPopoutInner-nv9Y92 .userPopoutOverlayBackground-3A0Pcz .usernameSection-3FppkT > .copiableNameTag-3tf-II > .clickTarget-2uXro4 > span, :root .userPopoutInner-nv9Y92 .userPopoutOverlayBackground-3A0Pcz .usernameSection-3FppkT > div > .userText-1_v2Cq > span {
  word-break: unset;
  white-space: unset;
}
:root .userPopoutInner-nv9Y92 .userPopoutOverlayBackground-3A0Pcz .usernameSection-3FppkT > .copiableNameTag-3tf-II > .clickTarget-2uXro4 .discrimBase-v65kTs, :root .userPopoutInner-nv9Y92 .userPopoutOverlayBackground-3A0Pcz .usernameSection-3FppkT > div > .userText-1_v2Cq .discrimBase-v65kTs {
  color: white;
}
:root .userPopoutInner-nv9Y92 .userPopoutOverlayBackground-3A0Pcz .usernameSection-3FppkT .pronouns-17_QV6 {
  padding-top: 12px;
}
:root .userPopoutInner-nv9Y92 .userPopoutOverlayBackground-3A0Pcz .section-28YDOf {
  padding-top: 0;
  padding-bottom: 12px;
}
:root .userPopoutInner-nv9Y92 .userPopoutOverlayBackground-3A0Pcz .divider-2dDziJ {
  display: none;
}

/* smooth profile (in settings) */
--border-radius: 20px;

:root .accountProfileCard-lbN7n- {
  background-color: var(--background-secondary-alt);
  border-radius: var(--border-radius);
}
:root .accountProfileCard-lbN7n- .bannerSVGWrapper-2CLfzN {
  position: absolute;
  -webkit-mask-image: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0));
  min-width: 900px !important;
  height: 100px;
}
:root .accountProfileCard-lbN7n- .bannerSVGWrapper-2CLfzN mask {
  display: none;
}
:root .accountProfileCard-lbN7n- .bannerSVGWrapper-2CLfzN foreignObject {
  mask: none;
  transform: translate(-130px);
}
:root .accountProfileCard-lbN7n- .bannerSVGWrapper-2CLfzN .banner-1YaD3N {
  background-position: left;
  min-width: 900px;
}

:root .accountProfileCard-lbN7n- .bannerSVGWrapper-2CLfzN .banner-1YaD3N::before {
  content: "";
  position: absolute;
  width: 102%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1882352941);
}
:root .accountProfileCard-lbN7n- .bannerSVGWrapper-2CLfzN[viewBox="0 0 340 120"] {
  transform: translateX(-200px);
}
:root .accountProfileCard-lbN7n- .bannerSVGWrapper-2CLfzN[viewBox="0 0 340 120"] .banner-1YaD3N > * {
  display: none;
}
:root .accountProfileCard-lbN7n- .userInfo-regn9W {
  height: 100px;
  align-items: center;
}
:root .accountProfileCard-lbN7n- .userInfo-regn9W .avatar-3mTjvZ {
  top: 8px;
  border-color: transparent;
  background-color: transparent;
}
:root .accountProfileCard-lbN7n- .background-3d_SjE {
  border-radius: var(--border-radius);
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm {
  flex-direction: column;
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm > :first-child {
  flex: 1 auto;
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm > .preview-sMYs9f {
  margin: 0;
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E {
  background-color: transparent;
  overflow: hidden;
  border-radius: var(--border-radius);
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E .bannerSVGWrapper-2CLfzN[viewBox="0 0 340 90"] + .avatarUploader-qEFQS2,
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E .bannerSVGWrapper-2CLfzN[viewBox="0 0 340 120"] + .avatarUploader-qEFQS2 {
  top: 16px;
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E .avatarUploader-qEFQS2 {
  position: relative;
  width: 80px;
  z-index: 1;
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E .avatarUploader-qEFQS2 foreignObject {
  mask: none;
  border-radius: var(--border-radius);
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E .avatarUploader-qEFQS2 .avatarHint-k7pYop {
  border-radius: var(--border-radius);
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E .avatarUploader-qEFQS2 .status-170GHg {
  background-color: transparent;
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E .avatarUploader-qEFQS2 .imageUploaderIcon-2OHmFu {
  display: none;
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E .avatarUploader-qEFQS2 .imageUploaderInner-IIRaFr {
  border-radius: var(--border-radius);
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E .userTagNoNickname-h9Bh88 {
  position: absolute;
  top: -85px;
  left: 105px;
  box-sizing: border-box;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  Color: var(--header-secondary);
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E .userTagNoNickname-h9Bh88 > span {
  word-break: unset;
  white-space: unset;
}
:root .profileCustomizationSection-53kreU .baseLayout-1_9QRm .profileCustomizationPreview-3zZw6E .userTagNoNickname-h9Bh88 .discrimBase-v65kTs {
  color: white;
}

.profileCardUsernameRow-1bb6fi .userTag-2qPxEZ {
  -webkit-mask-image: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 1));
}