/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./_sass/main.scss ***!
  \**************************************************************************************************************************************/
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .vibe_chat_channel_heading {
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .vibe_chat_channel_heading .vibe_chat_channel_title {
  display: flex;
  align-items: center;
  gap: 5px;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .vibe_chat_channel_heading .vibe_chat_channel_title > span {
  padding: 5px;
  font-size: 14px;
  cursor: pointer;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .vibe_chat_channel_heading .vibe_chat_channel_title > span:hover {
  background: var(--border);
  border-radius: 5px;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .vibe_chat_channel_heading .vibe_chat_channel_title strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .vibe_chat_channel_heading .add_dm_channel {
  display: none;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .vibe_chat_channel_heading:hover .add_dm_channel {
  display: block;
  padding: 5px;
  font-size: 14px;
  cursor: pointer;
  flex-shrink: 0;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .vibe_chat_channel_heading:hover .add_dm_channel:hover {
  background: var(--border);
  border-radius: 5px;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .vibe_chat_channel_heading:hover .vibe_chat_channel_title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .add_channel_wrap {
  border: 1px solid var(--border);
  background: var(--highlight);
  padding: 5px;
  gap: 5px;
  align-items: center;
  display: flex;
  flex-direction: column;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .add_channel_wrap input {
  background: transparent !important;
  width: 100%;
  border: none;
  border-bottom: 1px solid var(--border);
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_group .add_channel_wrap > * {
  flex: 1;
  width: 100%;
  height: 40px;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_list .channel {
  position: relative;
  display: flex;
  justify-content: space-between;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_list .channel span.no_read_count {
  background: #ee6060;
  padding: 0.1rem 0.5rem;
  border-radius: 10px;
  color: white;
  font-size: 0.75rem;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_list .channel.active {
  color: var(--primary);
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_list .channel .vibebp_member {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_list .channel .vibebp_member > img {
  width: 24px;
  height: 24px;
  border-radius: 5px;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_list .channel .vibebp_member span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_list .channel > span.channel_name {
  display: flex;
  gap: 5px;
  cursor: pointer;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_list .channel > span.channel_name > .channel_hash {
  width: 24px;
  padding: 0 5px;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_list .channel > span.channel_name > span {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
}
#vibe-chat_component .vibebp_left_sidebar .vibe_chat_channels .vibe_chat_channel_list .channel > span.channel_name .unread {
  background: #b12d2d;
  font-size: 0.875rem;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  flex: 0 0 20px;
}
#vibe-chat_component .vibebp_main {
  display: flex;
  flex-direction: column;
}
#vibe-chat_component .vibebp_main .chat_content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.vibebp_main .chat_content .messages_wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  flex: 1;
}
.vibebp_main .chat_content .messages_wrap .chat_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  position: sticky;
  top: 0;
  background: var(--highlight);
  border: 1px solid var(--border);
}
.vibebp_main .chat_content .messages_wrap .chat_header .chat_meta {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.vibebp_main .chat_content .messages_wrap .chat_header .chat_meta .chat_members {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--border);
  border-radius: 5px;
}
.vibebp_main .chat_content .messages_wrap .chat_header .chat_meta .chat_members > .member_count {
  border-right: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 5px;
}
.vibebp_main .chat_content .messages_wrap .chat_header .chat_meta .chat_members > .member_count > img {
  width: 24px;
  border-radius: 5px;
}
.vibebp_main .chat_content .messages_wrap .chat_header .chat_meta .chat_members > * {
  padding: 0.5rem;
}
.vibebp_main .chat_content .messages_wrap .chat_header .chat_meta .chat_members > .vicon {
  cursor: pointer;
}
.vibebp_main .chat_content .messages_wrap .chat_header .chat_meta .export_chat.button {
  background: none !important;
  border: 1px solid var(--border);
  color: var(--text) !important;
}
.vibebp_main .chat_content .messages_wrap .messages {
  display: flex;
  flex-direction: column;
  flex: 1 0 240px;
  gap: 1rem;
  overflow-y: auto;
}
.vibebp_main .chat_content .messages_wrap .messages .chat_message {
  border: none;
  background: none;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: end;
  transition: 0.2s all;
  justify-content: start;
}
.vibebp_main .chat_content .messages_wrap .messages .chat_message .image img {
  width: 48px;
  height: 48px;
  border-radius: 5px;
}
.vibebp_main .chat_content .messages_wrap .messages .chat_message .message_content {
  display: flex;
  flex-direction: column;
  align-items: bottom;
  gap: 0.5rem;
  background: #e9fff7;
  padding: 1rem;
  border: 1px solid var(--border);
  border-radius: 1rem;
}
.vibebp_main .chat_content .messages_wrap .messages .chat_message .message_content .meta {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  font-size: 12px;
}
.vibebp_main .chat_content .messages_wrap .messages .chat_message.mine {
  justify-content: end;
}
.vibebp_main .chat_content .messages_wrap .messages .chat_message.mine .image {
  min-width: 50px;
}
.vibebp_main .chat_content .messages_wrap .messages .chat_message.mine .message_content {
  background: #e9fbff;
}
.vibebp_main .chat_content .messages_wrap .add_message {
  position: sticky;
  bottom: 0;
  width: 100%;
  bottom: 0;
  display: flex;
  align-items: center;
  display: flex;
  flex-direction: column;
  background: var(--highlight);
  border: 1px solid var(--border);
  padding: 10px;
}
.vibebp_main .chat_content .messages_wrap .add_message .vibe_editor .DraftEditor-root {
  max-height: 120px;
  overflow-y: auto;
}
.vibebp_main .chat_content .messages_wrap .add_message .vibe_rich_editor div[data-contents=true] {
  min-height: 4rem;
  overflow-y: auto;
}
.vibebp_main .chat_content .messages_wrap .add_message .send_message_control_wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
  padding-top: 5px;
}
.vibebp_main .chat_content .messages_wrap .add_message .send_chat_button {
  width: 120px;
  background: var(--primary);
  color: var(--primarycolor);
  text-align: center;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vibebp_main .chat_content .messages_wrap .add_message .send_chat_button svg {
  width: 24px;
}
.vibebp_main .chat_content .messages_wrap .add_message textarea {
  background: var(--highlight);
  border-radius: 10px;
  border: 1px solid var(--primary);
  height: 5rem;
  padding: 1rem;
}
.vibebp_main .chat_content .new_dm {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.vibebp_main .chat_content .new_dm .search_bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vibebp_main .chat_content .new_dm .search_bar input {
  width: 100%;
  display: block;
  background: var(--highlight);
  border: 1px solid var(--border);
  font-size: 1.2rem;
  padding: 0.5rem;
}
.vibebp_main .chat_content .new_dm .search_results {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.vibebp_main .chat_content .new_dm .search_results .search_result.user {
  border: 1px solid var(--border);
  cursor: pointer;
  border-radius: 5px;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--highlight);
}
.vibebp_main .chat_content .new_dm .search_results .search_result.user img {
  width: 48px;
  height: 48px;
  border-radius: 5px;
}

.vibe_editor_modal {
  z-index: 9999;
}
.vibe_editor_modal .export-content {
  width: 500px;
}
.vibe_editor_modal .exportseparateaddons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2rem;
}

.vibe_chat_export_wrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.vibe_chat_export_wrapper .vibe_chat_export_container {
  background: var(--sidebar);
  padding: 1rem;
  display: flex;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
}
.vibe_chat_export_wrapper .vibe_chat_export_container .vibe_chat_export_progress_wrap {
  display: flex;
  flex-direction: column;
}

.vibe_chat_editor {
  flex: 1;
  width: 100%;
}
.vibe_chat_editor .vibe_editor {
  border: none;
  padding: 0;
  background: none;
}
.vibe_chat_editor .vibe_rich_editor {
  border: none;
  padding: 0;
}
.vibe_chat_editor .editor_wrapper.fixed_toolbar {
  display: flex;
  flex-direction: column-reverse;
}
.vibe_chat_editor .draftJsToolbar__toolbar__dNtBH {
  margin: 0 0 1rem !important;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid var(--border);
  border-radius: 0;
  padding: 0 0 5px;
}
.vibe_chat_editor button.draftJsToolbar__button__qi1gf {
  background: none;
  color: var(--bold);
}
.vibe_chat_editor .draftJsToolbar__button__qi1gf svg {
  fill: var(--bold);
}
.vibe_chat_editor .draftJsToolbar__buttonWrapper__1Dmqh {
  /* display: flex; */
  /* gap: 1rem; */
}
.vibe_chat_editor .draftJsToolbar__toolbar__dNtBH {
  justify-content: start !important;
}
.vibe_chat_editor button.draftJsToolbar__button__qi1gf:hover {
  border: none !important;
  background: var(--border) !important;
}
.vibe_chat_editor .fix_toolbar {
  display: none !important;
}

body.leftsidebar_minimised .vibe-chat-wrapper .vibe-chat .chat_content .messages_wrap .add_message {
  left: 0;
  width: 100%;
}

.admin-bar .vibe-chat-wrapper .vibe-chat .chat_content .messages_wrap .messages {
  height: calc(100vh - 6rem - 1rem - 3rem - 32px);
}

@media (max-width: 768px) {
  .vibe_editor_modal .export-content {
    width: auto;
  }
}