/* FYI mobile first */
.user-selector {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	min-width: 0;
	gap: 2px; /* віддав 2px на гарне обрамлення __name */
}
.user-selector__avatar {
	flex-shrink: 0;

	width: 20px;
	height: 20px;

	border-radius: 50%;
	overflow: hidden;
}
.user-selector__avatar .av_nm {
	transform: scale(calc(20 / 48));
	transform-origin: left top;
}
.user-selector__name {
	flex-shrink: 1;

	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;

	padding: 0 2px; /* гарне обрамлення за рахунок gap */
	border-radius: 4px;

	color: var(--base-txt-primary);
	font: var(--font-ui-18-title-2-bold);
}
.user-selector__close {
	flex-shrink: 0;

	width: 20px;
	height: 20px;

	border-radius: 50%;

	--icon-size: 16px;
}