.str-chat {
  border: none !important;
}

/* Keep display white-space */
.str-chat__message-text-inner,
.str-chat__message-text-inner p,
.str-chat__message-text-inner span {
  white-space: pre-wrap !important;
  word-wrap: break-word !important;
}

.str-chat__channel-list-empty {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}

.str-chat__message.str-chat__message--me a {
  word-break: break-all;
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}

/* voice recording */
.str-chat__attachment-list .str-chat__message-attachment__voice-recording-widget {
  grid-template-columns: 36px auto !important;
}

.str-chat__message-attachment__voice-recording-widget__metadata {
  gap: 0 !important;
}

.str-chat__message-attachment__voice-recording-widget__title {
  height: 0 !important;
  visibility: hidden !important;
}

.str-chat__message-attachment__voice-recording-widget__right-section {
  display: none !important;
}

.str-chat__message.str-chat__message--me .str-chat__message-mention {
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
  text-decoration-line: underline !important;
}

.str-chat__message .str-chat__message-mention {
  text-decoration-line: underline !important;
}

.str-chat__message-url-link {
  word-break: break-all;
  text-decoration-line: underline !important;
}

.str-chat__dialog-contents:has(.str-chat__dialog-content--custom-reactions) {
  display: flex;
  width: -webkit-fill-available;
}

.messaging .str-chat__li .str-chat__modal--open .str-chat__modal__inner {
  /* min-width: 80vw; */
  height: auto !important;
  width: auto !important;
  background: transparent;
}

/* @media (max-width: 700px) {
  .messaging .str-chat__li .str-chat__modal--open .str-chat__modal__inner {
    min-width: 80vw;
    height: auto !important;
  }
}
@media (min-width: 701px) and (max-width: 970px) {
  .messaging .str-chat__li .str-chat__modal--open .str-chat__modal__inner {
    min-width: 60vw;
    height: auto !important;
  }
} */

.str-chat__avatar-image {
  background-color: transparent !important;
}
@media (max-width: 440px) {
  .btn-home-page img {
    width: 26px;
    height: 26px;
  }
}

.str-chat--windows-flags .str-chat__textarea__textarea,
.str-chat--windows-flags .str-chat__message-textarea,
.str-chat--windows-flags .str-chat__message-text-inner *,
.str-chat--windows-flags .str-chat__emoji-item--entity,
.str-chat--windows-flags .emoji-mart-emoji-native *,
.str-chat__quoted-message-bubble .inline-text-emoji {
  font-family: ReplaceFlagEmojiPNG, var(--str-chat__font-family), sans-serif !important;
}

/* .str-chat__file-input-container {
  display: none !important;
} */

.image-gallery-right-nav {
  position: fixed !important;
  right: 16px !important;
  top: 50%;
  transform: translateY(-50%);
}

.image-gallery-left-nav {
  position: fixed !important;
  left: 16px !important;
  top: 50%;
  transform: translateY(-50%);
}

.str-chat__message-simple-status.str-chat__message-status > svg {
  width: 0.75rem !important;
  height: 0.75rem !important;
}

.str-chat__message-text-inner.str-chat__message-simple-text-inner {
  white-space: pre-wrap !important;
}

.str-chat__list-notifications {
  margin: 0px !important;
  height: 0px !important;
  min-height: 0px !important;
  padding: 0px !important;
}

/* .str-chat__audio_recorder-container {
  @apply !justify-center;
} */