/**
 * @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-emoji {
  width: 320px;
}

.ck .ck.ck-emoji__search {
  padding: var(--ck-spacing-large);
  padding-bottom: var(--ck-spacing-medium);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ck .ck.ck-emoji__search > .ck.ck-search {
  flex: 1;
}

.ck .ck-fake-emoji-selection {
  background: var(--ck-color-link-fake-selection);
}

.ck .ck-fake-emoji-selection_collapsed {
  border-right: 1px solid var(--ck-color-base-text);
  outline: 1px solid #ffffff80;
  height: 100%;
  margin-right: -1px;
}

div.ck.ck-balloon-panel.ck-emoji-picker-balloon {
  z-index: calc(var(--ck-z-dialog) + 1);
}

.ck.ck-emoji__categories-list {
  margin: 0 var(--ck-spacing-large);
  justify-content: space-between;
  display: flex;
}

.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text {
  font-size: var(--ck-font-size-big);
  min-width: var(--ck-font-size-big);
  min-height: var(--ck-font-size-big);
  border-width: 0 0 2px;
  border-bottom-style: solid;
  border-bottom-color: #0000;
  padding: 0;
}

.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text.ck-emoji__category-item.ck-on {
  border-bottom-color: var(--ck-color-base-active);
}

.ck.ck-emoji__categories-list > .ck.ck-button.ck-button_with-text > span {
  margin: auto;
}

:root {
  --ck-emoji-grid-tile-size: 27px;
}

.ck.ck-emoji .ck.ck-emoji__tiles {
  border-top: 1px solid var(--ck-color-base-border);
  max-width: 100%;
  max-height: min(265px, 40vh);
  overflow: hidden auto;
}

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

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

@media (prefers-reduced-motion: reduce) {
  .ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile {
    transition: none;
  }
}

.ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__tile:focus:not(.ck-disabled), .ck.ck-emoji .ck.ck-emoji__tiles .ck-emoji__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-emoji .ck.ck-emoji__tiles .ck-emoji__tile .ck-button__label {
  line-height: var(--ck-emoji-grid-tile-size);
  text-align: center;
  width: 100%;
}

.ck.ck-form.ck-emoji-picker-form {
  padding-bottom: 0;
}

.ck.ck-form.ck-emoji-picker-form .ck.ck-dropdown .ck-dropdown__button:not(:focus) {
  border-color: #0000;
}

.ck.ck-emoji__skin-tone {
  margin-left: var(--ck-spacing-standard);
}

.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck.ck-list__item {
  min-width: 1em;
}

.ck.ck-emoji__skin-tone > .ck.ck-dropdown .ck-button.ck-dropdown__button .ck-button__label {
  width: initial;
}

/*# sourceMappingURL=index.css.map */