/* Custom CKEditor 5 UI Overrides */

/* Style dropdown panel card label: 2-line clamp, smaller font size, vertical align middle */
.ck.ck-style-panel .ck-style-grid .ck-style-grid__button {
  height: auto !important;
  min-height: var(--ck-style-panel-button-height, 80px);
}

.ck.ck-style-panel .ck-style-grid .ck-style-grid__button .ck-button__label {
  font-size: 11px !important;
  line-height: 1.25 !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 4px !important;
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: anywhere !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2 !important;
  -webkit-box-pack: center !important;
  justify-content: center !important;
  text-align: center !important;
  align-content: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}