.blog-diagram{background:#342d2d09;border:1px solid #342d2d1a;border-radius:10px;max-width:100%;margin:1.75rem 0;padding:1.25rem 1.1rem;overflow:hidden}.blog-diagram__viewport{width:100%;max-width:100%;position:relative;overflow:hidden}.blog-diagram__canvas{will-change:transform;width:max-content;max-width:none;min-height:4rem;display:block}.blog-diagram__canvas svg{max-width:none;height:auto;display:block;overflow:visible}.blog-diagram__canvas .node,.blog-diagram__canvas .node .nodeLabel,.blog-diagram__canvas .node .label{overflow:visible}.blog-diagram__canvas .node foreignObject{overflow:hidden!important}.blog-diagram__canvas .node .nodeLabel,.blog-diagram__canvas .node .label{font-size:14px;line-height:1.35}.blog-diagram__canvas .node .nodeLabel div,.blog-diagram__canvas .node .label div{overflow-wrap:break-word;word-break:normal;box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:4px 10px;line-height:1.25;white-space:normal!important;display:flex!important}.blog-diagram__canvas .node .nodeLabel p,.blog-diagram__canvas .node .label p,.blog-diagram__canvas .node .nodeLabel span,.blog-diagram__canvas .node .label span{text-align:center;margin:0;padding:0;line-height:1.25}.blog-diagram__canvas .edgeLabel{pointer-events:none}.blog-diagram__canvas .sc-edge-label-bg{fill:#f8f5f0}.blog-diagram__canvas .sc-edge-label-text{fill:var(--color-ink,#342d2d);font-size:13px;font-weight:600}.blog-diagram__loading{text-align:center;font-family:var(--font-sans);color:var(--color-muted);margin:0;padding:1.5rem .5rem;font-size:.92rem}.blog-post__diagram--fallback{border-style:dashed}@media (max-width:640px){.blog-diagram{margin-left:-.25rem;margin-right:-.25rem;padding:.85rem .5rem}}