.md-typeset .mermaid {
  margin: 1.25rem 0 1.5rem;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.md-typeset .mermaid svg {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .md-typeset .mermaid {
    margin-left: -0.2rem;
    margin-right: -0.2rem;
    padding-bottom: 0.35rem;
  }
}