*,:after,:before{border:0 solid;box-sizing:border-box}html{font-size:16px}.hidden{display:none}code,code[class*=language-],output{font-family:monospace;font-family:var(--font-family-mono,monospace);font-size:75%}pre{border:1px solid #cfd2e1;border-color:var(--color-neutral-100,#cfd2e1);border-radius:.25rem;margin:.5rem;overflow:auto;padding:.5rem}.preReset{border-width:0;margin:0;padding:0}:host,stencila-code-chunk{
  /** @prop --background: Background color of the Code Output section */--background:var(--color-stock,#fff);

  /** @prop --background-editor: Background color of the Code Editor section */--background-editor:var(--color-neutral-50,#edf2f7);

  /** @prop --border: Border color around the component as well as internal section dividers */--border:var(--color-neutral-100,#e2e8f0);border-color:var(--border);border-radius:.25rem;border-style:solid;border-width:1px;display:block;margin-bottom:1rem;margin-top:1rem;overflow:hidden;position:relative;width:100%}:host>figure,stencila-code-chunk>figure{margin:0;padding:0}:host stencila-action-menu,stencila-code-chunk stencila-action-menu{border-left-width:0;border-radius:0;border-right-width:0;display:block;padding:0;position:relative;width:100%}:host stencila-action-menu .executeStatus,stencila-code-chunk stencila-action-menu .executeStatus{--height:0.875rem;--width:0.875rem;cursor:pointer;padding:.25rem}:host stencila-action-menu .executeStatus.scheduled,stencila-code-chunk stencila-action-menu .executeStatus.scheduled{cursor:wait}:host stencila-editor,stencila-code-chunk stencila-editor{--border-width:0;flex-grow:1}:host stencila-node-list,stencila-code-chunk stencila-node-list{background-color:var(--background);margin:0;padding:.5rem}:host .layoutToggle,stencila-code-chunk .layoutToggle{display:none}@media (min-width:1024px){:host .layoutToggle,stencila-code-chunk .layoutToggle{display:inline-block}}.editorContainer{background:var(--background-editor);border-color:var(--border);border-radius:0;border-width:0 0 1px;display:flex;flex:1 1 auto;flex-direction:column;height:intrinsic;margin:0;position:relative}.editorContainer pre,.editorContainer pre[class*=language-]{background-color:transparent}.editorContainer.hidden{display:none}@media (min-width:1024px){:host(:not(.isStacked))>figure>div,stencila-code-chunk:not(.isStacked)>figure>div{display:flex}:host(:not(.isStacked))>figure>div,stencila-code-chunk:not(.isStacked)>figure>div{width:100%}:host(:not(.isStacked))>figure>div,stencila-code-chunk:not(.isStacked)>figure>div{flex-direction:row}:host(:not(.isStacked))>figure>div,stencila-code-chunk:not(.isStacked)>figure>div{align-items:stretch}:host(:not(.isStacked))>figure>div .editorContainer,stencila-code-chunk:not(.isStacked)>figure>div .editorContainer{width:50%}:host(:not(.isStacked))>figure>div .editorContainer,stencila-code-chunk:not(.isStacked)>figure>div .editorContainer{border-bottom-width:0}:host(:not(.isStacked))>figure>div .editorContainer,stencila-code-chunk:not(.isStacked)>figure>div .editorContainer{border-right-width:1px}:host(:not(.isStacked))>figure>div stencila-node-list,stencila-code-chunk:not(.isStacked)>figure>div stencila-node-list{width:50%}:host(:not(.isStacked))>figure>div stencila-node-list,stencila-code-chunk:not(.isStacked)>figure>div stencila-node-list{flex-grow:1}}

