.blocks-autocompleters__block .dashicon {
	margin-right: 8px;
}

.blocks-autocompleters__user {
	.blocks-autocompleters__user-avatar {
		margin-right: 8px;
		flex-grow: 0;
		flex-shrink: 0;
		max-width: none; // we must override the gutenberg default of 100%
		width: 24px; // avoid jarring resize by seting the size upfront
		height: 24px;
	}
	.blocks-autocompleters__user-name {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 200px;
		flex-shrink: 0;
		flex-grow: 1;
	}
	.blocks-autocompleters__user-slug {
		margin-left: 8px;
		color: $dark-gray-100;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: none;
		max-width: 100px;
		flex-grow: 0;
		flex-shrink: 0;
	}
	&:hover .blocks-autocompleters__user-slug {
		color: $blue-medium-300;
	}
} 
