templates/Doc/Diagram/payment.html.twig line 1

Open in your IDE?
  1. <svg style="left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 510px; min-height: 455px; background-image: none; background-color: transparent;">
  2.     <defs>
  3.         <filter id="dropShadow">
  4.             <feGaussianBlur in="SourceAlpha" stddeviation="1.7" result="blur"></feGaussianBlur>
  5.             <feOffset in="blur" dx="3" dy="3" result="offsetBlur"></feOffset>
  6.             <feFlood flood-color="#3D4574" flood-opacity="0.4" result="offsetColor"></feFlood>
  7.             <feComposite in="offsetColor" in2="offsetBlur" operator="in" result="offsetBlur"></feComposite>
  8.             <feBlend in="SourceGraphic" in2="offsetBlur"></feBlend>
  9.         </filter>
  10.     </defs>
  11.     <g transformorigin="0 0" transform="scale(1,1)translate(-135,-2)">
  12.         <g></g>
  13.         <g>
  14.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  15.                 <rect x="320" y="80" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  16.             </g>
  17.             <g style="">
  18.                 <g>
  19.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  20.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 100px; margin-left: 321px;">
  21.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  22.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Cart</div>
  23.                             </div>
  24.                         </div>
  25.                     </foreignObject>
  26.                 </g>
  27.             </g>
  28.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  29.                 <rect x="320" y="170" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  30.             </g>
  31.             <g style="">
  32.                 <g>
  33.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  34.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 190px; margin-left: 321px;">
  35.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  36.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">New</div>
  37.                             </div>
  38.                         </div>
  39.                     </foreignObject>
  40.                 </g>
  41.             </g>
  42.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  43.                 <rect x="480" y="215" width="120" height="50" rx="7.5" ry="7.5" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  44.             </g>
  45.             <g style="">
  46.                 <g>
  47.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  48.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 240px; margin-left: 481px;">
  49.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  50.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Failed<br>(Refused, Error...)</div>
  51.                             </div>
  52.                         </div>
  53.                     </foreignObject>
  54.                 </g>
  55.             </g>
  56.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  57.                 <rect x="320" y="260" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  58.             </g>
  59.             <g style="">
  60.                 <g>
  61.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  62.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 280px; margin-left: 321px;">
  63.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  64.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Processing</div>
  65.                             </div>
  66.                         </div>
  67.                     </foreignObject>
  68.                 </g>
  69.             </g>
  70.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  71.                 <rect x="320" y="350" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  72.             </g>
  73.             <g style="">
  74.                 <g>
  75.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  76.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 370px; margin-left: 321px;">
  77.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  78.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Completed</div>
  79.                             </div>
  80.                         </div>
  81.                     </foreignObject>
  82.                 </g>
  83.             </g>
  84.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  85.                 <rect x="160" y="350" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  86.             </g>
  87.             <g style="">
  88.                 <g>
  89.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  90.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 370px; margin-left: 161px;">
  91.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  92.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Cancelled</div>
  93.                             </div>
  94.                         </div>
  95.                     </foreignObject>
  96.                 </g>
  97.             </g>
  98.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  99.                 <path d="M 380 120 L 380 140 L 380 163.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  100.                 <path d="M 380 120 L 380 140 L 380 163.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  101.                 <path d="M 380 168.88 L 376.5 161.88 L 380 163.63 L 383.5 161.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  102.             </g>
  103.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  104.                 <path d="M 380 210 L 379.62 220 L 379.94 253.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  105.                 <path d="M 380 210 L 379.62 220 L 379.94 253.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  106.                 <path d="M 379.99 258.88 L 376.42 251.92 L 379.94 253.63 L 383.42 251.85 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  107.             </g>
  108.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  109.                 <path d="M 380 300 L 379.62 340 L 379.76 343.64" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  110.                 <path d="M 380 300 L 379.62 340 L 379.76 343.64" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  111.                 <path d="M 379.96 348.88 L 376.19 342.02 L 379.76 343.64 L 383.19 341.75 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  112.             </g>
  113.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  114.                 <path d="M 440 200 L 490 200 L 540 200 L 540 208.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  115.                 <path d="M 440 200 L 490 200 L 540 200 L 540 208.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  116.                 <path d="M 540 213.88 L 536.5 206.88 L 540 208.63 L 543.5 206.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  117.             </g>
  118.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  119.                 <path d="M 440 190 L 530 190 L 610 190 L 610 300 L 610 370 L 446.37 370" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  120.                 <path d="M 440 190 L 530 190 L 610 190 L 610 300 L 610 370 L 446.37 370" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  121.                 <path d="M 441.12 370 L 448.12 366.5 L 446.37 370 L 448.12 373.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  122.             </g>
  123.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  124.                 <path d="M 320 180 L 150 180 L 150 330 L 212 330 L 212.05 343.43" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  125.                 <path d="M 320 180 L 150 180 L 150 330 L 212 330 L 212.05 343.43" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  126.                 <path d="M 212.08 348.68 L 208.55 341.7 L 212.05 343.43 L 215.55 341.67 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  127.             </g>
  128.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  129.                 <rect x="480" y="400" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  130.             </g>
  131.             <g style="">
  132.                 <g>
  133.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  134.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 420px; margin-left: 481px;">
  135.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  136.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Expired</div>
  137.                             </div>
  138.                         </div>
  139.                     </foreignObject>
  140.                 </g>
  141.             </g>
  142.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  143.                 <path d="M 440 280 L 490 280 L 540 280 L 540 271.37" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  144.                 <path d="M 440 280 L 490 280 L 540 280 L 540 271.37" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  145.                 <path d="M 540 266.12 L 543.5 273.12 L 540 271.37 L 536.5 273.12 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  146.             </g>
  147.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  148.                 <path d="M 440 180 L 530 180 L 620 180 L 620 290 L 620 380 L 570 380 L 540 380 L 540 393.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  149.                 <path d="M 440 180 L 530 180 L 620 180 L 620 290 L 620 380 L 570 380 L 540 380 L 540 393.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  150.                 <path d="M 540 398.88 L 536.5 391.88 L 540 393.63 L 543.5 391.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  151.             </g>
  152.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  153.                 <rect x="160" y="215" width="120" height="40" rx="6" ry="6" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></rect>
  154.             </g>
  155.             <g style="">
  156.                 <g>
  157.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  158.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 118px; height: 1px; padding-top: 235px; margin-left: 161px;">
  159.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  160.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">Requires action</div>
  161.                             </div>
  162.                         </div>
  163.                     </foreignObject>
  164.                 </g>
  165.             </g>
  166.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  167.                 <path d="M 320 200 L 220 200 L 220 208.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  168.                 <path d="M 320 200 L 220 200 L 220 208.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  169.                 <path d="M 220 213.88 L 216.5 206.88 L 220 208.63 L 223.5 206.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  170.             </g>
  171.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  172.                 <path d="M 220 255 L 220 280 L 313.63 280" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  173.                 <path d="M 220 255 L 220 280 L 313.63 280" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  174.                 <path d="M 318.88 280 L 311.88 283.5 L 313.63 280 L 311.88 276.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  175.             </g>
  176.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  177.                 <path d="M 320 290 L 220 290 L 220 343.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  178.                 <path d="M 320 290 L 220 290 L 220 343.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  179.                 <path d="M 220 348.88 L 216.5 341.88 L 220 343.63 L 223.5 341.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  180.             </g>
  181.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  182.                 <ellipse cx="380" cy="25" rx="15" ry="15" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" pointer-events="all"></ellipse>
  183.             </g>
  184.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  185.                 <path d="M 380 40 L 380 73.63" fill="none" stroke="white" stroke-miterlimit="10" pointer-events="stroke" visibility="hidden" stroke-width="9"></path>
  186.                 <path d="M 380 40 L 380 73.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="stroke"></path>
  187.                 <path d="M 380 78.88 L 376.5 71.88 L 380 73.63 L 383.5 71.88 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"></path>
  188.             </g>
  189.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  190.                 <rect x="328" y="130" width="60" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  191.                 <rect x="328" y="130" width="60" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  192.             </g>
  193.             <g style="">
  194.                 <g>
  195.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  196.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 145px; margin-left: 358px;">
  197.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  198.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Create</div>
  199.                             </div>
  200.                         </div>
  201.                     </foreignObject>
  202.                 </g>
  203.             </g>
  204.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  205.                 <rect x="319" y="220" width="70" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  206.                 <rect x="319" y="220" width="70" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  207.             </g>
  208.             <g style="">
  209.                 <g>
  210.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  211.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 235px; margin-left: 354px;">
  212.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  213.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Process</div>
  214.                             </div>
  215.                         </div>
  216.                     </foreignObject>
  217.                 </g>
  218.             </g>
  219.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  220.                 <rect x="315" y="310" width="70" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  221.                 <rect x="315" y="310" width="70" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  222.             </g>
  223.             <g style="">
  224.                 <g>
  225.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  226.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 325px; margin-left: 350px;">
  227.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  228.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Complete</div>
  229.                             </div>
  230.                         </div>
  231.                     </foreignObject>
  232.                 </g>
  233.             </g>
  234.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  235.                 <rect x="490" y="346" width="70" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  236.                 <rect x="490" y="346" width="70" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  237.             </g>
  238.             <g style="">
  239.                 <g>
  240.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  241.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 361px; margin-left: 525px;">
  242.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  243.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Complete</div>
  244.                             </div>
  245.                         </div>
  246.                     </foreignObject>
  247.                 </g>
  248.             </g>
  249.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  250.                 <rect x="470" y="274" width="40" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  251.                 <rect x="470" y="274" width="40" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  252.             </g>
  253.             <g style="">
  254.                 <g>
  255.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  256.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 289px; margin-left: 490px;">
  257.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  258.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Fail</div>
  259.                             </div>
  260.                         </div>
  261.                     </foreignObject>
  262.                 </g>
  263.             </g>
  264.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  265.                 <rect x="554" y="374" width="60" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  266.                 <rect x="554" y="374" width="60" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  267.             </g>
  268.             <g style="">
  269.                 <g>
  270.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  271.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 389px; margin-left: 584px;">
  272.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  273.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Expire</div>
  274.                             </div>
  275.                         </div>
  276.                     </foreignObject>
  277.                 </g>
  278.             </g>
  279.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  280.                 <rect x="215" y="175" width="110" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  281.                 <rect x="215" y="175" width="110" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  282.             </g>
  283.             <g style="">
  284.                 <g>
  285.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  286.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 190px; margin-left: 270px;">
  287.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  288.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Requires action</div>
  289.                             </div>
  290.                         </div>
  291.                     </foreignObject>
  292.                 </g>
  293.             </g>
  294.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  295.                 <rect x="233" y="255" width="70" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  296.                 <rect x="233" y="255" width="70" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  297.             </g>
  298.             <g style="">
  299.                 <g>
  300.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  301.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 270px; margin-left: 268px;">
  302.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  303.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Process</div>
  304.                             </div>
  305.                         </div>
  306.                     </foreignObject>
  307.                 </g>
  308.             </g>
  309.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  310.                 <rect x="239" y="284" width="60" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  311.                 <rect x="239" y="284" width="60" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  312.             </g>
  313.             <g style="">
  314.                 <g>
  315.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  316.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 299px; margin-left: 269px;">
  317.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  318.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Cancel</div>
  319.                             </div>
  320.                         </div>
  321.                     </foreignObject>
  322.                 </g>
  323.             </g>
  324.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  325.                 <rect x="469" y="192" width="40" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  326.                 <rect x="469" y="192" width="40" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  327.             </g>
  328.             <g style="">
  329.                 <g>
  330.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  331.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 207px; margin-left: 489px;">
  332.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  333.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Fail</div>
  334.                             </div>
  335.                         </div>
  336.                     </foreignObject>
  337.                 </g>
  338.             </g>
  339.             <g transform="translate(0.5,0.5)" style="visibility: visible;">
  340.                 <rect x="149" y="306" width="60" height="30" fill="none" stroke="white" pointer-events="stroke" visibility="hidden" stroke-width="9"></rect>
  341.                 <rect x="149" y="306" width="60" height="30" fill="none" stroke="none" pointer-events="all"></rect>
  342.             </g>
  343.             <g style="">
  344.                 <g>
  345.                     <foreignObject pointer-events="none" width="100%" height="100%" style="overflow: visible; text-align: left;">
  346.                         <div style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 321px; margin-left: 179px;">
  347.                             <div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;">
  348.                                 <div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Cancel</div>
  349.                             </div>
  350.                         </div>
  351.                     </foreignObject>
  352.                 </g>
  353.             </g>
  354.         </g>
  355.         <g></g>
  356.         <g></g>
  357.     </g>
  358. </svg>