/* Shared editable/@mention UI */

.ksw-mention-menu{
	display:none;
	min-width:240px;
	max-width:320px;
	max-height:280px;
	overflow:auto;
	position:absolute;
	z-index:2000;
}

.ksw-mention-menu-avatar{
	width:28px;
	height:28px;
	object-fit:cover;
}

.ksw-comment-editable.form-control,
.feed-edit .feed-edit-editable,
#feedComposeCard .js-feed-compose-editable,
.feed-comment-compose .js-feed-comment-compose-editable,
.feed-comment-edit .js-feed-comment-editable{
	font: inherit;
	color: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	cursor: text;
}

.ksw-comment-editable.form-control{
	min-height:6.5rem;
}

.ksw-comment-editable.form-control.form-control-sm{
	min-height:5.25rem;
}

.feed-edit .feed-edit-editable,
#feedComposeCard .js-feed-compose-editable,
.feed-comment-compose .js-feed-comment-compose-editable,
.feed-comment-edit .js-feed-comment-editable{
	min-height:calc(1.5em + .75rem + 2px);
}

.ksw-comment-editable[contenteditable="true"]:empty:before,
.feed-edit .feed-edit-editable:empty:before,
#feedComposeCard .js-feed-compose-editable:empty:before,
.feed-comment-compose .js-feed-comment-compose-editable:empty:before,
.feed-comment-edit .js-feed-comment-editable:empty:before{
	content: attr(data-placeholder);
	color: var(--bs-secondary-color, #6c757d);
	pointer-events: none;
}

.ksw-mention-token{
	display:inline-block;
	padding:0 .45em;
	border-radius:.55rem;
	background:rgba(0, 0, 0, .08);
	color:inherit;
	font:inherit;
	font-weight:inherit;
	line-height:inherit;
	vertical-align:baseline;
	white-space:nowrap;
}

.ksw-mention-token.ksw-mention-token-everyone{
	background:rgba(0, 0, 0, .14);
}