.mtp-mention-group-option .editor-autocompleters__no-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--brand-purple, rgb(112, 92, 200)) 18%, #fff);
	color: color-mix(in srgb, var(--brand-purple, rgb(112, 92, 200)) 85%, #000);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
}

.mtp-mentions-popover .mtp-mentions-popover-inner {
	max-height: 280px;
	overflow-y: auto;
}

.mtp-mentions-suggest-item {
	margin-bottom: 4px;
}

.mtp-mentions-empty {
	margin: 0;
	font-size: 12px;
	color: #646970;
}

.mtp-mention-display {
	display: inline;
	padding: 0.12em 0.4em;
	margin: 0 0.06em;
	border-radius: 0.3em;
	font-weight: 600;
	line-height: 1.35;
	color: color-mix(in srgb, var(--brand-purple, rgb(112, 92, 200)) 78%, #000);
	background: color-mix(in srgb, var(--brand-purple, rgb(112, 92, 200)) 14%, #fff);
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.mtp-mention-display--group {
	color: color-mix(in srgb, var(--brand-purple, rgb(112, 92, 200)) 70%, #1a1a1a);
	background: color-mix(in srgb, var(--brand-purple, rgb(112, 92, 200)) 10%, var(--brand-surface, #f6f6f6));
}

.entry-content .mtp-mention-display,
.comment-content .mtp-mention-display {
	white-space: nowrap;
}

.mtp-mentions-front-wrap {
	background: #fff;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
	max-height: 240px;
	overflow-y: auto;
	min-width: 220px;
	padding: 6px;
}

.mtp-mentions-front-wrap .mtp-mentions-suggest-item {
	display: block;
	width: 100%;
	text-align: left;
	padding: 6px 8px;
	margin: 0 0 4px;
	border: 1px solid transparent;
	background: #f6f7f7;
	cursor: pointer;
	border-radius: 2px;
	font-size: 13px;
}

.mtp-mentions-front-wrap .mtp-mentions-suggest-item:hover {
	background: #e8f4fc;
	border-color: #72aee6;
}