.bx-im-message-text-content__container {
	font: var(--im-font-size-lg)/20px var(--im-font-family-system);
	color: var(--ui-color-base-1);
	word-break: break-word;
}

.bx-im-message-text-content__container a {
	text-decoration: none;
	font-size: inherit;
	color: #2067b0;
}

.bx-im-message-status__container {
	--im-message-status__font-color_status: rgba(var(--im-color-palette-gray-90-rgb), 0.4);
	--im-message-status__font-color_overlay-status: var(--im-color-palette-white-base);
	--im-message-status__background-color_date-overlay: rgba(var(--im-color-palette-black-solid-rgb), 0.3);

	display: flex;
	align-items: flex-end;
}

.bx-im-message-status__container.--overlay {
	border-radius: 12px;
	padding: 4px 6px;
	background-color: var(--im-message-status__background-color_date-overlay);
}

.bx-im-message-status__edit-mark {
	margin-right: 4px;
	text-transform: lowercase;
	font: var(--im-font-size-4xs)/11px var(--im-font-family-system);
	font-style: italic;
	color: var(--im-message-status__font-color_status);
	-webkit-user-select: none;
	        user-select: none;
}

.--overlay .bx-im-message-status__edit-mark {
	color: var(--im-message-status__font-color_overlay-status);
}

.bx-im-message-status__date {
	font: var(--im-font-size-4xs)/11px var(--im-font-family-system);
	color: var(--im-message-status__font-color_status);
	-webkit-user-select: none;
	        user-select: none;
	white-space: nowrap;
}

.bx-im-message-status__container.--overlay .bx-im-message-status__date {
	color: var(--im-message-status__font-color_overlay-status);
}

.bx-im-message-status__icon {
	width: 13px;
	height: 11px;
	background-repeat: no-repeat;
	background-position: center;
}

.bx-im-message-status__icon.--sending {
	width: 14px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' viewBox='0 0 13 13'%3E%3Cpath fill='%23525c69' fill-opacity='.4' fill-rule='evenodd' d='M6.72 12.034A5.538 5.538 0 1 1 12.037 6.5a5.43 5.43 0 0 1-5.317 5.534m-.05-1.258A4.279 4.279 0 1 1 10.778 6.5a4.195 4.195 0 0 1-4.108 4.276M5.545 4.195a.688.688 0 0 1 1.375 0v2.063h1.376a.688.688 0 0 1 0 1.375H6.232a.686.686 0 0 1-.687-.688z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-message-status__icon.--sent {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3E%3Cpath fill='%23525c69' fill-opacity='.4' fill-rule='evenodd' d='M4.514 8.605a.3.3 0 0 1-.419 0L1.687 6.258a.4.4 0 0 1 0-.573l.446-.435a.4.4 0 0 1 .558 0l1.614 1.573 4.85-4.747a.4.4 0 0 1 .56-.001l.446.435a.4.4 0 0 1 0 .572z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-message-status__icon.--viewed {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='11' fill='none' viewBox='0 0 14 11'%3E%3Cpath fill='%232fc6f6' fill-rule='evenodd' d='M7.346 8.609a.3.3 0 0 1-.416.004l-.943-.892a.4.4 0 0 1-.005-.577L6.44 6.7a.4.4 0 0 1 .542-.014l.159.139 4.85-4.748a.4.4 0 0 1 .56 0l.445.434a.4.4 0 0 1 0 .573zm-4.141-.003a.3.3 0 0 1-.419 0L.377 6.258a.4.4 0 0 1 0-.572l.447-.435a.4.4 0 0 1 .558 0l1.614 1.573 4.85-4.748a.4.4 0 0 1 .56 0l.445.434a.4.4 0 0 1 .001.573z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-message-status__icon.--error {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' fill='none' viewBox='0 0 13 11'%3E%3Ccircle cx='6.5' cy='5.5' r='5' fill='%23ff5752' stroke='%23fff'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.15 7.65c0 .357-.293.65-.65.65a.653.653 0 0 1-.65-.65c0-.357.293-.65.65-.65s.65.293.65.65m-1.3-4.444c0-.338.27-.61.609-.61h.082c.338 0 .609.272.609.61v2.281c0 .339-.27.61-.609.61H6.46a.607.607 0 0 1-.609-.61z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.--overlay .bx-im-message-status__icon.--sending {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M5.719 10.996a5.5 5.5 0 1 1 5.28-5.496 5.39 5.39 0 0 1-5.28 5.496m-.05-1.25A4.25 4.25 0 1 1 9.749 5.5a4.166 4.166 0 0 1-4.08 4.246M4.552 3.211a.683.683 0 1 1 1.366 0v2.048h1.365a.683.683 0 1 1 0 1.366H5.235a.68.68 0 0 1-.683-.683z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.--overlay .bx-im-message-status__icon.--sent {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='8' fill='none' viewBox='0 0 9 8'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.122 7.605a.3.3 0 0 1-.42 0L.295 5.258a.4.4 0 0 1 0-.573L.74 4.25a.4.4 0 0 1 .559 0l1.614 1.573 4.85-4.747a.4.4 0 0 1 .559-.001l.446.435a.4.4 0 0 1 0 .572z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.--overlay .bx-im-message-status__icon.--viewed {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='11' fill='none' viewBox='0 0 13 11'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.012 8.609a.3.3 0 0 1-.415.003l-.944-.89a.4.4 0 0 1-.004-.578l.456-.445a.4.4 0 0 1 .542-.014l.16.138 4.85-4.747a.4.4 0 0 1 .559 0l.446.434a.4.4 0 0 1 0 .573zm-3.89-.003a.3.3 0 0 1-.42 0L.295 6.258a.4.4 0 0 1 0-.573l.446-.434a.4.4 0 0 1 .559 0l1.614 1.572 4.85-4.747a.4.4 0 0 1 .559 0l.446.434a.4.4 0 0 1 0 .573z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-message-status__date + .bx-im-message-status__icon {
	margin-left: 4px;
}

.bx-im-message-base__wrap.--system .bx-im-message-status__date {
	color: var(--ui-color-chat-other-base-1_1);
}

.bx-im-message-attach__container {
	padding-right: 10px;
}
.bx-im-message-keyboard__container {
	display: flex;
	flex-wrap: wrap;
}

.bx-im-content-chat__container.--center-align .bx-im-message-base__wrap.--self .bx-im-keyboard__container {
	text-align: end;
}

.bx-im-content-chat__container.--center-align .bx-im-message-base__wrap.--self .bx-im-keyboard-button__container.--block {
	margin-left: auto;
}

.bx-im-reaction-list__scope {
	--im-reaction-list__background-color_item: rgb(0 0 0 / 10%);
	--im-reaction-list__background-color_item-transparent-background: rgb(82 92 105 / 40%);
	--im-reaction-list__background-color_item-selected: var(--im-color-palette-blue-50);
	--im-reaction-list__font-color_counter: var(--im-color-palette-gray-80);
	--im-reaction-list__font-color_counter-selected: var(--im-color-palette-white-base);
}

.bx-im-reaction-list__container {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px 4px;
}

.bx-im-reaction-list__item .ui-reaction {
	--ui-reaction-size: 16px
}

.bx-im-reaction-list__item {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;

	height: 24px;
	padding: 4px 6px;
	border-radius: 38px;
	background-color: var(--im-reaction-list__background-color_item);
	cursor: pointer;
}

.bx-im-reaction-list__item_icon {
	display: flex;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}

.bx-im-reaction-list__item_counter {
	font: 11px var(--im-font-family-system);
	font-weight: var(--im-font-weight-semi-bold);
	color: var(--im-reaction-list__font-color_counter);
	-webkit-user-select: none;
	        user-select: none;
}

.bx-im-reaction-list__item.--selected {
	background-color: var(--im-reaction-list__background-color_item-selected);
}

.bx-im-reaction-list__item.--selected .bx-im-reaction-list__item_counter {
	color: var(--im-reaction-list__font-color_counter-selected);
}

.bx-im-reaction-list__user_container {
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	padding-right: 4px;
}

.bx-im-reaction-list__user_avatar {
	width: 18px;
	height: 18px;
	margin-right: -4px;
	border-radius: 50%;
	background-size: contain;
	-webkit-user-select: none;
	        user-select: none;
}

.bx-im-reaction-list__user_animation-move {
	transition: none;
}

.bx-im-reaction-list__user_animation-enter-active {
	transition:
		transform 0.25s ease-out,
		opacity 0.2s ease-out;
}

.bx-im-reaction-list__user_animation-enter-from,
.bx-im-reaction-list__user_animation-leave-to {
	opacity: 0;
	transform: translateX(-10px);
}


/* external reaction list */
.bx-im-message-base__bottom .bx-im-reaction-list__container {
	justify-content: flex-end;
}

.bx-im-message-base__wrap.--opponent .bx-im-message-base__bottom .bx-im-reaction-list__container,
.bx-im-content-chat__container.--left-align .bx-im-message-base__bottom .bx-im-reaction-list__container {
	justify-content: flex-start;
}

.bx-im-message-base__bottom .bx-im-reaction-list__item {
	background-color: var(--im-reaction-list__background-color_item-transparent-background)
}

.bx-im-message-base__bottom .bx-im-reaction-list__item.--selected {
	background-color: var(--im-reaction-list__background-color_item-selected);
}

.bx-im-message-base__bottom .bx-im-reaction-list__item_counter {
	color: var(--im-reaction-list__font-color_counter-selected);
}

.bx-im-message-base__bottom .bx-im-reaction-list__item.--selected .bx-im-reaction-list__item_counter {
	color: var(--im-reaction-list__font-color_counter-selected);
}
/* end external reaction list */
.bx-im-reaction-selector__container {
	position: absolute;
	bottom: -3px;
	right: -21px;
	width: 28px;
	height: 24px;
	opacity: 0;
	transition: opacity .3s;
	z-index: 3;
}

.bx-im-message-base__container:hover .bx-im-reaction-selector__container {
	opacity: 1;
}

.bx-im-reaction-selector__selector {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 38px;
	background-color: rgb(255 255 255 / 80%);
	cursor: pointer;
	box-shadow: 0 1px 3px rgb(0 0 0 / 6%);
}

.bx-im-reaction-selector__icon {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23edeef0'/%3E%3Cpath fill='%23b9bfc3' fill-rule='evenodd' d='M14.567 8.253H12.06a.18.18 0 0 1-.169-.107c-.113-.283-.108-.6.015-.88a3.24 3.24 0 0 0 .069-1.876c-.17-.425-.216-1.202-1.002-1.238a.81.81 0 0 0-.584.4.26.26 0 0 0-.031.127s.036.754 0 1.278c-.037.525-1.04 1.86-1.677 2.708a.25.25 0 0 1-.164.1c-.239.035-.695.096-.86.117-.038.005-.06.054-.06.077v4.756c0 .017.02.055.058.061.129.022.451.08.776.185.409.131.749.441 1.43.671a.4.4 0 0 0 .113.019h3.197a.906.906 0 0 0 .742-.85 1.6 1.6 0 0 0-.138-.685c-.014-.03.004-.063.037-.07.41-.074.923-.852.292-1.48-.017-.015-.014-.037.009-.043a.96.96 0 0 0 .696-.714.77.77 0 0 0-.02-.4c-.046-.154-.12-.3-.217-.43-.025-.032-.01-.074.028-.087a.86.86 0 0 0 .583-.825c.04-.37-.257-.813-.617-.814m-7.952.2H4.803a.15.15 0 0 0-.15.175l1.053 5.913c.016.09.096.157.19.157h.67a.185.185 0 0 0 .188-.183l.014-5.911a.15.15 0 0 0-.153-.15' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-position: center;
	background-repeat: no-repeat;
}

.bx-im-reaction-selector__icon.--active {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2300ace3'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M14.567 8.253H12.06a.18.18 0 0 1-.169-.107c-.113-.283-.108-.6.015-.88a3.24 3.24 0 0 0 .069-1.876c-.17-.425-.216-1.202-1.002-1.238a.81.81 0 0 0-.584.4.26.26 0 0 0-.031.127s.036.754 0 1.278c-.037.525-1.04 1.86-1.677 2.708a.25.25 0 0 1-.164.1c-.239.035-.695.096-.86.117-.038.005-.06.054-.06.077v4.756c0 .017.02.055.058.061.129.022.451.08.776.185.409.131.749.441 1.43.671a.4.4 0 0 0 .113.019h3.197a.906.906 0 0 0 .742-.85 1.6 1.6 0 0 0-.138-.685c-.014-.03.004-.063.037-.07.41-.074.923-.852.292-1.48-.017-.015-.014-.037.009-.043a.96.96 0 0 0 .696-.714.77.77 0 0 0-.02-.4c-.046-.154-.12-.3-.217-.43-.025-.032-.01-.074.028-.087a.86.86 0 0 0 .583-.825c.04-.37-.257-.813-.617-.814m-7.952.2H4.803a.15.15 0 0 0-.15.175l1.053 5.913c.016.09.096.157.19.157h.67a.185.185 0 0 0 .188-.183l.014-5.911a.15.15 0 0 0-.153-.15' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.bx-im-message-quote__name:focus-visible {
	outline: 2px solid Highlight;
	outline: 2px solid -webkit-focus-ring-color;
	border-radius: 2px;
}

.bx-im-message-base__body.--transparent .bx-im-message-quote,
.bx-im-message-base__content-main > .bx-im-message-quote {
	--bx-im-message-quote__background: rgba(var(--ui-color-palette-white-base-rgb), 0.2);
	--bx-im-message-quote-with-context__background: rgba(var(--ui-color-palette-white-base-rgb), 0.2);
	--bx-im-message-quote__color: var(--ui-color-base-1);
}

/*
 * The toggle button variables resolve to `absolute` from the parser scope even when
 * overridden here (equal specificity), leaving the "Expand" button as an overlay above
 * the collapsed quote text. Set the properties directly on the button (0,3,0 beats the
 * base .bx-im-message-quote__toggle 0,1,0) so it flows inline and stops covering the text.
 */
.bx-im-message-base__body.--transparent .bx-im-message-quote .bx-im-message-quote__toggle,
.bx-im-message-base__content-main > .bx-im-message-quote .bx-im-message-quote__toggle {
	position: static;
	background: none;
}

/*
 * Quotes rendered outside the message bubble sit on a semi-transparent background,
 * where the gray-60 muted captions fail contrast (a11y). Lift them to base-2.
 * In-bubble quotes keep the base gray-60 definitions below.
 */
.bx-im-message-base__body.--transparent .bx-im-message-quote .bx-im-message-quote__file-size,
.bx-im-message-base__body.--transparent .bx-im-message-quote .bx-im-message-quote__gallery-caption-count,
.bx-im-message-base__content-main > .bx-im-message-quote .bx-im-message-quote__file-size,
.bx-im-message-base__content-main > .bx-im-message-quote .bx-im-message-quote__gallery-caption-count {
	color: var(--ui-color-base-2);
}

.bx-im-message-base__content-main > .bx-im-message-quote {
	max-width: 460px;
	margin-bottom: 4px;
}

.bx-im-message-quote__preview {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-left: 10px;
	margin-bottom: 2px;
	min-width: 0;
}

/*
 * File chip / gallery stack need 8px between the author name and the preview content per Figma.
 * The shared .bx-im-message-quote__name adds 4px (padding-bottom); this adds the remaining 4px.
 * Single media thumbnail / sticker / media-icon / text / forward keep the base 4px.
 */
.bx-im-message-quote__preview--media-offset {
	margin-top: 4px;
}

/* File chip: file-type icon + name + size */
.bx-im-message-quote__file-icon {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.bx-im-message-quote__file-icon .ui-icon {
	width: 36px;
	height: 36px;
}

.bx-im-message-quote__file-icon .ui-icon i {
	width: 36px;
	height: 36px;
	background-size: 36px;
}

.bx-im-message-quote__file-caption {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.bx-im-message-quote__file-name {
	max-width: 340px;
	overflow: hidden;
	color: var(--ui-color-base-1);
	font: var(--im-font-weight-medium) 13px/17px var(--im-font-family-system);
	white-space: nowrap;
	text-overflow: ellipsis;
}

.bx-im-message-quote__file-size {
	color: var(--ui-color-chat-other-base-1_1, rgba(51, 51, 51, 0.5));
	font: 13px/17px var(--im-font-family-system);
	white-space: nowrap;
}

.bx-im-message-quote__preview-image {
	position: relative;
	width: 40px;
	height: 28px;
	border-radius: 4px;
	overflow: hidden;
	flex-shrink: 0;
	background-color: var(--im-color-palette-gray-03);
}

.bx-im-message-quote__preview-image_img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	object-fit: cover;
}

/* Video note: round thumbnail of the poster (no background — the poster fills the circle) */
.bx-im-message-quote__preview-video-note {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
}

.bx-im-message-quote__preview-video-note_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bx-im-message-quote__preview-sticker {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
}

.bx-im-message-quote__preview-sticker_img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.bx-im-message-quote__preview-file-icon {
	display: flex;
	align-items: center;
	flex-shrink: 0;
}

.bx-im-message-quote__preview-file-icon .ui-icon {
	width: 24px;
	height: 24px;
}

.bx-im-message-quote__preview-file-icon .ui-icon i {
	width: 24px;
	height: 24px;
	background-size: 24px;
}

/* Gallery: overlapped stack of thumbnails */
.bx-im-message-quote__gallery-stack {
	position: relative;
	width: 57px;
	height: 47px;
	flex-shrink: 0;
}

/*
 * The stack items are absolutely positioned and therefore do not stretch the container.
 * The width must be set per shown-thumbnail count so it hugs the actual right edge of the
 * last (rotated) thumbnail; otherwise the flex gap to the caption grows and the stack↔text
 * spacing differs between 2- and 3-media quotes. Widths are the rotated bounding-box right
 * edges: item1 -> 39, item2 (8deg) -> ~47, item3 (12deg)/badge -> 57 (unchanged base layout).
 */
.bx-im-message-quote__gallery-stack.--count-2 {
	width: 47px;
}

.bx-im-message-quote__gallery-stack.--count-3 {
	width: 57px;
}

.bx-im-message-quote__gallery-stack-item {
	position: absolute;
	overflow: hidden;
	background-color: var(--im-color-palette-gray-03);
}

.bx-im-message-quote__gallery-stack-item:nth-child(1) {
	left: 0;
	top: 3px;
	width: 39px;
	height: 38px;
	border-radius: 8px;
	z-index: 3;
}

.bx-im-message-quote__gallery-stack-item:nth-child(2) {
	left: 6px;
	top: 1px;
	width: 38px;
	height: 38px;
	border-radius: 7px;
	transform: rotate(8deg);
	z-index: 2;
}

.bx-im-message-quote__gallery-stack-item:nth-child(3) {
	left: 15px;
	top: 4px;
	width: 36px;
	height: 36px;
	border-radius: 6px;
	transform: rotate(12deg);
	z-index: 1;
}

.bx-im-message-quote__gallery-stack-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bx-im-message-quote__gallery-badge {
	position: absolute;
	left: 35px;
	top: 26px;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 14px;
	padding: 0 4px;
	border: 1px solid var(--ui-color-palette-white-base, #fff);
	border-radius: 14px;
	background-color: var(--ui-color-accent-main-primary);
	color: var(--ui-color-palette-white-base, #fff);
	font: var(--im-font-weight-medium) 10px/12px var(--im-font-family-system);
	white-space: nowrap;
}

.bx-im-message-quote__gallery-caption {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.bx-im-message-quote__gallery-caption-title {
	max-width: 136px;
	overflow: hidden;
	color: var(--ui-color-base-1);
	font: var(--im-font-weight-medium) 13px/17px var(--im-font-family-system);
	white-space: nowrap;
	text-overflow: ellipsis;
}

.bx-im-message-quote__gallery-caption-count {
	color: var(--ui-color-chat-other-base-1_1, rgba(51, 51, 51, 0.5));
	font: 13px/17px var(--im-font-family-system);
	white-space: nowrap;
}

.bx-im-message-author-title__container {
	align-self: flex-start;
	-webkit-user-select: none;
	        user-select: none;
}

.bx-im-message-author-title__container.--clickable {
	cursor: pointer;
}
.bx-im-message-context-menu__scope {
	--im-message-context-menu__offset: var(--im-message-base__offset_context-menu, 42px);
	--im-message-context-menu__background-color_button: rgb(82 92 105 / 20%);
	--im-message-context-menu__background-color_button-hover: rgb(82 92 105 / 40%);
}

.bx-im-message-context-menu__container {
	display: flex;
	width: var(--im-message-base__offset_context-menu);
	align-self: stretch;
	flex-shrink: 0;
	padding: 3px 0;
}

.bx-im-message-context-menu__button {
	border: none;
	position: sticky;
	top: 45px;
	border-radius: 50%;
	background: var(--im-message-context-menu__background-color_button) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='4' fill='none' viewBox='0 0 14 4'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M3.944 2A1.528 1.528 0 1 1 .89 2a1.528 1.528 0 0 1 3.055 0m4.584 0a1.528 1.528 0 1 1-3.056 0 1.528 1.528 0 0 1 3.056 0m3.055 1.528a1.528 1.528 0 1 0 0-3.056 1.528 1.528 0 0 0 0 3.056' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center center;
	text-align: center;
	-webkit-user-select: none;
	        user-select: none;
	width: 22px;
	height: 22px;
	cursor: pointer;
	margin-left: 8px;
	opacity: 0;
	transition: opacity .3s, background-color .2s;
}

.bx-im-message-context-menu__button:hover {
	background-color: var(--im-message-context-menu__background-color_button-hover);
}

.bx-im-message-base__container:hover .bx-im-message-context-menu__button {
	opacity: 1;
}

.bx-im-message-retry-button__scope {
	--im-message-retry-button__background-color_button: rgb(82 92 105 / 20%);
	--im-message-retry-button__background-color_button-hover: rgb(82 92 105 / 40%);
}

.bx-im-message-retry-button__container {
	display: flex;
	align-self: center;
	place-items: center;
	width: 46px;
	flex-shrink: 0;
	margin-left: 8px;
}

.bx-im-message-retry-button__arrow {
	border: none;
	position: sticky;
	top: 45px;
	border-radius: 50%;
	background: var(--im-message-retry-button__background-color_button) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M5.927 5.855a5.862 5.862 0 1 0 8.51 8.058l-1.274-1.274q-.103.12-.217.235a4.064 4.064 0 1 1 0-5.748l.064.066-1.704 1.705h4.484V4.412l-1.508 1.509-.065-.066a5.86 5.86 0 0 0-8.29 0' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
	text-align: center;
	-webkit-user-select: none;
	        user-select: none;
	width: 24px;
	height: 24px;
	cursor: pointer;
	transition: background-color .2s;
}

.bx-im-message-retry-button__arrow:hover {
	background-color: var(--im-message-retry-button__background-color_button-hover);
}

.bx-im-message-header__container {
	--im-message-header__color_message-header: #11a9d9;
	--im-message-header__color_overlay-message-header: var(--im-color-palette-white-base);
	--im-message-header__background-color_overlay-header: rgba(var(--im-color-palette-black-solid-rgb), 0.20);

	font-size: var(--im-font-size-md);
	font-weight: var(--im-font-weight-medium);
	font-style: italic;
	color: var(--im-message-header__color_message-header);
	cursor: pointer;
	-webkit-user-select: none;
	        user-select: none;
	padding-bottom: 2px;
	display: flex;
	align-items: center;
	gap: 2px;
}

.bx-im-message-header__author-name {
	font-size: var(--im-font-size-lg);
}

.bx-im-message-header__container.--overlay {
	max-width: 700px;
	color: var(--im-message-header__color_overlay-message-header);
	width: max-content;
	border-radius: 98px;
	background: var(--im-message-header__background-color_overlay-header);
	padding: 4px 8px;
}

.bx-im-message-comments-panel__container {
	--im-message-comments-panel__background-color_container: var(--im-color-palette-green-20);
	--im-message-comments-panel__background-color_container-shadow: rgba(var(--im-color-palette-black-solid-rgb), 0.03);
	--im-message-comments-panel__background-color_container-hover: var(--im-color-palette-green-25);
	--im-message-comments-panel__background-color_counter: var(--im-color-palette-green-55);
	--im-message-comments-panel__background-color_subscribe-hover: rgba(var(--im-color-palette-black-solid-rgb), 0.05);
	--im-message-comments-panel__font-color_text: #00ace3;
	--im-message-comments-panel__font-color_counter: var(--im-color-palette-white-base);
	--im-message-comments-panel__font-color_text-hover: var(--im-color-palette-blue-70);

	display: flex;
	justify-content: space-between;
	align-items: center;
	min-width: 250px;
	height: 42px;
	padding: 0 12px;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	background-color: var(--im-message-comments-panel__background-color_container);
	box-shadow: 0 1px 0.1px 0 var(--im-message-comments-panel__background-color_container-shadow) inset;
	transition: background-color ease 100ms;

	cursor: pointer;
}

.bx-im-message-comments-panel__container:hover {
	background-color: var(--im-message-comments-panel__background-color_container-hover);
}

.bx-im-message-comments-panel__container.--no-comments {
	min-width: 208px;
}

.bx-im-message-comments-panel__container:hover .bx-im-message-comments-panel__text {
	color: var(--im-message-comments-panel__font-color_text-hover);
}

.bx-im-message-comments-panel__left {
	display: flex;
	align-items: center;
}

.bx-im-message-comments-panel__right {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: transparent;
	transition: background-color ease 100ms;
}

.bx-im-message-comments-panel__right:hover {
	background-color: var(--im-message-comments-panel__background-color_subscribe-hover);
}

.bx-im-message-comments-panel__text {
	margin-right: 4px;
	font: var(--im-font-size-md)/17px var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-message-comments-panel__font-color_text);
}

/* empty */
.bx-im-message-comments-panel__empty_container {
	display: flex;
	align-items: center;
}

.bx-im-message-comments-panel__empty_icon {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%2300ace3' d='M7.037 19.26a.68.68 0 0 1-.482-.2.68.68 0 0 1-.141-.808c.412-.85.603-1.358.674-1.618C5.087 15.346 3.9 13.348 3.9 11.21 3.88 7.455 7.52 4.4 11.995 4.4S20.1 7.455 20.1 11.21s-3.64 6.811-8.105 6.811c-.613 0-1.227-.06-1.82-.17-.181.03-1.247.49-2.806 1.319a.7.7 0 0 1-.332.08zM11.995 5.6c-3.811 0-6.908 2.516-6.908 5.612 0 1.788 1.065 3.496 2.855 4.544.433.25.483.73.121 1.698 1.8-.889 2.142-.82 2.333-.78.523.1 1.056.15 1.589.15 3.811 0 6.908-2.516 6.908-5.612S15.796 5.6 11.995 5.6'/%3E%3C/svg%3E");
}
/* end empty */

.bx-im-message-comments-panel__meta_container {
	display: flex;
	align-items: center;
}

/* User avatars */
.bx-im-message-comments-panel__user_container {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;

	max-width: 50px;
	margin-right: 8px;
	transition: width 0.2s ease;
}

.bx-im-message-comments-panel__user_avatar {
	width: 24px;
	height: 24px;
	margin-left: -9px;
	border: 1px solid var(--im-message-comments-panel__background-color_container);
	border-radius: 50%;
	background-size: contain;
	-webkit-user-select: none;
	        user-select: none;
}

.bx-im-message-comments-panel__user_avatar:last-child {
	margin-left: 0;
}

.bx-im-message-comments-panel__user_avatar.--image-1 {
	z-index: 5;
}

.bx-im-message-comments-panel__user_avatar.--image-2 {
	z-index: 6;
}

.bx-im-message-comments-panel__user_avatar.--image-3 {
	z-index: 7;
}

.bx-im-message-comments-panel__user_animation-move,
.bx-im-message-comments-panel__user_animation-enter-active,
.bx-im-message-comments-panel__user_animation-leave-active {
	transition: transform 0.2s ease, opacity 0.2s ease;
}

.bx-im-message-comments-panel__user_animation-enter-from {
	transform: translateX(-100%);
	opacity: 0;
}

.bx-im-message-comments-panel__user_animation-leave-active {
	position: absolute;
}
/* End user avatars */

.bx-im-message-comments-panel__unread-counter {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 20px;
	padding: 0 6px;
	border-radius: 30px;

	font: var(--im-font-size-xs) var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-message-comments-panel__font-color_counter);
	background-color: var(--im-message-comments-panel__background-color_counter);
}

.bx-im-message-comments-panel__subscribe-icon {
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23525c69' fill-opacity='.4' fill-rule='evenodd' d='m4.736 4.38 10.297 10.297-.919.919-1.526-1.527-.062.029a5.9 5.9 0 0 1-2.425.519q-3.7 0-6.71-4.537a.21.21 0 0 1-.02-.2l.02-.037.137-.204q1.03-1.508 2.14-2.492L3.817 5.3zm5.365.927q3.701 0 6.71 4.536c.04.06.047.135.02.2l-.02.037-.136.204q-1.008 1.476-2.09 2.449l-2.183-2.183q.073-.283.074-.588A2.375 2.375 0 0 0 9.512 7.66L7.677 5.826a5.9 5.9 0 0 1 2.424-.52M7.727 9.962a2.374 2.374 0 0 0 3.034 2.281L7.82 9.302q-.091.315-.093.66' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-position: center;
}

.bx-im-message-comments-panel__subscribe-icon.--active {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%238dbb00' fill-rule='evenodd' d='M16.789 10.138c-.546.78-3.34 4.523-6.707 4.523-3.365 0-6.16-3.744-6.706-4.523a.24.24 0 0 1 0-.283c.546-.78 3.34-4.524 6.706-4.524s6.161 3.744 6.707 4.524c.06.087.06.196 0 .282m-4.327-.142a2.38 2.38 0 1 1-4.76 0 2.38 2.38 0 0 1 4.76 0' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.bx-im-message-default-content__attach {
	margin: 8px 0 5px;
}

.bx-im-message-base__text_smile {
	object-fit: contain;
	vertical-align: middle;
	max-height: 180px;
	max-width: 180px;
}

.bx-im-message-default-content__bottom-panel {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.bx-im-message-default-content__status-container {
	display: flex;
	margin-left: auto;
}

.bx-im-message-default-content__reaction-list {
	margin: 10px 8px 0 0;
}

.bx-im-message-source-list-button__container {
	--ui-color: var(--ui-color-chat-other-citation);
	--ui-icon-set__icon-color: var(--ui-color-chat-my-base-1_2);
	--ui-icon-set__icon-size: 18px;

	display: inline-flex;
	max-width: 122px;
	padding: 3px 8px 3px 4px;
	border-radius: 512px;
	margin-top: 8px;
	background-color: var(--ui-color);
	color: var(--ui-color-chat-my-base-0_2);
	cursor: pointer;
	font: var(--ui-font-size-sm)/17px var(--ui-font-family-primary);
	gap: 2px;
	vertical-align: baseline;
}

.bx-im-message-base__wrap.--self .bx-im-message-source-list-button__container {
	--ui-color: var(--ui-color-chat-my-channel-cmnt);

	color: var(--ui-color-chat-my-base-0_2);
}

.bx-im-message-source-list-slider__container {
	background-color: var(--ui-color-bg-content-primary);
	border-radius: 18px;
	padding: 24px;
	display: flex;
	flex-direction: column;
	gap: 14px;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
}

.bx-im-message-source-list-slider__item {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.bx-im-message-source-list-slider__item:not(:last-child) {
	padding-bottom: 4px;
	border-bottom: 1px solid var(--ui-color-divider-less);
}

.bx-im-message-source-list-slider__item-title {
	color: var(--ui-color-base-1);
	font: var(--ui-font-size-lg)/20px var(--ui-font-family-primary);
	font-weight: var(--ui-font-weight-medium);
}

.bx-im-message-source-list-slider__item-description {
	color: var(--ui-color-base-3);
	font: var(--ui-font-size-md)/19px var(--ui-font-family-primary);
}

.bx-im-message-source-list-slider__item-link {
	padding: 2px 0;
	color: var(--ui-color-base-3);
	font: var(--ui-font-size-xs)/15px var(--ui-font-family-primary);
}

.bx-im-message-block-ai-assistant-search__container {
	padding: 6px 0;
	width: 354px;
	font: var(--ui-font-size-lg)/20px var(--ui-font-family-primary);
}

.bx-im-message-block-ai-assistant-search__title-container {
	display: flex;
	align-items: center;
	padding: 2px 0;
	gap: 2px;
}

.bx-im-message-block-ai-assistant-search__icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

.bx-im-message-block-ai-assistant-search__title {
	color: var(--ui-color-base-1);
}

.bx-im-message-block-ai-assistant-search__text-container {
	display: flex;
	align-items: flex-end;
	padding: 2px 0;
}

.bx-im-message-block-ai-assistant-search__text {
	flex: 1;
	min-width: 0;
	color: var(--ui-color-base-4);
}

.bx-im-message-block-ai-assistant-search__text.--has-chevron {
	-webkit-mask-image: linear-gradient(to right, black 70%, transparent 95%);
	mask-image: linear-gradient(to right, black 70%, transparent 95%);
}

.bx-im-message-block-ai-assistant-search__text.--expanded {
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	overflow-wrap: anywhere;
}

.bx-im-message-block-ai-assistant-search__chevron {
	--ui-icon-set__icon-size: 20px;
	--ui-icon-set__icon-color: var(--ui-color-base-2);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 0;
	border: none;
	background: none;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

.bx-im-message-block-ai-assistant-search__chevron:focus-visible {
	outline: 2px solid var(--ui-color-accent-main-link);
	outline-offset: 2px;
}

.bx-im-message-block-card__container {
	display: flex;
	overflow: hidden;
	max-width: 550px;
	padding: 8px 12px 0 4px;
	gap: 14px;
}

.bx-im-message-block-card__image {
	width: 108px;
	height: 108px;
	flex-shrink: 0;
	object-fit: contain;
}

.bx-im-message-block-card__content {
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.bx-im-message-block-card__text {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.bx-im-message-block-card__title {
	padding: 10px 0 0;
	color: var(--ui-color-base-1);
	font: var(--ui-font-size-lg)/20px var(--ui-font-family-primary);
	font-weight: var(--ui-font-weight-semi-bold);
}

.bx-im-message-block-card__description {
	display: -webkit-box;
	overflow: hidden;
	padding: 2px 0;
	-webkit-box-orient: vertical;
	color: var(--ui-color-base-1);
	font: var(--ui-font-size-lg)/20px var(--ui-font-family-primary);
	-webkit-line-clamp: 8;
	text-overflow: ellipsis;
	word-break: break-word;
}

.bx-im-message-block-card__buttons {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.bx-im-message-block-card__buttons-row {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.bx-im-message-gallery-card__container {
	padding: 2px 0;
}

.bx-im-message-block-line-divider__container {
	padding: 5px 0 6px;
}

.bx-im-message-block-line-divider__line {
	height: 1px;
	background: var(--ui-color-divider-default);
}

.bx-im-message-block-list-fold__header {
	display: flex;
	align-items: end;
	padding: 4px 0;
	cursor: pointer;
	gap: 2px;
	-webkit-user-select: none;
	        user-select: none;
}

.bx-im-message-block-list-fold__title {
	color: var(--ui-color-base-3);
	font: var(--ui-font-size-lg)/20px var(--ui-font-family-primary);
}

.bx-im-message-block-list-fold__icon {
	--ui-icon-set__icon-color: var(--ui-color-base-3);
	--ui-icon-set__icon-size: 18px;

	flex-shrink: 0;
	transition: transform 0.2s ease;
}

.bx-im-message-block-list-fold__icon.--folded {
	transform: rotate(-90deg);
}

.bx-im-source-popup__container {
	min-width: 200px;
	max-width: 400px;
	padding: 24px;
}

.bx-im-source-popup__link {
	display: block;
	color: inherit;
	text-decoration: none;
}

.bx-im-source-popup__title {
	margin-bottom: 2px;
	color: var(--ui-color-base-1);
	font: var(--ui-font-size-lg)/20px var(--ui-font-family-primary);
	font-weight: var(--ui-font-weight-medium);
}

.bx-im-source-popup__description {
	margin-bottom: 2px;
	color: var(--ui-color-base-3);
	font: var(--ui-font-size-md)/19px var(--ui-font-family-primary);
}

.bx-im-source-popup__url {
	color: var(--ui-color-base-3);
	font: var(--ui-font-size-xs)/15px var(--ui-font-family-primary);
}

.bx-im-message-block-unordered-list__container {
	display: flex;
	flex-direction: column;
	padding: 2px 0;
	margin: 0;
	gap: 10px;
	list-style: none;
}

.bx-im-message-block-unordered-list-item__container {
	display: flex;
	align-items: flex-start;
	gap: 2px;
}

.bx-im-message-block-unordered-list-item__icon {
	--ui-icon-set__icon-size: 20px;
	--ui-icon-set__icon-color: var(--im-message-builder-color);

	flex-shrink: 0;
}

.bx-im-message-block-unordered-list-item__marker {
	flex-shrink: 0;
}

.bx-im-message-block-unordered-list-item__bullet {
	display: inline-block;
	width: 20px;
	line-height: 20px;
	text-align: center;
}

.bx-im-message-block-base__container .--color-base {
	--im-message-builder-color: var(--ui-color-base-1);

	color: var(--im-message-builder-color);
}

.bx-im-message-block-base__container .--color-primary {
	--im-message-builder-color: var(--ui-color-accent-main-primary);

	color: var(--im-message-builder-color);
}

.bx-im-message-block-base__container .--color-secondary {
	--im-message-builder-color: var(--ui-color-base-2);

	color: var(--im-message-builder-color);
}

.bx-im-message-block-base__container .--color-alert {
	--im-message-builder-color: var(--ui-color-accent-main-alert);

	color: var(--im-message-builder-color);
}

.bx-im-message-block-base__container .--color-success {
	--im-message-builder-color: var(--ui-color-accent-soft-element-green);

	color: var(--im-message-builder-color);
}

.bx-im-message-block-base__container .--color-tertiary {
	--im-message-builder-color: var(--ui-color-base-3);

	color: var(--im-message-builder-color);
}

.bx-im-message-block-base__container .bx-im-message-text-content__container {
	color: var(--im-message-builder-color, inherit);
}

.bx-im-message-source-item__container {
	display: inline-flex;
	max-width: 122px;
	padding: 1px 8px 2px;
	border-radius: 512px;
	margin-left: 3px;
	background-color: var(--ui-color-chat-other-citation);
	color: var(--ui-color-chat-my-base-0_2);
	cursor: pointer;
	font: var(--ui-font-size-xs)/15px var(--ui-font-family-primary);
	vertical-align: baseline;
}

.bx-im-message-source-item__container + .bx-im-message-source-item__container {
	margin-left: 2px;
}

.bx-im-message-base__wrap.--self .bx-im-message-source-item__container {
	background-color: var(--ui-color-chat-my-channel-cmnt);
	color: var(--ui-color-chat-my-base-0_2);
}

.bx-im-message-block-ordered-list__container {
	display: flex;
	flex-direction: column;
	padding: 2px 0;
	margin: 0;
	gap: 10px;
	list-style: none;
}

.bx-im-message-block-ordered-list__item {
	display: flex;
	align-items: flex-start;
	gap: 2px;
}

.bx-im-message-block-ordered-list__marker {
	display: inline-block;
	width: 20px;
	flex-shrink: 0;
	line-height: 20px;
	text-align: center;
}

.bx-im-message-block-map__container {
	display: flex;
	max-width: 332px;
	flex-direction: column;
	padding: 2px 0;
	font: var(--ui-font-size-xs)/15px var(--ui-font-family-primary);
	gap: 8px;
}

.bx-im-message-block-map__image-container {
	position: relative;
	border: 1px solid var(--ui-color-divider-vibrant-default);
	border-radius: 12px;
}

.bx-im-message-block-map__image {
	display: block;
	width: 100%;
	height: 100px;
	border-radius: inherit;
	object-fit: cover;
}

.bx-im-message-block-map__location {
	display: flex;
	align-items: center;
	gap: 4px;
}

.bx-im-message-block-map__location-icon {
	--ui-icon-set__icon-color: var(--ui-color-accent-main-primary-alt);
	--ui-icon-set__icon-size: 18px;

	flex-shrink: 0;
	align-self: flex-start;
}

.bx-im-message-block-map__location-text {
	color: var(--ui-color-accent-main-primary-alt);
}

.bx-im-message-block-map__location-status {
	position: absolute;
	top: 50%;
	left: 50%;
	width: fit-content;
	max-width: 300px;
	padding: 3px 12px 4px;
	border-radius: 13px;
	background: rgb(0, 0, 0, 20%);
	color: var(--ui-color-base-white-fixed);
	transform: translate(-50%, -50%);
}

.bx-im-message-block-space-divider__container.--size-s {
	height: 10px;
}

.bx-im-message-block-space-divider__container.--size-m {
	height: 16px;
}

.bx-im-message-block-space-divider__container.--size-l {
	height: 24px;
}

.bx-im-message-block-table__container {
	--im-message-builder-table-cols: 1;

	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.bx-im-message-block-table__table {
	display: block;
	width: 100%;
	border-collapse: collapse;
}

.bx-im-message-block-table__table tbody {
	display: grid;
	grid-template-columns: repeat(var(--im-message-builder-table-cols), max-content);
	column-gap: 10px;
	row-gap: 4px;
}

.bx-im-message-block-table__table tr {
	display: contents;
}

.bx-im-message-block-table__table td {
	max-width: 332px;
}

.bx-im-message-block-table__container.--narrow .bx-im-message-block-table__table tbody {
	grid-template-columns: 1fr;
}

.bx-im-message-block-table__container.--narrow .bx-im-message-block-table__table td {
	max-width: 100%;
}

.bx-im-message-block-header__container {
	padding: 10px 0 8px;
}

.bx-im-message-block-header__container.--size-2 {
	padding: 8px 0 6px;
}

.bx-im-message-block-header__text {
	overflow: hidden;
	font: var(--ui-font-size-lg)/20px var(--ui-font-family-primary);
	font-weight: var(--ui-font-weight-semi-bold);
	overflow-wrap: break-word;
}

.bx-im-message-block-header__container.--size-2 .bx-im-message-block-header__text {
	font-weight: var(--ui-font-weight-medium);
}

.bx-im-message-block-header__container.--color-ai-assistant .bx-im-message-block-header__text {
	background: linear-gradient(264deg, #F96269 1.67%, #F046B7 21.82%, #9D48FF 52.44%, #3F68FF 76.41%, #0098EA 97.21%);
	-webkit-background-clip: text;
	        background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.bx-im-message-compact-comments-panel__container {
	--im-message-compact-comments-panel__background-color_container: rgba(var(--im-color-palette-black-solid-rgb), 0.3);
	--im-message-compact-comments-panel__background-color_container-hover: rgba(var(--im-color-palette-black-solid-rgb), 0.4);
	--im-message-compact-comments-panel__color_unread-counter: var(--im-color-palette-white-base);
	--im-message-compact-comments-panel__background-color_unread-counter: #1bce7b;
	--im-message-compact-comments-panel__border-color_unread-counter: var(--im-color-palette-white-base-rgb, 0.7);

	display: flex;
	height: 28px;
	padding: 4px;
	justify-content: center;
	align-items: center;
	gap: 2px;
	border-radius: 98px;
	background-color: var(--im-message-compact-comments-panel__background-color_container);
	width: fit-content;
	cursor: pointer;
}

.bx-im-message-compact-comments-panel__container:hover {
	background-color: var(--im-message-compact-comments-panel__background-color_container-hover);
}

.bx-im-message-compact-comments-panel__container.--has-comments {
	padding: 4px 6px;
}

.bx-im-message-compact-comments-panel__icon {
	width: 20px;
	height: 20px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M10 3.584c3.88 0 7.25 2.551 7.25 5.949s-3.37 5.95-7.25 5.95a9 9 0 0 1-1.65-.154 31 31 0 0 1-2.901 1.426c-.85.365-1.608-.494-1.33-1.272.19-.527.414-1.216.571-1.894-1.186-1.046-1.94-2.468-1.94-4.056 0-3.398 3.37-5.95 7.25-5.95m0 1.166c-3.484 0-6.083 2.253-6.083 4.783 0 1.222.588 2.36 1.6 3.23.265.227.42.596.334.979-.14.63-.333 1.264-.511 1.787.686-.305 1.58-.731 2.485-1.243a1 1 0 0 1 .697-.112 7.7 7.7 0 0 0 1.478.143c3.484 0 6.084-2.254 6.084-4.784S13.484 4.75 10 4.75'/%3E%3C/svg%3E") center center no-repeat;
}

.bx-im-message-compact-comments-panel__counter-container {
	font-size: var(--im-font-size-xs);
	font-weight: var(--im-font-weight-medium);
	line-height: 15px;
	color: var(--im-message-compact-comments-panel__color_unread-counter);
	display: flex;
	align-items: center;
}

.bx-im-message-compact-comments-panel__unread-counter {
	border-radius: 44px;
	border: 1px solid var(--im-message-compact-comments-panel__border-color_unread-counter);
	background: var(--im-message-compact-comments-panel__background-color_unread-counter);
	display: flex;
	height: 18px;
	padding: 2px 6px;
	justify-content: center;
	align-items: center;
	margin-left: 7px;
}

.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-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;
	min-width: 261px;
	width: 100%;
	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 {
	--ui-icon-set__icon-color: var(--ui-color-chat-overall-tech);
	--ui-icon-set__icon-size: 22px;

	margin-left: auto;
	flex-shrink: 0;
}

.bx-im-base-file-item__download-icon.--not-active {
	--ui-icon-set__icon-color: var(--ui-color-chat-overall-base-0);
}

.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-video-item__scope {
	--im-video-item__background-color_container: #f1f4f6
}

.bx-im-video-item__container {
	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;
}