.mermaid {
  max-width: 100%;
  overflow-x: auto;
  text-align: center;
}

.mermaid svg {
  height: auto;
  max-width: 100%;
}

@media screen and (max-width: 44.9844em) {
  .mermaid {
    text-align: left;
  }

  .mermaid svg {
    max-width: none;
    min-width: 44rem;
    width: auto;
  }
}