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