/**
 * @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
 */
.ck.ck-special-characters-navigation > .ck-label{
  text-overflow:ellipsis;
  max-width:160px;
  overflow:hidden;
}

.ck.ck-special-characters-navigation > .ck-dropdown .ck-dropdown__panel{
  max-height:250px;
  overflow:hidden auto;
}

@media screen and (width <= 600px){
  .ck.ck-special-characters-navigation{
    max-width:190px;
  }

  .ck.ck-special-characters-navigation > .ck-form__header__label{
    text-overflow:ellipsis;
    overflow:hidden;
  }
}

.ck.ck-special-characters > .ck-dialog__content > div{
  grid-column-gap:0px;
  grid-row-gap:0px;
  grid-template-rows:auto 1fr auto;
  grid-template-columns:1fr;
  width:350px;
  max-width:100%;
  height:100%;
  display:grid;
}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories{
  padding:var(--ck-spacing-medium) var(--ck-spacing-large);
  grid-area:1 / 1 / 2 / 2;
}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view{
  padding-top:var(--ck-spacing-standard);
  width:100%;
}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status{
  background:var(--ck-color-base-error);
  color:var(--ck-color-base-background);
  padding:var(--ck-spacing-small) var(--ck-spacing-medium);
  min-width:var(--ck-table-properties-min-error-width);
  text-align:center;
  animation:.15s both ck-table-form-labeled-view-status-appear;
}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status:after{
  border-color:transparent transparent var(--ck-color-base-error) transparent;
  border-width:0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
  border-style:solid;
}

@media (prefers-reduced-motion: reduce){
  .ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck.ck-labeled-field-view__status{
    animation:none;
  }
}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status{
  display:none;
}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories > .ck-labeled-field-view > .ck-label{
  font-size:var(--ck-font-size-tiny);
  text-align:center;
}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown{
  width:100%;
  display:block;
}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button:not(:focus){
  border:1px solid var(--ck-color-base-border);
}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-categories .ck-dropdown > button > span{
  width:100%;
}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-grid{
  grid-area:2 / 1 / 3 / 2;
  max-height:200px;
}

.ck.ck-special-characters > .ck-dialog__content > div > .ck-character-info{
  grid-area:3 / 1 / 4 / 2;
}

:root{
  --ck-character-grid-tile-size:24px;
}

.ck.ck-character-grid{
  overflow:hidden auto;
}

.ck.ck-character-grid .ck-character-grid__tiles{
  grid-template-columns:repeat(auto-fill, minmax(var(--ck-character-grid-tile-size), 1fr));
  margin:var(--ck-spacing-standard) var(--ck-spacing-large);
  grid-gap:var(--ck-spacing-standard);
  display:grid;
}

.ck.ck-character-grid .ck-character-grid__tile{
  width:var(--ck-character-grid-tile-size);
  height:var(--ck-character-grid-tile-size);
  min-width:var(--ck-character-grid-tile-size);
  min-height:var(--ck-character-grid-tile-size);
  border:0;
  padding:0;
  font-size:1.5em;
  transition:box-shadow .2s;
}

@media (prefers-reduced-motion: reduce){
  .ck.ck-character-grid .ck-character-grid__tile{
    transition:none;
  }
}

.ck.ck-character-grid .ck-character-grid__tile:focus:not(.ck-disabled), .ck.ck-character-grid .ck-character-grid__tile:hover:not(.ck-disabled){
  box-shadow:inset 0 0 0 1px var(--ck-color-base-background), 0 0 0 2px var(--ck-color-focus-border);
  border:0;
}

.ck.ck-character-grid .ck-character-grid__tile .ck-button__label{
  line-height:var(--ck-character-grid-tile-size);
  text-align:center;
  width:100%;
}

.ck.ck-character-grid{
  max-width:100%;
}

.ck.ck-character-info{
  padding:var(--ck-spacing-small) var(--ck-spacing-large);
  border-top:1px solid var(--ck-color-base-border);
  display:flex;
}

.ck.ck-character-info > *{
  text-transform:uppercase;
  font-size:var(--ck-font-size-small);
}

.ck.ck-character-info .ck-character-info__name{
  text-overflow:ellipsis;
  max-width:280px;
  overflow:hidden;
}

.ck.ck-character-info .ck-character-info__code{
  opacity:.6;
}

.ck.ck-character-info{
  justify-content:space-between;
}