.str-chat {
  border: none !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;
}

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