/* chat input: move buttons to second row */
:where(.visual-refresh) .channelTextArea_f75fb0 .scrollableContainer__74017 {
  overflow-y: hidden;
}
:where(.visual-refresh)
  .channelTextArea_f75fb0
  .scrollableContainer__74017
  > div {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0px;
  justify-content: flex-end;
}
:where(.visual-refresh) .channelTextArea_f75fb0 .buttons__74017 {
  padding-right: 15px;
  flex-shrink: 3;
}
:where(.visual-refresh) .channelTextArea_f75fb0 .textArea__74017 {
  overflow-y: scroll;
  max-height: calc(var(--custom-channel-textarea-text-area-max-height) - 55px);
  order: -1;
  border-bottom-width: 1px !important;
  border-bottom-color: var(--border-faint);
  border-bottom-style: solid;
}
:where(.visual-refresh) .channelTextArea_f75fb0 .characterCount__795fb {
  translate: 0 -55px;
}
:where(.visual-refresh) .channelTextArea_f75fb0 .attachWrapper__0923f {
  position: absolute;
  left: 0;
  top: 0;
  margin-left: 15px;
}
/* COPIED FROM DISCORD CSS */
:where(.visual-refresh)
  .channelTextArea_f75fb0
  .textArea__74017::-webkit-scrollbar {
  width: 12px;
}
:where(.visual-refresh)
  .channelTextArea_f75fb0
  .textArea__74017::-webkit-scrollbar-track {
  border-radius: 0 8px 8px 0;
}
:where(.visual-refresh)
  .channelTextArea_f75fb0
  .textArea__74017::-webkit-scrollbar-thumb,
:where(.visual-refresh)
  .channelTextArea_f75fb0
  .textArea__74017::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: 4px solid transparent;
}
:where(.visual-refresh)
  .channelTextArea_f75fb0
  .textArea__74017::-webkit-scrollbar-thumb {
  background-color: hsl(var(--primary-800-hsl) / 0.6);
  border-radius: 8px;
}
/* END: COPIED FROM DISCORD CSS */

/* padding of message input text field to match message width */
:where(.visual-refresh) .channelTextArea_f75fb0 .textArea__74017 > div > * {
  margin-left: 58.5px;
  margin-right: 19px;
}

.panels_c48ade {
  height: 62px;
  width: 62px !important;
  display: flex !important;
  flex-direction: column;
  overflow: hidden;
  transition: width 0.3s;
  z-index: 50000;
  pointer-events: all;
  border: 1px solid var(--border-subtle) !important;
  &:has(.container_e131a9) {
    background-color: var(--notice-background-positive);
    border: 1px solid var(--border-normal);
  }
}

.wrapper_e131a9 {
  height: 0;
  overflow: hidden;
  transition: height 0.5s;
}
.panels_c48ade:hover {
  width: 100% !important;
  width: 300px !important;
  height: auto !important;
  .wrapper_e131a9 {
    height: auto !important;
  }
}
.sidebar_c48ade {
  overflow: visible !important;
}
.container__2637a {
  padding-bottom: 0px !important;
}
.scroller__99e7c {
  margin-bottom: 0px !important;
}

.bottom__7aaec {
  bottom: 0px !important;
}

[class*="base_"] > [class*="content_"] {
  margin: 0 10px 10px 0;

  [class*="page_"] {
    border: 1px solid var(--app-border-frame);
    border-left: none;
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
  }

  [class*="sidebar_"] {
    &::after {
      display: none;
    }

    [class*="sidebarList_"] {
      border-bottom: 1px solid var(--app-border-frame);
      border-bottom-left-radius: var(--radius-md);
    }
  }

  [class*="chat_"],
  [class*="callContainer_cb9592"] {
    border: none !important;
  }
}