.mermaid-hidden {
  display: block !important;
  visibility: hidden !important;
  overflow: hidden !important;
  height: 372px;
  position: relative;
  box-sizing: border-box;
}

.mermaid-hidden::before {
  content: "Loading Diagram...";
  visibility: visible !important;
  
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  
  font-family: var(--md-text-font-family), sans-serif;
  font-weight: 500;
  color: var(--md-default-fg-color--light, #6e6e6e);
  font-size: 0.9rem;
  white-space: nowrap;
}

[data-md-component="mermaid"][data-md-state="initialized"] .mermaid,
[data-md-component="mermaid"][data-md-state="initialized"]  {
  display: block !important;
}