:root {
	--im-recent-background-color: #fff;
	--im-recent-accent-background-color: #333;
	--im-recent-hover-background-color: #f5f6f6;
	--im-recent-pinned-background-color: rgba(226,230,232,0.29);
	--im-recent-pinned-hover-background-color: rgba(226,230,232,.6);

	--im-recent-font-color: #777;
	--im-recent-accent-font-color: #DEDEDE;
	--im-recent-header-font-color: #000;
	--im-recent-separator-line: rgba(82,92,105,0.08);
	--im-recent-draft-prefix-color: #d61515;

	--im-recent-invitation-font-color: #27a1d6;
	--im-recent-invitation-background-color: #D9F5FD;
	--im-recent-invitation-border-color: transparent;

	--im-recent-call-font-color: #777;

	--im-recent-counter-font-color: #f7f6f6;
	--im-recent-counter-background-color: #17b0e1;
	--im-recent-counter-border-color: #fff;
	--im-recent-counter-muted-font-color: #f7f6f6;
	--im-recent-counter-muted-background-color: #a7a7a7;
	--im-recent-counter-muted-border-color: #fff;

	--im-recent-icon-opacity: 0.7;
}

.bx-messenger-recent-compact {
	--im-recent-background-color: transparent;
	--im-recent-pinned-background-color: rgba(215,215,215,0.13);
	--im-recent-pinned-hover-background-color: #f5f6f6;
}

.bx-messenger-dark, .im-context-menu-dark {
	--im-recent-background-color: #3D3D3D;
	--im-recent-accent-background-color: #333;
	--im-recent-hover-background-color: #4d4d4d;
	--im-recent-pinned-background-color: #363636;
	--im-recent-pinned-hover-background-color: #4d4d4d;

	--im-recent-font-color: #949595;
	--im-recent-accent-font-color: #DEDEDE;
	--im-recent-header-font-color: #DEDEDE;
	--im-recent-separator-line: rgba(255, 255, 255, .08);
	--im-recent-draft-prefix-color: #ff5353;

	--im-recent-invitation-font-color: #fff;
	--im-recent-invitation-background-color: #226b8c;
	--im-recent-invitation-border-color: #5AC5F6;

	--im-recent-call-font-color: #DEDEDE;

	--im-recent-counter-font-color: #fff;
	--im-recent-counter-background-color: #17b0e1;
	--im-recent-counter-border-color: #17b0e1;
	--im-recent-counter-muted-font-color: #b5b5b5;
	--im-recent-counter-muted-background-color: #363636;
	--im-recent-counter-muted-border-color: #8e8989;

	--im-recent-icon-opacity: 0.4;
}

.bx-im-left-panel-wrap {
	height: 100%;
}

.bx-messenger-recent-list {
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
	background-color: var(--im-recent-background-color);
	will-change: transform;
}

.bx-im-recent-empty {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #BDC1C6;
	margin-top: 127px;
}

.bx-im-recent-wrap {
	font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica));
}

.bx-im-recent-section {
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 15px;
	color: #777;
	font-size: 12px;
}

.bx-im-recent-item {
	display: flex;
	height: 69px;
	transition: background .3s;
	background-color: var(--im-recent-background-color);
}

.bx-win .bx-im-recent-item {
	opacity: 0.99; /* Disable Windows ClearType */
}

.bx-im-recent-item:hover {
	cursor: pointer;
	background-color: var(--im-recent-hover-background-color);
}

.bx-im-recent-item-pinned {
	background-color: var(--im-recent-pinned-background-color)
}
.bx-im-recent-item-pinned:hover {
	background-color: var(--im-recent-pinned-hover-background-color)
}

.bx-im-recent-avatar-wrap {
	display: flex;
	align-items: center;
	position: relative;
	height: 100%;
	width: 65px;
	justify-content: center;
}

.bx-im-recent-icon-avatar-top-left {
	position: absolute;
	height: 12px;
	width: 12px;
	top: 0;
	left: -2px;
}

.bx-im-recent-item-content {
	min-width: 0;
	flex: 1;
	border-top: 1px solid var(--im-recent-separator-line);
	margin-right: 10px;
	padding-top: 7px;
}

.bx-messenger-recent-list .bx-im-recent-item-wrap:first-child .bx-im-recent-item-content {
	border-top: 0;
}


.bx-im-recent-item-content-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 4px;
}

.bx-im-recent-chat-name {
	font-size: 14px;
}

.bx-im-recent-date {
	display: flex;
	align-items: center;
	justify-content: right;
	color: var(--im-recent-font-color);
	font-size: 11px;
	text-transform: lowercase;
}

.bx-im-recent-item-content-bottom {
	display: flex;
	justify-content: space-between;
}

.bx-im-recent-pinned-icon {
	height: 12px;
	width: 12px;
	min-width: 12px;
	background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.549%203.257c.245.238.232.636-.029.889-.26.252-.671.264-.917.025l-.457-.443-2.911%203.699.447.433c.229.24.21.626-.044.872s-.651.264-.9.042L3.648%207.72.835%209.77a.175.175%200%2001-.164.053.149.149%200%2001-.116-.113.164.164%200%2001.056-.158l2.086-2.756-1.07-1.036c-.234-.24-.216-.629.04-.876.256-.248.657-.265.904-.038l.447.433%203.817-2.822-.454-.44c-.234-.24-.216-.629.04-.877.255-.247.656-.264.904-.037l2.223%202.153z%22%20fill%3D%22%23ABABAB%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	opacity: var(--im-recent-icon-opacity);
}

.bx-im-recent-pinned-icon + .bx-im-recent-counter {
	margin-left: 5px;
}

.bx-im-recent-counter-static-wrap {
	display: flex;
	justify-content: right;
	width: 27px;
	min-width: 27px;
	margin-left: 8px;
}

.bx-im-recent-counter-static-wrap.bx-im-recent-counter-static-wrap-extended {
	width: 33px;
	min-width: 33px;
}

.bx-im-recent-counter-wrap {
	display: flex;
	align-items: center;
	height: 16px;
}

.bx-im-recent-counter {
	border-radius: 12px;
	padding: 2px 6px;
	font-size: 11px;
	color: var(--im-recent-counter-font-color);
	background-color: var(--im-recent-counter-background-color);
	border: 1px solid var(--im-recent-counter-border-color);
}

.bx-im-recent-counter.bx-im-recent-counter-muted {
	color: var(--im-recent-counter-muted-font-color);
	background-color: var(--im-recent-counter-muted-background-color);
	border-color: var(--im-recent-counter-muted-border-color);
}

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

.bx-im-recent-message-text-wrap {
	display: flex;
	align-items: center;
	color: #777;
	font-size: 13px;
	line-height: 1.2;
}

.bx-im-recent-last-message-author-icon-self {
	display: inline-block;
	height: 12px;
	width: 12px;
	min-width: 12px;
	margin-right: 4px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M11.9%207.9H5l4.2-4.5c.6-.6.6-1.6%200-2.2-.6-.6-1.5-.6-2.1%200L.4%208.4c-.1.1-.1.2-.2.2%200%200%200%20.1-.1.1%200%20.1-.1.1-.1.2v1.2c0%20.1.1.1.1.2v.1c.1.1.1.2.2.2L7%2017.8c.3.3.7.5%201.1.5.4%200%20.8-.2%201.1-.5.6-.6.6-1.6%200-2.2L5%2011.1h6.9c3.3%200%206%202.8%206%206.4%200%20.9.7%201.6%201.5%201.6s1.5-.7%201.5-1.6c0-5.3-4.1-9.6-9-9.6z%22%20fill%3D%22%239D9FA0%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: var(--im-recent-icon-opacity);
}

.bx-im-recent-last-message-author-icon-user {
	display: inline-block;
	margin-right: 4px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	filter: saturate(70%);
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: text-bottom;
}

.bx-im-recent-last-message-author-icon-user.bx-im-recent-last-message-author-icon-user-default {
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%200%2018%2020%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.79%2015.354c0-.77-1.026-1.65-3.047-2.163a6.926%206.926%200%200%201-1.929-.862c-.13-.072-.11-.745-.11-.745l-.65-.097c0-.055-.056-.862-.056-.862.779-.257.698-1.772.698-1.772.495.27.817-.93.817-.93.585-1.665-.291-1.564-.291-1.564.153-1.017.153-2.05%200-3.067-.39-3.373-6.254-2.457-5.559-1.356-1.713-.31-1.322%203.518-1.322%203.518l.371.991c-.73.465-.222%201.027-.197%201.674.036.955.632.757.632.757.036%201.577.828%201.782.828%201.782.149.99.056.822.056.822l-.705.083a2.7%202.7%200%200%201-.055.672c-.829.362-1.007.575-1.83.93-1.592.684-3.321%201.574-3.629%202.772C.505%2017.136.22%2019.746.22%2019.746h17.433l-.862-4.392z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E);
	background-position: 3px 2px;
	background-color: #adaaaa;
	background-size: 8px;
}

.bx-im-recent-message-text {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-word;
	color: var(--im-recent-font-color);
}

.bx-im-recent-draft-prefix {
	color: var(--im-recent-draft-prefix-color);
}

.bx-im-recent-status-icon {
	height: 12px;
	width: 12px;
	min-width: 12px;
	margin-right: 5px;
}

.bx-im-recent-status-icon-read {
	height: 15px;
	width: 15px;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2224%22%20height%3D%2212%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22%23ABABAB%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M22.9.2c-.3-.3-.9-.3-1.2%200L11.9%2010%207.3%205.4c-.3-.3-.9-.3-1.2%200-.2.2-.2.4-.2.6%200%20.2.1.4.2.6l5.1%205.1c0%20.1.1.1.1.1.2.2.4.3.6.2.2%200%20.4-.1.6-.2l.1-.1L22.8%201.4c.4-.3.4-.8.1-1.2z%22/%3E%3Cpath%20d%3D%22M17.9.2c-.3-.3-.9-.3-1.2%200L6.9%2010%202.3%205.4c-.3-.3-.9-.3-1.2%200-.2.2-.2.4-.2.6%200%20.2.1.4.2.6l5.1%205.1c0%20.1.1.1.1.1.2.2.4.3.6.2.2%200%20.4-.1.6-.2l.1-.1L17.8%201.4c.4-.3.4-.8.1-1.2z%22/%3E%3C/g%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: var(--im-recent-icon-opacity);
}

.bx-im-recent-status-icon-unread {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2212%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M17.9.2c-.3-.3-.9-.3-1.2%200L6.9%2010%202.3%205.4c-.3-.3-.9-.3-1.2%200-.2.2-.2.4-.2.6%200%20.2.1.4.2.6l5.1%205.1c0%20.1.1.1.1.1.2.2.4.3.6.2.2%200%20.4-.1.6-.2l.1-.1L17.8%201.4c.4-.3.4-.8.1-1.2z%22%20fill%3D%22%23ABABAB%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: var(--im-recent-icon-opacity);
}

.bx-im-recent-status-icon-like {
	background-image: url(./images/like.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 1;
}

/* Sidebar */
.bx-messenger-recent-compact {
	width: 65px;
	max-width: 100%;
	overflow: initial;
}

.bx-messenger-recent-compact .bx-im-recent-empty {
	font: 13px/20px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #606162;
	height: 21px;
	transform: rotate(90deg);
	position: absolute;
	top: calc(50% - 50px);
	margin: 0;
}

.bx-messenger-recent-compact .bx-im-recent-item-wrap {
	width: 100%;
}

.bx-messenger-recent-compact .bx-im-recent-item {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 46px;
	width: 100%;
	margin: 0;
	padding: 0;
}
.bx-messenger-recent-compact .bx-im-recent-item:hover {
	background-color: rgba(255,255,255,.1);
	border-radius: 0;
}

.bx-messenger-recent-compact .bx-im-recent-item-pinned {
	background-color: rgba(236,240,242,0.1);
}
.bx-messenger-recent-compact .bx-im-recent-item-pinned:hover {
	background-color: rgba(236,240,242,0.25);
}

.bx-messenger-recent-compact .bx-im-recent-avatar-wrap {
	transition: opacity 0.2s ease-in;
	width: 34px;
	height: 34px;
	padding-top: 0;
	margin-right: 0;
}

.bx-messenger-recent-compact .bx-im-recent-item-no-counter .bx-im-recent-avatar-wrap {
	opacity: 0.65;
}

.bx-messenger-recent-compact .bx-im-recent-item:hover .bx-im-recent-avatar-wrap {
	opacity: 1;
}

.bx-messenger-recent-compact .bx-messenger-recent-compact {
	justify-content: center;
}

/* End sidebar */

/* Invitation */
.bx-im-recent-message-text .bx-im-recent-message-text-invitation {
	display: inline-flex;
	align-items: center;
	padding: 2px 8px;
	border-radius: 10px;
	background-color: var(--im-recent-invitation-background-color);
	color: var(--im-recent-invitation-font-color);
	border: 1px solid var(--im-recent-invitation-border-color);
}
/* End invitation */

/* Active call */
.bx-im-recent-active-call-icon {
	width: 20px;
	min-width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 5px;
	border-radius: 50%;
	background-position: center;
	background-size: 14px;
	background-repeat: no-repeat;
}

.bx-im-recent-active-call-waiting-icon {
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2213%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.844.711A.417.417%200%200%201%208.14%200h3.292c.23%200%20.416.187.416.417v3.291a.417.417%200%200%201-.711.295l-1.057-1.057L7.327%205.7a.417.417%200%200%201-.59%200l-.589-.59a.417.417%200%200%201%200-.588l2.753-2.753L7.844.71Zm3.058%208.647L9.27%208.136c-.58-.435-1.439-.226-1.862.372l-.483.685a.371.371%200%200%201-.467.1%2011.473%2011.473%200%200%201-3.66-3.891.362.362%200%200%201%20.116-.472l.684-.457c.613-.409.866-1.243.466-1.855L2.925.95A1.007%201.007%200%200%200%201.4.788c-1.704%201.63-2.448%204.46%201.292%208.414%203.74%203.954%206.58%203.321%208.285%201.692a1.009%201.009%200%200%200-.076-1.536Z%22%20fill%3D%22%232B8B28%22%2F%3E%3C%2Fsvg%3E');
}

.bx-im-recent-active-call-joined-icon {
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2212%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M7.63%203.3a.485.485%200%200%201-.36.157.501.501%200%200%201-.364-.157L5.749%202.11a.558.558%200%200%201-.013-.761L6.855.156a.499.499%200%200%201%20.725.002c.202.217.208.541.013.76l-.255.272h4.778c.24.011.428.205.42.433l.004.21a.415.415%200%200%201-.406.433H7.355l.263.272a.559.559%200%200%201%20.013.762ZM11.183%203.329c.18-.05.375.006.5.141l1.16%201.192a.56.56%200%200%201%20.013.763l-1.118%201.19a.491.491%200%200%201-.495.141.538.538%200%200%201-.37-.382.55.55%200%200%201%20.126-.52l.255-.273H6.476a.432.432%200%200%201-.42-.433l-.004-.21a.417.417%200%200%201%20.406-.434h4.775l-.264-.272a.562.562%200%200%201-.143-.521.515.515%200%200%201%20.357-.382Z%22%20fill%3D%22%234E93C9%22%2F%3E%3Cpath%20d%3D%22M11.448%209.245%209.735%208.044c-.608-.428-1.51-.222-1.954.365l-.508.674a.408.408%200%200%201-.49.098%2011.624%2011.624%200%200%201-3.845-3.825.342.342%200%200%201%20.123-.463l.719-.45c.643-.402.908-1.222.489-1.824L3.07.98C2.708.476%201.948.407%201.471.822c-1.79%201.601-2.57%204.384%201.356%208.27%203.928%203.887%206.91%203.265%208.7%201.664a.952.952%200%200%200-.08-1.51Z%22%20fill%3D%22%234E93C9%22%2F%3E%3C%2Fsvg%3E');
}

.bx-im-recent-active-call-item {
	background-color: var(--im-recent-pinned-background-color);
}

.bx-im-recent-active-call-item:hover {
	background-color: var(--im-recent-pinned-hover-background-color);
}

.bx-im-recent-active-call-item .bx-im-recent-item-content {
	padding-bottom: 7px;
}

.bx-im-recent-active-call-item .bx-im-recent-item-content-header {
	justify-content: left;
	align-items: center;
}

.bx-im-recent-active-call-button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 25px;
	color: #fff;
	font-size: 13px;
	padding: 3px 10px;
	margin-top: 5px;
}

.bx-im-recent-active-call-join-button {
	background-color: #91C000;
}

.bx-im-recent-active-call-hangup-button {
	background-color: #c00000;
}

.bx-im-recent-active-call-waiting-content,
.bx-im-recent-active-call-joined-content {
	height: 100%;
	display: flex;
	align-items: center;
}

.bx-im-recent-active-call-waiting-title,
.bx-im-recent-active-call-joined-title {
	display: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 14px;
	color: var(--im-recent-header-font-color);
}

.bx-messenger-recent-compact .bx-im-recent-active-call-compact-icon-container {
	position: absolute;
	top: 19px;
	left: 22px;
	width: 20px;
	height: 20px;
}

.bx-messenger-recent-compact .bx-im-recent-active-call-icon {
	margin-right: 0;
	background-color: #fff;
	background-size: 12px;
}

.bx-messenger-recent-compact .bx-im-recent-active-call-joined-icon {
	border: 1px solid #4E93C9;
}

.bx-messenger-recent-compact .bx-im-recent-active-call-waiting-icon {
	border: 1px solid #2B8B28;
	width: 18px;
	height: 18px;
}
/* End active call */

/* New user popup */
.bx-im-recent-welcome {
	padding: 0;
	border-radius: 25px;
}

.bx-im-recent-welcome .popup-window-content {
	border-radius: 25px;
}

.bx-im-recent-new-user-popup {
	/*position: absolute;*/
	padding: 4px 22px 5px;
	cursor: pointer;
	border-radius: 25px;
}

.bx-im-recent-new-user-popup:after {
	background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2225%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M11.334.799c3.486%204.297%207.74%206.883%2012.765%207.758-3.234%204.418-8.339%206.666-15.313%206.744L.892%208.514%2011.334.799z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.96%22%2F%3E%3C%2Fsvg%3E ');
	background-repeat: no-repeat;
	content: '';
	position: absolute;
	height: 27px;
	width: 33px;
	right: -16px;
	margin-top: -19px;
}

.bx-im-recent-new-user-popup-title {
	font: 12px/16px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #75797d;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bx-im-recent-new-user-popup-text {
	font: 14px/16px var(--ui-font-family-primary, var(--ui-font-family-helvetica));
	color: #333333;
	max-width: 440px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.bx-im-recent-new-user-popup-show {
	animation: newUserPopupShow 300ms;
	animation-fill-mode: both;
}

.bx-im-recent-new-user-popup-hide {
	animation: newUserPopupHide 300ms;
	animation-fill-mode: both;
}

@keyframes newUserPopupShow { from { opacity: 0; } to { opacity: 1; } }
@keyframes newUserPopupHide { from { opacity: 1; } to { opacity: 0; } }
/* End new user popup */


/* Start no-text mode */
.bx-im-recent-item-no-text {
	height: 59px;
}
.bx-im-recent-item-no-text .bx-im-recent-item-content {
	padding-top: 9px;
}
.bx-im-recent-item-no-text .bx-im-recent-message-text-wrap {
	min-width: 0;
}
.bx-im-recent-item-no-text .bx-im-recent-message-text {
	display: initial;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.bx-im-recent-item-no-text .bx-im-recent-message-text-invitation {
	padding: 1px 8px;
}
/* End no-text mode */

/* Context menu dark mode (temporary solution) */
#im-recent-context-menu.im-context-menu-dark {
	border: 1px solid var(--im-recent-counter-muted-border-color);
	background-color: var(--im-recent-background-color);
}

#im-recent-context-menu.im-context-menu-dark .popup-window-content {

}

#im-recent-context-menu.im-context-menu-dark .menu-popup-item-text {
	color: var(--im-recent-header-font-color);
}

#im-recent-context-menu.im-context-menu-dark .menu-popup-item:hover {
	background: var(--im-recent-hover-background-color);
}

#im-recent-context-menu.im-context-menu-dark .popup-window-delimiter {
	background: var(--im-recent-separator-line);
}

#im-recent-context-menu.im-context-menu-dark .popup-window-angly--arrow {
	background-color: var(--im-recent-background-color);
	border: 1px solid var(--im-recent-counter-muted-border-color);
}
/* End context menu dark mode */

/* Transition recent list */
.bx-messenger-recent-transition-move {
	opacity: 1;
	transition: all .2s ease;
}

.bx-messenger-recent-transition-enter-from,
.bx-messenger-recent-transition-leave-to {
	opacity: 0;
	transform: translateY(30px);
}

.bx-messenger-recent-transition-leave-active {
	position: absolute;
}
/* End transition recent list */