.ck.ck-content.ck-editor__editable_inline>:first-child {
  margin-top:0
}
.ck.ck-heading-dropdown .ck.ck-list__item .ck-button .ck-button__label {
  line-height:max(24px,1.1em)
}
.ck canvas.ck.ck-icon,
.ck img.ck.ck-icon,
.ck picture.ck.ck-icon,
.ck svg.ck.ck-icon,
.ck video.ck.ck-icon {
  max-width:none
}
.ck svg.ck.ck-icon {
  display:inline-block
}
.ck-content img,
.ck-content picture {
  display:inline
}
.ck-content .image picture {
  display:inline
}
.ck-content .image-inline picture {
  display:flex
}
.ck-content .image img,
.ck-content .image-inline img {
  display:block
}
.ck-content pre {
  margin-bottom:var(--ck-spacing-large);
  border:1px solid #c4c4c4;
  border-radius:2px;
  background:rgba(199,199,199,.3);
  padding:1em;
  min-width:200px;
  color:#353535;
  font-style:normal;
  direction:ltr;
  text-align:left;
  text-shadow:none;
  white-space:pre-wrap;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4
}
.ck-content code {
  color:#353535;
  font-size:.85rem;
  font-family:monospace;
  text-shadow:none
}
.b-demo {
  --l-wrapper-max:66rem
}
.b-demo--wide {
  --l-wrapper-max:77rem
}
.b-demo__notification {
  position:fixed;
  top:120px;
  right:10px;
  z-index:1001;
  margin:0;
  box-shadow:0 2px 6px rgba(0,0,0,.18);
  border:1px solid #e3e3e3;
  background-color:#fff;
  padding:20px 40px 20px 20px;
  max-width:660px
}
.b-demo__notification-body p {
  margin-bottom:.6em
}
.b-demo__notification-body p:last-child {
  margin-bottom:0
}
.b-demo__notification-close {
  position:absolute;
  top:0;
  right:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  transition:background 150ms ease;
  cursor:pointer;
  box-shadow:none;
  border:none;
  background:0 0;
  padding:10px;
  line-height:1
}
.b-demo__notification-close:hover {
  background:#ededed
}
.b-demo__notification-close:active:focus {
  outline:0
}
.b-demo--dark .c-tabs__tab {
  color:var(--color-seal-1)
}
.b-demo--dark .c-tabs__tab--active {
  border-color:var(--color-comet-5)
}
.b-demo--dark .c-spinner-text {
  color:var(--color-seal-1)
}
.b-demo__editor [class*=js-editor-wrapper].hidden {
  display:none
}
.b-demo__editor [data-demo-type=feature-rich] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=feature-rich] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=feature-rich] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content h1,
.b-demo__editor [data-demo-type=feature-rich] .ck-content h2,
.b-demo__editor [data-demo-type=feature-rich] .ck-content h3,
.b-demo__editor [data-demo-type=feature-rich] .ck-content h4,
.b-demo__editor [data-demo-type=feature-rich] .ck-content h5,
.b-demo__editor [data-demo-type=feature-rich] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content blockquote,
.b-demo__editor [data-demo-type=feature-rich] .ck-content ol,
.b-demo__editor [data-demo-type=feature-rich] .ck-content p,
.b-demo__editor [data-demo-type=feature-rich] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content {
  --ck-georgia-serif-font-stack:Georgia,Times,Times New Roman,serif
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content h1.document-title {
  font-family:var(--ck-georgia-serif-font-stack);
  font-size:50px;
  font-weight:700;
  border:0
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content h2.document-subtitle {
  font-family:var(--ck-georgia-serif-font-stack);
  font-size:20px;
  font-weight:700;
  color:#d1d1d1;
  letter-spacing:10px
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content p.callout {
  --border-color:#e91e1e;
  padding:1.2em 2em;
  border:1px solid var(--border-color);
  border-left:10px solid var(--border-color);
  background:#fff9fb;
  border-radius:5px;
  margin:1.5em 2em;
  box-shadow:5px 5px 0 #ffe6ef
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content blockquote.side-quote {
  font-family:var(--ck-georgia-serif-font-stack);
  font-style:normal;
  float:right;
  width:35%;
  position:relative;
  border:0;
  overflow:visible;
  z-index:1;
  margin-left:1em
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content blockquote.side-quote::before {
  content:"“";
  position:absolute;
  top:-37px;
  left:-10px;
  display:block;
  font-size:200px;
  color:#e7e7e7;
  z-index:-1;
  line-height:1
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content blockquote.side-quote p {
  font-size:2em;
  line-height:1
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content blockquote.side-quote p:last-child:not(:first-child) {
  font-size:1.3em;
  text-align:right;
  color:#555
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content span.needs-clarification {
  outline:1px dashed #c8a24b;
  background:#ffe19c;
  border-radius:2px;
  position:relative
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content span.needs-clarification::after {
  content:"?";
  display:inline-block;
  color:#fff;
  background:#3b3b3b;
  font-size:12px;
  vertical-align:super;
  width:12px;
  height:12px;
  line-height:12px;
  border-radius:10px;
  text-align:center;
  position:absolute;
  right:-6px;
  top:-6px;
  font-weight:700;
  letter-spacing:initial
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content span.wide-spacing {
  letter-spacing:.3em
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content span.small-caps {
  font-variant:small-caps
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content span.spoiler {
  background:#000;
  color:#000
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content span.spoiler:hover {
  background:#000;
  color:#fff
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content pre.stylish-code {
  border-color:transparent;
  margin-left:2em;
  margin-right:2em;
  border-radius:10px
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content pre.stylish-code::before {
  --ck-stylish-code-disc-radius:6px;
  content:"";
  display:block;
  height:calc(var(--ck-stylish-code-disc-radius)*2);
  background-image:radial-gradient(circle,#f16b5d var(--ck-stylish-code-disc-radius),rgba(0,0,0,0) var(--ck-stylish-code-disc-radius)),radial-gradient(circle,#f5be4d var(--ck-stylish-code-disc-radius),rgba(0,0,0,0) var(--ck-stylish-code-disc-radius)),radial-gradient(circle,#56c452 var(--ck-stylish-code-disc-radius),rgba(0,0,0,0) var(--ck-stylish-code-disc-radius));
  background-size:calc(var(--ck-stylish-code-disc-radius)*2) calc(var(--ck-stylish-code-disc-radius)*2);
  background-position:0 0,calc(var(--ck-stylish-code-disc-radius)*3) 0,calc(var(--ck-stylish-code-disc-radius)*6) 0;
  margin-bottom:8px;
  background-repeat:no-repeat
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content pre.stylish-code-bright,
.b-demo__editor [data-demo-type=feature-rich] .ck-content pre.stylish-code-dark {
  padding:1em
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content pre.stylish-code-dark {
  background:#272822;
  box-shadow:5px 5px 0 rgba(0,0,0,.1215686275);
  color:#fff
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content pre.stylish-code-dark code {
  color:#fff
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content pre.stylish-code-bright {
  background:#dddfe0;
  color:#000;
  box-shadow:5px 5px 0 #b3b3b3
}
.b-demo__editor [data-demo-type=feature-rich] .ck-content pre.stylish-code-bright code {
  color:#222
}
.b-demo__editor [data-demo-type=feature-rich] .ck.ck-color-ui-dropdown {
  --ck-color-grid-tile-size:20px
}
.b-demo__editor [data-demo-type=feature-rich] .ck.ck-color-ui-dropdown .ck-color-grid {
  grid-gap:1px
}
.b-demo__editor [data-demo-type=feature-rich] .ck.ck-color-ui-dropdown .ck-color-grid .ck-button {
  border-radius:0
}
.b-demo__editor [data-demo-type=feature-rich] .ck.ck-color-ui-dropdown .ck-color-grid__tile:focus:not(.ck-disabled),
.b-demo__editor [data-demo-type=feature-rich] .ck.ck-color-ui-dropdown .ck-color-grid__tile:hover:not(.ck-disabled) {
  z-index:1;
  transform:scale(1.3)
}
.ck-mentions .mention__item {
  display:flex;
  align-items:center
}
.ck-mentions .mention__item img {
  border-radius:100%;
  height:30px
}
.ck-mentions .mention__item span {
  margin-left:.5em
}
.ck-mentions .mention__item.ck-on span {
  color:var(--ck-color-base-background)
}
.ck-mentions .mention__item .mention__item__full-name {
  color:#737373
}
.ck-mentions .mention__item:hover:not(.ck-on) .mention__item__full-name {
  color:#666
}
.b-demo__editor [data-demo-type=feature-rich] .ck.ck-word-count {
  display:flex;
  justify-content:flex-end;
  background:var(--ck-color-toolbar-background);
  padding:var(--ck-spacing-small) var(--ck-spacing-standard);
  border:1px solid var(--ck-color-toolbar-border);
  border-top-width:0;
  border-radius:0 0 var(--ck-border-radius);
  font:normal normal normal var(--ck-font-size-base)/var(--ck-line-height-base) var(--ck-font-face)
}
.b-demo__editor [data-demo-type=feature-rich] .ck.ck-word-count .ck-word-count__words {
  margin-right:var(--ck-spacing-standard)
}
.b-demo__editor [data-demo-type=feature-rich] .ck.ck-rounded-corners .ck-source-editing-area textarea,
.b-demo__editor [data-demo-type=feature-rich] .ck.ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.b-demo__editor [data-demo-type=headless] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=headless] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=headless] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=headless] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=headless] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=headless] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=headless] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=headless] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=headless] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=headless] .ck-content h1,
.b-demo__editor [data-demo-type=headless] .ck-content h2,
.b-demo__editor [data-demo-type=headless] .ck-content h3,
.b-demo__editor [data-demo-type=headless] .ck-content h4,
.b-demo__editor [data-demo-type=headless] .ck-content h5,
.b-demo__editor [data-demo-type=headless] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=headless] .ck-content blockquote,
.b-demo__editor [data-demo-type=headless] .ck-content ol,
.b-demo__editor [data-demo-type=headless] .ck-content p,
.b-demo__editor [data-demo-type=headless] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=headless] .App {
  --ck-demo-space-2xs:clamp(0.38rem, calc(0.34rem + 0.18vw), 0.5rem);
  --ck-demo-space-xs:clamp(0.5rem, calc(0.43rem + 0.37vw), 0.75rem);
  --ck-demo-space-s:clamp(0.63rem, calc(0.51rem + 0.55vw), 1rem);
  --ck-demo-space-m:clamp(1.38rem, calc(1.19rem + 0.92vw), 2rem);
  --ck-demo-headless-primary-color:hsl(263, 59%, 52%);
  --ck-demo-headless-button-bg-color-on-hover:hsl(0, 0%, 93%)
}
.b-demo__editor [data-demo-type=headless] .ck {
  --ck-color-base-border:hsl(210, 22%, 91%);
  --ck-border-radius:var(--ck-demo-space-2xs)
}
.b-demo__editor [data-demo-type=headless] .ck.ck-content.ck-editor__editable_inline {
  --ck-border-radius:var(--ck-demo-space-xs)
}
.b-demo__editor [data-demo-type=headless] .ck.ck-content.ck-editor__editable_inline:not(:focus) {
  border-color:var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=headless] .editor-toolbar {
  position:sticky;
  top:var(--header-height);
  display:flex;
  flex-flow:row wrap;
  gap:var(--ck-demo-space-2xs);
  width:100%;
  margin-bottom:var(--ck-demo-space-m);
  padding:var(--ck-demo-space-s);
  background:#fff;
  border:1px solid var(--ck-color-base-border);
  border-radius:var(--ck-demo-space-xs);
  z-index:1
}
.b-demo__editor [data-demo-type=headless] .custom-editor-button {
  display:inline-block;
  background-color:rgba(0,0,0,0);
  font-weight:700;
  color:var(--ck-demo-headless-primary-color);
  border-radius:var(--ck-demo-space-2xs);
  text-decoration:none;
  text-align:center;
  border:1px solid var(--ck-color-base-border);
  cursor:pointer;
  transition:background-color .15s
}
.b-demo__editor [data-demo-type=headless] .custom-editor-button--fill {
  color:#fff;
  background-color:var(--ck-demo-headless-primary-color);
  border-color:var(--ck-demo-headless-primary-color)
}
.b-demo__editor [data-demo-type=headless] .custom-editor-button--disabled {
  opacity:.4;
  color:#000;
  pointer-events:none
}
.b-demo__editor [data-demo-type=headless] .custom-editor-button:not(.custom-editor-button--disabled,
.custom-editor-button--fill):hover {
  background-color:var(--ck-demo-headless-button-bg-color-on-hover)
}
.b-demo__editor [data-demo-type=localized] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=localized] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=localized] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=localized] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=localized] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=localized] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=localized] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=localized] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=localized] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=localized] .ck-content h1,
.b-demo__editor [data-demo-type=localized] .ck-content h2,
.b-demo__editor [data-demo-type=localized] .ck-content h3,
.b-demo__editor [data-demo-type=localized] .ck-content h4,
.b-demo__editor [data-demo-type=localized] .ck-content h5,
.b-demo__editor [data-demo-type=localized] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=localized] .ck-content blockquote,
.b-demo__editor [data-demo-type=localized] .ck-content ol,
.b-demo__editor [data-demo-type=localized] .ck-content p,
.b-demo__editor [data-demo-type=localized] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=markdown] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=markdown] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=markdown] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=markdown] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=markdown] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=markdown] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=markdown] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=markdown] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=markdown] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=markdown] .ck-content h1,
.b-demo__editor [data-demo-type=markdown] .ck-content h2,
.b-demo__editor [data-demo-type=markdown] .ck-content h3,
.b-demo__editor [data-demo-type=markdown] .ck-content h4,
.b-demo__editor [data-demo-type=markdown] .ck-content h5,
.b-demo__editor [data-demo-type=markdown] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=markdown] .ck-content blockquote,
.b-demo__editor [data-demo-type=markdown] .ck-content ol,
.b-demo__editor [data-demo-type=markdown] .ck-content p,
.b-demo__editor [data-demo-type=markdown] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
@media screen and (min-width:800px) {
  .b-demo__editor [data-demo-type=mobile] #mobile-wrapper {
    --ck-demo-notch-height:28px;
    --ck-demo-notch-width:180px;
    --ck-demo-notch-border-radius:15px;
    --ck-demo-phone-border-size:12px;
    --ck-demo-phone-border-color:#000;
    --ck-demo-phone-border-radius:50px;
    --ck-demo-phone-top-padding:calc(var(--ck-demo-notch-height) + 15px);
    --ck-demo-phone-height:898px;
    --ck-demo-phone-width:443px;
    --ck-demo-iframe-border-radius:40px;
    max-width:calc(var(--ck-demo-phone-width) - 2*var(--ck-demo-phone-border-size));
    height:calc(var(--ck-demo-phone-height) - 2*var(--ck-demo-phone-border-size) + var(--ck-demo-phone-top-padding));
    position:relative;
    padding-top:var(--ck-demo-phone-top-padding);
    margin:auto;
    border:var(--ck-demo-phone-border-size) solid var(--ck-demo-phone-border-color);
    border-radius:var(--ck-demo-phone-border-radius)
  }
  .b-demo__editor [data-demo-type=mobile] #mobile-wrapper::before {
    content:"";
    background:#000;
    width:var(--ck-demo-notch-width);
    height:var(--ck-demo-notch-height);
    display:block;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    border-radius:0 0 var(--ck-demo-notch-border-radius) var(--ck-demo-notch-border-radius)
  }
  .b-demo__editor [data-demo-type=mobile] #mobile-wrapper::after {
    content:"";
    display:block;
    background:var(--ck-demo-phone-border-color);
    width:calc(var(--ck-demo-notch-width) + 2*var(--ck-demo-notch-border-radius));
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    height:var(--ck-demo-notch-border-radius);
    --mask:radial-gradient( var(--ck-demo-notch-border-radius) at var(--ck-demo-notch-border-radius) 100%, #0000 98%, var(--ck-demo-phone-border-color)) calc( -1 * var(--ck-demo-notch-border-radius));
    -webkit-mask:var(--mask);
    mask:var(--mask)
  }
  .b-demo__editor [data-demo-type=mobile] #mobile-wrapper iframe {
    border-radius:0 0 var(--ck-demo-iframe-border-radius);
    border:none
  }
}
@media screen and (max-width:800px) {
  .b-demo__editor [data-demo-type=mobile] #mobile-wrapper {
    --ck-demo-iframe-height:850px;
    height:var(--ck-demo-iframe-height)
  }
  .b-demo__editor [data-demo-type=mobile] #mobile-wrapper iframe {
    width:100%;
    border:0
  }
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h1,
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h2,
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h3,
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h4,
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h5,
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content blockquote,
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content ol,
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content p,
.b-demo__editor [data-demo-type=mobile-iframe] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
body.mobile-support-iframe {
  background:rgba(0,0,0,0);
  overflow:hidden
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-editor .ck-content {
  min-height:810.5px
}
@media screen and (max-width:800px) {
  .b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-editor .ck-content {
    height:calc(100vh - 40px)
  }
}
@media screen and (width:395px) {
  .b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-editor .ck-content {
    --ck-border-radius:0 0 38px 38px
  }
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-editor .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
  width:70px
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-editor .ck.ck-toolbar-dropdown>.ck-dropdown__panel {
  max-width:90vw
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-content h1 {
  font-size:1.6em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-content h2 {
  font-size:1.45em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-content h3 {
  font-size:1.3em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=mobile-iframe] .ck.ck-editor .ck-toolbar svg.ck.ck-icon {
  max-width:none
}
html:has(body.mobile-support-iframe) {
  scroll-behavior:auto
}
.b-demo__editor [data-demo-type=source-code] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=source-code] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=source-code] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=source-code] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=source-code] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=source-code] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=source-code] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=source-code] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=source-code] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=source-code] .ck-content h1,
.b-demo__editor [data-demo-type=source-code] .ck-content h2,
.b-demo__editor [data-demo-type=source-code] .ck-content h3,
.b-demo__editor [data-demo-type=source-code] .ck-content h4,
.b-demo__editor [data-demo-type=source-code] .ck-content h5,
.b-demo__editor [data-demo-type=source-code] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=source-code] .ck-content blockquote,
.b-demo__editor [data-demo-type=source-code] .ck-content ol,
.b-demo__editor [data-demo-type=source-code] .ck-content p,
.b-demo__editor [data-demo-type=source-code] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=source-code] .ck-content {
  --ck-georgia-serif-font-stack:Georgia,Times,Times New Roman,serif
}
.b-demo__editor [data-demo-type=source-code] .ck-content h1.document-title {
  font-family:var(--ck-georgia-serif-font-stack);
  font-size:50px;
  font-weight:700;
  border:0
}
.b-demo__editor [data-demo-type=source-code] .ck-content h2.document-subtitle {
  font-family:var(--ck-georgia-serif-font-stack);
  font-size:20px;
  font-weight:700;
  color:#d1d1d1;
  letter-spacing:10px
}
.b-demo__editor [data-demo-type=source-code] .ck-content p.callout {
  --border-color:#e91e1e;
  padding:1.2em 2em;
  border:1px solid var(--border-color);
  border-left:10px solid var(--border-color);
  background:#fff9fb;
  border-radius:5px;
  margin:1.5em 2em;
  box-shadow:5px 5px 0 #ffe6ef
}
.b-demo__editor [data-demo-type=source-code] .ck-content blockquote.side-quote {
  font-family:var(--ck-georgia-serif-font-stack);
  font-style:normal;
  float:right;
  width:35%;
  position:relative;
  border:0;
  overflow:visible;
  z-index:1;
  margin-left:1em
}
.b-demo__editor [data-demo-type=source-code] .ck-content blockquote.side-quote::before {
  content:"“";
  position:absolute;
  top:-37px;
  left:-10px;
  display:block;
  font-size:200px;
  color:#e7e7e7;
  z-index:-1;
  line-height:1
}
.b-demo__editor [data-demo-type=source-code] .ck-content blockquote.side-quote p {
  font-size:2em;
  line-height:1
}
.b-demo__editor [data-demo-type=source-code] .ck-content blockquote.side-quote p:last-child:not(:first-child) {
  font-size:1.3em;
  text-align:right;
  color:#555
}
.b-demo__editor [data-demo-type=source-code] .ck-content span.needs-clarification {
  outline:1px dashed #c8a24b;
  background:#ffe19c;
  border-radius:2px;
  position:relative
}
.b-demo__editor [data-demo-type=source-code] .ck-content span.needs-clarification::after {
  content:"?";
  display:inline-block;
  color:#fff;
  background:#3b3b3b;
  font-size:12px;
  vertical-align:super;
  width:12px;
  height:12px;
  line-height:12px;
  border-radius:10px;
  text-align:center;
  position:absolute;
  right:-6px;
  top:-6px;
  font-weight:700;
  letter-spacing:initial
}
.b-demo__editor [data-demo-type=source-code] .ck-content span.wide-spacing {
  letter-spacing:.3em
}
.b-demo__editor [data-demo-type=source-code] .ck-content span.small-caps {
  font-variant:small-caps
}
.b-demo__editor [data-demo-type=source-code] .ck-content span.spoiler {
  background:#000;
  color:#000
}
.b-demo__editor [data-demo-type=source-code] .ck-content span.spoiler:hover {
  background:#000;
  color:#fff
}
.b-demo__editor [data-demo-type=source-code] .ck-content pre.stylish-code {
  border-color:transparent;
  margin-left:2em;
  margin-right:2em;
  border-radius:10px
}
.b-demo__editor [data-demo-type=source-code] .ck-content pre.stylish-code::before {
  --ck-stylish-code-disc-radius:6px;
  content:"";
  display:block;
  height:calc(var(--ck-stylish-code-disc-radius)*2);
  background-image:radial-gradient(circle,#f16b5d var(--ck-stylish-code-disc-radius),rgba(0,0,0,0) var(--ck-stylish-code-disc-radius)),radial-gradient(circle,#f5be4d var(--ck-stylish-code-disc-radius),rgba(0,0,0,0) var(--ck-stylish-code-disc-radius)),radial-gradient(circle,#56c452 var(--ck-stylish-code-disc-radius),rgba(0,0,0,0) var(--ck-stylish-code-disc-radius));
  background-size:calc(var(--ck-stylish-code-disc-radius)*2) calc(var(--ck-stylish-code-disc-radius)*2);
  background-position:0 0,calc(var(--ck-stylish-code-disc-radius)*3) 0,calc(var(--ck-stylish-code-disc-radius)*6) 0;
  margin-bottom:8px;
  background-repeat:no-repeat
}
.b-demo__editor [data-demo-type=source-code] .ck-content pre.stylish-code-bright,
.b-demo__editor [data-demo-type=source-code] .ck-content pre.stylish-code-dark {
  padding:1em
}
.b-demo__editor [data-demo-type=source-code] .ck-content pre.stylish-code-dark {
  background:#272822;
  box-shadow:5px 5px 0 rgba(0,0,0,.1215686275);
  color:#fff
}
.b-demo__editor [data-demo-type=source-code] .ck-content pre.stylish-code-dark code {
  color:#fff
}
.b-demo__editor [data-demo-type=source-code] .ck-content pre.stylish-code-bright {
  background:#dddfe0;
  color:#000;
  box-shadow:5px 5px 0 #b3b3b3
}
.b-demo__editor [data-demo-type=source-code] .ck-content pre.stylish-code-bright code {
  color:#222
}
.b-demo__editor [data-demo-type=source-code] .ck-content .columns {
  display:flex;
  flex-direction:row;
  width:100%
}
.b-demo__editor [data-demo-type=source-code] .ck-content .column {
  flex:33.33%
}
@media not print {
  @media all and (max-width:768px) {
    .b-demo__editor [data-demo-type=source-code] .ck-content .columns {
      flex-wrap:wrap
    }
    .b-demo__editor [data-demo-type=source-code] .ck-content .column {
      flex:100%
    }
  }
}
.b-demo__editor [data-demo-type=source-code] .ck.ck-color-ui-dropdown {
  --ck-color-grid-tile-size:20px
}
.b-demo__editor [data-demo-type=source-code] .ck.ck-color-ui-dropdown .ck-color-grid {
  grid-gap:1px
}
.b-demo__editor [data-demo-type=source-code] .ck.ck-color-ui-dropdown .ck-color-grid .ck-button {
  border-radius:0
}
.b-demo__editor [data-demo-type=source-code] .ck.ck-color-ui-dropdown .ck-color-grid__tile:focus:not(.ck-disabled),
.b-demo__editor [data-demo-type=source-code] .ck.ck-color-ui-dropdown .ck-color-grid__tile:hover:not(.ck-disabled) {
  z-index:1;
  transform:scale(1.3)
}
.ck-mentions .mention__item {
  display:flex;
  align-items:center
}
.ck-mentions .mention__item img {
  border-radius:100%;
  height:30px
}
.ck-mentions .mention__item span {
  margin-left:.5em
}
.ck-mentions .mention__item.ck-on span {
  color:var(--ck-color-base-background)
}
.ck-mentions .mention__item .mention__item__full-name {
  color:#737373
}
.ck-mentions .mention__item:hover:not(.ck-on) .mention__item__full-name {
  color:#666
}
.b-demo__editor [data-demo-type=editor-types-balloon] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=editor-types-balloon] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h1,
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h2,
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h3,
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h4,
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h5,
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content blockquote,
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content ol,
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content p,
.b-demo__editor [data-demo-type=editor-types-balloon] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h1,
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h2,
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h3,
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h4,
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h5,
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content blockquote,
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content ol,
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content p,
.b-demo__editor [data-demo-type=editor-types-balloon-block] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.ck.ck-block-toolbar-button {
  transform:translateX(calc(var(--ck-spacing-large) * -1))
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h1,
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h2,
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h3,
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h4,
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h5,
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content blockquote,
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content ol,
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content p,
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] #cke5-editor-types-demo-bottom-toolbar {
  display:flex;
  flex-direction:column
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] #cke5-editor-types-demo-bottom-toolbar-content {
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] #cke5-editor-types-demo-bottom-toolbar-content:not(.ck-focused) {
  border-color:var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=editor-types-bottom-toolbar] #cke5-editor-types-demo-bottom-toolbar-toolbar-container>.ck.ck-toolbar {
  border-top-width:0;
  border-top-left-radius:0;
  border-top-right-radius:0
}
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h1,
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h2,
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h3,
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h4,
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h5,
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content blockquote,
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content ol,
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content p,
.b-demo__editor [data-demo-type=editor-types-button-grouping] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=editor-types-classic] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=editor-types-classic] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=editor-types-classic] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h1,
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h2,
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h3,
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h4,
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h5,
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content blockquote,
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content ol,
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content p,
.b-demo__editor [data-demo-type=editor-types-classic] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=editor-types-document] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=editor-types-document] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=editor-types-document] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h1,
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h2,
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h3,
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h4,
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h5,
.b-demo__editor [data-demo-type=editor-types-document] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=editor-types-document] .ck-content blockquote,
.b-demo__editor [data-demo-type=editor-types-document] .ck-content ol,
.b-demo__editor [data-demo-type=editor-types-document] .ck-content p,
.b-demo__editor [data-demo-type=editor-types-document] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=editor-types-document] .ck-content {
  font-family:"Times New Roman",Time,serif;
  line-height:1.4
}
.b-demo__editor [data-demo-type=editor-types-document] .ck.ck-color-ui-dropdown {
  --ck-color-grid-tile-size:20px
}
.b-demo__editor [data-demo-type=editor-types-document] .ck.ck-color-ui-dropdown .ck-color-grid {
  grid-gap:1px
}
.b-demo__editor [data-demo-type=editor-types-document] .ck.ck-color-ui-dropdown .ck-color-grid .ck-button {
  border-radius:0
}
.b-demo__editor [data-demo-type=editor-types-document] .ck.ck-color-ui-dropdown .ck-color-grid__tile:focus:not(.ck-disabled),
.b-demo__editor [data-demo-type=editor-types-document] .ck.ck-color-ui-dropdown .ck-color-grid__tile:hover:not(.ck-disabled) {
  z-index:1;
  transform:scale(1.3)
}
.b-demo__editor [data-demo-type=editor-types-document] #cke5-editor-types-demo-document {
  --ck-document-outline-indent-level-2:1.1em;
  --ck-document-outline-indent-level-3:2.2em;
  --ck-document-outline-item-active-color:var(--color-tang-6);
  --editor-background:var(--color-shark-4);
  position:relative;
  border:1px solid var(--ck-color-base-border);
  border-radius:var(--ck-border-radius);
  max-height:80vh;
  display:flex;
  flex-flow:column nowrap
}
.b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__toolbar-container {
  z-index:2;
  box-shadow:0 2px 2px rgba(0,0,0,.08);
  border-bottom:1px solid var(--ck-color-toolbar-border);
  position:sticky;
  top:var(--header-height)
}
.b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__toolbar-container .ck-toolbar {
  border:0;
  border-radius:0
}
.b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__content-container {
  padding:clamp(1rem,.85rem + .74vw,1.5rem);
  background:var(--editor-background);
  overflow-y:scroll
}
.b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__content-container .cke5-editor-types-demo-document__content {
  max-width:21cm;
  width:100%;
  min-height:21cm;
  padding:2cm 2.4cm;
  border-color:transparent;
  border-radius:var(--ck-border-radius);
  background:#fff;
  box-shadow:0 0 5px rgba(0,0,0,.07);
  margin:0 auto
}
.b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__content-container .cke5-editor-types-demo-document__content.ck-focused {
  border:var(--ck-focus-ring)
}
.b-demo__editor [data-demo-type=editor-types-document] #cke5-editor-types-demo-document {
  display:grid!important;
  grid-template-columns:1fr 22cm;
  grid-template-rows:auto 1fr
}
@media screen and (max-width:1100px) {
  .b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__content-container .cke5-editor-types-demo-document__content {
    padding:.5cm
  }
}
@media screen and (max-width:1100px) {
  .b-demo__editor [data-demo-type=editor-types-document] #cke5-editor-types-demo-document {
    grid-template-columns:1fr
  }
}
.b-demo__editor [data-demo-type=editor-types-document] #cke5-editor-types-demo-document {
  display:grid!important;
  grid-template-columns:1fr minmax(75%,22cm);
  grid-template-rows:auto 1fr
}
.b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__toolbar-container {
  grid-column:1/3
}
@media screen and (max-width:1100px) {
  .b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__content-container {
    grid-column:1/3
  }
  .b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__outline {
    display:none
  }
  .b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__outline [class*=-toggle] {
    opacity:.5;
    padding:var(--ck-spacing-small)
  }
  .b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__outline [class*=-toggle]:hover {
    opacity:1
  }
}
.b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__outline {
  background:var(--color-shark-4,#e3e8ed);
  overflow-x:auto;
  max-height:80vh
}
.b-demo__editor [data-demo-type=editor-types-document] #cke5-editor-types-demo-document {
  --ck-document-outline-indent-level-2:1.1em;
  --ck-document-outline-indent-level-3:2.2em;
  --ck-document-outline-item-active-color:var(--color-tang-5, #743ccd)
}
.b-demo__editor [data-demo-type=editor-types-document] #cke5-editor-types-demo-document .ck-document-outline__item {
  line-height:1.1em;
  max-width:27ch
}
.b-demo__editor [data-demo-type=editor-types-document] #cke5-editor-types-demo-document .ck-content .ck-widget.table-of-contents ol {
  margin-bottom:var(--ck-spacing-tiny)
}
@media screen and (min-width:1100px) {
  .b-demo__editor [data-demo-type=editor-types-document] #cke5-editor-types-demo-document.outline-collapsed {
    grid-template-columns:35px minmax(22cm,100%)
  }
  .b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__wrapper.outline-collapsed .ck-document-outline {
    display:none
  }
}
.b-demo__editor [data-demo-type=editor-types-document] .cke5-editor-types-demo-document__wrappper {
  grid-template-columns:1fr minmax(75%,22cm)
}
.b-demo__editor [data-demo-type=editor-types-inline] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=editor-types-inline] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=editor-types-inline] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h1,
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h2,
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h3,
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h4,
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h5,
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content blockquote,
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content ol,
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content p,
.b-demo__editor [data-demo-type=editor-types-inline] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=editor-types-inline] #cke5-editor-types-demo-inline #inline-footer-first,
.b-demo__editor [data-demo-type=editor-types-inline] #cke5-editor-types-demo-inline #inline-footer-second,
.b-demo__editor [data-demo-type=editor-types-inline] #cke5-editor-types-demo-inline #inline-header,
.b-demo__editor [data-demo-type=editor-types-inline] #cke5-editor-types-demo-inline #inline-main {
  min-height:unset
}
.b-demo__editor [data-demo-type=editor-types-inline] #cke5-editor-types-demo-inline #inline-header,
.b-demo__editor [data-demo-type=editor-types-inline] #cke5-editor-types-demo-inline #inline-main {
  margin-bottom:20px
}
.b-demo__editor [data-demo-type=editor-types-inline] #cke5-editor-types-demo-inline .demo-row {
  display:flex;
  gap:20px;
  justify-content:space-between
}
.b-demo__editor [data-demo-type=editor-types-inline] #cke5-editor-types-demo-inline .demo-row__half {
  flex:1 1 0
}
.b-demo__editor [data-demo-type=editor-types-inline] #cke5-editor-types-demo-inline #inline-footer-first,
.b-demo__editor [data-demo-type=editor-types-inline] #cke5-editor-types-demo-inline #inline-footer-second {
  height:100%
}
.b-demo__editor [data-demo-type=productivity-pack] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=productivity-pack] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=productivity-pack] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h1,
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h2,
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h3,
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h4,
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h5,
.b-demo__editor [data-demo-type=productivity-pack] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=productivity-pack] .ck-content blockquote,
.b-demo__editor [data-demo-type=productivity-pack] .ck-content ol,
.b-demo__editor [data-demo-type=productivity-pack] .ck-content p,
.b-demo__editor [data-demo-type=productivity-pack] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=productivity-pack] .ck-content {
  font-family:"Times New Roman",Time,serif;
  line-height:1.4
}
.b-demo__editor [data-demo-type=productivity-pack] .ck.ck-color-ui-dropdown {
  --ck-color-grid-tile-size:20px
}
.b-demo__editor [data-demo-type=productivity-pack] .ck.ck-color-ui-dropdown .ck-color-grid {
  grid-gap:1px
}
.b-demo__editor [data-demo-type=productivity-pack] .ck.ck-color-ui-dropdown .ck-color-grid .ck-button {
  border-radius:0
}
.b-demo__editor [data-demo-type=productivity-pack] .ck.ck-color-ui-dropdown .ck-color-grid__tile:focus:not(.ck-disabled),
.b-demo__editor [data-demo-type=productivity-pack] .ck.ck-color-ui-dropdown .ck-color-grid__tile:hover:not(.ck-disabled) {
  z-index:1;
  transform:scale(1.3)
}
.b-demo__editor [data-demo-type=productivity-pack] #cke5-productivity-pack-demo {
  position:relative;
  border:1px solid var(--ck-color-base-border);
  border-radius:var(--ck-border-radius);
  max-height:80vh;
  display:flex;
  flex-flow:column nowrap
}
.b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__toolbar-container {
  z-index:2;
  box-shadow:0 2px 2px rgba(0,0,0,.08);
  border-bottom:1px solid var(--ck-color-toolbar-border);
  position:sticky;
  top:var(--header-height)
}
.b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__toolbar-container .ck-toolbar {
  border:0;
  border-radius:0
}
.b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__content-container {
  padding:clamp(1rem,.85rem + .74vw,1.5rem);
  background:var(--color-shark-4,#e3e8ed);
  overflow-y:scroll
}
.b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__content-container .cke5-productivity-pack-demo__content {
  max-width:21cm;
  width:100%;
  min-height:21cm;
  padding:1.2cm 1cm;
  border-color:transparent;
  border-radius:var(--ck-border-radius);
  background:#fff;
  box-shadow:0 0 5px rgba(0,0,0,.07);
  margin:0 auto
}
.b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__content-container .cke5-productivity-pack-demo__content.ck-focused {
  border:var(--ck-focus-ring)
}
@media screen and (max-width:1100px) {
  .b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__content-container .cke5-productivity-pack-demo__content {
    padding:.5cm
  }
}
@media screen and (max-width:1100px) {
  .b-demo__editor [data-demo-type=productivity-pack] #cke5-productivity-pack-demo {
    grid-template-columns:1fr
  }
}
.b-demo__editor [data-demo-type=productivity-pack] #cke5-productivity-pack-demo {
  display:grid;
  grid-template-columns:1fr minmax(75%,22cm);
  grid-template-rows:auto 1fr
}
.b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__toolbar-container .ck.ck-toolbar__items {
  border:0
}
.b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__toolbar-container {
  grid-column:1/3
}
.b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__content-container {
  grid-column:2/3
}
@media screen and (max-width:1100px) {
  .b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__content-container {
    grid-column:1/3
  }
  .b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__outline {
    display:none
  }
  .b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__outline [class*=-toggle] {
    opacity:.5;
    padding:var(--ck-spacing-small)
  }
  .b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__outline [class*=-toggle]:hover {
    opacity:1
  }
}
.b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__outline {
  background:var(--color-shark-4,#e3e8ed);
  max-height:80vh
}
.b-demo__editor [data-demo-type=productivity-pack] #cke5-productivity-pack-demo {
  --ck-document-outline-indent-level-2:1.1em;
  --ck-document-outline-indent-level-3:2.2em;
  --ck-document-outline-item-active-color:var(--color-tang-5, #743ccd)
}
.b-demo__editor [data-demo-type=productivity-pack] #cke5-productivity-pack-demo .ck-document-outline__item {
  line-height:1.1em;
  max-width:27ch
}
.b-demo__editor [data-demo-type=productivity-pack] #cke5-productivity-pack-demo .ck-content .ck-widget.table-of-contents ol {
  margin-bottom:var(--ck-spacing-tiny)
}
@media screen and (min-width:1100px) {
  .b-demo__editor [data-demo-type=productivity-pack] #cke5-productivity-pack-demo.outline-collapsed {
    grid-template-columns:35px minmax(22cm,100%)
  }
  .b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__wrappper.outline-collapsed .ck-document-outline {
    display:none
  }
}
.b-demo__editor [data-demo-type=productivity-pack] .cke5-productivity-pack-demo__wrappper {
  grid-template-columns:1fr minmax(75%,22cm)
}
.b-demo__editor [data-demo-type=ai-assistant] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=ai-assistant] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=ai-assistant] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h1,
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h2,
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h3,
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h4,
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h5,
.b-demo__editor [data-demo-type=ai-assistant] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=ai-assistant] .ck-content blockquote,
.b-demo__editor [data-demo-type=ai-assistant] .ck-content ol,
.b-demo__editor [data-demo-type=ai-assistant] .ck-content p,
.b-demo__editor [data-demo-type=ai-assistant] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=ai-assistant] .ck-content {
  font-family:var(--font-family),sans-serif;
  line-height:1.4
}
.b-demo__editor [data-demo-type=ai-assistant] .ck.ck-color-ui-dropdown {
  --ck-color-grid-tile-size:20px
}
.b-demo__editor [data-demo-type=ai-assistant] .ck.ck-color-ui-dropdown .ck-color-grid {
  grid-gap:1px
}
.b-demo__editor [data-demo-type=ai-assistant] .ck.ck-color-ui-dropdown .ck-color-grid .ck-button {
  border-radius:0
}
.b-demo__editor [data-demo-type=ai-assistant] .ck.ck-color-ui-dropdown .ck-color-grid__tile:focus:not(.ck-disabled),
.b-demo__editor [data-demo-type=ai-assistant] .ck.ck-color-ui-dropdown .ck-color-grid__tile:hover:not(.ck-disabled) {
  z-index:1;
  transform:scale(1.3)
}
.b-demo__editor [data-demo-type=ai-assistant] #cke5-ai-assistant-demo {
  position:relative;
  display:grid;
  grid-template-columns:100%;
  grid-template-rows:80vh
}
.b-demo__editor [data-demo-type=ai-assistant] #cke5-ai-assistant-demo .ck.ck-editor__main {
  height:calc(100% - 39px)
}
.b-demo__editor [data-demo-type=ai-assistant] #cke5-ai-assistant-demo .ck-editor__editable.ck-content {
  overflow-y:auto;
  height:100%
}
.b-demo__editor [data-demo-type=ai-assistant] .cke5-ai-assistant-demo__toolbar-container .ck.ck-toolbar__items {
  border:0
}
.b-demo__editor [data-demo-type=ai-assistant] #cke5-ai-assistant-demo .ck.ck-reset.ck-editor.ck-rounded-corners {
  max-width:100%;
  width:100%
}
.b-demo__editor [data-demo-type=ai-assistant] .cke5-ai-assistant-demo__sidebar {
  background:var(--color-shark-4);
  padding:0 var(--space-2xs) var(--space-2xs);
  overflow:hidden;
  border-style:solid;
  border-width:1px 1px 1px 0;
  border-color:var(--ck-color-base-border);
  overflow-y:auto;
  position:relative;
  display:none
}
@media screen and (min-width:768px) {
  .b-demo__editor [data-demo-type=ai-assistant] .cke5-ai-assistant-demo__sidebar {
    display:block
  }
}
.b-demo__editor [data-demo-type=mathtype] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=mathtype] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=mathtype] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=mathtype] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=mathtype] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=mathtype] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=mathtype] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=mathtype] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=mathtype] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=mathtype] .ck-content h1,
.b-demo__editor [data-demo-type=mathtype] .ck-content h2,
.b-demo__editor [data-demo-type=mathtype] .ck-content h3,
.b-demo__editor [data-demo-type=mathtype] .ck-content h4,
.b-demo__editor [data-demo-type=mathtype] .ck-content h5,
.b-demo__editor [data-demo-type=mathtype] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=mathtype] .ck-content blockquote,
.b-demo__editor [data-demo-type=mathtype] .ck-content ol,
.b-demo__editor [data-demo-type=mathtype] .ck-content p,
.b-demo__editor [data-demo-type=mathtype] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=mathtype] .ck-sticky-panel__content_sticky {
  top:var(--header-height)!important
}
.b-demo__editor [data-demo-type=mathtype] .ck[role=application] {
  margin-inline:auto;
  max-width:21cm
}
.b-demo__editor [data-demo-type=mathtype] .ck-math-widget.ck-widget.ck-widget_selected img {
  outline:2px solid var(--color-tang-5)
}
.b-demo__editor [data-demo-type=mathtype] .ck-math-widget.ck-widget img {
  display:inherit
}
.b-demo__editor [data-demo-type=spellchecker] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=spellchecker] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=spellchecker] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=spellchecker] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=spellchecker] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=spellchecker] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=spellchecker] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=spellchecker] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=spellchecker] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=spellchecker] .ck-content h1,
.b-demo__editor [data-demo-type=spellchecker] .ck-content h2,
.b-demo__editor [data-demo-type=spellchecker] .ck-content h3,
.b-demo__editor [data-demo-type=spellchecker] .ck-content h4,
.b-demo__editor [data-demo-type=spellchecker] .ck-content h5,
.b-demo__editor [data-demo-type=spellchecker] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=spellchecker] .ck-content blockquote,
.b-demo__editor [data-demo-type=spellchecker] .ck-content ol,
.b-demo__editor [data-demo-type=spellchecker] .ck-content p,
.b-demo__editor [data-demo-type=spellchecker] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=spellchecker] .ck[role=application] {
  margin-inline:auto;
  max-width:21cm
}
.b-demo__editor [data-demo-type=paste] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=paste] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=paste] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=paste] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=paste] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=paste] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=paste] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=paste] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=paste] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=paste] .ck-content h1,
.b-demo__editor [data-demo-type=paste] .ck-content h2,
.b-demo__editor [data-demo-type=paste] .ck-content h3,
.b-demo__editor [data-demo-type=paste] .ck-content h4,
.b-demo__editor [data-demo-type=paste] .ck-content h5,
.b-demo__editor [data-demo-type=paste] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=paste] .ck-content blockquote,
.b-demo__editor [data-demo-type=paste] .ck-content ol,
.b-demo__editor [data-demo-type=paste] .ck-content p,
.b-demo__editor [data-demo-type=paste] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h1,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h2,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h3,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h4,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h5,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content blockquote,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content ol,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content p,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content#cke5-export-pdf-demo-content,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content#cke5-export-word-demo-content,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content#cke5-pagination-demo-content {
  padding:0 var(--ck-spacing-standard);
  max-width:100%
}
@media screen and (min-width:1024px) {
  .b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content#cke5-export-pdf-demo-content,
  .b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content#cke5-export-word-demo-content,
  .b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content#cke5-pagination-demo-content {
    padding:0;
    max-width:var(--demo-width,21cm);
    padding-left:var(--demo-margin-left,9.4708333333mm);
    padding-right:var(--demo-margin-right,9.4708333333mm)
  }
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content h2,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content h3,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content h4,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content li,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content ol,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content p,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content ul {
  line-height:1.4;
  margin:0;
  padding-top:0
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content h2 {
  font-size:1.5em
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content h3 {
  font-size:1.17em
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content h4 {
  font-size:1em
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content .table {
  margin:.9em auto
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content ol,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content p,
.b-demo__editor [data-demo-type=export-pdf-word] .ck-content.ck-content.ck-content ul {
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck.ck-color-ui-dropdown {
  --ck-color-grid-tile-size:20px
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck.ck-color-ui-dropdown .ck-color-grid {
  grid-gap:1px
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck.ck-color-ui-dropdown .ck-color-grid .ck-button {
  border-radius:0
}
.b-demo__editor [data-demo-type=export-pdf-word] .ck.ck-color-ui-dropdown .ck-color-grid__tile:focus:not(.ck-disabled),
.b-demo__editor [data-demo-type=export-pdf-word] .ck.ck-color-ui-dropdown .ck-color-grid__tile:hover:not(.ck-disabled) {
  z-index:1;
  transform:scale(1.3)
}
.b-demo__editor [data-demo-type=export-pdf-word] .demo-export__wrappper {
  display:grid;
  grid-template-columns:1fr
}
@media screen and (min-width:1024px) {
  .b-demo__editor [data-demo-type=export-pdf-word] .demo-export__wrappper {
    grid-template-columns:1fr minmax(75%,22cm);
    grid-template-rows:auto 1fr
  }
}
@media screen and (min-width:1024px) {
  .b-demo__editor [data-demo-type=export-pdf-word] .demo-export__wrappper.outline-collapsed {
    grid-template-columns:35px minmax(22cm,100%)
  }
}
.b-demo__editor [data-demo-type=export-pdf-word] .demo-export__wrappper.outline-collapsed .ck-document-outline {
  display:none
}
.b-demo__editor [data-demo-type=export-pdf-word] .demo-export__toolbar {
  grid-column:1/3
}
.b-demo__editor [data-demo-type=export-pdf-word] .demo-export__outline {
  display:none;
  background:var(--color-shark-4)
}
@media screen and (min-width:1024px) {
  .b-demo__editor [data-demo-type=export-pdf-word] .demo-export__outline {
    display:block
  }
}
.b-demo__editor [data-demo-type=export-pdf-word] .demo-export__outline .ck-document-outline {
  overflow-x:auto;
  max-height:calc(80vh - 38px)
}
.b-demo__editor [data-demo-type=export-pdf-word] .demo-export__outline [class*=-toggle] {
  display:block;
  opacity:.5;
  padding:var(--ck-spacing-small)
}
.b-demo__editor [data-demo-type=export-pdf-word] .demo-export__outline [class*=-toggle]:hover {
  opacity:1
}
.b-demo__editor [data-demo-type=export-pdf-word] .demo-export__outline [class*=__item] {
  line-height:1.1em;
  max-width:27ch
}
.b-demo__editor [data-demo-type=export-pdf-word] .demo-export__content {
  padding:var(--space-s);
  background-color:var(--color-shark-4);
  overflow-x:auto;
  max-height:80vh;
  grid-column:1/3
}
@media screen and (min-width:1024px) {
  .b-demo__editor [data-demo-type=export-pdf-word] .demo-export__content {
    grid-column:2/3
  }
}
.b-demo__editor [data-demo-type=export-pdf-word] .demo-export__content .ck-content {
  background-color:var(--color-seal-1);
  margin-inline:auto;
  padding-left:var(--demo-margin-left,9.4708333333mm);
  padding-right:var(--demo-margin-right,9.4708333333mm);
  max-width:var(--demo-width,21cm);
  min-height:var(--demo-height,10rem)
}
@media screen and (min-width:1024px) {
  .b-demo__editor [data-demo-type=export-pdf-word] .demo-export__content .ck-content {
    padding-left:var(--demo-margin-left,9.4708333333mm);
    padding-right:var(--demo-margin-right,9.4708333333mm);
    max-width:var(--demo-width,21cm)
  }
}
.b-demo__editor [data-demo-type=export-pdf-word] .demo-export__content .ck-content>:first-child {
  margin-top:var(--demo-margin-top,12mm)!important
}
.b-demo__editor [data-demo-type=export-pdf-word] [class*=demo-export] {
  --ck-document-outline-indent-level-2:1.1em;
  --ck-document-outline-indent-level-3:2.2em;
  --ck-document-outline-item-active-color:var(--color-tang-5)
}
.b-demo__editor [data-demo-type=export-pdf-word] [class*=demo-export] .ck-widget.table-of-contents ol {
  margin-bottom:var(--ck-spacing-tiny)
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck.ck-content:not(.ck-style-grid__button__preview):not(.ck-editor__nested-editable) {
  min-height:300px;
  padding:1em 1.5em
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck.ck-content:not(:focus) {
  border:1px solid var(--ck-color-base-border)
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-comment__input .ck.ck-content {
  min-height:unset;
  border:0;
  padding:0
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h1 {
  font-size:2.3em
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h2 {
  font-size:1.84em
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h3 {
  font-size:1.48em
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h4 {
  font-size:1.22em
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h5 {
  font-size:1.06em
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h6 {
  font-size:1em
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h1,
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h2,
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h3,
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h4,
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h5,
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content h6 {
  line-height:1.2em;
  padding-top:.8em;
  margin-bottom:.4em
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content blockquote,
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content ol,
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content p,
.b-demo__editor [data-demo-type=editor-w-ckbox] .ck-content ul {
  font-size:1em;
  line-height:1.6em;
  padding-top:.2em;
  margin-bottom:var(--ck-spacing-large)
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .cke5-editor-w-ckbox-demo__content {
  margin-inline:auto;
  max-width:21cm
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .cke5-editor-w-ckbox-demo__content .ck-content {
  --demo-height:calc(var(--space-3xl) * 2)
}
.b-demo__editor [data-demo-type=editor-w-ckbox] #cke5-editor-w-ckbox {
  margin-top:0
}
.b-demo__editor [data-demo-type=editor-w-ckbox] .hidden {
  display:none
}