@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap"layer(snippets);@layer snippets{:root{--ck-demo-height: clamp(700px, calc(100vh - 250px) , 1200px);--ck-demo-page-spacing: calc(2 * var(--ck-spacing-large));--ck-demo-content-page-shadow: 0 2px 8px hsla(0, 0%, 0%, .08);--ck-demo-panel-shadow: 0 2px 3px hsla(0, 0%, 0%, .078);--ck-demo-border: 1px solid var(--ck-color-base-border);--ck-demo-surface: var(--ck-color-base-foreground);--ck-demo-sidebar-wide-min-width: 320px;--ck-demo-sidebar-narrow-min-width: 35px;--ck-demo-document-outline-width: 320px}.demo-container{display:grid;grid-template-columns:var(--ck-demo-document-outline-width) 1fr auto;gap:0;grid-template-areas:"Menubar Menubar Menubar" "Toolbar Toolbar Toolbar" "DocOutline Content AI" "WordCount WordCount WordCount";background:var(--ck-demo-surface);border:var(--ck-demo-border);grid-template-rows:1fr 1fr auto auto;height:var(--ck-demo-height);.menubar-container{grid-area:Menubar}.toolbar-container{grid-area:Toolbar;box-shadow:var(--ck-demo-panel-shadow);position:relative;z-index:1}.ck-ai-tabs{grid-area:AI;border-width:0 0 0 1px;width:500px;min-height:0;transition:width .4s cubic-bezier(.4,0,.2,1);&.ck-ai-tabs_maximized{width:700px}}.toolbar-container>.ck.ck-toolbar{border-bottom-right-radius:0;border-bottom-left-radius:0;border-top:0;border-left:0;border-right:0}.editing-area-scroll-wrapper{grid-area:Content;overflow:auto;display:flex}.editor-content-wrapper{display:flex;flex:1;justify-content:center;align-items:flex-start;transform:translateZ(0);padding:var(--ck-demo-page-spacing) var(--ck-demo-page-spacing) var(--ck-demo-page-spacing) 0;min-height:max-content}.ck-word-count-wrapper{grid-area:WordCount;.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-top:1px solid var(--ck-color-toolbar-border);border-radius:0 0 var(--ck-border-radius);box-shadow:var(--ck-demo-panel-shadow);font-size:var(--ck-font-size-base);font-family:var(--ck-font-face);.ck-word-count__words{margin-right:var(--ck-spacing-standard)}}}.document-outline-container{grid-area:DocOutline;padding:var(--ck-spacing-large) 0 0;display:flex;overflow-y:auto;overflow-x:hidden;--ck-document-outline-base-font-size: 1em;.demo-container.collapsed &{overflow:hidden}.ck-document-outline{text-overflow:ellipsis;flex:1 1 100%;min-width:0}.ck-document-outline-toggle{align-self:flex-start;opacity:.5;margin-left:var(--ck-spacing-large);border-radius:100%;position:sticky;top:10px}.ck-document-outline-toggle:hover{opacity:1}}&.collapsed{grid-template-columns:50px 1fr auto}&.collapsed .document-outline-container .ck-document-outline{width:0;margin:0;padding:0;overflow:hidden;height:0}}.ck.ck-content{.demo-container &.editor-content,.revision-editor-container .ck-editor__main>&{min-width:210mm;max-width:210mm;min-height:297mm;height:auto;padding:20mm 12mm;box-sizing:border-box;background:#fff;box-shadow:var(--ck-demo-content-page-shadow);margin:0 var(--ck-demo-page-spacing);overflow:hidden;flex:1 1 auto;word-break:break-word;border-radius:var(--ck-border-radius);&,&.ck-focused{border:1px solid hsl(0,0%,88%);box-shadow:var(--ck-demo-content-page-shadow)}}}.sidebar{min-width:var(--ck-demo-sidebar-wide-min-width);.demo-container &:has(.ck-sidebar--narrow){min-width:var(--ck-demo-sidebar-narrow-min-width)}.revision-editor-container &{.ck-revision-history-sidebar{min-height:0;height:100%}}}.revision-viewer-container{display:none;.revision-editor-container{display:grid;grid-template-columns:1fr auto;grid-template-rows:var(--ck-demo-height);height:var(--ck-demo-height);>*{min-height:0;height:100%}.ck-editor{height:100%;display:flex;flex-direction:column;margin:0;.ck-editor__top{.ck-toolbar{border-top-right-radius:0}}.ck-editor__main{display:flex;justify-content:center;align-items:flex-start;flex:0 1 auto;min-height:0;overflow:auto;background:var(--ck-demo-surface);border:var(--ck-demo-border);padding:var(--ck-demo-page-spacing)}}.sidebar{border:var(--ck-demo-border);border-left:0}}}.ck-content:not(.ck-comment__content):not(.ck-comment__input .ck-content){--ck-font-size-base: 16px;--ck-line-height-base: 1.6;& h2{font-size:2.06em;line-height:1.58em;padding-top:.455em;margin-bottom:.333em}& h3{font-size:1.75em;line-height:1.86em;padding-top:.571em;margin-bottom:.357em}& h4{font-size:1.44em;line-height:1.13em;padding-top:.217em;margin-bottom:.913em}& h5{font-size:1.19em;line-height:1.37em;padding-top:.368em;margin-bottom:1em}& p{font-size:1em;line-height:1.63em;padding-top:.5em;margin-bottom:1.13em}.ck-horizontal-line{margin-bottom:1em}}.live-snippet{min-height:200px}}.demo-container{grid-template-areas:"Menubar Menubar" "Toolbar Toolbar" "Content AI" "WordCount WordCount";grid-template-columns:1fr auto}:root{--ck-demo-animation-duration: .3s}.live-snippet{.live-snippet__loader{position:absolute;display:flex;justify-content:center;align-items:center;opacity:1;width:100%;text-align:center;margin:50px auto;&.fadeout{display:none;animation:var(--ck-demo-animation-duration) ck-demo-spinner-fade-out ease-in-out}.spinner{display:block;height:75px;width:75px;.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:ck-demo-spinner-color 6s ease-in-out infinite,ck-demo-spinner-dash 1.5s ease-in-out infinite;stroke-linecap:round}}}.live-snippet__container{overflow:visible;margin:1.5em 0;opacity:0;display:none;&.loaded{display:block;opacity:1;animation:var(--ck-demo-animation-duration) ck-demo-fade-in ease-in-out}}}@keyframes ck-demo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ck-demo-spinner-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ck-demo-spinner-color{to,0%{stroke:#f75b4b}40%{stroke:#0387d0}66%{stroke:#1ebd60}80%,90%{stroke:#8d44ad}}@keyframes ck-demo-spinner-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}
