.mermaid-editor .mermaid-theme-picker{position:relative}.mermaid-editor .mermaid-theme-link{min-height:32px;color:var(--accent);text-underline-offset:4px;white-space:nowrap;background:0 0;border:0;padding:4px 0;font-size:.875rem;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.mermaid-editor .mermaid-theme-popup{z-index:10;background:var(--surface);width:9rem;max-height:min(16rem,50dvh);color:var(--ink);border:1px solid var(--line);border-radius:.375rem;padding:.35rem;position:absolute;top:calc(100% + 4px);right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.mermaid-editor .mermaid-theme-popup.is-above{top:auto;bottom:calc(100% + 4px)}.mermaid-editor .mermaid-theme-option{width:100%;min-height:36px;color:var(--ink);background:0 0;border:0;border-radius:.25rem;justify-content:space-between;align-items:center;padding:.35rem .5rem;font-size:.875rem;display:flex}.mermaid-editor .mermaid-theme-option:hover,.mermaid-editor .mermaid-theme-option:focus-visible,.mermaid-editor .mermaid-theme-option[aria-pressed=true]{background:var(--paper);color:var(--accent)}.mermaid-editor{overflow:visible}.mermaid-editor .tool-header{border-radius:9px 9px 0 0}.mermaid-editor .mermaid-toolbar{border-bottom:1px solid var(--line);background:var(--paper);padding:12px 24px}.mermaid-editor .mermaid-insert-group{max-width:100%}.mermaid-editor .mermaid-insert-action{align-items:center;min-width:0;display:inline-flex}.mermaid-editor .mermaid-insert-label{white-space:nowrap;text-overflow:ellipsis;max-width:12rem;overflow:hidden}.mermaid-editor .mermaid-block-menu{overscroll-behavior:contain;width:min(20rem,100vw - 5rem);min-width:0;max-height:min(32rem,65dvh);overflow-y:auto}.mermaid-editor .mermaid-block-groups{--bs-accordion-btn-padding-x:.65rem;--bs-accordion-btn-padding-y:.7rem;--bs-accordion-body-padding-x:.25rem;--bs-accordion-body-padding-y:.25rem}.mermaid-editor .mermaid-block-groups .accordion-button{font-size:.85rem}.mermaid-editor .mermaid-block-option{white-space:normal;border-radius:.25rem;justify-content:space-between;align-items:center;min-height:40px;font-size:.85rem;display:flex}.mermaid-editor .mermaid-block-info .field-action{min-height:32px}.mermaid-editor .mermaid-block-tip{z-index:5;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:.375rem;padding:.75rem;font-size:.8rem;position:absolute;top:3rem;left:.5rem;right:.5rem}.mermaid-editor .mermaid-premium-export{color:var(--accent);align-items:center;gap:3px;display:inline-flex}.mermaid-editor .mermaid-toolbar-separator{background:var(--line);flex:0 0 1px;height:18px;margin-inline:4px}.mermaid-editor .mermaid-column{min-width:0}.mermaid-editor .mermaid-edit-actions{border:1px solid var(--line);border-bottom:0;border-radius:.375rem .375rem 0 0;min-height:44px;padding-inline:4px}.mermaid-editor .mermaid-source{border:1px solid var(--line);background:#18181b;border-radius:0 0 .375rem .375rem;height:420px;display:flex;overflow:hidden}.mermaid-editor .mermaid-source-input{flex:1;min-width:0;position:relative}.mermaid-editor .mermaid-source textarea{resize:none;tab-size:4;min-width:0;height:100%;font:13px/24px var(--bs-font-monospace);color:#f4f4f5;background:0 0;border:0;border-radius:0;padding:12px;position:relative}.mermaid-editor .mermaid-source textarea:focus{box-shadow:inset 0 0 0 2px var(--accent)}.mermaid-editor .mermaid-gutter{text-align:right;font:12px/24px var(--bs-font-monospace);color:#a1a1aa;-webkit-user-select:none;user-select:none;background:#27272a;flex:0 0 3rem;margin:0;padding:12px 0;overflow:hidden}.mermaid-editor .mermaid-gutter span{height:24px;padding-inline:8px;display:block}.mermaid-editor .mermaid-gutter .is-current-line{color:#fdba74;font-weight:700;box-shadow:inset 3px 0 #fb923c}.mermaid-editor .mermaid-gutter .is-selected-line{background:#40342e}.mermaid-editor .mermaid-line-highlight{pointer-events:none;position:absolute;inset:0;overflow:hidden}.mermaid-editor .mermaid-source-mirror{font:13px/24px var(--bs-font-monospace);tab-size:4;color:#0000;white-space:pre;padding:12px 0;position:relative}.mermaid-editor .mermaid-source-mirror>div{min-height:24px;padding-inline:12px}.mermaid-editor .mermaid-source-mirror .is-selected-line{background:#fb923c14}.mermaid-editor .mermaid-source-mirror .is-current-line{background:#fb923c24;box-shadow:inset 2px 0 #fb923c}.mermaid-editor .is-wrapped .mermaid-source-mirror{white-space:pre-wrap;overflow-wrap:break-word}.mermaid-editor .mermaid-preview{border:1px solid var(--line);color:#27272a;background:#fff;border-radius:0 0 .375rem .375rem;height:420px;padding:12px;overflow:auto}.mermaid-editor .mermaid-preview img{max-width:none;height:auto;margin-inline:auto;display:block}.mermaid-editor .mermaid-preview.is-pan-ready{cursor:grab}.mermaid-editor .mermaid-preview.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.mermaid-editor .mermaid-preview img{-webkit-user-select:none;user-select:none}.mermaid-editor .mermaid-dark{color:#f4f4f5;background:#1f2020}.mermaid-editor .mermaid-renderer{visibility:hidden;border:0;width:1200px;height:900px;position:fixed;top:0;left:-20000px}.mermaid-editor .mermaid-error{font:.85rem/1.6 var(--bs-font-monospace);white-space:pre-wrap;overflow-wrap:anywhere}.mermaid-editor .mermaid-dialog{border:1px solid var(--line);background:var(--surface);width:min(42rem,100dvw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);border-radius:.75rem;padding:24px;overflow:auto}.mermaid-editor .mermaid-dialog::backdrop{background:#000000b3}.mermaid-editor .mermaid-template{text-align:left;border:1px solid var(--line);background:var(--paper);width:100%;height:100%;color:var(--ink);border-radius:.375rem;flex-direction:column;gap:6px;padding:14px;display:flex}.mermaid-editor .mermaid-template:hover,.mermaid-editor .mermaid-template:focus-visible{border-color:var(--accent)}.mermaid-editor .mermaid-outline{max-height:50dvh;overflow:auto}.mermaid-editor .mermaid-outline button{text-align:left;width:100%;color:var(--muted);background:0 0;border:0;gap:12px;padding:8px;display:flex}.mermaid-editor .mermaid-outline button:hover,.mermaid-editor .mermaid-outline button:focus-visible{background:var(--paper)}.mermaid-editor .mermaid-outline button code{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mermaid-editor .mermaid-fullscreen{border-radius:0;width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;margin:0}.mermaid-editor .mermaid-fullscreen .mermaid-preview{border-radius:.375rem;height:calc(100dvh - 144px)}@media (width<=575.98px){.mermaid-editor .mermaid-toolbar{padding:12px 18px}.mermaid-editor .mermaid-source,.mermaid-editor .mermaid-preview{height:330px}}body:has(.mermaid-dialog[open]){overflow:hidden}
