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

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

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

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

[dir="rtl"] :is(.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 {
  flex-direction: column;
  display: flex;
}

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

[dir="rtl"] :is(.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);
  text-overflow: ellipsis;
  overflow: hidden;
}

.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: .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);
}