/* RU: Стили медиа-просмотра, изображений и voice-preview. */
/* EN: Styles for media viewer, images, and voice preview. */

.media-viewer {}
.media-grid {}
.media-card {}
.voice-preview {}

.message-bubble .media-content {
  margin: 4px 0 0;
}

.message-bubble .media-content img,
.message-bubble .media-content video {
  max-width: 100%;
  border-radius: 10px;
  display: block;
}

.message-bubble .media-content video {
  max-height: 320px;
  width: 100%;
}