.bx-im-message-list__container {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 100%;
	min-height: 100%;
}

.bx-im-content-chat__container.--center-align .bx-im-message-list__container {
	max-width: var(--im-content-chat__max-width_textarea_container);
	margin: 0 auto;
	padding: 0 3px 0 9px;
}

.bx-im-content-chat__container.--left-align .bx-im-message-list__container {
	max-width: 100%;
	margin: 0;
	padding: 0 27px 0 33px;
}

.bx-im-message-list-date-group__container {
	display: flex;
	flex-direction: column;
}

.bx-im-message-list-date-group-title__container {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	margin: 0 auto;
	max-width: 100%;
	z-index: 89;
	padding-top: var(--im-dialog-chat__offset_block);
}

.bx-im-message-list-date-group-title__text {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 var(--im-space-inset-lg);
	border-radius: var(--im-border-radius-3xl);
	font: var(--im-font-size-sm)/var(--im-font-line-height-3xl) var(--im-font-family-system);;
	color: var(--im-dialog-chat__font-color_date-group);
	background-color: var(--im-dialog-chat__background-color_date-group);
	text-align: center;
	-webkit-user-select: none;
	        user-select: none;
}

.bx-im-message-list-new-message__container {
	height: 30px;
	margin-top: var(--im-dialog-chat__offset_block);
	text-align: center;
}

.bx-im-message-list-new-message__text {
	height: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
	font: var(--im-font-size-sm) var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-dialog-chat__font-color_new-message);
	background-color: var(--im-dialog-chat__background-color_new-message);
	margin-left: -100%;
	margin-right: -100%;
	text-align: center;
	-webkit-user-select: none;
	        user-select: none;
}

.bx-im-message-list-author-group__container {
	--im-message-list-author-group__border-color: var(--im-color-palette-white-base);
	--im-messagee-list-author-group__background-color: #FFFFFF26;
	--im-messagee-list-author-group__background-color_hover: #FFFFFF4D;
	--im-messagee-list-author-group__background-color_active: var(--im-color-palette-blue-50);
	--im-message-list-author-group__width_select-button: 54px;
	--im-message-list-author-group__height_avatar-container: 42px;

	display: grid;
	grid-template-columns: 0 auto 100%;;
	width: 100%;
}

.bx-im-message-list-author-group__container.--has-avatar {
	grid-template-columns: 0 auto calc(100% - var(--im-message-list-author-group__width_select-button));
}

.bx-im-message-list-author-group__container.--is-bulk-actions-mode {
	grid-template-columns: var(--im-message-list-author-group__width_select-button) auto calc(100% - var(--im-message-list-author-group__width_select-button));
}

.bx-im-message-list-author-group__container.--is-bulk-actions-mode.--has-avatar {
	grid-template-columns: var(--im-message-list-author-group__width_select-button) auto calc(100% - 2 * var(--im-message-list-author-group__width_select-button));
}

.bx-im-message-list-author-group__container + .bx-im-message-list-author-group__container {
	margin-top: 10px;
}

.bx-im-content-chat__container.--center-align .bx-im-message-list-author-group__container {
	max-width: 100%;
	margin: 8px auto 0;
}

.bx-im-content-chat__container.--left-align .bx-im-message-list-author-group__container {
	max-width: var(--im-content-chat__max-width_textarea_container);
	margin: 8px 0 0;
}

.bx-im-message-list-author-group__avatar {
	position: -webkit-sticky;
	position: sticky;
	align-self: end;
	bottom: 0;
	grid-column: 2;
	max-height: var(--im-message-list-author-group__height_avatar-container);
	z-index: 75;
	margin-right: 12px;
	cursor: pointer;
}

.bx-im-message-list-author-group__container.--no-menu .bx-im-message-list-author-group__avatar {
	cursor: initial;
}
.bx-im-dialog-chat-status__container {
	--im-dialog-chat__scroll_width: 6px;
	--im-dialog-chat-status__background-color: rgb(82 92 105 / 12%);
	--im-dialog-chat-status__background-color_more-users: rgb(255 255 255 / 50%);
	--im-dialog-chat-status__font-color: var(--im-color-palette-white-base);

	align-self: center;
	display: flex;
	width: 100%;
	max-width: 100%;
	height: 28px;
	max-height: 28px;
	margin-top: 16px;
	-webkit-user-select: none;
	        user-select: none;
}

.bx-im-messenger__container.--light-theme .bx-im-dialog-chat-status__container {
	--im-dialog-chat-status__background-color: rgb(0 0 0 / 20%);
}

.bx-im-dialog-chat-status__content {
	display: flex;
	align-items: center;
	max-width: 100%;
	padding: 2px 16px 2px 10px;
	background-color: var(--im-dialog-chat-status__background-color);
	border-radius: 10px 10px 10px 2px;
}

.bx-im-dialog-chat-status__icon {
	width: 18px;
	height: 18px;
	margin-right: 4px;
	flex-shrink: 0;
}

.bx-im-dialog-chat-status__icon.--read {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.02 13.512a.3.3 0 01-.415.003L8.264 12.25a.4.4 0 01-.004-.577l.734-.716a.4.4 0 01.542-.015l.278.243 6.25-6.116a.4.4 0 01.559 0l.724.705a.4.4 0 010 .572l-7.327 7.167zM4.75 13.508a.3.3 0 01-.42 0l-3.203-3.12a.4.4 0 010-.574l.725-.706a.4.4 0 01.558 0l2.13 2.076 6.25-6.116a.4.4 0 01.559 0l.724.705a.4.4 0 010 .572L4.75 13.508z' fill='%23fff'/%3E%3C/svg%3E");
}

.bx-im-dialog-chat-status__animation {
	width: 18px;
	height: 18px;
	margin-right: 8px;
	flex-shrink: 0;
}

.bx-im-dialog-chat-status__text {
	font: var(--im-font-size-sm)/var(--im-font-line-height-2xs) var(--im-font-family-system);
	color: var(--im-dialog-chat-status__font-color);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.bx-im-dialog-chat-status__user-count {
	cursor: pointer;
	position: relative;
}

.bx-im-dialog-chat-status__user-count::after {
	position: absolute;
	content: '';
	top: 15px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: var(--im-dialog-chat-status__background-color_more-users);
}

.im-dialog-status-animation-enter-active,
.im-dialog-status-animation-leave-active {
	transition: opacity 0.3s ease, transform 0.3s ease;
}

.im-dialog-status-animation-enter-from {
	opacity: 0;
	transform: translateY(20px);
}

.im-dialog-status-animation-enter-to {
	opacity: 1;
	transform: translateY(0);
}

.im-dialog-status-animation-leave-from {
	opacity: 1;
	transform: translateY(0);
}

.im-dialog-status-animation-leave-to {
	opacity: 0;
}

.bx-im-dialog-loader__container {
	--im-dialog-loader__background-color_spinner: var(--im-color-palette-white-base);
	--im-dialog-loader__font-color: rgba(var(--im-color-palette-white-base-rgb), 0.94);

	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 32px 0;
}

.bx-im-messenger__container.--light-theme .bx-im-dialog-loader__container {
	--im-dialog-loader__background-color_spinner: rgba(var(--im-color-palette-gray-90-rgb), 0.3);
	--im-dialog-loader__font-color: rgba(var(--im-color-palette-gray-90-rgb), 0.3);
}

.bx-im-dialog-loader__container.--full-height {
	flex-grow: 1;
	height: calc(100% - var(--im-messenger__textarea_height));
	justify-content: center;
}

.bx-im-dialog-loader__spinner {
	width: 120px;
	height: 120px;
	margin-bottom: 32px;

	opacity: 0.5;
	border-radius:50%;
	border-top: 5px solid var(--im-dialog-loader__background-color_spinner);
	border-right: 5px solid var(--im-dialog-loader__background-color_spinner);
	border-bottom: 5px solid var(--im-dialog-loader__background-color_spinner);
	border-left: 5px solid transparent;
	animation: spinner-animation 1s infinite linear;
}

.bx-im-dialog-loader__text {
	font: 26px var(--im-font-family-system);
	color: var(--im-dialog-loader__font-color);
}

@keyframes spinner-animation {
	to {
		transform: rotate(1turn)
	}
}

.bx-im-message-list-empty-state__container {
	--im-message-list-empty-state__background-color_content: rgba(var(--im-color-palette-gray-90-rgb), 0.1);
	--im-message-list-empty-state__background-color_message: rgba(var(--im-color-palette-gray-90-rgb), 0.2);
	--im-message-list-empty-state__background-color_message-hover: rgba(var(--im-color-palette-gray-90-rgb), 0.15);
	--im-message-list-empty-state__font-color: var(--im-color-palette-white-base);

	width: 100%;
	height: 100%;
	flex-grow: 1;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.bx-im-message-list-empty-state__content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	max-width: 525px;
	padding: 36px 20px;
	border-radius: 24px;
	background-color: var(--im-message-list-empty-state__background-color_content);
}

.bx-im-message-list-empty-state__icon {
	width: 121px;
	height: 120px;
	margin-bottom: 20px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='121' height='120' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='.1' cx='60.5' cy='60' r='59' stroke='%23fff' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M33.74 36.892h36.14c1.93 0 3.495 1.583 3.495 3.537v24.439c0 1.953-1.565 3.537-3.496 3.537H51.81l-9.562 9.674c-.892.902-2.418.263-2.418-1.014v-8.66h-6.09c-1.93 0-3.495-1.584-3.495-3.537v-24.44c0-1.953 1.565-3.536 3.496-3.536zm52.913 14.544c1.93 0 3.495 1.584 3.495 3.537v22.015c0 1.954-1.565 3.537-3.495 3.537h-6.09v6.236c0 1.277-1.525 1.917-2.418 1.014l-7.166-7.25H55.305c-1.93 0-3.495-1.583-3.495-3.537v-3.735h21.126c2.896 0 5.243-2.375 5.243-5.305V51.436h8.474z' fill='%23fff' opacity='.8'/%3E%3C/svg%3E");
}

.bx-im-message-list-empty-state__title {
	display: flex;
	justify-content: center;
	text-align: center;
	margin-bottom: 28px;
	font: 20px var(--im-font-family-system);
	color: var(--im-message-list-empty-state__font-color);
}

.bx-im-message-list-empty-state__action-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
}

.bx-im-message-list-empty-state__action-list_item {
	padding: 5px 10px;
	background-color: var(--im-message-list-empty-state__background-color_message);
	border-radius: 2px 10px 10px 10px;
	font: var(--im-font-size-md)/24px var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-message-list-empty-state__font-color);
	cursor: pointer;
}

.bx-im-message-list-empty-state__action-list_item:hover {
	background-color: var(--im-message-list-empty-state__background-color_message-hover);
}
.bx-im-message-list-history-banner__container {
	--im-message-list-history-banner__background-color_content: var(--im-color-palette-green-15);
	--im-message-list-history-banner__background-color_button: var(--im-color-palette-green-55);
	--im-message-list-history-banner__background-color_button-hover: var(--im-color-palette-green-50);
	--im-message-list-history-banner__font-color_title: rgba(var(--im-color-palette-black-solid-rgb), 0.8);
	--im-message-list-history-banner__font-color_subtitle: rgba(var(--im-color-palette-black-solid-rgb), 0.4);
	--im-message-list-history-banner__font-color_button: var(--im-color-palette-white-base);

	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: var(--im-content-chat__max-width_textarea_container);
	height: 68px;
	margin-left: var(--im-dialog-chat__offset_avatar-block);
	margin-right: var(--im-message-base__offset_context-menu);
	margin-top: 32px;
	padding: 8px 12px 12px 16px;

	background: var(--im-message-list-history-banner__background-color_content);
	border-radius: var(--im-border-radius-lg);
}

.bx-im-message-list-history-banner__container.--no-messages {
	margin-bottom: 40px;
}

.bx-im-message-list-history-banner__left {
	flex: 1 1 auto;
	min-width: 0;

	display: flex;
	flex-direction: column;
	justify-content: center;
}

.bx-im-message-list-history-banner__right {
	flex: 0 0 auto;
	margin-left: 12px;
}

.bx-im-message-list-history-banner__title {
	display: flex;
	align-items: center;
	margin-bottom: 2px;

	font: var(--im-font-size-sm)/16px var(--im-font-family-system);
	font-weight: var(--im-font-weight-semi-bold);
	color: var(--im-message-list-history-banner__font-color_title);
}

.bx-im-message-list-history-banner__icon {
	margin-right: 2px;
}

.bx-im-message-list-history-banner__subtitle {
	padding-left: 4px;

	font: var(--im-font-size-xs)/15px var(--im-font-family-system);
	color: var(--im-message-list-history-banner__font-color_subtitle);
}

.bx-im-message-list-history-banner__button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 135px;
	height: 26px;
	padding: 0 20px 0 20px;
	border-radius: 64px;

	background: var(--im-message-list-history-banner__background-color_button);
	transition: background-color 0.3s ease;
	cursor: pointer;

	font: var(--im-font-size-4xs)/16px var(--im-font-family-system);
	font-weight: var(--im-font-weight-bold);
	color: var(--im-message-list-history-banner__font-color_button);
	text-transform: uppercase;
}

.bx-im-message-list-history-banner__button:hover {
	background: var(--im-message-list-history-banner__background-color_button-hover);
}

.bx-im-message-list-select-button__container {
	--im-message-list-select-button__extra-height: 8px;

	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	grid-column: 1;
	height: 100%;
	z-index: 90;
}

.bx-im-message-list-select-button__container::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100vw;
	right: -100vw;
	height: calc(100% + var(--im-message-list-select-button__extra-height));
}

.bx-im-message-list-select-button__checkbox-circle {
	position: relative;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.bx-im-message-list-select-button__checkbox-circle::before {
	content: '';
	position: absolute;
	border-radius: 50%;
	border: 1px solid var(--im-message-list-author-group__border-color);
	background-color: var(--im-messagee-list-author-group__background-color);
	width: 100%;
	height: 100%;
	transition: background-color 0.2s ease;
}

.bx-im-message-list-select-button__checkbox-circle:hover::before {
	background-color: var(--im-messagee-list-author-group__background-color_hover);
}

.bx-im-message-list-select-button__checkbox-circle.--selected::before {
	background-color: var(--im-messagee-list-author-group__background-color_active);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.893 12.633c-.103.101-.268.101-.372 0L2.732 8.941a.356.356 0 010-.51l.973-.948a.356.356 0 01.497 0l2.505 2.442 5.982-5.83a.356.356 0 01.497 0l.973.948c.143.14.143.37 0 .51l-7.266 7.08z' fill='%23fff'/%3E%3C/svg%3E");
	background-position: center center;
	background-repeat: no-repeat;
}

.bx-im-select-button-transition-enter-active {
	transition: opacity 0.2s ease-in-out;
}

.bx-im-select-button-transition-enter-from,
.bx-im-select-button-transition-leave-to {
	opacity: 0;
}