.mermaid-viewport{position:relative;width:100%;height:420px;overflow:hidden;border:1px solid rgba(0,0,0,.08);border-radius:.5rem;touch-action:none}.mermaid-viewport svg{display:block}.mermaid-viewport:after{content:"scroll to zoom · drag to pan · double-click to reset";position:absolute;right:.5rem;bottom:.35rem;font-size:.7rem;line-height:1;opacity:.45;pointer-events:none}@media (prefers-color-scheme: dark){.mermaid-viewport{border-color:#ffffff1f}}