:host,stencila-executable-document-toolbar{
  /** @prop --background: Sets the background color of the component. */
  --background:var(--color-neutral-100)
}

:host,stencila-executable-document-toolbar{
  display:block
}

:host([position=fixed]),stencila-executable-document-toolbar[position=fixed]{
  left:0;
  max-width:none!important;
  position:fixed;
  top:0;
  width:100%;
  z-index:30
}

:host([position=fixed])+*,stencila-executable-document-toolbar[position=fixed]+*{
  margin-top:3rem
}

:host .hidden-sm,stencila-executable-document-toolbar .hidden-sm{
  display:none
}

@media (min-width:640px){
  :host .hidden-sm,stencila-executable-document-toolbar .hidden-sm{
    display:inline
  }
}

:host .executableDocumentStatus,stencila-executable-document-toolbar .executableDocumentStatus{
  color:#4a4a4a;
  color:var(--color-key,#4a4a4a);
  font-size:.875rem;
  line-height:1.25rem;
  line-height:1
}

:host .executableDocumentStatus.success,stencila-executable-document-toolbar .executableDocumentStatus.success{
  color:#1b5430;
  color:var(--color-success-700,#1b5430)
}

:host .executableDocumentStatus.danger,stencila-executable-document-toolbar .executableDocumentStatus.danger{
  color:#cf445e;
  color:var(--color-danger-500,#cf445e)
}

:host .executableDocumentStatus stencila-icon,stencila-executable-document-toolbar .executableDocumentStatus stencila-icon{
  margin-right:.25rem
}

:host .executableDocumentStatus stencila-tooltip,stencila-executable-document-toolbar .executableDocumentStatus stencila-tooltip{
  cursor:help
}

:host .executableDocumentStatus span,stencila-executable-document-toolbar .executableDocumentStatus span{
  vertical-align:middle
}

