:host,stencila-document-toolbar{
  /** @prop --background: Sets the background color of the component. */--background:var(--color-neutral-100);display:block}:host([position=fixed]),stencila-document-toolbar[position=fixed]{left:0;max-width:none!important;position:fixed;top:0;width:100%;z-index:30}:host([position=fixed])+*,stencila-document-toolbar[position=fixed]+*{margin-top:3rem}:host .hidden-sm,stencila-document-toolbar .hidden-sm{display:none}@media (min-width:640px){:host .hidden-sm,stencila-document-toolbar .hidden-sm{display:inline}:host(:host) .hidden-sm,:host(stencila-document-toolbar) .hidden-sm,stencila-input:host .hidden-sm,stencila-inputstencila-document-toolbar .hidden-sm{display:inline-block}}:host .executableDocumentStatus,stencila-document-toolbar .executableDocumentStatus{color:#4a4a4a;color:var(--color-key,#4a4a4a);font-size:.875rem;line-height:1.25rem;line-height:1}:host .executableDocumentStatus.success,stencila-document-toolbar .executableDocumentStatus.success{color:#1b5430;color:var(--color-success-700,#1b5430)}:host .executableDocumentStatus.danger,stencila-document-toolbar .executableDocumentStatus.danger{color:#cf445e;color:var(--color-danger-500,#cf445e)}:host .executableDocumentStatus stencila-icon,stencila-document-toolbar .executableDocumentStatus stencila-icon{margin-right:.25rem}:host .executableDocumentStatus stencila-tooltip,stencila-document-toolbar .executableDocumentStatus stencila-tooltip{cursor:help}:host .executableDocumentStatus span,stencila-document-toolbar .executableDocumentStatus span{vertical-align:middle}

