<!-- draw.
io diagram -->
<div class="mxgraph" style="max-width:100%;border:1px solid transparent;" data-
mxgraph="{"highlight":"#0000ff","nav":true,"resi
ze":true,"dark-mode":"auto","toolbar":"zoom
layers tags
lightbox","edit":"_blank","xml":"<mxfile
host=\"app.diagrams.net\" agent=\"Mozilla/5.0 (Windows NT 10.0;
Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/134.0.0.0 Safari/537.36\
" version=\"26.2.8\">\n <diagram id=\
"R2lEEEUBdFMjLlhIrx00\" name=\"Page-1\">\n
<mxGraphModel dx=\"788\" dy=\"451\" grid=\"1\"
gridSize=\"10\" guides=\"1\" tooltips=\"1\" connect=\
"1\" arrows=\"1\" fold=\"1\" page=\"1\"
pageScale=\"1\" pageWidth=\"850\" pageHeight=\"1100\"
math=\"0\" shadow=\"0\" extFonts=\"Permanent
Marker^https://fonts.googleapis.com/css?family=Permanent+Marker\">\n
<root>\n <mxCell id=\"0\" />\n <mxCell id=\
"1\" parent=\"0\" />\n </root>\n
</mxGraphModel>\n </diagram>\n</mxfile>\n"}"></div>
<script type="text/javascript" src="https://viewer.diagrams.net/js/viewer-
static.min.js"></script>