.bx-im-message-image__container {
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: inherit;
}

.bx-im-message-media-content__container::after {
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 4px;
	transition: all 200ms ease;
	pointer-events: none;
}

.--has-error .bx-im-message-image__container:not(.--has-text) .bx-im-message-media-content__container::after {
	background-color: rgba(255, 232, 232, .9);
	pointer-events: auto;
}

.--has-error .bx-im-message-image__container .bx-im-progress-bar__container {
	display: none;
}

.bx-im-message-image__header {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 10px 19px 10px 14px;
}

.bx-im-message-image__bottom-container {
	padding: var(--im-message-base__padding_body);
}

/* External reaction list */
.bx-im-message-image__reaction-list-container {
	display: flex;
	justify-content: flex-end;
}

.bx-im-message-base__wrap.--opponent .bx-im-message-image__reaction-list-container,
.bx-im-content-chat__container.--left-align .bx-im-message-image__reaction-list-container {
	justify-content: flex-start;
}

.bx-im-message-image__reaction-list-container > .bx-im-reaction-list__container {
	margin-top: 4px;
}

/* End external reaction list */

.bx-im-message-base-file__container {
	position: relative;
	padding: 9px 10px 6px 14px;
	max-width: 285px;
	overflow: hidden;
}

.bx-im-message-base-file__author-title {
	padding-bottom: 6px;
}

.bx-im-message-audio__container {
	position: relative;
	padding: 9px 12px 0 14px;
}

.bx-im-message-audio__header {
	padding-bottom: 6px;
}

.bx-im-message-audio__message-status-container {
	position: absolute;
	right: 9px;
	bottom: 8px;
}

.bx-im-message-audio__default-message-container {
	padding:
		0
		var(--im-message-base__padding-right_body)
		var(--im-message-base__padding-bottom_body)
		var(--im-message-base__padding-left_body)
	;
}

.bx-im-message-audio__reaction-list-container {
	display: flex;
	justify-content: flex-end;
	margin-top: 4px;
}

.--opponent .bx-im-message-audio__reaction-list-container {
	justify-content: flex-start;
}

.bx-im-message-audio__container .bx-im-audio-player__container {
	height: auto;
}

.bx-im-message-audio__container .bx-im-audio-player__timeline-container {
	margin-top: 7px;
}

.bx-im-message-audio__container .bx-im-audio-player__track-container {
	margin-bottom: 7px;
}

.bx-im-message-file-collection__container {
	position: relative;
	padding: 8px 12px 6px;
	max-width: 285px;
}

.--has-error .bx-im-message-file-collection__container .bx-im-progress-bar__container {
	display: none;
}

.bx-im-message-file-collection__author-title {
	padding-bottom: 6px;
}

.bx-im-message-file-collection__items {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.bx-im-message-file-collection__default-content {
	margin-top: 16px;
}

.bx-im-message-media-content__container {
	position: relative;
	--bx-im-elements-media-gallery-template-columns: 101px 50px 50px 101px;
}

.bx-im-message-media-content__gallery {
	max-height: 364px;
}

.bx-im-message-media-content__single-video {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	border-radius: 6px;
}

.bx-im-message-media-content__status-container {
	position: absolute;
	right: 6px;
	bottom: 6px;
	z-index: 2;
}

.bx-im-base-file-item__container {
	--im-base-file-item__color_file-name: var(--im-color-palette-black-base);
	--im-base-file-item__color_file-size: rgba(var(--im-color-palette-gray-90-rgb), 0.5);

	display: flex;
	cursor: pointer;
	width: 261px;
	font-family: var(--im-font-family-system);
	line-height: var(--im-font-line-height-2xs);
}

.bx-im-base-file-item__viewer-container {
	display: flex;
	flex: 1;
	overflow: hidden;
}

.bx-im-base-file-item__icon-container {
	width: 44px;
	height: 44px;
	position: relative;
	margin-right: 8px;
}

.bx-im-base-file-item__download-icon {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.3' fill='%23525C69'%3E%3Cpath d='M19 12.5a7 7 0 01-7 7V21a8.5 8.5 0 008.5-8.5H19zm-7 7a7 7 0 01-7-7H3.5A8.5 8.5 0 0012 21v-1.5zm-7-7a7 7 0 017-7V4a8.5 8.5 0 00-8.5 8.5H5zm7-7a7 7 0 017 7h1.5A8.5 8.5 0 0012 4v1.5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.235 8.384h-2.47V12.5H7.471L12 16.616l4.528-4.116h-3.293V8.384z'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
	width: 24px;
	height: 24px;
	margin-left: auto;
	flex-shrink: 0;
}

.bx-im-base-file-item__download-icon.--not-active {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.5'%3E%3Cg opacity='.3' fill='%23525C69'%3E%3Cpath d='M19 12a7 7 0 01-7 7v1.5a8.5 8.5 0 008.5-8.5H19zm-7 7a7 7 0 01-7-7H3.5a8.5 8.5 0 008.5 8.5V19zm-7-7a7 7 0 017-7V3.5A8.5 8.5 0 003.5 12H5zm7-7a7 7 0 017 7h1.5A8.5 8.5 0 0012 3.5V5z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.235 7.884h-2.47V12H7.471L12 16.116 16.528 12h-3.293V7.884z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") no-repeat center;
}

.bx-im-base-file-item__type-icon {
	display: flex;
	flex-shrink: 0;
}

.bx-im-base-file-item__content {
	max-width: 185px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-right: 14px;
}

.bx-im-base-file-item__title {
	font-size: var(--im-font-size-md);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-base-file-item__color_file-name);
}

.bx-im-base-file-item__size {
	font-size: var(--im-font-size-xs);
	color: var(--im-base-file-item__color_file-size);
	margin-top: 3px;
}

.bx-im-base-file-item__image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-radius: 6px;
}

.bx-im-media-audio__container {
	position: relative;
}

.bx-im-media-audio__container .ui-vue-audioplayer-timers-container {
	font: 11px/18px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.bx-im-media-audio__container + .bx-im-media-audio__container {
	margin-top: 25px
}
.bx-im-video-item__scope {
	--im-video-item__background-color_container: #f1f4f6
}

.bx-im-video-item__container {
	overflow: hidden;
	border-radius: 6px;
	position: relative;
	background-color: var(--im-video-item__background-color_container);
}

.bx-im-video-item__container.--with-forward {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}