.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 width='13' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.72 12.034A5.538 5.538 0 1112.037 6.5a5.43 5.43 0 01-5.317 5.534zm-.05-1.258A4.279 4.279 0 1110.778 6.5a4.195 4.195 0 01-4.108 4.276zM5.545 4.195a.688.688 0 011.375 0v2.063h1.376a.688.688 0 010 1.375H6.232a.686.686 0 01-.687-.688v-2.75z' fill='%23525C69' fill-opacity='.4'/%3E%3C/svg%3E");
}

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

.bx-im-message-status__icon.--viewed {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.346 8.609a.3.3 0 01-.416.004l-.943-.892a.4.4 0 01-.005-.577L6.44 6.7a.4.4 0 01.542-.014l.159.139 4.85-4.748a.4.4 0 01.56 0l.445.434a.4.4 0 010 .573l-5.65 5.526zM3.205 8.606a.3.3 0 01-.419 0L.377 6.258a.4.4 0 010-.572l.447-.435a.4.4 0 01.558 0l1.614 1.573 4.85-4.748a.4.4 0 01.56 0l.445.434a.4.4 0 01.001.573L3.205 8.606z' fill='%232FC6F6'/%3E%3C/svg%3E");
}

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

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

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

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

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

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

.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 width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23EDEEF0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.566 8.253H12.06a.182.182 0 01-.169-.107c-.113-.283-.108-.6.015-.88a3.235 3.235 0 00.069-1.876c-.17-.425-.216-1.202-1.002-1.238a.81.81 0 00-.584.4.256.256 0 00-.031.127s.036.754 0 1.278c-.037.525-1.04 1.86-1.677 2.708a.249.249 0 01-.164.1c-.239.035-.695.096-.86.117-.038.005-.06.054-.06.077v4.755c0 .018.02.056.058.062.129.022.451.08.776.185.409.131.749.441 1.43.671a.356.356 0 00.113.019h3.197a.906.906 0 00.742-.85 1.57 1.57 0 00-.138-.685c-.014-.03.004-.063.037-.07.41-.074.923-.852.292-1.48-.017-.015-.014-.037.009-.043a.963.963 0 00.696-.714.767.767 0 00-.02-.4c-.046-.154-.12-.3-.217-.43-.025-.032-.01-.074.028-.087a.864.864 0 00.583-.825c.04-.37-.257-.813-.617-.814zm-7.95.2H4.802a.15.15 0 00-.15.175l1.053 5.913c.016.09.096.157.19.157h.67a.185.185 0 00.188-.183l.014-5.911a.151.151 0 00-.153-.15z' fill='%23B9BFC3'/%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 width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2300ACE3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.566 8.253H12.06a.182.182 0 01-.169-.107c-.113-.283-.108-.6.015-.88a3.235 3.235 0 00.069-1.876c-.17-.425-.216-1.202-1.002-1.238a.81.81 0 00-.584.4.256.256 0 00-.031.127s.036.754 0 1.278c-.037.525-1.04 1.86-1.677 2.708a.249.249 0 01-.164.1c-.239.035-.695.096-.86.117-.038.005-.06.054-.06.077v4.755c0 .018.02.056.058.062.129.022.451.08.776.185.409.131.749.441 1.43.671a.356.356 0 00.113.019h3.197a.906.906 0 00.742-.85 1.57 1.57 0 00-.138-.685c-.014-.03.004-.063.037-.07.41-.074.923-.852.292-1.48-.017-.015-.014-.037.009-.043a.963.963 0 00.696-.714.767.767 0 00-.02-.4c-.046-.154-.12-.3-.217-.43-.025-.032-.01-.074.028-.087a.864.864 0 00.583-.825c.04-.37-.257-.813-.617-.814zm-7.95.2H4.802a.15.15 0 00-.15.175l1.053 5.913c.016.09.096.157.19.157h.67a.185.185 0 00.188-.183l.014-5.911a.151.151 0 00-.153-.15z' fill='%23fff'/%3E%3C/svg%3E");
}
.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: -webkit-sticky;
	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 width='14' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.944 2A1.528 1.528 0 11.89 2a1.528 1.528 0 013.055 0zm4.584 0a1.528 1.528 0 11-3.056 0 1.528 1.528 0 013.056 0zm3.055 1.528a1.528 1.528 0 100-3.056 1.528 1.528 0 000 3.056z' fill='%23fff'/%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: -webkit-sticky;
	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 width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.927 5.855a5.862 5.862 0 108.51 8.058l-1.274-1.274a4.064 4.064 0 11-.217-5.513l.064.066-1.704 1.705h4.484V4.412l-1.508 1.509-.065-.066c-2.29-2.29-6.001-2.29-8.29 0z' fill='%23fff'/%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: -webkit-max-content;
	width: max-content;
	border-radius: 98px;
	background: var(--im-message-header__background-color_overlay-header);
	padding: 4px 8px;
}

.bx-im-message-default-content__scope {
	--im-message-default-content__font-color_message: var(--im-color-palette-black-base);
	--im-message-default-content__color_message-links: #2067b0;
}

.bx-im-message-default-content__text {
	font: var(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
	color: var(--im-message-default-content__font-color_message);
	word-break: break-word;
	padding-right: 20px;

	/* firefox width hack */
	min-width: calc(100% + 1px);
}

.bx-im-message-default-content__text a {
	text-decoration: none;
	font-size: inherit;
	color: var(--im-message-default-content__color_message-links);
}

.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-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: -webkit-fit-content;
	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 width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 3.584c3.88 0 7.25 2.551 7.25 5.949 0 3.398-3.37 5.95-7.25 5.95a8.828 8.828 0 01-1.65-.154 31.06 31.06 0 01-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.95zm0 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.243.215-.122.463-.159.697-.112a7.65 7.65 0 001.478.143c3.484 0 6.084-2.254 6.084-4.784S13.484 4.75 10 4.75z' fill='%23fff'/%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-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 width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.037 19.26a.68.68 0 01-.482-.2.681.681 0 01-.141-.808c.412-.85.603-1.358.674-1.618C5.087 15.346 3.9 13.348 3.9 11.21c-.02-3.755 3.62-6.81 8.095-6.81 4.475 0 8.105 3.055 8.105 6.81 0 3.755-3.64 6.811-8.105 6.811-.613 0-1.227-.06-1.82-.17-.181.03-1.247.49-2.806 1.319a.677.677 0 01-.332.08v.01zM11.995 5.6c-3.811 0-6.908 2.516-6.908 5.612 0 1.788 1.065 3.495 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.6z' fill='%2300ACE3'/%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 width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.736 4.38l10.297 10.297-.919.919-1.526-1.527-.062.029a5.93 5.93 0 01-2.425.519c-2.467 0-4.704-1.513-6.71-4.537a.214.214 0 01-.02-.2l.02-.037.137-.204c.687-1.005 1.4-1.836 2.14-2.492L3.817 5.3l.918-.92zm5.365.927c2.468 0 4.704 1.512 6.71 4.536.04.06.047.135.02.2l-.02.037-.136.204c-.672.984-1.368 1.8-2.09 2.449l-2.183-2.183a2.375 2.375 0 00-2.89-2.89L7.677 5.827a5.93 5.93 0 012.424-.52zM7.727 9.962a2.374 2.374 0 003.034 2.281L7.82 9.302c-.06.21-.093.43-.093.66z' fill='%23525C69' fill-opacity='.4'/%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 width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.789 10.137c-.546.78-3.34 4.524-6.707 4.524-3.365 0-6.16-3.744-6.706-4.524a.242.242 0 010-.282c.546-.78 3.34-4.524 6.706-4.524 3.366 0 6.161 3.744 6.707 4.524.06.087.06.196 0 .282zm-4.327-.14a2.38 2.38 0 11-4.76 0 2.38 2.38 0 014.76 0z' fill='%238DBB00'/%3E%3C/svg%3E");
}