/* MEETUS 0.6.25.2 COMMUNITY2-TG11-WORKSPACE29
 * Slightly smaller uncropped chat media and invisible instant chat opening.
 */

/* During initial chat positioning, do not show the loading/top-to-bottom jump. */
#chatPane.workspace29-opening,
#chatPane.workspace29-opening.workspace12-chat-switching {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

#messageArea.workspace29-opening {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  scroll-behavior: auto !important;
  overflow-anchor: none !important;
  transition: none !important;
}

/* WORKSPACE29 keeps the whole photo/video visible; JS sets exact compact width. */
.message-row .message-bubble.visual-media-bubble[data-workspace29-media="1"] {
  flex: 0 0 auto !important;
  overflow: visible !important;
}

.message-row .message-bubble.visual-media-bubble[data-workspace29-media="1"] > .media-image-button,
.message-row .message-bubble.visual-media-bubble[data-workspace29-media="1"] > .media-video-button {
  overflow: hidden !important;
  background: #090c11 !important;
}

.message-row .message-bubble.visual-media-bubble[data-workspace29-media="1"] .message-image,
.message-row .message-bubble.visual-media-bubble[data-workspace29-media="1"] .message-video-preview {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
}

@media (max-width: 700px) {
  .message-row .message-bubble.visual-media-bubble[data-workspace29-media="1"] {
    max-width: calc(100vw - 24px) !important;
    max-inline-size: calc(100vw - 24px) !important;
  }
}