drawio_dsl 0.11.0 → 0.11.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (26) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +7 -0
  3. data/config/configuration.json +328 -328
  4. data/docs/project-plan/project.drawio +85 -85
  5. data/docs/project-plan/project_in_progress.svg +1 -1
  6. data/docs/project-plan/project_todo.svg +1 -1
  7. data/docs/samples/styles-glass.svg +1 -1
  8. data/docs/samples/styles-plain.svg +1 -1
  9. data/docs/samples/styles-rounded.svg +1 -1
  10. data/docs/samples/styles-shadow.svg +1 -1
  11. data/docs/samples/styles-sketch.svg +1 -1
  12. data/docs/samples/themes-random.svg +1 -1
  13. data/lib/drawio_dsl/configuration.rb +66 -66
  14. data/lib/drawio_dsl/dom_builder.rb +2 -2
  15. data/lib/drawio_dsl/schema/diagram.rb +1 -1
  16. data/lib/drawio_dsl/schema/elements/.rb +9 -0
  17. data/lib/drawio_dsl/schema/layouts/flex_layout.rb +1 -1
  18. data/lib/drawio_dsl/schema/layouts/grid_layout.rb +1 -1
  19. data/lib/drawio_dsl/schema/lines/.rb +9 -0
  20. data/lib/drawio_dsl/schema/node.rb +5 -5
  21. data/lib/drawio_dsl/schema/shape.rb +8 -8
  22. data/lib/drawio_dsl/schema/texts/.rb +9 -0
  23. data/lib/drawio_dsl/version.rb +1 -1
  24. data/package-lock.json +2 -2
  25. data/package.json +1 -1
  26. metadata +4 -1
data/docs/samples/styles-plain.svg CHANGED
@@ -1,3 +1,3 @@
1
1
  <?xml version="1.0" encoding="UTF-8"?>
2
2
  <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
3
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1062px" height="1638px" viewBox="-0.5 -0.5 1062 1638"><defs/><g><rect x="50" y="0" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 7px; margin-left: 52px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 89px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h1</div></div></div></foreignObject><text x="52" y="96" fill="#1F2D3D" font-family="Helvetica" font-size="89px" font-weight="bold">h1</text></switch></g><rect x="270" y="0" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 7px; margin-left: 272px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 67px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h2</div></div></div></foreignObject><text x="272" y="74" fill="#1F2D3D" font-family="Helvetica" font-size="67px" font-weight="bold">h2</text></switch></g><rect x="490" y="0" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 7px; margin-left: 492px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 50px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h3</div></div></div></foreignObject><text x="492" y="57" fill="#1F2D3D" font-family="Helvetica" font-size="50px" font-weight="bold">h3</text></switch></g><rect x="710" y="0" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 7px; margin-left: 712px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 37px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h4</div></div></div></foreignObject><text x="712" y="44" fill="#1F2D3D" font-family="Helvetica" font-size="37px" font-weight="bold">h4</text></switch></g><rect x="930" y="0" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 7px; margin-left: 932px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h5</div></div></div></foreignObject><text x="932" y="35" fill="#1F2D3D" font-family="Helvetica" font-size="28px" font-weight="bold">h5</text></switch></g><rect x="50" y="220" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 227px; margin-left: 52px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h6</div></div></div></foreignObject><text x="52" y="248" fill="#1F2D3D" font-family="Helvetica" font-size="21px" font-weight="bold">h6</text></switch></g><rect x="270" y="220" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 227px; margin-left: 272px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">p</div></div></div></foreignObject><text x="272" y="243" fill="#1F2D3D" font-family="Helvetica" font-size="16px" font-weight="bold">p</text></switch></g><path d="M 520 270 C 520 250 520 240 540 240 C 526.67 240 526.67 220 540 220 C 553.33 220 553.33 240 540 240 C 560 240 560 250 560 270 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 245px; margin-left: 521px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">actor</div></div></div></foreignObject><text x="540" y="249" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">actor</text></switch></g><ellipse cx="760" cy="226.25" rx="7.5" ry="6.25" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/><path d="M 760 232.5 L 760 253.33 M 760 236.67 L 745 236.67 M 760 236.67 L 775 236.67 M 760 253.33 L 745 270 M 760 253.33 L 775 270" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 295px; margin-left: 746px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">actor2</div></div></div></foreignObject><text x="760" y="299" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">actor2</text></switch></g><path d="M 900 185 L 1060 185 L 1060 275 L 1000 275 L 980 305 L 980 275 L 900 275 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 230px; margin-left: 901px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout</div></div></div></foreignObject><text x="980" y="234" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">callout</text></switch></g><path d="M 50.02 501.93 C 22.66 479.06 20 441.37 43.91 415.67 C 67.83 389.96 110.17 385.01 140.83 404.33 C 171.48 423.64 180 460.64 160.32 489.02 C 140.64 517.39 99.48 527.46 66.1 512.06 C 58.59 531.13 46.49 543.25 33.2 545 C 41.56 534.51 47.51 519.26 50.02 501.93 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="15" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 465px; margin-left: 21px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout2</div></div></div></foreignObject><text x="100" y="469" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">callout2</text></switch></g><path d="M 261.41 467.87 C 255.53 471.08 248.91 468.21 245.15 460.81 C 241.39 453.4 241.39 443.24 245.15 435.84 C 248.91 428.44 255.53 425.56 261.41 428.78 C 261.37 415.74 266.82 404.03 275.09 399.39 C 283.36 394.75 292.72 398.15 298.58 407.93 C 302.34 394.08 311.45 384.99 321.58 384.99 C 331.72 384.99 340.83 394.08 344.59 407.93 C 350.6 399.95 359.18 397.7 366.7 402.12 C 374.21 406.55 379.37 416.89 379.98 428.78 C 385.87 425.56 392.49 428.44 396.25 435.84 C 400.01 443.24 400.01 453.4 396.25 460.81 C 392.49 468.21 385.87 471.08 379.98 467.87 C 379.34 480.43 373.64 491.2 365.52 495.19 C 357.4 499.17 348.45 495.59 342.82 486.11 C 338.34 497.08 330.28 503.8 321.58 503.8 C 312.89 503.8 304.83 497.08 300.35 486.11 C 296.07 498.77 283.89 504.96 273.14 499.92 C 262.39 494.88 257.14 480.53 261.41 467.87 Z" fill="#ffe6cc" stroke="#d79b00" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><rect x="240" y="385" width="0" height="0" fill="none" stroke="#d79b00" pointer-events="all"/><ellipse cx="266.72" cy="512.17" rx="10.618294436456145" ry="7.0358306188925095" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/><ellipse cx="254.33" cy="529.1" rx="6.724919809755558" ry="4.690553745928339" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/><ellipse cx="244.25" cy="541.61" rx="4.2473177745824575" ry="3.387622149837134" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 465px; margin-left: 241px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout3</div></div></div></foreignObject><text x="320" y="469" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">callout3</text></switch></g><path d="M 482.5 510 L 465 510 C 462.24 510 460 507.76 460 505 L 460 410 C 460 407.24 462.24 405 465 405 L 615 405 C 617.76 405 620 407.24 620 410 L 620 505 C 620 507.76 617.76 510 615 510 L 497.5 510 C 494.54 517.77 485.79 523.6 475 525 C 478.89 522.15 481.68 516.57 482.5 510 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 458px; margin-left: 461px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout4</div></div></div></foreignObject><text x="540" y="461" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">callout4</text></switch></g><ellipse cx="760" cy="465" rx="80" ry="80" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 465px; margin-left: 681px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">circle</div></div></div></foreignObject><text x="760" y="469" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">circle</text></switch></g><path d="M 940 425 C 908 425 900 465 925.6 473 C 900 490.6 928.8 529 949.6 513 C 964 545 1012 545 1028 513 C 1060 513 1060 481 1040 465 C 1060 433 1028 401 1000 417 C 980 393 948 393 940 425 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 465px; margin-left: 901px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">cloud</div></div></div></foreignObject><text x="980" y="469" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">cloud</text></switch></g><path d="M 20 628 L 20 605 L 180 605 L 180 628" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><path d="M 20 628 L 20 765 L 180 765 L 180 628" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 20 628 L 180 628" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 617px; margin-left: 21px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container</div></div></div></foreignObject><text x="100" y="620" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container</text></switch></g><path d="M 263 605 L 240 605 L 240 765 L 263 765" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 263 605 L 400 605 L 400 765 L 263 765" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 263 605 L 263 765" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 251.5 685)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 685px; margin-left: 173px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container2</div></div></div></foreignObject><text x="252" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container2</text></switch></g><path d="M 460 655 L 460 605 L 620 605 L 620 655" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 460 655 L 460 765 L 620 765 L 620 655" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 460 655 L 620 655" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 630px; margin-left: 461px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container3</div></div></div></foreignObject><text x="540" y="634" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container3</text></switch></g><path d="M 680 628 L 680 605 L 840 605 L 840 628" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 628 L 680 765 L 840 765 L 840 628" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 628 L 840 628" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 617px; margin-left: 681px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container4</div></div></div></foreignObject><text x="760" y="620" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container4</text></switch></g><path d="M 955 660 L 969.58 660 L 980 674.8 L 990.42 660 L 1005 660 L 987.29 685 L 1005 710 L 990.42 710 L 980 695.2 L 969.58 710 L 955 710 L 971.67 685 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 717px; margin-left: 956px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">cross</div></div></div></foreignObject><text x="980" y="729" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">cross</text></switch></g><path d="M 20 855 L 180 855 L 180 955 L 20 955 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 20 855 L 100 905 L 180 855" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 905px; margin-left: 21px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">envelop</div></div></div></foreignObject><text x="100" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">envelop</text></switch></g><path d="M 240 931.67 L 240 878.33 C 240 870.97 275.82 865 320 865 C 364.18 865 400 870.97 400 878.33 L 400 931.67 C 400 939.03 364.18 945 320 945 C 275.82 945 240 939.03 240 931.67 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 240 878.33 C 240 885.7 275.82 891.67 320 891.67 C 364.18 891.67 400 885.7 400 878.33" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 905px; margin-left: 241px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">database</div></div></div></foreignObject><text x="320" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">database</text></switch></g><path d="M 460 918.33 L 460 891.67 C 460 887.98 495.82 885 540 885 C 584.18 885 620 887.98 620 891.67 L 620 918.33 C 620 922.02 584.18 925 540 925 C 495.82 925 460 922.02 460 918.33 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 460 891.67 C 460 895.35 495.82 898.33 540 898.33 C 584.18 898.33 620 895.35 620 891.67" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 905px; margin-left: 461px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">db_json</div></div></div></foreignObject><text x="540" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">db_json</text></switch></g><path d="M 760 855 L 810 905 L 760 955 L 710 905 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 905px; margin-left: 711px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">diamond</div></div></div></foreignObject><text x="760" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">diamond</text></switch></g><path d="M 1058.38 847.86 L 1058.38 985 L 900 985 L 900 825 L 1035.76 825 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 1035.76 825 C 1037.6 830.35 1034.57 835.86 1027.68 839.69 L 1060 849 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 905px; margin-left: 901px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">document</div></div></div></foreignObject><text x="980" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">document</text></switch></g><ellipse cx="100" cy="1125" rx="100" ry="60" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 1125px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ellipse</div></div></div></foreignObject><text x="100" y="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">ellipse</text></switch></g><rect x="215" y="1020" width="210" height="210" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 208px; height: 1px; padding-top: 1027px; margin-left: 216px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">group</div></div></div></foreignObject><text x="320" y="1047" fill="#333333" font-family="Helvetica" font-size="20px" text-anchor="middle">group</text></switch></g><path d="M 490 1065 L 590 1065 L 640 1125 L 590 1185 L 490 1185 L 440 1125 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 1125px; margin-left: 441px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">hexagon</div></div></div></foreignObject><text x="540" y="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">hexagon</text></switch></g><rect x="680" y="1045" width="160" height="160" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 162px; height: 160px; padding-top: 1045px; margin-left: 680px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 160px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; width: 100%; height: 100%; white-space: normal; overflow-wrap: normal;">interface</div></div></div></foreignObject><text x="680" y="1129" fill="#333333" font-family="Helvetica" font-size="12px">interface</text></switch></g><rect x="900" y="1045" width="160" height="160" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 162px; height: 160px; padding-top: 1045px; margin-left: 900px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 160px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; width: 100%; height: 100%; white-space: normal; overflow-wrap: normal;">klass</div></div></div></foreignObject><text x="900" y="1129" fill="#333333" font-family="Helvetica" font-size="12px">klass</text></switch></g><path d="M 20 1265 L 150 1265 L 180 1295 L 180 1425 L 20 1425 L 20 1265 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 150 1265 L 150 1295 L 180 1295" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 1345px; margin-left: 21px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">note</div></div></div></foreignObject><text x="100" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">note</text></switch></g><rect x="220" y="1285" width="200" height="120" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><path d="M 240 1285 L 240 1405 M 400 1285 L 400 1405" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 1345px; margin-left: 241px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">process</div></div></div></foreignObject><text x="320" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">process</text></switch></g><rect x="440" y="1285" width="200" height="120" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 1345px; margin-left: 441px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">rectangle</div></div></div></foreignObject><text x="540" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle</text></switch></g><path d="M 667.96 1285 C 663.57 1285 660 1287.6 660 1290.8 C 660 1292.55 661.1 1294.21 662.97 1295.32 C 661.09 1296.41 660 1298.08 660 1299.83 C 660 1301.59 661.1 1303.25 662.97 1304.35 C 661.09 1305.45 660 1307.11 660 1308.86 C 660 1310.62 661.1 1312.28 662.97 1313.38 C 661.09 1314.48 660 1316.14 660 1317.9 C 660 1319.65 661.1 1321.32 662.97 1322.42 C 661.09 1323.51 660 1325.18 660 1326.93 C 660 1328.69 661.1 1330.35 662.97 1331.45 C 661.09 1332.55 660 1334.21 660 1335.97 C 660 1337.72 661.1 1339.38 662.97 1340.48 C 661.09 1341.58 660 1343.24 660 1345 C 660 1346.76 661.1 1348.42 662.97 1349.51 C 661.09 1350.61 660 1352.28 660 1354.03 C 660 1355.79 661.1 1357.45 662.97 1358.55 C 661.09 1359.65 660 1361.31 660 1363.07 C 660 1364.82 661.1 1366.48 662.97 1367.58 C 661.09 1368.68 660 1370.34 660 1372.1 C 660 1373.86 661.1 1375.52 662.97 1376.61 C 661.09 1377.72 660 1379.38 660 1381.13 C 660 1382.89 661.1 1384.55 662.97 1385.65 C 661.09 1386.74 660 1388.41 660 1390.17 C 660 1391.92 661.1 1393.58 662.97 1394.68 C 661.09 1395.78 660 1397.45 660 1399.2 C 660 1402.4 663.57 1405 667.96 1405 C 670.62 1405 673.12 1404.03 674.59 1402.41 C 676.06 1404.03 678.55 1405 681.22 1405 C 683.84 1405 686.3 1404.05 687.79 1402.48 C 689.27 1404.05 691.72 1405 694.35 1405 C 696.97 1405 699.43 1404.05 700.91 1402.48 C 702.39 1404.05 704.85 1405 707.47 1405 C 710.1 1405 712.55 1404.05 714.04 1402.48 C 715.52 1404.05 717.97 1405 720.6 1405 C 723.23 1405 725.68 1404.05 727.17 1402.48 C 728.65 1404.05 731.1 1405 733.73 1405 C 736.35 1405 738.81 1404.05 740.3 1402.48 C 741.78 1404.05 744.23 1405 746.85 1405 C 749.48 1405 751.94 1404.05 753.42 1402.48 C 754.91 1404.05 757.36 1405 759.98 1405 C 762.61 1405 765.06 1404.05 766.55 1402.48 C 768.04 1404.05 770.48 1405 773.11 1405 C 775.73 1405 778.2 1404.05 779.68 1402.48 C 781.16 1404.05 783.61 1405 786.24 1405 C 788.86 1405 791.33 1404.05 792.8 1402.48 C 794.29 1404.05 796.75 1405 799.36 1405 C 802 1405 804.45 1404.05 805.93 1402.48 C 807.42 1404.05 809.87 1405 812.5 1405 C 815.12 1405 817.58 1404.05 819.06 1402.48 C 820.54 1404.05 823 1405 825.62 1405 C 828.25 1405 830.71 1404.05 832.18 1402.48 C 833.67 1404.05 836.13 1405 838.75 1405 C 841.42 1405 843.92 1404.01 845.4 1402.39 C 846.86 1404.02 849.36 1405 852.04 1405 C 856.43 1405 860 1402.4 860 1399.2 C 860 1397.45 858.91 1395.79 857.03 1394.68 C 858.91 1393.59 860 1391.92 860 1390.17 C 860 1388.41 858.91 1386.75 857.03 1385.65 C 858.91 1384.55 860 1382.89 860 1381.13 C 860 1379.38 858.91 1377.72 857.03 1376.62 C 858.91 1375.52 860 1373.86 860 1372.1 C 860 1370.35 858.91 1368.69 857.03 1367.58 C 858.91 1366.49 860 1364.82 860 1363.07 C 860 1361.31 858.91 1359.65 857.03 1358.55 C 858.91 1357.45 860 1355.79 860 1354.03 C 860 1352.28 858.91 1350.62 857.03 1349.52 C 858.91 1348.42 860 1346.76 860 1345 C 860 1343.25 858.91 1341.58 857.03 1340.49 C 858.91 1339.38 860 1337.72 860 1335.97 C 860 1334.21 858.91 1332.55 857.03 1331.45 C 858.91 1330.35 860 1328.69 860 1326.93 C 860 1325.18 858.91 1323.52 857.03 1322.42 C 858.91 1321.32 860 1319.66 860 1317.9 C 860 1316.14 858.91 1314.48 857.03 1313.39 C 858.91 1312.28 860 1310.62 860 1308.86 C 860 1307.11 858.91 1305.45 857.03 1304.35 C 858.91 1303.25 860 1301.59 860 1299.83 C 860 1298.08 858.91 1296.42 857.03 1295.32 C 858.91 1294.22 860 1292.55 860 1290.8 C 860 1287.6 856.43 1285 852.04 1285 C 849.37 1285 846.86 1285.99 845.4 1287.61 C 843.93 1285.98 841.42 1285 838.75 1285 C 836.12 1285 833.66 1285.95 832.18 1287.52 C 830.7 1285.95 828.24 1285 825.62 1285 C 822.99 1285 820.53 1285.95 819.05 1287.52 C 817.57 1285.95 815.11 1285 812.5 1285 C 809.86 1285 807.41 1285.95 805.92 1287.52 C 804.44 1285.95 801.99 1285 799.36 1285 C 796.74 1285 794.28 1285.95 792.79 1287.52 C 791.32 1285.95 788.86 1285 786.24 1285 C 783.61 1285 781.15 1285.95 779.67 1287.52 C 778.19 1285.95 775.73 1285 773.11 1285 C 770.48 1285 768.03 1285.95 766.54 1287.52 C 765.06 1285.95 762.61 1285 759.98 1285 C 757.36 1285 754.9 1285.95 753.41 1287.52 C 751.94 1285.95 749.48 1285 746.85 1285 C 744.23 1285 741.77 1285.95 740.29 1287.52 C 738.81 1285.95 736.35 1285 733.73 1285 C 731.1 1285 728.65 1285.95 727.16 1287.52 C 725.67 1285.95 723.23 1285 720.6 1285 C 717.97 1285 715.52 1285.95 714.03 1287.52 C 712.55 1285.95 710.1 1285 707.47 1285 C 704.85 1285 702.39 1285.95 700.91 1287.52 C 699.42 1285.95 696.97 1285 694.35 1285 C 691.72 1285 689.26 1285.95 687.78 1287.52 C 686.29 1285.95 683.84 1285 681.22 1285 C 678.55 1285 676.06 1285.97 674.59 1287.59 C 673.12 1285.97 670.62 1285 667.96 1285 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 1345px; margin-left: 661px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">rectangle2</div></div></div></foreignObject><text x="760" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle2</text></switch></g><rect x="900" y="1265" width="160" height="160" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 1345px; margin-left: 901px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">square</div></div></div></foreignObject><text x="980" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">square</text></switch></g><path d="M 40 1525 L 140 1525 L 160 1565 L 140 1605 L 40 1605 L 60 1565 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 1565px; margin-left: 41px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">step</div></div></div></foreignObject><text x="100" y="1569" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">step</text></switch></g><path d="M 295.21 1574.19 C 295.75 1572.5 297.08 1571.08 298.89 1570.3 C 300.7 1569.52 302.81 1569.44 304.69 1570.09 C 307.43 1571.24 309.55 1573.26 310.62 1575.72 C 315.5 1563.7 322.94 1552.58 332.54 1542.92 C 335.26 1540.78 339.07 1540 342.61 1540.87 C 343.51 1540.99 344.28 1541.51 344.64 1542.24 C 345 1542.96 344.9 1543.8 344.38 1544.45 C 331.34 1557.2 321.64 1572.24 315.95 1588.54 C 312.59 1590 308.64 1590 305.28 1588.54 C 302.75 1583.67 299.35 1579.17 295.21 1575.21 C 295 1574.89 295 1574.5 295.21 1574.19 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 1597px; margin-left: 296px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">tick</div></div></div></foreignObject><text x="320" y="1609" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">tick</text></switch></g><rect x="390" y="1535" width="300" height="60" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 1565px; margin-left: 391px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">todo</div></div></div></foreignObject><text x="540" y="1569" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">todo</text></switch></g><ellipse cx="760" cy="1565" rx="50" ry="50" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><path d="M 721.22 1570.1 C 721.22 1585.32 738.58 1597.65 760 1597.65 C 781.42 1597.65 798.78 1585.32 798.78 1570.1" fill="none" stroke="#d79b00" stroke-width="2.04" stroke-miterlimit="10" pointer-events="none"/><rect x="710" y="1515" width="0" height="0" fill="none" stroke="#d79b00" pointer-events="none"/><path d="M 726.33 1567.04 L 716.12 1573.16" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 793.67 1567.04 L 803.88 1573.16" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><ellipse cx="737.55" cy="1550.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#ffe6cc" stroke="#d79b00" stroke-width="6.12" pointer-events="none"/><ellipse cx="782.45" cy="1550.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#ffe6cc" stroke="#d79b00" stroke-width="6.12" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 1622px; margin-left: 711px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">face</div></div></div></foreignObject><text x="760" y="1634" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">face</text></switch></g><path d="M 930 1515 L 1030 1565 L 930 1615 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 1565px; margin-left: 931px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">triangle</div></div></div></foreignObject><text x="980" y="1569" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">triangle</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>
3
+ <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="1062px" height="1807px" viewBox="-0.5 -0.5 1062 1807"><defs/><g><rect x="50" y="0" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 7px; margin-left: 52px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 89px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h1</div></div></div></foreignObject><text x="52" y="96" fill="#1F2D3D" font-family="Helvetica" font-size="89px" font-weight="bold">h1</text></switch></g><rect x="270" y="0" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 7px; margin-left: 272px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 67px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h2</div></div></div></foreignObject><text x="272" y="74" fill="#1F2D3D" font-family="Helvetica" font-size="67px" font-weight="bold">h2</text></switch></g><rect x="490" y="0" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 7px; margin-left: 492px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 50px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h3</div></div></div></foreignObject><text x="492" y="57" fill="#1F2D3D" font-family="Helvetica" font-size="50px" font-weight="bold">h3</text></switch></g><rect x="710" y="0" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 7px; margin-left: 712px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 37px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h4</div></div></div></foreignObject><text x="712" y="44" fill="#1F2D3D" font-family="Helvetica" font-size="37px" font-weight="bold">h4</text></switch></g><rect x="930" y="0" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 7px; margin-left: 932px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h5</div></div></div></foreignObject><text x="932" y="35" fill="#1F2D3D" font-family="Helvetica" font-size="28px" font-weight="bold">h5</text></switch></g><rect x="50" y="220" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 227px; margin-left: 52px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">h6</div></div></div></foreignObject><text x="52" y="248" fill="#1F2D3D" font-family="Helvetica" font-size="21px" font-weight="bold">h6</text></switch></g><rect x="270" y="220" width="100" height="50" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe flex-start; width: 98px; height: 1px; padding-top: 227px; margin-left: 272px;"><div data-drawio-colors="color: #1F2D3D; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(31, 45, 61); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;">p</div></div></div></foreignObject><text x="272" y="243" fill="#1F2D3D" font-family="Helvetica" font-size="16px" font-weight="bold">p</text></switch></g><path d="M 520 270 C 520 250 520 240 540 240 C 526.67 240 526.67 220 540 220 C 553.33 220 553.33 240 540 240 C 560 240 560 250 560 270 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 38px; height: 1px; padding-top: 245px; margin-left: 521px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">actor</div></div></div></foreignObject><text x="540" y="249" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">actor</text></switch></g><ellipse cx="760" cy="226.25" rx="7.5" ry="6.25" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/><path d="M 760 232.5 L 760 253.33 M 760 236.67 L 745 236.67 M 760 236.67 L 775 236.67 M 760 253.33 L 745 270 M 760 253.33 L 775 270" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 28px; height: 1px; padding-top: 295px; margin-left: 746px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">actor2</div></div></div></foreignObject><text x="760" y="299" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">actor2</text></switch></g><path d="M 900 185 L 1060 185 L 1060 275 L 1000 275 L 980 305 L 980 275 L 900 275 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 230px; margin-left: 901px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout</div></div></div></foreignObject><text x="980" y="234" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">callout</text></switch></g><path d="M 50.02 501.93 C 22.66 479.06 20 441.37 43.91 415.67 C 67.83 389.96 110.17 385.01 140.83 404.33 C 171.48 423.64 180 460.64 160.32 489.02 C 140.64 517.39 99.48 527.46 66.1 512.06 C 58.59 531.13 46.49 543.25 33.2 545 C 41.56 534.51 47.51 519.26 50.02 501.93 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="15" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 465px; margin-left: 21px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout2</div></div></div></foreignObject><text x="100" y="469" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">callout2</text></switch></g><path d="M 261.41 467.87 C 255.53 471.08 248.91 468.21 245.15 460.81 C 241.39 453.4 241.39 443.24 245.15 435.84 C 248.91 428.44 255.53 425.56 261.41 428.78 C 261.37 415.74 266.82 404.03 275.09 399.39 C 283.36 394.75 292.72 398.15 298.58 407.93 C 302.34 394.08 311.45 384.99 321.58 384.99 C 331.72 384.99 340.83 394.08 344.59 407.93 C 350.6 399.95 359.18 397.7 366.7 402.12 C 374.21 406.55 379.37 416.89 379.98 428.78 C 385.87 425.56 392.49 428.44 396.25 435.84 C 400.01 443.24 400.01 453.4 396.25 460.81 C 392.49 468.21 385.87 471.08 379.98 467.87 C 379.34 480.43 373.64 491.2 365.52 495.19 C 357.4 499.17 348.45 495.59 342.82 486.11 C 338.34 497.08 330.28 503.8 321.58 503.8 C 312.89 503.8 304.83 497.08 300.35 486.11 C 296.07 498.77 283.89 504.96 273.14 499.92 C 262.39 494.88 257.14 480.53 261.41 467.87 Z" fill="#ffe6cc" stroke="#d79b00" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><rect x="240" y="385" width="0" height="0" fill="none" stroke="#d79b00" pointer-events="all"/><ellipse cx="266.72" cy="512.17" rx="10.618294436456145" ry="7.0358306188925095" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/><ellipse cx="254.33" cy="529.1" rx="6.724919809755558" ry="4.690553745928339" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/><ellipse cx="244.25" cy="541.61" rx="4.2473177745824575" ry="3.387622149837134" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 465px; margin-left: 241px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout3</div></div></div></foreignObject><text x="320" y="469" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">callout3</text></switch></g><path d="M 482.5 510 L 465 510 C 462.24 510 460 507.76 460 505 L 460 410 C 460 407.24 462.24 405 465 405 L 615 405 C 617.76 405 620 407.24 620 410 L 620 505 C 620 507.76 617.76 510 615 510 L 497.5 510 C 494.54 517.77 485.79 523.6 475 525 C 478.89 522.15 481.68 516.57 482.5 510 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 458px; margin-left: 461px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">callout4</div></div></div></foreignObject><text x="540" y="461" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">callout4</text></switch></g><ellipse cx="760" cy="465" rx="80" ry="80" fill="#ffe6cc" stroke="#d79b00" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 465px; margin-left: 681px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">circle</div></div></div></foreignObject><text x="760" y="469" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">circle</text></switch></g><path d="M 940 425 C 908 425 900 465 925.6 473 C 900 490.6 928.8 529 949.6 513 C 964 545 1012 545 1028 513 C 1060 513 1060 481 1040 465 C 1060 433 1028 401 1000 417 C 980 393 948 393 940 425 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 465px; margin-left: 901px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">cloud</div></div></div></foreignObject><text x="980" y="469" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">cloud</text></switch></g><path d="M 20 628 L 20 605 L 180 605 L 180 628" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="all"/><path d="M 20 628 L 20 765 L 180 765 L 180 628" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 20 628 L 180 628" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 617px; margin-left: 21px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container</div></div></div></foreignObject><text x="100" y="620" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container</text></switch></g><path d="M 263 605 L 240 605 L 240 765 L 263 765" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 263 605 L 400 605 L 400 765 L 263 765" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 263 605 L 263 765" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 251.5 685)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 685px; margin-left: 173px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container2</div></div></div></foreignObject><text x="252" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container2</text></switch></g><path d="M 460 655 L 460 605 L 620 605 L 620 655" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 460 655 L 460 765 L 620 765 L 620 655" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 460 655 L 620 655" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 630px; margin-left: 461px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container3</div></div></div></foreignObject><text x="540" y="634" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container3</text></switch></g><path d="M 680 628 L 680 605 L 840 605 L 840 628" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 628 L 680 765 L 840 765 L 840 628" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 628 L 840 628" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 617px; margin-left: 681px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">container4</div></div></div></foreignObject><text x="760" y="620" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container4</text></switch></g><path d="M 955 660 L 969.58 660 L 980 674.8 L 990.42 660 L 1005 660 L 987.29 685 L 1005 710 L 990.42 710 L 980 695.2 L 969.58 710 L 955 710 L 971.67 685 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 717px; margin-left: 956px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">cross</div></div></div></foreignObject><text x="980" y="729" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">cross</text></switch></g><path d="M 20 855 L 180 855 L 180 955 L 20 955 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 20 855 L 100 905 L 180 855" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 905px; margin-left: 21px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">envelop</div></div></div></foreignObject><text x="100" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">envelop</text></switch></g><path d="M 240 931.67 L 240 878.33 C 240 870.97 275.82 865 320 865 C 364.18 865 400 870.97 400 878.33 L 400 931.67 C 400 939.03 364.18 945 320 945 C 275.82 945 240 939.03 240 931.67 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 240 878.33 C 240 885.7 275.82 891.67 320 891.67 C 364.18 891.67 400 885.7 400 878.33" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 905px; margin-left: 241px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">database</div></div></div></foreignObject><text x="320" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">database</text></switch></g><path d="M 460 918.33 L 460 891.67 C 460 887.98 495.82 885 540 885 C 584.18 885 620 887.98 620 891.67 L 620 918.33 C 620 922.02 584.18 925 540 925 C 495.82 925 460 922.02 460 918.33 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 460 891.67 C 460 895.35 495.82 898.33 540 898.33 C 584.18 898.33 620 895.35 620 891.67" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 905px; margin-left: 461px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">db_json</div></div></div></foreignObject><text x="540" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">db_json</text></switch></g><path d="M 760 855 L 810 905 L 760 955 L 710 905 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 905px; margin-left: 711px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">diamond</div></div></div></foreignObject><text x="760" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">diamond</text></switch></g><path d="M 1058.38 847.86 L 1058.38 985 L 900 985 L 900 825 L 1035.76 825 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 1035.76 825 C 1037.6 830.35 1034.57 835.86 1027.68 839.69 L 1060 849 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 905px; margin-left: 901px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">document</div></div></div></foreignObject><text x="980" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">document</text></switch></g><ellipse cx="100" cy="1125" rx="100" ry="60" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 1125px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">ellipse</div></div></div></foreignObject><text x="100" y="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">ellipse</text></switch></g><rect x="215" y="1020" width="210" height="210" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 208px; height: 1px; padding-top: 1027px; margin-left: 216px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 20px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">group</div></div></div></foreignObject><text x="320" y="1047" fill="#333333" font-family="Helvetica" font-size="20px" text-anchor="middle">group</text></switch></g><path d="M 490 1065 L 590 1065 L 640 1125 L 590 1185 L 490 1185 L 440 1125 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 1125px; margin-left: 441px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">hexagon</div></div></div></foreignObject><text x="540" y="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">hexagon</text></switch></g><rect x="680" y="1045" width="160" height="160" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 162px; height: 160px; padding-top: 1045px; margin-left: 680px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 160px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; width: 100%; height: 100%; white-space: normal; overflow-wrap: normal;">interface</div></div></div></foreignObject><text x="680" y="1129" fill="#333333" font-family="Helvetica" font-size="12px">interface</text></switch></g><rect x="900" y="1045" width="160" height="160" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 162px; height: 160px; padding-top: 1045px; margin-left: 900px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left; width: 160px; height: 160px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; width: 100%; height: 100%; white-space: normal; overflow-wrap: normal;">klass</div></div></div></foreignObject><text x="900" y="1129" fill="#333333" font-family="Helvetica" font-size="12px">klass</text></switch></g><path d="M 20 1265 L 150 1265 L 180 1295 L 180 1425 L 20 1425 L 20 1265 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 150 1265 L 150 1295 L 180 1295" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 1345px; margin-left: 21px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">note</div></div></div></foreignObject><text x="100" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">note</text></switch></g><rect x="220" y="1285" width="200" height="120" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><path d="M 240 1285 L 240 1405 M 400 1285 L 400 1405" fill="none" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 1345px; margin-left: 241px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">process</div></div></div></foreignObject><text x="320" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">process</text></switch></g><rect x="440" y="1285" width="200" height="120" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 1345px; margin-left: 441px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">rectangle</div></div></div></foreignObject><text x="540" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle</text></switch></g><path d="M 667.96 1285 C 663.57 1285 660 1287.6 660 1290.8 C 660 1292.55 661.1 1294.21 662.97 1295.32 C 661.09 1296.41 660 1298.08 660 1299.83 C 660 1301.59 661.1 1303.25 662.97 1304.35 C 661.09 1305.45 660 1307.11 660 1308.86 C 660 1310.62 661.1 1312.28 662.97 1313.38 C 661.09 1314.48 660 1316.14 660 1317.9 C 660 1319.65 661.1 1321.32 662.97 1322.42 C 661.09 1323.51 660 1325.18 660 1326.93 C 660 1328.69 661.1 1330.35 662.97 1331.45 C 661.09 1332.55 660 1334.21 660 1335.97 C 660 1337.72 661.1 1339.38 662.97 1340.48 C 661.09 1341.58 660 1343.24 660 1345 C 660 1346.76 661.1 1348.42 662.97 1349.51 C 661.09 1350.61 660 1352.28 660 1354.03 C 660 1355.79 661.1 1357.45 662.97 1358.55 C 661.09 1359.65 660 1361.31 660 1363.07 C 660 1364.82 661.1 1366.48 662.97 1367.58 C 661.09 1368.68 660 1370.34 660 1372.1 C 660 1373.86 661.1 1375.52 662.97 1376.61 C 661.09 1377.72 660 1379.38 660 1381.13 C 660 1382.89 661.1 1384.55 662.97 1385.65 C 661.09 1386.74 660 1388.41 660 1390.17 C 660 1391.92 661.1 1393.58 662.97 1394.68 C 661.09 1395.78 660 1397.45 660 1399.2 C 660 1402.4 663.57 1405 667.96 1405 C 670.62 1405 673.12 1404.03 674.59 1402.41 C 676.06 1404.03 678.55 1405 681.22 1405 C 683.84 1405 686.3 1404.05 687.79 1402.48 C 689.27 1404.05 691.72 1405 694.35 1405 C 696.97 1405 699.43 1404.05 700.91 1402.48 C 702.39 1404.05 704.85 1405 707.47 1405 C 710.1 1405 712.55 1404.05 714.04 1402.48 C 715.52 1404.05 717.97 1405 720.6 1405 C 723.23 1405 725.68 1404.05 727.17 1402.48 C 728.65 1404.05 731.1 1405 733.73 1405 C 736.35 1405 738.81 1404.05 740.3 1402.48 C 741.78 1404.05 744.23 1405 746.85 1405 C 749.48 1405 751.94 1404.05 753.42 1402.48 C 754.91 1404.05 757.36 1405 759.98 1405 C 762.61 1405 765.06 1404.05 766.55 1402.48 C 768.04 1404.05 770.48 1405 773.11 1405 C 775.73 1405 778.2 1404.05 779.68 1402.48 C 781.16 1404.05 783.61 1405 786.24 1405 C 788.86 1405 791.33 1404.05 792.8 1402.48 C 794.29 1404.05 796.75 1405 799.36 1405 C 802 1405 804.45 1404.05 805.93 1402.48 C 807.42 1404.05 809.87 1405 812.5 1405 C 815.12 1405 817.58 1404.05 819.06 1402.48 C 820.54 1404.05 823 1405 825.62 1405 C 828.25 1405 830.71 1404.05 832.18 1402.48 C 833.67 1404.05 836.13 1405 838.75 1405 C 841.42 1405 843.92 1404.01 845.4 1402.39 C 846.86 1404.02 849.36 1405 852.04 1405 C 856.43 1405 860 1402.4 860 1399.2 C 860 1397.45 858.91 1395.79 857.03 1394.68 C 858.91 1393.59 860 1391.92 860 1390.17 C 860 1388.41 858.91 1386.75 857.03 1385.65 C 858.91 1384.55 860 1382.89 860 1381.13 C 860 1379.38 858.91 1377.72 857.03 1376.62 C 858.91 1375.52 860 1373.86 860 1372.1 C 860 1370.35 858.91 1368.69 857.03 1367.58 C 858.91 1366.49 860 1364.82 860 1363.07 C 860 1361.31 858.91 1359.65 857.03 1358.55 C 858.91 1357.45 860 1355.79 860 1354.03 C 860 1352.28 858.91 1350.62 857.03 1349.52 C 858.91 1348.42 860 1346.76 860 1345 C 860 1343.25 858.91 1341.58 857.03 1340.49 C 858.91 1339.38 860 1337.72 860 1335.97 C 860 1334.21 858.91 1332.55 857.03 1331.45 C 858.91 1330.35 860 1328.69 860 1326.93 C 860 1325.18 858.91 1323.52 857.03 1322.42 C 858.91 1321.32 860 1319.66 860 1317.9 C 860 1316.14 858.91 1314.48 857.03 1313.39 C 858.91 1312.28 860 1310.62 860 1308.86 C 860 1307.11 858.91 1305.45 857.03 1304.35 C 858.91 1303.25 860 1301.59 860 1299.83 C 860 1298.08 858.91 1296.42 857.03 1295.32 C 858.91 1294.22 860 1292.55 860 1290.8 C 860 1287.6 856.43 1285 852.04 1285 C 849.37 1285 846.86 1285.99 845.4 1287.61 C 843.93 1285.98 841.42 1285 838.75 1285 C 836.12 1285 833.66 1285.95 832.18 1287.52 C 830.7 1285.95 828.24 1285 825.62 1285 C 822.99 1285 820.53 1285.95 819.05 1287.52 C 817.57 1285.95 815.11 1285 812.5 1285 C 809.86 1285 807.41 1285.95 805.92 1287.52 C 804.44 1285.95 801.99 1285 799.36 1285 C 796.74 1285 794.28 1285.95 792.79 1287.52 C 791.32 1285.95 788.86 1285 786.24 1285 C 783.61 1285 781.15 1285.95 779.67 1287.52 C 778.19 1285.95 775.73 1285 773.11 1285 C 770.48 1285 768.03 1285.95 766.54 1287.52 C 765.06 1285.95 762.61 1285 759.98 1285 C 757.36 1285 754.9 1285.95 753.41 1287.52 C 751.94 1285.95 749.48 1285 746.85 1285 C 744.23 1285 741.77 1285.95 740.29 1287.52 C 738.81 1285.95 736.35 1285 733.73 1285 C 731.1 1285 728.65 1285.95 727.16 1287.52 C 725.67 1285.95 723.23 1285 720.6 1285 C 717.97 1285 715.52 1285.95 714.03 1287.52 C 712.55 1285.95 710.1 1285 707.47 1285 C 704.85 1285 702.39 1285.95 700.91 1287.52 C 699.42 1285.95 696.97 1285 694.35 1285 C 691.72 1285 689.26 1285.95 687.78 1287.52 C 686.29 1285.95 683.84 1285 681.22 1285 C 678.55 1285 676.06 1285.97 674.59 1287.59 C 673.12 1285.97 670.62 1285 667.96 1285 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 1345px; margin-left: 661px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">rectangle2</div></div></div></foreignObject><text x="760" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle2</text></switch></g><rect x="900" y="1265" width="160" height="160" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 158px; height: 1px; padding-top: 1345px; margin-left: 901px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">square</div></div></div></foreignObject><text x="980" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">square</text></switch></g><path d="M 40 1525 L 140 1525 L 160 1565 L 140 1605 L 40 1605 L 60 1565 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 1565px; margin-left: 41px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">step</div></div></div></foreignObject><text x="100" y="1569" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">step</text></switch></g><path d="M 295.21 1574.19 C 295.75 1572.5 297.08 1571.08 298.89 1570.3 C 300.7 1569.52 302.81 1569.44 304.69 1570.09 C 307.43 1571.24 309.55 1573.26 310.62 1575.72 C 315.5 1563.7 322.94 1552.58 332.54 1542.92 C 335.26 1540.78 339.07 1540 342.61 1540.87 C 343.51 1540.99 344.28 1541.51 344.64 1542.24 C 345 1542.96 344.9 1543.8 344.38 1544.45 C 331.34 1557.2 321.64 1572.24 315.95 1588.54 C 312.59 1590 308.64 1590 305.28 1588.54 C 302.75 1583.67 299.35 1579.17 295.21 1575.21 C 295 1574.89 295 1574.5 295.21 1574.19 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 1597px; margin-left: 296px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">tick</div></div></div></foreignObject><text x="320" y="1609" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">tick</text></switch></g><rect x="390" y="1535" width="300" height="60" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 298px; height: 1px; padding-top: 1565px; margin-left: 391px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">todo</div></div></div></foreignObject><text x="540" y="1569" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">todo</text></switch></g><ellipse cx="760" cy="1565" rx="50" ry="50" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><path d="M 721.22 1570.1 C 721.22 1585.32 738.58 1597.65 760 1597.65 C 781.42 1597.65 798.78 1585.32 798.78 1570.1" fill="none" stroke="#d79b00" stroke-width="2.04" stroke-miterlimit="10" pointer-events="none"/><rect x="710" y="1515" width="0" height="0" fill="none" stroke="#d79b00" pointer-events="none"/><path d="M 726.33 1567.04 L 716.12 1573.16" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><path d="M 793.67 1567.04 L 803.88 1573.16" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><ellipse cx="737.55" cy="1550.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#ffe6cc" stroke="#d79b00" stroke-width="6.12" pointer-events="none"/><ellipse cx="782.45" cy="1550.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#ffe6cc" stroke="#d79b00" stroke-width="6.12" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-start; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 1622px; margin-left: 711px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">face</div></div></div></foreignObject><text x="760" y="1634" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">face</text></switch></g><path d="M 930 1515 L 1030 1565 L 930 1615 Z" fill="#ffe6cc" stroke="#d79b00" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 98px; height: 1px; padding-top: 1565px; margin-left: 931px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">triangle</div></div></div></foreignObject><text x="980" y="1569" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">triangle</text></switch></g><rect x="0" y="1765" width="200" height="40" fill="#ffe6cc" stroke="none" pointer-events="none"/><path d="M 0 1765 M 200 1765 M 200 1805 L 0 1805" fill="none" stroke="#d79b00" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 198px; height: 1px; padding-top: 1785px; margin-left: 1px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">embed_row</div></div></div></foreignObject><text x="100" y="1789" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">embed_row</text></switch></g><rect x="295" y="1765" width="50" height="40" fill="#ffe6cc" stroke="none" pointer-events="none"/><path d="M 295 1765 M 345 1765 M 345 1805 M 295 1805" fill="none" stroke="#d79b00" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 1785px; margin-left: 296px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: center; max-height: 36px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; font-weight: bold; white-space: normal; overflow-wrap: normal;">embed_col50</div></div></div></foreignObject><text x="320" y="1789" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">embed_co...</text></switch></g><rect x="465" y="1765" width="150" height="40" fill="#ffe6cc" stroke="none" pointer-events="none"/><path d="M 465 1765 M 615 1765 M 615 1805 M 465 1805" fill="none" stroke="#d79b00" stroke-linecap="square" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 142px; height: 1px; padding-top: 1785px; margin-left: 473px;"><div data-drawio-colors="color: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left; max-height: 36px; overflow: hidden;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; pointer-events: none; white-space: normal; overflow-wrap: normal;">embed_col200</div></div></div></foreignObject><text x="473" y="1789" fill="#333333" font-family="Helvetica" font-size="12px">embed_col200</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>