.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;
  }
}

.str-chat__dialog-contents {
  inset: 0px !important;
  display: flex !important;
  transform: none !important;
  align-items: center !important;
  justify-content: center !important;
  --tw-backdrop-blur: blur(12px);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.str-chat__avatar .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;
}