/**
 * @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
 */
/*
 * What you're currently looking at is the source code of a legally protected, proprietary software.
 * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
 * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
 *
 * 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
 */

/*
 * 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);
	}