/**
 * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
 * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
 */
:root{
	--ck-slash-command-button-width:250px;
	--ck-slash-command-description-width:200px;
}

.ck-mentions .ck.ck-button.ck-slash-command-button{
	display:flex;
	justify-content:flex-start;
	width:var(--ck-slash-command-button-width);
	padding:calc(.2 * var(--ck-line-height-base) * var(--ck-font-size-base));
}

.ck-mentions .ck.ck-button.ck-slash-command-button .ck.ck-icon{
		flex-shrink:0;
		margin-left:0;
		padding:5px;
		color:var(--ck-color-base-text);
		background-color:var(--ck-color-base-background);
		border-radius:2px;
		box-sizing:initial;
	}

[dir="ltr"] .ck-mentions .ck.ck-button.ck-slash-command-button .ck.ck-icon{
			margin:0 var(--ck-spacing-small) 0 0;
	}

[dir="rtl"] .ck-mentions .ck.ck-button.ck-slash-command-button .ck.ck-icon{
			margin:0 0 0 var(--ck-spacing-small);
	}

.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part{
		display:flex;
		flex-direction:column;
	}

[dir="ltr"] .ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part{
			margin-left:var(--ck-spacing-small);
	}

[dir="rtl"] .ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part{
			margin-right:var(--ck-spacing-small);
	}

.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > span{
			line-height:1.2em;
		}

.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > .ck-button__label,
		.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > .ck-slash-command-button__description{
			width:var(--ck-slash-command-description-width);
			overflow:hidden;
			text-overflow:ellipsis;
		}

.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > .ck-button__label{
			font-weight:bold;
		}

.ck-mentions .ck.ck-button.ck-slash-command-button > .ck-slash-command-button__text-part > .ck-slash-command-button__description{
			font-size:var(--ck-font-size-small);
			opacity:0.75;
		}

.ck-mentions .ck.ck-button.ck-slash-command-button.ck-on > .ck-slash-command-button__text-part > span{
		color:var(--ck-color-list-button-on-text);
	}