.mermaid-zoom{position:relative;margin:1em 0;overflow:hidden;border:1px solid var(--md-default-fg-color--lightest);border-radius:.2rem;background:var(--md-default-bg-color)}.mermaid-zoom:focus-within{box-shadow:0 0 0 .1rem var(--md-accent-fg-color)}.mermaid-zoom__diagram{margin:0;padding:.9rem;overflow:hidden}.mermaid-zoom__viewport{max-height:min(70vh,42rem);overflow:auto}.mermaid-zoom__surface{display:inline-block;min-width:100%;vertical-align:top}.mermaid-zoom__svg{display:block;width:100%;height:100%;max-width:none !important;cursor:grab;touch-action:none;user-select:none}.mermaid-zoom.is-dragging .mermaid-zoom__svg{cursor:grabbing}.mermaid-zoom__controls{position:absolute;top:.45rem;right:.45rem;z-index:1;display:flex;gap:.2rem;padding:.2rem;border:1px solid var(--md-default-fg-color--lighter);border-radius:.2rem;background:var(--md-default-bg-color);box-shadow:0 .2rem .6rem rgb(0 0 0 / 12%)}.mermaid-zoom__button{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:.15rem;color:var(--md-default-fg-color);font-size:.72rem;font-weight:700;line-height:1;cursor:pointer}.mermaid-zoom__button--reset{width:2.6rem}.mermaid-zoom__button:hover,.mermaid-zoom__button:focus-visible{color:var(--md-accent-fg-color);background:var(--md-default-fg-color--lightest);outline:0}