:root{--ai-demo-container-min-height: 500px;--ai-demo-container-max-height: min( 80vh, 800px );--ai-demo-spacing-large: calc(2 * var(--ck-spacing-large));--ai-editor-padding: 20mm 12mm;--ai-editor-max-width: 210mm;--ai-editor-min-height: 300px;--ai-sidebar-width: 500px;--ai-sidebar-width-maximized: 800px;--ai-breakpoint-medium: 1024px;--ai-breakpoint-large: 1360px;--ai-breakpoint-xl: 1400px;--ai-breakpoint-xxl: 1600px;--ai-shadow-light: 0 2px 3px hsla(0, 0%, 0%, .078);--ai-shadow-medium: 0 2px 8px hsla(0, 0%, 0%, .08);--ai-border-color: hsl(0, 0%, 88%);--ai-content-bg: hsl(0, 0%, 100%)}@layer snippets{.ai-integration>.row{min-width:1200px}.live-snippet{min-height:200px;.row{display:grid;grid-template-columns:1fr auto;position:relative;margin:20px 0}.ck.ck-editor{margin:0;width:100%;.ck-content{min-height:var(--ck-sample-editor-min-height, var(--ai-editor-min-height))}}}.live-snippet__container{overflow:visible;margin:1.5em 0;opacity:0;display:none;&.loaded{display:block;opacity:1;animation:.3s _fadein ease-in-out}&.ai-integration{width:100%}}.demo-container{display:grid;grid-template:[toolbar] "Toolbar" auto [content] "Content" 1fr / 1fr;gap:0;background:var(--ck-color-base-foreground);border:1px solid var(--ck-color-base-border);width:100%;max-width:none;min-height:var(--ai-demo-container-min-height);.toolbar-container{grid-area:Toolbar;box-shadow:var(--ai-shadow-light);position:relative;>.ck.ck-toolbar{border-radius:0;border-top:0;border-left:0;border-right:0}}.editor-content-wrapper{grid-area:Content;max-height:var(--ai-demo-container-max-height);overflow-y:auto;display:flex;flex:1;justify-content:center;align-items:flex-start;transition:justify-content .4s cubic-bezier(.4,0,.2,1)}}.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:.3s _fadeout ease-in-out}.spinner{display:block;height:75px;width:75px;.path{stroke-dasharray:1,200;stroke-dashoffset:0;animation:_spinner-color 6s ease-in-out infinite,_spinner-dash 1.5s ease-in-out infinite;stroke-linecap:round}}}.sidebar{width:var(--ai-sidebar-width);min-height:var(--ai-demo-container-min-height);contain:size;transition:width .4s cubic-bezier(.4,0,.2,1),min-width .4s cubic-bezier(.4,0,.2,1);max-width:var(--ai-sidebar-width-maximized);&:has(.ck-ai-tabs_maximized){width:var(--ai-sidebar-width-maximized)}#ai-sidebar-container{height:100%;transition:opacity .3s ease-in-out,transform .4s cubic-bezier(.4,0,.2,1);transform:translate(0);.ck.ck-tabs{height:100%;border-left:none}}}.editor-content.ck.ck-content{max-width:var(--ai-editor-max-width);min-height:var(--ai-demo-container-min-height);height:auto;padding:var(--ai-editor-padding);box-sizing:border-box;background:var(--ai-content-bg);box-shadow:var(--ai-shadow-medium);margin:var(--ai-demo-spacing-large);overflow:hidden;flex:1 1 auto;overflow-wrap:break-word;border:1px solid var(--ai-border-color);transition:max-width .3s ease-in-out;&.ck-focused{border:1px solid var(--ai-border-color);box-shadow:var(--ai-shadow-medium)}}.sidebar:has(.ck-ai-tabs_maximized)~* .editor-content.ck.ck-content,.ai-integration:has(.ck-ai-tabs_maximized) .editor-content.ck.ck-content{max-width:calc(var(--ai-editor-max-width) - 200px)}.sidebar:has(.ck-ai-tabs__sidebar.ck-hidden) .sidebar__content,.ai-integration:has(.ck-ai-tabs__sidebar.ck-hidden) .sidebar{width:0;min-width:0;overflow:hidden}.sidebar:has(.ck-ai-tabs__sidebar.ck-hidden) .sidebar__content{opacity:0;transform:translate(20px)}.ai-integration:has(.ck-ai-tabs__sidebar.ck-hidden) .editor-content-wrapper{justify-content:center;transition:justify-content .4s cubic-bezier(.4,0,.2,1)}.ai-integration:has(.ck-ai-tabs__sidebar.ck-hidden) .editor-content.ck.ck-content{max-width:var(--ai-editor-max-width);margin-left:var(--ai-demo-spacing-large);margin-right:var(--ai-demo-spacing-large);transition:margin .4s cubic-bezier(.4,0,.2,1),max-width .4s cubic-bezier(.4,0,.2,1)}@media screen and (max-width:1100px){.sidebar{max-height:100%!important}.live-snippet__container.ai-integration{width:100%;overflow-x:auto}.demo-container .editor-content-wrapper{justify-content:flex-start}}@media only screen and (min-width:1360px){.main .main__content.main__content-wide{padding-right:0}}@media screen and (max-width:1520px){.live-snippet__container.ai-integration{overflow-x:auto}}@media only screen and (min-width:1600px){.main .main__content.main__content-wide{width:24cm;.main__content-inner{width:auto;margin:0 50px}}.main__content-wide .document-editor__editable-container .document-editor__editable.ck-editor__editable{width:60%}}@keyframes _fadein{0%{opacity:0}to{opacity:1}}@keyframes _fadeout{0%{opacity:1}to{opacity:0}}@keyframes _spinner-color{0%,to{stroke:#f5584d}40%{stroke:#0380d3}66%{stroke:#1bbb5e}80%,90%{stroke:#83449c}}@keyframes _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}}}