/*Pannel Buttons*/
:root .panels-3wFtMD > .container-YkUktl > .flex-2S1XBF {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 50px;
  padding: 20px 0 10px 18px;
  flex-direction: column;
  background: linear-gradient(transparent, var(--background-tertiary) 15%);
}



































:root .panels-3wFtMD > .container-YkUktl > .avatarWrapper-1B9FTW[aria-expanded=false] {
  position: fixed;
  bottom: 116px;
  left: 14px;
  z-index: 2;
  margin: 0;
}
:root .panels-3wFtMD > .container-YkUktl > .avatarWrapper-1B9FTW[aria-expanded=false] > .avatar-1EWyVD {
  width: 40px !important;
  height: 40px !important;
}
:root .panels-3wFtMD > .container-YkUktl > .avatarWrapper-1B9FTW[aria-expanded=false] > .avatar-1EWyVD:hover {
  opacity: 1;
}

:root .panels-3wFtMD > .container-YkUktl > .avatarWrapper-1B9FTW[aria-expanded=false] + .nameTag-sc-gpq {
  display: none;
  }



:root .content-1SgpWY > :nth-child(2):not(.chat-2ZfjoI), :root .callContainer-BGIngG, :root .gatedContent-31-gID {
  z-index: 2;
}
:root .chat-2ZfjoI .form-3gdLxP {
  padding-left: 66px;
}


:root .chat-2ZfjoI .form-3gdLxP .channelTextArea-1FufC0 .scrollableContainer-15eg7h::after, :root .chat-2ZfjoI .form-3gdLxP .wrapper-2SplAX::after {
  position: absolute;
  content: "";
  bottom: 2px;
  left: -50px;
  width: 40px;
  height: 40px;
  background-color: var(--background-secondary);
  border-radius: calc(var(--avatar-radius) + 2px);
}











/*Status Picker*/

:root {
  --brand-experiment: #7289DA;
  --brand-experiment-560: #5b70be;
  --font-display: var(--font-primary);
}
:root #status-picker {
  position: fixed;
  bottom: 8px;
  left: 77px;
  width: 230px;
  height: 116px;
  background: var(--background-tertiary);
  border-radius: 5px;
}
:root #status-picker > .scroller-1bVxF5 {
  display: grid;
  grid-template-columns: auto auto auto auto;
  grid-template-rows: 40px 40px;
  margin: auto 4px 4px 4px;
}
:root #status-picker > .scroller-1bVxF5 .item-1OdjEX:not(#status-picker-custom-status) > .statusItem-2hiCNB {
  grid-template-columns: 100% 1fr;
}
:root #status-picker > .scroller-1bVxF5 .item-1OdjEX, :root #status-picker > .scroller-1bVxF5 .submenuContainer-3EVTeH > .item-1OdjEX {
  border-radius: 5px;
  margin: 3px;
  padding: 0;
  transition: background 120ms;
}
:root #status-picker > .scroller-1bVxF5 .item-1OdjEX .mask-2Me5HY.icon-Lz4Y-_, :root #status-picker > .scroller-1bVxF5 .submenuContainer-3EVTeH > .item-1OdjEX .mask-2Me5HY.icon-Lz4Y-_ {
  height: 18px;
  width: 18px;
  margin: auto;
}

:root #status-picker > .scroller-1bVxF5 .customEmoji-1nCP1t {
  width: 20px;
  height: 20px;
}
:root #status-picker > .scroller-1bVxF5 .customText-36Uwzc {
  font-size: 15px;
}
:root #status-picker > .scroller-1bVxF5 #status-picker-online {
  color: #43b581;
}
:root #status-picker > .scroller-1bVxF5 #status-picker-online.focused-3qFvc8 {
  background-color: #43b58244;
}
:root #status-picker > .scroller-1bVxF5 #status-picker-idle {
  color: #faa61a;
}
:root #status-picker > .scroller-1bVxF5 #status-picker-idle.focused-3qFvc8 {
  background-color: #faa81a42;
}
:root #status-picker > .scroller-1bVxF5 #status-picker-dnd {
  color: #f04747;
}
:root #status-picker > .scroller-1bVxF5 #status-picker-dnd.focused-3qFvc8 {
  background-color: #b83a3c3d;
}
:root #status-picker > .scroller-1bVxF5 #status-picker-invisible {
  color: #747f8d;
}
:root #status-picker > .scroller-1bVxF5 #status-picker-invisible.focused-3qFvc8 {
  background-color: #747f8d3d;
}
:root #status-picker > .scroller-1bVxF5 #status-picker-custom-status {
  grid-column: 1/5;
  margin: auto 3px !important;
}
:root #status-picker > .scroller-1bVxF5 #status-picker-custom-status.focused-3qFvc8 {
  background-color: #ffcd4d3d;
}
:root #status-picker > .scroller-1bVxF5 #status-picker-custom-status .customEmojiPlaceholder-3mRJqA {
  background-image: url("https://i.imgur.com/YOshExa.png");
}
:root #status-picker > .scroller-1bVxF5 #status-picker-custom-status .status-3TYC5W {
  display: block;
}
:root #status-picker > .scroller-1bVxF5 .separator-1So4YB, :root #status-picker > .scroller-1bVxF5 .status-3TYC5W,
:root #status-picker > .scroller-1bVxF5 .description-3Cwkxk {
  display: none;
}


:root .select-1Ia3hD, :root .popout-1KHNAq {
  border: none;
}


:root .select-1Ia3hD.open-1FRZsK, :root .popout-1KHNAq {
  background-color: var(--background-secondary-alt);
  transition: 0.15s;
}
:root .footer-31IekZ {
  background: var(--background-tertiary);
}
:root .panels-3wFtMD {
  z-index: unset;
}
:root .panels-3wFtMD > .container-YkUktl .avatarWrapper-1B9FTW[aria-expanded=true] {
  position: absolute;
  left: 90px;
  bottom: 160px;
  margin: 0;
  z-index: 1005;
  pointer-events: none;
}
:root .panels-3wFtMD > .container-YkUktl .avatarWrapper-1B9FTW[aria-expanded=true] .wrapper-1VLyxH {
  width: 60px !important;
  height: 60px !important;
  opacity: 1;
}

:root .panels-3wFtMD > .container-YkUktl .avatarWrapper-1B9FTW[aria-expanded=true] .wrapper-1VLyxH::before {
  content: "" !important;
  position: absolute;
  top: -13px;
  left: -85px;
  width: 230px;
  height: 140px;
  pointer-events: none;
  background-color: var(--background-secondary-alt);
  background: var(--status-background);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  -webkit-mask: linear-gradient(black, transparent 100%);
  opacity: 0.8;
}


:root .panels-3wFtMD > .container-YkUktl .avatarWrapper-1B9FTW[aria-expanded=true] + .nameTag-sc-gpq {
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 115px;
  left: 50px;
  width: 145px;
  z-index: 10005;
  margin: 0;
  align-items: center;
}





:root .chat-2ZfjoI .form-3gdLxP .channelTextArea-1FufC0 .scrollableContainer-15eg7h::after, :root .chat-2ZfjoI .form-3gdLxP .wrapper-2SplAX::after {
    position: absolute;
    content: "";
    bottom: 0px;
    left: -50px;
    width: 0px;
    height: 0px;
    background-color: var(--background-secondary);
    border-radius: calc(var(--avatar-radius) + 2px);
}












.container-ZMc96U {
    padding-right: 6px;
    z-index: 0;
}



:root .chat-2ZfjoI .form-3gdLxP {
    padding-left: 16px;
}





.wrapper-1_HaEi{
  padding-bottom: 180px;
}