.bx-call-users-popup {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 2px;
	width: 100%;
	max-height: 220px;
	min-height: 15px;
	margin: 14px 0 12px;
	padding: 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	overflow-y: auto;
}

.bx-call-users-popup__user-item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 4px 10px;
	box-sizing: border-box;
}

.bx-call-users-popup__user-item:hover {
	background-color: var(--ui-color-palette-gray-03, #f5f7f8);
	border-radius: 6px;
}

.bx-call-users-popup__user-avatar {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	flex-shrink: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.bx-call-users-popup__user-avatar.--icon {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.83 30.994a.591.591 0 00.358-.664l-.694-3.536c0-1.119-1.49-2.397-4.426-3.142a10.06 10.06 0 01-2.802-1.252c-.189-.106-.16-1.083-.16-1.083l-.945-.141c0-.08-.081-1.252-.081-1.252 1.13-.373 1.015-2.574 1.015-2.574.718.391 1.186-1.35 1.186-1.35.85-2.42-.423-2.273-.423-2.273a14.94 14.94 0 000-4.456c-.566-4.9-9.085-3.57-8.075-1.97-2.49-.45-1.922 5.111-1.922 5.111l.54 1.44c-.748.477-.601 1.024-.437 1.634.069.255.14.521.15.798.053 1.387.918 1.1.918 1.1.053 2.29 1.204 2.588 1.204 2.588.216 1.438.081 1.194.081 1.194l-1.024.121c.014.327-.013.655-.08.975-.595.26-.96.468-1.32.673-.37.21-.735.417-1.34.678-2.311.994-4.823 2.287-5.27 4.028-.18.701-.355 1.735-.5 2.72-.039.27.11.532.363.633 3.29 1.312 7.067 2.093 11.094 2.18h1.497c4.026-.087 7.803-.868 11.093-2.18z' fill='%23fff'/%3E%3C/svg%3E");
	background-size: 17px 17px;
}

.bx-call-users-popup__user-name {
	flex-shrink: 1;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font: var(--ui-font-size-sm, 13px)/18px var(--ui-font-family-primary, var(--ui-font-family-system));
	font-weight: var(--ui-font-weight-normal, 400);
	color: var(--ui-color-palette-gray-90, #525C69);
}

.bx-call-users-popup::-webkit-scrollbar-track {
	background: transparent;
}

.bx-call-users-popup::-webkit-scrollbar {
	width: 4px;
	background: transparent;
}

.bx-call-users-popup::-webkit-scrollbar-thumb {
	width: 4px;
	border-radius: 512px;
	background: rgba(var(--ui-color-palette-black-solid-rgb), 0.2);
}