/* =========================================== */
/* ========== < SEND MESSAGE BAR > ========== */
/* ========================================= */
.chat-1-OBC7 .textArea-2CLwUE,
.chat-2ZfjoI .textArea-2CLwUE {
  background-color: rgba(0, 0, 0, 0.25) !important;
  -webkit-backdrop-filter: blur(4px);
  -o-backdrop-filter: blur(4px);
  -moz-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  filter: drop-shadow(0rem 0rem 0.5rem rgba(0, 0, 20, 0.2));
  order: 2 !important;
  background: var(--background-secondary);
  border-radius: var(--radius-primary);
  margin-right: calc((var(--layout-margin) / 2) + (var(--layout-margin) / 2));
}
.chat-2ZfjoI .buttons-uaqb-5:not(.attachButton-1ijpt9.wrapper-3SFU66) {
  background-color: rgba(0, 0, 0, 0.25) !important;
  -webkit-backdrop-filter: blur(4px);
  -o-backdrop-filter: blur(4px);
  -moz-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  filter: drop-shadow(0rem 0rem 0.5rem rgba(0, 0, 20, 0.2));
  order: 3 !important;
  background: var(--background-secondary);
  border-radius: 90px;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto !important;
}
.attachButton-_ACFSu.attachButton-1ijpt9.button-ejjZWC.lookBlank-FgPMy6.colorBrand-2M3O3N.grow-2T4nbg,
.attachWrapper-3slhXI .lookBlank-21BCro {
  background-color: rgba(0, 0, 0, 0.25) !important;
  -webkit-backdrop-filter: blur(4px);
  -o-backdrop-filter: blur(4px);
  -moz-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  filter: drop-shadow(0rem 0rem 0.5rem rgba(0, 0, 20, 0.2));
  background: var(--background-secondary);
  border-radius: 90px;
  margin-right: calc(var(--layout) + var(--layout));
}

#app-mount>div.appDevToolsWrapper-1QxdQf>div>div.app-3xd6d0>div>div.layers-OrUESM.layers-1YQhyW>div>div.container-1eFtFS>div>div>div:nth-child(6)>div.chat-25x62K>section>form>div.channelTextArea-1FufC0.channelTextArea-1VQBuV>div>div>div.buttons-uaqb-5>div>button {
  background-color: rgba(0, 0, 0, 0.25) !important;
  -webkit-backdrop-filter: blur(4px);
  -o-backdrop-filter: blur(4px);
  -moz-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  filter: drop-shadow(0rem 0rem 0.5rem rgba(0, 0, 20, 0.2));
  background: var(--background-secondary);
  border-radius: 90px;
  margin-right: calc(var(--layout) + var(--layout));
}

.chat-2ZfjoI .scrollableContainer-15eg7h,
.chat-1-OBC7 .scrollableContainer-15eg7h {
  background: transparent !important;
}
.wrapper-2SplAX {
  background: var(--background-secondary);
  border-radius: var(--radius-primary);
  margin: calc(var(--layout) + var(--layout)) 0px 0px 0px;
  order: -1 !important;
}
.chat-2ZfjoI .typing-2J1mQU {
  order: 1;
}
.chat-2ZfjoI .base-3bcbY3 {
  height: 24px;
  left: 0px;
  right: 0px;
  padding-left: 73px;
  padding-right: 92px;
  margin-top: calc(var(--layout) + var(--layout));
}
.attachButton-1ijpt9 {
  margin-left: 0px;
  padding: 0px;
  height: 44px;
  width: 44px;
}
.attachButton-1ijpt9.wrapper-3SFU66 {
  margin-right: -45px;
}
.textArea-2CLwUE.textAreaSlate-9-y-k2.slateContainer-3x9zil:not(.attachButton-1ijpt9.wrapper-3SFU66) {
  margin-right: 20px;
}


/* message bar position when no attachment button */
.textArea-2CLwUE:not(.attachWrapper-3slhXI + .textArea-2CLwUE,
  .inner-NQg18Y.innerDisabled-2dbG11.inner-NQg18Y.sansAttachButton-1ERHue,
  .channelTextArea-220_Gz.channelTextArea-1VQBuV > div > div > div.textArea-2CLwUE.textAreaSlate-9-y-k2.slateContainer-3x9zil) {
  margin-left: 64px !important;
}
.inner-NQg18Y.innerDisabled-2dbG11.inner-NQg18Y.sansAttachButton-1ERHue {
  margin-right: 45px;
  margin-left: -15px !important;
}
.sansAttachButton-1ERHue:not(.inner-NQg18Y.innerDisabled-2dbG11.inner-NQg18Y.sansAttachButton-1ERHue) {
  display: flex;
  justify-content: center;
  align-items: stretch;
  align-content: center;
  padding-left: 0px;
}
.attachWrapper-3slhXI>#app-mount>div.appDevToolsWrapper-1QxdQf>div>div.app-3xd6d0>div>div.layers-OrUESM.layers-1YQhyW>div>div.container-1eFtFS>div>div>div.chatLayerWrapper-2mgEK->div:nth-child(2)>div.chat-25x62K>section>form>div.channelTextArea-1FufC0.channelTextArea-1VQBuV>div>div>div.attachWrapper-3slhXI>button {
  order: 1 !important;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: auto;
}
.chat-2ZfjoI .replyBar-1oi75v,
.chat-1-OBC7 .replyBar-1oi75v {
  background: var(--background-secondary-alt);
  border-radius: var(--radius-primary);
  width: 1112px;
  margin-left: 66px;
  border-radius: 10px;
}
.bar-2MWHzg {
  background: var(--background-secondary-alt);
  border-radius: 10px;
  width: 1160px;
  margin-left: 67px;
}
.autocomplete-3NRXG8.outerWrapper-3UdjNj {
  width: 1110px;
  margin-left: 65px;
}
.autocomplete-3NRXG8.autocomplete-3jLKbj.autocompleteAttached-bt_md-:not(.scroller-18M1mG.thin-RnSY0a.scrollerBase-1Pkza4,
  .autocompleteInner-y1mjDl.autocompleteInner-2tOQrf) {
  width: 1200px;
  margin-left: 65px;
}
.threadSuggestionBar-3ExSyc {
  width: 1500px;
  margin-left: 65px;
  border-radius: 10px;
}
.chat-2ZfjoI .attachedBars-2BCP3l,
.chat-1-OBC7 .attachedBars-2BCP3l {
  order: -1;
  background: transparent;
}
.textAreaSlate-9-y-k2::-webkit-scrollbar-track {
  background-color: var(--scrollbar-auto-track);
  margin-top: 10px;
  margin-bottom: 10px;
}
.textAreaSlate-9-y-k2::-webkit-scrollbar-thumb,
.textAreaSlate-9-y-k2::-webkit-scrollbar-track {
  border: 4px solid transparent;
  background-clip: padding-box;
  border-radius: var(--radius-primary);
}
.buttonContainer-6W2Ep3 .innerButton-1aF_E_ {
  margin: 0px;
  padding: 0px;
  width: 44px;
  height: 100%;
}
.chat-2ZfjoI .channelAttachmentArea-1wlgJV {
  gap: 12px;
  background: var(--background-secondary);
  border-radius: var(--radius-primary);
  margin: 20px 0px 0px 0px;
}
.chat-2ZfjoI .upload-3GTSF9 {
  border-radius: var(--radius-secondary);
  margin: 0;
  padding: 8px;
  position: relative;
  min-width: 100px;
  max-width: 100px;
  min-height: 100px;
  max-height: 130px;
  background: var(--background-primary);
}
.theme-dark .button-y6hemj:focus-within .activeButtonChild-2hgLAO,
.theme-dark .button-y6hemj:focus .activeButtonChild-2hgLAO,
.theme-dark .button-y6hemj:hover .activeButtonChild-2hgLAO {
  color: var(--interactive-active);
}
.button-3BaQ4X {
  padding: 0px;
  margin: 0px;
  width: 44px;
}
.separator-3ng7S5 {
  margin-left: 0px;
}
.separator-3ng7S5:before {
  display: none;
}
.activeButtonChild-2hgLAO {
  color: var(--interactive-normal);
}
.contents-3NembX.button-2fCJ0o.button-3BaQ4X {
  display: none;
}

/* chatbox text placement */
#app-mount>div.appDevToolsWrapper-1QxdQf>div>div.app-3xd6d0>div>div.layers-OrUESM.layers-1YQhyW>div>div.container-1eFtFS>div>div>div.chatLayerWrapper-2mgEK->div:nth-child(2)>div.chat-25x62K>section>form>div.channelTextArea-1FufC0.channelTextArea-1VQBuV>div>div>div.textArea-2CLwUE.textAreaSlate-9-y-k2.slateContainer-3x9zil>div>div.markup-eYLPri.editor-H2NA06.slateTextArea-27tjG0.fontSize16Padding-XoMpjI>div {
  margin-left: 55px !important;
}
div.markup-eYLPri.editor-H2NA06.slateTextArea-27tjG0.fontSize16Padding-XoMpjI:not(.textAreaWithoutAttachmentButton-1as0NS),
.placeholder-1rCBhr.slateTextArea-27tjG0.fontSize16Padding-XoMpjI {
  margin-left: 15px !important;
  margin-right: 3px !important;
}
.markup-eYLPri.editor-H2NA06.slateTextArea-27tjG0.fontSize16Padding-XoMpjI.textAreaWithoutAttachmentButton-1as0NS:not(.textAreaWithoutAttachmentButton-1as0NS) {
  margin-left: -55px !important;
}

#app-mount .scrollableContainer-15eg7h.webkit-QgSAqd>div.divider-2rZFJK {
  display: none;
}
#app-mount .textArea-2CLwUE.textAreaSlate-9-y-k2.slateContainer-3x9zil:not(.chat-1-OBC7 .textArea-2CLwUE,
  .chat-2ZfjoI .textArea-2CLwUE) {
  background-color: rgba(0, 0, 0, 0.25) !important;
  -webkit-backdrop-filter: blur(4px);
  -o-backdrop-filter: blur(4px);
  -moz-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  filter: drop-shadow(0rem 0rem 0.5rem rgba(0, 0, 20, 0.2));
  background: var(--background-secondary);
  border-radius: var(--radius-primary);
  margin-right: -50px;
  margin-left: 0px !important;
}

.characterCount-8yNPfb {
  margin-right: 03px;
}
.placeholder-1rCBhr.slateTextArea-27tjG0.fontSize16Padding-XoMpjI.textAreaWithoutAttachmentButton-1as0NS {
  left: -17px;
}
.bioTextArea-dDGOeC::-webkit-scrollbar {
  display: none;
}

.scroller-kQBbkU {
  margin-bottom: -50px;
  padding-bottom: 50px;
}
.form-3gdLxP:before {
  display: none;
}
.scrollableContainer-15eg7h.webkit-QgSAqd,
.channelTextArea-1FufC0 {
  background: transparent !important;
}
.theme-light .scrollableContainer-15eg7h {
  background-color: #e0e0e077 !important;
}