.kien-mermaid-block {
    width: 100%;
    margin: 2rem 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.kien-mermaid-block svg {
    display: block;
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.kien-mermaid-fallback {
    overflow-x: auto;
}

@media (max-width: 767px) {

    .kien-mermaid-block {
        margin: 1.5rem 0;
    }

    .kien-mermaid-block svg {
        min-width: 620px;
        max-width: none;
    }
}