specs/assets/batch-deriv-chain.svg

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="10662px" height="6124px" viewBox="-0.5 -0.5 10662 6124">
  <defs>
    <linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="mx-gradient-75acff-1-ff66b3-1-e-0">
      <stop offset="0%" style="stop-color: rgb(117, 172, 255); stop-opacity: 1;" />
      <stop offset="100%" style="stop-color: rgb(255, 102, 179); stop-opacity: 1;" />
    </linearGradient>
    <linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="mx-gradient-ffe563-1-8cffb6-1-e-0">
      <stop offset="0%" style="stop-color: rgb(255, 229, 99); stop-opacity: 1;" />
      <stop offset="100%" style="stop-color: rgb(140, 255, 182); stop-opacity: 1;" />
    </linearGradient>
    <linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="mx-gradient-75acff-1-c683d2-1-e-0">
      <stop offset="0%" style="stop-color: rgb(117, 172, 255); stop-opacity: 1;" />
      <stop offset="100%" style="stop-color: rgb(198, 131, 210); stop-opacity: 1;" />
    </linearGradient>
    <linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="mx-gradient-ffe563-1-d8ea7c-1-e-0">
      <stop offset="0%" style="stop-color: rgb(255, 229, 99); stop-opacity: 1;" />
      <stop offset="100%" style="stop-color: rgb(216, 234, 124); stop-opacity: 1;" />
    </linearGradient>
    <linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="mx-gradient-d8ea7c-1-b0f79c-1-e-0">
      <stop offset="0%" style="stop-color: rgb(216, 234, 124); stop-opacity: 1;" />
      <stop offset="100%" style="stop-color: rgb(176, 247, 156); stop-opacity: 1;" />
    </linearGradient>
    <linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="mx-gradient-c683d2-1-ff66b3-1-e-0">
      <stop offset="0%" style="stop-color: rgb(198, 131, 210); stop-opacity: 1;" />
      <stop offset="100%" style="stop-color: rgb(255, 102, 179); stop-opacity: 1;" />
    </linearGradient>
    <linearGradient x1="0%" y1="0%" x2="100%" y2="0%" id="mx-gradient-b0f79c-1-8cffb6-1-e-0">
      <stop offset="0%" style="stop-color: rgb(176, 247, 156); stop-opacity: 1;" />
      <stop offset="100%" style="stop-color: rgb(140, 255, 182); stop-opacity: 1;" />
    </linearGradient>
  </defs>
  <rect fill="#fff" width="100%" height="100%" />
  <g>
    <path d="M 3900 20 L 4300 20 L 4380 100 L 4380 500 L 3980 500 L 3900 420 L 3900 20 Z" fill="#ff0080" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 3900 20 L 4300 20 L 4380 100 L 3980 100 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 3900 20 L 3980 100 L 3980 500 L 3900 420 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 3980 500 L 3980 100 L 3900 20 M 3980 100 L 4380 100" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 111px; margin-left: 1006px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">100</div>
            </div>
          </div>
        </foreignObject><text x="1082" y="111" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">100</text>
      </switch>
    </g>
    <path d="M 7420 20 L 7820 20 L 7900 100 L 7900 500 L 7500 500 L 7420 420 L 7420 20 Z" fill="#ccffff" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 7420 20 L 7820 20 L 7900 100 L 7500 100 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 7420 20 L 7500 100 L 7500 500 L 7420 420 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 7500 500 L 7500 100 L 7420 20 M 7500 100 L 7900 100" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 111px; margin-left: 1886px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">102</div>
            </div>
          </div>
        </foreignObject><text x="1962" y="111" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">102</text>
      </switch>
    </g>
    <path d="M 5540 20 L 5940 20 L 6020 100 L 6020 500 L 5620 500 L 5540 420 L 5540 20 Z" fill="#ffff66" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 5540 20 L 5940 20 L 6020 100 L 5620 100 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 5540 20 L 5620 100 L 5620 500 L 5540 420 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 5620 500 L 5620 100 L 5540 20 M 5620 100 L 6020 100" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 111px; margin-left: 1416px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">101</div>
            </div>
          </div>
        </foreignObject><text x="1492" y="111" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">101</text>
      </switch>
    </g>
    <path d="M 3600 4420 L 4000 4420 L 4080 4500 L 4080 4900 L 3680 4900 L 3600 4820 L 3600 4420 Z" fill="#ccccff" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 3600 4420 L 4000 4420 L 4080 4500 L 3680 4500 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 3600 4420 L 3680 4500 L 3680 4900 L 3600 4820 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 3680 4900 L 3680 4500 L 3600 4420 M 3680 4500 L 4080 4500" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 1211px; margin-left: 931px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">3</div>
            </div>
          </div>
        </foreignObject><text x="1007" y="1211" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">3</text>
      </switch>
    </g>
    <path d="M 4240 4420 L 4640 4420 L 4720 4500 L 4720 4900 L 4320 4900 L 4240 4820 L 4240 4420 Z" fill="#75acff" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 4240 4420 L 4640 4420 L 4720 4500 L 4320 4500 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 4240 4420 L 4320 4500 L 4320 4900 L 4240 4820 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 4320 4900 L 4320 4500 L 4240 4420 M 4320 4500 L 4720 4500" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 1211px; margin-left: 1091px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">4</div>
            </div>
          </div>
        </foreignObject><text x="1167" y="1211" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">4</text>
      </switch>
    </g>
    <path d="M 4880 4420 L 5280 4420 L 5360 4500 L 5360 4900 L 4960 4900 L 4880 4820 L 4880 4420 Z" fill="#c882d1" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 4880 4420 L 5280 4420 L 5360 4500 L 4960 4500 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 4880 4420 L 4960 4500 L 4960 4900 L 4880 4820 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 4960 4900 L 4960 4500 L 4880 4420 M 4960 4500 L 5360 4500" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 1211px; margin-left: 1251px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">5</div>
            </div>
          </div>
        </foreignObject><text x="1327" y="1211" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">5</text>
      </switch>
    </g>
    <path d="M 5520 4420 L 5920 4420 L 6000 4500 L 6000 4900 L 5600 4900 L 5520 4820 L 5520 4420 Z" fill="#ff66b3" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 5520 4420 L 5920 4420 L 6000 4500 L 5600 4500 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 5520 4420 L 5600 4500 L 5600 4900 L 5520 4820 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 5600 4900 L 5600 4500 L 5520 4420 M 5600 4500 L 6000 4500" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 1211px; margin-left: 1411px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">6</div>
            </div>
          </div>
        </foreignObject><text x="1487" y="1211" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">6</text>
      </switch>
    </g>
    <path d="M 6160 4420 L 6560 4420 L 6640 4500 L 6640 4900 L 6240 4900 L 6160 4820 L 6160 4420 Z" fill="#ffae52" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 6160 4420 L 6560 4420 L 6640 4500 L 6240 4500 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 6160 4420 L 6240 4500 L 6240 4900 L 6160 4820 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 6240 4900 L 6240 4500 L 6160 4420 M 6240 4500 L 6640 4500" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 1211px; margin-left: 1571px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">7</div>
            </div>
          </div>
        </foreignObject><text x="1647" y="1211" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">7</text>
      </switch>
    </g>
    <path d="M 6800 4420 L 7200 4420 L 7280 4500 L 7280 4900 L 6880 4900 L 6800 4820 L 6800 4420 Z" fill="#ffffa1" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 6800 4420 L 7200 4420 L 7280 4500 L 6880 4500 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 6800 4420 L 6880 4500 L 6880 4900 L 6800 4820 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 6880 4900 L 6880 4500 L 6800 4420 M 6880 4500 L 7280 4500" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 1211px; margin-left: 1731px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">8</div>
            </div>
          </div>
        </foreignObject><text x="1807" y="1211" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">8</text>
      </switch>
    </g>
    <rect x="3600" y="3940" width="480" height="240" rx="36" ry="36" fill="#ccccff" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="4240" y="3940" width="480" height="240" rx="36" ry="36" fill="#75acff" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="4880" y="3940" width="480" height="240" rx="36" ry="36" fill="#c882d1" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="5520" y="3940" width="480" height="240" rx="36" ry="36" fill="#ff66b3" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="6160" y="3940" width="480" height="240" rx="36" ry="36" fill="#ffae52" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="6800" y="3940" width="480" height="240" rx="36" ry="36" fill="#ffffa1" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="3600" y="3500" width="2400" height="240" fill="url(#mx-gradient-75acff-1-ff66b3-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 598px; height: 1px; padding-top: 905px; margin-left: 901px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 25px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: normal; overflow-wrap: normal;">Compressed &amp; encoded batch data</div>
            </div>
          </div>
        </foreignObject><text x="1200" y="912" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="25px" text-anchor="middle" font-style="italic">Compressed &amp; encoded batch data</text>
      </switch>
    </g>
    <rect x="6080" y="3500" width="3040" height="240" fill="url(#mx-gradient-ffe563-1-8cffb6-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="3600" y="3060" width="1440" height="240" fill="url(#mx-gradient-75acff-1-c683d2-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 332px; height: 1px; padding-top: 815px; margin-left: 907px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">A0</div>
            </div>
          </div>
        </foreignObject><text x="1239" y="815" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="end">A0</text>
      </switch>
    </g>
    <rect x="6080" y="3060" width="480" height="240" fill="url(#mx-gradient-ffe563-1-d8ea7c-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 92px; height: 1px; padding-top: 815px; margin-left: 1527px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">B0</div>
            </div>
          </div>
        </foreignObject><text x="1619" y="815" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="end">B0</text>
      </switch>
    </g>
    <rect x="6640" y="3060" width="1440" height="240" fill="url(#mx-gradient-d8ea7c-1-b0f79c-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 332px; height: 1px; padding-top: 815px; margin-left: 1667px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">B1</div>
            </div>
          </div>
        </foreignObject><text x="1999" y="815" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="end">B1</text>
      </switch>
    </g>
    <rect x="9280" y="3060" width="320" height="240" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <path d="M 7440 4420 L 7840 4420 L 7920 4500 L 7920 4900 L 7520 4900 L 7440 4820 L 7440 4420 Z" fill="#c3ffa1" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 7440 4420 L 7840 4420 L 7920 4500 L 7520 4500 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 7440 4420 L 7520 4500 L 7520 4900 L 7440 4820 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 7520 4900 L 7520 4500 L 7440 4420 M 7520 4500 L 7920 4500" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 1211px; margin-left: 1891px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">9</div>
            </div>
          </div>
        </foreignObject><text x="1967" y="1211" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">9</text>
      </switch>
    </g>
    <path d="M 8080 4420 L 8480 4420 L 8560 4500 L 8560 4900 L 8160 4900 L 8080 4820 L 8080 4420 Z" fill="#97ff63" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 8080 4420 L 8480 4420 L 8560 4500 L 8160 4500 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 8080 4420 L 8160 4500 L 8160 4900 L 8080 4820 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 8160 4900 L 8160 4500 L 8080 4420 M 8160 4500 L 8560 4500" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 1211px; margin-left: 2051px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">10</div>
            </div>
          </div>
        </foreignObject><text x="2127" y="1211" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">10</text>
      </switch>
    </g>
    <path d="M 8720 4420 L 9120 4420 L 9200 4500 L 9200 4900 L 8800 4900 L 8720 4820 L 8720 4420 Z" fill="#8cffb6" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 8720 4420 L 9120 4420 L 9200 4500 L 8800 4500 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 8720 4420 L 8800 4500 L 8800 4900 L 8720 4820 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 8800 4900 L 8800 4500 L 8720 4420 M 8800 4500 L 9200 4500" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 1211px; margin-left: 2211px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">11</div>
            </div>
          </div>
        </foreignObject><text x="2287" y="1211" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">11</text>
      </switch>
    </g>
    <path d="M 9360 4420 L 9760 4420 L 9840 4500 L 9840 4900 L 9440 4900 L 9360 4820 L 9360 4420 Z" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 9360 4420 L 9760 4420 L 9840 4500 L 9440 4500 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 9360 4420 L 9440 4500 L 9440 4900 L 9360 4820 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 9440 4900 L 9440 4500 L 9360 4420 M 9440 4500 L 9840 4500" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <rect x="7440" y="3940" width="480" height="240" rx="36" ry="36" fill="#c3ffa1" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="8080" y="3940" width="480" height="240" rx="36" ry="36" fill="#97ff63" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="8720" y="3940" width="480" height="240" rx="36" ry="36" fill="#8cffb6" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="9360" y="3940" width="480" height="240" rx="36" ry="36" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="5120" y="3060" width="960" height="240" fill="url(#mx-gradient-c683d2-1-ff66b3-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 212px; height: 1px; padding-top: 815px; margin-left: 1287px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">A1</div>
            </div>
          </div>
        </foreignObject><text x="1499" y="815" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="end">A1</text>
      </switch>
    </g>
    <rect x="8160" y="3060" width="1120" height="240" fill="url(#mx-gradient-b0f79c-1-8cffb6-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 252px; height: 1px; padding-top: 815px; margin-left: 2047px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">B2</div>
            </div>
          </div>
        </foreignObject><text x="2299" y="815" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="end">B2</text>
      </switch>
    </g>
    <rect x="9200" y="3500" width="760" height="240" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="9840" y="3140" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="10010" y="3140" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="10170" y="3140" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="10090" y="3580" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="10260" y="3580" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="10420" y="3580" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="10010" y="4020" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="10180" y="4020" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="10340" y="4020" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="9960" y="4620" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="10130" y="4620" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="10290" y="4620" width="60" height="80" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="2600" y="3060" width="760" height="240" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 795px; margin-left: 838px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">L1 Transactions,<br /> ~128 KB each</div>
            </div>
          </div>
        </foreignObject><text x="838" y="801" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="end" font-weight="bold">L1 Transactions,...</text>
      </switch>
    </g>
    <rect x="2760" y="3500" width="600" height="240" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 905px; margin-left: 838px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Channels,<br />with timeout</div>
            </div>
          </div>
        </foreignObject><text x="838" y="911" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="end" font-weight="bold">Channels,...</text>
      </switch>
    </g>
    <rect x="2240" y="3940" width="1120" height="240" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 1015px; margin-left: 838px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Batches,<br />1 batch = 1 L2 block tx list</div>
            </div>
          </div>
        </foreignObject><text x="838" y="1021" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="end" font-weight="bold">Batches,...</text>
      </switch>
    </g>
    <rect x="2240" y="4520" width="1120" height="240" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 1160px; margin-left: 838px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">L2 Blocks<br />(a.k.a. execution payloads)</div>
            </div>
          </div>
        </foreignObject><text x="838" y="1166" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="end" font-weight="bold">L2 Blocks...</text>
      </switch>
    </g>
    <rect x="3920" y="2860" width="800" height="120" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 730px; margin-left: 1080px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Channel A, Frame 0</div>
            </div>
          </div>
        </foreignObject><text x="1080" y="736" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="middle">Channel A, Frame 0</text>
      </switch>
    </g>
    <rect x="5140" y="2860" width="800" height="120" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 730px; margin-left: 1385px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Channel A, Frame 1</div>
            </div>
          </div>
        </foreignObject><text x="1385" y="736" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="middle">Channel A, Frame 1</text>
      </switch>
    </g>
    <rect x="6100" y="2740" width="480" height="240" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 715px; margin-left: 1585px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Channel B,<br /> Frame 0</div>
            </div>
          </div>
        </foreignObject><text x="1585" y="721" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="middle">Channel B,...</text>
      </switch>
    </g>
    <rect x="6960" y="2860" width="800" height="120" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 730px; margin-left: 1840px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Channel B, Frame 1</div>
            </div>
          </div>
        </foreignObject><text x="1840" y="736" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="middle">Channel B, Frame 1</text>
      </switch>
    </g>
    <rect x="8300" y="2860" width="800" height="120" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 730px; margin-left: 2175px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Channel B, Frame 2</div>
            </div>
          </div>
        </foreignObject><text x="2175" y="736" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="middle">Channel B, Frame 2</text>
      </switch>
    </g>
    <rect x="9410" y="2860" width="680" height="120" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 730px; margin-left: 2438px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Channel C, etc...</div>
            </div>
          </div>
        </foreignObject><text x="2438" y="736" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="middle">Channel C, etc...</text>
      </switch>
    </g>
    <rect x="8700" y="40" width="880" height="440" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 65px; margin-left: 2177px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: left;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">L1 Blocks,<br />These may not be as<br />frequent/consistent<br /> as L2 blocks.</div>
            </div>
          </div>
        </foreignObject><text x="2177" y="71" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" font-weight="bold">L1 Blocks,...</text>
      </switch>
    </g>
    <rect x="8700" y="660" width="1000" height="320" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 205px; margin-left: 2177px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: left;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Actual inclusion on L1:<br />channels are valid<br />within a timeout</div>
            </div>
          </div>
        </foreignObject><text x="2177" y="211" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" font-weight="bold">Actual inclusion on L1:...</text>
      </switch>
    </g>
    <rect x="8700" y="1180" width="1600" height="240" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 325px; margin-left: 2177px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: left;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Channel B was seen first,<br />and will be decoded into batches first.</div>
            </div>
          </div>
        </foreignObject><text x="2177" y="331" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" font-weight="bold">Channel B was seen first,...</text>
      </switch>
    </g>
    <rect x="3600" y="2020" width="480" height="240" rx="36" ry="36" fill="#ffae52" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="4240" y="2020" width="480" height="240" rx="36" ry="36" fill="#ffffa1" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="4880" y="2020" width="480" height="240" rx="36" ry="36" fill="#c3ffa1" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="5520" y="2020" width="480" height="240" rx="36" ry="36" fill="#97ff63" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="6160" y="2020" width="480" height="240" rx="36" ry="36" fill="#8cffb6" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="6800" y="2020" width="480" height="240" rx="36" ry="36" fill="#ccccff" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="7440" y="2020" width="480" height="240" rx="36" ry="36" fill="#75acff" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="8080" y="2020" width="480" height="240" rx="36" ry="36" fill="#c882d1" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="8720" y="2020" width="480" height="240" rx="36" ry="36" fill="#ff66b3" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="1920" y="1980" width="1440" height="440" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 550px; margin-left: 838px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Batches can be buffered<br />for up to a full sequencing window<br />worth of L1 blocks<br />to get the L2 ordering back.</div>
            </div>
          </div>
        </foreignObject><text x="838" y="556" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="end" font-weight="bold">Batches can be buffered...</text>
      </switch>
    </g>
    <rect x="9220" y="5660" width="520" height="280" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 1450px; margin-left: 2433px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 50px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Time</div>
            </div>
          </div>
        </foreignObject><text x="2433" y="1465" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="50px" text-anchor="end" font-weight="bold">Time</text>
      </switch>
    </g>
    <path d="M 9842 5800 L 9842 5760 L 10490 5760 L 10490 5648.91 L 10638 5780 L 10490 5911.09 L 10490 5800 Z" fill="#000000" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <rect x="3540" y="700" width="1440" height="240" fill="#bfbfbf" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 358px; height: 1px; padding-top: 205px; margin-left: 886px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-style: italic; white-space: normal; overflow-wrap: normal;">older L2 data</div>
            </div>
          </div>
        </foreignObject><text x="1065" y="214" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle" font-style="italic">older L2 data</text>
      </switch>
    </g>
    <rect x="5260" y="700" width="1440" height="240" fill="url(#mx-gradient-d8ea7c-1-b0f79c-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 332px; height: 1px; padding-top: 225px; margin-left: 1322px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">B1</div>
            </div>
          </div>
        </foreignObject><text x="1654" y="225" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="end">B1</text>
      </switch>
    </g>
    <rect x="6220" y="1060" width="480" height="240" fill="url(#mx-gradient-ffe563-1-d8ea7c-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 92px; height: 1px; padding-top: 315px; margin-left: 1562px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">B0</div>
            </div>
          </div>
        </foreignObject><text x="1654" y="315" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="end">B0</text>
      </switch>
    </g>
    <rect x="5260" y="1060" width="960" height="240" fill="url(#mx-gradient-c683d2-1-ff66b3-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 212px; height: 1px; padding-top: 315px; margin-left: 1322px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">A1</div>
            </div>
          </div>
        </foreignObject><text x="1534" y="315" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="end">A1</text>
      </switch>
    </g>
    <rect x="8060" y="700" width="320" height="240" fill="rgb(255, 255, 255)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <rect x="6940" y="700" width="1120" height="240" fill="url(#mx-gradient-b0f79c-1-8cffb6-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 252px; height: 1px; padding-top: 225px; margin-left: 1742px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">B2</div>
            </div>
          </div>
        </foreignObject><text x="1994" y="225" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="end">B2</text>
      </switch>
    </g>
    <rect x="6940" y="1060" width="1440" height="240" fill="url(#mx-gradient-75acff-1-c683d2-1-e-0)" stroke="rgb(0, 0, 0)" stroke-width="4" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 332px; height: 1px; padding-top: 315px; margin-left: 1742px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">A0</div>
            </div>
          </div>
        </foreignObject><text x="2074" y="315" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="end">A0</text>
      </switch>
    </g>
    <path d="M 6160 5420 L 6240 5180 L 6640 5180 L 6560 5420 Z" fill="#ff0080" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 96px; height: 1px; padding-top: 1341px; margin-left: 1551px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">100-0</div>
            </div>
          </div>
        </foreignObject><text x="1647" y="1341" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">100-0</text>
      </switch>
    </g>
    <path d="M 6800 5420 L 6880 5180 L 7280 5180 L 7200 5420 Z" fill="#ff0080" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 96px; height: 1px; padding-top: 1341px; margin-left: 1711px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">100-1</div>
            </div>
          </div>
        </foreignObject><text x="1807" y="1341" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">100-1</text>
      </switch>
    </g>
    <path d="M 7440 5420 L 7520 5180 L 7920 5180 L 7840 5420 Z" fill="#ff0080" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 96px; height: 1px; padding-top: 1341px; margin-left: 1871px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">100-2</div>
            </div>
          </div>
        </foreignObject><text x="1967" y="1341" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">100-2</text>
      </switch>
    </g>
    <path d="M 8080 5420 L 8160 5180 L 8560 5180 L 8480 5420 Z" fill="#ff0080" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 96px; height: 1px; padding-top: 1341px; margin-left: 2031px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">100-3</div>
            </div>
          </div>
        </foreignObject><text x="2127" y="1341" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">100-3</text>
      </switch>
    </g>
    <path d="M 8720 5420 L 8800 5180 L 9200 5180 L 9120 5420 Z" fill="#ff0080" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 96px; height: 1px; padding-top: 1341px; margin-left: 2191px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">100-4</div>
            </div>
          </div>
        </foreignObject><text x="2287" y="1341" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">100-4</text>
      </switch>
    </g>
    <path d="M 9360 5420 L 9440 5180 L 9840 5180 L 9760 5420 Z" fill="#ffff66" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 96px; height: 1px; padding-top: 1341px; margin-left: 2351px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">101-0</div>
            </div>
          </div>
        </foreignObject><text x="2447" y="1341" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">101-0</text>
      </switch>
    </g>
    <path d="M 5520 5420 L 5600 5180 L 6000 5180 L 5920 5420 Z" fill="#e0e0e0" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 96px; height: 1px; padding-top: 1341px; margin-left: 1391px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">99-5</div>
            </div>
          </div>
        </foreignObject><text x="1487" y="1341" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">99-5</text>
      </switch>
    </g>
    <path d="M 4880 5420 L 4960 5180 L 5360 5180 L 5280 5420 Z" fill="#e0e0e0" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 96px; height: 1px; padding-top: 1341px; margin-left: 1231px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">99-4</div>
            </div>
          </div>
        </foreignObject><text x="1327" y="1341" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">99-4</text>
      </switch>
    </g>
    <path d="M 4240 5420 L 4320 5180 L 4720 5180 L 4640 5420 Z" fill="#e0e0e0" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 96px; height: 1px; padding-top: 1341px; margin-left: 1071px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">99-3</div>
            </div>
          </div>
        </foreignObject><text x="1167" y="1341" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">99-3</text>
      </switch>
    </g>
    <path d="M 3600 5420 L 3680 5180 L 4080 5180 L 4000 5420 Z" fill="#e0e0e0" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 96px; height: 1px; padding-top: 1341px; margin-left: 911px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">99-2</div>
            </div>
          </div>
        </foreignObject><text x="1007" y="1341" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">99-2</text>
      </switch>
    </g>
    <path d="M 2400 40 L 2800 40 L 2880 120 L 2880 520 L 2480 520 L 2400 440 L 2400 40 Z" fill="#e0e0e0" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <path d="M 2400 40 L 2800 40 L 2880 120 L 2480 120 Z" fill-opacity="0.05" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 2400 40 L 2480 120 L 2480 520 L 2400 440 Z" fill-opacity="0.1" fill="#000000" stroke="none" pointer-events="all" />
    <path d="M 2480 520 L 2480 120 L 2400 40 M 2480 120 L 2880 120" fill="none" stroke="rgb(0, 0, 0)" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-end; width: 76px; height: 1px; padding-top: 116px; margin-left: 631px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: #000000; ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">99</div>
            </div>
          </div>
        </foreignObject><text x="707" y="116" fill="#000000" font-family="Helvetica" font-size="30px" text-anchor="end">99</text>
      </switch>
    </g>
    <rect x="2040" y="5180" width="1320" height="240" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 1325px; margin-left: 838px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Each L2 block has a tx with info<br />about the "origin" L1 block</div>
            </div>
          </div>
        </foreignObject><text x="838" y="1331" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="end" font-weight="bold">Each L2 block has a tx with info...</text>
      </switch>
    </g>
    <rect x="2040" y="5580" width="1320" height="320" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 1435px; margin-left: 838px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">The "sequence number" <br />helps differentiate between <br />L2 blocks with the same origin.</div>
            </div>
          </div>
        </foreignObject><text x="838" y="1441" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="end" font-weight="bold">The "sequence number"...</text>
      </switch>
    </g>
    <path d="M 3900 1100 Q 4080 1172 4260 1100 Q 4440 1028 4620 1100 L 4620 1300 Q 4440 1228 4260 1300 Q 4080 1372 3900 1300 L 3900 1100 Z" fill="#fff2cc" stroke="#d6b656" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 178px; height: 1px; padding-top: 300px; margin-left: 976px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">deposit</div>
            </div>
          </div>
        </foreignObject><text x="1065" y="309" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle">deposit</text>
      </switch>
    </g>
    <path d="M 3920 1380 Q 4100 1452 4280 1380 Q 4460 1308 4640 1380 L 4640 1580 Q 4460 1508 4280 1580 Q 4100 1652 3920 1580 L 3920 1380 Z" fill="#fff2cc" stroke="#d6b656" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 178px; height: 1px; padding-top: 370px; margin-left: 981px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">deposit</div>
            </div>
          </div>
        </foreignObject><text x="1070" y="379" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle">deposit</text>
      </switch>
    </g>
    <rect x="2180" y="1180" width="1160" height="240" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 325px; margin-left: 833px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Deposits are L1 log events,<br />parsed from EVM receipts</div>
            </div>
          </div>
        </foreignObject><text x="833" y="331" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="end" font-weight="bold">Deposits are L1 log events,...</text>
      </switch>
    </g>
    <path d="M 6100 5560 Q 6280 5632 6460 5560 Q 6640 5488 6820 5560 L 6820 5760 Q 6640 5688 6460 5760 Q 6280 5832 6100 5760 L 6100 5560 Z" fill="#fff2cc" stroke="#d6b656" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 178px; height: 1px; padding-top: 1415px; margin-left: 1526px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">deposit</div>
            </div>
          </div>
        </foreignObject><text x="1615" y="1424" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle">deposit</text>
      </switch>
    </g>
    <path d="M 6120 5840 Q 6300 5912 6480 5840 Q 6660 5768 6840 5840 L 6840 6040 Q 6660 5968 6480 6040 Q 6300 6112 6120 6040 L 6120 5840 Z" fill="#fff2cc" stroke="#d6b656" stroke-width="4" stroke-miterlimit="10" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 178px; height: 1px; padding-top: 1485px; margin-left: 1531px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: center;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;">deposit</div>
            </div>
          </div>
        </foreignObject><text x="1620" y="1494" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px" text-anchor="middle">deposit</text>
      </switch>
    </g>
    <rect x="4980" y="5660" width="1000" height="440" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-end; width: 1px; height: 1px; padding-top: 1470px; margin-left: 1493px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: right;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 21px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: nowrap;">Deposits get included<br />the first L2 block that<br />adopts the L1 origin the<br />deposits were made in.</div>
            </div>
          </div>
        </foreignObject><text x="1493" y="1476" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="21px" text-anchor="end" font-weight="bold">Deposits get included...</text>
      </switch>
    </g>
    <rect x="20" y="2300" width="2560" height="640" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 655px; margin-left: 7px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: left;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Security types on L2:<br />- "unsafe": not submitted on L1<br />- "safe": is confirmed on L1<br />- "finalized": fully derived from finalized L1 data</div>
            </div>
          </div>
        </foreignObject><text x="7" y="664" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px">Security types on L2:...</text>
      </switch>
    </g>
    <rect x="60" y="3140" width="2000" height="640" fill="none" stroke="none" pointer-events="all" />
    <g transform="translate(-0.5 -0.5)scale(4)">
      <switch>
        <foreignObject style="overflow: visible; text-align: left;" pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility">
          <div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 1px; height: 1px; padding-top: 865px; margin-left: 17px;">
            <div style="box-sizing: border-box; font-size: 0px; text-align: left;" data-drawio-colors="color: rgb(0, 0, 0); ">
              <div style="display: inline-block; font-size: 30px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: nowrap;">Security types on L1:<br />- "unsafe": very new<br />- "safe": decent attestation ratio<br />- "finalized": with FFG finality gadget</div>
            </div>
          </div>
        </foreignObject><text x="17" y="874" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="30px">Security types on L1:...</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>