drawio_dsl 0.5.4 → 0.5.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. checksums.yaml +4 -4
  2. data/.builders/generators/project_plans/drawio_dsl.rb +7 -6
  3. data/.builders/generators/sample_diagrams/10-page-margin.rb +4 -8
  4. data/.builders/generators/sample_diagrams/15-grid-direction.rb +9 -7
  5. data/.builders/generators/sample_diagrams/16-grid-alignment.rb +6 -9
  6. data/.builders/generators/sample_diagrams/20-styles.rb +43 -45
  7. data/.builders/generators/sample_diagrams/25-themes.rb +21 -8
  8. data/.builders/generators/sample_diagrams/50-willoughby-council.rb +5 -6
  9. data/CHANGELOG.md +8 -0
  10. data/README.md +4 -3
  11. data/docs/project_done.svg +1 -1
  12. data/docs/samples/grid-alignment-center.svg +3 -0
  13. data/docs/samples/grid-alignment.svg +3 -0
  14. data/docs/samples/grid-direction-horizontal.svg +3 -0
  15. data/docs/samples/grid-direction-vertical.svg +3 -0
  16. data/docs/samples/samples.md +48 -0
  17. data/docs/samples/styles-glass.svg +3 -0
  18. data/docs/samples/styles-plain.svg +3 -0
  19. data/docs/samples/styles-rounded.svg +3 -0
  20. data/docs/samples/styles-shadow.svg +3 -0
  21. data/docs/samples/styles-sketch.svg +3 -0
  22. data/docs/samples/themes-circle.svg +3 -0
  23. data/docs/samples/themes-random.svg +3 -0
  24. data/docs/samples/themes-square.svg +3 -0
  25. data/docs/samples/willoughby-council.svg +3 -0
  26. data/lib/drawio_dsl/drawio.rb +16 -0
  27. data/lib/drawio_dsl/version.rb +1 -1
  28. data/package-lock.json +2 -2
  29. data/package.json +1 -1
  30. metadata +15 -2
  31. data/.builders/generators/sample_diagrams/30-shapes.rb +0 -23
data/docs/samples/styles-glass.svg ADDED
@@ -0,0 +1,3 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
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="1082px" height="1587px" viewBox="-0.5 -0.5 1082 1587"><defs><linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="mx-gradient-ffffff-0.9-ffffff-0.1-s-0"><stop offset="0%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.9;"/><stop offset="100%" style="stop-color: rgb(255, 255, 255); stop-opacity: 0.1;"/></linearGradient></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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 89px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 67px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 50px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 37px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#b85450" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><rect x="240" y="385" width="0" height="0" fill="none" stroke="#b85450" pointer-events="all"/><ellipse cx="266.72" cy="512.17" rx="10.618294436456145" ry="7.0358306188925095" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><ellipse cx="254.33" cy="529.1" rx="6.724919809755558" ry="4.690553745928339" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><ellipse cx="244.25" cy="541.61" rx="4.2473177745824575" ry="3.387622149837134" fill="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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 75 660 L 89.58 660 L 100 674.8 L 110.42 660 L 125 660 L 107.29 685 L 125 710 L 110.42 710 L 100 695.2 L 89.58 710 L 75 710 L 91.67 685 Z" fill="#f8cecc" stroke="#b85450" 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 flex-start; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 717px; margin-left: 76px;"><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;">cross</div></div></div></foreignObject><text x="100" y="729" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">cross</text></switch></g><path d="M 240 635 L 400 635 L 400 735 L 240 735 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/><path d="M 240 635 L 320 685 L 400 635" fill="none" stroke="#b85450" 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: 685px; 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;">envelop</div></div></div></foreignObject><text x="320" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">envelop</text></switch></g><path d="M 540 635 L 590 685 L 540 735 L 490 685 Z" fill="#f8cecc" stroke="#b85450" 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: 98px; height: 1px; padding-top: 685px; margin-left: 491px;"><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;">diamond</div></div></div></foreignObject><text x="540" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">diamond</text></switch></g><path d="M 838.38 627.86 L 838.38 765 L 680 765 L 680 605 L 815.76 605 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/><path d="M 815.76 605 C 817.6 610.35 814.57 615.86 807.68 619.69 L 840 629 Z" fill="#f8cecc" stroke="#b85450" 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: 685px; 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;">document</div></div></div></foreignObject><text x="760" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">document</text></switch></g><ellipse cx="980" cy="685" rx="100" ry="60" fill="#f8cecc" stroke="#b85450" 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: 198px; height: 1px; padding-top: 685px; margin-left: 881px;"><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;">ellipse</div></div></div></foreignObject><text x="980" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">ellipse</text></switch></g><path d="M 50 845 L 150 845 L 200 905 L 150 965 L 50 965 L 0 905 Z" fill="#f8cecc" stroke="#b85450" 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: 198px; height: 1px; padding-top: 905px; 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: all; white-space: normal; overflow-wrap: normal;">hexagon</div></div></div></foreignObject><text x="100" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">hexagon</text></switch></g><path d="M 240 848 L 240 825 L 400 825 L 400 848" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/><path d="M 240 848 L 240 985 L 400 985 L 400 848" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 240 848 L 400 848" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 239 824 L 239 834.2 Q 320 841.1 401 834.2 L 401 824 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" 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: 837px; 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; font-weight: bold; white-space: normal; overflow-wrap: normal;">container</div></div></div></foreignObject><text x="320" y="840" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container</text></switch></g><path d="M 483 825 L 460 825 L 460 985 L 483 985" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 483 825 L 620 825 L 620 985 L 483 985" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 483 825 L 483 985" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 459 824 L 459 834.2 Q 540 841.1 621 834.2 L 621 824 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 471.5 905)"><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: 393px;"><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="472" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container2</text></switch></g><path d="M 680 875 L 680 825 L 840 825 L 840 875" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 875 L 680 985 L 840 985 L 840 875" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 875 L 840 875" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 679 824 L 679 845 Q 760 860 841 845 L 841 824 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" 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: 850px; 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;">container3</div></div></div></foreignObject><text x="760" y="854" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container3</text></switch></g><path d="M 900 848 L 900 825 L 1060 825 L 1060 848" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 900 848 L 900 985 L 1060 985 L 1060 848" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 900 848 L 1060 848" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 899 824 L 899 834.2 Q 980 841.1 1061 834.2 L 1061 824 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" 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: 837px; 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; font-weight: bold; white-space: normal; overflow-wrap: normal;">container4</div></div></div></foreignObject><text x="980" y="840" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container4</text></switch></g><path d="M 20 1045 L 150 1045 L 180 1075 L 180 1205 L 20 1205 L 20 1045 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 150 1045 L 150 1075 L 180 1075" fill="none" stroke="#b85450" 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: 1125px; 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">note</text></switch></g><rect x="220" y="1065" width="200" height="120" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><path d="M 240 1065 L 240 1185 M 400 1065 L 400 1185" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 219 1064 L 219 1113 Q 320 1149 421 1113 L 421 1064 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" 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: 1125px; 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">process</text></switch></g><rect x="440" y="1065" width="200" height="120" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><path d="M 439 1064 L 439 1113 Q 540 1149 641 1113 L 641 1064 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" 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;">rectangle</div></div></div></foreignObject><text x="540" y="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle</text></switch></g><path d="M 667.96 1065 C 663.57 1065 660 1067.6 660 1070.8 C 660 1072.55 661.1 1074.21 662.97 1075.32 C 661.09 1076.41 660 1078.08 660 1079.83 C 660 1081.59 661.1 1083.25 662.97 1084.35 C 661.09 1085.45 660 1087.11 660 1088.86 C 660 1090.62 661.1 1092.28 662.97 1093.38 C 661.09 1094.48 660 1096.14 660 1097.9 C 660 1099.65 661.1 1101.32 662.97 1102.42 C 661.09 1103.51 660 1105.18 660 1106.93 C 660 1108.69 661.1 1110.35 662.97 1111.45 C 661.09 1112.55 660 1114.21 660 1115.97 C 660 1117.72 661.1 1119.38 662.97 1120.48 C 661.09 1121.58 660 1123.24 660 1125 C 660 1126.76 661.1 1128.42 662.97 1129.51 C 661.09 1130.61 660 1132.28 660 1134.03 C 660 1135.79 661.1 1137.45 662.97 1138.55 C 661.09 1139.65 660 1141.31 660 1143.07 C 660 1144.82 661.1 1146.48 662.97 1147.58 C 661.09 1148.68 660 1150.34 660 1152.1 C 660 1153.86 661.1 1155.52 662.97 1156.61 C 661.09 1157.72 660 1159.38 660 1161.13 C 660 1162.89 661.1 1164.55 662.97 1165.65 C 661.09 1166.74 660 1168.41 660 1170.17 C 660 1171.92 661.1 1173.58 662.97 1174.68 C 661.09 1175.78 660 1177.45 660 1179.2 C 660 1182.4 663.57 1185 667.96 1185 C 670.62 1185 673.12 1184.03 674.59 1182.41 C 676.06 1184.03 678.55 1185 681.22 1185 C 683.84 1185 686.3 1184.05 687.79 1182.48 C 689.27 1184.05 691.72 1185 694.35 1185 C 696.97 1185 699.43 1184.05 700.91 1182.48 C 702.39 1184.05 704.85 1185 707.47 1185 C 710.1 1185 712.55 1184.05 714.04 1182.48 C 715.52 1184.05 717.97 1185 720.6 1185 C 723.23 1185 725.68 1184.05 727.17 1182.48 C 728.65 1184.05 731.1 1185 733.73 1185 C 736.35 1185 738.81 1184.05 740.3 1182.48 C 741.78 1184.05 744.23 1185 746.85 1185 C 749.48 1185 751.94 1184.05 753.42 1182.48 C 754.91 1184.05 757.36 1185 759.98 1185 C 762.61 1185 765.06 1184.05 766.55 1182.48 C 768.04 1184.05 770.48 1185 773.11 1185 C 775.73 1185 778.2 1184.05 779.68 1182.48 C 781.16 1184.05 783.61 1185 786.24 1185 C 788.86 1185 791.33 1184.05 792.8 1182.48 C 794.29 1184.05 796.75 1185 799.36 1185 C 802 1185 804.45 1184.05 805.93 1182.48 C 807.42 1184.05 809.87 1185 812.5 1185 C 815.12 1185 817.58 1184.05 819.06 1182.48 C 820.54 1184.05 823 1185 825.62 1185 C 828.25 1185 830.71 1184.05 832.18 1182.48 C 833.67 1184.05 836.13 1185 838.75 1185 C 841.42 1185 843.92 1184.01 845.4 1182.39 C 846.86 1184.02 849.36 1185 852.04 1185 C 856.43 1185 860 1182.4 860 1179.2 C 860 1177.45 858.91 1175.79 857.03 1174.68 C 858.91 1173.59 860 1171.92 860 1170.17 C 860 1168.41 858.91 1166.75 857.03 1165.65 C 858.91 1164.55 860 1162.89 860 1161.13 C 860 1159.38 858.91 1157.72 857.03 1156.62 C 858.91 1155.52 860 1153.86 860 1152.1 C 860 1150.35 858.91 1148.69 857.03 1147.58 C 858.91 1146.49 860 1144.82 860 1143.07 C 860 1141.31 858.91 1139.65 857.03 1138.55 C 858.91 1137.45 860 1135.79 860 1134.03 C 860 1132.28 858.91 1130.62 857.03 1129.52 C 858.91 1128.42 860 1126.76 860 1125 C 860 1123.25 858.91 1121.58 857.03 1120.49 C 858.91 1119.38 860 1117.72 860 1115.97 C 860 1114.21 858.91 1112.55 857.03 1111.45 C 858.91 1110.35 860 1108.69 860 1106.93 C 860 1105.18 858.91 1103.52 857.03 1102.42 C 858.91 1101.32 860 1099.66 860 1097.9 C 860 1096.14 858.91 1094.48 857.03 1093.39 C 858.91 1092.28 860 1090.62 860 1088.86 C 860 1087.11 858.91 1085.45 857.03 1084.35 C 858.91 1083.25 860 1081.59 860 1079.83 C 860 1078.08 858.91 1076.42 857.03 1075.32 C 858.91 1074.22 860 1072.55 860 1070.8 C 860 1067.6 856.43 1065 852.04 1065 C 849.37 1065 846.86 1065.99 845.4 1067.61 C 843.93 1065.98 841.42 1065 838.75 1065 C 836.12 1065 833.66 1065.95 832.18 1067.52 C 830.7 1065.95 828.24 1065 825.62 1065 C 822.99 1065 820.53 1065.95 819.05 1067.52 C 817.57 1065.95 815.11 1065 812.5 1065 C 809.86 1065 807.41 1065.95 805.92 1067.52 C 804.44 1065.95 801.99 1065 799.36 1065 C 796.74 1065 794.28 1065.95 792.79 1067.52 C 791.32 1065.95 788.86 1065 786.24 1065 C 783.61 1065 781.15 1065.95 779.67 1067.52 C 778.19 1065.95 775.73 1065 773.11 1065 C 770.48 1065 768.03 1065.95 766.54 1067.52 C 765.06 1065.95 762.61 1065 759.98 1065 C 757.36 1065 754.9 1065.95 753.41 1067.52 C 751.94 1065.95 749.48 1065 746.85 1065 C 744.23 1065 741.77 1065.95 740.29 1067.52 C 738.81 1065.95 736.35 1065 733.73 1065 C 731.1 1065 728.65 1065.95 727.16 1067.52 C 725.67 1065.95 723.23 1065 720.6 1065 C 717.97 1065 715.52 1065.95 714.03 1067.52 C 712.55 1065.95 710.1 1065 707.47 1065 C 704.85 1065 702.39 1065.95 700.91 1067.52 C 699.42 1065.95 696.97 1065 694.35 1065 C 691.72 1065 689.26 1065.95 687.78 1067.52 C 686.29 1065.95 683.84 1065 681.22 1065 C 678.55 1065 676.06 1065.97 674.59 1067.59 C 673.12 1065.97 670.62 1065 667.96 1065 Z" fill="#f8cecc" stroke="#b85450" 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: 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle2</text></switch></g><rect x="900" y="1045" width="160" height="160" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><path d="M 899 1044 L 899 1109 Q 980 1157 1061 1109 L 1061 1044 Z" fill="url(#mx-gradient-ffffff-0.9-ffffff-0.1-s-0)" stroke="none" 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: 1125px; 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">square</text></switch></g><path d="M 40 1305 L 140 1305 L 160 1345 L 140 1385 L 40 1385 L 60 1345 Z" fill="#f8cecc" stroke="#b85450" 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: 1345px; 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="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">step</text></switch></g><path d="M 295.21 1354.19 C 295.75 1352.5 297.08 1351.08 298.89 1350.3 C 300.7 1349.52 302.81 1349.44 304.69 1350.09 C 307.43 1351.24 309.55 1353.26 310.62 1355.72 C 315.5 1343.7 322.94 1332.58 332.54 1322.92 C 335.26 1320.78 339.07 1320 342.61 1320.87 C 343.51 1320.99 344.28 1321.51 344.64 1322.24 C 345 1322.96 344.9 1323.8 344.38 1324.45 C 331.34 1337.2 321.64 1352.24 315.95 1368.54 C 312.59 1370 308.64 1370 305.28 1368.54 C 302.75 1363.67 299.35 1359.17 295.21 1355.21 C 295 1354.89 295 1354.5 295.21 1354.19 Z" fill="#f8cecc" stroke="#b85450" 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: 1377px; 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="1389" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">tick</text></switch></g><ellipse cx="540" cy="1345" rx="50" ry="50" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><path d="M 501.22 1350.1 C 501.22 1365.32 518.58 1377.65 540 1377.65 C 561.42 1377.65 578.78 1365.32 578.78 1350.1" fill="none" stroke="#b85450" stroke-width="2.04" stroke-miterlimit="10" pointer-events="none"/><rect x="490" y="1295" width="0" height="0" fill="none" stroke="#b85450" pointer-events="none"/><path d="M 506.33 1347.04 L 496.12 1353.16" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 573.67 1347.04 L 583.88 1353.16" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><ellipse cx="517.55" cy="1330.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#f8cecc" stroke="#b85450" stroke-width="6.12" pointer-events="none"/><ellipse cx="562.45" cy="1330.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#f8cecc" stroke="#b85450" 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: 1402px; margin-left: 491px;"><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="540" y="1414" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">face</text></switch></g><path d="M 710 1295 L 810 1345 L 710 1395 Z" fill="#f8cecc" stroke="#b85450" 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: 1345px; 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;">triangle</div></div></div></foreignObject><text x="760" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">triangle</text></switch></g><rect x="880" y="1325" width="200" height="40" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 880 1325 M 1080 1325 M 1080 1365 L 880 1365" fill="none" stroke="#b85450" 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: 1345px; margin-left: 881px;"><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="980" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">embed_row</text></switch></g><rect x="75" y="1545" width="50" height="40" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 75 1545 M 125 1545 M 125 1585 M 75 1585" fill="none" stroke="#b85450" 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: 1565px; margin-left: 76px;"><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="100" y="1569" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">embed_co...</text></switch></g><rect x="245" y="1545" width="150" height="40" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 245 1545 M 395 1545 M 395 1585 M 245 1585" fill="none" stroke="#b85450" 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: 1565px; margin-left: 253px;"><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="253" y="1569" 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>
data/docs/samples/styles-plain.svg ADDED
@@ -0,0 +1,3 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
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="1082px" height="1587px" viewBox="-0.5 -0.5 1082 1587"><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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 89px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 67px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 50px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 37px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#b85450" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><rect x="240" y="385" width="0" height="0" fill="none" stroke="#b85450" pointer-events="all"/><ellipse cx="266.72" cy="512.17" rx="10.618294436456145" ry="7.0358306188925095" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><ellipse cx="254.33" cy="529.1" rx="6.724919809755558" ry="4.690553745928339" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><ellipse cx="244.25" cy="541.61" rx="4.2473177745824575" ry="3.387622149837134" fill="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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 75 660 L 89.58 660 L 100 674.8 L 110.42 660 L 125 660 L 107.29 685 L 125 710 L 110.42 710 L 100 695.2 L 89.58 710 L 75 710 L 91.67 685 Z" fill="#f8cecc" stroke="#b85450" 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 flex-start; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 717px; margin-left: 76px;"><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;">cross</div></div></div></foreignObject><text x="100" y="729" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">cross</text></switch></g><path d="M 240 635 L 400 635 L 400 735 L 240 735 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/><path d="M 240 635 L 320 685 L 400 635" fill="none" stroke="#b85450" 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: 685px; 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;">envelop</div></div></div></foreignObject><text x="320" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">envelop</text></switch></g><path d="M 540 635 L 590 685 L 540 735 L 490 685 Z" fill="#f8cecc" stroke="#b85450" 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: 98px; height: 1px; padding-top: 685px; margin-left: 491px;"><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;">diamond</div></div></div></foreignObject><text x="540" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">diamond</text></switch></g><path d="M 838.38 627.86 L 838.38 765 L 680 765 L 680 605 L 815.76 605 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/><path d="M 815.76 605 C 817.6 610.35 814.57 615.86 807.68 619.69 L 840 629 Z" fill="#f8cecc" stroke="#b85450" 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: 685px; 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;">document</div></div></div></foreignObject><text x="760" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">document</text></switch></g><ellipse cx="980" cy="685" rx="100" ry="60" fill="#f8cecc" stroke="#b85450" 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: 198px; height: 1px; padding-top: 685px; margin-left: 881px;"><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;">ellipse</div></div></div></foreignObject><text x="980" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">ellipse</text></switch></g><path d="M 50 845 L 150 845 L 200 905 L 150 965 L 50 965 L 0 905 Z" fill="#f8cecc" stroke="#b85450" 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: 198px; height: 1px; padding-top: 905px; 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: all; white-space: normal; overflow-wrap: normal;">hexagon</div></div></div></foreignObject><text x="100" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">hexagon</text></switch></g><path d="M 240 848 L 240 825 L 400 825 L 400 848" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/><path d="M 240 848 L 240 985 L 400 985 L 400 848" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 240 848 L 400 848" fill="none" stroke="#b85450" 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: 837px; 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; font-weight: bold; white-space: normal; overflow-wrap: normal;">container</div></div></div></foreignObject><text x="320" y="840" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container</text></switch></g><path d="M 483 825 L 460 825 L 460 985 L 483 985" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 483 825 L 620 825 L 620 985 L 483 985" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 483 825 L 483 985" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 471.5 905)"><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: 393px;"><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="472" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container2</text></switch></g><path d="M 680 875 L 680 825 L 840 825 L 840 875" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 875 L 680 985 L 840 985 L 840 875" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 875 L 840 875" fill="none" stroke="#b85450" 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: 850px; 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;">container3</div></div></div></foreignObject><text x="760" y="854" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container3</text></switch></g><path d="M 900 848 L 900 825 L 1060 825 L 1060 848" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 900 848 L 900 985 L 1060 985 L 1060 848" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 900 848 L 1060 848" fill="none" stroke="#b85450" 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: 837px; 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; font-weight: bold; white-space: normal; overflow-wrap: normal;">container4</div></div></div></foreignObject><text x="980" y="840" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container4</text></switch></g><path d="M 20 1045 L 150 1045 L 180 1075 L 180 1205 L 20 1205 L 20 1045 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 150 1045 L 150 1075 L 180 1075" fill="none" stroke="#b85450" 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: 1125px; 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">note</text></switch></g><rect x="220" y="1065" width="200" height="120" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><path d="M 240 1065 L 240 1185 M 400 1065 L 400 1185" fill="none" stroke="#b85450" 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: 1125px; 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">process</text></switch></g><rect x="440" y="1065" width="200" height="120" fill="#f8cecc" stroke="#b85450" 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;">rectangle</div></div></div></foreignObject><text x="540" y="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle</text></switch></g><path d="M 667.96 1065 C 663.57 1065 660 1067.6 660 1070.8 C 660 1072.55 661.1 1074.21 662.97 1075.32 C 661.09 1076.41 660 1078.08 660 1079.83 C 660 1081.59 661.1 1083.25 662.97 1084.35 C 661.09 1085.45 660 1087.11 660 1088.86 C 660 1090.62 661.1 1092.28 662.97 1093.38 C 661.09 1094.48 660 1096.14 660 1097.9 C 660 1099.65 661.1 1101.32 662.97 1102.42 C 661.09 1103.51 660 1105.18 660 1106.93 C 660 1108.69 661.1 1110.35 662.97 1111.45 C 661.09 1112.55 660 1114.21 660 1115.97 C 660 1117.72 661.1 1119.38 662.97 1120.48 C 661.09 1121.58 660 1123.24 660 1125 C 660 1126.76 661.1 1128.42 662.97 1129.51 C 661.09 1130.61 660 1132.28 660 1134.03 C 660 1135.79 661.1 1137.45 662.97 1138.55 C 661.09 1139.65 660 1141.31 660 1143.07 C 660 1144.82 661.1 1146.48 662.97 1147.58 C 661.09 1148.68 660 1150.34 660 1152.1 C 660 1153.86 661.1 1155.52 662.97 1156.61 C 661.09 1157.72 660 1159.38 660 1161.13 C 660 1162.89 661.1 1164.55 662.97 1165.65 C 661.09 1166.74 660 1168.41 660 1170.17 C 660 1171.92 661.1 1173.58 662.97 1174.68 C 661.09 1175.78 660 1177.45 660 1179.2 C 660 1182.4 663.57 1185 667.96 1185 C 670.62 1185 673.12 1184.03 674.59 1182.41 C 676.06 1184.03 678.55 1185 681.22 1185 C 683.84 1185 686.3 1184.05 687.79 1182.48 C 689.27 1184.05 691.72 1185 694.35 1185 C 696.97 1185 699.43 1184.05 700.91 1182.48 C 702.39 1184.05 704.85 1185 707.47 1185 C 710.1 1185 712.55 1184.05 714.04 1182.48 C 715.52 1184.05 717.97 1185 720.6 1185 C 723.23 1185 725.68 1184.05 727.17 1182.48 C 728.65 1184.05 731.1 1185 733.73 1185 C 736.35 1185 738.81 1184.05 740.3 1182.48 C 741.78 1184.05 744.23 1185 746.85 1185 C 749.48 1185 751.94 1184.05 753.42 1182.48 C 754.91 1184.05 757.36 1185 759.98 1185 C 762.61 1185 765.06 1184.05 766.55 1182.48 C 768.04 1184.05 770.48 1185 773.11 1185 C 775.73 1185 778.2 1184.05 779.68 1182.48 C 781.16 1184.05 783.61 1185 786.24 1185 C 788.86 1185 791.33 1184.05 792.8 1182.48 C 794.29 1184.05 796.75 1185 799.36 1185 C 802 1185 804.45 1184.05 805.93 1182.48 C 807.42 1184.05 809.87 1185 812.5 1185 C 815.12 1185 817.58 1184.05 819.06 1182.48 C 820.54 1184.05 823 1185 825.62 1185 C 828.25 1185 830.71 1184.05 832.18 1182.48 C 833.67 1184.05 836.13 1185 838.75 1185 C 841.42 1185 843.92 1184.01 845.4 1182.39 C 846.86 1184.02 849.36 1185 852.04 1185 C 856.43 1185 860 1182.4 860 1179.2 C 860 1177.45 858.91 1175.79 857.03 1174.68 C 858.91 1173.59 860 1171.92 860 1170.17 C 860 1168.41 858.91 1166.75 857.03 1165.65 C 858.91 1164.55 860 1162.89 860 1161.13 C 860 1159.38 858.91 1157.72 857.03 1156.62 C 858.91 1155.52 860 1153.86 860 1152.1 C 860 1150.35 858.91 1148.69 857.03 1147.58 C 858.91 1146.49 860 1144.82 860 1143.07 C 860 1141.31 858.91 1139.65 857.03 1138.55 C 858.91 1137.45 860 1135.79 860 1134.03 C 860 1132.28 858.91 1130.62 857.03 1129.52 C 858.91 1128.42 860 1126.76 860 1125 C 860 1123.25 858.91 1121.58 857.03 1120.49 C 858.91 1119.38 860 1117.72 860 1115.97 C 860 1114.21 858.91 1112.55 857.03 1111.45 C 858.91 1110.35 860 1108.69 860 1106.93 C 860 1105.18 858.91 1103.52 857.03 1102.42 C 858.91 1101.32 860 1099.66 860 1097.9 C 860 1096.14 858.91 1094.48 857.03 1093.39 C 858.91 1092.28 860 1090.62 860 1088.86 C 860 1087.11 858.91 1085.45 857.03 1084.35 C 858.91 1083.25 860 1081.59 860 1079.83 C 860 1078.08 858.91 1076.42 857.03 1075.32 C 858.91 1074.22 860 1072.55 860 1070.8 C 860 1067.6 856.43 1065 852.04 1065 C 849.37 1065 846.86 1065.99 845.4 1067.61 C 843.93 1065.98 841.42 1065 838.75 1065 C 836.12 1065 833.66 1065.95 832.18 1067.52 C 830.7 1065.95 828.24 1065 825.62 1065 C 822.99 1065 820.53 1065.95 819.05 1067.52 C 817.57 1065.95 815.11 1065 812.5 1065 C 809.86 1065 807.41 1065.95 805.92 1067.52 C 804.44 1065.95 801.99 1065 799.36 1065 C 796.74 1065 794.28 1065.95 792.79 1067.52 C 791.32 1065.95 788.86 1065 786.24 1065 C 783.61 1065 781.15 1065.95 779.67 1067.52 C 778.19 1065.95 775.73 1065 773.11 1065 C 770.48 1065 768.03 1065.95 766.54 1067.52 C 765.06 1065.95 762.61 1065 759.98 1065 C 757.36 1065 754.9 1065.95 753.41 1067.52 C 751.94 1065.95 749.48 1065 746.85 1065 C 744.23 1065 741.77 1065.95 740.29 1067.52 C 738.81 1065.95 736.35 1065 733.73 1065 C 731.1 1065 728.65 1065.95 727.16 1067.52 C 725.67 1065.95 723.23 1065 720.6 1065 C 717.97 1065 715.52 1065.95 714.03 1067.52 C 712.55 1065.95 710.1 1065 707.47 1065 C 704.85 1065 702.39 1065.95 700.91 1067.52 C 699.42 1065.95 696.97 1065 694.35 1065 C 691.72 1065 689.26 1065.95 687.78 1067.52 C 686.29 1065.95 683.84 1065 681.22 1065 C 678.55 1065 676.06 1065.97 674.59 1067.59 C 673.12 1065.97 670.62 1065 667.96 1065 Z" fill="#f8cecc" stroke="#b85450" 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: 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle2</text></switch></g><rect x="900" y="1045" width="160" height="160" fill="#f8cecc" stroke="#b85450" 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: 1125px; 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">square</text></switch></g><path d="M 40 1305 L 140 1305 L 160 1345 L 140 1385 L 40 1385 L 60 1345 Z" fill="#f8cecc" stroke="#b85450" 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: 1345px; 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="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">step</text></switch></g><path d="M 295.21 1354.19 C 295.75 1352.5 297.08 1351.08 298.89 1350.3 C 300.7 1349.52 302.81 1349.44 304.69 1350.09 C 307.43 1351.24 309.55 1353.26 310.62 1355.72 C 315.5 1343.7 322.94 1332.58 332.54 1322.92 C 335.26 1320.78 339.07 1320 342.61 1320.87 C 343.51 1320.99 344.28 1321.51 344.64 1322.24 C 345 1322.96 344.9 1323.8 344.38 1324.45 C 331.34 1337.2 321.64 1352.24 315.95 1368.54 C 312.59 1370 308.64 1370 305.28 1368.54 C 302.75 1363.67 299.35 1359.17 295.21 1355.21 C 295 1354.89 295 1354.5 295.21 1354.19 Z" fill="#f8cecc" stroke="#b85450" 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: 1377px; 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="1389" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">tick</text></switch></g><ellipse cx="540" cy="1345" rx="50" ry="50" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><path d="M 501.22 1350.1 C 501.22 1365.32 518.58 1377.65 540 1377.65 C 561.42 1377.65 578.78 1365.32 578.78 1350.1" fill="none" stroke="#b85450" stroke-width="2.04" stroke-miterlimit="10" pointer-events="none"/><rect x="490" y="1295" width="0" height="0" fill="none" stroke="#b85450" pointer-events="none"/><path d="M 506.33 1347.04 L 496.12 1353.16" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 573.67 1347.04 L 583.88 1353.16" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><ellipse cx="517.55" cy="1330.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#f8cecc" stroke="#b85450" stroke-width="6.12" pointer-events="none"/><ellipse cx="562.45" cy="1330.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#f8cecc" stroke="#b85450" 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: 1402px; margin-left: 491px;"><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="540" y="1414" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">face</text></switch></g><path d="M 710 1295 L 810 1345 L 710 1395 Z" fill="#f8cecc" stroke="#b85450" 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: 1345px; 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;">triangle</div></div></div></foreignObject><text x="760" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">triangle</text></switch></g><rect x="880" y="1325" width="200" height="40" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 880 1325 M 1080 1325 M 1080 1365 L 880 1365" fill="none" stroke="#b85450" 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: 1345px; margin-left: 881px;"><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="980" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">embed_row</text></switch></g><rect x="75" y="1545" width="50" height="40" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 75 1545 M 125 1545 M 125 1585 M 75 1585" fill="none" stroke="#b85450" 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: 1565px; margin-left: 76px;"><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="100" y="1569" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">embed_co...</text></switch></g><rect x="245" y="1545" width="150" height="40" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 245 1545 M 395 1545 M 395 1585 M 245 1585" fill="none" stroke="#b85450" 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: 1565px; margin-left: 253px;"><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="253" y="1569" 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>
data/docs/samples/styles-rounded.svg ADDED
@@ -0,0 +1,3 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
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="1082px" height="1587px" viewBox="-0.5 -0.5 1082 1587"><defs/><g><rect x="50" y="0" width="100" height="50" rx="7.5" ry="7.5" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 89px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" font-family="Helvetica" font-size="89px" font-weight="bold">h1</text></switch></g><rect x="270" y="0" width="100" height="50" rx="7.5" ry="7.5" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 67px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" font-family="Helvetica" font-size="67px" font-weight="bold">h2</text></switch></g><rect x="490" y="0" width="100" height="50" rx="7.5" ry="7.5" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 50px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" font-family="Helvetica" font-size="50px" font-weight="bold">h3</text></switch></g><rect x="710" y="0" width="100" height="50" rx="7.5" ry="7.5" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 37px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" font-family="Helvetica" font-size="37px" font-weight="bold">h4</text></switch></g><rect x="930" y="0" width="100" height="50" rx="7.5" ry="7.5" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 28px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" font-family="Helvetica" font-size="28px" font-weight="bold">h5</text></switch></g><rect x="50" y="220" width="100" height="50" rx="7.5" ry="7.5" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" font-family="Helvetica" font-size="21px" font-weight="bold">h6</text></switch></g><rect x="270" y="220" width="100" height="50" rx="7.5" ry="7.5" 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: #333333; " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(51, 51, 51); 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="#333333" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#b85450" 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 230 L 900 195 Q 900 185 910 185 L 1050 185 Q 1060 185 1060 195 L 1060 265 Q 1060 275 1050 275 L 1010 275 Q 1000 275 994.45 283.32 L 980 305 L 980 285 Q 980 275 970 275 L 910 275 Q 900 275 900 265 Z" fill="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" stroke-linejoin="round" stroke-miterlimit="10" pointer-events="all"/><rect x="240" y="385" width="0" height="0" fill="none" stroke="#b85450" pointer-events="all"/><ellipse cx="266.72" cy="512.17" rx="10.618294436456145" ry="7.0358306188925095" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><ellipse cx="254.33" cy="529.1" rx="6.724919809755558" ry="4.690553745928339" fill="#f8cecc" stroke="#b85450" pointer-events="all"/><ellipse cx="244.25" cy="541.61" rx="4.2473177745824575" ry="3.387622149837134" fill="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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="#f8cecc" stroke="#b85450" 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 75 660 L 89.58 660 L 100 674.8 L 110.42 660 L 125 660 L 107.29 685 L 125 710 L 110.42 710 L 100 695.2 L 89.58 710 L 75 710 L 91.67 685 Z" fill="#f8cecc" stroke="#b85450" 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 flex-start; justify-content: unsafe center; width: 48px; height: 1px; padding-top: 717px; margin-left: 76px;"><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;">cross</div></div></div></foreignObject><text x="100" y="729" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">cross</text></switch></g><path d="M 240 635 L 400 635 L 400 735 L 240 735 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/><path d="M 240 635 L 320 685 L 400 635" fill="none" stroke="#b85450" 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: 685px; 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;">envelop</div></div></div></foreignObject><text x="320" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">envelop</text></switch></g><path d="M 515 660 L 532.93 642.07 Q 540 635 547.07 642.07 L 582.93 677.93 Q 590 685 582.93 692.07 L 547.07 727.93 Q 540 735 532.93 727.93 L 497.07 692.07 Q 490 685 497.07 677.93 Z" fill="#f8cecc" stroke="#b85450" 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: 98px; height: 1px; padding-top: 685px; margin-left: 491px;"><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;">diamond</div></div></div></foreignObject><text x="540" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">diamond</text></switch></g><path d="M 838.38 627.86 L 838.38 765 L 680 765 L 680 605 L 815.76 605 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/><path d="M 815.76 605 C 817.6 610.35 814.57 615.86 807.68 619.69 L 840 629 Z" fill="#f8cecc" stroke="#b85450" 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: 685px; 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;">document</div></div></div></foreignObject><text x="760" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">document</text></switch></g><ellipse cx="980" cy="685" rx="100" ry="60" fill="#f8cecc" stroke="#b85450" 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: 198px; height: 1px; padding-top: 685px; margin-left: 881px;"><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;">ellipse</div></div></div></foreignObject><text x="980" y="689" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">ellipse</text></switch></g><path d="M 25 875 L 43.6 852.68 Q 50 845 60 845 L 140 845 Q 150 845 156.4 852.68 L 193.6 897.32 Q 200 905 193.6 912.68 L 156.4 957.32 Q 150 965 140 965 L 60 965 Q 50 965 43.6 957.32 L 6.4 912.68 Q 0 905 6.4 897.32 Z" fill="#f8cecc" stroke="#b85450" 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: 198px; height: 1px; padding-top: 905px; 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: all; white-space: normal; overflow-wrap: normal;">hexagon</div></div></div></foreignObject><text x="100" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">hexagon</text></switch></g><path d="M 400 848 L 400 835.35 Q 400 825 389.65 825 L 250.35 825 Q 240 825 240 835.35 L 240 848" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="all"/><path d="M 240 848 L 240 974.65 Q 240 985 250.35 985 L 389.65 985 Q 400 985 400 974.65 L 400 848" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 240 848 L 400 848" fill="none" stroke="#b85450" 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: 837px; 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; font-weight: bold; white-space: normal; overflow-wrap: normal;">container</div></div></div></foreignObject><text x="320" y="840" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container</text></switch></g><path d="M 483 825 L 470.35 825 Q 460 825 460 835.35 L 460 974.65 Q 460 985 470.35 985 L 483 985" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 483 985 L 609.65 985 Q 620 985 620 974.65 L 620 835.35 Q 620 825 609.65 825 L 483 825" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 483 825 L 483 985" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><g transform="translate(-0.5 -0.5)rotate(-90 471.5 905)"><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: 393px;"><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="472" y="909" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container2</text></switch></g><path d="M 840 875 L 840 847.5 Q 840 825 817.5 825 L 702.5 825 Q 680 825 680 847.5 L 680 875" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 875 L 680 962.5 Q 680 985 702.5 985 L 817.5 985 Q 840 985 840 962.5 L 840 875" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 680 875 L 840 875" fill="none" stroke="#b85450" 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: 850px; 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;">container3</div></div></div></foreignObject><text x="760" y="854" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container3</text></switch></g><path d="M 1060 848 L 1060 835.35 Q 1060 825 1049.65 825 L 910.35 825 Q 900 825 900 835.35 L 900 848" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 900 848 L 900 974.65 Q 900 985 910.35 985 L 1049.65 985 Q 1060 985 1060 974.65 L 1060 848" fill="none" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 900 848 L 1060 848" fill="none" stroke="#b85450" 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: 837px; 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; font-weight: bold; white-space: normal; overflow-wrap: normal;">container4</div></div></div></foreignObject><text x="980" y="840" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">container4</text></switch></g><path d="M 20 1045 L 150 1045 L 180 1075 L 180 1205 L 20 1205 L 20 1045 Z" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 150 1045 L 150 1075 L 180 1075" fill="none" stroke="#b85450" 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: 1125px; 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">note</text></switch></g><rect x="220" y="1065" width="200" height="120" rx="18" ry="18" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><path d="M 240 1065 L 240 1185 M 400 1065 L 400 1185" fill="none" stroke="#b85450" 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: 1125px; 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">process</text></switch></g><rect x="440" y="1065" width="200" height="120" rx="18" ry="18" fill="#f8cecc" stroke="#b85450" 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;">rectangle</div></div></div></foreignObject><text x="540" y="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle</text></switch></g><path d="M 667.96 1065 C 663.57 1065 660 1067.6 660 1070.8 C 660 1072.55 661.1 1074.21 662.97 1075.32 C 661.09 1076.41 660 1078.08 660 1079.83 C 660 1081.59 661.1 1083.25 662.97 1084.35 C 661.09 1085.45 660 1087.11 660 1088.86 C 660 1090.62 661.1 1092.28 662.97 1093.38 C 661.09 1094.48 660 1096.14 660 1097.9 C 660 1099.65 661.1 1101.32 662.97 1102.42 C 661.09 1103.51 660 1105.18 660 1106.93 C 660 1108.69 661.1 1110.35 662.97 1111.45 C 661.09 1112.55 660 1114.21 660 1115.97 C 660 1117.72 661.1 1119.38 662.97 1120.48 C 661.09 1121.58 660 1123.24 660 1125 C 660 1126.76 661.1 1128.42 662.97 1129.51 C 661.09 1130.61 660 1132.28 660 1134.03 C 660 1135.79 661.1 1137.45 662.97 1138.55 C 661.09 1139.65 660 1141.31 660 1143.07 C 660 1144.82 661.1 1146.48 662.97 1147.58 C 661.09 1148.68 660 1150.34 660 1152.1 C 660 1153.86 661.1 1155.52 662.97 1156.61 C 661.09 1157.72 660 1159.38 660 1161.13 C 660 1162.89 661.1 1164.55 662.97 1165.65 C 661.09 1166.74 660 1168.41 660 1170.17 C 660 1171.92 661.1 1173.58 662.97 1174.68 C 661.09 1175.78 660 1177.45 660 1179.2 C 660 1182.4 663.57 1185 667.96 1185 C 670.62 1185 673.12 1184.03 674.59 1182.41 C 676.06 1184.03 678.55 1185 681.22 1185 C 683.84 1185 686.3 1184.05 687.79 1182.48 C 689.27 1184.05 691.72 1185 694.35 1185 C 696.97 1185 699.43 1184.05 700.91 1182.48 C 702.39 1184.05 704.85 1185 707.47 1185 C 710.1 1185 712.55 1184.05 714.04 1182.48 C 715.52 1184.05 717.97 1185 720.6 1185 C 723.23 1185 725.68 1184.05 727.17 1182.48 C 728.65 1184.05 731.1 1185 733.73 1185 C 736.35 1185 738.81 1184.05 740.3 1182.48 C 741.78 1184.05 744.23 1185 746.85 1185 C 749.48 1185 751.94 1184.05 753.42 1182.48 C 754.91 1184.05 757.36 1185 759.98 1185 C 762.61 1185 765.06 1184.05 766.55 1182.48 C 768.04 1184.05 770.48 1185 773.11 1185 C 775.73 1185 778.2 1184.05 779.68 1182.48 C 781.16 1184.05 783.61 1185 786.24 1185 C 788.86 1185 791.33 1184.05 792.8 1182.48 C 794.29 1184.05 796.75 1185 799.36 1185 C 802 1185 804.45 1184.05 805.93 1182.48 C 807.42 1184.05 809.87 1185 812.5 1185 C 815.12 1185 817.58 1184.05 819.06 1182.48 C 820.54 1184.05 823 1185 825.62 1185 C 828.25 1185 830.71 1184.05 832.18 1182.48 C 833.67 1184.05 836.13 1185 838.75 1185 C 841.42 1185 843.92 1184.01 845.4 1182.39 C 846.86 1184.02 849.36 1185 852.04 1185 C 856.43 1185 860 1182.4 860 1179.2 C 860 1177.45 858.91 1175.79 857.03 1174.68 C 858.91 1173.59 860 1171.92 860 1170.17 C 860 1168.41 858.91 1166.75 857.03 1165.65 C 858.91 1164.55 860 1162.89 860 1161.13 C 860 1159.38 858.91 1157.72 857.03 1156.62 C 858.91 1155.52 860 1153.86 860 1152.1 C 860 1150.35 858.91 1148.69 857.03 1147.58 C 858.91 1146.49 860 1144.82 860 1143.07 C 860 1141.31 858.91 1139.65 857.03 1138.55 C 858.91 1137.45 860 1135.79 860 1134.03 C 860 1132.28 858.91 1130.62 857.03 1129.52 C 858.91 1128.42 860 1126.76 860 1125 C 860 1123.25 858.91 1121.58 857.03 1120.49 C 858.91 1119.38 860 1117.72 860 1115.97 C 860 1114.21 858.91 1112.55 857.03 1111.45 C 858.91 1110.35 860 1108.69 860 1106.93 C 860 1105.18 858.91 1103.52 857.03 1102.42 C 858.91 1101.32 860 1099.66 860 1097.9 C 860 1096.14 858.91 1094.48 857.03 1093.39 C 858.91 1092.28 860 1090.62 860 1088.86 C 860 1087.11 858.91 1085.45 857.03 1084.35 C 858.91 1083.25 860 1081.59 860 1079.83 C 860 1078.08 858.91 1076.42 857.03 1075.32 C 858.91 1074.22 860 1072.55 860 1070.8 C 860 1067.6 856.43 1065 852.04 1065 C 849.37 1065 846.86 1065.99 845.4 1067.61 C 843.93 1065.98 841.42 1065 838.75 1065 C 836.12 1065 833.66 1065.95 832.18 1067.52 C 830.7 1065.95 828.24 1065 825.62 1065 C 822.99 1065 820.53 1065.95 819.05 1067.52 C 817.57 1065.95 815.11 1065 812.5 1065 C 809.86 1065 807.41 1065.95 805.92 1067.52 C 804.44 1065.95 801.99 1065 799.36 1065 C 796.74 1065 794.28 1065.95 792.79 1067.52 C 791.32 1065.95 788.86 1065 786.24 1065 C 783.61 1065 781.15 1065.95 779.67 1067.52 C 778.19 1065.95 775.73 1065 773.11 1065 C 770.48 1065 768.03 1065.95 766.54 1067.52 C 765.06 1065.95 762.61 1065 759.98 1065 C 757.36 1065 754.9 1065.95 753.41 1067.52 C 751.94 1065.95 749.48 1065 746.85 1065 C 744.23 1065 741.77 1065.95 740.29 1067.52 C 738.81 1065.95 736.35 1065 733.73 1065 C 731.1 1065 728.65 1065.95 727.16 1067.52 C 725.67 1065.95 723.23 1065 720.6 1065 C 717.97 1065 715.52 1065.95 714.03 1067.52 C 712.55 1065.95 710.1 1065 707.47 1065 C 704.85 1065 702.39 1065.95 700.91 1067.52 C 699.42 1065.95 696.97 1065 694.35 1065 C 691.72 1065 689.26 1065.95 687.78 1067.52 C 686.29 1065.95 683.84 1065 681.22 1065 C 678.55 1065 676.06 1065.97 674.59 1067.59 C 673.12 1065.97 670.62 1065 667.96 1065 Z" fill="#f8cecc" stroke="#b85450" 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: 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">rectangle2</text></switch></g><rect x="900" y="1045" width="160" height="160" rx="24" ry="24" fill="#f8cecc" stroke="#b85450" 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: 1125px; 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="1129" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">square</text></switch></g><path d="M 50 1325 L 44.47 1313.94 Q 40 1305 50 1305 L 130 1305 Q 140 1305 144.47 1313.94 L 155.53 1336.06 Q 160 1345 155.53 1353.94 L 144.47 1376.06 Q 140 1385 130 1385 L 50 1385 Q 40 1385 44.47 1376.06 L 55.53 1353.94 Q 60 1345 55.53 1336.06 Z" fill="#f8cecc" stroke="#b85450" 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: 1345px; 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="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">step</text></switch></g><path d="M 295.21 1354.19 C 295.75 1352.5 297.08 1351.08 298.89 1350.3 C 300.7 1349.52 302.81 1349.44 304.69 1350.09 C 307.43 1351.24 309.55 1353.26 310.62 1355.72 C 315.5 1343.7 322.94 1332.58 332.54 1322.92 C 335.26 1320.78 339.07 1320 342.61 1320.87 C 343.51 1320.99 344.28 1321.51 344.64 1322.24 C 345 1322.96 344.9 1323.8 344.38 1324.45 C 331.34 1337.2 321.64 1352.24 315.95 1368.54 C 312.59 1370 308.64 1370 305.28 1368.54 C 302.75 1363.67 299.35 1359.17 295.21 1355.21 C 295 1354.89 295 1354.5 295.21 1354.19 Z" fill="#f8cecc" stroke="#b85450" 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: 1377px; 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="1389" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">tick</text></switch></g><ellipse cx="540" cy="1345" rx="50" ry="50" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><path d="M 501.22 1350.1 C 501.22 1365.32 518.58 1377.65 540 1377.65 C 561.42 1377.65 578.78 1365.32 578.78 1350.1" fill="none" stroke="#b85450" stroke-width="2.04" stroke-miterlimit="10" pointer-events="none"/><rect x="490" y="1295" width="0" height="0" fill="none" stroke="#b85450" pointer-events="none"/><path d="M 506.33 1347.04 L 496.12 1353.16" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><path d="M 573.67 1347.04 L 583.88 1353.16" fill="#f8cecc" stroke="#b85450" stroke-miterlimit="10" pointer-events="none"/><ellipse cx="517.55" cy="1330.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#f8cecc" stroke="#b85450" stroke-width="6.12" pointer-events="none"/><ellipse cx="562.45" cy="1330.71" rx="3.0612244897959187" ry="8.16326530612245" fill="#f8cecc" stroke="#b85450" 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: 1402px; margin-left: 491px;"><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="540" y="1414" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">face</text></switch></g><path d="M 710 1345 L 710 1305 Q 710 1295 718.94 1299.47 L 801.06 1340.53 Q 810 1345 801.06 1349.47 L 718.94 1390.53 Q 710 1395 710 1385 Z" fill="#f8cecc" stroke="#b85450" 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: 1345px; 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;">triangle</div></div></div></foreignObject><text x="760" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">triangle</text></switch></g><rect x="880" y="1325" width="200" height="40" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 880 1325 M 1080 1325 M 1080 1365 L 880 1365" fill="none" stroke="#b85450" 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: 1345px; margin-left: 881px;"><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="980" y="1349" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle">embed_row</text></switch></g><rect x="75" y="1545" width="50" height="40" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 75 1545 M 125 1545 M 125 1585 M 75 1585" fill="none" stroke="#b85450" 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: 1565px; margin-left: 76px;"><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="100" y="1569" fill="#333333" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">embed_co...</text></switch></g><rect x="245" y="1545" width="150" height="40" fill="#f8cecc" stroke="none" pointer-events="none"/><path d="M 245 1545 M 395 1545 M 395 1585 M 245 1585" fill="none" stroke="#b85450" 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: 1565px; margin-left: 253px;"><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="253" y="1569" 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>