.expanded-mermaid.svelte-867pkj{background-color:var(--bg-100);border-radius:1rem;width:min(100vw - 4rem,1800px);height:min(90dvh,100dvh - 2rem);position:relative;overflow:hidden}.expanded-mermaid.svelte-867pkj .toolbar:where(.svelte-867pkj){z-index:1;border:1px solid var(--border);background-color:color-mix(in srgb, var(--bg-100) 90%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:4rem;align-items:center;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:.75rem;right:.75rem}.expanded-mermaid.svelte-867pkj .toolbar:where(.svelte-867pkj) button.icon:where(.svelte-867pkj){background-color:#0000;border-radius:50%;padding:.5rem}@media (hover:none){.expanded-mermaid.svelte-867pkj .toolbar:where(.svelte-867pkj) button.icon.tap-only:where(.svelte-867pkj):active{background-color:color-mix(in hsl, var(--bg-300) 25%, transparent)}}@media (hover:hover){.expanded-mermaid.svelte-867pkj .toolbar:where(.svelte-867pkj) button.icon:where(.svelte-867pkj):hover{background-color:color-mix(in hsl, var(--bg-300) 25%, transparent)}}.expanded-mermaid.svelte-867pkj .toolbar:where(.svelte-867pkj) button.icon.active:where(.svelte-867pkj){background-color:color-mix(in hsl, var(--bg-300) 25%, transparent)}.expanded-mermaid.svelte-867pkj .toolbar:where(.svelte-867pkj) button.icon.not-active:where(.svelte-867pkj){opacity:.5}.expanded-mermaid.svelte-867pkj .stats:where(.svelte-867pkj){z-index:1;border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--text-light);font-family:var(--font-mono);font-variant-numeric:tabular-nums;pointer-events:none;background-color:#0000;border-radius:5rem;gap:.75rem;padding:.375rem .75rem;font-size:.75rem;line-height:1.25rem;display:flex;position:absolute;bottom:.75rem;left:.75rem}.expanded-mermaid.svelte-867pkj .stats:where(.svelte-867pkj) span.text:where(.svelte-867pkj){color:var(--text-light);font-size:.75rem}@media screen and (width<=640px){.expanded-mermaid.svelte-867pkj .stats:where(.svelte-867pkj) span.text:where(.svelte-867pkj){display:none}}.expanded-mermaid.svelte-867pkj .viewport:where(.svelte-867pkj){--border-color:color-mix(in srgb, var(--border) 25%, transparent);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;overflow:hidden}.expanded-mermaid.svelte-867pkj .viewport.show-grid:where(.svelte-867pkj){background-image:linear-gradient(to right, var(--border-color) 1px, transparent 1px), linear-gradient(to bottom, var(--border-color) 1px, transparent 1px)}.expanded-mermaid.svelte-867pkj .viewport.dragging:where(.svelte-867pkj){cursor:grabbing}.expanded-mermaid.svelte-867pkj .diagram-position:where(.svelte-867pkj){position:absolute;inset:0}.expanded-mermaid.svelte-867pkj .diagram-position:where(.svelte-867pkj) .diagram:where(.svelte-867pkj){width:100%;height:100%}.expanded-mermaid.svelte-867pkj .diagram-position:where(.svelte-867pkj) .diagram:where(.svelte-867pkj) svg{width:100%;max-width:none;height:100%;display:block}@media screen and (width<=640px){.expanded-mermaid.svelte-867pkj{border-radius:0;width:100vw;height:100dvh}}.dropdown-menu-container.svelte-18czrhu{width:160px;min-width:unset}.dropdown-menu-container.svelte-18czrhu button:where(.svelte-18czrhu) .text-xs:where(.svelte-18czrhu){opacity:.75}.sv-md-mermaid-block.svelte-18czrhu{margin-block:1rem}.sv-md-mermaid-block.svelte-18czrhu .sv-md-mermaid-header:where(.svelte-18czrhu){border-top:1px solid var(--border);align-items:center;gap:.25rem;padding-top:.5rem;display:flex}.sv-md-mermaid-block.svelte-18czrhu .sv-md-mermaid-header:where(.svelte-18czrhu) button.icon:where(.svelte-18czrhu){color:var(--text-light);border-radius:.375rem;gap:.25rem;padding-right:.375rem;font-size:.8125rem;transition:all .2s}.sv-md-mermaid-block.svelte-18czrhu .sv-md-mermaid-header:where(.svelte-18czrhu) button.icon:where(.svelte-18czrhu) path{stroke-width:1.5px}.sv-md-mermaid-block.svelte-18czrhu .sv-md-mermaid-header:where(.svelte-18czrhu) button.icon.active:where(.svelte-18czrhu),.sv-md-mermaid-block.svelte-18czrhu .sv-md-mermaid-header:where(.svelte-18czrhu) button.icon:where(.svelte-18czrhu):hover{background-color:color-mix(in srgb, var(--primary) 24%, transparent);color:var(--text)}.sv-md-mermaid-block.svelte-18czrhu .sv-md-mermaid:where(.svelte-18czrhu){width:100%;min-width:0;padding-bottom:.5rem}.sv-md-mermaid-block.svelte-18czrhu .sv-md-mermaid:where(.svelte-18czrhu) svg{max-width:100%;height:auto;margin-inline:auto;display:block}.sv-md-mermaid-loading.svelte-18czrhu{min-height:10rem;color:var(--text-soft);font-family:var(--font-mono);justify-content:center;align-items:center;gap:.5rem;margin-block:1rem;font-size:.875rem;display:flex}.sv-md-mermaid-loading.svelte-18czrhu .spinner:where(.svelte-18czrhu){border:2px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite svelte-18czrhu-mermaid-spin}@keyframes svelte-18czrhu-mermaid-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sv-md-mermaid-loading.svelte-18czrhu .spinner:where(.svelte-18czrhu){animation:none}}.sv-md-mermaid-error-container.svelte-18czrhu summary.sv-md-mermaid-error:where(.svelte-18czrhu){color:var(--danger);background-color:color-mix(in srgb, var(--danger) 12%, transparent);border:1px solid color-mix(in srgb, var(--danger) 50%, transparent);cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;margin-block:1rem;padding-block:.375rem;padding-inline:1rem .5rem;font-size:.875rem;list-style:none;display:flex}.sv-md-mermaid-error-container.svelte-18czrhu summary.sv-md-mermaid-error:where(.svelte-18czrhu)::-webkit-details-marker{display:none}.sv-md-mermaid-error-container.svelte-18czrhu summary.sv-md-mermaid-error:where(.svelte-18czrhu) .chevron:where(.svelte-18czrhu){margin-left:auto;transition:transform .2s;transform:rotate(-90deg)}.sv-md-mermaid-error-container.svelte-18czrhu summary.sv-md-mermaid-error:where(.svelte-18czrhu):hover{background-color:color-mix(in srgb, var(--danger) 16%, transparent)}.sv-md-mermaid-error-container[open].svelte-18czrhu .sv-md-mermaid-error:where(.svelte-18czrhu){border-radius:.5rem .5rem 0 0}.sv-md-mermaid-error-container[open].svelte-18czrhu .sv-md-mermaid-error:where(.svelte-18czrhu) .chevron:where(.svelte-18czrhu){transform:rotate(0)}.sv-md-mermaid-error-container[open].svelte-18czrhu .sv-md-code{border:1px solid color-mix(in srgb, var(--danger) 50%, transparent);border-top:0;border-radius:0 0 .5rem .5rem;margin-top:-1rem}.sv-md-mermaid-error-container[open].svelte-18czrhu .sv-md-code-body{padding-top:0}.mermaid-code-preview.svelte-18czrhu .sv-md-code{margin:0}