.bx-im-list-recent-item__wrap {
	--im-list-recent-item__background-color: var(--im-color-palette-white-base);
	--im-list-recent-item__background-color_hover: #f1f4f6;
	--im-list-recent-item__background-color_selected: #00ace3;
	--im-list-recent-item__background-color_separator: rgba(82,92,105,0.08);
	--im-list-recent-item__color_date: var(--im-color-palette-gray-40);

	background-color: var(--im-list-recent-item__background-color);
	transition: background-color .1s;
	position: relative;
	border-radius: var(--im-border-radius-sm);
}

.bx-im-list-recent-item__wrap:before {
	content: '';
	position: absolute;
	width: calc(100% - 10px);
	height: 1px;
	background-color: var(--im-list-recent-item__background-color_separator);
	margin-left: 5px;
	opacity: 1;
	transition: opacity .3s;
}

.bx-im-list-recent-item__wrap:hover {
	background-color: var(--im-list-recent-item__background-color_hover);
}

.bx-im-list-recent-item__wrap:hover + .bx-im-list-recent-item__wrap:before,
.bx-im-list-recent-item__wrap.--selected + .bx-im-list-recent-item__wrap:before,
.bx-im-list-recent-item__wrap:hover:before,
.bx-im-list-recent-item__wrap:first-child:before {
	opacity: 0;
}

.bx-im-list-recent-item__container {
	display: flex;
	height: 70px;
	padding: 0 8px 0 10px;
	transition: background .3s;
	cursor: pointer;
}

.bx-im-list-recent-item__avatar_container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 100%;
	margin-right: 13px;
}

.bx-im-list-recent-item__avatar_content {
	position: relative;
}

.bx-im-list-recent-item__avatar_invitation {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.074%202.023c.125.83.125%201.675%200%202.506h.03c.13.002.626.088.208%201.28%200%200-.263.979-.667.759%200%200%20.065%201.238-.571%201.448%200%200%20.036.52.044.668l.001.036.532.08v.144c.003.167.02.425.09.464a5.66%205.66%200%20001.576.704c1.569.399%202.404%201.068%202.484%201.673l.006.095.444%202.259c-1.91.8-4.128%201.28-6.5%201.33h-.833c-2.366-.05-4.578-.527-6.486-1.325.088-.624.201-1.331.318-1.787.251-.98%201.664-1.707%202.965-2.266.673-.29.818-.464%201.496-.76.025-.12.04-.242.045-.365v-.184l.576-.068s.076.138-.046-.671c0%200-.647-.168-.677-1.457%200%200-.487.162-.516-.618-.02-.494-.382-.927.055-1.291l.106-.077-.303-.81-.004-.04C4.416%203.388%204.224.679%205.532.915c-.569-.9%204.223-1.649%204.542%201.108zM18.512.669a4.824%204.824%200%20013.022%204.475%204.73%204.73%200%2001-4.632%204.82A4.824%204.824%200%201118.512.67zm-4.326%202.05a3.5%203.5%200%20002.664%205.923%203.432%203.432%200%20003.361-3.498%203.5%203.5%200%2000-6.025-2.425zm2.98-.003v1.96h1.961v1.308H15.86V2.716h1.307z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
	background-color: #00C8FB;
	background-size: 28px;
	background-position: center;
	background-repeat: no-repeat;
}

.bx-im-list-recent-item__content_container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	flex: 1;
	height: 70px;
	padding-right: 3px;
}

.bx-im-list-recent-item__content_header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 3px;
}

.bx-im-list-recent-item__date {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: right;
	height: 18px;
	margin-left: 3px;
	font: var(--im-font-size-xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
	color: var(--im-list-recent-item__color_date);
}

.bx-im-list-recent-item__content_bottom {
	display: flex;
	justify-content: space-between;
	height: 38px;
}

.bx-im-list-recent-item__pinned-icon {
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23a8adb4' fill-rule='evenodd' d='M12.924 6.35c.264.265.25.707-.031.987s-.723.294-.987.029l-.295-.289-2.487 3.175.482.481c.246.268.225.696-.048.969s-.7.294-.968.047l-1.384-1.38-2.78 1.844a.19.19 0 0 1-.175.06.16.16 0 0 1-.125-.126.19.19 0 0 1 .06-.176l1.998-2.627-1.61-1.61c-.252-.266-.233-.698.042-.973.276-.276.708-.294.974-.042l.481.48 3.053-2.6-.277-.292c-.252-.267-.233-.699.042-.974.276-.276.708-.294.974-.042z' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

/* Start no-text mode */
.bx-im-list-recent-item__wrap.--no-text .bx-im-list-recent-item__container {
	height: 70px;
}
.bx-im-list-recent-item__wrap.--no-text .bx-im-list-recent-item__content_container {
	padding-top: 9px;
}
/* End no-text mode */

/* Active item */
.bx-im-list-recent-item__wrap.--selected {
	background-color: var(--im-list-recent-item__background-color_selected);
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__date {
	color: rgba(var(--im-color-palette-white-base-rgb), 0.7);
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__pinned-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.924 6.35c.264.265.25.707-.031.987s-.723.294-.987.029l-.295-.289-2.487 3.175.482.481c.246.268.225.696-.048.969s-.7.294-.968.047l-1.384-1.38-2.78 1.844a.19.19 0 0 1-.175.06.16.16 0 0 1-.125-.126.19.19 0 0 1 .06-.176l1.998-2.627-1.61-1.61c-.252-.266-.233-.698.042-.973.276-.276.708-.294.974-.042l.481.48 3.053-2.6-.277-.292c-.252-.267-.233-.699.042-.974.276-.276.708-.294.974-.042z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-list-recent-item__wrap.--selected .bx-im-chat-title__text {
	color: var(--im-color-palette-white-base);
}

.bx-im-list-recent-item__wrap.--selected .bx-im-chat-title__muted-icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' fill-opacity='.5' fill-rule='evenodd' d='M7.564 3.21a.5.5 0 0 1 .784.41v8.499a.5.5 0 0 1-.78.415l-2.723-1.84v-.16l-.069.004h-2.11a.533.533 0 0 1-.533-.533V5.72c0-.295.238-.533.533-.533h2.11l.069.004v-.1zm5.68 6.746.743-.742-1.484-1.485 1.484-1.484-.742-.742-1.484 1.484-1.485-1.484-.742.742 1.484 1.484-1.484 1.485.742.742 1.485-1.484z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-list-recent-item__wrap.--selected .bx-im-chat-title__icon.--extranet {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none' viewBox='0 0 15 15'%3E%3Cpath fill='%23fff' fill-opacity='.7' fill-rule='evenodd' d='M7.372.333a7.039 7.039 0 1 0 0 14.078 7.039 7.039 0 0 0 0-14.078M2.655 11.407a5 5 0 0 1-.196.148A6.42 6.42 0 0 1 .921 7.372q0-.451.06-.89c.37.477.773 1.122.912 1.315.227.315.48.625.7.946.37.54.758 1.28.561 1.95-.085.289-.273.523-.5.714m7.433-5.224s.335 1.312 1.768 1.203c.453-.034.424 1.178.135 1.679-.358.62-.265 1.356-.604 1.975-.213.39-.576.679-.863 1.011-.358.418-.761.82-1.36.769-.394-.035-.558-.472-.635-.783-.191-.774-.325-2.357-.325-2.357s-.556-1.203-1.814-.836c-1.257.367-1.514-.607-1.549-1.533-.085-2.285 1.837-2.527 2.06-2.487.319.058 1.256.219 1.491.349.797.44 1.613-.167 1.549-.488s-2.044-.782-2.747-.832-.767.2-.96-.012c-.155-.171-.011-.442.098-.586.775-1.021 2.067-1.268 3.16-1.8.016-.008.042-.067.071-.153q.162.058.32.125c.769.325 1.46.79 2.052 1.383a6.4 6.4 0 0 1 1.578 2.576c-.232.137.231-.047-.987.236-1.219.283-2.438.56-2.438.56' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-list-recent-item__wrap.--selected .bx-im-chat-title__auto-delete-icon {
	--ui-icon-set__icon-color: var(--im-color-palette-white-base) !important;
}
/* End active item */

.bx-im-list-recent-item__avatar_counter {
	position: absolute;
	right: -1px;
	top: 11px;

	display: flex;
	align-items: center;
	justify-content: center;

	height: 18px;
	min-width: 18px;
	padding: 0 5px;

	font: var(--im-font-size-xs) var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--ui-color-white-base);
	background-color: var(--im-color-accent-blue);
	border-radius: 30px;
}

.bx-im-list-recent-item__avatar_counter.--muted {
	background-color: var(--ui-color-gray-40);
}

.bx-im-list-recent-item__avatar_counter.--no-counter {
	width: 18px;
	min-width: 18px;
	padding: 0;
}

.bx-im-list-recent-item__avatar_counter.--with-unread::before {
	box-sizing: border-box;
	content: '';
	position: absolute;
	top: -4px;
	right: -4px;

	width: 10px;
	height: 10px;

	border: 2px solid var(--ui-color-white-base);
	border-radius: 50%;
	background-color: var(--im-color-accent-blue);
}

.bx-im-list-recent-item__avatar_counter.--muted.--with-unread::before {
	background-color: var(--ui-color-gray-40);
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__avatar_counter {
	color: var(--im-color-accent-blue);
	background-color: var(--ui-color-white-base);
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__avatar_counter.--with-unread::before {
	border-color: var(--im-color-accent-blue);
	background-color: var(--ui-color-white-base);
}

.bx-im-list-recent-item__counters_wrap {
	--im-list-recent-item__background-color_counter: #00ade3;
	--im-list-recent-item__background-color_muted: var(--im-color-palette-gray-40);
	--im-list-recent-item__background-color_comments: var(--im-color-palette-green-55);
	--im-list-recent-item__color_counter: var(--im-color-palette-white-base);
	--im-list-recent-item__border-color_unread: var(--im-color-palette-white-base);
	--im-list-recent-item__border-color_unread-hover: #f1f4f6;

	align-self: center;
	display: flex;
	justify-content: right;
	align-items: center;
	flex-shrink: 0;
	min-width: 27px;
	height: 20px;
	margin-left: 8px;
}

.bx-im-list-recent-item__counters_container {
	display: flex;
	align-items: center;
}

.bx-im-list-recent-item__counters {
	display: flex;
	align-items: center;
	gap: 0 6px;
}

.bx-im-list-recent-item__counter_number,
.bx-im-list-recent-item__mention {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 18px;
	min-width: 18px;
	border-radius: 30px;
	padding: 0 5px;
	transform-style: preserve-3d;

	font: var(--im-font-size-xs)/14px var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-list-recent-item__color_counter);
	background-color: var(--im-list-recent-item__background-color_counter);
}

.bx-im-list-recent-item__mention {
	padding: 0;
}

.bx-im-list-recent-item__mention-icon {
	width: 18px;
	height: 18px;

	-webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='41' fill='none' viewBox='0 0 42 41'%3E%3Cpath fill='%2300ace3' fill-rule='evenodd' stroke='%2300ace3' stroke-width='.3' d='M32.445 11.906c-1.995-2.46-5.023-4.065-8.138-4.698a14.4 14.4 0 0 0-9.187.923c-2.87 1.315-5.215 3.536-6.633 6.304a13.5 13.5 0 0 0-1.19 8.969c.648 3.04 2.328 5.756 4.76 7.755a14.36 14.36 0 0 0 8.663 3.195 14.3 14.3 0 0 0 8.82-2.75 1 1 0 0 0 .21-1.435 1.056 1.056 0 0 0-1.47-.206c-2.153 1.59-4.813 2.41-7.508 2.34a12.13 12.13 0 0 1-7.367-2.715 11.77 11.77 0 0 1-4.06-6.594 11.4 11.4 0 0 1 1.015-7.62 11.87 11.87 0 0 1 5.635-5.364c2.45-1.11 5.215-1.4 7.84-.786h.035c2.73.564 5.285 1.948 6.93 3.98 1.627 2 2.275 4.682 2.275 7.415v1.264c0 1.64-1.278 2.785-3.045 2.785-1.768 0-3.168-1.196-3.168-2.785v-6.372c0-.564-.472-1.025-1.05-1.025-.577 0-1.05.461-1.05 1.025v.444c-1.05-.922-2.415-1.503-3.92-1.503-3.377 0-6.037 2.801-6.037 6.15 0 3.348 2.66 6.15 6.037 6.15 1.925 0 3.605-.94 4.708-2.34.962 1.434 2.695 2.289 4.497 2.289 2.765 0 5.145-1.914 5.145-4.835v-1.264c0-3.007-.717-6.202-2.73-8.678zm-11.62 12.779c-2.118 0-3.938-1.794-3.938-4.1s1.82-4.1 3.938-4.1c2.117 0 3.85 1.725 3.92 3.963v.273c-.07 2.255-1.838 3.964-3.92 3.964Z' clip-rule='evenodd'/%3E%3C/svg%3E");

	        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='41' fill='none' viewBox='0 0 42 41'%3E%3Cpath fill='%2300ace3' fill-rule='evenodd' stroke='%2300ace3' stroke-width='.3' d='M32.445 11.906c-1.995-2.46-5.023-4.065-8.138-4.698a14.4 14.4 0 0 0-9.187.923c-2.87 1.315-5.215 3.536-6.633 6.304a13.5 13.5 0 0 0-1.19 8.969c.648 3.04 2.328 5.756 4.76 7.755a14.36 14.36 0 0 0 8.663 3.195 14.3 14.3 0 0 0 8.82-2.75 1 1 0 0 0 .21-1.435 1.056 1.056 0 0 0-1.47-.206c-2.153 1.59-4.813 2.41-7.508 2.34a12.13 12.13 0 0 1-7.367-2.715 11.77 11.77 0 0 1-4.06-6.594 11.4 11.4 0 0 1 1.015-7.62 11.87 11.87 0 0 1 5.635-5.364c2.45-1.11 5.215-1.4 7.84-.786h.035c2.73.564 5.285 1.948 6.93 3.98 1.627 2 2.275 4.682 2.275 7.415v1.264c0 1.64-1.278 2.785-3.045 2.785-1.768 0-3.168-1.196-3.168-2.785v-6.372c0-.564-.472-1.025-1.05-1.025-.577 0-1.05.461-1.05 1.025v.444c-1.05-.922-2.415-1.503-3.92-1.503-3.377 0-6.037 2.801-6.037 6.15 0 3.348 2.66 6.15 6.037 6.15 1.925 0 3.605-.94 4.708-2.34.962 1.434 2.695 2.289 4.497 2.289 2.765 0 5.145-1.914 5.145-4.835v-1.264c0-3.007-.717-6.202-2.73-8.678zm-11.62 12.779c-2.118 0-3.938-1.794-3.938-4.1s1.82-4.1 3.938-4.1c2.117 0 3.85 1.725 3.92 3.963v.273c-.07 2.255-1.838 3.964-3.92 3.964Z' clip-rule='evenodd'/%3E%3C/svg%3E");
	-webkit-mask-size: 18px 18px;
	        mask-size: 18px 18px;
	-webkit-mask-position: center center;
	        mask-position: center center;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	background-color: var(--im-list-recent-item__color_counter);
}

/* white layer */
.bx-im-list-recent-item__counters_wrap.--with-children .bx-im-list-recent-item__counter_number::before {
	box-sizing: border-box;
	position: absolute;
	content: '';
	right: -1.5px;
	height: 18px;
	width: 11px;
	border-radius: 0 32px 32px 0;
	background-color: var(--im-color-palette-white-base);
	transform: translateZ(-1px);
}

/* green layer */
.bx-im-list-recent-item__counters_wrap.--with-children .bx-im-list-recent-item__counter_number::after {
	box-sizing: border-box;
	position: absolute;
	content: '';
	right: -4px;
	height: 18px;
	width: 11px;
	border-radius: 0 32px 32px 0;
	background-color: var(--im-list-recent-item__background-color_comments);
	transform: translateZ(-2px);
}

.bx-im-list-recent-item__counters_wrap.--children-only .bx-im-list-recent-item__counter_number {
	background-color: var(--im-list-recent-item__background-color_comments);
}

.bx-im-list-recent-item__counters_wrap.--muted .bx-im-list-recent-item__counter_number,
.bx-im-list-recent-item__counters_wrap.--with-children.--muted .bx-im-list-recent-item__counter_number::after {
	background-color: var(--im-list-recent-item__background-color_muted);
}

.bx-im-list-recent-item__counter_number.--no-counter {
	width: 18px;
	height: 18px;
	padding: 0;
}

.bx-im-list-recent-item__counter_number.--no-counter + .bx-im-list-recent-item__counter_number,
.bx-im-list-recent-item__counter_number + .bx-im-list-recent-item__counter_number {
	margin-left: 3px;
}

.bx-im-list-recent-item__counter_number.--with-unread::before,
.bx-im-list-recent-item__counters_wrap.--with-children .bx-im-list-recent-item__counter_number.--with-unread::before {
	box-sizing: border-box;
	position: absolute;
	content: '';
	top: -4px;
	right: -4px;
	width: 10px;
	height: 10px;
	border: 2px solid var(--im-list-recent-item__border-color_unread);
	border-radius: 50%;
	background-color: var(--im-list-recent-item__background-color_counter);
}

.bx-im-list-recent-item__counters_wrap.--with-children .bx-im-list-recent-item__counter_number.--with-unread::before {
	right: -7px;
}

.bx-im-list-recent-item__wrap:hover .bx-im-list-recent-item__counter_number.--with-unread::before {
	border-color: var(--im-list-recent-item__border-color_unread-hover);
}

.bx-im-list-recent-item__counters_wrap.--muted .bx-im-list-recent-item__counter_number.--with-unread::before {
	background-color: var(--im-list-recent-item__background-color_muted);
}

.bx-im-list-recent-item__pinned-icon + .bx-im-list-recent-item__counter_number {
	margin-left: 5px;
}

/* Active item */
.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__mention-icon {
	background-color: #00ace3;
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__counter_number,
.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__mention {
	background-color: var(--im-color-palette-white-base);
	color: #00ace3;
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__counter_number.--with-unread::before,
.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__counters_wrap.--with-children .bx-im-list-recent-item__counter_number.--with-unread::before {
	border-color: var(--im-list-recent-item__background-color_selected);
	background-color: var(--im-color-palette-white-base);
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__counters_wrap.--children-only .bx-im-list-recent-item__counter_number {
	background-color: var(--im-color-palette-white-base);
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__counters_wrap.--with-children .bx-im-list-recent-item__counter_number::before {
	background-color: var(--im-list-recent-item__background-color_selected);
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__counters_wrap.--with-children .bx-im-list-recent-item__counter_number::after {
	background-color: var(--im-color-palette-white-base);
}
.bx-im-list-recent-item__status-icon {
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center;
}

.bx-im-list-recent-item__status-icon.--sending {
	width: 11px;
	min-width: 11px;
	height: 11px;
	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='%23a8adb4' 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-list-recent-item__status-icon.--sent {
	width: 14px;
	min-width: 14px;
	height: 11px;
	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='%23a8adb4' fill-rule='evenodd' d='M4.514 8.605a.3.3 0 0 1-.419 0L1.686 6.258a.4.4 0 0 1 0-.573l.447-.435a.4.4 0 0 1 .558 0l1.614 1.573 4.85-4.747a.4.4 0 0 1 .56-.001l.445.435a.4.4 0 0 1 0 .572z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-list-recent-item__status-icon.--viewed {
	width: 14px;
	min-width: 14px;
	height: 11px;
	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-list-recent-item__status-icon.--like {
	width: 12px;
	min-width: 12px;
	height: 10px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none' viewBox='0 0 13 10'%3E%3Cpath fill='%23ff5752' fill-rule='evenodd' d='M2.467.586C1.558 1.07.85 1.981.834 2.974c-.004.224.01.448.023.672.016.264.073.426.2.809.128.382.493.995.833 1.436.247.32.527.611.822.89.45.426 3.808 2.974 3.808 2.974s3.47-2.688 3.86-3.065c.312-.302.605-.62.856-.974.37-.526.776-1.108.868-1.74q.047-.339.059-.681a3.3 3.3 0 0 0-.09-.99c-.194-.711-.787-1.267-1.426-1.652a2.8 2.8 0 0 0-1.16-.384 2.93 2.93 0 0 0-2.132.6 3.5 3.5 0 0 0-.835.932l-.02.029c-.037-.053-.068-.103-.102-.151A3.3 3.3 0 0 0 5.145.557 2.8 2.8 0 0 0 3.85.25q-.197 0-.394.025-.525.066-.988.311' clip-rule='evenodd'/%3E%3C/svg%3E");
}

/* Active item */
.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__status-icon.--read {
	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='%23fff' fill-rule='evenodd' d='M7.346 8.609a.3.3 0 0 1-.416.004l-.943-.891a.4.4 0 0 1-.005-.578L6.44 6.7a.4.4 0 0 1 .542-.015l.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.26a.4.4 0 0 1 0-.573l.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 0 .573z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__status-icon.--like {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='10' fill='none' viewBox='0 0 13 10'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M2.467.586C1.558 1.07.85 1.981.834 2.974c-.004.224.01.448.023.672.016.264.073.426.2.809.128.382.493.995.833 1.436.247.32.527.611.822.89.45.426 3.808 2.974 3.808 2.974s3.47-2.688 3.86-3.065c.312-.302.605-.62.856-.974.37-.526.776-1.108.868-1.74q.047-.339.059-.681a3.3 3.3 0 0 0-.09-.99c-.194-.711-.787-1.267-1.426-1.652a2.8 2.8 0 0 0-1.16-.384 2.93 2.93 0 0 0-2.132.6 3.5 3.5 0 0 0-.835.932l-.02.029c-.037-.053-.068-.103-.102-.151A3.3 3.3 0 0 0 5.145.557 2.8 2.8 0 0 0 3.85.25q-.197 0-.394.025-.525.066-.988.311' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__status-icon.--sending {
	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='%23fff' 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-list-recent-item__wrap.--selected .bx-im-list-recent-item__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='%23fff' fill-rule='evenodd' d='M4.514 8.605a.3.3 0 0 1-.419 0L1.686 6.258a.4.4 0 0 1 0-.573l.447-.435a.4.4 0 0 1 .558 0l1.614 1.573 4.85-4.747a.4.4 0 0 1 .56-.001l.445.435a.4.4 0 0 1 0 .572z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__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='%23fff' 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-list-recent-item__message_container {
	--im-list-recent-item__background-color_invitation: var(--im-color-palette-blue-30);
	--im-list-recent-item__background-color_birthday: #eaf6c3;
	--im-list-recent-item__background-color_vacation: var(--im-color-palette-gray-20);
	--im-list-recent-item__color_message: var(--im-color-palette-gray-60);
	--im-list-recent-item__color_invitation: #1983c6;
	--im-list-recent-item__color_birthday: var(--im-color-palette-green-70);
	--im-list-recent-item__color_vacation: var(--im-color-palette-gray-80);
	--im-list-recent-item__color_draft: #d61515;
	--im-list-recent-item__color_draft-selected: rgba(var(--im-color-palette-white-base-rgb), 0.7);

	display: flex;
	font: var(--im-font-size-md)/19px var(--im-font-family-system);
	font-weight: var(--im-font-weight-normal);
	color: var(--im-list-recent-item__color_message);
}

.bx-im-list-recent-item__author-avatar {
	display: inline-block;
	margin-right: 4px;
	filter: saturate(70%);
	vertical-align: text-bottom;
	margin-bottom: 1px;
	max-height: 14px;
}

.bx-im-list-recent-item__preview-source-name {
	color: var(--ui-color-blue-90);
}

.bx-im-list-recent-item__self_author-icon {
	display: inline-block;
	width: 11px;
	min-width: 11px;
	height: 11px;
	margin-right: 4px;
	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='%23a8adb4' fill-rule='evenodd' d='M5.95 4.575H2.5l2.1-2.25c.3-.3.3-.8 0-1.1s-.75-.3-1.05 0L.2 4.825c-.05.05-.05.1-.1.1 0 0 0 .05-.05.05 0 .05-.05.05-.05.1v.6c0 .05.05.05.05.1v.05c.05.05.05.1.1.1l3.35 3.6c.15.15.35.25.55.25s.4-.1.55-.25c.3-.3.3-.8 0-1.1l-2.1-2.25h3.45c1.65 0 3 1.4 3 3.2 0 .45.35.8.75.8s.75-.35.75-.8c0-2.65-2.05-4.8-4.5-4.8' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.bx-im-list-recent-item__message_text {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-word;
}

.bx-im-list-recent-item__message_draft-prefix {
	color: var(--im-list-recent-item__color_draft);
}

/* Message balloons */
.bx-im-list-recent-item__balloon_container {
	display: inline-flex;
	align-items: center;
	height: 23px;
	max-width: 270px;
	margin-top: 8px;
	padding: 4px 9px 5px;
	border-radius: 100px;
	font: var(--im-font-size-md) var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
}

.bx-im-list-recent-item__balloon {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.bx-im-list-recent-item__balloon_container.--invitation {
	background-color: var(--im-list-recent-item__background-color_invitation);
	color: var(--im-list-recent-item__color_invitation);
}

.bx-im-list-recent-item__balloon_container.--birthday {
	background-color: var(--im-list-recent-item__background-color_birthday);
	color: var(--im-list-recent-item__color_birthday);
}

.bx-im-list-recent-item__balloon_container.--vacation {
	background-color: var(--im-list-recent-item__background-color_vacation);
	color: var(--im-list-recent-item__color_vacation);
}
/* End message balloons */

/* Start no-text mode */
.bx-im-list-recent-item__wrap.--no-text .bx-im-list-recent-item__message_container {
	min-width: 0;
}
.bx-im-list-recent-item__wrap.--no-text .bx-im-list-recent-item__message_text {
	display: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
/* End no-text mode */

/* Active item */
.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__message_container {
	color: var(--im-color-palette-white-base);
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__self_author-icon {
	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.95 4.575H2.5l2.1-2.25c.3-.3.3-.8 0-1.1s-.75-.3-1.05 0L.2 4.825c-.05.05-.05.1-.1.1 0 0 0 .05-.05.05 0 .05-.05.05-.05.1v.6c0 .05.05.05.05.1v.05c.05.05.05.1.1.1l3.35 3.6c.15.15.35.25.55.25s.4-.1.55-.25c.3-.3.3-.8 0-1.1l-2.1-2.25h3.45c1.65 0 3 1.4 3 3.2 0 .45.35.8.75.8s.75-.35.75-.8c0-2.65-2.05-4.8-4.5-4.8' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-list-recent-item__wrap.--selected .bx-im-list-recent-item__message_draft-prefix {
	color: var(--im-list-recent-item__color_draft-selected);
}
.bx-im-list-base__container {
	--im-list-base__background-color_pinned-section: #f8fafb;
	--im-list-base__background-color_pinned-section-border: var(--ui-color-palette-gray-10);
	--im-list-base__background-color_pinned-item: #f8fafb;
	--im-list-base__background-color_pinned-item_hover: #ebf0f5;
	--im-list-base__background-color: var(--im-color-palette-white-base);

	height: 100%;
	display: flex;
	flex-direction: column;
}

.bx-im-list-base__scroll-container {
	flex-grow: 1;
	overflow: hidden;
	overflow-y: scroll;
	background-color: var(--im-list-base__background-color)
}

.bx-im-list-base__general_container {
	margin: 4px 4px 6px 4px;
}

.bx-im-list-base__fixed_container {
	--im-list-base-fixed__background-color_container: var(--ui-color-palette-gray-02);
	--im-list-base-fixed__background-color_container_hover: #ebf0f5;
	--im-list-base-fixed__background-color_border: var(--ui-color-palette-gray-10);

	margin: 4px 4px 6px 4px;
	background-color: var(--im-list-base-fixed__background-color_container);
	border: 1px solid var(--im-list-base-fixed__background-color_border);
	border-radius: 10px;
}

.bx-im-list-base__fixed_container .bx-im-list-recent-item__container {
	padding-left: 10px;
	padding-right: 8px;
}

.bx-im-list-base__fixed_container + .bx-im-list-base__general_container {
	margin-top: 0;
}

.bx-im-list-base__fixed_container .bx-im-list-recent-item__wrap:not(.--selected) {
	background-color: var(--im-list-base-fixed__background-color_container);
}

.bx-im-list-base__fixed_container .bx-im-list-recent-item__wrap:not(.--selected):hover {
	background-color: var(--im-list-base-fixed__background-color_container_hover);
}